@homlista-devs/ui 1.6.2 → 1.6.3

package/dist/design-system.es.js

@@ -1,17 +1,17 @@
 import { jsx as r, jsxs as p, Fragment as se } from "react/jsx-runtime";
-import * as y from "react";
-import Ae, { useState as ee, useMemo as Ne, useCallback as Be, useEffect as Ce, forwardRef as we, createElement as ze, useContext as Tt } from "react";
-import { createEvent as Le, createStore as Pt } from "effector";
-import { useUnit as zt } from "effector-react";
-function Et(e, t) {
-  return !t || t === "all" ? e : e.filter((a) => a.categoryId === t);
-}
+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) {
-  const a = [...e];
-  return a.sort((o, n) => {
+  return !t || t === "all" ? e : e.filter((o) => o.categoryId === t);
+}
+function Et(e, t) {
+  const o = [...e];
+  return o.sort((a, n) => {
     let s = "", l = "";
-    return t.column === "title" ? (s = o.title.toLowerCase(), l = n.title.toLowerCase()) : t.column === "metric" && (s = Ge(o.metricValue), l = Ge(n.metricValue)), s < l ? t.direction === "asc" ? -1 : 1 : s > l ? t.direction === "asc" ? 1 : -1 : 0;
-  }), a;
+    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;
+  }), o;
 }
 function Ge(e) {
   if (!e) return 0;
@@ -19,28 +19,28 @@ function Ge(e) {
   return t ? parseFloat(t[0]) : 0;
 }
 function Rt(e, t) {
-  return t === "all" ? e.length : e.filter((a) => a.categoryId === t).length;
+  return t === "all" ? e.length : e.filter((o) => o.categoryId === t).length;
 }
 function jt(e) {
   const {
     propertyPrice: t,
-    downPayment: a,
-    loanTerm: o,
+    downPayment: o,
+    loanTerm: a,
     interestRate: n,
     propertyTax: s = 0,
     hoaFees: l = 0
-  } = e, i = t - a, c = n / 100 / 12, m = o * 12;
+  } = e, i = t - o, c = n / 100 / 12, m = a * 12;
   let u;
   if (c === 0)
     u = i / m;
   else {
-    const x = Math.pow(1 + c, m);
-    u = i * (c * x) / (x - 1);
+    const y = Math.pow(1 + c, m);
+    u = i * (c * y) / (y - 1);
   }
-  const d = u * m, h = d - i, N = u + s + l;
+  const d = u * m, h = d - i, M = u + s + l;
   return {
     monthlyPayment: Math.round(u * 100) / 100,
-    totalMonthlyPayment: Math.round(N * 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,
@@ -59,10 +59,10 @@ function me(e, t = "MXN") {
     maximumFractionDigits: 0
   }).format(e);
 }
-function Za(e, t = 3) {
+function Jo(e, t = 3) {
   return `${e.toFixed(t)} %`;
 }
-function Ka(e) {
+function Qo(e) {
   const t = {};
   return (!e.propertyPrice || e.propertyPrice <= 0) && (t.propertyPrice = "El precio de la propiedad debe ser mayor a 0"), (!e.downPayment || e.downPayment < 0) && (t.downPayment = "El enganche debe ser mayor o igual a 0"), e.propertyPrice && e.downPayment && e.downPayment >= e.propertyPrice && (t.downPayment = "El enganche debe ser menor al precio de la propiedad"), (!e.loanTerm || e.loanTerm <= 0) && (t.loanTerm = "El plazo del préstamo debe ser mayor a 0"), (e.interestRate === void 0 || e.interestRate < 0) && (t.interestRate = "La tasa de interés debe ser mayor o igual a 0"), {
     isValid: Object.keys(t).length === 0,
@@ -70,47 +70,47 @@ function Ka(e) {
   };
 }
 function tt(e) {
-  var t, a, o = "";
-  if (typeof e == "string" || typeof e == "number") o += 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] && (a = tt(e[t])) && (o && (o += " "), o += a);
-  } else for (a in e) e[a] && (o && (o += " "), o += a);
-  return o;
+    for (t = 0; t < n; t++) e[t] && (o = tt(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, a = 0, o = "", n = arguments.length; a < n; a++) (e = arguments[a]) && (t = tt(e)) && (o && (o += " "), o += t);
-  return o;
+  for (var e, t, o = 0, a = "", n = arguments.length; o < n; o++) (e = arguments[o]) && (t = tt(e)) && (a && (a += " "), a += t);
+  return a;
 }
-const We = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ue = rt, J = (e, t) => (a) => {
-  var o;
-  if (t?.variants == null) return Ue(e, a?.class, a?.className);
+const We = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ue = rt, 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 u = a?.[m], d = s?.[m];
+    const u = o?.[m], d = s?.[m];
     if (u === null) return null;
     const h = We(u) || We(d);
     return n[m][h];
-  }), i = a && Object.entries(a).reduce((m, u) => {
+  }), i = o && Object.entries(o).reduce((m, u) => {
     let [d, h] = u;
     return h === void 0 || (m[d] = h), m;
-  }, {}), c = t == null || (o = t.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((m, u) => {
-    let { class: d, className: h, ...N } = u;
-    return Object.entries(N).every((x) => {
-      let [w, k] = x;
-      return Array.isArray(k) ? k.includes({
+  }, {}), 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;
+      return Array.isArray(g) ? g.includes({
         ...s,
         ...i
-      }[w]) : {
+      }[C]) : {
         ...s,
         ...i
-      }[w] === k;
+      }[C] === g;
     }) ? [
       ...m,
       d,
       h
     ] : m;
   }, []);
-  return Ue(e, l, c, a?.class, a?.className);
+  return Ue(e, l, c, o?.class, o?.className);
 }, At = 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",
   {
@@ -143,15 +143,15 @@ function qe(e, t) {
 }
 function Lt(...e) {
   return (t) => {
-    let a = !1;
-    const o = e.map((n) => {
+    let o = !1;
+    const a = e.map((n) => {
       const s = qe(n, t);
-      return !a && typeof s == "function" && (a = !0), s;
+      return !o && typeof s == "function" && (o = !0), s;
     });
-    if (a)
+    if (o)
       return () => {
-        for (let n = 0; n < o.length; n++) {
-          const s = o[n];
+        for (let n = 0; n < a.length; n++) {
+          const s = a[n];
           typeof s == "function" ? s() : qe(e[n], null);
         }
       };
@@ -159,67 +159,67 @@ function Lt(...e) {
 }
 // @__NO_SIDE_EFFECTS__
 function $t(e) {
-  const t = /* @__PURE__ */ Vt(e), a = y.forwardRef((o, n) => {
-    const { children: s, ...l } = o, i = y.Children.toArray(s), c = i.find(_t);
+  const t = /* @__PURE__ */ Vt(e), o = v.forwardRef((a, n) => {
+    const { children: s, ...l } = a, i = v.Children.toArray(s), c = i.find(_t);
     if (c) {
-      const m = c.props.children, u = i.map((d) => d === c ? y.Children.count(m) > 1 ? y.Children.only(null) : y.isValidElement(m) ? m.props.children : null : d);
-      return /* @__PURE__ */ r(t, { ...l, ref: n, children: y.isValidElement(m) ? y.cloneElement(m, void 0, u) : null });
+      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 });
     }
     return /* @__PURE__ */ r(t, { ...l, ref: n, children: s });
   });
-  return a.displayName = `${e}.Slot`, a;
+  return o.displayName = `${e}.Slot`, o;
 }
 var Ot = /* @__PURE__ */ $t("Slot");
 // @__NO_SIDE_EFFECTS__
 function Vt(e) {
-  const t = y.forwardRef((a, o) => {
-    const { children: n, ...s } = a;
-    if (y.isValidElement(n)) {
-      const l = Ht(n), i = Dt(s, n.props);
-      return n.type !== y.Fragment && (i.ref = o ? Lt(o, l) : l), y.cloneElement(n, i);
+  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);
     }
-    return y.Children.count(n) > 1 ? y.Children.only(null) : null;
+    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 y.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Ft;
+  return v.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Ft;
 }
 function Dt(e, t) {
-  const a = { ...t };
-  for (const o in t) {
-    const n = e[o], s = t[o];
-    /^on[A-Z]/.test(o) ? n && s ? a[o] = (...i) => {
+  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;
-    } : n && (a[o] = n) : o === "style" ? a[o] = { ...n, ...s } : o === "className" && (a[o] = [n, s].filter(Boolean).join(" "));
+    } : n && (o[a] = n) : a === "style" ? o[a] = { ...n, ...s } : a === "className" && (o[a] = [n, s].filter(Boolean).join(" "));
   }
-  return { ...e, ...a };
+  return { ...e, ...o };
 }
-function Ht(e) {
-  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, a = t && "isReactWarning" in t && t.isReactWarning;
-  return a ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, a = t && "isReactWarning" in t && t.isReactWarning, a ? e.props.ref : e.props.ref || e.ref);
+function Bt(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 = "-", Bt = (e) => {
+const $e = "-", Ht = (e) => {
   const t = Wt(e), {
-    conflictingClassGroups: a,
-    conflictingClassGroupModifiers: o
+    conflictingClassGroups: o,
+    conflictingClassGroupModifiers: a
   } = e;
   return {
     getClassGroupId: (l) => {
       const i = l.split($e);
-      return i[0] === "" && i.length !== 1 && i.shift(), at(i, t) || Gt(l);
+      return i[0] === "" && i.length !== 1 && i.shift(), ot(i, t) || Gt(l);
     },
     getConflictingClassGroupIds: (l, i) => {
-      const c = a[l] || [];
-      return i && o[l] ? [...c, ...o[l]] : c;
+      const c = o[l] || [];
+      return i && a[l] ? [...c, ...a[l]] : c;
     }
   };
-}, at = (e, t) => {
+}, ot = (e, t) => {
   if (e.length === 0)
     return t.classGroupId;
-  const a = e[0], o = t.nextPart.get(a), n = o ? at(e.slice(1), o) : void 0;
+  const o = e[0], a = t.nextPart.get(o), n = a ? ot(e.slice(1), a) : void 0;
   if (n)
     return n;
   if (t.validators.length === 0)
@@ -230,51 +230,51 @@ const $e = "-", Bt = (e) => {
   }) => l(s))?.classGroupId;
 }, Xe = /^\[(.+)\]$/, Gt = (e) => {
   if (Xe.test(e)) {
-    const t = Xe.exec(e)[1], a = t?.substring(0, t.indexOf(":"));
-    if (a)
-      return "arbitrary.." + a;
+    const t = Xe.exec(e)[1], o = t?.substring(0, t.indexOf(":"));
+    if (o)
+      return "arbitrary.." + o;
   }
 }, Wt = (e) => {
   const {
     theme: t,
-    classGroups: a
-  } = e, o = {
+    classGroups: o
+  } = e, a = {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  for (const n in a)
-    Ee(a[n], o, n, t);
-  return o;
-}, Ee = (e, t, a, o) => {
+  for (const n in o)
+    Ie(o[n], a, n, t);
+  return a;
+}, Ie = (e, t, o, a) => {
   e.forEach((n) => {
     if (typeof n == "string") {
       const s = n === "" ? t : Ze(t, n);
-      s.classGroupId = a;
+      s.classGroupId = o;
       return;
     }
     if (typeof n == "function") {
       if (Ut(n)) {
-        Ee(n(o), t, a, o);
+        Ie(n(a), t, o, a);
         return;
       }
       t.validators.push({
         validator: n,
-        classGroupId: a
+        classGroupId: o
       });
       return;
     }
     Object.entries(n).forEach(([s, l]) => {
-      Ee(l, Ze(t, s), a, o);
+      Ie(l, Ze(t, s), o, a);
     });
   });
 }, Ze = (e, t) => {
-  let a = e;
-  return t.split($e).forEach((o) => {
-    a.nextPart.has(o) || a.nextPart.set(o, {
+  let o = e;
+  return t.split($e).forEach((a) => {
+    o.nextPart.has(a) || o.nextPart.set(a, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
-    }), a = a.nextPart.get(o);
-  }), a;
+    }), o = o.nextPart.get(a);
+  }), o;
 }, Ut = (e) => e.isThemeGetter, qt = (e) => {
   if (e < 1)
     return {
@@ -283,55 +283,55 @@ const $e = "-", Bt = (e) => {
       set: () => {
       }
     };
-  let t = 0, a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+  let t = 0, o = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
   const n = (s, l) => {
-    a.set(s, l), t++, t > e && (t = 0, o = a, a = /* @__PURE__ */ new Map());
+    o.set(s, l), t++, t > e && (t = 0, a = o, o = /* @__PURE__ */ new Map());
   };
   return {
     get(s) {
-      let l = a.get(s);
+      let l = o.get(s);
       if (l !== void 0)
         return l;
-      if ((l = o.get(s)) !== void 0)
+      if ((l = a.get(s)) !== void 0)
         return n(s, l), l;
     },
     set(s, l) {
-      a.has(s) ? a.set(s, l) : n(s, l);
+      o.has(s) ? o.set(s, l) : n(s, l);
     }
   };
-}, Ie = "!", Re = ":", Xt = Re.length, Zt = (e) => {
+}, Ee = "!", Re = ":", Xt = Re.length, Zt = (e) => {
   const {
     prefix: t,
-    experimentalParseClassName: a
+    experimentalParseClassName: o
   } = e;
-  let o = (n) => {
+  let a = (n) => {
     const s = [];
     let l = 0, i = 0, c = 0, m;
-    for (let x = 0; x < n.length; x++) {
-      let w = n[x];
+    for (let y = 0; y < n.length; y++) {
+      let C = n[y];
       if (l === 0 && i === 0) {
-        if (w === Re) {
-          s.push(n.slice(c, x)), c = x + Xt;
+        if (C === Re) {
+          s.push(n.slice(c, y)), c = y + Xt;
           continue;
         }
-        if (w === "/") {
-          m = x;
+        if (C === "/") {
+          m = y;
           continue;
         }
       }
-      w === "[" ? l++ : w === "]" ? l-- : w === "(" ? i++ : w === ")" && i--;
+      C === "[" ? l++ : C === "]" ? l-- : C === "(" ? i++ : C === ")" && i--;
     }
-    const u = s.length === 0 ? n : n.substring(c), d = Kt(u), h = d !== u, N = m && m > c ? m - c : void 0;
+    const u = s.length === 0 ? n : n.substring(c), d = Kt(u), h = d !== u, M = m && m > c ? m - c : void 0;
     return {
       modifiers: s,
       hasImportantModifier: h,
       baseClassName: d,
-      maybePostfixModifierPosition: N
+      maybePostfixModifierPosition: M
     };
   };
   if (t) {
-    const n = t + Re, s = o;
-    o = (l) => l.startsWith(n) ? s(l.substring(n.length)) : {
+    const n = t + Re, s = a;
+    a = (l) => l.startsWith(n) ? s(l.substring(n.length)) : {
       isExternal: !0,
       modifiers: [],
       hasImportantModifier: !1,
@@ -339,22 +339,22 @@ const $e = "-", Bt = (e) => {
       maybePostfixModifierPosition: void 0
     };
   }
-  if (a) {
-    const n = o;
-    o = (s) => a({
+  if (o) {
+    const n = a;
+    a = (s) => o({
       className: s,
       parseClassName: n
     });
   }
-  return o;
-}, Kt = (e) => e.endsWith(Ie) ? e.substring(0, e.length - 1) : e.startsWith(Ie) ? e.substring(1) : e, Jt = (e) => {
-  const t = Object.fromEntries(e.orderSensitiveModifiers.map((o) => [o, !0]));
-  return (o) => {
-    if (o.length <= 1)
-      return o;
+  return a;
+}, Kt = (e) => e.endsWith(Ee) ? e.substring(0, e.length - 1) : e.startsWith(Ee) ? e.substring(1) : e, Jt = (e) => {
+  const t = Object.fromEntries(e.orderSensitiveModifiers.map((a) => [a, !0]));
+  return (a) => {
+    if (a.length <= 1)
+      return a;
     const n = [];
     let s = [];
-    return o.forEach((l) => {
+    return a.forEach((l) => {
       l[0] === "[" || t[l] ? (n.push(...s.sort(), l), s = []) : s.push(l);
     }), n.push(...s.sort()), n;
   };
@@ -362,11 +362,11 @@ const $e = "-", Bt = (e) => {
   cache: qt(e.cacheSize),
   parseClassName: Zt(e),
   sortModifiers: Jt(e),
-  ...Bt(e)
+  ...Ht(e)
 }), Yt = /\s+/, er = (e, t) => {
   const {
-    parseClassName: a,
-    getClassGroupId: o,
+    parseClassName: o,
+    getClassGroupId: a,
     getConflictingClassGroupIds: n,
     sortModifiers: s
   } = t, l = [], i = e.trim().split(Yt);
@@ -375,64 +375,64 @@ const $e = "-", Bt = (e) => {
     const u = i[m], {
       isExternal: d,
       modifiers: h,
-      hasImportantModifier: N,
-      baseClassName: x,
-      maybePostfixModifierPosition: w
-    } = a(u);
+      hasImportantModifier: M,
+      baseClassName: y,
+      maybePostfixModifierPosition: C
+    } = o(u);
     if (d) {
       c = u + (c.length > 0 ? " " + c : c);
       continue;
     }
-    let k = !!w, C = o(k ? x.substring(0, w) : x);
-    if (!C) {
-      if (!k) {
+    let g = !!C, w = a(g ? y.substring(0, C) : y);
+    if (!w) {
+      if (!g) {
         c = u + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (C = o(x), !C) {
+      if (w = a(y), !w) {
         c = u + (c.length > 0 ? " " + c : c);
         continue;
       }
-      k = !1;
+      g = !1;
     }
-    const E = s(h).join(":"), R = N ? E + Ie : E, P = R + C;
+    const z = s(h).join(":"), S = M ? z + Ee : z, P = S + w;
     if (l.includes(P))
       continue;
     l.push(P);
-    const T = n(C, k);
-    for (let V = 0; V < T.length; ++V) {
-      const z = T[V];
-      l.push(R + z);
+    const I = n(w, g);
+    for (let V = 0; V < I.length; ++V) {
+      const E = I[V];
+      l.push(S + E);
     }
     c = u + (c.length > 0 ? " " + c : c);
   }
   return c;
 };
 function tr() {
-  let e = 0, t, a, o = "";
+  let e = 0, t, o, a = "";
   for (; e < arguments.length; )
-    (t = arguments[e++]) && (a = ot(t)) && (o && (o += " "), o += a);
-  return o;
+    (t = arguments[e++]) && (o = at(t)) && (a && (a += " "), a += o);
+  return a;
 }
-const ot = (e) => {
+const at = (e) => {
   if (typeof e == "string")
     return e;
-  let t, a = "";
-  for (let o = 0; o < e.length; o++)
-    e[o] && (t = ot(e[o])) && (a && (a += " "), a += t);
-  return a;
+  let t, o = "";
+  for (let a = 0; a < e.length; a++)
+    e[a] && (t = at(e[a])) && (o && (o += " "), o += t);
+  return o;
 };
 function rr(e, ...t) {
-  let a, o, n, s = l;
+  let o, a, n, s = l;
   function l(c) {
     const m = t.reduce((u, d) => d(u), e());
-    return a = Qt(m), o = a.cache.get, n = a.cache.set, s = i, i(c);
+    return o = Qt(m), a = o.cache.get, n = o.cache.set, s = i, i(c);
   }
   function i(c) {
-    const m = o(c);
+    const m = a(c);
     if (m)
       return m;
-    const u = er(c, a);
+    const u = er(c, o);
     return n(c, u), u;
   }
   return function() {
@@ -440,21 +440,21 @@ function rr(e, ...t) {
   };
 }
 const A = (e) => {
-  const t = (a) => a[e] || [];
+  const t = (o) => o[e] || [];
   return t.isThemeGetter = !0, t;
-}, nt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, st = /^\((?:(\w[\w-]*):)?(.+)\)$/i, ar = /^\d+\/\d+$/, or = /^(\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)\(.+\)$/, oe = (e) => ar.test(e), M = (e) => !!e && !Number.isNaN(Number(e)), Z = (e) => !!e && Number.isInteger(Number(e)), Se = (e) => e.endsWith("%") && M(e.slice(0, -1)), U = (e) => or.test(e), cr = () => !0, dr = (e) => (
+}, 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) => (
   // `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) => !g(e) && !b(e), fr = (e) => ie(e, dt, lt), g = (e) => nt.test(e), Y = (e) => ie(e, mt, dr), Me = (e) => ie(e, yr, M), Ke = (e) => ie(e, it, lt), hr = (e) => ie(e, ct, ur), xe = (e) => ie(e, ut, mr), b = (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, a) => {
-  const o = nt.exec(e);
-  return o ? o[1] ? t(o[1]) : a(o[2]) : !1;
-}, ce = (e, t, a = !1) => {
-  const o = st.exec(e);
-  return o ? o[1] ? t(o[1]) : a : !1;
+), 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);
+  return a ? a[1] ? t(a[1]) : o(a[2]) : !1;
+}, ce = (e, t, o = !1) => {
+  const a = st.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"), a = A("text"), o = 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"), N = A("drop-shadow"), x = A("blur"), w = A("perspective"), k = A("aspect"), C = A("ease"), E = A("animate"), R = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], P = () => [
+  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 = () => [
     "center",
     "top",
     "bottom",
@@ -472,30 +472,30 @@ const A = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], T = () => [...P(), b, g], V = () => ["auto", "hidden", "clip", "visible", "scroll"], z = () => ["auto", "contain", "none"], v = () => [b, g, c], L = () => [oe, "full", "auto", ...v()], q = () => [Z, "none", "subgrid", b, g], re = () => ["auto", {
-    span: ["full", Z, b, g]
-  }, Z, b, g], X = () => [Z, "auto", b, g], ae = () => ["auto", "min", "max", "fr", b, g], Q = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], H = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], D = () => ["auto", ...v()], W = () => [oe, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...v()], S = () => [e, b, g], pe = () => [...P(), Je, Ke, {
-    position: [b, g]
+  ], 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", {
+    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, {
+    position: [x, b]
   }], de = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], _ = () => ["auto", "cover", "contain", br, fr, {
-    size: [b, g]
-  }], F = () => [Se, ue, Y], j = () => [
+    size: [x, b]
+  }], F = () => [Me, ue, Y], j = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
     m,
-    b,
-    g
-  ], B = () => ["", M, 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"], $ = () => [M, Se, Je, Ke], He = () => [
+    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 = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
+    y,
     x,
-    b,
-    g
-  ], he = () => ["none", M, b, g], ge = () => ["none", M, b, g], ke = () => [M, b, g], be = () => [oe, "full", ...v()];
+    b
+  ], he = () => ["none", T, x, b], ge = () => ["none", T, x, b], ke = () => [T, x, b], be = () => [ae, "full", ...k()];
   return {
     cacheSize: 500,
     theme: {
@@ -514,7 +514,7 @@ const A = (e) => {
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
       radius: [U],
       shadow: [U],
-      spacing: ["px", M],
+      spacing: ["px", T],
       text: [U],
       "text-shadow": [U],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
@@ -528,7 +528,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", oe, g, b, k]
+        aspect: ["auto", "square", ae, b, x, g]
       }],
       /**
        * Container
@@ -541,21 +541,21 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [M, g, b, i]
+        columns: [T, b, x, i]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": R()
+        "break-after": S()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": R()
+        "break-before": S()
       }],
       /**
        * Break Inside
@@ -619,7 +619,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: T()
+        object: I()
       }],
       /**
        * Overflow
@@ -647,21 +647,21 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: z()
+        overscroll: E()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": z()
+        "overscroll-x": E()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": z()
+        "overscroll-y": E()
       }],
       /**
        * Position
@@ -741,7 +741,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [Z, "auto", b, g]
+        z: [Z, "auto", x, b]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -751,7 +751,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [oe, "full", "auto", i, ...v()]
+        basis: [ae, "full", "auto", i, ...k()]
       }],
       /**
        * Flex Direction
@@ -772,28 +772,28 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [M, oe, "auto", "initial", "none", g]
+        flex: [T, ae, "auto", "initial", "none", b]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", M, b, g]
+        grow: ["", T, x, b]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", M, b, g]
+        shrink: ["", T, x, b]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [Z, "first", "last", "none", b, g]
+        order: [Z, "first", "last", "none", x, b]
       }],
       /**
        * Grid Template Columns
@@ -863,35 +863,35 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": ae()
+        "auto-cols": oe()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": ae()
+        "auto-rows": oe()
       }],
       /**
        * Gap
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: v()
+        gap: k()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": v()
+        "gap-x": k()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": v()
+        "gap-y": k()
       }],
       /**
        * Justify Content
@@ -905,14 +905,14 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...H(), "normal"]
+        "justify-items": [...B(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...H()]
+        "justify-self": ["auto", ...B()]
       }],
       /**
        * Align Content
@@ -926,7 +926,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...H(), {
+        items: [...B(), {
           baseline: ["", "last"]
         }]
       }],
@@ -935,7 +935,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...H(), {
+        self: ["auto", ...B(), {
           baseline: ["", "last"]
         }]
       }],
@@ -951,14 +951,14 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...H(), "baseline"]
+        "place-items": [...B(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...H()]
+        "place-self": ["auto", ...B()]
       }],
       // Spacing
       /**
@@ -966,63 +966,63 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: v()
+        p: k()
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: v()
+        px: k()
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: v()
+        py: k()
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: v()
+        ps: k()
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: v()
+        pe: k()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: v()
+        pt: k()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: v()
+        pr: k()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: v()
+        pb: k()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: v()
+        pl: k()
       }],
       /**
        * Margin
@@ -1092,7 +1092,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": v()
+        "space-x": k()
       }],
       /**
        * Space Between X Reverse
@@ -1104,7 +1104,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": v()
+        "space-y": k()
       }],
       /**
        * Space Between Y Reverse
@@ -1188,7 +1188,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", a, ue, Y]
+        text: ["base", o, ue, Y]
       }],
       /**
        * Font Smoothing
@@ -1205,21 +1205,21 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [o, b, Me]
+        font: [a, x, Se]
       }],
       /**
        * Font Stretch
        * @see https://tailwindcss.com/docs/font-stretch
        */
       "font-stretch": [{
-        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", Se, g]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", Me, b]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [gr, g, t]
+        font: [gr, b, t]
       }],
       /**
        * Font Variant Numeric
@@ -1256,14 +1256,14 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [n, b, g]
+        tracking: [n, x, b]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [M, "none", b, Me]
+        "line-clamp": [T, "none", x, Se]
       }],
       /**
        * Line Height
@@ -1273,7 +1273,7 @@ const A = (e) => {
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           s,
-          ...v()
+          ...k()
         ]
       }],
       /**
@@ -1281,7 +1281,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", b, g]
+        "list-image": ["none", x, b]
       }],
       /**
        * List Style Position
@@ -1295,7 +1295,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", b, g]
+        list: ["disc", "decimal", "none", x, b]
       }],
       /**
        * Text Alignment
@@ -1310,14 +1310,14 @@ const A = (e) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: S()
+        placeholder: N()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: S()
+        text: N()
       }],
       /**
        * Text Decoration
@@ -1336,21 +1336,21 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [M, "from-font", "auto", b, Y]
+        decoration: [T, "from-font", "auto", x, Y]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: S()
+        decoration: N()
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [M, "auto", b, g]
+        "underline-offset": [T, "auto", x, b]
       }],
       /**
        * Text Transform
@@ -1374,14 +1374,14 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: v()
+        indent: k()
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", b, g]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", x, b]
       }],
       /**
        * Whitespace
@@ -1416,7 +1416,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", b, g]
+        content: ["none", x, b]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -1471,9 +1471,9 @@ const A = (e) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, Z, b, g],
-          radial: ["", b, g],
-          conic: [Z, b, g]
+          }, Z, x, b],
+          radial: ["", x, b],
+          conic: [Z, x, b]
         }, xr, hr]
       }],
       /**
@@ -1481,7 +1481,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: S()
+        bg: N()
       }],
       /**
        * Gradient Color Stops From Position
@@ -1509,21 +1509,21 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: S()
+        from: N()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: S()
+        via: N()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: S()
+        to: N()
       }],
       // ---------------
       // --- Borders ---
@@ -1638,70 +1638,70 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: B()
+        border: H()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": B()
+        "border-x": H()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": B()
+        "border-y": H()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": B()
+        "border-s": H()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": B()
+        "border-e": H()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": B()
+        "border-t": H()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": B()
+        "border-r": H()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": B()
+        "border-b": H()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": B()
+        "border-l": H()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": B()
+        "divide-x": H()
       }],
       /**
        * Divide Width X Reverse
@@ -1713,7 +1713,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": B()
+        "divide-y": H()
       }],
       /**
        * Divide Width Y Reverse
@@ -1739,70 +1739,70 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: S()
+        border: N()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": S()
+        "border-x": N()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": S()
+        "border-y": N()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": S()
+        "border-s": N()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": S()
+        "border-e": N()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": S()
+        "border-t": N()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": S()
+        "border-r": N()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": S()
+        "border-b": N()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": S()
+        "border-l": N()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: S()
+        divide: N()
       }],
       /**
        * Outline Style
@@ -1816,21 +1816,21 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [M, b, g]
+        "outline-offset": [T, x, b]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", M, ue, Y]
+        outline: ["", T, ue, Y]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: S()
+        outline: N()
       }],
       // ---------------
       // --- Effects ---
@@ -1854,7 +1854,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: S()
+        shadow: N()
       }],
       /**
        * Inset Box Shadow
@@ -1868,14 +1868,14 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": S()
+        "inset-shadow": N()
       }],
       /**
        * Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: B()
+        ring: H()
       }],
       /**
        * Ring Width Inset
@@ -1889,7 +1889,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: S()
+        ring: N()
       }],
       /**
        * 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": [M, Y]
+        "ring-offset": [T, Y]
       }],
       /**
        * Ring Offset Color
@@ -1907,21 +1907,21 @@ const A = (e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": S()
+        "ring-offset": N()
       }],
       /**
        * Inset Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": B()
+        "inset-ring": H()
       }],
       /**
        * Inset Ring Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": S()
+        "inset-ring": N()
       }],
       /**
        * 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": S()
+        "text-shadow": N()
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [M, b, g]
+        opacity: [T, 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": [M]
+        "mask-linear": [T]
       }],
       "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": S()
+        "mask-linear-from": N()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": S()
+        "mask-linear-to": N()
       }],
       "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": S()
+        "mask-t-from": N()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": S()
+        "mask-t-to": N()
       }],
       "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": S()
+        "mask-r-from": N()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": S()
+        "mask-r-to": N()
       }],
       "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": S()
+        "mask-b-from": N()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": S()
+        "mask-b-to": N()
       }],
       "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": S()
+        "mask-l-from": N()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": S()
+        "mask-l-to": N()
       }],
       "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": S()
+        "mask-x-from": N()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": S()
+        "mask-x-to": N()
       }],
       "mask-image-y-from-pos": [{
         "mask-y-from": $()
@@ -2058,13 +2058,13 @@ const A = (e) => {
         "mask-y-to": $()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": S()
+        "mask-y-from": N()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": S()
+        "mask-y-to": N()
       }],
       "mask-image-radial": [{
-        "mask-radial": [b, g]
+        "mask-radial": [x, b]
       }],
       "mask-image-radial-from-pos": [{
         "mask-radial-from": $()
@@ -2073,10 +2073,10 @@ const A = (e) => {
         "mask-radial-to": $()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": S()
+        "mask-radial-from": N()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": S()
+        "mask-radial-to": N()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -2091,7 +2091,7 @@ const A = (e) => {
         "mask-radial-at": P()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [M]
+        "mask-conic": [T]
       }],
       "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": S()
+        "mask-conic-from": N()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": S()
+        "mask-conic-to": N()
       }],
       /**
        * Mask Mode
@@ -2152,7 +2152,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", b, g]
+        mask: ["none", x, b]
       }],
       // ---------------
       // --- Filters ---
@@ -2166,8 +2166,8 @@ const A = (e) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          b,
-          g
+          x,
+          b
         ]
       }],
       /**
@@ -2175,21 +2175,21 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: He()
+        blur: Be()
       }],
       /**
        * Brightness
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [M, b, g]
+        brightness: [T, x, b]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [M, b, g]
+        contrast: [T, x, b]
       }],
       /**
        * Drop Shadow
@@ -2200,7 +2200,7 @@ const A = (e) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          N,
+          M,
           ye,
           xe
         ]
@@ -2210,42 +2210,42 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": S()
+        "drop-shadow": N()
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", M, b, g]
+        grayscale: ["", T, x, b]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [M, b, g]
+        "hue-rotate": [T, x, b]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", M, b, g]
+        invert: ["", T, x, b]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [M, b, g]
+        saturate: [T, x, b]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", M, b, g]
+        sepia: ["", T, x, b]
       }],
       /**
        * Backdrop Filter
@@ -2256,8 +2256,8 @@ const A = (e) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          b,
-          g
+          x,
+          b
         ]
       }],
       /**
@@ -2265,63 +2265,63 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": He()
+        "backdrop-blur": Be()
       }],
       /**
        * Backdrop Brightness
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [M, b, g]
+        "backdrop-brightness": [T, x, b]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [M, b, g]
+        "backdrop-contrast": [T, x, b]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", M, b, g]
+        "backdrop-grayscale": ["", T, x, b]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [M, b, g]
+        "backdrop-hue-rotate": [T, x, b]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", M, b, g]
+        "backdrop-invert": ["", T, x, b]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [M, b, g]
+        "backdrop-opacity": [T, x, b]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [M, b, g]
+        "backdrop-saturate": [T, x, b]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", M, b, g]
+        "backdrop-sepia": ["", T, x, b]
       }],
       // --------------
       // --- Tables ---
@@ -2338,21 +2338,21 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": v()
+        "border-spacing": k()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": v()
+        "border-spacing-x": k()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": v()
+        "border-spacing-y": k()
       }],
       /**
        * Table Layout
@@ -2376,7 +2376,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", b, g]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", x, b]
       }],
       /**
        * Transition Behavior
@@ -2390,28 +2390,28 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [M, "initial", b, g]
+        duration: [T, "initial", x, b]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", C, b, g]
+        ease: ["linear", "initial", w, x, b]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [M, b, g]
+        delay: [T, x, b]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", E, b, g]
+        animate: ["none", z, x, b]
       }],
       // ------------------
       // --- Transforms ---
@@ -2428,14 +2428,14 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [w, b, g]
+        perspective: [C, x, b]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": T()
+        "perspective-origin": I()
       }],
       /**
        * Rotate
@@ -2524,14 +2524,14 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [b, g, "", "none", "gpu", "cpu"]
+        transform: [x, b, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: T()
+        origin: I()
       }],
       /**
        * Transform Style
@@ -2581,7 +2581,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: S()
+        accent: N()
       }],
       /**
        * Appearance
@@ -2595,7 +2595,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: S()
+        caret: N()
       }],
       /**
        * Color Scheme
@@ -2609,7 +2609,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", b, g]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", x, b]
       }],
       /**
        * Field Sizing
@@ -2644,126 +2644,126 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": v()
+        "scroll-m": k()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": v()
+        "scroll-mx": k()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": v()
+        "scroll-my": k()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": v()
+        "scroll-ms": k()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": v()
+        "scroll-me": k()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": v()
+        "scroll-mt": k()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": v()
+        "scroll-mr": k()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": v()
+        "scroll-mb": k()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": v()
+        "scroll-ml": k()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": v()
+        "scroll-p": k()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": v()
+        "scroll-px": k()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": v()
+        "scroll-py": k()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": v()
+        "scroll-ps": k()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": v()
+        "scroll-pe": k()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": v()
+        "scroll-pt": k()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": v()
+        "scroll-pr": k()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": v()
+        "scroll-pb": k()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": v()
+        "scroll-pl": k()
       }],
       /**
        * Scroll Snap Align
@@ -2831,7 +2831,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", b, g]
+        "will-change": ["auto", "scroll", "contents", "transform", x, b]
       }],
       // -----------
       // --- SVG ---
@@ -2841,21 +2841,21 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...S()]
+        fill: ["none", ...N()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [M, ue, Y, Me]
+        stroke: [T, ue, Y, Se]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...S()]
+        stroke: ["none", ...N()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -2927,11 +2927,11 @@ const A = (e) => {
 function f(...e) {
   return kr(rt(e));
 }
-const K = y.forwardRef(
-  ({ className: e, variant: t, size: a, asChild: o = !1, disabled: n, ...s }, l) => /* @__PURE__ */ r(
-    o ? Ot : "button",
+const K = v.forwardRef(
+  ({ className: e, variant: t, size: o, asChild: a = !1, disabled: n, ...s }, l) => /* @__PURE__ */ r(
+    a ? Ot : "button",
     {
-      className: f(At({ variant: t, size: a, className: e })),
+      className: f(At({ variant: t, size: o, className: e })),
       ref: l,
       type: s.type || "button",
       disabled: n,
@@ -2985,7 +2985,7 @@ const Nr = (e) => {
     default:
       return "text-foreground";
   }
-}, Sr = (e) => {
+}, Mr = (e) => {
   switch (e) {
     case "light":
       return "font-light";
@@ -3000,7 +3000,7 @@ const Nr = (e) => {
     default:
       return "";
   }
-}, Mr = (e) => {
+}, Sr = (e) => {
   switch (e) {
     case "left":
       return "text-left";
@@ -3013,11 +3013,11 @@ const Nr = (e) => {
     default:
       return "text-left";
   }
-}, I = ({
+}, R = ({
   variant: e = "body",
   color: t = "primary",
-  weight: a,
-  align: o = "left",
+  weight: o,
+  align: a = "left",
   truncate: n = !1,
   children: s,
   className: l,
@@ -3028,8 +3028,8 @@ const Nr = (e) => {
     "m-0",
     Nr(e),
     Cr(t),
-    Sr(a),
     Mr(o),
+    Sr(a),
     n && "truncate",
     l
   );
@@ -3053,7 +3053,7 @@ function Tr(e) {
       return "p";
   }
 }
-const Pr = (e) => {
+const zr = (e) => {
   switch (e) {
     case "sm":
       return "p-4";
@@ -3064,7 +3064,7 @@ const Pr = (e) => {
     default:
       return "p-0";
   }
-}, zr = (e) => {
+}, Pr = (e) => {
   switch (e) {
     case "sm":
       return "shadow-sm";
@@ -3075,7 +3075,7 @@ const Pr = (e) => {
     default:
       return "shadow-none";
   }
-}, Er = (e) => {
+}, Ir = (e) => {
   switch (e) {
     case "sm":
       return "rounded-sm";
@@ -3089,8 +3089,8 @@ const Pr = (e) => {
 }, pt = ({
   children: e,
   title: t,
-  subtitle: a,
-  className: o,
+  subtitle: o,
+  className: a,
   padding: n = "md",
   shadow: s = "md",
   borderRadius: l = "md",
@@ -3098,41 +3098,41 @@ const Pr = (e) => {
 }) => {
   const c = !!i, m = f(
     "bg-card",
-    Pr(n),
-    zr(s),
-    Er(l),
+    zr(n),
+    Pr(s),
+    Ir(l),
     "transition-all duration-200 ease-in-out",
     c && "cursor-pointer hover:-translate-y-0.5 hover:shadow-lg active:translate-y-0",
-    o
+    a
   );
   return /* @__PURE__ */ p("div", { className: m, onClick: i, children: [
-    (t || a) && /* @__PURE__ */ p("div", { className: "mb-4", children: [
-      t && /* @__PURE__ */ r("div", { className: "mb-2", children: /* @__PURE__ */ r(I, { variant: "h3", children: t }) }),
-      a && /* @__PURE__ */ r("div", { className: "text-muted-foreground", children: /* @__PURE__ */ r(I, { variant: "body-sm", color: "muted", children: a }) })
+    (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 }) })
     ] }),
     /* @__PURE__ */ r("div", { className: "flex-1", children: e })
   ] });
-}, Ir = ({
+}, Er = ({
   children: e
-}) => /* @__PURE__ */ r("div", { className: "mt-4 pt-4 border-t border-border", children: e }), Ja = Object.assign(pt, {
-  Footer: Ir
+}) => /* @__PURE__ */ r("div", { className: "mt-4 pt-4 border-t border-border", children: e }), Yo = Object.assign(pt, {
+  Footer: Er
 });
-function Rr(e, t, a, o, n, s) {
-  const l = (e - 90) * Math.PI / 180, i = (t - 90) * Math.PI / 180, c = n + a * Math.cos(l), m = s + a * Math.sin(l), u = n + a * Math.cos(i), d = s + a * Math.sin(i), h = n + o * Math.cos(i), N = s + o * Math.sin(i), x = n + o * Math.cos(l), w = s + o * Math.sin(l), k = t - e > 180 ? 1 : 0;
+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;
   return [
     `M ${c} ${m}`,
     // Move to start point on outer arc
-    `A ${a} ${a} 0 ${k} 1 ${u} ${d}`,
+    `A ${o} ${o} 0 ${g} 1 ${u} ${d}`,
     // Outer arc
-    `L ${h} ${N}`,
+    `L ${h} ${M}`,
     // Line to inner arc
-    `A ${o} ${o} 0 ${k} 0 ${x} ${w}`,
+    `A ${a} ${a} 0 ${g} 0 ${y} ${C}`,
     // Inner arc (reverse)
     "Z"
     // Close path
   ].join(" ");
 }
-function jr(e, t, a, o, n) {
+function jr(e, t, o, a, n) {
   const s = e.reduce((c, m) => c + m.value, 0);
   if (s === 0)
     return [];
@@ -3143,8 +3143,8 @@ function jr(e, t, a, o, n) {
       u,
       d,
       t,
-      a,
       o,
+      a,
       n
     );
     i.push({
@@ -3153,34 +3153,34 @@ function jr(e, t, a, o, n) {
     }), l = d;
   }), i;
 }
-const ft = y.forwardRef(
+const ft = v.forwardRef(
   ({
     segments: e,
     size: t = 300,
-    innerRadiusRatio: a = 0.6,
-    centerContent: o,
+    innerRadiusRatio: o = 0.6,
+    centerContent: a,
     showLegend: n = !1,
     legendPosition: s = "bottom",
     className: l,
     onSegmentClick: i,
     onSegmentHover: c
   }, m) => {
-    const [u, d] = y.useState(null), h = t / 2, N = t / 2, x = 2, w = t / 2 - x, k = w * a, C = jr(
+    const [u, d] = v.useState(null), h = t / 2, M = t / 2, y = 2, C = t / 2 - y, g = C * o, w = jr(
       e,
-      w,
-      k,
+      C,
+      g,
       h,
-      N
-    ), E = (P) => {
+      M
+    ), z = (P) => {
       d(P), c?.(P);
-    }, R = s === "left" || s === "right";
+    }, S = s === "left" || s === "right";
     return /* @__PURE__ */ p(
       "div",
       {
         ref: m,
         className: f(
           "flex gap-4",
-          R ? "flex-row items-center" : "flex-col items-center",
+          S ? "flex-row items-center" : "flex-col items-center",
           s === "right" && "flex-row-reverse",
           s === "top" && "flex-col-reverse",
           l
@@ -3192,30 +3192,30 @@ const ft = y.forwardRef(
               className: "relative inline-block",
               style: { width: t, height: t },
               children: [
-                /* @__PURE__ */ r("svg", { width: t, height: t, viewBox: `0 0 ${t} ${t}`, children: C.map(({ path: P, segment: T }, V) => /* @__PURE__ */ r(
+                /* @__PURE__ */ r("svg", { width: t, height: t, viewBox: `0 0 ${t} ${t}`, children: w.map(({ path: P, segment: I }, V) => /* @__PURE__ */ r(
                   "path",
                   {
                     d: P,
-                    fill: T.color,
+                    fill: I.color,
                     stroke: "white",
-                    strokeWidth: x,
+                    strokeWidth: y,
                     className: f(
                       "transition-opacity duration-200",
-                      u && u !== T && "opacity-50",
+                      u && u !== I && "opacity-50",
                       i && "cursor-pointer"
                     ),
-                    onMouseEnter: () => E(T),
-                    onMouseLeave: () => E(null),
-                    onClick: () => i?.(T)
+                    onMouseEnter: () => z(I),
+                    onMouseLeave: () => z(null),
+                    onClick: () => i?.(I)
                   },
-                  `${T.label}-${V}`
+                  `${I.label}-${V}`
                 )) }),
-                o && /* @__PURE__ */ r(
+                a && /* @__PURE__ */ r(
                   "div",
                   {
                     className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-center",
-                    style: { maxWidth: k * 1.8 },
-                    children: o
+                    style: { maxWidth: g * 1.8 },
+                    children: a
                   }
                 )
               ]
@@ -3226,9 +3226,9 @@ const ft = y.forwardRef(
             {
               className: f(
                 "flex gap-2",
-                R ? "flex-col" : "flex-row flex-wrap justify-center"
+                S ? "flex-col" : "flex-row flex-wrap justify-center"
               ),
-              children: e.map((P, T) => /* @__PURE__ */ p(
+              children: e.map((P, I) => /* @__PURE__ */ p(
                 "div",
                 {
                   className: f(
@@ -3236,8 +3236,8 @@ const ft = y.forwardRef(
                     u && u !== P && "opacity-50",
                     i && "cursor-pointer"
                   ),
-                  onMouseEnter: () => E(P),
-                  onMouseLeave: () => E(null),
+                  onMouseEnter: () => z(P),
+                  onMouseLeave: () => z(null),
                   onClick: () => i?.(P),
                   children: [
                     /* @__PURE__ */ r(
@@ -3250,7 +3250,7 @@ const ft = y.forwardRef(
                     /* @__PURE__ */ r("span", { className: "text-muted-foreground", children: P.label })
                   ]
                 },
-                `${P.label}-${T}`
+                `${P.label}-${I}`
               ))
             }
           )
@@ -3260,26 +3260,26 @@ const ft = y.forwardRef(
   }
 );
 ft.displayName = "DonutChart";
-function Qa(e, t, a = {}) {
+function ea(e, t, o = {}) {
   const {
-    initialCategory: o = null,
+    initialCategory: a = null,
     initialSort: n = null,
     enableSearch: s = !1
-  } = a, [l, i] = ee(
-    o
-  ), [c, m] = ee(n), [u, d] = ee(""), h = Ne(() => Et(e, l), [e, l]), N = Ne(() => {
+  } = o, [l, i] = ee(
+    a
+  ), [c, m] = ee(n), [u, d] = ee(""), h = Ne(() => It(e, l), [e, l]), M = Ne(() => {
     if (!s || !u.trim())
       return h;
-    const C = u.toLowerCase();
+    const w = u.toLowerCase();
     return h.filter(
-      (E) => E.title.toLowerCase().includes(C) || E.subtitle?.toLowerCase().includes(C)
+      (z) => z.title.toLowerCase().includes(w) || z.subtitle?.toLowerCase().includes(w)
     );
-  }, [h, u, s]), x = Ne(() => c ? It(N, c) : N, [N, c]), w = Be(
-    (C) => Rt(e, C),
+  }, [h, u, s]), y = Ne(() => c ? Et(M, c) : M, [M, c]), C = He(
+    (w) => Rt(e, w),
     [e]
-  ), k = Be(() => {
-    i(o), m(n), d("");
-  }, [o, n]);
+  ), g = He(() => {
+    i(a), m(n), d("");
+  }, [a, n]);
   return {
     activeCategory: l,
     setActiveCategory: i,
@@ -3287,9 +3287,9 @@ function Qa(e, t, a = {}) {
     setSort: m,
     searchQuery: u,
     setSearchQuery: d,
-    filteredEntities: x,
-    getCategoryCount: w,
-    resetFilters: k
+    filteredEntities: y,
+    getCategoryCount: C,
+    resetFilters: g
   };
 }
 const Ar = J(
@@ -3314,12 +3314,12 @@ const Ar = J(
       size: "default"
     }
   }
-), Oe = y.forwardRef(
+), Oe = v.forwardRef(
   ({
     className: e,
     variant: t,
-    size: a,
-    icon: o,
+    size: o,
+    icon: a,
     selected: n,
     dismissible: s,
     onDismiss: l,
@@ -3331,7 +3331,7 @@ const Ar = J(
     {
       type: "button",
       className: f(
-        Ar({ variant: n ? "selected" : t, size: a, className: e })
+        Ar({ variant: n ? "selected" : t, size: o, className: e })
       ),
       ref: u,
       disabled: c,
@@ -3339,7 +3339,7 @@ const Ar = J(
       "aria-pressed": n ? "true" : "false",
       ...m,
       children: [
-        o && /* @__PURE__ */ r("span", { className: "mr-1.5 inline-flex items-center", "aria-hidden": "true", children: o }),
+        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(
           "button",
@@ -3358,12 +3358,12 @@ const Ar = J(
   )
 );
 Oe.displayName = "Chip";
-const ht = y.forwardRef(
+const ht = v.forwardRef(
   ({
     categories: e,
     activeCategory: t,
-    onCategoryChange: a,
-    showCount: o,
+    onCategoryChange: o,
+    showCount: a,
     getCategoryCount: n,
     className: s
   }, l) => /* @__PURE__ */ r(
@@ -3374,7 +3374,7 @@ const ht = y.forwardRef(
       "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 = o && n ? n(i.id) : void 0;
+        const c = t === i.id, m = a && n ? n(i.id) : void 0;
         return /* @__PURE__ */ p(
           Oe,
           {
@@ -3383,8 +3383,8 @@ const ht = y.forwardRef(
             "aria-controls": `entities-panel-${i.id}`,
             selected: c,
             variant: c ? "selected" : "outline",
-            icon: typeof i.icon == "string" ? i.icon : i.icon ? y.createElement(i.icon) : void 0,
-            onClick: () => a(c ? null : i.id),
+            icon: typeof i.icon == "string" ? i.icon : i.icon ? v.createElement(i.icon) : void 0,
+            onClick: () => o(c ? null : i.id),
             children: [
               i.label,
               m !== void 0 && /* @__PURE__ */ p("span", { className: "ml-1.5 opacity-70", children: [
@@ -3459,12 +3459,12 @@ const Lr = J(
   defaultVariants: {
     variant: "default"
   }
-}), ne = y.forwardRef(
+}), ne = v.forwardRef(
   ({
     className: e,
     containerClassName: t,
-    labelClassName: a,
-    variant: o,
+    labelClassName: o,
+    variant: a,
     inputSize: n,
     label: s,
     helperText: l,
@@ -3474,16 +3474,16 @@ const Lr = J(
     suffix: u,
     id: d,
     ...h
-  }, N) => {
-    const x = y.useId(), w = d || x, k = `${w}-helper`, C = `${w}-error`, E = i ? "error" : o, R = i || l;
+  }, M) => {
+    const y = v.useId(), C = d || y, g = `${C}-helper`, w = `${C}-error`, z = i ? "error" : a, S = i || l;
     return /* @__PURE__ */ p("div", { className: f("w-full", t), children: [
       s && /* @__PURE__ */ r(
         "label",
         {
-          htmlFor: w,
+          htmlFor: C,
           className: f(
-            $r({ variant: E, required: c }),
-            a
+            $r({ variant: z, required: c }),
+            o
           ),
           children: s
         }
@@ -3493,28 +3493,28 @@ const Lr = J(
         /* @__PURE__ */ r(
           "input",
           {
-            id: w,
-            ref: N,
+            id: C,
+            ref: M,
             className: f(
-              Lr({ variant: E, inputSize: n }),
+              Lr({ variant: z, inputSize: n }),
               m && "pl-10",
               u && "pr-10",
               e
             ),
             "aria-invalid": i ? "true" : "false",
-            "aria-describedby": R ? i ? C : k : void 0,
+            "aria-describedby": S ? i ? 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 })
       ] }),
-      R && /* @__PURE__ */ r(
+      S && /* @__PURE__ */ r(
         "p",
         {
-          id: i ? C : k,
-          className: Or({ variant: E }),
+          id: i ? w : g,
+          className: Or({ variant: z }),
           role: i ? "alert" : void 0,
-          children: R
+          children: S
         }
       )
     ] });
@@ -3537,8 +3537,8 @@ const Vr = (e) => {
 }, Fr = ({
   isOpen: e,
   onClose: t,
-  title: a,
-  children: o,
+  title: o,
+  children: a,
   size: n = "md",
   showCloseButton: s = !0,
   closeOnOverlayClick: l = !0,
@@ -3547,10 +3547,10 @@ const Vr = (e) => {
   const c = Ae.useRef(null);
   if (Ce(() => {
     if (!e || !i) return;
-    const x = (w) => {
-      w.key === "Escape" && t();
+    const y = (C) => {
+      C.key === "Escape" && t();
     };
-    return document.addEventListener("keydown", x), () => document.removeEventListener("keydown", x);
+    return document.addEventListener("keydown", y), () => document.removeEventListener("keydown", y);
   }, [e, i, t]), Ce(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
     document.body.style.overflow = "unset";
   }), [e]), Ce(() => {
@@ -3563,7 +3563,7 @@ const Vr = (e) => {
     Vr(n)
   ), d = f(
     "p-6 border-b border-border flex items-center justify-between"
-  ), h = f("p-6 overflow-y-auto flex-1"), N = f(
+  ), h = f("p-6 overflow-y-auto flex-1"), M = f(
     "bg-none border-none text-xl cursor-pointer text-muted-foreground p-1 rounded-sm flex items-center justify-center hover:bg-accent hover:text-accent-foreground focus:outline-2 focus:outline-primary focus:outline-offset-2"
   );
   return /* @__PURE__ */ r(
@@ -3576,25 +3576,25 @@ const Vr = (e) => {
         {
           ref: c,
           className: u,
-          onClick: (x) => x.stopPropagation(),
+          onClick: (y) => y.stopPropagation(),
           tabIndex: -1,
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": a ? "modal-title" : void 0,
+          "aria-labelledby": o ? "modal-title" : void 0,
           children: [
-            (a || s) && /* @__PURE__ */ p("div", { className: d, children: [
-              a && /* @__PURE__ */ r(I, { variant: "h3", className: "text-foreground", children: a }),
+            (o || s) && /* @__PURE__ */ p("div", { className: d, children: [
+              o && /* @__PURE__ */ r(R, { variant: "h3", className: "text-foreground", children: o }),
               s && /* @__PURE__ */ r(
                 "button",
                 {
                   onClick: t,
                   "aria-label": "Close modal",
-                  className: N,
+                  className: M,
                   children: "×"
                 }
               )
             ] }),
-            /* @__PURE__ */ r("div", { className: h, children: o })
+            /* @__PURE__ */ r("div", { className: h, children: a })
           ]
         }
       )
@@ -3603,15 +3603,15 @@ const Vr = (e) => {
 }, _r = ({
   children: e,
   actions: t,
-  ...a
-}) => /* @__PURE__ */ p(Fr, { ...a, children: [
+  ...o
+}) => /* @__PURE__ */ p(Fr, { ...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 })
-] }), Ya = ({
+] }), ta = ({
   isOpen: e,
   onClose: t,
-  onConfirm: a,
-  title: o,
+  onConfirm: o,
+  title: a,
   message: n,
   confirmText: s = "Confirm",
   cancelText: l = "Cancel"
@@ -3620,12 +3620,12 @@ const Vr = (e) => {
   {
     isOpen: e,
     onClose: t,
-    title: o,
+    title: a,
     actions: /* @__PURE__ */ p(se, { children: [
       /* @__PURE__ */ r(K, { variant: "secondary", onClick: t, children: l }),
-      /* @__PURE__ */ r(K, { variant: "default", onClick: a, children: s })
+      /* @__PURE__ */ r(K, { variant: "default", onClick: o, children: s })
     ] }),
-    children: /* @__PURE__ */ r(I, { children: n })
+    children: /* @__PURE__ */ r(R, { children: n })
   }
 ), Dr = J(
   [
@@ -3654,7 +3654,7 @@ const Vr = (e) => {
       selectSize: "default"
     }
   }
-), Hr = J(
+), Br = J(
   ["block text-sm font-medium mb-1.5", "transition-colors"],
   {
     variants: {
@@ -3673,7 +3673,7 @@ const Vr = (e) => {
       required: !1
     }
   }
-), Br = J("mt-1.5 text-sm", {
+), Hr = J("mt-1.5 text-sm", {
   variants: {
     variant: {
       default: "text-muted-foreground",
@@ -3693,11 +3693,11 @@ const Vr = (e) => {
  */
 const Gr = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Wr = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
-  (t, a, o) => o ? o.toUpperCase() : a.toLowerCase()
+  (t, o, a) => a ? a.toUpperCase() : o.toLowerCase()
 ), Qe = (e) => {
   const t = Wr(e);
   return t.charAt(0).toUpperCase() + t.slice(1);
-}, gt = (...e) => e.filter((t, a, o) => !!t && t.trim() !== "" && o.indexOf(t) === a).join(" ").trim(), Ur = (e) => {
+}, gt = (...e) => e.filter((t, o, a) => !!t && t.trim() !== "" && a.indexOf(t) === o).join(" ").trim(), Ur = (e) => {
   for (const t in e)
     if (t.startsWith("aria-") || t === "role" || t === "title")
       return !0;
@@ -3729,13 +3729,13 @@ const Xr = we(
   ({
     color: e = "currentColor",
     size: t = 24,
-    strokeWidth: a = 2,
-    absoluteStrokeWidth: o,
+    strokeWidth: o = 2,
+    absoluteStrokeWidth: a,
     className: n = "",
     children: s,
     iconNode: l,
     ...i
-  }, c) => ze(
+  }, c) => Pe(
     "svg",
     {
       ref: c,
@@ -3743,13 +3743,13 @@ const Xr = we(
       width: t,
       height: t,
       stroke: e,
-      strokeWidth: o ? Number(a) * 24 / Number(t) : a,
+      strokeWidth: a ? Number(o) * 24 / Number(t) : o,
       className: gt("lucide", n),
       ...!s && !Ur(i) && { "aria-hidden": "true" },
       ...i
     },
     [
-      ...l.map(([m, u]) => ze(m, u)),
+      ...l.map(([m, u]) => Pe(m, u)),
       ...Array.isArray(s) ? s : [s]
     ]
   )
@@ -3761,19 +3761,19 @@ const Xr = we(
  * See the LICENSE file in the root directory of this source tree.
  */
 const G = (e, t) => {
-  const a = we(
-    ({ className: o, ...n }, s) => ze(Xr, {
+  const o = we(
+    ({ className: a, ...n }, s) => Pe(Xr, {
       ref: s,
       iconNode: t,
       className: gt(
         `lucide-${Gr(Qe(e))}`,
         `lucide-${e}`,
-        o
+        a
       ),
       ...n
     })
   );
-  return a.displayName = Qe(e), a;
+  return o.displayName = Qe(e), o;
 };
 /**
  * @license lucide-react v0.547.0 - ISC
@@ -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" }]
-], ea = G("car", Yr);
+], eo = G("car", Yr);
 /**
  * @license lucide-react v0.547.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ta = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], ra = G("chevron-down", ta);
+const to = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], ro = G("chevron-down", to);
 /**
  * @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 aa = [
+const oo = [
   ["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" }]
-], oa = G("grid-3x3", aa);
+], ao = G("grid-3x3", oo);
 /**
  * @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 na = [
+const no = [
   [
     "path",
     {
@@ -3858,14 +3858,14 @@ const na = [
       key: "mvr1a0"
     }
   ]
-], sa = G("heart", na);
+], so = G("heart", no);
 /**
  * @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 la = [
+const lo = [
   ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
   [
     "path",
@@ -3874,14 +3874,14 @@ const la = [
       key: "r6nss1"
     }
   ]
-], ia = G("house", la);
+], io = 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 ca = [
+const co = [
   [
     "path",
     {
@@ -3890,65 +3890,65 @@ const ca = [
     }
   ],
   ["circle", { cx: "12", cy: "10", r: "3", key: "ilqhr7" }]
-], da = G("map-pin", ca);
+], mo = G("map-pin", co);
 /**
  * @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 ma = [
+const uo = [
   ["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" }]
-], ua = G("maximize", ma);
+], po = G("maximize", uo);
 /**
  * @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 pa = [
+const fo = [
   ["path", { d: "M4 5h16", key: "1tepv9" }],
   ["path", { d: "M4 12h16", key: "1lakjw" }],
   ["path", { d: "M4 19h16", key: "1djgab" }]
-], fa = G("menu", pa);
+], ho = G("menu", fo);
 /**
  * @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 ha = [
+const go = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], je = G("search", ha);
+], je = G("search", go);
 /**
  * @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 ga = [
+const bo = [
   ["path", { d: "M16 7h6v6", key: "box55l" }],
   ["path", { d: "m22 7-8.5 8.5-5-5L2 17", key: "1t1m79" }]
-], ba = G("trending-up", ga);
+], xo = G("trending-up", bo);
 /**
  * @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 xa = [
+const yo = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Ye = G("x", xa), Ve = y.forwardRef(
+], Ye = G("x", yo), Ve = v.forwardRef(
   ({
     className: e,
     containerClassName: t,
-    labelClassName: a,
-    variant: o,
+    labelClassName: o,
+    variant: a,
     selectSize: n,
     label: s,
     helperText: l,
@@ -3958,16 +3958,16 @@ const xa = [
     placeholder: u,
     id: d,
     ...h
-  }, N) => {
-    const x = y.useId(), w = d || x, k = `${w}-helper`, C = `${w}-error`, E = i ? "error" : o, R = i || l;
+  }, M) => {
+    const y = v.useId(), C = d || y, g = `${C}-helper`, w = `${C}-error`, z = i ? "error" : a, S = i || l;
     return /* @__PURE__ */ p("div", { className: f("w-full", t), children: [
       s && /* @__PURE__ */ r(
         "label",
         {
-          htmlFor: w,
+          htmlFor: C,
           className: f(
-            Hr({ variant: E, required: c }),
-            a
+            Br({ variant: z, required: c }),
+            o
           ),
           children: s
         }
@@ -3976,16 +3976,16 @@ const xa = [
         /* @__PURE__ */ p(
           "select",
           {
-            id: w,
-            ref: N,
+            id: C,
+            ref: M,
             className: f(
-              Dr({ variant: E, selectSize: n }),
+              Dr({ variant: z, selectSize: n }),
               "pr-10",
               // Space for chevron icon
               e
             ),
             "aria-invalid": i ? "true" : "false",
-            "aria-describedby": R ? i ? C : k : void 0,
+            "aria-describedby": S ? i ? w : g : void 0,
             ...h,
             children: [
               u && /* @__PURE__ */ r("option", { value: "", disabled: !0, children: u }),
@@ -4001,22 +4001,22 @@ const xa = [
             ]
           }
         ),
-        /* @__PURE__ */ r("div", { className: "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: /* @__PURE__ */ r(ra, { 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(ro, { className: "h-4 w-4" }) })
       ] }),
-      R && /* @__PURE__ */ r(
+      S && /* @__PURE__ */ r(
         "p",
         {
-          id: i ? C : k,
-          className: Br({ variant: E }),
+          id: i ? w : g,
+          className: Hr({ variant: z }),
           role: i ? "alert" : void 0,
-          children: R
+          children: S
         }
       )
     ] });
   }
 );
 Ve.displayName = "Select";
-const ya = (e) => {
+const vo = (e) => {
   switch (e) {
     case "sm":
       return "p-4";
@@ -4030,29 +4030,29 @@ const ya = (e) => {
 }, Fe = ({
   children: e,
   header: t,
-  sidebar: a,
-  footer: o,
+  sidebar: o,
+  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(
     "flex-1 mx-auto w-full max-w-7xl",
-    ya(n)
+    vo(n)
   );
   return /* @__PURE__ */ p("div", { className: s, children: [
     t && /* @__PURE__ */ r("header", { className: l, children: t }),
     /* @__PURE__ */ p("div", { className: i, children: [
-      a && /* @__PURE__ */ r("aside", { className: c, children: a }),
+      o && /* @__PURE__ */ r("aside", { className: c, children: o }),
       /* @__PURE__ */ r("div", { className: m, children: /* @__PURE__ */ r("main", { className: u, children: e }) })
     ] }),
-    o && /* @__PURE__ */ r("footer", { className: "bg-card border-t border-border mt-auto", children: o })
+    a && /* @__PURE__ */ r("footer", { className: "bg-card border-t border-border mt-auto", children: a })
   ] });
-}, eo = ({ children: e, header: t, sidebar: a }) => /* @__PURE__ */ r(Fe, { header: t, sidebar: a, padding: "lg", children: /* @__PURE__ */ r("div", { className: "max-w-screen-2xl", children: e }) }), to = ({ children: e, title: t, subtitle: a }) => /* @__PURE__ */ r(Fe, { padding: "lg", children: /* @__PURE__ */ p("div", { className: "max-w-md mx-auto", children: [
+}, 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(I, { variant: "h2", className: "mb-2", children: t }),
-    a && /* @__PURE__ */ r(I, { variant: "body", color: "muted", children: a })
+    t && /* @__PURE__ */ r(R, { variant: "h2", className: "mb-2", children: t }),
+    o && /* @__PURE__ */ r(R, { variant: "body", color: "muted", children: o })
   ] }),
   e
-] }) }), ro = ({ children: e, header: t, footer: a }) => /* @__PURE__ */ r(Fe, { header: t, footer: a, padding: "none", children: e }), bt = y.forwardRef(({ message: e = "No entities found", icon: t, action: a, className: o }, n) => /* @__PURE__ */ p(
+] }) }), 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(
   "div",
   {
     ref: n,
@@ -4060,49 +4060,49 @@ const ya = (e) => {
     "aria-live": "polite",
     className: f(
       "flex flex-col items-center justify-center py-12 px-4 text-center",
-      o
+      a
     ),
     children: [
       t && /* @__PURE__ */ r("div", { className: "mb-4 text-4xl opacity-50", "aria-hidden": "true", children: t }),
-      /* @__PURE__ */ r(I, { variant: "body-lg", className: "text-muted-foreground mb-4", children: e }),
-      a && /* @__PURE__ */ r(K, { variant: "outline", onClick: a.onClick, children: a.label })
+      /* @__PURE__ */ r(R, { 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 = y.forwardRef(({ error: e, onRetry: t, className: a }, o) => {
+const xt = v.forwardRef(({ error: e, onRetry: t, className: o }, a) => {
   const n = typeof e == "string" ? e : e.message;
   return /* @__PURE__ */ p(
     "div",
     {
-      ref: o,
+      ref: a,
       role: "alert",
       "aria-live": "assertive",
       className: f(
         "flex flex-col items-center justify-center py-12 px-4 text-center",
-        a
+        o
       ),
       children: [
         /* @__PURE__ */ r("div", { className: "mb-4 text-4xl", "aria-hidden": "true", children: "⚠️" }),
-        /* @__PURE__ */ r(I, { variant: "body-lg", className: "text-destructive mb-2 font-semibold", children: "Error" }),
-        /* @__PURE__ */ r(I, { variant: "body", className: "text-muted-foreground mb-4", children: n }),
+        /* @__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 }),
         t && /* @__PURE__ */ r(K, { variant: "outline", onClick: t, children: "Try Again" })
       ]
     }
   );
 });
 xt.displayName = "EntityDirectoryErrorState";
-const yt = y.forwardRef(({ title: e, description: t, className: a }, o) => /* @__PURE__ */ p("div", { ref: o, className: f("space-y-1.5", a), children: [
-  /* @__PURE__ */ r(I, { variant: "h2", className: "font-bold", children: e }),
-  t && /* @__PURE__ */ r(I, { variant: "body", className: "text-muted-foreground", children: t })
+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 = "EntityDirectoryHeader";
-const vt = y.forwardRef(
+const vt = v.forwardRef(
   ({
     entity: e,
     categories: t,
-    showIcon: a = !0,
-    showCategoryBadge: o = !0,
+    showIcon: o = !0,
+    showCategoryBadge: a = !0,
     showMetric: n = !0,
     compact: s = !1,
     className: l
@@ -4129,7 +4129,7 @@ const vt = y.forwardRef(
           l
         ),
         children: [
-          a && /* @__PURE__ */ r(
+          o && /* @__PURE__ */ r(
             "div",
             {
               className: f(
@@ -4137,12 +4137,12 @@ const vt = y.forwardRef(
                 s ? "w-8 h-8 text-lg" : "w-10 h-10 text-xl"
               ),
               "aria-hidden": "true",
-              children: typeof e.icon == "string" ? /* @__PURE__ */ r("span", { children: e.icon }) : e.icon ? y.createElement(e.icon) : /* @__PURE__ */ r("span", { className: "text-muted-foreground", children: "•" })
+              children: typeof e.icon == "string" ? /* @__PURE__ */ r("span", { children: e.icon }) : e.icon ? v.createElement(e.icon) : /* @__PURE__ */ r("span", { className: "text-muted-foreground", children: "•" })
             }
           ),
           /* @__PURE__ */ p("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ r(
-              I,
+              R,
               {
                 variant: s ? "body-sm" : "body",
                 className: "font-semibold truncate",
@@ -4150,7 +4150,7 @@ const vt = y.forwardRef(
               }
             ),
             e.subtitle && /* @__PURE__ */ r(
-              I,
+              R,
               {
                 variant: s ? "caption" : "body-sm",
                 className: "text-muted-foreground truncate",
@@ -4158,7 +4158,7 @@ const vt = y.forwardRef(
               }
             )
           ] }),
-          o && c && /* @__PURE__ */ r(
+          a && c && /* @__PURE__ */ r(
             Oe,
             {
               variant: "secondary",
@@ -4170,14 +4170,14 @@ const vt = y.forwardRef(
           ),
           n && e.metricValue && /* @__PURE__ */ p("div", { className: "flex-shrink-0 text-right min-w-[4rem]", children: [
             /* @__PURE__ */ r(
-              I,
+              R,
               {
                 variant: s ? "body-sm" : "body",
                 className: "font-medium",
                 children: e.metricValue
               }
             ),
-            e.metricLabel && /* @__PURE__ */ r(I, { variant: "caption", className: "text-muted-foreground", children: e.metricLabel })
+            e.metricLabel && /* @__PURE__ */ r(R, { variant: "caption", className: "text-muted-foreground", children: e.metricLabel })
           ] })
         ]
       }
@@ -4185,11 +4185,11 @@ const vt = y.forwardRef(
   }
 );
 vt.displayName = "EntityDirectoryListItem";
-const wt = y.forwardRef(({ columns: e, showIcon: t, sort: a, onSortChange: o, compact: n, className: s }, l) => {
+const wt = v.forwardRef(({ columns: e, showIcon: t, sort: o, onSortChange: a, compact: n, className: s }, l) => {
   const i = (d) => {
-    if (!o) return;
-    const h = a?.column === d && a?.direction === "asc" ? "desc" : "asc";
-    o({
+    if (!a) return;
+    const h = o?.column === d && o?.direction === "asc" ? "desc" : "asc";
+    a({
       column: d,
       direction: h
     });
@@ -4197,14 +4197,14 @@ const wt = y.forwardRef(({ columns: e, showIcon: t, sort: a, onSortChange: o, co
     i(d);
   }, m = (d, h) => {
     (d.key === "Enter" || d.key === " ") && (d.preventDefault(), i(h));
-  }, u = (d) => d !== "title" && d !== "metric" ? null : !a || a.column !== d ? /* @__PURE__ */ r(
+  }, u = (d) => d !== "title" && d !== "metric" ? null : !o || o.column !== d ? /* @__PURE__ */ r(
     "span",
     {
       className: "ml-1 text-muted-foreground opacity-50",
       "aria-hidden": "true",
       children: "⇅"
     }
-  ) : /* @__PURE__ */ r("span", { className: "ml-1", "aria-hidden": "true", children: a.direction === "asc" ? "↑" : "↓" });
+  ) : /* @__PURE__ */ r("span", { className: "ml-1", "aria-hidden": "true", children: o.direction === "asc" ? "↑" : "↓" });
   return /* @__PURE__ */ p(
     "div",
     {
@@ -4218,12 +4218,12 @@ const wt = y.forwardRef(({ columns: e, showIcon: t, sort: a, onSortChange: o, co
       children: [
         t && /* @__PURE__ */ r("div", { className: n ? "w-8" : "w-10" }),
         e.map((d) => {
-          const h = d.sortable && (d.key === "title" || d.key === "metric"), N = a?.column === d.key;
+          const h = d.sortable && (d.key === "title" || d.key === "metric"), M = o?.column === d.key;
           return /* @__PURE__ */ p(
             "div",
             {
               role: "columnheader",
-              "aria-sort": N ? a?.direction === "asc" ? "ascending" : "descending" : void 0,
+              "aria-sort": M ? o?.direction === "asc" ? "ascending" : "descending" : void 0,
               className: f(
                 d.key === "title" && "flex-1",
                 d.key === "category" && "w-40",
@@ -4231,12 +4231,12 @@ const wt = y.forwardRef(({ columns: e, showIcon: t, sort: a, onSortChange: o, co
                 d.align === "center" && "text-center",
                 d.align === "right" && "text-right",
                 h && "cursor-pointer hover:text-foreground transition-colors select-none",
-                N && "text-foreground"
+                M && "text-foreground"
               ),
               style: d.width ? { width: d.width } : void 0,
               onClick: h && (d.key === "title" || d.key === "metric") ? () => c(d.key) : void 0,
               tabIndex: h ? 0 : void 0,
-              onKeyDown: h && (d.key === "title" || d.key === "metric") ? (x) => m(x, d.key) : void 0,
+              onKeyDown: h && (d.key === "title" || d.key === "metric") ? (y) => m(y, d.key) : void 0,
               children: [
                 d.label,
                 h && u(d.key)
@@ -4250,12 +4250,12 @@ const wt = y.forwardRef(({ columns: e, showIcon: t, sort: a, onSortChange: o, co
   );
 });
 wt.displayName = "EntityDirectoryTableHeader";
-const kt = y.forwardRef(
+const kt = v.forwardRef(
   ({
     entities: e,
     categories: t,
-    showIcons: a = !0,
-    showCategoryBadges: o = !0,
+    showIcons: o = !0,
+    showCategoryBadges: a = !0,
     showMetric: n = !0,
     metricLabel: s,
     sortable: l = !1,
@@ -4265,13 +4265,13 @@ const kt = y.forwardRef(
     renderItem: u,
     className: d
   }, h) => {
-    const N = [
+    const M = [
       {
         key: "title",
         label: s ? "Nombre" : "Name",
         sortable: l
       },
-      ...o ? [{ key: "category", label: "Categoría", sortable: !1 }] : [],
+      ...a ? [{ key: "category", label: "Categoría", sortable: !1 }] : [],
       ...n && s ? [
         {
           key: "metric",
@@ -4295,25 +4295,25 @@ const kt = y.forwardRef(
           /* @__PURE__ */ r(
             wt,
             {
-              columns: N,
-              showIcon: a,
+              columns: M,
+              showIcon: o,
               sort: i,
               onSortChange: c,
               compact: m
             }
           ),
           /* @__PURE__ */ r("div", { role: "rowgroup", children: e.map(
-            (x) => u ? /* @__PURE__ */ r(y.Fragment, { children: u(x) }, x.id) : /* @__PURE__ */ r(
+            (y) => u ? /* @__PURE__ */ r(v.Fragment, { children: u(y) }, y.id) : /* @__PURE__ */ r(
               vt,
               {
-                entity: x,
+                entity: y,
                 categories: t,
-                showIcon: a,
-                showCategoryBadge: o,
+                showIcon: o,
+                showCategoryBadge: a,
                 showMetric: n,
                 compact: m
               },
-              x.id
+              y.id
             )
           ) })
         ]
@@ -4322,16 +4322,16 @@ const kt = y.forwardRef(
   }
 );
 kt.displayName = "EntityDirectoryList";
-const Nt = y.forwardRef(({ rows: e = 5, className: t }, a) => /* @__PURE__ */ p(
+const Nt = v.forwardRef(({ rows: e = 5, className: t }, o) => /* @__PURE__ */ p(
   "div",
   {
-    ref: a,
+    ref: o,
     role: "status",
     "aria-live": "polite",
     "aria-label": "Loading entities",
     className: f("space-y-3", t),
     children: [
-      Array.from({ length: e }).map((o, n) => /* @__PURE__ */ p(
+      Array.from({ length: e }).map((a, n) => /* @__PURE__ */ p(
         "div",
         {
           className: "flex items-center gap-4 p-4 border border-border rounded-lg animate-pulse",
@@ -4352,7 +4352,7 @@ const Nt = y.forwardRef(({ rows: e = 5, className: t }, a) => /* @__PURE__ */ p(
   }
 ));
 Nt.displayName = "EntityDirectoryLoadingState";
-const Ct = y.forwardRef(({ value: e, onChange: t, placeholder: a = "Search entities...", className: o }, n) => /* @__PURE__ */ p("div", { className: f("relative", o), children: [
+const Ct = 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",
     {
@@ -4380,7 +4380,7 @@ const Ct = y.forwardRef(({ value: e, onChange: t, placeholder: a = "Search entit
       type: "search",
       value: e,
       onChange: (s) => t(s.target.value),
-      placeholder: a,
+      placeholder: o,
       className: f(
         "block w-full pl-10 pr-3 py-2 border border-input rounded-md",
         "bg-background text-foreground placeholder:text-muted-foreground",
@@ -4419,12 +4419,12 @@ const Ct = y.forwardRef(({ value: e, onChange: t, placeholder: a = "Search entit
   )
 ] }));
 Ct.displayName = "EntityDirectorySearchFilter";
-const va = y.forwardRef(
+const wo = v.forwardRef(
   ({
     entities: e,
     categories: t,
-    title: a,
-    description: o,
+    title: o,
+    description: a,
     activeCategory: n,
     onCategoryChange: s,
     showCategoryCount: l,
@@ -4434,28 +4434,28 @@ const va = y.forwardRef(
     onSearchChange: u,
     searchPlaceholder: d,
     sortable: h = !1,
-    sort: N,
-    onSortChange: x,
-    showIcons: w = !0,
-    showCategoryBadges: k = !0,
-    showMetric: C = !0,
-    metricLabel: E,
-    compact: R = !1,
+    sort: M,
+    onSortChange: y,
+    showIcons: C = !0,
+    showCategoryBadges: g = !0,
+    showMetric: w = !0,
+    metricLabel: z,
+    compact: S = !1,
     loading: P = !1,
-    error: T,
+    error: I,
     emptyMessage: V,
-    onRetry: z,
-    emptyState: v,
+    onRetry: E,
+    emptyState: k,
     errorState: L,
     loadingState: q,
     renderItem: re,
     className: X,
-    style: ae
+    style: oe
   }, Q) => {
-    const H = t && t.length > 0, D = !P && !T && e.length === 0, W = !P && !!T;
-    return /* @__PURE__ */ p("div", { ref: Q, className: f("space-y-6", X), style: ae, children: [
-      /* @__PURE__ */ r(yt, { title: a, description: o }),
-      H && s && /* @__PURE__ */ r(
+    const B = t && t.length > 0, D = !P && !I && e.length === 0, W = !P && !!I;
+    return /* @__PURE__ */ p("div", { ref: Q, className: f("space-y-6", X), style: oe, children: [
+      /* @__PURE__ */ r(yt, { title: o, description: a }),
+      B && s && /* @__PURE__ */ r(
         ht,
         {
           categories: t,
@@ -4474,129 +4474,184 @@ const va = y.forwardRef(
         }
       ),
       P && (q || /* @__PURE__ */ r(Nt, {})),
-      W && (L || /* @__PURE__ */ r(xt, { error: T, onRetry: z })),
-      D && (v || /* @__PURE__ */ r(bt, { message: V })),
+      W && (L || /* @__PURE__ */ r(xt, { error: I, onRetry: E })),
+      D && (k || /* @__PURE__ */ r(bt, { message: V })),
       !P && !W && !D && /* @__PURE__ */ r(
         kt,
         {
           entities: e,
           categories: t,
-          showIcons: w,
-          showCategoryBadges: k,
-          showMetric: C,
-          metricLabel: E,
+          showIcons: C,
+          showCategoryBadges: g,
+          showMetric: w,
+          metricLabel: z,
           sortable: h,
-          sort: N,
-          onSortChange: x,
-          compact: R,
+          sort: M,
+          onSortChange: y,
+          compact: S,
           renderItem: re
         }
       )
     ] });
   }
 );
-va.displayName = "EntityDirectory";
-const wa = we(
+wo.displayName = "EntityDirectory";
+function ko(e) {
+  return {
+    variant: e.variant || "minimal",
+    logo: e.logo,
+    navigationItems: e.navigationItems || [],
+    loginButtonText: e.loginButtonText || "Iniciar Sesión",
+    showMobileMenu: e.showMobileMenu ?? !0
+  };
+}
+const No = we(
   ({
-    logo: e,
-    navigationItems: t = [],
-    loginButtonText: a = "Iniciar Sesión",
-    showMobileMenu: o = !0,
-    className: n,
-    logoClassName: s,
-    navigationClassName: l,
-    navigationItemClassName: i,
-    loginButtonClassName: c,
-    mobileMenuButtonClassName: m,
-    id: u,
-    "aria-label": d
-  }, h) => {
-    const [N, x] = ee(!1);
+    variant: e,
+    logo: t,
+    navigationItems: o,
+    loginButtonText: a,
+    showMobileMenu: n,
+    className: s,
+    logoClassName: l,
+    navigationClassName: i,
+    navigationItemClassName: c,
+    loginButtonClassName: m,
+    mobileMenuButtonClassName: u,
+    id: d,
+    "aria-label": h
+  }, M) => {
+    const [y, C] = ee(!1), g = ko({
+      variant: e,
+      logo: t,
+      navigationItems: o,
+      loginButtonText: a,
+      showMobileMenu: n
+    }), w = g.variant === "modern", z = g.variant === "luxury";
     return /* @__PURE__ */ p(se, { children: [
       /* @__PURE__ */ p(
         "header",
         {
-          ref: h,
-          id: u,
+          ref: M,
+          id: d,
           role: "banner",
-          "aria-label": d || "Site header",
+          "aria-label": h || "Site header",
           className: f(
-            "flex items-center justify-between px-6 py-1 relative w-full",
-            n
+            "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",
+            s
           ),
           children: [
-            e && /* @__PURE__ */ r("div", { className: "shrink-0", children: typeof e == "string" ? /* @__PURE__ */ r(
+            g.logo && /* @__PURE__ */ r("div", { className: "shrink-0", children: typeof g.logo == "string" ? /* @__PURE__ */ r(
               "p",
               {
                 className: f(
-                  "font-black text-white text-xl tracking-wider leading-normal",
-                  s
+                  "font-black tracking-wider leading-normal",
+                  // Luxury: Smaller, uppercase, Modern/Minimal: Larger
+                  z ? "text-sm uppercase" : "text-xl",
+                  // Variant-default text color (can be overridden)
+                  w ? "text-zinc-900" : "text-white",
+                  l
                 ),
-                children: e
+                children: g.logo
               }
-            ) : e }),
-            t.length > 0 && /* @__PURE__ */ r(
+            ) : g.logo }),
+            g.navigationItems.length > 0 && /* @__PURE__ */ r(
               "nav",
               {
                 className: f(
-                  "hidden md:flex items-center gap-4 px-6 py-2 bg-white border border-gray-200 rounded-full shadow-sm",
-                  l
+                  "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
                 ),
                 "aria-label": "Main navigation",
-                children: t.map((w, k) => /* @__PURE__ */ p("div", { className: "flex items-center gap-4", children: [
-                  k > 0 && /* @__PURE__ */ r(
-                    "div",
+                children: z ? (
+                  // Luxury: Simple text links without dividers
+                  g.navigationItems.map((S) => /* @__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",
+                        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))
+                )
+              }
+            ),
+            /* @__PURE__ */ p(
+              "div",
+              {
+                className: f(
+                  "flex items-center shrink-0",
+                  z ? "gap-3" : "gap-6 p-4"
+                ),
+                children: [
+                  /* @__PURE__ */ r(
+                    "button",
                     {
-                      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" }) })
+                      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
                     }
                   ),
-                  /* @__PURE__ */ r(
-                    "a",
+                  g.showMobileMenu && /* @__PURE__ */ r(
+                    "button",
                     {
-                      href: w.href,
+                      type: "button",
+                      onClick: () => C(!y),
+                      "aria-label": y ? "Close menu" : "Open menu",
+                      "aria-expanded": y,
                       className: f(
-                        "text-gray-900 text-sm font-medium leading-5 hover:text-black transition-colors",
-                        i
+                        "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: w.label
+                      children: y ? /* @__PURE__ */ r(Ye, { className: "h-4 w-4 text-gray-900" }) : /* @__PURE__ */ r(ho, { className: "h-4 w-4 text-gray-900" })
                     }
                   )
-                ] }, w.id))
+                ]
               }
-            ),
-            /* @__PURE__ */ p("div", { className: "flex items-center gap-6 p-4 shrink-0", children: [
-              /* @__PURE__ */ r(
-                "button",
-                {
-                  type: "button",
-                  className: f(
-                    "hidden md:flex items-center justify-center h-9 px-4 py-2 bg-white border border-gray-200 text-zinc-900 text-sm font-medium leading-5 rounded-full hover:bg-zinc-200 transition-colors",
-                    c
-                  ),
-                  children: a
-                }
-              ),
-              o && /* @__PURE__ */ r(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => x(!N),
-                  "aria-label": N ? "Close menu" : "Open menu",
-                  "aria-expanded": N,
-                  className: f(
-                    "flex md:hidden items-center justify-center px-3 py-2 bg-white rounded-full hover:bg-gray-50 transition-colors",
-                    m
-                  ),
-                  children: N ? /* @__PURE__ */ r(Ye, { className: "h-4 w-4 text-gray-900" }) : /* @__PURE__ */ r(fa, { className: "h-4 w-4 text-gray-900" })
-                }
-              )
-            ] })
+            )
           ]
         }
       ),
-      N && o && /* @__PURE__ */ p(
+      y && g.showMobileMenu && /* @__PURE__ */ p(
         "div",
         {
           className: "fixed inset-0 z-40 md:hidden",
@@ -4608,7 +4663,7 @@ const wa = we(
               "div",
               {
                 className: "fixed inset-0 bg-black/50",
-                onClick: () => x(!1),
+                onClick: () => C(!1),
                 "aria-hidden": "true"
               }
             ),
@@ -4617,29 +4672,29 @@ const wa = we(
                 "button",
                 {
                   type: "button",
-                  onClick: () => x(!1),
+                  onClick: () => C(!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" })
                 }
               ) }),
               /* @__PURE__ */ r("nav", { className: "flex-1 overflow-y-auto px-6 py-4", children: /* @__PURE__ */ p("div", { className: "flex flex-col gap-4", children: [
-                t.map((w) => /* @__PURE__ */ r(
+                g.navigationItems.map((S) => /* @__PURE__ */ r(
                   "a",
                   {
-                    href: w.href,
+                    href: S.href,
                     className: "block text-base font-medium text-zinc-900 hover:text-zinc-600 transition-colors py-2",
-                    onClick: () => x(!1),
-                    children: w.label
+                    onClick: () => C(!1),
+                    children: S.label
                   },
-                  w.id
+                  S.id
                 )),
                 /* @__PURE__ */ r("div", { className: "mt-4 pt-4 border-t border-zinc-200", children: /* @__PURE__ */ r(
                   "button",
                   {
                     type: "button",
                     className: "w-full h-12 flex items-center justify-center rounded-full bg-zinc-100 text-zinc-900 font-semibold",
-                    children: a
+                    children: g.loginButtonText
                   }
                 ) })
               ] }) })
@@ -4650,13 +4705,13 @@ const wa = we(
     ] });
   }
 );
-wa.displayName = "Header";
-const ka = (e) => ({
+No.displayName = "Header";
+const Co = (e) => ({
   content: e.content,
   theme: e.theme || {},
   template: e.template || "modern",
   layout: e.layout || "centered"
-}), Na = {
+}), Mo = {
   center: "object-center",
   top: "object-top",
   bottom: "object-bottom",
@@ -4666,12 +4721,12 @@ const ka = (e) => ({
   "left-bottom": "object-left-bottom",
   "right-top": "object-right-top",
   "right-bottom": "object-right-bottom"
-}, Ca = we(
+}, So = we(
   ({
     content: e,
     theme: t,
-    template: a = "modern",
-    layout: o = "centered",
+    template: o = "modern",
+    layout: a = "centered",
     searchForm: n,
     logo: s,
     navigation: l,
@@ -4679,11 +4734,11 @@ const ka = (e) => ({
     id: c,
     "aria-label": m
   }, u) => {
-    const d = ka({
+    const d = Co({
       content: e,
       theme: t,
-      template: a,
-      layout: o
+      template: o,
+      layout: a
     }), h = d.template === "modern" || d.template === "luxury";
     return /* @__PURE__ */ r(
       "section",
@@ -4716,7 +4771,7 @@ const ka = (e) => ({
                     alt: "",
                     className: f(
                       "h-full w-full object-cover",
-                      d.theme.backgroundPosition && Na[d.theme.backgroundPosition] || "object-center"
+                      d.theme.backgroundPosition && Mo[d.theme.backgroundPosition] || "object-center"
                     ),
                     loading: "eager",
                     decoding: "async"
@@ -4731,16 +4786,16 @@ const ka = (e) => ({
                   /* @__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((N, x) => /* @__PURE__ */ p("div", { className: "text-center", children: [
-                  /* @__PURE__ */ r("div", { className: "mb-2 text-3xl font-bold text-white md:text-4xl", children: N.value }),
-                  /* @__PURE__ */ r("div", { className: "text-sm text-white/80 md:text-base", children: N.label })
-                ] }, x)) }) }),
+                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)) }) }),
                 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((N, x) => /* @__PURE__ */ p("div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ r("div", { className: "text-xl font-semibold leading-tight md:text-2xl", children: N.value }),
-                /* @__PURE__ */ r("div", { className: "text-xs leading-tight text-zinc-600 md:text-sm", children: N.label })
-              ] }, x)) }) }),
+              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(
                 "div",
                 {
@@ -4755,13 +4810,13 @@ const ka = (e) => ({
     );
   }
 );
-Ca.displayName = "HeroBanner";
-const St = [
+So.displayName = "HeroBanner";
+const Mt = [
   { 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 }
-], Sa = St.map(
+], To = Mt.map(
   (e) => ({
     value: e.value,
     label: e.label
@@ -4778,64 +4833,64 @@ const St = [
   // Light blue
   hoaFees: "#7fc9e3"
   // Very light blue
-}, Ma = y.forwardRef(
+}, zo = v.forwardRef(
   ({
     initialPropertyPrice: e = ve.propertyPrice,
     initialDownPayment: t = ve.downPayment,
-    initialLoanProgram: a = ve.loanProgram,
-    initialInterestRate: o = ve.interestRate,
+    initialLoanProgram: o = ve.loanProgram,
+    initialInterestRate: a = ve.interestRate,
     showPropertyTax: n = !1,
     showHoaFees: s = !1,
     className: l,
     onCalculationChange: i
   }, c) => {
-    const [m, u] = y.useState(e), [d, h] = y.useState(t), [N, x] = y.useState(a), [w, k] = y.useState(o), [C, E] = y.useState(0), [R, P] = y.useState(0), T = y.useMemo(() => {
-      const v = St.find(
-        (q) => q.value === N
+    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(
+        (q) => q.value === M
       )?.years || 30;
       return jt({
         propertyPrice: m,
         downPayment: d,
-        loanTerm: v,
-        interestRate: w,
-        propertyTax: n ? C : void 0,
-        hoaFees: s ? R : void 0
+        loanTerm: k,
+        interestRate: C,
+        propertyTax: n ? w : void 0,
+        hoaFees: s ? S : void 0
       });
     }, [
       m,
       d,
-      N,
-      w,
+      M,
       C,
-      R,
+      w,
+      S,
       n,
       s
     ]);
-    y.useEffect(() => {
-      i?.(T);
-    }, [T, i]);
-    const V = y.useMemo(() => {
-      const z = [
+    v.useEffect(() => {
+      i?.(I);
+    }, [I, i]);
+    const V = v.useMemo(() => {
+      const E = [
         {
           label: "Principal e Intereses",
-          value: T.breakdown.principalAndInterest,
+          value: I.breakdown.principalAndInterest,
           color: Te.principalAndInterest
         }
       ];
-      return n && T.breakdown.propertyTax > 0 && z.push({
+      return n && I.breakdown.propertyTax > 0 && E.push({
         label: "Impuesto Predial",
-        value: T.breakdown.propertyTax,
+        value: I.breakdown.propertyTax,
         color: Te.propertyTax
-      }), s && T.breakdown.hoaFees > 0 && z.push({
+      }), s && I.breakdown.hoaFees > 0 && E.push({
         label: "Cuota HOA",
-        value: T.breakdown.hoaFees,
+        value: I.breakdown.hoaFees,
         color: Te.hoaFees
-      }), z;
-    }, [T, n, s]);
+      }), 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: [
       /* @__PURE__ */ p("div", { children: [
-        /* @__PURE__ */ r(I, { variant: "h2", className: "mb-2", children: "Calculadora de Hipotecas" }),
-        /* @__PURE__ */ r(I, { 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(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__ */ p("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-8", children: [
         /* @__PURE__ */ p("div", { className: "space-y-4", children: [
@@ -4845,7 +4900,7 @@ const St = [
               label: "Precio de la propiedad",
               type: "number",
               value: m,
-              onChange: (z) => u(Number(z.target.value)),
+              onChange: (E) => u(Number(E.target.value)),
               suffix: "MXN",
               min: 0,
               step: 1e4
@@ -4857,7 +4912,7 @@ const St = [
               label: "Enganche",
               type: "number",
               value: d,
-              onChange: (z) => h(Number(z.target.value)),
+              onChange: (E) => h(Number(E.target.value)),
               suffix: "MXN",
               min: 0,
               step: 1e4
@@ -4868,9 +4923,9 @@ const St = [
               Ve,
               {
                 label: "Programa de préstamos",
-                value: N,
-                onChange: (z) => x(z.target.value),
-                options: Sa
+                value: M,
+                onChange: (E) => y(E.target.value),
+                options: To
               }
             ),
             /* @__PURE__ */ r(
@@ -4878,8 +4933,8 @@ const St = [
               {
                 label: "Tasa de interés",
                 type: "number",
-                value: w,
-                onChange: (z) => k(Number(z.target.value)),
+                value: C,
+                onChange: (E) => g(Number(E.target.value)),
                 suffix: "%",
                 min: 0,
                 max: 100,
@@ -4892,8 +4947,8 @@ const St = [
             {
               label: "Impuesto predial mensual",
               type: "number",
-              value: C,
-              onChange: (z) => E(Number(z.target.value)),
+              value: w,
+              onChange: (E) => z(Number(E.target.value)),
               suffix: "MXN",
               min: 0,
               step: 100
@@ -4904,8 +4959,8 @@ const St = [
             {
               label: "Cuota HOA mensual",
               type: "number",
-              value: R,
-              onChange: (z) => P(Number(z.target.value)),
+              value: S,
+              onChange: (E) => P(Number(E.target.value)),
               suffix: "MXN",
               min: 0,
               step: 100
@@ -4920,8 +4975,8 @@ const St = [
               size: 320,
               innerRadiusRatio: 0.65,
               centerContent: /* @__PURE__ */ p("div", { className: "text-center", children: [
-                /* @__PURE__ */ r(I, { variant: "h1", className: "font-bold mb-1", children: me(T.totalMonthlyPayment) }),
-                /* @__PURE__ */ r(I, { variant: "body-sm", color: "secondary", children: "Tu Pago" })
+                /* @__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" })
               ] }),
               showLegend: !0,
               legendPosition: "bottom"
@@ -4929,39 +4984,39 @@ const St = [
           ),
           /* @__PURE__ */ p("div", { className: "mt-6 text-center space-y-1", children: [
             /* @__PURE__ */ p("div", { className: "flex items-center justify-center gap-2 text-sm text-success", children: [
-              /* @__PURE__ */ r(ba, { className: "h-4 w-4" }),
+              /* @__PURE__ */ r(xo, { className: "h-4 w-4" }),
               /* @__PURE__ */ r("span", { className: "font-medium", children: "Trending up by 5.2% this month" })
             ] }),
-            /* @__PURE__ */ r(I, { variant: "caption", color: "secondary", children: "Showing total visitors for the last 6 months" })
+            /* @__PURE__ */ r(R, { 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(I, { variant: "caption", color: "secondary", className: "mb-1", children: "Monto del préstamo" }),
-          /* @__PURE__ */ r(I, { variant: "body", weight: "semibold", children: me(T.loanPrincipal) })
+          /* @__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__ */ p("div", { children: [
-          /* @__PURE__ */ r(I, { variant: "caption", color: "secondary", className: "mb-1", children: "Pago mensual" }),
-          /* @__PURE__ */ r(I, { variant: "body", weight: "semibold", children: me(T.monthlyPayment) })
+          /* @__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__ */ p("div", { children: [
-          /* @__PURE__ */ r(I, { variant: "caption", color: "secondary", className: "mb-1", children: "Interés total" }),
-          /* @__PURE__ */ r(I, { variant: "body", weight: "semibold", children: me(T.totalInterest) })
+          /* @__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__ */ p("div", { children: [
-          /* @__PURE__ */ r(I, { variant: "caption", color: "secondary", className: "mb-1", children: "Total a pagar" }),
-          /* @__PURE__ */ r(I, { variant: "body", weight: "semibold", children: me(T.totalAmount) })
+          /* @__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) })
         ] })
       ] })
     ] }) }) });
   }
 );
-Ma.displayName = "MortgageCalculator";
-const Ta = (e, t, a) => {
+zo.displayName = "MortgageCalculator";
+const Po = (e, t, o) => {
   if (t)
     return "text-white";
-  if (a)
+  if (o)
     switch (e.type) {
       case "Venta":
         return "bg-stone-950 text-white";
@@ -4974,7 +5029,7 @@ const Ta = (e, t, a) => {
       default:
         return "bg-stone-950 text-white";
     }
-  switch (e.variant || Pa(e.type)) {
+  switch (e.variant || Io(e.type)) {
     case "primary":
       return "bg-primary text-primary-foreground";
     case "secondary":
@@ -4990,7 +5045,7 @@ const Ta = (e, t, a) => {
     default:
       return "bg-secondary text-secondary-foreground";
   }
-}, Pa = (e) => {
+}, Io = (e) => {
   switch (e) {
     case "Venta":
       return "primary";
@@ -5003,101 +5058,101 @@ const Ta = (e, t, a) => {
     default:
       return "secondary";
   }
-}, ao = ({
+}, na = ({
   property: e,
   className: t,
-  onLike: a,
-  onImageClick: o,
+  onLike: o,
+  onImageClick: a,
   showLikeButton: n = !0,
   variant: s = "default",
   badgeColors: l
 }) => {
-  const [i, c] = ee(0), [m, u] = ee(!1), [d, h] = ee(!1), N = (_) => {
+  const [i, c] = ee(0), [m, u] = ee(!1), [d, h] = ee(!1), M = (_) => {
     _.preventDefault(), _.stopPropagation();
     const F = !m;
-    u(F), a?.(e.id, F);
-  }, x = (_) => {
-    _.preventDefault(), _.stopPropagation(), o?.(i, e.id);
-  }, w = (_, F) => !_ || !F ? "Price not available" : `$${_.toLocaleString()} ${F}`, k = s === "compact", C = s === "minimal", E = f(
+    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(
     "relative overflow-hidden bg-card transition-all duration-300 ease-out cursor-pointer",
-    k ? "rounded-xl hover:shadow-lg border px-4 shadow-md" : C ? "rounded-2xl w-[454px] flex flex-col gap-4" : "rounded-2xl hover:-translate-y-1 hover:shadow-xl shadow-md",
+    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
-  ), R = f(
+  ), S = f(
     "relative overflow-hidden",
-    k ? "rounded-xl px-4 shadow-md" : C ? "rounded-2xl" : ""
+    g ? "rounded-xl px-4 shadow-md" : w ? "rounded-2xl" : ""
   ), P = f(
     "w-full h-full object-cover",
-    k ? "" : C ? "rounded-2xl" : "transition-transform duration-300 hover:scale-105"
-  ), T = f(
+    g ? "" : w ? "rounded-2xl" : "transition-transform duration-300 hover:scale-105"
+  ), I = f(
     "absolute z-10 flex flex-wrap gap-2",
-    k ? "top-3 left-3" : "top-4 left-4"
+    g ? "top-3 left-3" : "top-4 left-4"
   ), V = f(
     "font-semibold",
-    k ? "rounded-full px-3 py-1 text-xs" : C ? "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"
-  ), z = f(
+    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(
     "absolute z-10 cursor-pointer transition-all duration-200",
-    k ? "top-3 right-3 p-1 shadow-md rounded-full" : C ? "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"
-  ), v = f(
+    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(
     "absolute left-1/2 -translate-x-1/2 flex z-10",
-    C ? "bottom-4 gap-2 p-4" : "bottom-4 gap-1"
+    w ? "bottom-4 gap-2 p-4" : "bottom-4 gap-1"
   ), L = f(
     "w-2 h-2 rounded-full border-none cursor-pointer transition-all duration-200 hover:scale-120"
   ), q = f(
-    k ? "p-2" : C ? "flex flex-col gap-2" : "p-6"
+    g ? "p-2" : w ? "flex flex-col gap-2" : "p-6"
   ), re = f(
     "font-semibold text-foreground line-clamp-2 leading-tight",
-    k ? "text-base mb-2" : C ? "text-base" : "text-lg font-bold mb-2"
+    g ? "text-base mb-2" : w ? "text-base" : "text-lg font-bold mb-2"
   ), X = f(
     "font-bold",
-    k ? "text-lg text-primary mb-2" : C ? "text-lg text-foreground" : "text-xl text-primary mb-2"
-  ), ae = f(
+    g ? "text-lg text-primary mb-2" : w ? "text-lg text-foreground" : "text-xl text-primary mb-2"
+  ), oe = f(
     "text-muted-foreground",
-    k ? "text-sm flex items-center gap-1 mb-4" : C ? "text-base" : "text-base mb-4"
+    g ? "text-sm flex items-center gap-1 mb-4" : w ? "text-base" : "text-base mb-4"
   ), Q = f(
     "flex items-center",
-    k ? "justify-between mt-3 mb-4" : C ? "gap-3" : "gap-4 mb-4"
-  ), H = f(
+    g ? "justify-between mt-3 mb-4" : w ? "gap-3" : "gap-4 mb-4"
+  ), B = f(
     "flex items-center gap-1 text-muted-foreground",
     "text-sm"
   ), D = f(
     "text-sm text-muted-foreground line-clamp-2",
-    k ? "mt-2" : ""
-  ), S = !(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(ia, { size: k ? 32 : 48, className: "text-primary/40" }) }),
+    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" }) }),
     /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground", children: "No image available" })
-  ] }), de = /* @__PURE__ */ p("div", { className: E, children: [
+  ] }), de = /* @__PURE__ */ p("div", { className: z, children: [
     /* @__PURE__ */ p(
       "div",
       {
         className: f(
-          R,
-          k ? "h-52" : C ? "h-[481px]" : "aspect-[4/3]"
+          S,
+          g ? "h-52" : w ? "h-[481px]" : "aspect-[4/3]"
         ),
         children: [
-          S ? /* @__PURE__ */ r(pe, {}) : /* @__PURE__ */ p("div", { className: "relative w-full h-full", "aria-hidden": "true", children: [
+          N ? /* @__PURE__ */ r(pe, {}) : /* @__PURE__ */ p("div", { className: "relative w-full h-full", "aria-hidden": "true", children: [
             /* @__PURE__ */ r(
               "img",
               {
                 src: e.images[i],
                 alt: e.title,
                 className: P,
-                onClick: o ? x : void 0,
+                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: T, children: e.transactionTypes.map((_, F) => {
+          /* @__PURE__ */ r("div", { className: I, children: e.transactionTypes.map((_, F) => {
             const j = l?.[_.type];
             return /* @__PURE__ */ r(
               "span",
               {
                 className: f(
                   V,
-                  Ta(
+                  Po(
                     _,
                     j,
-                    C
+                    w
                   )
                 ),
                 style: j ? { backgroundColor: j } : void 0,
@@ -5109,10 +5164,10 @@ const Ta = (e, t, a) => {
           n && /* @__PURE__ */ r(
             "button",
             {
-              onClick: N,
-              className: z,
+              onClick: M,
+              className: E,
               "aria-label": m ? "Unlike property" : "Like property",
-              children: k ? /* @__PURE__ */ r(
+              children: g ? /* @__PURE__ */ r(
                 "svg",
                 {
                   xmlns: "http://www.w3.org/2000/svg",
@@ -5131,17 +5186,17 @@ const Ta = (e, t, a) => {
                   )
                 }
               ) : /* @__PURE__ */ r(
-                sa,
+                so,
                 {
                   size: 20,
                   fill: m ? "currentColor" : "none",
-                  className: C ? "text-white" : m ? "text-destructive" : "",
-                  strokeWidth: C ? 1.5 : 2
+                  className: w ? "text-white" : m ? "text-destructive" : "",
+                  strokeWidth: w ? 1.5 : 2
                 }
               )
             }
           ),
-          !k && !S && e.images.length > 1 && /* @__PURE__ */ r("div", { className: v, children: e.images.map((_, F) => /* @__PURE__ */ r(
+          !g && !N && e.images.length > 1 && /* @__PURE__ */ r("div", { className: k, children: e.images.map((_, F) => /* @__PURE__ */ r(
             "button",
             {
               className: f(
@@ -5161,28 +5216,28 @@ const Ta = (e, t, a) => {
     ),
     /* @__PURE__ */ p("div", { className: q, children: [
       /* @__PURE__ */ r("h3", { className: re, children: e.title }),
-      /* @__PURE__ */ r("p", { className: X, children: w(e.price?.amount, e.price?.currency) }),
-      /* @__PURE__ */ p("p", { className: ae, children: [
-        k && /* @__PURE__ */ r(da, { size: 14 }),
+      /* @__PURE__ */ r("p", { className: X, children: C(e.price?.amount, e.price?.currency) }),
+      /* @__PURE__ */ p("p", { className: oe, children: [
+        g && /* @__PURE__ */ r(mo, { size: 14 }),
         e.location.city,
         ", ",
         e.location.state
       ] }),
       /* @__PURE__ */ p("div", { className: Q, children: [
-        /* @__PURE__ */ p("div", { className: H, children: [
-          /* @__PURE__ */ r(Qr, { size: C ? 20 : 16 }),
+        /* @__PURE__ */ p("div", { className: B, children: [
+          /* @__PURE__ */ r(Qr, { size: w ? 20 : 16 }),
           /* @__PURE__ */ r("span", { children: e.features.bedrooms })
         ] }),
-        /* @__PURE__ */ p("div", { className: H, children: [
-          /* @__PURE__ */ r(Kr, { size: C ? 20 : 16 }),
+        /* @__PURE__ */ p("div", { className: B, children: [
+          /* @__PURE__ */ r(Kr, { size: w ? 20 : 16 }),
           /* @__PURE__ */ r("span", { children: e.features.bathrooms })
         ] }),
-        /* @__PURE__ */ p("div", { className: H, children: [
-          /* @__PURE__ */ r(ea, { size: C ? 20 : 16 }),
+        /* @__PURE__ */ p("div", { className: B, children: [
+          /* @__PURE__ */ r(eo, { size: w ? 20 : 16 }),
           /* @__PURE__ */ r("span", { children: e.features.parking })
         ] }),
-        /* @__PURE__ */ p("div", { className: H, children: [
-          /* @__PURE__ */ r(ua, { size: C ? 20 : 16 }),
+        /* @__PURE__ */ p("div", { className: B, children: [
+          /* @__PURE__ */ r(po, { size: w ? 20 : 16 }),
           /* @__PURE__ */ p("span", { children: [
             e.features.area,
             " m²"
@@ -5193,12 +5248,12 @@ const Ta = (e, t, a) => {
     ] })
   ] });
   return e.href ? /* @__PURE__ */ r("a", { href: e.href, className: "no-underline text-inherit", children: de }) : de;
-}, za = Ae.forwardRef(
+}, Eo = Ae.forwardRef(
   ({
     images: e,
     transactionType: t,
-    totalPhotos: a,
-    onViewAllClick: o,
+    totalPhotos: o,
+    onViewAllClick: a,
     onImageClick: n,
     className: s
   }, l) => {
@@ -5260,18 +5315,18 @@ const Ta = (e, t, a) => {
                 onClick: () => c(4)
               }
             ),
-            a && a > 5 && /* @__PURE__ */ r("div", { className: "absolute bottom-4 right-4", children: /* @__PURE__ */ p(
+            o && o > 5 && /* @__PURE__ */ r("div", { className: "absolute bottom-4 right-4", children: /* @__PURE__ */ p(
               "button",
               {
                 onClick: (m) => {
-                  m.stopPropagation(), o?.();
+                  m.stopPropagation(), a?.();
                 },
                 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(oa, { className: "w-4 h-4 text-foreground" }),
+                  /* @__PURE__ */ r(ao, { className: "w-4 h-4 text-foreground" }),
                   /* @__PURE__ */ p("span", { className: "text-sm font-medium text-foreground", children: [
                     "Ver las ",
-                    a,
+                    o,
                     " fotos"
                   ] })
                 ]
@@ -5283,27 +5338,27 @@ const Ta = (e, t, a) => {
     );
   }
 );
-za.displayName = "PropertyGallery";
-function Ea({
+Eo.displayName = "PropertyGallery";
+function Ro({
   onSubmit: e,
   defaultValues: t,
-  propertyTypeOptions: a,
-  transactionTypeOptions: o,
+  propertyTypeOptions: o,
+  transactionTypeOptions: a,
   locationOptions: n
 }) {
-  const s = y.useMemo(
+  const s = v.useMemo(
     () => ({
-      propertyType: t?.propertyType || a[0]?.value || "",
-      transactionType: t?.transactionType || o[0]?.value || "",
+      propertyType: t?.propertyType || o[0]?.value || "",
+      transactionType: t?.transactionType || a[0]?.value || "",
       location: t?.location || n[0]?.value || ""
     }),
     [
       t,
-      a,
       o,
+      a,
       n
     ]
-  ), [l, i] = y.useState(s), c = y.useCallback(
+  ), [l, i] = v.useState(s), c = v.useCallback(
     (u) => {
       i((d) => {
         const h = typeof u == "function" ? u(d) : u;
@@ -5311,7 +5366,7 @@ function Ea({
       });
     },
     []
-  ), m = y.useCallback(
+  ), m = v.useCallback(
     (u) => {
       u.preventDefault(), e?.({
         propertyType: l.propertyType,
@@ -5325,18 +5380,18 @@ function Ea({
     formData: l,
     setFormData: c,
     handleSubmit: m,
-    propertyTypeOptions: a,
-    transactionTypeOptions: o,
+    propertyTypeOptions: o,
+    transactionTypeOptions: a,
     locationOptions: n
   };
 }
 const _e = ({
   variant: e = "pill",
   isSubmitting: t,
-  className: a
+  className: o
 }) => {
-  const o = "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, a), children: [
+  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" }),
     t ? "Searching..." : "Search"
   ] }) : /* @__PURE__ */ r(
@@ -5346,7 +5401,7 @@ const _e = ({
       size: "icon",
       variant: "ghost",
       "aria-label": t ? "Searching..." : "Search properties",
-      className: f(o, a),
+      className: f(a, o),
       disabled: t,
       children: /* @__PURE__ */ r(je, { className: "h-6 w-6" })
     }
@@ -5354,29 +5409,29 @@ const _e = ({
 }, O = ({
   label: e,
   options: t,
-  value: a,
-  onChange: o,
+  value: o,
+  onChange: a,
   className: n,
   containerClassName: s
 }) => {
-  const l = y.useMemo(
+  const l = v.useMemo(
     () => t.map((c) => ({
       value: c.value,
       label: c.label
     })),
     [t]
-  ), i = y.useCallback(
+  ), i = v.useCallback(
     (c) => {
-      o(c.target.value);
+      a(c.target.value);
     },
-    [o]
+    [a]
   );
   return /* @__PURE__ */ r("div", { className: f("flex min-w-0 flex-1 items-center", s), children: /* @__PURE__ */ r("div", { className: "flex-1 px-6 py-3.5", children: /* @__PURE__ */ r(
     Ve,
     {
       label: e,
       options: l,
-      value: a,
+      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
@@ -5385,11 +5440,11 @@ const _e = ({
       onChange: i
     }
   ) }) });
-}, Ia = ({
+}, jo = ({
   formData: e,
   options: t,
-  onFieldChange: a,
-  isSubmitting: o,
+  onFieldChange: o,
+  isSubmitting: a,
   onSubmit: n,
   error: s,
   className: l
@@ -5403,7 +5458,7 @@ const _e = ({
         value: e.propertyType,
         containerClassName: "flex items-center",
         className: "placeholder:text-muted-foreground",
-        onChange: a("propertyType")
+        onChange: o("propertyType")
       }
     ),
     /* @__PURE__ */ r(
@@ -5414,7 +5469,7 @@ const _e = ({
         value: e.transactionType,
         containerClassName: "flex items-center",
         className: "placeholder:text-muted-foreground",
-        onChange: a("transactionType")
+        onChange: o("transactionType")
       }
     ),
     /* @__PURE__ */ r(
@@ -5425,7 +5480,7 @@ const _e = ({
         value: e.location,
         containerClassName: "flex items-center",
         className: "placeholder:text-muted-foreground",
-        onChange: a("location")
+        onChange: o("location")
       }
     )
   ] }),
@@ -5435,10 +5490,10 @@ const _e = ({
       type: "submit",
       className: "w-full",
       size: "lg",
-      disabled: o,
+      disabled: a,
       children: [
         /* @__PURE__ */ r(je, { className: "h-4 w-4 mr-2" }),
-        o ? "Searching..." : "Search Properties"
+        a ? "Searching..." : "Search Properties"
       ]
     }
   ),
@@ -5450,11 +5505,11 @@ const _e = ({
       children: s
     }
   )
-] }) }), Ra = ({
+] }) }), Ao = ({
   formData: e,
   options: t,
-  onFieldChange: a,
-  isSubmitting: o,
+  onFieldChange: o,
+  isSubmitting: a,
   onSubmit: n,
   className: s
 }) => /* @__PURE__ */ r(
@@ -5471,7 +5526,7 @@ const _e = ({
           options: t.propertyTypeOptions,
           value: e.propertyType,
           containerClassName: "flex items-center",
-          onChange: a("propertyType")
+          onChange: o("propertyType")
         }
       ),
       /* @__PURE__ */ r(
@@ -5481,7 +5536,7 @@ const _e = ({
           options: t.transactionTypeOptions,
           value: e.transactionType,
           containerClassName: "flex items-center",
-          onChange: a("transactionType")
+          onChange: o("transactionType")
         }
       ),
       /* @__PURE__ */ r(
@@ -5491,17 +5546,17 @@ const _e = ({
           options: t.locationOptions,
           value: e.location,
           containerClassName: "flex items-center",
-          onChange: a("location")
+          onChange: o("location")
         }
       ),
-      /* @__PURE__ */ r(_e, { variant: "mobile", isSubmitting: o })
+      /* @__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) }), ja = ({
+), le = ({ className: e }) => /* @__PURE__ */ r("div", { className: f("w-px self-stretch bg-gray-300 mx-6", e) }), Lo = ({
   formData: e,
   options: t,
-  onFieldChange: a,
-  isSubmitting: o,
+  onFieldChange: o,
+  isSubmitting: a,
   onSubmit: n,
   className: s,
   buttonLabel: l = "Conoce Más"
@@ -5518,7 +5573,7 @@ const _e = ({
           label: "Tipo de propiedad",
           options: t.propertyTypeOptions,
           value: e.propertyType,
-          onChange: a("propertyType")
+          onChange: o("propertyType")
         }
       ),
       /* @__PURE__ */ r(le, {}),
@@ -5528,7 +5583,7 @@ const _e = ({
           label: "Transacción",
           options: t.transactionTypeOptions,
           value: e.transactionType,
-          onChange: a("transactionType")
+          onChange: o("transactionType")
         }
       ),
       /* @__PURE__ */ r(le, {}),
@@ -5539,26 +5594,26 @@ const _e = ({
           options: t.locationOptions,
           value: e.location,
           containerClassName: "flex min-w-0 flex-[1.2] items-center",
-          onChange: a("location")
+          onChange: o("location")
         }
       ),
       /* @__PURE__ */ r("div", { className: "flex items-center py-3", children: /* @__PURE__ */ r(
         "button",
         {
           type: "submit",
-          disabled: o,
+          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": o ? "Buscando propiedades..." : l,
-          children: o ? "Buscando..." : l
+          "aria-label": a ? "Buscando propiedades..." : l,
+          children: a ? "Buscando..." : l
         }
       ) })
     ] })
   }
-), Aa = ({
+), $o = ({
   formData: e,
   options: t,
-  onFieldChange: a,
-  isSubmitting: o,
+  onFieldChange: o,
+  isSubmitting: a,
   onSubmit: n,
   className: s
 }) => /* @__PURE__ */ r(
@@ -5574,7 +5629,7 @@ const _e = ({
           label: "Property Type",
           options: t.propertyTypeOptions,
           value: e.propertyType,
-          onChange: a("propertyType")
+          onChange: o("propertyType")
         }
       ),
       /* @__PURE__ */ r(le, {}),
@@ -5584,7 +5639,7 @@ const _e = ({
           label: "Transaction",
           options: t.transactionTypeOptions,
           value: e.transactionType,
-          onChange: a("transactionType")
+          onChange: o("transactionType")
         }
       ),
       /* @__PURE__ */ r(le, {}),
@@ -5595,24 +5650,24 @@ const _e = ({
           options: t.locationOptions,
           value: e.location,
           containerClassName: "flex min-w-0 flex-[1.2] items-center",
-          onChange: a("location")
+          onChange: o("location")
         }
       ),
       /* @__PURE__ */ r("div", { className: "flex items-center", children: /* @__PURE__ */ r(
         _e,
         {
           variant: "pill",
-          isSubmitting: o,
+          isSubmitting: a,
           className: "bg-black"
         }
       ) })
     ] })
   }
-), La = ({
+), Oo = ({
   formData: e,
   options: t,
-  onFieldChange: a,
-  isSubmitting: o,
+  onFieldChange: o,
+  isSubmitting: a,
   onSubmit: n
 }) => /* @__PURE__ */ r(
   "form",
@@ -5628,7 +5683,7 @@ const _e = ({
           options: t.propertyTypeOptions,
           value: e.propertyType,
           containerClassName: "flex items-center",
-          onChange: a("propertyType")
+          onChange: o("propertyType")
         }
       ),
       /* @__PURE__ */ r(
@@ -5638,7 +5693,7 @@ const _e = ({
           options: t.transactionTypeOptions,
           value: e.transactionType,
           containerClassName: "flex items-center",
-          onChange: a("transactionType")
+          onChange: o("transactionType")
         }
       ),
       /* @__PURE__ */ r(
@@ -5648,17 +5703,17 @@ const _e = ({
           options: t.locationOptions,
           value: e.location,
           containerClassName: "flex items-center",
-          onChange: a("location")
+          onChange: o("location")
         }
       ),
-      /* @__PURE__ */ r(_e, { variant: "mobile", isSubmitting: o })
+      /* @__PURE__ */ r(_e, { variant: "mobile", isSubmitting: a })
     ] })
   }
-), $a = ({
+), Vo = ({
   formData: e,
   options: t,
-  onFieldChange: a,
-  isSubmitting: o,
+  onFieldChange: o,
+  isSubmitting: a,
   onSubmit: n,
   className: s,
   buttonLabel: l = "Conoce Más"
@@ -5676,7 +5731,7 @@ const _e = ({
           options: t.propertyTypeOptions,
           value: e.propertyType,
           containerClassName: "rounded-tl-full rounded-bl-full",
-          onChange: a("propertyType")
+          onChange: o("propertyType")
         }
       ),
       /* @__PURE__ */ r(le, {}),
@@ -5686,7 +5741,7 @@ const _e = ({
           label: "Transacción",
           options: t.transactionTypeOptions,
           value: e.transactionType,
-          onChange: a("transactionType")
+          onChange: o("transactionType")
         }
       ),
       /* @__PURE__ */ r(le, {}),
@@ -5697,111 +5752,111 @@ const _e = ({
           options: t.locationOptions,
           value: e.location,
           containerClassName: "flex min-w-0 flex-[1.2] items-center",
-          onChange: a("location")
+          onChange: o("location")
         }
       ),
       /* @__PURE__ */ r("div", { className: "flex items-center py-3", children: /* @__PURE__ */ r(
         "button",
         {
           type: "submit",
-          disabled: o,
+          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": o ? "Buscando propiedades..." : l,
-          children: o ? "Buscando..." : l
+          "aria-label": a ? "Buscando propiedades..." : l,
+          children: a ? "Buscando..." : l
         }
       ) })
     ] })
   }
 ), et = {
-  minimal: Aa,
-  modern: $a,
-  luxury: ja,
-  compact: Ra,
-  card: Ia
-}, Oa = ({
+  minimal: $o,
+  modern: Vo,
+  luxury: Lo,
+  compact: Ao,
+  card: jo
+}, Fo = ({
   onSubmit: e,
   defaultValues: t,
-  className: a,
-  variant: o = "minimal",
+  className: o,
+  variant: a = "minimal",
   propertyTypeOptions: n,
   transactionTypeOptions: s,
   locationOptions: l,
   buttonLabel: i
 }) => {
-  const [c, m] = y.useState(!1), [u, d] = y.useState(null), h = Ea({
+  const [c, m] = v.useState(!1), [u, d] = v.useState(null), h = Ro({
     onSubmit: e,
     defaultValues: t,
     propertyTypeOptions: n,
     transactionTypeOptions: s,
     locationOptions: l
   }), {
-    formData: N,
-    setFormData: x,
-    handleSubmit: w,
-    propertyTypeOptions: k,
-    transactionTypeOptions: C,
-    locationOptions: E
-  } = h, R = y.useCallback(
-    async (z) => {
-      z.preventDefault(), d(null), m(!0);
+    formData: M,
+    setFormData: y,
+    handleSubmit: C,
+    propertyTypeOptions: g,
+    transactionTypeOptions: w,
+    locationOptions: z
+  } = h, S = v.useCallback(
+    async (E) => {
+      E.preventDefault(), d(null), m(!0);
       try {
-        await w(z);
-      } catch (v) {
-        const L = v instanceof Error ? v.message : "Search failed. Please try again.";
-        d(L), console.error("Search error:", v);
+        await C(E);
+      } catch (k) {
+        const L = k instanceof Error ? k.message : "Search failed. Please try again.";
+        d(L), console.error("Search error:", k);
       } finally {
         m(!1);
       }
     },
-    [w]
-  ), P = y.useCallback(
-    (z) => (v) => {
-      d(null), x((L) => ({ ...L, [z]: v }));
+    [C]
+  ), P = v.useCallback(
+    (E) => (k) => {
+      d(null), y((L) => ({ ...L, [E]: k }));
     },
-    [x]
-  ), T = y.useMemo(
+    [y]
+  ), I = v.useMemo(
     () => ({
-      propertyTypeOptions: k,
-      transactionTypeOptions: C,
-      locationOptions: E
+      propertyTypeOptions: g,
+      transactionTypeOptions: w,
+      locationOptions: z
     }),
-    [k, C, E]
-  ), V = et[o] || et.minimal;
+    [g, w, z]
+  ), V = et[a] || et.minimal;
   return /* @__PURE__ */ p(se, { children: [
     /* @__PURE__ */ r(
       V,
       {
-        formData: N,
-        options: T,
+        formData: M,
+        options: I,
         isSubmitting: c,
         error: u,
-        className: a,
+        className: o,
         onFieldChange: P,
-        onSubmit: R,
-        ...(o === "modern" || o === "luxury") && { buttonLabel: i }
+        onSubmit: S,
+        ...(a === "modern" || a === "luxury") && { buttonLabel: i }
       }
     ),
-    o === "minimal" && /* @__PURE__ */ r(
-      La,
+    a === "minimal" && /* @__PURE__ */ r(
+      Oo,
       {
-        formData: N,
-        options: T,
+        formData: M,
+        options: I,
         isSubmitting: c,
         onFieldChange: P,
-        onSubmit: R
+        onSubmit: S
       }
     )
   ] });
 };
-Oa.displayName = "SearchFeature";
-const oo = ({ href: e, children: t }) => /* @__PURE__ */ r(
+Fo.displayName = "SearchFeature";
+const sa = ({ href: e, children: t }) => /* @__PURE__ */ r(
   "a",
   {
     href: e,
     className: "sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-50 focus:px-4 focus:py-2 focus:bg-primary focus:text-white focus:rounded",
     children: t
   }
-), no = {
+), la = {
   // Spacing scale (in rem)
   spacing: {
     xs: "0.25rem",
@@ -5896,7 +5951,7 @@ const oo = ({ href: e, children: t }) => /* @__PURE__ */ r(
     out: "ease-out",
     inOut: "ease-in-out"
   }
-}, so = {
+}, ia = {
   button: {
     size: {
       sm: "h-9 px-3 text-sm",
@@ -5927,13 +5982,13 @@ const oo = ({ href: e, children: t }) => /* @__PURE__ */ r(
       outlined: "bg-card text-card-foreground border-2"
     }
   }
-}, lo = {
+}, ca = {
   sm: "640px",
   md: "768px",
   lg: "1024px",
   xl: "1280px",
   "2xl": "1536px"
-}, io = {
+}, da = {
   /**
    * Get a color value with opacity support
    */
@@ -5942,7 +5997,7 @@ const oo = ({ href: e, children: t }) => /* @__PURE__ */ r(
    * Get a color from the design system palette
    */
   get: (e) => `hsl(var(--${e}))`
-}, co = {
+}, ma = {
   /**
    * Generate a unique ID for form elements and their labels
    */
@@ -5961,7 +6016,7 @@ const oo = ({ href: e, children: t }) => /* @__PURE__ */ r(
     only: "absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0",
     not: "not-sr-only"
   }
-}, mo = {
+}, ua = {
   icon: {
     xs: "w-3 h-3",
     sm: "w-4 h-4",
@@ -5976,7 +6031,7 @@ const oo = ({ href: e, children: t }) => /* @__PURE__ */ r(
     lg: "w-12 h-12",
     xl: "w-16 h-16"
   }
-}, uo = {
+}, pa = {
   /**
    * Fade animations
    */
@@ -6000,7 +6055,7 @@ const oo = ({ href: e, children: t }) => /* @__PURE__ */ r(
     in: "animate-in scale-in duration-200",
     out: "animate-out scale-out duration-200"
   }
-}, po = {
+}, fa = {
   /**
    * Container utilities
    */
@@ -6034,7 +6089,7 @@ const oo = ({ href: e, children: t }) => /* @__PURE__ */ r(
     col: "flex flex-col",
     colCenter: "flex flex-col items-center justify-center"
   }
-}, fo = {
+}, ha = {
   /**
    * Check if dark mode is active
    */
@@ -6051,31 +6106,31 @@ const oo = ({ href: e, children: t }) => /* @__PURE__ */ r(
   set: (e) => {
     typeof window > "u" || document.documentElement.classList.toggle("dark", e === "dark");
   }
-}, ho = {
+}, ga = {
   /**
    * Debounce function for performance optimization
    */
   debounce: (e, t) => {
-    let a;
-    return (...o) => {
-      clearTimeout(a), a = setTimeout(() => e(...o), t);
+    let o;
+    return (...a) => {
+      clearTimeout(o), o = setTimeout(() => e(...a), t);
     };
   },
   /**
    * Throttle function for performance optimization
    */
   throttle: (e, t) => {
-    let a;
-    return (...o) => {
-      a || (e(...o), a = !0, setTimeout(() => a = !1, t));
+    let o;
+    return (...a) => {
+      o || (e(...a), o = !0, setTimeout(() => o = !1, t));
     };
   }
-}, Mt = Ae.createContext(null), go = () => {
-  const e = Tt(Mt);
+}, St = Ae.createContext(null), ba = () => {
+  const e = Tt(St);
   if (!e)
     throw new Error("useTheme must be used within a ThemeProvider");
   return e;
-}, Va = {
+}, _o = {
   name: "light",
   colors: {
     primary: "#007bff",
@@ -6141,7 +6196,7 @@ const oo = ({ href: e, children: t }) => /* @__PURE__ */ r(
     large: "0 10px 20px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.10)",
     xl: "0 15px 25px rgba(0, 0, 0, 0.15), 0 5px 10px rgba(0, 0, 0, 0.05)"
   }
-}, Fa = {
+}, Do = {
   name: "dark",
   colors: {
     primary: "#0d6efd",
@@ -6207,7 +6262,7 @@ const oo = ({ href: e, children: t }) => /* @__PURE__ */ r(
     large: "0 10px 20px rgba(0, 0, 0, 0.4), 0 3px 6px rgba(0, 0, 0, 0.3)",
     xl: "0 15px 25px rgba(0, 0, 0, 0.4), 0 5px 10px rgba(0, 0, 0, 0.3)"
   }
-}, _a = {
+}, Bo = {
   name: "corporate",
   colors: {
     primary: "#1a365d",
@@ -6273,7 +6328,7 @@ const oo = ({ href: e, children: t }) => /* @__PURE__ */ r(
     large: "0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05)",
     xl: "0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04)"
   }
-}, Da = {
+}, Ho = {
   name: "minimal",
   colors: {
     primary: "#000000",
@@ -6339,82 +6394,82 @@ const oo = ({ href: e, children: t }) => /* @__PURE__ */ r(
     large: "none",
     xl: "none"
   }
-}, Pe = {
-  light: Va,
-  dark: Fa,
-  corporate: _a,
-  minimal: Da
-}, Ha = Le(), Ba = Le(), Ga = Le(), te = Pt(Pe.light).on(Ha, (e, t) => Pe[t] || e).on(Ba, (e, t) => t).on(Ga, () => Pe.light), bo = te.map((e) => e.name), xo = te.map((e) => e.colors);
+}, ze = {
+  light: _o,
+  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);
 te.map((e) => e.shapes);
 te.map((e) => e.typography);
 te.map((e) => e.spacing);
 te.map((e) => e.shadows);
-const yo = ({ children: e }) => {
-  const a = {
-    theme: zt(te)
+const va = ({ children: e }) => {
+  const o = {
+    theme: Pt(te)
   };
-  return /* @__PURE__ */ r(Mt.Provider, { value: a, children: e });
+  return /* @__PURE__ */ r(St.Provider, { value: o, children: e });
 };
 export {
   te as $theme,
-  xo as $themeColors,
-  bo as $themeName,
-  to as AuthLayout,
+  ya as $themeColors,
+  xa as $themeName,
+  oa as AuthLayout,
   K as Button,
   pt as Card,
   ht as CategoryChips,
   Oe as Chip,
-  Ja as CompoundCard,
-  Ya as ConfirmModal,
-  eo as DashboardLayout,
+  Yo as CompoundCard,
+  ta as ConfirmModal,
+  ra as DashboardLayout,
   ft as DonutChart,
-  va as EntityDirectory,
-  wa as Header,
-  Ca as HeroBanner,
+  wo as EntityDirectory,
+  No as Header,
+  So as HeroBanner,
   ne as Input,
-  ro as MarketingLayout,
+  aa as MarketingLayout,
   Fr as Modal,
   _r as ModalWithActions,
-  Ma as MortgageCalculator,
+  zo as MortgageCalculator,
   Fe as PageLayout,
-  ao as PropertyCard,
-  za as PropertyGallery,
-  Oa as SearchFeature,
+  na as PropertyCard,
+  Eo as PropertyGallery,
+  Fo as SearchFeature,
   Ve as Select,
-  oo as SkipLink,
-  I as Text,
-  yo as ThemeProvider,
-  co as a11y,
-  co as accessibilityUtils,
-  uo as animationUtils,
-  uo as animations,
-  lo as breakpoints,
+  sa as SkipLink,
+  R as Text,
+  va as ThemeProvider,
+  ma as a11y,
+  ma as accessibilityUtils,
+  pa as animationUtils,
+  pa as animations,
+  ca as breakpoints,
   jt as calculateMortgage,
   f as cn,
-  io as colorUtils,
-  io as colors,
-  mo as componentSizes,
-  so as componentVariants,
+  da as colorUtils,
+  da as colors,
+  ua as componentSizes,
+  ia as componentVariants,
   Rt as countEntitiesByCategory,
-  no as designSystem,
-  Et as filterEntitiesByCategory,
+  la as designSystem,
+  It as filterEntitiesByCategory,
   me as formatCurrency,
-  Za as formatPercentage,
-  po as layout,
-  po as layoutUtils,
-  ho as performance,
-  ho as performanceUtils,
-  Ga as resetTheme,
-  lo as responsiveBreakpoints,
-  Ba as setCustomTheme,
-  Ha as setTheme,
-  mo as sizes,
-  It as sortEntities,
-  fo as theme,
-  fo as themeUtils,
-  Qa as useEntityFilter,
-  go as useTheme,
-  Ka as validateMortgageInput,
-  so as variants
+  Jo as formatPercentage,
+  fa as layout,
+  fa as layoutUtils,
+  ga as performance,
+  ga as performanceUtils,
+  Uo as resetTheme,
+  ca as responsiveBreakpoints,
+  Wo as setCustomTheme,
+  Go as setTheme,
+  ua as sizes,
+  Et as sortEntities,
+  ha as theme,
+  ha as themeUtils,
+  ea as useEntityFilter,
+  ba as useTheme,
+  Qo as validateMortgageInput,
+  ia as variants
 };
 //# sourceMappingURL=design-system.es.js.map