npm - @homlista-devs/ui - Versions diffs - 2.0.0 → 2.0.2 - Mend

@homlista-devs/ui 2.0.0 → 2.0.2

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

Files changed (11) hide show

package/dist/design-system.cjs.js +17 -22
package/dist/design-system.cjs.js.map +1 -1
package/dist/design-system.es.js +808 -826
package/dist/design-system.es.js.map +1 -1
package/dist/index.css +58 -58
package/dist/precompiled.css +58 -58
package/dist/types/widgets/header/model/types.d.ts +4 -0
package/dist/types/widgets/header/model/types.d.ts.map +1 -1
package/dist/types/widgets/header/ui/header.d.ts.map +1 -1
package/dist/types/widgets/property-gallery/ui/property-gallery.d.ts.map +1 -1
package/package.json +1 -1

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

@@ -1,10 +1,10 @@
-import { jsx as r, jsxs as p, Fragment as J } from "react/jsx-runtime";
+import { jsx as r, jsxs as p, Fragment as oe } from "react/jsx-runtime";
 import * as N from "react";
-import H, { useState as re, useMemo as Se, useCallback as Ge, useEffect as ve, forwardRef as Ce, createElement as Ie, useContext as Et } from "react";
+import D, { useState as re, useMemo as Se, useCallback as Ge, useEffect as ve, forwardRef as Ce, createElement as Ie, useContext as Et } from "react";
 import { createPortal as It } from "react-dom";
-import { createEvent as $e, createStore as At } from "effector";
-import { useUnit as Rt } from "effector-react";
-function jt(e, t) {
+import { createEvent as $e, createStore as Rt } from "effector";
+import { useUnit as jt } from "effector-react";
+function At(e, t) {
   return !t || t === "all" ? e : e.filter((o) => o.categoryId === t);
 }
 function Lt(e, t) {
@@ -35,13 +35,13 @@ function Ot(e) {
   if (c === 0)
     u = i / m;
   else {
-    const b = Math.pow(1 + c, m);
-    u = i * (c * b) / (b - 1);
+    const h = Math.pow(1 + c, m);
+    u = i * (c * h) / (h - 1);
   }
-  const d = u * m, g = d - i, M = u + s + l;
+  const d = u * m, g = d - i, T = u + s + l;
   return {
     monthlyPayment: Math.round(u * 100) / 100,
-    totalMonthlyPayment: Math.round(M * 100) / 100,
+    totalMonthlyPayment: Math.round(T * 100) / 100,
     totalAmount: Math.round(d * 100) / 100,
     totalInterest: Math.round(g * 100) / 100,
     loanPrincipal: Math.round(i * 100) / 100,
@@ -60,10 +60,10 @@ function ue(e, t = "MXN") {
     maximumFractionDigits: 0
   }).format(e);
 }
-function la(e, t = 3) {
+function na(e, t = 3) {
   return `${e.toFixed(t)} %`;
 }
-function ia(e) {
+function sa(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,
@@ -95,16 +95,16 @@ const Ue = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, qe = at, Y
     let [d, g] = u;
     return g === void 0 || (m[d] = g), m;
   }, {}), c = t == null || (a = t.compoundVariants) === null || a === void 0 ? void 0 : a.reduce((m, u) => {
-    let { class: d, className: g, ...M } = u;
-    return Object.entries(M).every((b) => {
-      let [w, x] = b;
-      return Array.isArray(x) ? x.includes({
+    let { class: d, className: g, ...T } = u;
+    return Object.entries(T).every((h) => {
+      let [w, v] = h;
+      return Array.isArray(v) ? v.includes({
         ...s,
         ...i
       }[w]) : {
         ...s,
         ...i
-      }[w] === x;
+      }[w] === v;
     }) ? [
       ...m,
       d,
@@ -244,9 +244,9 @@ const Oe = "-", qt = (e) => {
     validators: []
   };
   for (const n in o)
-    Ae(o[n], a, n, t);
+    Re(o[n], a, n, t);
   return a;
-}, Ae = (e, t, o, a) => {
+}, Re = (e, t, o, a) => {
   e.forEach((n) => {
     if (typeof n == "string") {
       const s = n === "" ? t : Ze(t, n);
@@ -255,7 +255,7 @@ const Oe = "-", qt = (e) => {
     }
     if (typeof n == "function") {
       if (Zt(n)) {
-        Ae(n(a), t, o, a);
+        Re(n(a), t, o, a);
         return;
       }
       t.validators.push({
@@ -265,7 +265,7 @@ const Oe = "-", qt = (e) => {
       return;
     }
     Object.entries(n).forEach(([s, l]) => {
-      Ae(l, Ze(t, s), o, a);
+      Re(l, Ze(t, s), o, a);
     });
   });
 }, Ze = (e, t) => {
@@ -300,7 +300,7 @@ const Oe = "-", qt = (e) => {
       o.has(s) ? o.set(s, l) : n(s, l);
     }
   };
-}, Re = "!", je = ":", Qt = je.length, Yt = (e) => {
+}, je = "!", Ae = ":", Qt = Ae.length, Yt = (e) => {
   const {
     prefix: t,
     experimentalParseClassName: o
@@ -308,30 +308,30 @@ const Oe = "-", qt = (e) => {
   let a = (n) => {
     const s = [];
     let l = 0, i = 0, c = 0, m;
-    for (let b = 0; b < n.length; b++) {
-      let w = n[b];
+    for (let h = 0; h < n.length; h++) {
+      let w = n[h];
       if (l === 0 && i === 0) {
-        if (w === je) {
-          s.push(n.slice(c, b)), c = b + Qt;
+        if (w === Ae) {
+          s.push(n.slice(c, h)), c = h + Qt;
           continue;
         }
         if (w === "/") {
-          m = b;
+          m = h;
           continue;
         }
       }
       w === "[" ? l++ : w === "]" ? l-- : w === "(" ? i++ : w === ")" && i--;
     }
-    const u = s.length === 0 ? n : n.substring(c), d = er(u), g = d !== u, M = m && m > c ? m - c : void 0;
+    const u = s.length === 0 ? n : n.substring(c), d = er(u), g = d !== u, T = m && m > c ? m - c : void 0;
     return {
       modifiers: s,
       hasImportantModifier: g,
       baseClassName: d,
-      maybePostfixModifierPosition: M
+      maybePostfixModifierPosition: T
     };
   };
   if (t) {
-    const n = t + je, s = a;
+    const n = t + Ae, s = a;
     a = (l) => l.startsWith(n) ? s(l.substring(n.length)) : {
       isExternal: !0,
       modifiers: [],
@@ -348,7 +348,7 @@ const Oe = "-", qt = (e) => {
     });
   }
   return a;
-}, er = (e) => e.endsWith(Re) ? e.substring(0, e.length - 1) : e.startsWith(Re) ? e.substring(1) : e, tr = (e) => {
+}, er = (e) => e.endsWith(je) ? e.substring(0, e.length - 1) : e.startsWith(je) ? e.substring(1) : e, tr = (e) => {
   const t = Object.fromEntries(e.orderSensitiveModifiers.map((a) => [a, !0]));
   return (a) => {
     if (a.length <= 1)
@@ -376,34 +376,34 @@ const Oe = "-", qt = (e) => {
     const u = i[m], {
       isExternal: d,
       modifiers: g,
-      hasImportantModifier: M,
-      baseClassName: b,
+      hasImportantModifier: T,
+      baseClassName: h,
       maybePostfixModifierPosition: w
     } = o(u);
     if (d) {
       c = u + (c.length > 0 ? " " + c : c);
       continue;
     }
-    let x = !!w, h = a(x ? b.substring(0, w) : b);
-    if (!h) {
-      if (!x) {
+    let v = !!w, y = a(v ? h.substring(0, w) : h);
+    if (!y) {
+      if (!v) {
         c = u + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (h = a(b), !h) {
+      if (y = a(h), !y) {
         c = u + (c.length > 0 ? " " + c : c);
         continue;
       }
-      x = !1;
+      v = !1;
     }
-    const E = s(g).join(":"), S = M ? E + Re : E, T = S + h;
-    if (l.includes(T))
+    const E = s(g).join(":"), S = T ? E + je : E, P = S + y;
+    if (l.includes(P))
       continue;
-    l.push(T);
-    const P = n(h, x);
-    for (let R = 0; R < P.length; ++R) {
-      const z = P[R];
-      l.push(S + z);
+    l.push(P);
+    const C = n(y, v);
+    for (let A = 0; A < C.length; ++A) {
+      const I = C[A];
+      l.push(S + I);
     }
     c = u + (c.length > 0 ? " " + c : c);
   }
@@ -443,19 +443,19 @@ function sr(e, ...t) {
 const $ = (e) => {
   const t = (o) => o[e] || [];
   return t.isThemeGetter = !0, t;
-}, lt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, it = /^\((?:(\w[\w-]*):)?(.+)\)$/i, lr = /^\d+\/\d+$/, ir = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, cr = /\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$/, dr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, mr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ur = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, se = (e) => lr.test(e), I = (e) => !!e && !Number.isNaN(Number(e)), Z = (e) => !!e && Number.isInteger(Number(e)), Te = (e) => e.endsWith("%") && I(e.slice(0, -1)), q = (e) => ir.test(e), pr = () => !0, fr = (e) => (
+}, lt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, it = /^\((?:(\w[\w-]*):)?(.+)\)$/i, lr = /^\d+\/\d+$/, ir = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, cr = /\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$/, dr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, mr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ur = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, se = (e) => lr.test(e), z = (e) => !!e && !Number.isNaN(Number(e)), J = (e) => !!e && Number.isInteger(Number(e)), Te = (e) => e.endsWith("%") && z(e.slice(0, -1)), X = (e) => ir.test(e), pr = () => !0, fr = (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.
   cr.test(e) && !dr.test(e)
-), ct = () => !1, hr = (e) => mr.test(e), gr = (e) => ur.test(e), br = (e) => !y(e) && !v(e), xr = (e) => ce(e, ut, ct), y = (e) => lt.test(e), te = (e) => ce(e, pt, fr), Pe = (e) => ce(e, Nr, I), Je = (e) => ce(e, dt, ct), yr = (e) => ce(e, mt, gr), we = (e) => ce(e, ft, hr), v = (e) => it.test(e), pe = (e) => de(e, pt), vr = (e) => de(e, Cr), Qe = (e) => de(e, dt), wr = (e) => de(e, ut), kr = (e) => de(e, mt), ke = (e) => de(e, ft, !0), ce = (e, t, o) => {
+), ct = () => !1, hr = (e) => mr.test(e), gr = (e) => ur.test(e), br = (e) => !b(e) && !x(e), xr = (e) => ce(e, ut, ct), b = (e) => lt.test(e), te = (e) => ce(e, pt, fr), Pe = (e) => ce(e, Nr, z), Je = (e) => ce(e, dt, ct), yr = (e) => ce(e, mt, gr), we = (e) => ce(e, ft, hr), x = (e) => it.test(e), pe = (e) => de(e, pt), vr = (e) => de(e, Cr), Qe = (e) => de(e, dt), wr = (e) => de(e, ut), kr = (e) => de(e, mt), ke = (e) => de(e, ft, !0), ce = (e, t, o) => {
   const a = lt.exec(e);
   return a ? a[1] ? t(a[1]) : o(a[2]) : !1;
 }, de = (e, t, o = !1) => {
   const a = it.exec(e);
   return a ? a[1] ? t(a[1]) : o : !1;
 }, dt = (e) => e === "position" || e === "percentage", mt = (e) => e === "image" || e === "url", ut = (e) => e === "length" || e === "size" || e === "bg-size", pt = (e) => e === "length", Nr = (e) => e === "number", Cr = (e) => e === "family-name", ft = (e) => e === "shadow", Mr = () => {
-  const e = $("color"), t = $("font"), o = $("text"), a = $("font-weight"), n = $("tracking"), s = $("leading"), l = $("breakpoint"), i = $("container"), c = $("spacing"), m = $("radius"), u = $("shadow"), d = $("inset-shadow"), g = $("text-shadow"), M = $("drop-shadow"), b = $("blur"), w = $("perspective"), x = $("aspect"), h = $("ease"), E = $("animate"), S = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], T = () => [
+  const e = $("color"), t = $("font"), o = $("text"), a = $("font-weight"), n = $("tracking"), s = $("leading"), l = $("breakpoint"), i = $("container"), c = $("spacing"), m = $("radius"), u = $("shadow"), d = $("inset-shadow"), g = $("text-shadow"), T = $("drop-shadow"), h = $("blur"), w = $("perspective"), v = $("aspect"), y = $("ease"), E = $("animate"), S = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], P = () => [
     "center",
     "top",
     "bottom",
@@ -473,51 +473,51 @@ const $ = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], P = () => [...T(), v, y], R = () => ["auto", "hidden", "clip", "visible", "scroll"], z = () => ["auto", "contain", "none"], k = () => [v, y, c], L = () => [se, "full", "auto", ...k()], K = () => [Z, "none", "subgrid", v, y], ae = () => ["auto", {
-    span: ["full", Z, v, y]
-  }, Z, v, y], X = () => [Z, "auto", v, y], ne = () => ["auto", "min", "max", "fr", v, y], ee = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], G = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], B = () => ["auto", ...k()], U = () => [se, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], C = () => [e, v, y], he = () => [...T(), Qe, Je, {
-    position: [v, y]
+  ], C = () => [...P(), x, b], A = () => ["auto", "hidden", "clip", "visible", "scroll"], I = () => ["auto", "contain", "none"], k = () => [x, b, c], R = () => [se, "full", "auto", ...k()], G = () => [J, "none", "subgrid", x, b], K = () => ["auto", {
+    span: ["full", J, x, b]
+  }, J, x, b], Z = () => [J, "auto", x, b], ne = () => ["auto", "min", "max", "fr", x, b], ee = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], W = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], B = () => ["auto", ...k()], q = () => [se, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], M = () => [e, x, b], he = () => [...P(), Qe, Je, {
+    position: [x, b]
   }], me = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], V = () => ["auto", "cover", "contain", wr, xr, {
-    size: [v, y]
-  }], F = () => [Te, pe, te], j = () => [
+    size: [x, b]
+  }], F = () => [Te, pe, te], L = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
     m,
-    v,
-    y
-  ], W = () => ["", I, pe, te], ge = () => ["solid", "dashed", "dotted", "double"], Be = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], O = () => [I, Te, Qe, Je], He = () => [
+    x,
+    b
+  ], U = () => ["", z, pe, te], ge = () => ["solid", "dashed", "dotted", "double"], Be = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], O = () => [z, Te, Qe, Je], He = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    b,
-    v,
-    y
-  ], be = () => ["none", I, v, y], xe = () => ["none", I, v, y], Me = () => [I, v, y], ye = () => [se, "full", ...k()];
+    h,
+    x,
+    b
+  ], be = () => ["none", z, x, b], xe = () => ["none", z, x, b], Me = () => [z, x, b], ye = () => [se, "full", ...k()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [q],
-      breakpoint: [q],
+      blur: [X],
+      breakpoint: [X],
       color: [pr],
-      container: [q],
-      "drop-shadow": [q],
+      container: [X],
+      "drop-shadow": [X],
       ease: ["in", "out", "in-out"],
       font: [br],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [q],
+      "inset-shadow": [X],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [q],
-      shadow: [q],
-      spacing: ["px", I],
-      text: [q],
-      "text-shadow": [q],
+      radius: [X],
+      shadow: [X],
+      spacing: ["px", z],
+      text: [X],
+      "text-shadow": [X],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -529,7 +529,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", se, y, v, x]
+        aspect: ["auto", "square", se, b, x, v]
       }],
       /**
        * Container
@@ -542,7 +542,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [I, y, v, i]
+        columns: [z, b, x, i]
       }],
       /**
        * Break After
@@ -620,49 +620,49 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: P()
+        object: C()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: R()
+        overflow: A()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": R()
+        "overflow-x": A()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": R()
+        "overflow-y": A()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: z()
+        overscroll: I()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": z()
+        "overscroll-x": I()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": z()
+        "overscroll-y": I()
       }],
       /**
        * Position
@@ -674,63 +674,63 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: L()
+        inset: R()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": L()
+        "inset-x": R()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": L()
+        "inset-y": R()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: L()
+        start: R()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: L()
+        end: R()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: L()
+        top: R()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: L()
+        right: R()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: L()
+        bottom: R()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: L()
+        left: R()
       }],
       /**
        * Visibility
@@ -742,7 +742,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [Z, "auto", v, y]
+        z: [J, "auto", x, b]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -773,84 +773,84 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [I, se, "auto", "initial", "none", y]
+        flex: [z, se, "auto", "initial", "none", b]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", I, v, y]
+        grow: ["", z, x, b]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", I, v, y]
+        shrink: ["", z, x, b]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [Z, "first", "last", "none", v, y]
+        order: [J, "first", "last", "none", x, b]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": K()
+        "grid-cols": G()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: ae()
+        col: K()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": X()
+        "col-start": Z()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": X()
+        "col-end": Z()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": K()
+        "grid-rows": G()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: ae()
+        row: K()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": X()
+        "row-start": Z()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": X()
+        "row-end": Z()
       }],
       /**
        * Grid Auto Flow
@@ -906,14 +906,14 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...G(), "normal"]
+        "justify-items": [...W(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...G()]
+        "justify-self": ["auto", ...W()]
       }],
       /**
        * Align Content
@@ -927,7 +927,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...G(), {
+        items: [...W(), {
           baseline: ["", "last"]
         }]
       }],
@@ -936,7 +936,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...G(), {
+        self: ["auto", ...W(), {
           baseline: ["", "last"]
         }]
       }],
@@ -952,14 +952,14 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...G(), "baseline"]
+        "place-items": [...W(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...G()]
+        "place-self": ["auto", ...W()]
       }],
       // Spacing
       /**
@@ -1120,14 +1120,14 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: U()
+        size: q()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [i, "screen", ...U()]
+        w: [i, "screen", ...q()]
       }],
       /**
        * Min-Width
@@ -1139,7 +1139,7 @@ const $ = (e) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...U()
+          ...q()
         ]
       }],
       /**
@@ -1157,7 +1157,7 @@ const $ = (e) => {
           {
             screen: [l]
           },
-          ...U()
+          ...q()
         ]
       }],
       /**
@@ -1165,21 +1165,21 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...U()]
+        h: ["screen", "lh", ...q()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...U()]
+        "min-h": ["screen", "lh", "none", ...q()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...U()]
+        "max-h": ["screen", "lh", ...q()]
       }],
       // ------------------
       // --- Typography ---
@@ -1206,21 +1206,21 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [a, v, Pe]
+        font: [a, x, Pe]
       }],
       /**
        * 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", Te, y]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", Te, b]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [vr, y, t]
+        font: [vr, b, t]
       }],
       /**
        * Font Variant Numeric
@@ -1257,14 +1257,14 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [n, v, y]
+        tracking: [n, x, b]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [I, "none", v, Pe]
+        "line-clamp": [z, "none", x, Pe]
       }],
       /**
        * Line Height
@@ -1282,7 +1282,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", v, y]
+        "list-image": ["none", x, b]
       }],
       /**
        * List Style Position
@@ -1296,7 +1296,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", v, y]
+        list: ["disc", "decimal", "none", x, b]
       }],
       /**
        * Text Alignment
@@ -1311,14 +1311,14 @@ const $ = (e) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: C()
+        placeholder: M()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: C()
+        text: M()
       }],
       /**
        * Text Decoration
@@ -1337,21 +1337,21 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [I, "from-font", "auto", v, te]
+        decoration: [z, "from-font", "auto", x, te]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: C()
+        decoration: M()
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [I, "auto", v, y]
+        "underline-offset": [z, "auto", x, b]
       }],
       /**
        * Text Transform
@@ -1382,7 +1382,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", v, y]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", x, b]
       }],
       /**
        * Whitespace
@@ -1417,7 +1417,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", v, y]
+        content: ["none", x, b]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -1472,9 +1472,9 @@ const $ = (e) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, Z, v, y],
-          radial: ["", v, y],
-          conic: [Z, v, y]
+          }, J, x, b],
+          radial: ["", x, b],
+          conic: [J, x, b]
         }, kr, yr]
       }],
       /**
@@ -1482,7 +1482,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: C()
+        bg: M()
       }],
       /**
        * Gradient Color Stops From Position
@@ -1510,21 +1510,21 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: C()
+        from: M()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: C()
+        via: M()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: C()
+        to: M()
       }],
       // ---------------
       // --- Borders ---
@@ -1534,175 +1534,175 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: j()
+        rounded: L()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": j()
+        "rounded-s": L()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": j()
+        "rounded-e": L()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": j()
+        "rounded-t": L()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": j()
+        "rounded-r": L()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": j()
+        "rounded-b": L()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": j()
+        "rounded-l": L()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": j()
+        "rounded-ss": L()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": j()
+        "rounded-se": L()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": j()
+        "rounded-ee": L()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": j()
+        "rounded-es": L()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": j()
+        "rounded-tl": L()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": j()
+        "rounded-tr": L()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": j()
+        "rounded-br": L()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": j()
+        "rounded-bl": L()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: W()
+        border: U()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": W()
+        "border-x": U()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": W()
+        "border-y": U()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": W()
+        "border-s": U()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": W()
+        "border-e": U()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": W()
+        "border-t": U()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": W()
+        "border-r": U()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": W()
+        "border-b": U()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": W()
+        "border-l": U()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": W()
+        "divide-x": U()
       }],
       /**
        * Divide Width X Reverse
@@ -1714,7 +1714,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": W()
+        "divide-y": U()
       }],
       /**
        * Divide Width Y Reverse
@@ -1740,70 +1740,70 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: C()
+        border: M()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": C()
+        "border-x": M()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": C()
+        "border-y": M()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": C()
+        "border-s": M()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": C()
+        "border-e": M()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": C()
+        "border-t": M()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": C()
+        "border-r": M()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": C()
+        "border-b": M()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": C()
+        "border-l": M()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: C()
+        divide: M()
       }],
       /**
        * Outline Style
@@ -1817,21 +1817,21 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [I, v, y]
+        "outline-offset": [z, x, b]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", I, pe, te]
+        outline: ["", z, pe, te]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: C()
+        outline: M()
       }],
       // ---------------
       // --- Effects ---
@@ -1855,7 +1855,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: C()
+        shadow: M()
       }],
       /**
        * Inset Box Shadow
@@ -1869,14 +1869,14 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": C()
+        "inset-shadow": M()
       }],
       /**
        * Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: W()
+        ring: U()
       }],
       /**
        * Ring Width Inset
@@ -1890,7 +1890,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: C()
+        ring: M()
       }],
       /**
        * Ring Offset Width
@@ -1899,7 +1899,7 @@ const $ = (e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [I, te]
+        "ring-offset": [z, te]
       }],
       /**
        * Ring Offset Color
@@ -1908,21 +1908,21 @@ const $ = (e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": C()
+        "ring-offset": M()
       }],
       /**
        * Inset Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": W()
+        "inset-ring": U()
       }],
       /**
        * Inset Ring Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": C()
+        "inset-ring": M()
       }],
       /**
        * Text Shadow
@@ -1936,14 +1936,14 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": C()
+        "text-shadow": M()
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [I, v, y]
+        opacity: [z, x, b]
       }],
       /**
        * Mix Blend Mode
@@ -1978,7 +1978,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [I]
+        "mask-linear": [z]
       }],
       "mask-image-linear-from-pos": [{
         "mask-linear-from": O()
@@ -1987,10 +1987,10 @@ const $ = (e) => {
         "mask-linear-to": O()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": C()
+        "mask-linear-from": M()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": C()
+        "mask-linear-to": M()
       }],
       "mask-image-t-from-pos": [{
         "mask-t-from": O()
@@ -1999,10 +1999,10 @@ const $ = (e) => {
         "mask-t-to": O()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": C()
+        "mask-t-from": M()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": C()
+        "mask-t-to": M()
       }],
       "mask-image-r-from-pos": [{
         "mask-r-from": O()
@@ -2011,10 +2011,10 @@ const $ = (e) => {
         "mask-r-to": O()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": C()
+        "mask-r-from": M()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": C()
+        "mask-r-to": M()
       }],
       "mask-image-b-from-pos": [{
         "mask-b-from": O()
@@ -2023,10 +2023,10 @@ const $ = (e) => {
         "mask-b-to": O()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": C()
+        "mask-b-from": M()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": C()
+        "mask-b-to": M()
       }],
       "mask-image-l-from-pos": [{
         "mask-l-from": O()
@@ -2035,10 +2035,10 @@ const $ = (e) => {
         "mask-l-to": O()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": C()
+        "mask-l-from": M()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": C()
+        "mask-l-to": M()
       }],
       "mask-image-x-from-pos": [{
         "mask-x-from": O()
@@ -2047,10 +2047,10 @@ const $ = (e) => {
         "mask-x-to": O()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": C()
+        "mask-x-from": M()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": C()
+        "mask-x-to": M()
       }],
       "mask-image-y-from-pos": [{
         "mask-y-from": O()
@@ -2059,13 +2059,13 @@ const $ = (e) => {
         "mask-y-to": O()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": C()
+        "mask-y-from": M()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": C()
+        "mask-y-to": M()
       }],
       "mask-image-radial": [{
-        "mask-radial": [v, y]
+        "mask-radial": [x, b]
       }],
       "mask-image-radial-from-pos": [{
         "mask-radial-from": O()
@@ -2074,10 +2074,10 @@ const $ = (e) => {
         "mask-radial-to": O()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": C()
+        "mask-radial-from": M()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": C()
+        "mask-radial-to": M()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -2089,10 +2089,10 @@ const $ = (e) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": T()
+        "mask-radial-at": P()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [I]
+        "mask-conic": [z]
       }],
       "mask-image-conic-from-pos": [{
         "mask-conic-from": O()
@@ -2101,10 +2101,10 @@ const $ = (e) => {
         "mask-conic-to": O()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": C()
+        "mask-conic-from": M()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": C()
+        "mask-conic-to": M()
       }],
       /**
        * Mask Mode
@@ -2153,7 +2153,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", v, y]
+        mask: ["none", x, b]
       }],
       // ---------------
       // --- Filters ---
@@ -2167,8 +2167,8 @@ const $ = (e) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          v,
-          y
+          x,
+          b
         ]
       }],
       /**
@@ -2183,14 +2183,14 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [I, v, y]
+        brightness: [z, x, b]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [I, v, y]
+        contrast: [z, x, b]
       }],
       /**
        * Drop Shadow
@@ -2201,7 +2201,7 @@ const $ = (e) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          M,
+          T,
           ke,
           we
         ]
@@ -2211,42 +2211,42 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": C()
+        "drop-shadow": M()
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", I, v, y]
+        grayscale: ["", z, x, b]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [I, v, y]
+        "hue-rotate": [z, x, b]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", I, v, y]
+        invert: ["", z, x, b]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [I, v, y]
+        saturate: [z, x, b]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", I, v, y]
+        sepia: ["", z, x, b]
       }],
       /**
        * Backdrop Filter
@@ -2257,8 +2257,8 @@ const $ = (e) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          v,
-          y
+          x,
+          b
         ]
       }],
       /**
@@ -2273,56 +2273,56 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [I, v, y]
+        "backdrop-brightness": [z, x, b]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [I, v, y]
+        "backdrop-contrast": [z, x, b]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", I, v, y]
+        "backdrop-grayscale": ["", z, x, b]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [I, v, y]
+        "backdrop-hue-rotate": [z, x, b]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", I, v, y]
+        "backdrop-invert": ["", z, x, b]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [I, v, y]
+        "backdrop-opacity": [z, x, b]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [I, v, y]
+        "backdrop-saturate": [z, x, b]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", I, v, y]
+        "backdrop-sepia": ["", z, x, b]
       }],
       // --------------
       // --- Tables ---
@@ -2377,7 +2377,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", v, y]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", x, b]
       }],
       /**
        * Transition Behavior
@@ -2391,28 +2391,28 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [I, "initial", v, y]
+        duration: [z, "initial", x, b]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", h, v, y]
+        ease: ["linear", "initial", y, x, b]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [I, v, y]
+        delay: [z, x, b]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", E, v, y]
+        animate: ["none", E, x, b]
       }],
       // ------------------
       // --- Transforms ---
@@ -2429,14 +2429,14 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [w, v, y]
+        perspective: [w, x, b]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": P()
+        "perspective-origin": C()
       }],
       /**
        * Rotate
@@ -2525,14 +2525,14 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [v, y, "", "none", "gpu", "cpu"]
+        transform: [x, b, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: P()
+        origin: C()
       }],
       /**
        * Transform Style
@@ -2582,7 +2582,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: C()
+        accent: M()
       }],
       /**
        * Appearance
@@ -2596,7 +2596,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: C()
+        caret: M()
       }],
       /**
        * Color Scheme
@@ -2610,7 +2610,7 @@ const $ = (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", v, y]
+        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
@@ -2832,7 +2832,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", v, y]
+        "will-change": ["auto", "scroll", "contents", "transform", x, b]
       }],
       // -----------
       // --- SVG ---
@@ -2842,21 +2842,21 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...C()]
+        fill: ["none", ...M()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [I, pe, te, Pe]
+        stroke: [z, pe, te, Pe]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...C()]
+        stroke: ["none", ...M()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -3014,7 +3014,7 @@ const Tr = (e) => {
     default:
       return "text-left";
   }
-}, A = ({
+}, j = ({
   variant: e = "body",
   color: t = "primary",
   weight: o,
@@ -3054,7 +3054,7 @@ function Ir(e) {
       return "p";
   }
 }
-const Ar = (e) => {
+const Rr = (e) => {
   switch (e) {
     case "sm":
       return "p-4";
@@ -3065,7 +3065,7 @@ const Ar = (e) => {
     default:
       return "p-0";
   }
-}, Rr = (e) => {
+}, jr = (e) => {
   switch (e) {
     case "sm":
       return "shadow-sm";
@@ -3076,7 +3076,7 @@ const Ar = (e) => {
     default:
       return "shadow-none";
   }
-}, jr = (e) => {
+}, Ar = (e) => {
   switch (e) {
     case "sm":
       return "rounded-sm";
@@ -3099,35 +3099,35 @@ const Ar = (e) => {
 }) => {
   const c = !!i, m = f(
     "bg-card",
-    Ar(n),
-    Rr(s),
-    jr(l),
+    Rr(n),
+    jr(s),
+    Ar(l),
     "transition-all duration-200 ease-in-out",
     c && "cursor-pointer hover:-translate-y-0.5 hover:shadow-lg active:translate-y-0",
     a
   );
   return /* @__PURE__ */ p("div", { className: m, onClick: i, children: [
     (t || o) && /* @__PURE__ */ p("div", { className: "mb-4", children: [
-      t && /* @__PURE__ */ r("div", { className: "mb-2", children: /* @__PURE__ */ r(A, { variant: "h3", children: t }) }),
-      o && /* @__PURE__ */ r("div", { className: "text-muted-foreground", children: /* @__PURE__ */ r(A, { variant: "body-sm", color: "muted", children: o }) })
+      t && /* @__PURE__ */ r("div", { className: "mb-2", children: /* @__PURE__ */ r(j, { variant: "h3", children: t }) }),
+      o && /* @__PURE__ */ r("div", { className: "text-muted-foreground", children: /* @__PURE__ */ r(j, { variant: "body-sm", color: "muted", children: o }) })
     ] }),
     /* @__PURE__ */ r("div", { className: "flex-1", children: e })
   ] });
 }, Lr = ({
   children: e
-}) => /* @__PURE__ */ r("div", { className: "mt-4 pt-4 border-t border-border", children: e }), ca = Object.assign(ht, {
+}) => /* @__PURE__ */ r("div", { className: "mt-4 pt-4 border-t border-border", children: e }), la = Object.assign(ht, {
   Footer: Lr
 });
 function $r(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), g = n + a * Math.cos(i), M = s + a * Math.sin(i), b = n + a * Math.cos(l), w = s + a * Math.sin(l), x = t - e > 180 ? 1 : 0;
+  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), g = n + a * Math.cos(i), T = s + a * Math.sin(i), h = n + a * Math.cos(l), w = s + a * Math.sin(l), v = t - e > 180 ? 1 : 0;
   return [
     `M ${c} ${m}`,
     // Move to start point on outer arc
-    `A ${o} ${o} 0 ${x} 1 ${u} ${d}`,
+    `A ${o} ${o} 0 ${v} 1 ${u} ${d}`,
     // Outer arc
-    `L ${g} ${M}`,
+    `L ${g} ${T}`,
     // Line to inner arc
-    `A ${a} ${a} 0 ${x} 0 ${b} ${w}`,
+    `A ${a} ${a} 0 ${v} 0 ${h} ${w}`,
     // Inner arc (reverse)
     "Z"
     // Close path
@@ -3166,14 +3166,14 @@ const gt = N.forwardRef(
     onSegmentClick: i,
     onSegmentHover: c
   }, m) => {
-    const [u, d] = N.useState(null), g = t / 2, M = t / 2, b = 2, w = t / 2 - b, x = w * o, h = Or(
+    const [u, d] = N.useState(null), g = t / 2, T = t / 2, h = 2, w = t / 2 - h, v = w * o, y = Or(
       e,
       w,
-      x,
+      v,
       g,
-      M
-    ), E = (T) => {
-      d(T), c?.(T);
+      T
+    ), E = (P) => {
+      d(P), c?.(P);
     }, S = s === "left" || s === "right";
     return /* @__PURE__ */ p(
       "div",
@@ -3193,29 +3193,29 @@ const gt = N.forwardRef(
               className: "relative inline-block",
               style: { width: t, height: t },
               children: [
-                /* @__PURE__ */ r("svg", { width: t, height: t, viewBox: `0 0 ${t} ${t}`, children: h.map(({ path: T, segment: P }, R) => /* @__PURE__ */ r(
+                /* @__PURE__ */ r("svg", { width: t, height: t, viewBox: `0 0 ${t} ${t}`, children: y.map(({ path: P, segment: C }, A) => /* @__PURE__ */ r(
                   "path",
                   {
-                    d: T,
-                    fill: P.color,
+                    d: P,
+                    fill: C.color,
                     stroke: "white",
-                    strokeWidth: b,
+                    strokeWidth: h,
                     className: f(
                       "transition-opacity duration-200",
-                      u && u !== P && "opacity-50",
+                      u && u !== C && "opacity-50",
                       i && "cursor-pointer"
                     ),
-                    onMouseEnter: () => E(P),
+                    onMouseEnter: () => E(C),
                     onMouseLeave: () => E(null),
-                    onClick: () => i?.(P)
+                    onClick: () => i?.(C)
                   },
-                  `${P.label}-${R}`
+                  `${C.label}-${A}`
                 )) }),
                 a && /* @__PURE__ */ r(
                   "div",
                   {
                     className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-center",
-                    style: { maxWidth: x * 1.8 },
+                    style: { maxWidth: v * 1.8 },
                     children: a
                   }
                 )
@@ -3229,29 +3229,29 @@ const gt = N.forwardRef(
                 "flex gap-2",
                 S ? "flex-col" : "flex-row flex-wrap justify-center"
               ),
-              children: e.map((T, P) => /* @__PURE__ */ p(
+              children: e.map((P, C) => /* @__PURE__ */ p(
                 "div",
                 {
                   className: f(
                     "flex items-center gap-2 text-sm transition-opacity duration-200",
-                    u && u !== T && "opacity-50",
+                    u && u !== P && "opacity-50",
                     i && "cursor-pointer"
                   ),
-                  onMouseEnter: () => E(T),
+                  onMouseEnter: () => E(P),
                   onMouseLeave: () => E(null),
-                  onClick: () => i?.(T),
+                  onClick: () => i?.(P),
                   children: [
                     /* @__PURE__ */ r(
                       "div",
                       {
                         className: "h-3 w-3 rounded-sm flex-shrink-0",
-                        style: { backgroundColor: T.color }
+                        style: { backgroundColor: P.color }
                       }
                     ),
-                    /* @__PURE__ */ r("span", { className: "text-muted-foreground", children: T.label })
+                    /* @__PURE__ */ r("span", { className: "text-muted-foreground", children: P.label })
                   ]
                 },
-                `${T.label}-${P}`
+                `${P.label}-${C}`
               ))
             }
           )
@@ -3261,24 +3261,24 @@ const gt = N.forwardRef(
   }
 );
 gt.displayName = "DonutChart";
-function da(e, t, o = {}) {
+function ia(e, t, o = {}) {
   const {
     initialCategory: a = null,
     initialSort: n = null,
     enableSearch: s = !1
   } = o, [l, i] = re(
     a
-  ), [c, m] = re(n), [u, d] = re(""), g = Se(() => jt(e, l), [e, l]), M = Se(() => {
+  ), [c, m] = re(n), [u, d] = re(""), g = Se(() => At(e, l), [e, l]), T = Se(() => {
     if (!s || !u.trim())
       return g;
-    const h = u.toLowerCase();
+    const y = u.toLowerCase();
     return g.filter(
-      (E) => E.title.toLowerCase().includes(h) || E.subtitle?.toLowerCase().includes(h)
+      (E) => E.title.toLowerCase().includes(y) || E.subtitle?.toLowerCase().includes(y)
     );
-  }, [g, u, s]), b = Se(() => c ? Lt(M, c) : M, [M, c]), w = Ge(
-    (h) => $t(e, h),
+  }, [g, u, s]), h = Se(() => c ? Lt(T, c) : T, [T, c]), w = Ge(
+    (y) => $t(e, y),
     [e]
-  ), x = Ge(() => {
+  ), v = Ge(() => {
     i(a), m(n), d("");
   }, [a, n]);
   return {
@@ -3288,9 +3288,9 @@ function da(e, t, o = {}) {
     setSort: m,
     searchQuery: u,
     setSearchQuery: d,
-    filteredEntities: b,
+    filteredEntities: h,
     getCategoryCount: w,
-    resetFilters: x
+    resetFilters: v
   };
 }
 const _r = Y(
@@ -3475,8 +3475,8 @@ const Fr = Y(
     suffix: u,
     id: d,
     ...g
-  }, M) => {
-    const b = N.useId(), w = d || b, x = `${w}-helper`, h = `${w}-error`, E = i ? "error" : a, S = i || l;
+  }, T) => {
+    const h = N.useId(), w = d || h, v = `${w}-helper`, y = `${w}-error`, E = i ? "error" : a, S = i || l;
     return /* @__PURE__ */ p("div", { className: f("w-full", t), children: [
       s && /* @__PURE__ */ r(
         "label",
@@ -3495,7 +3495,7 @@ const Fr = Y(
           "input",
           {
             id: w,
-            ref: M,
+            ref: T,
             className: f(
               Fr({ variant: E, inputSize: n }),
               m && "pl-10",
@@ -3503,7 +3503,7 @@ const Fr = Y(
               e
             ),
             "aria-invalid": i ? "true" : "false",
-            "aria-describedby": S ? i ? h : x : void 0,
+            "aria-describedby": S ? i ? y : v : void 0,
             ...g
           }
         ),
@@ -3512,7 +3512,7 @@ const Fr = Y(
       S && /* @__PURE__ */ r(
         "p",
         {
-          id: i ? h : x,
+          id: i ? y : v,
           className: Dr({ variant: E }),
           role: i ? "alert" : void 0,
           children: S
@@ -3546,13 +3546,13 @@ const Br = (e) => {
   closeOnOverlayClick: l = !0,
   closeOnEscape: i = !0
 }) => {
-  const c = H.useRef(null), m = H.useId(), u = H.useRef(null);
+  const c = D.useRef(null), m = D.useId(), u = D.useRef(null);
   if (ve(() => {
     if (!e || !i) return;
-    const x = (h) => {
-      h.key === "Escape" && t();
+    const v = (y) => {
+      y.key === "Escape" && t();
     };
-    return document.addEventListener("keydown", x), () => document.removeEventListener("keydown", x);
+    return document.addEventListener("keydown", v), () => document.removeEventListener("keydown", v);
   }, [e, i, t]), ve(() => {
     if (e)
       return fe === 0 && (Ye = document.body.style.overflow), fe += 1, document.body.style.overflow = "hidden", () => {
@@ -3565,31 +3565,31 @@ const Br = (e) => {
       };
   }, [e]), ve(() => {
     if (!e || !c.current) return;
-    const x = [
+    const v = [
       "a[href]",
       "button:not([disabled])",
       "input:not([disabled])",
       "select:not([disabled])",
       "textarea:not([disabled])",
       '[tabindex]:not([tabindex="-1"])'
-    ].join(", "), h = (S) => {
+    ].join(", "), y = (S) => {
       if (S.key !== "Tab" || !c.current) return;
-      const T = Array.from(
-        c.current.querySelectorAll(x)
+      const P = Array.from(
+        c.current.querySelectorAll(v)
       );
-      if (T.length === 0) {
+      if (P.length === 0) {
         S.preventDefault(), c.current.focus();
         return;
       }
-      const P = T[0], R = T[T.length - 1];
-      if (S.shiftKey && document.activeElement === P) {
-        S.preventDefault(), R.focus();
+      const C = P[0], A = P[P.length - 1];
+      if (S.shiftKey && document.activeElement === C) {
+        S.preventDefault(), A.focus();
         return;
       }
-      !S.shiftKey && document.activeElement === R && (S.preventDefault(), P.focus());
+      !S.shiftKey && document.activeElement === A && (S.preventDefault(), C.focus());
     }, E = c.current;
-    return E.addEventListener("keydown", h), () => {
-      E.removeEventListener("keydown", h);
+    return E.addEventListener("keydown", y), () => {
+      E.removeEventListener("keydown", y);
     };
   }, [e]), !e || typeof document > "u") return null;
   const d = f(
@@ -3597,9 +3597,9 @@ const Br = (e) => {
   ), g = f(
     "bg-card rounded-lg shadow-xl w-full max-h-[90vh] overflow-hidden flex flex-col",
     Br(n)
-  ), M = f(
+  ), T = f(
     "p-6 border-b border-border flex items-center justify-between"
-  ), b = f("p-6 overflow-y-auto flex-1 min-h-0"), w = f(
+  ), h = f("p-6 overflow-y-auto flex-1 min-h-0"), w = 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 It(
@@ -3613,14 +3613,14 @@ const Br = (e) => {
           {
             ref: c,
             className: g,
-            onClick: (x) => x.stopPropagation(),
+            onClick: (v) => v.stopPropagation(),
             tabIndex: -1,
             role: "dialog",
             "aria-modal": "true",
             "aria-labelledby": o ? m : void 0,
             children: [
-              (o || s) && /* @__PURE__ */ p("div", { className: M, children: [
-                o && /* @__PURE__ */ r("div", { id: m, children: /* @__PURE__ */ r(A, { variant: "h3", className: "text-foreground", children: o }) }),
+              (o || s) && /* @__PURE__ */ p("div", { className: T, children: [
+                o && /* @__PURE__ */ r("div", { id: m, children: /* @__PURE__ */ r(j, { variant: "h3", className: "text-foreground", children: o }) }),
                 s && /* @__PURE__ */ r(
                   "button",
                   {
@@ -3632,7 +3632,7 @@ const Br = (e) => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ r("div", { className: b, children: a })
+              /* @__PURE__ */ r("div", { className: h, children: a })
             ]
           }
         )
@@ -3647,7 +3647,7 @@ const Br = (e) => {
 }) => /* @__PURE__ */ p(xt, { ...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 })
-] }), ma = ({
+] }), ca = ({
   isOpen: e,
   onClose: t,
   onConfirm: o,
@@ -3661,11 +3661,11 @@ const Br = (e) => {
     isOpen: e,
     onClose: t,
     title: a,
-    actions: /* @__PURE__ */ p(J, { children: [
+    actions: /* @__PURE__ */ p(oe, { children: [
       /* @__PURE__ */ r(Q, { variant: "secondary", onClick: t, children: l }),
       /* @__PURE__ */ r(Q, { variant: "default", onClick: o, children: s })
     ] }),
-    children: /* @__PURE__ */ r(A, { children: n })
+    children: /* @__PURE__ */ r(j, { children: n })
   }
 ), Gr = Y(
   [
@@ -3800,7 +3800,7 @@ const Jr = Ce(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const D = (e, t) => {
+const H = (e, t) => {
   const o = Ce(
     ({ className: a, ...n }, s) => Ie(Jr, {
       ref: s,
@@ -3833,7 +3833,7 @@ const Qr = [
       key: "14ym8i"
     }
   ]
-], Yr = D("bath", Qr);
+], Yr = H("bath", Qr);
 /**
  * @license lucide-react v0.547.0 - ISC
  *
@@ -3845,7 +3845,7 @@ const eo = [
   ["path", { d: "M2 8h18a2 2 0 0 1 2 2v10", key: "1dgv2r" }],
   ["path", { d: "M2 17h20", key: "18nfp3" }],
   ["path", { d: "M6 8v9", key: "1yriud" }]
-], to = D("bed", eo);
+], to = H("bed", eo);
 /**
  * @license lucide-react v0.547.0 - ISC
  *
@@ -3863,28 +3863,28 @@ const ro = [
   ["circle", { cx: "7", cy: "17", r: "2", key: "u2ysq9" }],
   ["path", { d: "M9 17h6", key: "r8uit2" }],
   ["circle", { cx: "17", cy: "17", r: "2", key: "axvx0g" }]
-], oo = D("car", ro);
+], oo = H("car", ro);
 /**
  * @license lucide-react v0.547.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ao = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], no = D("chevron-down", ao);
+const ao = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], no = H("chevron-down", ao);
 /**
  * @license lucide-react v0.547.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const so = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], lo = D("chevron-left", so);
+const so = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], lo = H("chevron-left", so);
 /**
  * @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 io = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], co = D("chevron-right", io);
+const io = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], co = H("chevron-right", io);
 /**
  * @license lucide-react v0.547.0 - ISC
  *
@@ -3892,19 +3892,6 @@ const io = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], co = D("chevron-ri
  * See the LICENSE file in the root directory of this source tree.
  */
 const mo = [
-  ["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" }]
-], uo = D("grid-3x3", mo);
-/**
- * @license lucide-react v0.547.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const po = [
   [
     "path",
     {
@@ -3912,14 +3899,14 @@ const po = [
       key: "mvr1a0"
     }
   ]
-], fo = D("heart", po);
+], uo = H("heart", mo);
 /**
  * @license lucide-react v0.547.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ho = [
+const po = [
   ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
   [
     "path",
@@ -3928,14 +3915,14 @@ const ho = [
       key: "r6nss1"
     }
   ]
-], go = D("house", ho);
+], fo = H("house", po);
 /**
  * @license lucide-react v0.547.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const bo = [
+const ho = [
   [
     "path",
     {
@@ -3944,60 +3931,60 @@ const bo = [
     }
   ],
   ["circle", { cx: "12", cy: "10", r: "3", key: "ilqhr7" }]
-], xo = D("map-pin", bo);
+], go = H("map-pin", ho);
 /**
  * @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 yo = [
+const bo = [
   ["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" }]
-], vo = D("maximize", yo);
+], xo = H("maximize", 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 wo = [
+const yo = [
   ["path", { d: "M4 5h16", key: "1tepv9" }],
   ["path", { d: "M4 12h16", key: "1lakjw" }],
   ["path", { d: "M4 19h16", key: "1djgab" }]
-], ko = D("menu", wo);
+], vo = H("menu", yo);
 /**
  * @license lucide-react v0.547.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const No = [
+const wo = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], Le = D("search", No);
+], Le = H("search", wo);
 /**
  * @license lucide-react v0.547.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Co = [
+const ko = [
   ["path", { d: "M16 7h6v6", key: "box55l" }],
   ["path", { d: "m22 7-8.5 8.5-5-5L2 17", key: "1t1m79" }]
-], Mo = D("trending-up", Co);
+], No = H("trending-up", ko);
 /**
  * @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 So = [
+const Co = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], tt = D("x", So), Fe = N.forwardRef(
+], tt = H("x", Co), Fe = N.forwardRef(
   ({
     className: e,
     containerClassName: t,
@@ -4012,8 +3999,8 @@ const So = [
     placeholder: u,
     id: d,
     ...g
-  }, M) => {
-    const b = N.useId(), w = d || b, x = `${w}-helper`, h = `${w}-error`, E = i ? "error" : a, S = i || l;
+  }, T) => {
+    const h = N.useId(), w = d || h, v = `${w}-helper`, y = `${w}-error`, E = i ? "error" : a, S = i || l;
     return /* @__PURE__ */ p("div", { className: f("w-full", t), children: [
       s && /* @__PURE__ */ r(
         "label",
@@ -4031,7 +4018,7 @@ const So = [
           "select",
           {
             id: w,
-            ref: M,
+            ref: T,
             className: f(
               Gr({ variant: E, selectSize: n }),
               "pr-10",
@@ -4039,18 +4026,18 @@ const So = [
               e
             ),
             "aria-invalid": i ? "true" : "false",
-            "aria-describedby": S ? i ? h : x : void 0,
+            "aria-describedby": S ? i ? y : v : void 0,
             ...g,
             children: [
               u && /* @__PURE__ */ r("option", { value: "", disabled: !0, children: u }),
-              m.map((T) => /* @__PURE__ */ r(
+              m.map((P) => /* @__PURE__ */ r(
                 "option",
                 {
-                  value: T.value,
-                  disabled: T.disabled,
-                  children: T.label
+                  value: P.value,
+                  disabled: P.disabled,
+                  children: P.label
                 },
-                T.value
+                P.value
               ))
             ]
           }
@@ -4060,7 +4047,7 @@ const So = [
       S && /* @__PURE__ */ r(
         "p",
         {
-          id: i ? h : x,
+          id: i ? y : v,
           className: Ur({ variant: E }),
           role: i ? "alert" : void 0,
           children: S
@@ -4070,7 +4057,7 @@ const So = [
   }
 );
 Fe.displayName = "Select";
-const To = (e) => {
+const Mo = (e) => {
   switch (e) {
     case "sm":
       return "p-4";
@@ -4090,7 +4077,7 @@ const To = (e) => {
 }) => {
   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",
-    To(n)
+    Mo(n)
   );
   return /* @__PURE__ */ p("div", { className: s, children: [
     t && /* @__PURE__ */ r("header", { className: l, children: t }),
@@ -4100,13 +4087,13 @@ const To = (e) => {
     ] }),
     a && /* @__PURE__ */ r("footer", { className: "bg-card border-t border-border mt-auto", children: a })
   ] });
-}, ua = ({ children: e, header: t, sidebar: o }) => /* @__PURE__ */ r(Ve, { header: t, sidebar: o, padding: "lg", children: /* @__PURE__ */ r("div", { className: "max-w-screen-2xl", children: e }) }), pa = ({ children: e, title: t, subtitle: o }) => /* @__PURE__ */ r(Ve, { padding: "lg", children: /* @__PURE__ */ p("div", { className: "max-w-md mx-auto", children: [
+}, da = ({ children: e, header: t, sidebar: o }) => /* @__PURE__ */ r(Ve, { header: t, sidebar: o, padding: "lg", children: /* @__PURE__ */ r("div", { className: "max-w-screen-2xl", children: e }) }), ma = ({ children: e, title: t, subtitle: o }) => /* @__PURE__ */ r(Ve, { 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(A, { variant: "h2", className: "mb-2", children: t }),
-    o && /* @__PURE__ */ r(A, { variant: "body", color: "muted", children: o })
+    t && /* @__PURE__ */ r(j, { variant: "h2", className: "mb-2", children: t }),
+    o && /* @__PURE__ */ r(j, { variant: "body", color: "muted", children: o })
   ] }),
   e
-] }) }), fa = ({ children: e, header: t, footer: o }) => /* @__PURE__ */ r(Ve, { header: t, footer: o, padding: "none", children: e }), vt = N.forwardRef(({ message: e = "No entities found", icon: t, action: o, className: a }, n) => /* @__PURE__ */ p(
+] }) }), ua = ({ children: e, header: t, footer: o }) => /* @__PURE__ */ r(Ve, { header: t, footer: o, padding: "none", children: e }), vt = N.forwardRef(({ message: e = "No entities found", icon: t, action: o, className: a }, n) => /* @__PURE__ */ p(
   "div",
   {
     ref: n,
@@ -4118,7 +4105,7 @@ const To = (e) => {
     ),
     children: [
       t && /* @__PURE__ */ r("div", { className: "mb-4 text-4xl opacity-50", "aria-hidden": "true", children: t }),
-      /* @__PURE__ */ r(A, { variant: "body-lg", className: "text-muted-foreground mb-4", children: e }),
+      /* @__PURE__ */ r(j, { variant: "body-lg", className: "text-muted-foreground mb-4", children: e }),
       o && /* @__PURE__ */ r(Q, { variant: "outline", onClick: o.onClick, children: o.label })
     ]
   }
@@ -4138,8 +4125,8 @@ const wt = N.forwardRef(({ error: e, onRetry: t, className: o }, a) => {
       ),
       children: [
         /* @__PURE__ */ r("div", { className: "mb-4 text-4xl", "aria-hidden": "true", children: "⚠️" }),
-        /* @__PURE__ */ r(A, { variant: "body-lg", className: "text-destructive mb-2 font-semibold", children: "Error" }),
-        /* @__PURE__ */ r(A, { variant: "body", className: "text-muted-foreground mb-4", children: n }),
+        /* @__PURE__ */ r(j, { variant: "body-lg", className: "text-destructive mb-2 font-semibold", children: "Error" }),
+        /* @__PURE__ */ r(j, { variant: "body", className: "text-muted-foreground mb-4", children: n }),
         t && /* @__PURE__ */ r(Q, { variant: "outline", onClick: t, children: "Try Again" })
       ]
     }
@@ -4147,8 +4134,8 @@ const wt = N.forwardRef(({ error: e, onRetry: t, className: o }, a) => {
 });
 wt.displayName = "EntityDirectoryErrorState";
 const kt = N.forwardRef(({ title: e, description: t, className: o }, a) => /* @__PURE__ */ p("div", { ref: a, className: f("space-y-1.5", o), children: [
-  /* @__PURE__ */ r(A, { variant: "h2", className: "font-bold", children: e }),
-  t && /* @__PURE__ */ r(A, { variant: "body", className: "text-muted-foreground", children: t })
+  /* @__PURE__ */ r(j, { variant: "h2", className: "font-bold", children: e }),
+  t && /* @__PURE__ */ r(j, { variant: "body", className: "text-muted-foreground", children: t })
 ] }));
 kt.displayName = "EntityDirectoryHeader";
 const Nt = N.forwardRef(
@@ -4196,7 +4183,7 @@ const Nt = N.forwardRef(
           ),
           /* @__PURE__ */ p("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ r(
-              A,
+              j,
               {
                 variant: s ? "body-sm" : "body",
                 className: "font-semibold truncate",
@@ -4204,7 +4191,7 @@ const Nt = N.forwardRef(
               }
             ),
             e.subtitle && /* @__PURE__ */ r(
-              A,
+              j,
               {
                 variant: s ? "caption" : "body-sm",
                 className: "text-muted-foreground truncate",
@@ -4224,14 +4211,14 @@ const Nt = N.forwardRef(
           ),
           n && e.metricValue && /* @__PURE__ */ p("div", { className: "flex-shrink-0 text-right min-w-[4rem]", children: [
             /* @__PURE__ */ r(
-              A,
+              j,
               {
                 variant: s ? "body-sm" : "body",
                 className: "font-medium",
                 children: e.metricValue
               }
             ),
-            e.metricLabel && /* @__PURE__ */ r(A, { variant: "caption", className: "text-muted-foreground", children: e.metricLabel })
+            e.metricLabel && /* @__PURE__ */ r(j, { variant: "caption", className: "text-muted-foreground", children: e.metricLabel })
           ] })
         ]
       }
@@ -4272,12 +4259,12 @@ const Ct = N.forwardRef(({ columns: e, showIcon: t, sort: o, onSortChange: a, co
       children: [
         t && /* @__PURE__ */ r("div", { className: n ? "w-8" : "w-10" }),
         e.map((d) => {
-          const g = d.sortable && (d.key === "title" || d.key === "metric"), M = o?.column === d.key;
+          const g = d.sortable && (d.key === "title" || d.key === "metric"), T = o?.column === d.key;
           return /* @__PURE__ */ p(
             "div",
             {
               role: "columnheader",
-              "aria-sort": M ? o?.direction === "asc" ? "ascending" : "descending" : void 0,
+              "aria-sort": T ? o?.direction === "asc" ? "ascending" : "descending" : void 0,
               className: f(
                 d.key === "title" && "flex-1",
                 d.key === "category" && "w-40",
@@ -4285,12 +4272,12 @@ const Ct = N.forwardRef(({ columns: e, showIcon: t, sort: o, onSortChange: a, co
                 d.align === "center" && "text-center",
                 d.align === "right" && "text-right",
                 g && "cursor-pointer hover:text-foreground transition-colors select-none",
-                M && "text-foreground"
+                T && "text-foreground"
               ),
               style: d.width ? { width: d.width } : void 0,
               onClick: g && (d.key === "title" || d.key === "metric") ? () => c(d.key) : void 0,
               tabIndex: g ? 0 : void 0,
-              onKeyDown: g && (d.key === "title" || d.key === "metric") ? (b) => m(b, d.key) : void 0,
+              onKeyDown: g && (d.key === "title" || d.key === "metric") ? (h) => m(h, d.key) : void 0,
               children: [
                 d.label,
                 g && u(d.key)
@@ -4319,7 +4306,7 @@ const Mt = N.forwardRef(
     renderItem: u,
     className: d
   }, g) => {
-    const M = [
+    const T = [
       {
         key: "title",
         label: s ? "Nombre" : "Name",
@@ -4349,7 +4336,7 @@ const Mt = N.forwardRef(
           /* @__PURE__ */ r(
             Ct,
             {
-              columns: M,
+              columns: T,
               showIcon: o,
               sort: i,
               onSortChange: c,
@@ -4357,17 +4344,17 @@ const Mt = N.forwardRef(
             }
           ),
           /* @__PURE__ */ r("div", { role: "rowgroup", children: e.map(
-            (b) => u ? /* @__PURE__ */ r(N.Fragment, { children: u(b) }, b.id) : /* @__PURE__ */ r(
+            (h) => u ? /* @__PURE__ */ r(N.Fragment, { children: u(h) }, h.id) : /* @__PURE__ */ r(
               Nt,
               {
-                entity: b,
+                entity: h,
                 categories: t,
                 showIcon: o,
                 showCategoryBadge: a,
                 showMetric: n,
                 compact: m
               },
-              b.id
+              h.id
             )
           ) })
         ]
@@ -4473,7 +4460,7 @@ const Tt = N.forwardRef(({ value: e, onChange: t, placeholder: o = "Search entit
   )
 ] }));
 Tt.displayName = "EntityDirectorySearchFilter";
-const Po = N.forwardRef(
+const So = N.forwardRef(
   ({
     entities: e,
     categories: t,
@@ -4488,28 +4475,28 @@ const Po = N.forwardRef(
     onSearchChange: u,
     searchPlaceholder: d,
     sortable: g = !1,
-    sort: M,
-    onSortChange: b,
+    sort: T,
+    onSortChange: h,
     showIcons: w = !0,
-    showCategoryBadges: x = !0,
-    showMetric: h = !0,
+    showCategoryBadges: v = !0,
+    showMetric: y = !0,
     metricLabel: E,
     compact: S = !1,
-    loading: T = !1,
-    error: P,
-    emptyMessage: R,
-    onRetry: z,
+    loading: P = !1,
+    error: C,
+    emptyMessage: A,
+    onRetry: I,
     emptyState: k,
-    errorState: L,
-    loadingState: K,
-    renderItem: ae,
-    className: X,
+    errorState: R,
+    loadingState: G,
+    renderItem: K,
+    className: Z,
     style: ne
   }, ee) => {
-    const G = t && t.length > 0, B = !T && !P && e.length === 0, U = !T && !!P;
-    return /* @__PURE__ */ p("div", { ref: ee, className: f("space-y-6", X), style: ne, children: [
+    const W = t && t.length > 0, B = !P && !C && e.length === 0, q = !P && !!C;
+    return /* @__PURE__ */ p("div", { ref: ee, className: f("space-y-6", Z), style: ne, children: [
       /* @__PURE__ */ r(kt, { title: o, description: a }),
-      G && s && /* @__PURE__ */ r(
+      W && s && /* @__PURE__ */ r(
         bt,
         {
           categories: t,
@@ -4527,30 +4514,30 @@ const Po = N.forwardRef(
           placeholder: d
         }
       ),
-      T && (K || /* @__PURE__ */ r(St, {})),
-      U && (L || /* @__PURE__ */ r(wt, { error: P, onRetry: z })),
-      B && (k || /* @__PURE__ */ r(vt, { message: R })),
-      !T && !U && !B && /* @__PURE__ */ r(
+      P && (G || /* @__PURE__ */ r(St, {})),
+      q && (R || /* @__PURE__ */ r(wt, { error: C, onRetry: I })),
+      B && (k || /* @__PURE__ */ r(vt, { message: A })),
+      !P && !q && !B && /* @__PURE__ */ r(
         Mt,
         {
           entities: e,
           categories: t,
           showIcons: w,
-          showCategoryBadges: x,
-          showMetric: h,
+          showCategoryBadges: v,
+          showMetric: y,
           metricLabel: E,
           sortable: g,
-          sort: M,
-          onSortChange: b,
+          sort: T,
+          onSortChange: h,
           compact: S,
-          renderItem: ae
+          renderItem: K
         }
       )
     ] });
   }
 );
-Po.displayName = "EntityDirectory";
-function zo(e) {
+So.displayName = "EntityDirectory";
+function To(e) {
   return {
     variant: e.variant || "minimal",
     logo: e.logo,
@@ -4559,155 +4546,174 @@ function zo(e) {
     showMobileMenu: e.showMobileMenu ?? !0
   };
 }
-const Eo = Ce(
+const Po = Ce(
   ({
     variant: e,
     logo: t,
     navigationItems: o,
     loginButtonText: a,
-    showMobileMenu: n,
-    className: s,
-    logoClassName: l,
-    navigationClassName: i,
-    navigationItemClassName: c,
-    loginButtonClassName: m,
-    mobileMenuButtonClassName: u,
-    renderNavLink: d,
-    id: g,
-    "aria-label": M
-  }, b) => {
-    const [w, x] = re(!1), h = zo({
+    rightActions: n,
+    showMobileMenu: s,
+    className: l,
+    logoClassName: i,
+    navigationClassName: c,
+    navigationItemClassName: m,
+    loginButtonClassName: u,
+    rightActionsClassName: d,
+    mobileMenuButtonClassName: g,
+    renderNavLink: T,
+    id: h,
+    "aria-label": w
+  }, v) => {
+    const [y, E] = re(!1), S = To({
       variant: e,
       logo: t,
       navigationItems: o,
       loginButtonText: a,
-      showMobileMenu: n
-    }), E = h.variant === "modern", S = h.variant === "luxury", T = S && h.showMobileMenu, P = w ? T ? "Close navigation panel" : "Close menu" : T ? "Open navigation panel" : "Open menu", R = ({
-      item: z,
-      className: k,
-      onClick: L
-    }) => d ? d({
-      item: z,
-      children: z.label,
-      className: k,
-      onClick: L
-    }) : /* @__PURE__ */ r("a", { href: z.href, className: k, onClick: L, children: z.label });
-    return /* @__PURE__ */ p(J, { children: [
+      showMobileMenu: s
+    }), P = S.variant === "modern", C = S.variant === "luxury", A = C && S.showMobileMenu, I = y ? A ? "Close navigation panel" : "Close menu" : A ? "Open navigation panel" : "Open menu", k = ({
+      item: R,
+      className: G,
+      onClick: K
+    }) => T ? T({
+      item: R,
+      children: R.label,
+      className: G,
+      onClick: K
+    }) : /* @__PURE__ */ r("a", { href: R.href, className: G, onClick: K, children: R.label });
+    return /* @__PURE__ */ p(oe, { children: [
       /* @__PURE__ */ p(
         "header",
         {
-          ref: b,
-          id: g,
+          ref: v,
+          id: h,
           role: "banner",
-          "aria-label": M || "Site header",
+          "aria-label": w || "Site header",
           className: f(
-            "flex items-center justify-between relative w-full space-x-4",
+            "relative flex w-full items-center gap-3 md:gap-4",
             // Luxury: wide horizontal rhythm from Figma, Modern/Minimal: compact padding
-            S ? "px-16 py-2" : "px-6 py-1",
-            s
+            C ? "px-16 py-2" : "px-6 py-1",
+            l
           ),
           children: [
-            h.logo && /* @__PURE__ */ r(
+            S.logo && /* @__PURE__ */ r(
               "div",
               {
                 className: f(
-                  "shrink-0 w-2/3 md:w-1/5 text-ellipsis overflow-hidden text-nowrap",
+                  "min-w-0 max-w-[65%] shrink text-ellipsis overflow-hidden text-nowrap md:max-w-[28%] md:basis-auto",
                   // Keep modern logos legible even when clients upload white assets
-                  E && "[&_img]:brightness-0 [&_img]:saturate-0 [&_svg]:brightness-0 [&_svg]:saturate-0"
+                  P && "[&_img]:brightness-0 [&_img]:saturate-0 [&_svg]:brightness-0 [&_svg]:saturate-0"
                 ),
-                children: typeof h.logo == "string" ? /* @__PURE__ */ r(
+                children: typeof S.logo == "string" ? /* @__PURE__ */ r(
                   "p",
                   {
                     className: f(
                       "leading-normal",
                       // Luxury: Tenor Sans serif mark, Modern/Minimal: bold sans mark
-                      S ? "font-heading text-xl font-normal uppercase tracking-[0.04em]" : "font-black tracking-wider text-xl",
+                      C ? "font-heading text-xl font-normal uppercase tracking-[0.04em]" : "font-black tracking-wider text-xl",
                       // Keep modern text logos strictly black for legibility
-                      E ? "text-black" : "text-white",
-                      l
+                      P ? "text-black" : "text-white",
+                      i
                     ),
-                    children: h.logo
+                    children: S.logo
                   }
-                ) : h.logo
+                ) : S.logo
               }
             ),
-            h.navigationItems.length > 0 && /* @__PURE__ */ r(
+            S.navigationItems.length > 0 && /* @__PURE__ */ r("div", { className: "hidden min-w-0 flex-1 items-center justify-center px-2 lg:flex", children: /* @__PURE__ */ r(
               "nav",
               {
                 className: f(
-                  "hidden md:flex items-center max-w-fit",
+                  "flex min-w-0 max-w-full items-center overflow-x-auto whitespace-nowrap",
                   // Luxury: plain links with separators, Modern: transparent row, Minimal: pill navigation
-                  S ? "ml-auto gap-4" : E ? "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
+                  C ? "gap-4" : P ? "gap-4 bg-transparent border-0 shadow-none" : "gap-4 px-6 py-2 bg-white border border-gray-200 rounded-full shadow-sm",
+                  c
                 ),
                 "aria-label": "Main navigation",
-                children: h.navigationItems.map((z, k) => /* @__PURE__ */ p("div", { className: "flex items-center gap-4", children: [
-                  k > 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(
+                children: S.navigationItems.map((R, G) => /* @__PURE__ */ p(
+                  "div",
+                  {
+                    className: "flex shrink-0 items-center gap-4",
+                    children: [
+                      G > 0 && /* @__PURE__ */ r(
                         "div",
                         {
-                          className: f(
-                            "h-px w-full",
-                            S ? "bg-white" : "bg-gray-200"
-                          )
+                          className: "flex items-center justify-center h-6 w-0",
+                          "aria-hidden": "true",
+                          children: /* @__PURE__ */ r("div", { className: "h-0 w-6 rotate-90", children: /* @__PURE__ */ r(
+                            "div",
+                            {
+                              className: f(
+                                "h-px w-full",
+                                C ? "bg-white" : "bg-gray-200"
+                              )
+                            }
+                          ) })
                         }
-                      ) })
-                    }
-                  ),
-                  R({
-                    item: z,
-                    className: f(
-                      S ? "font-body text-sm font-normal uppercase tracking-[0.05em] leading-5 text-white hover:text-white/80 transition-colors" : "text-gray-900 text-sm font-medium leading-5 hover:text-black transition-colors text-ellipsis overflow-hidden text-nowrap",
-                      c
-                    )
-                  })
-                ] }, z.id))
+                      ),
+                      k({
+                        item: R,
+                        className: f(
+                          C ? "font-body text-sm font-normal uppercase tracking-[0.05em] leading-5 text-white hover:text-white/80 transition-colors" : "text-gray-900 text-sm font-medium leading-5 hover:text-black transition-colors text-ellipsis overflow-hidden text-nowrap",
+                          m
+                        )
+                      })
+                    ]
+                  },
+                  R.id
+                ))
               }
-            ),
-            /* @__PURE__ */ p("div", { className: f("flex items-center shrink-0 w-1/5", "gap-6 p-4"), children: [
+            ) }),
+            /* @__PURE__ */ p("div", { className: "ml-auto flex shrink-0 items-center gap-2 md:gap-3 lg:gap-4", children: [
               /* @__PURE__ */ r(
                 "button",
                 {
                   type: "button",
                   className: f(
-                    "hidden md:flex items-center justify-center px-4 py-2 text-sm font-medium leading-5 transition-colors",
+                    "hidden shrink-0 whitespace-nowrap lg:flex items-center justify-center px-4 py-2 text-sm font-medium leading-5 transition-colors",
                     // Luxury: white outlined button, Modern: dark rectangular CTA, Minimal: white pill
-                    S ? "font-body h-9 bg-white text-zinc-900 border border-zinc-200 rounded-none hover:bg-zinc-100" : E ? "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
+                    C ? "font-body h-9 bg-white text-zinc-900 border border-zinc-200 rounded-none hover:bg-zinc-100" : P ? "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",
+                    u
                   ),
-                  children: h.loginButtonText
+                  children: S.loginButtonText
                 }
               ),
-              h.showMobileMenu && /* @__PURE__ */ r(
+              n && /* @__PURE__ */ r(
+                "div",
+                {
+                  className: f(
+                    "hidden shrink-0 items-center gap-2 lg:flex",
+                    d
+                  ),
+                  children: n
+                }
+              ),
+              S.showMobileMenu && /* @__PURE__ */ r(
                 "button",
                 {
                   type: "button",
-                  onClick: () => x(!w),
-                  "aria-label": P,
-                  "aria-expanded": w,
+                  onClick: () => E(!y),
+                  "aria-label": I,
+                  "aria-expanded": y,
                   className: f(
-                    "flex md:hidden items-center justify-center px-3 py-2 bg-white transition-colors",
-                    S ? "border border-zinc-200 text-zinc-900 hover:bg-zinc-100" : E ? "rounded-xl border border-zinc-200 hover:bg-gray-50" : "rounded-full hover:bg-gray-50",
-                    u
+                    "flex lg:hidden items-center justify-center px-3 py-2 bg-white transition-colors",
+                    C ? "border border-zinc-200 text-zinc-900 hover:bg-zinc-100" : P ? "rounded-xl border border-zinc-200 hover:bg-gray-50" : "rounded-full hover:bg-gray-50",
+                    g
                   ),
-                  children: w ? /* @__PURE__ */ r(
+                  children: y ? /* @__PURE__ */ r(
                     tt,
                     {
                       className: f(
                         "text-gray-900",
-                        S ? "h-[15px] w-[15px]" : "h-4 w-4"
+                        C ? "h-[15px] w-[15px]" : "h-4 w-4"
                       )
                     }
                   ) : /* @__PURE__ */ r(
-                    ko,
+                    vo,
                     {
                       className: f(
                         "text-gray-900",
-                        S ? "h-[15px] w-[15px]" : "h-4 w-4"
+                        C ? "h-[15px] w-[15px]" : "h-4 w-4"
                       )
                     }
                   )
@@ -4717,10 +4723,10 @@ const Eo = Ce(
           ]
         }
       ),
-      w && h.showMobileMenu && /* @__PURE__ */ p(
+      y && S.showMobileMenu && /* @__PURE__ */ p(
         "div",
         {
-          className: "fixed inset-0 z-40 md:hidden",
+          className: "fixed inset-0 z-40 lg:hidden",
           role: "dialog",
           "aria-modal": "true",
           "aria-label": "Mobile menu",
@@ -4729,7 +4735,7 @@ const Eo = Ce(
               "div",
               {
                 className: "fixed inset-0 bg-black/50",
-                onClick: () => x(!1),
+                onClick: () => E(!1),
                 "aria-hidden": "true"
               }
             ),
@@ -4738,24 +4744,24 @@ const Eo = Ce(
                 "button",
                 {
                   type: "button",
-                  onClick: () => x(!1),
+                  onClick: () => E(!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(tt, { 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: [
-                h.navigationItems.map((z) => /* @__PURE__ */ r("div", { children: R({
-                  item: z,
+                S.navigationItems.map((R) => /* @__PURE__ */ r("div", { children: k({
+                  item: R,
                   className: "block text-base font-medium text-zinc-900 hover:text-zinc-600 transition-colors py-2",
-                  onClick: () => x(!1)
-                }) }, z.id)),
+                  onClick: () => E(!1)
+                }) }, R.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: h.loginButtonText
+                    children: S.loginButtonText
                   }
                 ) })
               ] }) })
@@ -4766,13 +4772,13 @@ const Eo = Ce(
     ] });
   }
 );
-Eo.displayName = "Header";
-const Io = (e) => ({
+Po.displayName = "Header";
+const zo = (e) => ({
   content: e.content,
   theme: e.theme || {},
   variant: e.variant || "modern",
   layout: e.layout || "centered"
-}), Ao = {
+}), Eo = {
   center: "object-center",
   top: "object-top",
   bottom: "object-bottom",
@@ -4782,7 +4788,7 @@ const Io = (e) => ({
   "left-bottom": "object-left-bottom",
   "right-top": "object-right-top",
   "right-bottom": "object-right-bottom"
-}, Ro = Ce(
+}, Io = Ce(
   ({
     content: e,
     theme: t,
@@ -4795,12 +4801,12 @@ const Io = (e) => ({
     id: c,
     "aria-label": m
   }, u) => {
-    const d = Io({
+    const d = zo({
       content: e,
       theme: t,
       variant: o,
       layout: a
-    }), g = d.variant === "modern", M = d.variant === "modern" || d.variant === "luxury";
+    }), g = d.variant === "modern", T = d.variant === "modern" || d.variant === "luxury";
     return /* @__PURE__ */ r(
       "section",
       {
@@ -4824,7 +4830,7 @@ const Io = (e) => ({
               "text-white"
             ),
             children: [
-              d.theme.backgroundImage && /* @__PURE__ */ p(J, { children: [
+              d.theme.backgroundImage && /* @__PURE__ */ p(oe, { children: [
                 /* @__PURE__ */ r("div", { className: "absolute inset-0 z-0", children: /* @__PURE__ */ r(
                   "img",
                   {
@@ -4832,7 +4838,7 @@ const Io = (e) => ({
                     alt: "",
                     className: f(
                       "h-full w-full object-cover",
-                      d.theme.backgroundPosition && Ao[d.theme.backgroundPosition] || "object-center"
+                      d.theme.backgroundPosition && Eo[d.theme.backgroundPosition] || "object-center"
                     ),
                     loading: "eager",
                     decoding: "async"
@@ -4841,21 +4847,21 @@ const Io = (e) => ({
                 /* @__PURE__ */ r("div", { className: "absolute inset-0 z-[1] bg-gradient-to-b from-black/40 via-black/40 via-[68.25%] to-transparent" })
               ] }),
               l && /* @__PURE__ */ r("div", { className: "relative z-10", children: l }),
-              /* @__PURE__ */ r("div", { className: "relative z-10 flex flex-col items-center justify-center px-4 py-12 lg:flex-1 lg:py-24", children: /* @__PURE__ */ p("div", { className: "w-full max-w-6xl text-center", children: [
+              /* @__PURE__ */ r("div", { className: "relative z-10 flex flex-1 flex-col items-center justify-center px-4 py-12 lg:py-24", children: /* @__PURE__ */ p("div", { className: "w-full max-w-6xl text-center", children: [
                 d.variant === "minimal" && s && /* @__PURE__ */ r("div", { className: "mb-8 flex items-center justify-center", children: s }),
-                d.content.title && /* @__PURE__ */ p("div", { className: "mb-16 space-y-8", children: [
+                d.content.title && /* @__PURE__ */ p("div", { className: "mb-8 space-y-4 lg:mb-16 lg:space-y-8", children: [
                   /* @__PURE__ */ r("h1", { className: "text-4xl font-bold tracking-wide text-white sm:text-5xl lg:text-6xl", children: d.content.title }),
                   d.content.subtitle && /* @__PURE__ */ r("p", { className: "mt-4 text-xl text-white/90 sm:text-2xl", children: d.content.subtitle })
                 ] }),
-                d.variant === "minimal" && d.content.metrics && d.content.metrics.length > 0 && /* @__PURE__ */ r("div", { className: "mb-16", children: /* @__PURE__ */ r("div", { className: "mx-auto grid max-w-4xl grid-cols-1 gap-8 md:grid-cols-3", children: d.content.metrics.map((b, w) => /* @__PURE__ */ p("div", { className: "text-center", children: [
-                  /* @__PURE__ */ r("div", { className: "mb-2 text-3xl font-bold text-white md:text-4xl", children: b.value }),
-                  /* @__PURE__ */ r("div", { className: "text-sm text-white/80 md:text-base", children: b.label })
+                d.variant === "minimal" && d.content.metrics && d.content.metrics.length > 0 && /* @__PURE__ */ r("div", { className: "mb-16", children: /* @__PURE__ */ r("div", { className: "mx-auto grid max-w-4xl grid-cols-1 gap-8 md:grid-cols-3", children: d.content.metrics.map((h, w) => /* @__PURE__ */ p("div", { className: "text-center", children: [
+                  /* @__PURE__ */ r("div", { className: "mb-2 text-3xl font-bold text-white md:text-4xl", children: h.value }),
+                  /* @__PURE__ */ r("div", { className: "text-sm text-white/80 md:text-base", children: h.label })
                 ] }, w)) }) }),
                 n && /* @__PURE__ */ r("div", { className: "relative z-20 mx-auto w-full max-w-4xl", children: n })
               ] }) }),
-              M && d.content.metrics && d.content.metrics.length > 0 && /* @__PURE__ */ r("div", { className: "absolute bottom-0 right-0 z-10 hidden md:block", children: /* @__PURE__ */ r("div", { className: "flex h-20 w-full max-w-4xl items-center gap-6 rounded-tl-2xl bg-white px-8 py-4 text-zinc-900 md:h-24 md:gap-12 md:px-12 md:py-6", children: d.content.metrics.map((b, w) => /* @__PURE__ */ p("div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ r("div", { className: "text-xl font-semibold leading-tight md:text-2xl", children: b.value }),
-                /* @__PURE__ */ r("div", { className: "text-xs leading-tight text-zinc-600 md:text-sm", children: b.label })
+              T && 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((h, w) => /* @__PURE__ */ p("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ r("div", { className: "text-xl font-semibold leading-tight md:text-2xl", children: h.value }),
+                /* @__PURE__ */ r("div", { className: "text-xs leading-tight text-zinc-600 md:text-sm", children: h.label })
               ] }, w)) }) }),
               d.variant === "minimal" && /* @__PURE__ */ r("div", { className: "relative z-10 pb-8", children: /* @__PURE__ */ r("div", { className: "flex justify-center", children: /* @__PURE__ */ r(
                 "div",
@@ -4871,13 +4877,13 @@ const Io = (e) => ({
     );
   }
 );
-Ro.displayName = "HeroBanner";
+Io.displayName = "HeroBanner";
 const Pt = [
   { 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 }
-], jo = Pt.map(
+], Ro = Pt.map(
   (e) => ({
     value: e.value,
     label: e.label
@@ -4894,7 +4900,7 @@ const Pt = [
   // Light blue
   hoaFees: "#7fc9e3"
   // Very light blue
-}, Lo = N.forwardRef(
+}, jo = N.forwardRef(
   ({
     initialPropertyPrice: e = Ne.propertyPrice,
     initialDownPayment: t = Ne.downPayment,
@@ -4905,53 +4911,53 @@ const Pt = [
     className: l,
     onCalculationChange: i
   }, c) => {
-    const [m, u] = N.useState(e), [d, g] = N.useState(t), [M, b] = N.useState(o), [w, x] = N.useState(a), [h, E] = N.useState(0), [S, T] = N.useState(0), P = N.useMemo(() => {
+    const [m, u] = N.useState(e), [d, g] = N.useState(t), [T, h] = N.useState(o), [w, v] = N.useState(a), [y, E] = N.useState(0), [S, P] = N.useState(0), C = N.useMemo(() => {
       const k = Pt.find(
-        (K) => K.value === M
+        (G) => G.value === T
       )?.years || 30;
       return Ot({
         propertyPrice: m,
         downPayment: d,
         loanTerm: k,
         interestRate: w,
-        propertyTax: n ? h : void 0,
+        propertyTax: n ? y : void 0,
         hoaFees: s ? S : void 0
       });
     }, [
       m,
       d,
-      M,
+      T,
       w,
-      h,
+      y,
       S,
       n,
       s
     ]);
     N.useEffect(() => {
-      i?.(P);
-    }, [P, i]);
-    const R = N.useMemo(() => {
-      const z = [
+      i?.(C);
+    }, [C, i]);
+    const A = N.useMemo(() => {
+      const I = [
         {
           label: "Principal e Intereses",
-          value: P.breakdown.principalAndInterest,
+          value: C.breakdown.principalAndInterest,
           color: ze.principalAndInterest
         }
       ];
-      return n && P.breakdown.propertyTax > 0 && z.push({
+      return n && C.breakdown.propertyTax > 0 && I.push({
         label: "Impuesto Predial",
-        value: P.breakdown.propertyTax,
+        value: C.breakdown.propertyTax,
         color: ze.propertyTax
-      }), s && P.breakdown.hoaFees > 0 && z.push({
+      }), s && C.breakdown.hoaFees > 0 && I.push({
         label: "Cuota HOA",
-        value: P.breakdown.hoaFees,
+        value: C.breakdown.hoaFees,
         color: ze.hoaFees
-      }), z;
-    }, [P, n, s]);
+      }), I;
+    }, [C, n, s]);
     return /* @__PURE__ */ r("div", { ref: c, className: f("w-full", l), children: /* @__PURE__ */ r(ht, { padding: "lg", className: "w-full", children: /* @__PURE__ */ p("div", { className: "space-y-6", children: [
       /* @__PURE__ */ p("div", { children: [
-        /* @__PURE__ */ r(A, { variant: "h2", className: "mb-2", children: "Calculadora de Hipotecas" }),
-        /* @__PURE__ */ r(A, { variant: "body", color: "secondary", className: "max-w-2xl", children: "Calcule el pago mensual de su hipoteca, incluyendo capital e intereses, impuestos prediales y cuota de la asociación de propietarios. Ajuste los valores para obtener una tasa más precisa." })
+        /* @__PURE__ */ r(j, { variant: "h2", className: "mb-2", children: "Calculadora de Hipotecas" }),
+        /* @__PURE__ */ r(j, { variant: "body", color: "secondary", className: "max-w-2xl", children: "Calcule el pago mensual de su hipoteca, incluyendo capital e intereses, impuestos prediales y cuota de la asociación de propietarios. Ajuste los valores para obtener una tasa más precisa." })
       ] }),
       /* @__PURE__ */ p("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-8", children: [
         /* @__PURE__ */ p("div", { className: "space-y-4", children: [
@@ -4961,7 +4967,7 @@ const Pt = [
               label: "Precio de la propiedad",
               type: "number",
               value: m,
-              onChange: (z) => u(Number(z.target.value)),
+              onChange: (I) => u(Number(I.target.value)),
               suffix: "MXN",
               min: 0,
               step: 1e4
@@ -4973,7 +4979,7 @@ const Pt = [
               label: "Enganche",
               type: "number",
               value: d,
-              onChange: (z) => g(Number(z.target.value)),
+              onChange: (I) => g(Number(I.target.value)),
               suffix: "MXN",
               min: 0,
               step: 1e4
@@ -4984,9 +4990,9 @@ const Pt = [
               Fe,
               {
                 label: "Programa de préstamos",
-                value: M,
-                onChange: (z) => b(z.target.value),
-                options: jo
+                value: T,
+                onChange: (I) => h(I.target.value),
+                options: Ro
               }
             ),
             /* @__PURE__ */ r(
@@ -4995,7 +5001,7 @@ const Pt = [
                 label: "Tasa de interés",
                 type: "number",
                 value: w,
-                onChange: (z) => x(Number(z.target.value)),
+                onChange: (I) => v(Number(I.target.value)),
                 suffix: "%",
                 min: 0,
                 max: 100,
@@ -5008,8 +5014,8 @@ const Pt = [
             {
               label: "Impuesto predial mensual",
               type: "number",
-              value: h,
-              onChange: (z) => E(Number(z.target.value)),
+              value: y,
+              onChange: (I) => E(Number(I.target.value)),
               suffix: "MXN",
               min: 0,
               step: 100
@@ -5021,7 +5027,7 @@ const Pt = [
               label: "Cuota HOA mensual",
               type: "number",
               value: S,
-              onChange: (z) => T(Number(z.target.value)),
+              onChange: (I) => P(Number(I.target.value)),
               suffix: "MXN",
               min: 0,
               step: 100
@@ -5032,12 +5038,12 @@ const Pt = [
           /* @__PURE__ */ r(
             gt,
             {
-              segments: R,
+              segments: A,
               size: 320,
               innerRadiusRatio: 0.65,
               centerContent: /* @__PURE__ */ p("div", { className: "text-center", children: [
-                /* @__PURE__ */ r(A, { variant: "h1", className: "font-bold mb-1", children: ue(P.totalMonthlyPayment) }),
-                /* @__PURE__ */ r(A, { variant: "body-sm", color: "secondary", children: "Tu Pago" })
+                /* @__PURE__ */ r(j, { variant: "h1", className: "font-bold mb-1", children: ue(C.totalMonthlyPayment) }),
+                /* @__PURE__ */ r(j, { variant: "body-sm", color: "secondary", children: "Tu Pago" })
               ] }),
               showLegend: !0,
               legendPosition: "bottom"
@@ -5045,36 +5051,36 @@ const Pt = [
           ),
           /* @__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(Mo, { className: "h-4 w-4" }),
+              /* @__PURE__ */ r(No, { className: "h-4 w-4" }),
               /* @__PURE__ */ r("span", { className: "font-medium", children: "Trending up by 5.2% this month" })
             ] }),
-            /* @__PURE__ */ r(A, { variant: "caption", color: "secondary", children: "Showing total visitors for the last 6 months" })
+            /* @__PURE__ */ r(j, { variant: "caption", color: "secondary", children: "Showing total visitors for the last 6 months" })
           ] })
         ] })
       ] }),
       /* @__PURE__ */ p("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4 pt-4 border-t", children: [
         /* @__PURE__ */ p("div", { children: [
-          /* @__PURE__ */ r(A, { variant: "caption", color: "secondary", className: "mb-1", children: "Monto del préstamo" }),
-          /* @__PURE__ */ r(A, { variant: "body", weight: "semibold", children: ue(P.loanPrincipal) })
+          /* @__PURE__ */ r(j, { variant: "caption", color: "secondary", className: "mb-1", children: "Monto del préstamo" }),
+          /* @__PURE__ */ r(j, { variant: "body", weight: "semibold", children: ue(C.loanPrincipal) })
         ] }),
         /* @__PURE__ */ p("div", { children: [
-          /* @__PURE__ */ r(A, { variant: "caption", color: "secondary", className: "mb-1", children: "Pago mensual" }),
-          /* @__PURE__ */ r(A, { variant: "body", weight: "semibold", children: ue(P.monthlyPayment) })
+          /* @__PURE__ */ r(j, { variant: "caption", color: "secondary", className: "mb-1", children: "Pago mensual" }),
+          /* @__PURE__ */ r(j, { variant: "body", weight: "semibold", children: ue(C.monthlyPayment) })
         ] }),
         /* @__PURE__ */ p("div", { children: [
-          /* @__PURE__ */ r(A, { variant: "caption", color: "secondary", className: "mb-1", children: "Interés total" }),
-          /* @__PURE__ */ r(A, { variant: "body", weight: "semibold", children: ue(P.totalInterest) })
+          /* @__PURE__ */ r(j, { variant: "caption", color: "secondary", className: "mb-1", children: "Interés total" }),
+          /* @__PURE__ */ r(j, { variant: "body", weight: "semibold", children: ue(C.totalInterest) })
         ] }),
         /* @__PURE__ */ p("div", { children: [
-          /* @__PURE__ */ r(A, { variant: "caption", color: "secondary", className: "mb-1", children: "Total a pagar" }),
-          /* @__PURE__ */ r(A, { variant: "body", weight: "semibold", children: ue(P.totalAmount) })
+          /* @__PURE__ */ r(j, { variant: "caption", color: "secondary", className: "mb-1", children: "Total a pagar" }),
+          /* @__PURE__ */ r(j, { variant: "body", weight: "semibold", children: ue(C.totalAmount) })
         ] })
       ] })
     ] }) }) });
   }
 );
-Lo.displayName = "MortgageCalculator";
-const $o = (e, t, o) => {
+jo.displayName = "MortgageCalculator";
+const Ao = (e, t, o) => {
   if (t)
     return "text-white";
   if (o)
@@ -5090,7 +5096,7 @@ const $o = (e, t, o) => {
       default:
         return "bg-stone-950 text-white";
     }
-  switch (e.variant || Oo(e.type)) {
+  switch (e.variant || Lo(e.type)) {
     case "primary":
       return "bg-primary text-primary-foreground";
     case "secondary":
@@ -5106,7 +5112,7 @@ const $o = (e, t, o) => {
     default:
       return "bg-secondary text-secondary-foreground";
   }
-}, Oo = (e) => {
+}, Lo = (e) => {
   switch (e) {
     case "Venta":
       return "primary";
@@ -5119,7 +5125,7 @@ const $o = (e, t, o) => {
     default:
       return "secondary";
   }
-}, ha = ({
+}, pa = ({
   property: e,
   className: t,
   onLike: o,
@@ -5128,58 +5134,58 @@ const $o = (e, t, o) => {
   variant: s = "default",
   badgeColors: l
 }) => {
-  const [i, c] = re(0), [m, u] = re(!1), [d, g] = re(!1), M = (V) => {
+  const [i, c] = re(0), [m, u] = re(!1), [d, g] = re(!1), T = (V) => {
     V.preventDefault(), V.stopPropagation();
     const F = !m;
     u(F), o?.(e.id, F);
-  }, b = (V) => {
+  }, h = (V) => {
     V.preventDefault(), V.stopPropagation(), a?.(i, e.id);
-  }, w = (V, F) => !V || !F ? "Price not available" : `$${V.toLocaleString()} ${F}`, x = s === "compact", h = s === "minimal", E = f(
+  }, w = (V, F) => !V || !F ? "Price not available" : `$${V.toLocaleString()} ${F}`, v = s === "compact", y = s === "minimal", E = f(
     "relative overflow-hidden bg-card transition-all duration-300 ease-out cursor-pointer",
-    x ? "rounded-xl hover:shadow-lg border px-4 shadow-md" : h ? "rounded-2xl w-[454px] flex flex-col gap-4" : "rounded-2xl hover:-translate-y-1 hover:shadow-xl shadow-md",
+    v ? "rounded-xl hover:shadow-lg border px-4 shadow-md" : y ? "rounded-2xl w-[454px] flex flex-col gap-4" : "rounded-2xl hover:-translate-y-1 hover:shadow-xl shadow-md",
     t
   ), S = f(
     "relative overflow-hidden",
-    x ? "rounded-xl px-4 shadow-md" : h ? "rounded-2xl" : ""
-  ), T = f(
-    "w-full h-full object-cover",
-    x ? "" : h ? "rounded-2xl" : "transition-transform duration-300 hover:scale-105"
+    v ? "rounded-xl px-4 shadow-md" : y ? "rounded-2xl" : ""
   ), P = f(
+    "w-full h-full object-cover",
+    v ? "" : y ? "rounded-2xl" : "transition-transform duration-300 hover:scale-105"
+  ), C = f(
     "absolute z-10 flex flex-wrap gap-2",
-    x ? "top-3 left-3" : "top-4 left-4"
-  ), R = f(
+    v ? "top-3 left-3" : "top-4 left-4"
+  ), A = f(
     "font-semibold",
-    x ? "rounded-full px-3 py-1 text-xs" : h ? "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(
+    v ? "rounded-full px-3 py-1 text-xs" : y ? "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"
+  ), I = f(
     "absolute z-10 cursor-pointer transition-all duration-200",
-    x ? "top-3 right-3 p-1 shadow-md rounded-full" : h ? "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 ? "top-3 right-3 p-1 shadow-md rounded-full" : y ? "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",
-    h ? "bottom-4 gap-2 p-4" : "bottom-4 gap-1"
-  ), L = f(
+    y ? "bottom-4 gap-2 p-4" : "bottom-4 gap-1"
+  ), R = f(
     "w-2 h-2 rounded-full border-none cursor-pointer transition-all duration-200 hover:scale-120"
+  ), G = f(
+    v ? "p-2" : y ? "flex flex-col gap-2" : "p-6"
   ), K = f(
-    x ? "p-2" : h ? "flex flex-col gap-2" : "p-6"
-  ), ae = f(
     "font-semibold text-foreground line-clamp-2 leading-tight",
-    x ? "text-base mb-2" : h ? "text-base" : "text-lg font-bold mb-2"
-  ), X = f(
+    v ? "text-base mb-2" : y ? "text-base" : "text-lg font-bold mb-2"
+  ), Z = f(
     "font-bold",
-    x ? "text-lg text-primary mb-2" : h ? "text-lg text-foreground" : "text-xl text-primary mb-2"
+    v ? "text-lg text-primary mb-2" : y ? "text-lg text-foreground" : "text-xl text-primary mb-2"
   ), ne = f(
     "text-muted-foreground",
-    x ? "text-sm flex items-center gap-1 mb-4" : h ? "text-base" : "text-base mb-4"
+    v ? "text-sm flex items-center gap-1 mb-4" : y ? "text-base" : "text-base mb-4"
   ), ee = f(
     "flex items-center",
-    x ? "justify-between mt-3 mb-4" : h ? "gap-3" : "gap-4 mb-4"
-  ), G = f(
+    v ? "justify-between mt-3 mb-4" : y ? "gap-3" : "gap-4 mb-4"
+  ), W = f(
     "flex items-center gap-1 text-muted-foreground",
     "text-sm"
   ), B = f(
     "text-sm text-muted-foreground line-clamp-2",
-    x ? "mt-2" : ""
-  ), C = !(e.images && e.images.length > 0) || d, he = () => /* @__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(go, { size: x ? 32 : 48, className: "text-primary/40" }) }),
+    v ? "mt-2" : ""
+  ), M = !(e.images && e.images.length > 0) || d, he = () => /* @__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(fo, { size: v ? 32 : 48, className: "text-primary/40" }) }),
     /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground", children: "No image available" })
   ] }), me = /* @__PURE__ */ p("div", { className: E, children: [
     /* @__PURE__ */ p(
@@ -5187,36 +5193,36 @@ const $o = (e, t, o) => {
       {
         className: f(
           S,
-          x ? "h-52" : h ? "h-[481px]" : "aspect-[4/3]"
+          v ? "h-52" : y ? "h-[481px]" : "aspect-[4/3]"
         ),
         children: [
-          C ? /* @__PURE__ */ r(he, {}) : /* @__PURE__ */ p("div", { className: "relative w-full h-full", "aria-hidden": "true", children: [
+          M ? /* @__PURE__ */ r(he, {}) : /* @__PURE__ */ p("div", { className: "relative w-full h-full", "aria-hidden": "true", children: [
             /* @__PURE__ */ r(
               "img",
               {
                 src: e.images[i],
                 alt: e.title,
-                className: T,
-                onClick: a ? b : void 0,
+                className: P,
+                onClick: a ? h : void 0,
                 onError: () => g(!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: P, children: e.transactionTypes.map((V, F) => {
-            const j = l?.[V.type];
+          /* @__PURE__ */ r("div", { className: C, children: e.transactionTypes.map((V, F) => {
+            const L = l?.[V.type];
             return /* @__PURE__ */ r(
               "span",
               {
                 className: f(
-                  R,
-                  $o(
+                  A,
+                  Ao(
                     V,
-                    j,
-                    h
+                    L,
+                    y
                   )
                 ),
-                style: j ? { backgroundColor: j } : void 0,
+                style: L ? { backgroundColor: L } : void 0,
                 children: V.type
               },
               F
@@ -5225,10 +5231,10 @@ const $o = (e, t, o) => {
           n && /* @__PURE__ */ r(
             "button",
             {
-              onClick: M,
-              className: z,
+              onClick: T,
+              className: I,
               "aria-label": m ? "Unlike property" : "Like property",
-              children: x ? /* @__PURE__ */ r(
+              children: v ? /* @__PURE__ */ r(
                 "svg",
                 {
                   xmlns: "http://www.w3.org/2000/svg",
@@ -5247,25 +5253,25 @@ const $o = (e, t, o) => {
                   )
                 }
               ) : /* @__PURE__ */ r(
-                fo,
+                uo,
                 {
                   size: 20,
                   fill: m ? "currentColor" : "none",
-                  className: h ? "text-white" : m ? "text-destructive" : "",
-                  strokeWidth: h ? 1.5 : 2
+                  className: y ? "text-white" : m ? "text-destructive" : "",
+                  strokeWidth: y ? 1.5 : 2
                 }
               )
             }
           ),
-          !x && !C && e.images.length > 1 && /* @__PURE__ */ r("div", { className: k, children: e.images.map((V, F) => /* @__PURE__ */ r(
+          !v && !M && e.images.length > 1 && /* @__PURE__ */ r("div", { className: k, children: e.images.map((V, F) => /* @__PURE__ */ r(
             "button",
             {
               className: f(
-                L,
+                R,
                 F === i ? "bg-white" : "bg-white/50"
               ),
-              onClick: (j) => {
-                j.preventDefault(), j.stopPropagation(), c(F);
+              onClick: (L) => {
+                L.preventDefault(), L.stopPropagation(), c(F);
               },
               "aria-label": `Go to image ${F + 1}`,
               "aria-current": F === i
@@ -5275,30 +5281,30 @@ const $o = (e, t, o) => {
         ]
       }
     ),
-    /* @__PURE__ */ p("div", { className: K, children: [
-      /* @__PURE__ */ r("h3", { className: ae, children: e.title }),
-      /* @__PURE__ */ r("p", { className: X, children: w(e.price?.amount, e.price?.currency) }),
+    /* @__PURE__ */ p("div", { className: G, children: [
+      /* @__PURE__ */ r("h3", { className: K, children: e.title }),
+      /* @__PURE__ */ r("p", { className: Z, children: w(e.price?.amount, e.price?.currency) }),
       /* @__PURE__ */ p("p", { className: ne, children: [
-        x && /* @__PURE__ */ r(xo, { size: 14 }),
+        v && /* @__PURE__ */ r(go, { size: 14 }),
         e.location.city,
         ", ",
         e.location.state
       ] }),
       /* @__PURE__ */ p("div", { className: ee, children: [
-        /* @__PURE__ */ p("div", { className: G, children: [
-          /* @__PURE__ */ r(to, { size: h ? 20 : 16 }),
+        /* @__PURE__ */ p("div", { className: W, children: [
+          /* @__PURE__ */ r(to, { size: y ? 20 : 16 }),
           /* @__PURE__ */ r("span", { children: e.features.bedrooms })
         ] }),
-        /* @__PURE__ */ p("div", { className: G, children: [
-          /* @__PURE__ */ r(Yr, { size: h ? 20 : 16 }),
+        /* @__PURE__ */ p("div", { className: W, children: [
+          /* @__PURE__ */ r(Yr, { size: y ? 20 : 16 }),
           /* @__PURE__ */ r("span", { children: e.features.bathrooms })
         ] }),
-        /* @__PURE__ */ p("div", { className: G, children: [
-          /* @__PURE__ */ r(oo, { size: h ? 20 : 16 }),
+        /* @__PURE__ */ p("div", { className: W, children: [
+          /* @__PURE__ */ r(oo, { size: y ? 20 : 16 }),
           /* @__PURE__ */ r("span", { children: e.features.parking })
         ] }),
-        /* @__PURE__ */ p("div", { className: G, children: [
-          /* @__PURE__ */ r(vo, { size: h ? 20 : 16 }),
+        /* @__PURE__ */ p("div", { className: W, children: [
+          /* @__PURE__ */ r(xo, { size: y ? 20 : 16 }),
           /* @__PURE__ */ p("span", { children: [
             e.features.area,
             " m²"
@@ -5309,37 +5315,37 @@ const $o = (e, t, o) => {
     ] })
   ] });
   return e.href ? /* @__PURE__ */ r("a", { href: e.href, className: "no-underline text-inherit", children: me }) : me;
-}, _o = ({
+}, $o = ({
   images: e,
   onViewAllClick: t,
   onImageClick: o
 }) => {
-  const [a, n] = H.useState(!1), [s, l] = H.useState(0), i = e.length, c = H.useCallback(
-    (b) => {
-      o?.(b), i !== 0 && (l(b), n(!0));
+  const [a, n] = D.useState(!1), [s, l] = D.useState(0), i = e.length, c = D.useCallback(
+    (h) => {
+      o?.(h), i !== 0 && (l(h), n(!0));
     },
     [o, i]
-  ), m = H.useCallback(() => {
+  ), m = D.useCallback(() => {
     t?.(), i !== 0 && (l(0), n(!0));
-  }, [t, i]), u = H.useCallback(() => {
+  }, [t, i]), u = D.useCallback(() => {
     n(!1);
-  }, []), d = H.useCallback(() => {
+  }, []), d = D.useCallback(() => {
     i <= 1 || l(
-      (b) => b === 0 ? i - 1 : b - 1
+      (h) => h === 0 ? i - 1 : h - 1
     );
-  }, [i]), g = H.useCallback(() => {
+  }, [i]), g = D.useCallback(() => {
     i <= 1 || l(
-      (b) => b === i - 1 ? 0 : b + 1
+      (h) => h === i - 1 ? 0 : h + 1
     );
-  }, [i]), M = H.useCallback((b) => {
-    l(b);
+  }, [i]), T = D.useCallback((h) => {
+    l(h);
   }, []);
-  return H.useEffect(() => {
+  return D.useEffect(() => {
     if (!a) return;
-    const b = (w) => {
+    const h = (w) => {
       w.key === "ArrowLeft" && (w.preventDefault(), d()), w.key === "ArrowRight" && (w.preventDefault(), g());
     };
-    return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
+    return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
   }, [g, d, a]), {
     isModalOpen: a,
     activeImageIndex: s,
@@ -5349,9 +5355,9 @@ const $o = (e, t, o) => {
     handleCloseModal: u,
     handlePreviousImage: d,
     handleNextImage: g,
-    handleSelectImage: M
+    handleSelectImage: T
   };
-}, Fo = ({
+}, Oo = ({
   images: e,
   isOpen: t,
   activeImageIndex: o,
@@ -5378,7 +5384,7 @@ const $o = (e, t, o) => {
               className: "w-full max-h-[70vh] object-contain mx-auto"
             }
           ),
-          i > 1 && /* @__PURE__ */ p(J, { children: [
+          i > 1 && /* @__PURE__ */ p(oe, { children: [
             /* @__PURE__ */ r(
               "button",
               {
@@ -5426,48 +5432,44 @@ const $o = (e, t, o) => {
       ] }) : /* @__PURE__ */ r("div", { className: "w-full bg-muted flex items-center justify-center rounded-2xl p-8", children: /* @__PURE__ */ r("span", { className: "text-muted-foreground", children: "No image" }) })
     }
   );
-}, Vo = H.forwardRef(
-  ({
-    images: e,
-    transactionType: t,
-    totalPhotos: o,
-    onViewAllClick: a,
-    onImageClick: n,
-    className: s
-  }, l) => {
-    const {
+}, _o = D.forwardRef(
+  ({ images: e, transactionType: t, onViewAllClick: o, onImageClick: a, className: n }, s) => {
+    const l = D.useMemo(
+      () => e.filter(
+        (w) => typeof w == "string" && w.trim().length > 0
+      ).slice(0, 5),
+      [e]
+    ), {
       activeImageIndex: i,
       isModalOpen: c,
-      totalImageCount: m,
-      handlePreviewImageClick: u,
-      handleViewAllPhotosClick: d,
-      handleCloseModal: g,
-      handlePreviousImage: M,
-      handleNextImage: b,
-      handleSelectImage: w
-    } = _o({
-      images: e,
-      onImageClick: n,
-      onViewAllClick: a
-    }), x = o ?? m, h = e.slice(0, 5);
-    return /* @__PURE__ */ p(J, { children: [
+      handlePreviewImageClick: m,
+      handleCloseModal: u,
+      handlePreviousImage: d,
+      handleNextImage: g,
+      handleSelectImage: T
+    } = $o({
+      images: l,
+      onImageClick: a,
+      onViewAllClick: o
+    }), h = l;
+    return /* @__PURE__ */ p(oe, { children: [
       /* @__PURE__ */ p(
         "div",
         {
-          ref: l,
+          ref: s,
           className: f(
             "w-full h-[340px] sm:h-[460px] md:h-[560px] grid grid-cols-2 gap-2 auto-rows-fr",
-            s
+            n
           ),
           children: [
-            /* @__PURE__ */ r("div", { className: "relative col-span-2 sm:col-span-1 sm:row-span-2 rounded-2xl overflow-hidden group cursor-pointer", children: h[0] ? /* @__PURE__ */ p(J, { children: [
+            /* @__PURE__ */ r("div", { className: "relative col-span-2 sm:col-span-1 sm:row-span-2 rounded-2xl overflow-hidden group cursor-pointer", children: h[0] ? /* @__PURE__ */ p(oe, { children: [
               /* @__PURE__ */ r(
                 "img",
                 {
                   src: h[0],
                   alt: "Property main view",
                   className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105",
-                  onClick: () => u(0)
+                  onClick: () => m(0)
                 }
               ),
               t && /* @__PURE__ */ r("div", { className: "absolute top-4 left-4 bg-white rounded-full px-4 py-2 shadow-md", children: /* @__PURE__ */ r("span", { className: "text-sm font-medium text-foreground", children: t }) })
@@ -5478,7 +5480,7 @@ const $o = (e, t, o) => {
                 src: h[1],
                 alt: "Property view 2",
                 className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105",
-                onClick: () => u(1)
+                onClick: () => m(1)
               }
             ) : /* @__PURE__ */ r("div", { className: "w-full h-full bg-muted" }) }),
             /* @__PURE__ */ r("div", { className: "relative col-span-1 row-span-1 rounded-2xl overflow-hidden group cursor-pointer", children: h[2] ? /* @__PURE__ */ r(
@@ -5487,7 +5489,7 @@ const $o = (e, t, o) => {
                 src: h[2],
                 alt: "Property view 3",
                 className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105",
-                onClick: () => u(2)
+                onClick: () => m(2)
               }
             ) : /* @__PURE__ */ r("div", { className: "w-full h-full bg-muted" }) }),
             /* @__PURE__ */ r("div", { className: "relative col-span-1 row-span-1 rounded-2xl overflow-hidden group cursor-pointer", children: h[3] ? /* @__PURE__ */ r(
@@ -5496,58 +5498,38 @@ const $o = (e, t, o) => {
                 src: h[3],
                 alt: "Property view 4",
                 className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105",
-                onClick: () => u(3)
+                onClick: () => m(3)
               }
             ) : /* @__PURE__ */ r("div", { className: "w-full h-full bg-muted" }) }),
-            /* @__PURE__ */ r("div", { className: "relative col-span-1 row-span-1 rounded-2xl overflow-hidden group cursor-pointer", children: h[4] ? /* @__PURE__ */ p(J, { children: [
-              /* @__PURE__ */ r(
-                "img",
-                {
-                  src: h[4],
-                  alt: "Property view 5",
-                  className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105",
-                  onClick: () => u(4)
-                }
-              ),
-              x > 5 && /* @__PURE__ */ r("div", { className: "absolute bottom-3 right-3 sm:bottom-4 sm:right-4", children: /* @__PURE__ */ p(
-                "button",
-                {
-                  type: "button",
-                  onClick: (E) => {
-                    E.stopPropagation(), d();
-                  },
-                  className: "flex items-center gap-2 bg-white rounded-full px-3 py-2 sm:px-4 shadow-md hover:shadow-lg transition-all duration-200 hover:scale-105",
-                  children: [
-                    /* @__PURE__ */ r(uo, { className: "w-4 h-4 text-foreground" }),
-                    /* @__PURE__ */ p("span", { className: "text-xs sm:text-sm font-medium text-foreground", children: [
-                      "Ver las ",
-                      x,
-                      " fotos"
-                    ] })
-                  ]
-                }
-              ) })
-            ] }) : /* @__PURE__ */ r("div", { className: "w-full h-full bg-muted" }) })
+            /* @__PURE__ */ r("div", { className: "relative col-span-1 row-span-1 rounded-2xl overflow-hidden group cursor-pointer", children: h[4] ? /* @__PURE__ */ r(
+              "img",
+              {
+                src: h[4],
+                alt: "Property view 5",
+                className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105",
+                onClick: () => m(4)
+              }
+            ) : /* @__PURE__ */ r("div", { className: "w-full h-full bg-muted" }) })
           ]
         }
       ),
       /* @__PURE__ */ r(
-        Fo,
+        Oo,
         {
-          images: e,
+          images: l,
           isOpen: c,
           activeImageIndex: i,
-          onClose: g,
-          onPrevious: M,
-          onNext: b,
-          onSelectImage: w
+          onClose: u,
+          onPrevious: d,
+          onNext: g,
+          onSelectImage: T
         }
       )
     ] });
   }
 );
-Vo.displayName = "PropertyGallery";
-function Do({
+_o.displayName = "PropertyGallery";
+function Fo({
   onSubmit: e,
   defaultValues: t,
   propertyTypeOptions: o,
@@ -5648,7 +5630,7 @@ const De = ({
       onChange: i
     }
   ) }) });
-}, Bo = ({
+}, Vo = ({
   formData: e,
   options: t,
   onFieldChange: o,
@@ -5713,7 +5695,7 @@ const De = ({
       children: s
     }
   )
-] }) }), Ho = ({
+] }) }), Do = ({
   formData: e,
   options: t,
   onFieldChange: o,
@@ -5760,7 +5742,7 @@ const De = ({
       /* @__PURE__ */ r(De, { variant: "mobile", isSubmitting: a })
     ] })
   }
-), ie = ({ className: e }) => /* @__PURE__ */ r("div", { className: f("w-px self-stretch bg-gray-300 mx-6", e) }), Go = ({
+), ie = ({ className: e }) => /* @__PURE__ */ r("div", { className: f("w-px self-stretch bg-gray-300 mx-6", e) }), Bo = ({
   formData: e,
   options: t,
   onFieldChange: o,
@@ -5817,7 +5799,7 @@ const De = ({
       ) })
     ] })
   }
-), Wo = ({
+), Ho = ({
   formData: e,
   options: t,
   onFieldChange: o,
@@ -5871,7 +5853,7 @@ const De = ({
       ) })
     ] })
   }
-), Uo = ({
+), Go = ({
   formData: e,
   options: t,
   onFieldChange: o,
@@ -5917,7 +5899,7 @@ const De = ({
       /* @__PURE__ */ r(De, { variant: "mobile", isSubmitting: a })
     ] })
   }
-), qo = ({
+), Wo = ({
   formData: e,
   options: t,
   onFieldChange: o,
@@ -5976,12 +5958,12 @@ const De = ({
     ] })
   }
 ), rt = {
-  minimal: Wo,
-  modern: qo,
-  luxury: Go,
-  compact: Ho,
-  card: Bo
-}, Ko = ({
+  minimal: Ho,
+  modern: Wo,
+  luxury: Bo,
+  compact: Do,
+  card: Vo
+}, Uo = ({
   onSubmit: e,
   defaultValues: t,
   className: o,
@@ -5991,80 +5973,80 @@ const De = ({
   locationOptions: l,
   buttonLabel: i
 }) => {
-  const [c, m] = N.useState(!1), [u, d] = N.useState(null), g = Do({
+  const [c, m] = N.useState(!1), [u, d] = N.useState(null), g = Fo({
     onSubmit: e,
     defaultValues: t,
     propertyTypeOptions: n,
     transactionTypeOptions: s,
     locationOptions: l
   }), {
-    formData: M,
-    setFormData: b,
+    formData: T,
+    setFormData: h,
     handleSubmit: w,
-    propertyTypeOptions: x,
-    transactionTypeOptions: h,
+    propertyTypeOptions: v,
+    transactionTypeOptions: y,
     locationOptions: E
   } = g, S = N.useCallback(
-    async (z) => {
-      z.preventDefault(), d(null), m(!0);
+    async (I) => {
+      I.preventDefault(), d(null), m(!0);
       try {
-        await w(z);
+        await w(I);
       } catch (k) {
-        const L = k instanceof Error ? k.message : "Search failed. Please try again.";
-        d(L), console.error("Search error:", k);
+        const R = k instanceof Error ? k.message : "Search failed. Please try again.";
+        d(R), console.error("Search error:", k);
       } finally {
         m(!1);
       }
     },
     [w]
-  ), T = N.useCallback(
-    (z) => (k) => {
-      d(null), b((L) => ({ ...L, [z]: k }));
+  ), P = N.useCallback(
+    (I) => (k) => {
+      d(null), h((R) => ({ ...R, [I]: k }));
     },
-    [b]
-  ), P = N.useMemo(
+    [h]
+  ), C = N.useMemo(
     () => ({
-      propertyTypeOptions: x,
-      transactionTypeOptions: h,
+      propertyTypeOptions: v,
+      transactionTypeOptions: y,
       locationOptions: E
     }),
-    [x, h, E]
-  ), R = rt[a] || rt.minimal;
-  return /* @__PURE__ */ p(J, { children: [
+    [v, y, E]
+  ), A = rt[a] || rt.minimal;
+  return /* @__PURE__ */ p(oe, { children: [
     /* @__PURE__ */ r(
-      R,
+      A,
       {
-        formData: M,
-        options: P,
+        formData: T,
+        options: C,
         isSubmitting: c,
         error: u,
         className: o,
-        onFieldChange: T,
+        onFieldChange: P,
         onSubmit: S,
         ...(a === "modern" || a === "luxury") && { buttonLabel: i }
       }
     ),
     a === "minimal" && /* @__PURE__ */ r(
-      Uo,
+      Go,
       {
-        formData: M,
-        options: P,
+        formData: T,
+        options: C,
         isSubmitting: c,
-        onFieldChange: T,
+        onFieldChange: P,
         onSubmit: S
       }
     )
   ] });
 };
-Ko.displayName = "SearchFeature";
-const ga = ({ href: e, children: t }) => /* @__PURE__ */ r(
+Uo.displayName = "SearchFeature";
+const fa = ({ 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
   }
-), ba = {
+), ha = {
   // Spacing scale (in rem)
   spacing: {
     xs: "0.25rem",
@@ -6159,7 +6141,7 @@ const ga = ({ href: e, children: t }) => /* @__PURE__ */ r(
     out: "ease-out",
     inOut: "ease-in-out"
   }
-}, xa = {
+}, ga = {
   button: {
     size: {
       sm: "h-9 px-3 text-sm",
@@ -6190,13 +6172,13 @@ const ga = ({ href: e, children: t }) => /* @__PURE__ */ r(
       outlined: "bg-card text-card-foreground border-2"
     }
   }
-}, ya = {
+}, ba = {
   sm: "640px",
   md: "768px",
   lg: "1024px",
   xl: "1280px",
   "2xl": "1536px"
-}, va = {
+}, xa = {
   /**
    * Get a color value with opacity support
    */
@@ -6205,7 +6187,7 @@ const ga = ({ href: e, children: t }) => /* @__PURE__ */ r(
    * Get a color from the design system palette
    */
   get: (e) => `hsl(var(--${e}))`
-}, wa = {
+}, ya = {
   /**
    * Generate a unique ID for form elements and their labels
    */
@@ -6224,7 +6206,7 @@ const ga = ({ 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"
   }
-}, ka = {
+}, va = {
   icon: {
     xs: "w-3 h-3",
     sm: "w-4 h-4",
@@ -6239,7 +6221,7 @@ const ga = ({ href: e, children: t }) => /* @__PURE__ */ r(
     lg: "w-12 h-12",
     xl: "w-16 h-16"
   }
-}, Na = {
+}, wa = {
   /**
    * Fade animations
    */
@@ -6263,7 +6245,7 @@ const ga = ({ href: e, children: t }) => /* @__PURE__ */ r(
     in: "animate-in scale-in duration-200",
     out: "animate-out scale-out duration-200"
   }
-}, Ca = {
+}, ka = {
   /**
    * Container utilities
    */
@@ -6297,7 +6279,7 @@ const ga = ({ href: e, children: t }) => /* @__PURE__ */ r(
     col: "flex flex-col",
     colCenter: "flex flex-col items-center justify-center"
   }
-}, Ma = {
+}, Na = {
   /**
    * Check if dark mode is active
    */
@@ -6314,7 +6296,7 @@ const ga = ({ href: e, children: t }) => /* @__PURE__ */ r(
   set: (e) => {
     typeof window > "u" || document.documentElement.classList.toggle("dark", e === "dark");
   }
-}, Sa = {
+}, Ca = {
   /**
    * Debounce function for performance optimization
    */
@@ -6333,12 +6315,12 @@ const ga = ({ href: e, children: t }) => /* @__PURE__ */ r(
       o || (e(...a), o = !0, setTimeout(() => o = !1, t));
     };
   }
-}, zt = H.createContext(null), Ta = () => {
+}, zt = D.createContext(null), Ma = () => {
   const e = Et(zt);
   if (!e)
     throw new Error("useTheme must be used within a ThemeProvider");
   return e;
-}, Xo = {
+}, qo = {
   name: "light",
   colors: {
     primary: "#007bff",
@@ -6404,7 +6386,7 @@ const ga = ({ 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)"
   }
-}, Zo = {
+}, Ko = {
   name: "dark",
   colors: {
     primary: "#0d6efd",
@@ -6470,7 +6452,7 @@ const ga = ({ 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)"
   }
-}, Jo = {
+}, Xo = {
   name: "corporate",
   colors: {
     primary: "#1a365d",
@@ -6536,7 +6518,7 @@ const ga = ({ 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)"
   }
-}, Qo = {
+}, Zo = {
   name: "minimal",
   colors: {
     primary: "#000000",
@@ -6603,81 +6585,81 @@ const ga = ({ href: e, children: t }) => /* @__PURE__ */ r(
     xl: "none"
   }
 }, Ee = {
-  light: Xo,
-  dark: Zo,
-  corporate: Jo,
-  minimal: Qo
-}, Yo = $e(), ea = $e(), ta = $e(), oe = At(Ee.light).on(Yo, (e, t) => Ee[t] || e).on(ea, (e, t) => t).on(ta, () => Ee.light), Pa = oe.map((e) => e.name), za = oe.map((e) => e.colors);
-oe.map((e) => e.shapes);
-oe.map((e) => e.typography);
-oe.map((e) => e.spacing);
-oe.map((e) => e.shadows);
-const Ea = ({ children: e }) => {
+  light: qo,
+  dark: Ko,
+  corporate: Xo,
+  minimal: Zo
+}, Jo = $e(), Qo = $e(), Yo = $e(), ae = Rt(Ee.light).on(Jo, (e, t) => Ee[t] || e).on(Qo, (e, t) => t).on(Yo, () => Ee.light), Sa = ae.map((e) => e.name), Ta = ae.map((e) => e.colors);
+ae.map((e) => e.shapes);
+ae.map((e) => e.typography);
+ae.map((e) => e.spacing);
+ae.map((e) => e.shadows);
+const Pa = ({ children: e }) => {
   const o = {
-    theme: Rt(oe)
+    theme: jt(ae)
   };
   return /* @__PURE__ */ r(zt.Provider, { value: o, children: e });
 };
 export {
-  oe as $theme,
-  za as $themeColors,
-  Pa as $themeName,
-  pa as AuthLayout,
+  ae as $theme,
+  Ta as $themeColors,
+  Sa as $themeName,
+  ma as AuthLayout,
   Q as Button,
   ht as Card,
   bt as CategoryChips,
   _e as Chip,
-  ca as CompoundCard,
-  ma as ConfirmModal,
-  ua as DashboardLayout,
+  la as CompoundCard,
+  ca as ConfirmModal,
+  da as DashboardLayout,
   gt as DonutChart,
-  Po as EntityDirectory,
-  Eo as Header,
-  Ro as HeroBanner,
+  So as EntityDirectory,
+  Po as Header,
+  Io as HeroBanner,
   le as Input,
-  fa as MarketingLayout,
+  ua as MarketingLayout,
   xt as Modal,
   Hr as ModalWithActions,
-  Lo as MortgageCalculator,
+  jo as MortgageCalculator,
   Ve as PageLayout,
-  ha as PropertyCard,
-  Vo as PropertyGallery,
-  Ko as SearchFeature,
+  pa as PropertyCard,
+  _o as PropertyGallery,
+  Uo as SearchFeature,
   Fe as Select,
-  ga as SkipLink,
-  A as Text,
-  Ea as ThemeProvider,
-  wa as a11y,
-  wa as accessibilityUtils,
-  Na as animationUtils,
-  Na as animations,
-  ya as breakpoints,
+  fa as SkipLink,
+  j as Text,
+  Pa as ThemeProvider,
+  ya as a11y,
+  ya as accessibilityUtils,
+  wa as animationUtils,
+  wa as animations,
+  ba as breakpoints,
   Ot as calculateMortgage,
   f as cn,
-  va as colorUtils,
-  va as colors,
-  ka as componentSizes,
-  xa as componentVariants,
+  xa as colorUtils,
+  xa as colors,
+  va as componentSizes,
+  ga as componentVariants,
   $t as countEntitiesByCategory,
-  ba as designSystem,
-  jt as filterEntitiesByCategory,
+  ha as designSystem,
+  At as filterEntitiesByCategory,
   ue as formatCurrency,
-  la as formatPercentage,
-  Ca as layout,
-  Ca as layoutUtils,
-  Sa as performance,
-  Sa as performanceUtils,
-  ta as resetTheme,
-  ya as responsiveBreakpoints,
-  ea as setCustomTheme,
-  Yo as setTheme,
-  ka as sizes,
+  na as formatPercentage,
+  ka as layout,
+  ka as layoutUtils,
+  Ca as performance,
+  Ca as performanceUtils,
+  Yo as resetTheme,
+  ba as responsiveBreakpoints,
+  Qo as setCustomTheme,
+  Jo as setTheme,
+  va as sizes,
   Lt as sortEntities,
-  Ma as theme,
-  Ma as themeUtils,
-  da as useEntityFilter,
-  Ta as useTheme,
-  ia as validateMortgageInput,
-  xa as variants
+  Na as theme,
+  Na as themeUtils,
+  ia as useEntityFilter,
+  Ma as useTheme,
+  sa as validateMortgageInput,
+  ga as variants
 };
 //# sourceMappingURL=design-system.es.js.map