@homlista-devs/ui 1.6.6 → 1.6.7

package/dist/design-system.es.js

@@ -1,5 +1,5 @@
 import { jsx as r, jsxs as p, Fragment as se } from "react/jsx-runtime";
-import * as v from "react";
+import * as w from "react";
 import Ae, { useState as ee, useMemo as Ne, useCallback as He, useEffect as Ce, forwardRef as we, createElement as Pe, useContext as Tt } from "react";
 import { createEvent as Le, createStore as zt } from "effector";
 import { useUnit as Pt } from "effector-react";
@@ -34,13 +34,13 @@ function jt(e) {
   if (c === 0)
     u = l / m;
   else {
-    const y = Math.pow(1 + c, m);
-    u = l * (c * y) / (y - 1);
+    const v = Math.pow(1 + c, m);
+    u = l * (c * v) / (v - 1);
   }
-  const d = u * m, h = d - l, S = u + s + i;
+  const d = u * m, h = d - l, M = u + s + i;
   return {
     monthlyPayment: Math.round(u * 100) / 100,
-    totalMonthlyPayment: Math.round(S * 100) / 100,
+    totalMonthlyPayment: Math.round(M * 100) / 100,
     totalAmount: Math.round(d * 100) / 100,
     totalInterest: Math.round(h * 100) / 100,
     loanPrincipal: Math.round(l * 100) / 100,
@@ -94,16 +94,16 @@ const We = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ue = rt, J
     let [d, h] = u;
     return h === void 0 || (m[d] = h), m;
   }, {}), c = t == null || (a = t.compoundVariants) === null || a === void 0 ? void 0 : a.reduce((m, u) => {
-    let { class: d, className: h, ...S } = u;
-    return Object.entries(S).every((y) => {
-      let [N, g] = y;
-      return Array.isArray(g) ? g.includes({
+    let { class: d, className: h, ...M } = u;
+    return Object.entries(M).every((v) => {
+      let [N, k] = v;
+      return Array.isArray(k) ? k.includes({
         ...s,
         ...l
       }[N]) : {
         ...s,
         ...l
-      }[N] === g;
+      }[N] === k;
     }) ? [
       ...m,
       d,
@@ -159,11 +159,11 @@ function Lt(...e) {
 }
 // @__NO_SIDE_EFFECTS__
 function $t(e) {
-  const t = /* @__PURE__ */ Vt(e), o = v.forwardRef((a, n) => {
-    const { children: s, ...i } = a, l = v.Children.toArray(s), c = l.find(_t);
+  const t = /* @__PURE__ */ Vt(e), o = w.forwardRef((a, n) => {
+    const { children: s, ...i } = a, l = w.Children.toArray(s), c = l.find(_t);
     if (c) {
-      const m = c.props.children, u = l.map((d) => d === c ? v.Children.count(m) > 1 ? v.Children.only(null) : v.isValidElement(m) ? m.props.children : null : d);
-      return /* @__PURE__ */ r(t, { ...i, ref: n, children: v.isValidElement(m) ? v.cloneElement(m, void 0, u) : null });
+      const m = c.props.children, u = l.map((d) => d === c ? w.Children.count(m) > 1 ? w.Children.only(null) : w.isValidElement(m) ? m.props.children : null : d);
+      return /* @__PURE__ */ r(t, { ...i, ref: n, children: w.isValidElement(m) ? w.cloneElement(m, void 0, u) : null });
     }
     return /* @__PURE__ */ r(t, { ...i, ref: n, children: s });
   });
@@ -172,19 +172,19 @@ function $t(e) {
 var Ot = /* @__PURE__ */ $t("Slot");
 // @__NO_SIDE_EFFECTS__
 function Vt(e) {
-  const t = v.forwardRef((o, a) => {
+  const t = w.forwardRef((o, a) => {
     const { children: n, ...s } = o;
-    if (v.isValidElement(n)) {
+    if (w.isValidElement(n)) {
       const i = Bt(n), l = Dt(s, n.props);
-      return n.type !== v.Fragment && (l.ref = a ? Lt(a, i) : i), v.cloneElement(n, l);
+      return n.type !== w.Fragment && (l.ref = a ? Lt(a, i) : i), w.cloneElement(n, l);
     }
-    return v.Children.count(n) > 1 ? v.Children.only(null) : null;
+    return w.Children.count(n) > 1 ? w.Children.only(null) : null;
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
 var Ft = Symbol("radix.slottable");
 function _t(e) {
-  return v.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Ft;
+  return w.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Ft;
 }
 function Dt(e, t) {
   const o = { ...t };
@@ -307,26 +307,26 @@ const $e = "-", Ht = (e) => {
   let a = (n) => {
     const s = [];
     let i = 0, l = 0, c = 0, m;
-    for (let y = 0; y < n.length; y++) {
-      let N = n[y];
+    for (let v = 0; v < n.length; v++) {
+      let N = n[v];
       if (i === 0 && l === 0) {
         if (N === Re) {
-          s.push(n.slice(c, y)), c = y + Xt;
+          s.push(n.slice(c, v)), c = v + Xt;
           continue;
         }
         if (N === "/") {
-          m = y;
+          m = v;
           continue;
         }
       }
       N === "[" ? i++ : N === "]" ? i-- : N === "(" ? l++ : N === ")" && l--;
     }
-    const u = s.length === 0 ? n : n.substring(c), d = Kt(u), h = d !== u, S = m && m > c ? m - c : void 0;
+    const u = s.length === 0 ? n : n.substring(c), d = Kt(u), h = d !== u, M = m && m > c ? m - c : void 0;
     return {
       modifiers: s,
       hasImportantModifier: h,
       baseClassName: d,
-      maybePostfixModifierPosition: S
+      maybePostfixModifierPosition: M
     };
   };
   if (t) {
@@ -375,34 +375,34 @@ const $e = "-", Ht = (e) => {
     const u = l[m], {
       isExternal: d,
       modifiers: h,
-      hasImportantModifier: S,
-      baseClassName: y,
+      hasImportantModifier: M,
+      baseClassName: v,
       maybePostfixModifierPosition: N
     } = o(u);
     if (d) {
       c = u + (c.length > 0 ? " " + c : c);
       continue;
     }
-    let g = !!N, w = a(g ? y.substring(0, N) : y);
-    if (!w) {
-      if (!g) {
+    let k = !!N, g = a(k ? v.substring(0, N) : v);
+    if (!g) {
+      if (!k) {
         c = u + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (w = a(y), !w) {
+      if (g = a(v), !g) {
         c = u + (c.length > 0 ? " " + c : c);
         continue;
       }
-      g = !1;
+      k = !1;
     }
-    const T = s(h).join(":"), E = S ? T + Ee : T, P = E + w;
-    if (i.includes(P))
+    const E = s(h).join(":"), P = M ? E + Ee : E, I = P + g;
+    if (i.includes(I))
       continue;
-    i.push(P);
-    const M = n(w, g);
-    for (let A = 0; A < M.length; ++A) {
-      const I = M[A];
-      i.push(E + I);
+    i.push(I);
+    const T = n(g, k);
+    for (let L = 0; L < T.length; ++L) {
+      const S = T[L];
+      i.push(P + S);
     }
     c = u + (c.length > 0 ? " " + c : c);
   }
@@ -439,7 +439,7 @@ function rr(e, ...t) {
     return s(tr.apply(null, arguments));
   };
 }
-const L = (e) => {
+const $ = (e) => {
   const t = (o) => o[e] || [];
   return t.isThemeGetter = !0, t;
 }, nt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, st = /^\((?:(\w[\w-]*):)?(.+)\)$/i, or = /^\d+\/\d+$/, ar = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, nr = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, sr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, ir = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, lr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ae = (e) => or.test(e), z = (e) => !!e && !Number.isNaN(Number(e)), Z = (e) => !!e && Number.isInteger(Number(e)), Me = (e) => e.endsWith("%") && z(e.slice(0, -1)), U = (e) => ar.test(e), cr = () => !0, dr = (e) => (
@@ -454,7 +454,7 @@ const L = (e) => {
   const a = st.exec(e);
   return a ? a[1] ? t(a[1]) : o : !1;
 }, lt = (e) => e === "position" || e === "percentage", ct = (e) => e === "image" || e === "url", dt = (e) => e === "length" || e === "size" || e === "bg-size", mt = (e) => e === "length", yr = (e) => e === "number", vr = (e) => e === "family-name", ut = (e) => e === "shadow", wr = () => {
-  const e = L("color"), t = L("font"), o = L("text"), a = L("font-weight"), n = L("tracking"), s = L("leading"), i = L("breakpoint"), l = L("container"), c = L("spacing"), m = L("radius"), u = L("shadow"), d = L("inset-shadow"), h = L("text-shadow"), S = L("drop-shadow"), y = L("blur"), N = L("perspective"), g = L("aspect"), w = L("ease"), T = L("animate"), E = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], P = () => [
+  const e = $("color"), t = $("font"), o = $("text"), a = $("font-weight"), n = $("tracking"), s = $("leading"), i = $("breakpoint"), l = $("container"), c = $("spacing"), m = $("radius"), u = $("shadow"), d = $("inset-shadow"), h = $("text-shadow"), M = $("drop-shadow"), v = $("blur"), N = $("perspective"), k = $("aspect"), g = $("ease"), E = $("animate"), P = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], I = () => [
     "center",
     "top",
     "bottom",
@@ -472,9 +472,9 @@ const L = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], M = () => [...P(), x, b], A = () => ["auto", "hidden", "clip", "visible", "scroll"], I = () => ["auto", "contain", "none"], k = () => [x, b, c], $ = () => [ae, "full", "auto", ...k()], q = () => [Z, "none", "subgrid", x, b], re = () => ["auto", {
+  ], T = () => [...I(), x, b], L = () => ["auto", "hidden", "clip", "visible", "scroll"], S = () => ["auto", "contain", "none"], y = () => [x, b, c], A = () => [ae, "full", "auto", ...y()], q = () => [Z, "none", "subgrid", x, b], re = () => ["auto", {
     span: ["full", Z, x, b]
-  }, Z, x, b], X = () => [Z, "auto", x, b], oe = () => ["auto", "min", "max", "fr", x, b], Q = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], B = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], D = () => ["auto", ...k()], W = () => [ae, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], C = () => [e, x, b], pe = () => [...P(), Je, Ke, {
+  }, Z, x, b], X = () => [Z, "auto", x, b], oe = () => ["auto", "min", "max", "fr", x, b], Q = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], B = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], D = () => ["auto", ...y()], W = () => [ae, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...y()], C = () => [e, x, b], pe = () => [...I(), Je, Ke, {
     position: [x, b]
   }], de = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -492,10 +492,10 @@ const L = (e) => {
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    y,
+    v,
     x,
     b
-  ], he = () => ["none", z, x, b], ge = () => ["none", z, x, b], ke = () => [z, x, b], be = () => [ae, "full", ...k()];
+  ], he = () => ["none", z, x, b], ge = () => ["none", z, x, b], ke = () => [z, x, b], be = () => [ae, "full", ...y()];
   return {
     cacheSize: 500,
     theme: {
@@ -528,7 +528,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", ae, b, x, g]
+        aspect: ["auto", "square", ae, b, x, k]
       }],
       /**
        * Container
@@ -548,14 +548,14 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": E()
+        "break-after": P()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": E()
+        "break-before": P()
       }],
       /**
        * Break Inside
@@ -619,49 +619,49 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: M()
+        object: T()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: A()
+        overflow: L()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": A()
+        "overflow-x": L()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": A()
+        "overflow-y": L()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: I()
+        overscroll: S()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": I()
+        "overscroll-x": S()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": I()
+        "overscroll-y": S()
       }],
       /**
        * Position
@@ -673,63 +673,63 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: $()
+        inset: A()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": $()
+        "inset-x": A()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": $()
+        "inset-y": A()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: $()
+        start: A()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: $()
+        end: A()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: $()
+        top: A()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: $()
+        right: A()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: $()
+        bottom: A()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: $()
+        left: A()
       }],
       /**
        * Visibility
@@ -751,7 +751,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [ae, "full", "auto", l, ...k()]
+        basis: [ae, "full", "auto", l, ...y()]
       }],
       /**
        * Flex Direction
@@ -877,21 +877,21 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: k()
+        gap: y()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": k()
+        "gap-x": y()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": k()
+        "gap-y": y()
       }],
       /**
        * Justify Content
@@ -966,63 +966,63 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: k()
+        p: y()
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: k()
+        px: y()
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: k()
+        py: y()
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: k()
+        ps: y()
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: k()
+        pe: y()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: k()
+        pt: y()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: k()
+        pr: y()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: k()
+        pb: y()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: k()
+        pl: y()
       }],
       /**
        * Margin
@@ -1092,7 +1092,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": k()
+        "space-x": y()
       }],
       /**
        * Space Between X Reverse
@@ -1104,7 +1104,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": k()
+        "space-y": y()
       }],
       /**
        * Space Between Y Reverse
@@ -1273,7 +1273,7 @@ const L = (e) => {
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           s,
-          ...k()
+          ...y()
         ]
       }],
       /**
@@ -1374,7 +1374,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: k()
+        indent: y()
       }],
       /**
        * Vertical Alignment
@@ -2088,7 +2088,7 @@ const L = (e) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": P()
+        "mask-radial-at": I()
       }],
       "mask-image-conic-pos": [{
         "mask-conic": [z]
@@ -2200,7 +2200,7 @@ const L = (e) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          S,
+          M,
           ye,
           xe
         ]
@@ -2338,21 +2338,21 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": k()
+        "border-spacing": y()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": k()
+        "border-spacing-x": y()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": k()
+        "border-spacing-y": y()
       }],
       /**
        * Table Layout
@@ -2397,7 +2397,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", w, x, b]
+        ease: ["linear", "initial", g, x, b]
       }],
       /**
        * Transition Delay
@@ -2411,7 +2411,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", T, x, b]
+        animate: ["none", E, x, b]
       }],
       // ------------------
       // --- Transforms ---
@@ -2435,7 +2435,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": M()
+        "perspective-origin": T()
       }],
       /**
        * Rotate
@@ -2531,7 +2531,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: M()
+        origin: T()
       }],
       /**
        * Transform Style
@@ -2644,126 +2644,126 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": k()
+        "scroll-m": y()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": k()
+        "scroll-mx": y()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": k()
+        "scroll-my": y()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": k()
+        "scroll-ms": y()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": k()
+        "scroll-me": y()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": k()
+        "scroll-mt": y()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": k()
+        "scroll-mr": y()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": k()
+        "scroll-mb": y()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": k()
+        "scroll-ml": y()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": k()
+        "scroll-p": y()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": k()
+        "scroll-px": y()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": k()
+        "scroll-py": y()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": k()
+        "scroll-ps": y()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": k()
+        "scroll-pe": y()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": k()
+        "scroll-pt": y()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": k()
+        "scroll-pr": y()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": k()
+        "scroll-pb": y()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": k()
+        "scroll-pl": y()
       }],
       /**
        * Scroll Snap Align
@@ -2927,7 +2927,7 @@ const L = (e) => {
 function f(...e) {
   return kr(rt(e));
 }
-const K = v.forwardRef(
+const K = w.forwardRef(
   ({ className: e, variant: t, size: o, asChild: a = !1, disabled: n, ...s }, i) => /* @__PURE__ */ r(
     a ? Ot : "button",
     {
@@ -3118,15 +3118,15 @@ const zr = (e) => {
   Footer: Er
 });
 function Rr(e, t, o, a, n, s) {
-  const i = (e - 90) * Math.PI / 180, l = (t - 90) * Math.PI / 180, c = n + o * Math.cos(i), m = s + o * Math.sin(i), u = n + o * Math.cos(l), d = s + o * Math.sin(l), h = n + a * Math.cos(l), S = s + a * Math.sin(l), y = n + a * Math.cos(i), N = s + a * Math.sin(i), g = t - e > 180 ? 1 : 0;
+  const i = (e - 90) * Math.PI / 180, l = (t - 90) * Math.PI / 180, c = n + o * Math.cos(i), m = s + o * Math.sin(i), u = n + o * Math.cos(l), d = s + o * Math.sin(l), h = n + a * Math.cos(l), M = s + a * Math.sin(l), v = n + a * Math.cos(i), N = s + a * Math.sin(i), k = t - e > 180 ? 1 : 0;
   return [
     `M ${c} ${m}`,
     // Move to start point on outer arc
-    `A ${o} ${o} 0 ${g} 1 ${u} ${d}`,
+    `A ${o} ${o} 0 ${k} 1 ${u} ${d}`,
     // Outer arc
-    `L ${h} ${S}`,
+    `L ${h} ${M}`,
     // Line to inner arc
-    `A ${a} ${a} 0 ${g} 0 ${y} ${N}`,
+    `A ${a} ${a} 0 ${k} 0 ${v} ${N}`,
     // Inner arc (reverse)
     "Z"
     // Close path
@@ -3153,7 +3153,7 @@ function jr(e, t, o, a, n) {
     }), i = d;
   }), l;
 }
-const ft = v.forwardRef(
+const ft = w.forwardRef(
   ({
     segments: e,
     size: t = 300,
@@ -3165,22 +3165,22 @@ const ft = v.forwardRef(
     onSegmentClick: l,
     onSegmentHover: c
   }, m) => {
-    const [u, d] = v.useState(null), h = t / 2, S = t / 2, y = 2, N = t / 2 - y, g = N * o, w = jr(
+    const [u, d] = w.useState(null), h = t / 2, M = t / 2, v = 2, N = t / 2 - v, k = N * o, g = jr(
       e,
       N,
-      g,
+      k,
       h,
-      S
-    ), T = (P) => {
-      d(P), c?.(P);
-    }, E = s === "left" || s === "right";
+      M
+    ), E = (I) => {
+      d(I), c?.(I);
+    }, P = s === "left" || s === "right";
     return /* @__PURE__ */ p(
       "div",
       {
         ref: m,
         className: f(
           "flex gap-4",
-          E ? "flex-row items-center" : "flex-col items-center",
+          P ? "flex-row items-center" : "flex-col items-center",
           s === "right" && "flex-row-reverse",
           s === "top" && "flex-col-reverse",
           i
@@ -3192,29 +3192,29 @@ const ft = v.forwardRef(
               className: "relative inline-block",
               style: { width: t, height: t },
               children: [
-                /* @__PURE__ */ r("svg", { width: t, height: t, viewBox: `0 0 ${t} ${t}`, children: w.map(({ path: P, segment: M }, A) => /* @__PURE__ */ r(
+                /* @__PURE__ */ r("svg", { width: t, height: t, viewBox: `0 0 ${t} ${t}`, children: g.map(({ path: I, segment: T }, L) => /* @__PURE__ */ r(
                   "path",
                   {
-                    d: P,
-                    fill: M.color,
+                    d: I,
+                    fill: T.color,
                     stroke: "white",
-                    strokeWidth: y,
+                    strokeWidth: v,
                     className: f(
                       "transition-opacity duration-200",
-                      u && u !== M && "opacity-50",
+                      u && u !== T && "opacity-50",
                       l && "cursor-pointer"
                     ),
-                    onMouseEnter: () => T(M),
-                    onMouseLeave: () => T(null),
-                    onClick: () => l?.(M)
+                    onMouseEnter: () => E(T),
+                    onMouseLeave: () => E(null),
+                    onClick: () => l?.(T)
                   },
-                  `${M.label}-${A}`
+                  `${T.label}-${L}`
                 )) }),
                 a && /* @__PURE__ */ r(
                   "div",
                   {
                     className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-center",
-                    style: { maxWidth: g * 1.8 },
+                    style: { maxWidth: k * 1.8 },
                     children: a
                   }
                 )
@@ -3226,31 +3226,31 @@ const ft = v.forwardRef(
             {
               className: f(
                 "flex gap-2",
-                E ? "flex-col" : "flex-row flex-wrap justify-center"
+                P ? "flex-col" : "flex-row flex-wrap justify-center"
               ),
-              children: e.map((P, M) => /* @__PURE__ */ p(
+              children: e.map((I, T) => /* @__PURE__ */ p(
                 "div",
                 {
                   className: f(
                     "flex items-center gap-2 text-sm transition-opacity duration-200",
-                    u && u !== P && "opacity-50",
+                    u && u !== I && "opacity-50",
                     l && "cursor-pointer"
                   ),
-                  onMouseEnter: () => T(P),
-                  onMouseLeave: () => T(null),
-                  onClick: () => l?.(P),
+                  onMouseEnter: () => E(I),
+                  onMouseLeave: () => E(null),
+                  onClick: () => l?.(I),
                   children: [
                     /* @__PURE__ */ r(
                       "div",
                       {
                         className: "h-3 w-3 rounded-sm flex-shrink-0",
-                        style: { backgroundColor: P.color }
+                        style: { backgroundColor: I.color }
                       }
                     ),
-                    /* @__PURE__ */ r("span", { className: "text-muted-foreground", children: P.label })
+                    /* @__PURE__ */ r("span", { className: "text-muted-foreground", children: I.label })
                   ]
                 },
-                `${P.label}-${M}`
+                `${I.label}-${T}`
               ))
             }
           )
@@ -3267,17 +3267,17 @@ function ea(e, t, o = {}) {
     enableSearch: s = !1
   } = o, [i, l] = ee(
     a
-  ), [c, m] = ee(n), [u, d] = ee(""), h = Ne(() => It(e, i), [e, i]), S = Ne(() => {
+  ), [c, m] = ee(n), [u, d] = ee(""), h = Ne(() => It(e, i), [e, i]), M = Ne(() => {
     if (!s || !u.trim())
       return h;
-    const w = u.toLowerCase();
+    const g = u.toLowerCase();
     return h.filter(
-      (T) => T.title.toLowerCase().includes(w) || T.subtitle?.toLowerCase().includes(w)
+      (E) => E.title.toLowerCase().includes(g) || E.subtitle?.toLowerCase().includes(g)
     );
-  }, [h, u, s]), y = Ne(() => c ? Et(S, c) : S, [S, c]), N = He(
-    (w) => Rt(e, w),
+  }, [h, u, s]), v = Ne(() => c ? Et(M, c) : M, [M, c]), N = He(
+    (g) => Rt(e, g),
     [e]
-  ), g = He(() => {
+  ), k = He(() => {
     l(a), m(n), d("");
   }, [a, n]);
   return {
@@ -3287,9 +3287,9 @@ function ea(e, t, o = {}) {
     setSort: m,
     searchQuery: u,
     setSearchQuery: d,
-    filteredEntities: y,
+    filteredEntities: v,
     getCategoryCount: N,
-    resetFilters: g
+    resetFilters: k
   };
 }
 const Ar = J(
@@ -3314,7 +3314,7 @@ const Ar = J(
       size: "default"
     }
   }
-), Oe = v.forwardRef(
+), Oe = w.forwardRef(
   ({
     className: e,
     variant: t,
@@ -3358,7 +3358,7 @@ const Ar = J(
   )
 );
 Oe.displayName = "Chip";
-const ht = v.forwardRef(
+const ht = w.forwardRef(
   ({
     categories: e,
     activeCategory: t,
@@ -3383,7 +3383,7 @@ const ht = v.forwardRef(
             "aria-controls": `entities-panel-${l.id}`,
             selected: c,
             variant: c ? "selected" : "outline",
-            icon: typeof l.icon == "string" ? l.icon : l.icon ? v.createElement(l.icon) : void 0,
+            icon: typeof l.icon == "string" ? l.icon : l.icon ? w.createElement(l.icon) : void 0,
             onClick: () => o(c ? null : l.id),
             children: [
               l.label,
@@ -3459,7 +3459,7 @@ const Lr = J(
   defaultVariants: {
     variant: "default"
   }
-}), ne = v.forwardRef(
+}), ne = w.forwardRef(
   ({
     className: e,
     containerClassName: t,
@@ -3474,15 +3474,15 @@ const Lr = J(
     suffix: u,
     id: d,
     ...h
-  }, S) => {
-    const y = v.useId(), N = d || y, g = `${N}-helper`, w = `${N}-error`, T = l ? "error" : a, E = l || i;
+  }, M) => {
+    const v = w.useId(), N = d || v, k = `${N}-helper`, g = `${N}-error`, E = l ? "error" : a, P = l || i;
     return /* @__PURE__ */ p("div", { className: f("w-full", t), children: [
       s && /* @__PURE__ */ r(
         "label",
         {
           htmlFor: N,
           className: f(
-            $r({ variant: T, required: c }),
+            $r({ variant: E, required: c }),
             o
           ),
           children: s
@@ -3494,27 +3494,27 @@ const Lr = J(
           "input",
           {
             id: N,
-            ref: S,
+            ref: M,
             className: f(
-              Lr({ variant: T, inputSize: n }),
+              Lr({ variant: E, inputSize: n }),
               m && "pl-10",
               u && "pr-10",
               e
             ),
             "aria-invalid": l ? "true" : "false",
-            "aria-describedby": E ? l ? w : g : void 0,
+            "aria-describedby": P ? l ? g : k : void 0,
             ...h
           }
         ),
         u && /* @__PURE__ */ r("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: u })
       ] }),
-      E && /* @__PURE__ */ r(
+      P && /* @__PURE__ */ r(
         "p",
         {
-          id: l ? w : g,
-          className: Or({ variant: T }),
+          id: l ? g : k,
+          className: Or({ variant: E }),
           role: l ? "alert" : void 0,
-          children: E
+          children: P
         }
       )
     ] });
@@ -3547,10 +3547,10 @@ const Vr = (e) => {
   const c = Ae.useRef(null);
   if (Ce(() => {
     if (!e || !l) return;
-    const y = (N) => {
+    const v = (N) => {
       N.key === "Escape" && t();
     };
-    return document.addEventListener("keydown", y), () => document.removeEventListener("keydown", y);
+    return document.addEventListener("keydown", v), () => document.removeEventListener("keydown", v);
   }, [e, l, t]), Ce(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
     document.body.style.overflow = "unset";
   }), [e]), Ce(() => {
@@ -3563,7 +3563,7 @@ const Vr = (e) => {
     Vr(n)
   ), d = f(
     "p-6 border-b border-border flex items-center justify-between"
-  ), h = f("p-6 overflow-y-auto flex-1"), S = f(
+  ), h = f("p-6 overflow-y-auto flex-1"), M = f(
     "bg-none border-none text-xl cursor-pointer text-muted-foreground p-1 rounded-sm flex items-center justify-center hover:bg-accent hover:text-accent-foreground focus:outline-2 focus:outline-primary focus:outline-offset-2"
   );
   return /* @__PURE__ */ r(
@@ -3576,7 +3576,7 @@ const Vr = (e) => {
         {
           ref: c,
           className: u,
-          onClick: (y) => y.stopPropagation(),
+          onClick: (v) => v.stopPropagation(),
           tabIndex: -1,
           role: "dialog",
           "aria-modal": "true",
@@ -3589,7 +3589,7 @@ const Vr = (e) => {
                 {
                   onClick: t,
                   "aria-label": "Close modal",
-                  className: S,
+                  className: M,
                   children: "×"
                 }
               )
@@ -3943,7 +3943,7 @@ const bo = [
 const yo = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Ye = G("x", yo), Ve = v.forwardRef(
+], Ye = G("x", yo), Ve = w.forwardRef(
   ({
     className: e,
     containerClassName: t,
@@ -3958,15 +3958,15 @@ const yo = [
     placeholder: u,
     id: d,
     ...h
-  }, S) => {
-    const y = v.useId(), N = d || y, g = `${N}-helper`, w = `${N}-error`, T = l ? "error" : a, E = l || i;
+  }, M) => {
+    const v = w.useId(), N = d || v, k = `${N}-helper`, g = `${N}-error`, E = l ? "error" : a, P = l || i;
     return /* @__PURE__ */ p("div", { className: f("w-full", t), children: [
       s && /* @__PURE__ */ r(
         "label",
         {
           htmlFor: N,
           className: f(
-            Br({ variant: T, required: c }),
+            Br({ variant: E, required: c }),
             o
           ),
           children: s
@@ -3977,39 +3977,39 @@ const yo = [
           "select",
           {
             id: N,
-            ref: S,
+            ref: M,
             className: f(
-              Dr({ variant: T, selectSize: n }),
+              Dr({ variant: E, selectSize: n }),
               "pr-10",
               // Space for chevron icon
               e
             ),
             "aria-invalid": l ? "true" : "false",
-            "aria-describedby": E ? l ? w : g : void 0,
+            "aria-describedby": P ? l ? g : k : void 0,
             ...h,
             children: [
               u && /* @__PURE__ */ r("option", { value: "", disabled: !0, children: u }),
-              m.map((P) => /* @__PURE__ */ r(
+              m.map((I) => /* @__PURE__ */ r(
                 "option",
                 {
-                  value: P.value,
-                  disabled: P.disabled,
-                  children: P.label
+                  value: I.value,
+                  disabled: I.disabled,
+                  children: I.label
                 },
-                P.value
+                I.value
               ))
             ]
           }
         ),
         /* @__PURE__ */ r("div", { className: "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: /* @__PURE__ */ r(ro, { className: "h-4 w-4" }) })
       ] }),
-      E && /* @__PURE__ */ r(
+      P && /* @__PURE__ */ r(
         "p",
         {
-          id: l ? w : g,
-          className: Hr({ variant: T }),
+          id: l ? g : k,
+          className: Hr({ variant: E }),
           role: l ? "alert" : void 0,
-          children: E
+          children: P
         }
       )
     ] });
@@ -4052,7 +4052,7 @@ const vo = (e) => {
     o && /* @__PURE__ */ r(R, { variant: "body", color: "muted", children: o })
   ] }),
   e
-] }) }), aa = ({ children: e, header: t, footer: o }) => /* @__PURE__ */ r(Fe, { header: t, footer: o, padding: "none", children: e }), bt = v.forwardRef(({ message: e = "No entities found", icon: t, action: o, className: a }, n) => /* @__PURE__ */ p(
+] }) }), aa = ({ children: e, header: t, footer: o }) => /* @__PURE__ */ r(Fe, { header: t, footer: o, padding: "none", children: e }), bt = w.forwardRef(({ message: e = "No entities found", icon: t, action: o, className: a }, n) => /* @__PURE__ */ p(
   "div",
   {
     ref: n,
@@ -4070,7 +4070,7 @@ const vo = (e) => {
   }
 ));
 bt.displayName = "EntityDirectoryEmptyState";
-const xt = v.forwardRef(({ error: e, onRetry: t, className: o }, a) => {
+const xt = w.forwardRef(({ error: e, onRetry: t, className: o }, a) => {
   const n = typeof e == "string" ? e : e.message;
   return /* @__PURE__ */ p(
     "div",
@@ -4092,12 +4092,12 @@ const xt = v.forwardRef(({ error: e, onRetry: t, className: o }, a) => {
   );
 });
 xt.displayName = "EntityDirectoryErrorState";
-const yt = v.forwardRef(({ title: e, description: t, className: o }, a) => /* @__PURE__ */ p("div", { ref: a, className: f("space-y-1.5", o), children: [
+const yt = w.forwardRef(({ title: e, description: t, className: o }, a) => /* @__PURE__ */ p("div", { ref: a, className: f("space-y-1.5", o), children: [
   /* @__PURE__ */ r(R, { variant: "h2", className: "font-bold", children: e }),
   t && /* @__PURE__ */ r(R, { variant: "body", className: "text-muted-foreground", children: t })
 ] }));
 yt.displayName = "EntityDirectoryHeader";
-const vt = v.forwardRef(
+const vt = w.forwardRef(
   ({
     entity: e,
     categories: t,
@@ -4137,7 +4137,7 @@ const vt = v.forwardRef(
                 s ? "w-8 h-8 text-lg" : "w-10 h-10 text-xl"
               ),
               "aria-hidden": "true",
-              children: typeof e.icon == "string" ? /* @__PURE__ */ r("span", { children: e.icon }) : e.icon ? v.createElement(e.icon) : /* @__PURE__ */ r("span", { className: "text-muted-foreground", children: "•" })
+              children: typeof e.icon == "string" ? /* @__PURE__ */ r("span", { children: e.icon }) : e.icon ? w.createElement(e.icon) : /* @__PURE__ */ r("span", { className: "text-muted-foreground", children: "•" })
             }
           ),
           /* @__PURE__ */ p("div", { className: "flex-1 min-w-0", children: [
@@ -4185,7 +4185,7 @@ const vt = v.forwardRef(
   }
 );
 vt.displayName = "EntityDirectoryListItem";
-const wt = v.forwardRef(({ columns: e, showIcon: t, sort: o, onSortChange: a, compact: n, className: s }, i) => {
+const wt = w.forwardRef(({ columns: e, showIcon: t, sort: o, onSortChange: a, compact: n, className: s }, i) => {
   const l = (d) => {
     if (!a) return;
     const h = o?.column === d && o?.direction === "asc" ? "desc" : "asc";
@@ -4218,12 +4218,12 @@ const wt = v.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 h = d.sortable && (d.key === "title" || d.key === "metric"), S = o?.column === d.key;
+          const h = d.sortable && (d.key === "title" || d.key === "metric"), M = o?.column === d.key;
           return /* @__PURE__ */ p(
             "div",
             {
               role: "columnheader",
-              "aria-sort": S ? o?.direction === "asc" ? "ascending" : "descending" : void 0,
+              "aria-sort": M ? o?.direction === "asc" ? "ascending" : "descending" : void 0,
               className: f(
                 d.key === "title" && "flex-1",
                 d.key === "category" && "w-40",
@@ -4231,12 +4231,12 @@ const wt = v.forwardRef(({ columns: e, showIcon: t, sort: o, onSortChange: a, co
                 d.align === "center" && "text-center",
                 d.align === "right" && "text-right",
                 h && "cursor-pointer hover:text-foreground transition-colors select-none",
-                S && "text-foreground"
+                M && "text-foreground"
               ),
               style: d.width ? { width: d.width } : void 0,
               onClick: h && (d.key === "title" || d.key === "metric") ? () => c(d.key) : void 0,
               tabIndex: h ? 0 : void 0,
-              onKeyDown: h && (d.key === "title" || d.key === "metric") ? (y) => m(y, d.key) : void 0,
+              onKeyDown: h && (d.key === "title" || d.key === "metric") ? (v) => m(v, d.key) : void 0,
               children: [
                 d.label,
                 h && u(d.key)
@@ -4250,7 +4250,7 @@ const wt = v.forwardRef(({ columns: e, showIcon: t, sort: o, onSortChange: a, co
   );
 });
 wt.displayName = "EntityDirectoryTableHeader";
-const kt = v.forwardRef(
+const kt = w.forwardRef(
   ({
     entities: e,
     categories: t,
@@ -4265,7 +4265,7 @@ const kt = v.forwardRef(
     renderItem: u,
     className: d
   }, h) => {
-    const S = [
+    const M = [
       {
         key: "title",
         label: s ? "Nombre" : "Name",
@@ -4295,7 +4295,7 @@ const kt = v.forwardRef(
           /* @__PURE__ */ r(
             wt,
             {
-              columns: S,
+              columns: M,
               showIcon: o,
               sort: l,
               onSortChange: c,
@@ -4303,17 +4303,17 @@ const kt = v.forwardRef(
             }
           ),
           /* @__PURE__ */ r("div", { role: "rowgroup", children: e.map(
-            (y) => u ? /* @__PURE__ */ r(v.Fragment, { children: u(y) }, y.id) : /* @__PURE__ */ r(
+            (v) => u ? /* @__PURE__ */ r(w.Fragment, { children: u(v) }, v.id) : /* @__PURE__ */ r(
               vt,
               {
-                entity: y,
+                entity: v,
                 categories: t,
                 showIcon: o,
                 showCategoryBadge: a,
                 showMetric: n,
                 compact: m
               },
-              y.id
+              v.id
             )
           ) })
         ]
@@ -4322,7 +4322,7 @@ const kt = v.forwardRef(
   }
 );
 kt.displayName = "EntityDirectoryList";
-const Nt = v.forwardRef(({ rows: e = 5, className: t }, o) => /* @__PURE__ */ p(
+const Nt = w.forwardRef(({ rows: e = 5, className: t }, o) => /* @__PURE__ */ p(
   "div",
   {
     ref: o,
@@ -4352,7 +4352,7 @@ const Nt = v.forwardRef(({ rows: e = 5, className: t }, o) => /* @__PURE__ */ p(
   }
 ));
 Nt.displayName = "EntityDirectoryLoadingState";
-const Ct = v.forwardRef(({ value: e, onChange: t, placeholder: o = "Search entities...", className: a }, n) => /* @__PURE__ */ p("div", { className: f("relative", a), children: [
+const Ct = w.forwardRef(({ value: e, onChange: t, placeholder: o = "Search entities...", className: a }, n) => /* @__PURE__ */ p("div", { className: f("relative", a), children: [
   /* @__PURE__ */ r("div", { className: "absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none", children: /* @__PURE__ */ r(
     "svg",
     {
@@ -4419,7 +4419,7 @@ const Ct = v.forwardRef(({ value: e, onChange: t, placeholder: o = "Search entit
   )
 ] }));
 Ct.displayName = "EntityDirectorySearchFilter";
-const wo = v.forwardRef(
+const wo = w.forwardRef(
   ({
     entities: e,
     categories: t,
@@ -4434,25 +4434,25 @@ const wo = v.forwardRef(
     onSearchChange: u,
     searchPlaceholder: d,
     sortable: h = !1,
-    sort: S,
-    onSortChange: y,
+    sort: M,
+    onSortChange: v,
     showIcons: N = !0,
-    showCategoryBadges: g = !0,
-    showMetric: w = !0,
-    metricLabel: T,
-    compact: E = !1,
-    loading: P = !1,
-    error: M,
-    emptyMessage: A,
-    onRetry: I,
-    emptyState: k,
-    errorState: $,
+    showCategoryBadges: k = !0,
+    showMetric: g = !0,
+    metricLabel: E,
+    compact: P = !1,
+    loading: I = !1,
+    error: T,
+    emptyMessage: L,
+    onRetry: S,
+    emptyState: y,
+    errorState: A,
     loadingState: q,
     renderItem: re,
     className: X,
     style: oe
   }, Q) => {
-    const B = t && t.length > 0, D = !P && !M && e.length === 0, W = !P && !!M;
+    const B = t && t.length > 0, D = !I && !T && e.length === 0, W = !I && !!T;
     return /* @__PURE__ */ p("div", { ref: Q, className: f("space-y-6", X), style: oe, children: [
       /* @__PURE__ */ r(yt, { title: o, description: a }),
       B && s && /* @__PURE__ */ r(
@@ -4473,22 +4473,22 @@ const wo = v.forwardRef(
           placeholder: d
         }
       ),
-      P && (q || /* @__PURE__ */ r(Nt, {})),
-      W && ($ || /* @__PURE__ */ r(xt, { error: M, onRetry: I })),
-      D && (k || /* @__PURE__ */ r(bt, { message: A })),
-      !P && !W && !D && /* @__PURE__ */ r(
+      I && (q || /* @__PURE__ */ r(Nt, {})),
+      W && (A || /* @__PURE__ */ r(xt, { error: T, onRetry: S })),
+      D && (y || /* @__PURE__ */ r(bt, { message: L })),
+      !I && !W && !D && /* @__PURE__ */ r(
         kt,
         {
           entities: e,
           categories: t,
           showIcons: N,
-          showCategoryBadges: g,
-          showMetric: w,
-          metricLabel: T,
+          showCategoryBadges: k,
+          showMetric: g,
+          metricLabel: E,
           sortable: h,
-          sort: S,
-          onSortChange: y,
-          compact: E,
+          sort: M,
+          onSortChange: v,
+          compact: P,
           renderItem: re
         }
       )
@@ -4518,28 +4518,38 @@ const No = we(
     navigationItemClassName: c,
     loginButtonClassName: m,
     mobileMenuButtonClassName: u,
-    id: d,
-    "aria-label": h
-  }, S) => {
-    const [y, N] = ee(!1), g = ko({
+    renderNavLink: d,
+    id: h,
+    "aria-label": M
+  }, v) => {
+    const [N, k] = ee(!1), g = ko({
       variant: e,
       logo: t,
       navigationItems: o,
       loginButtonText: a,
       showMobileMenu: n
-    }), w = g.variant === "modern", T = g.variant === "luxury", E = T && g.showMobileMenu, P = y ? E ? "Close navigation panel" : "Close menu" : E ? "Open navigation panel" : "Open menu";
+    }), E = g.variant === "modern", P = g.variant === "luxury", I = P && g.showMobileMenu, T = N ? I ? "Close navigation panel" : "Close menu" : I ? "Open navigation panel" : "Open menu", L = ({
+      item: S,
+      className: y,
+      onClick: A
+    }) => d ? d({
+      item: S,
+      children: S.label,
+      className: y,
+      onClick: A
+    }) : /* @__PURE__ */ r("a", { href: S.href, className: y, onClick: A, children: S.label });
     return /* @__PURE__ */ p(se, { children: [
       /* @__PURE__ */ p(
         "header",
         {
-          ref: S,
-          id: d,
+          ref: v,
+          id: h,
           role: "banner",
-          "aria-label": h || "Site header",
+          "aria-label": M || "Site header",
           className: f(
             "flex items-center justify-between relative w-full space-x-4",
             // Luxury: wide horizontal rhythm from Figma, Modern/Minimal: compact padding
-            T ? "px-16 py-2" : "px-6 py-1",
+            P ? "px-16 py-2" : "px-6 py-1",
             s
           ),
           children: [
@@ -4549,9 +4559,9 @@ const No = we(
                 className: f(
                   "leading-normal",
                   // Luxury: Tenor Sans serif mark, Modern/Minimal: bold sans mark
-                  T ? "font-heading text-xl font-normal uppercase tracking-[0.04em]" : "font-black tracking-wider text-xl",
+                  P ? "font-heading text-xl font-normal uppercase tracking-[0.04em]" : "font-black tracking-wider text-xl",
                   // Variant-default text color (can be overridden)
-                  w ? "text-zinc-900" : "text-white",
+                  E ? "text-zinc-900" : "text-white",
                   i
                 ),
                 children: g.logo
@@ -4563,12 +4573,12 @@ const No = we(
                 className: f(
                   "hidden md:flex items-center max-w-fit",
                   // Luxury: plain links with separators, Modern: transparent row, Minimal: pill navigation
-                  T ? "ml-auto gap-4" : w ? "gap-4 bg-transparent border-0 shadow-none" : "gap-4 px-6 py-2 bg-white border border-gray-200 rounded-full shadow-sm",
+                  P ? "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",
                   l
                 ),
                 "aria-label": "Main navigation",
-                children: g.navigationItems.map((M, A) => /* @__PURE__ */ p("div", { className: "flex items-center gap-4", children: [
-                  A > 0 && /* @__PURE__ */ r(
+                children: g.navigationItems.map((S, y) => /* @__PURE__ */ p("div", { className: "flex items-center gap-4", children: [
+                  y > 0 && /* @__PURE__ */ r(
                     "div",
                     {
                       className: "flex items-center justify-center h-6 w-0",
@@ -4578,24 +4588,20 @@ const No = we(
                         {
                           className: f(
                             "h-px w-full",
-                            T ? "bg-white" : "bg-gray-200"
+                            P ? "bg-white" : "bg-gray-200"
                           )
                         }
                       ) })
                     }
                   ),
-                  /* @__PURE__ */ r(
-                    "a",
-                    {
-                      href: M.href,
-                      className: f(
-                        T ? "font-body text-sm font-normal uppercase tracking-[0.05em] leading-5 text-white hover:text-white/80 transition-colors" : "text-gray-900 text-sm font-medium leading-5 hover:text-black transition-colors text-ellipsis overflow-hidden text-nowrap",
-                        c
-                      ),
-                      children: M.label
-                    }
-                  )
-                ] }, M.id))
+                  L({
+                    item: S,
+                    className: f(
+                      P ? "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
+                    )
+                  })
+                ] }, S.id))
               }
             ),
             /* @__PURE__ */ p("div", { className: f("flex items-center shrink-0 w-1/5", "gap-6 p-4"), children: [
@@ -4606,7 +4612,7 @@ const No = we(
                   className: f(
                     "hidden md:flex items-center justify-center px-4 py-2 text-sm font-medium leading-5 transition-colors",
                     // Luxury: white outlined button, Modern: dark rectangular CTA, Minimal: white pill
-                    T ? "font-body h-9 bg-white text-zinc-900 border border-zinc-200 rounded-none hover:bg-zinc-100" : w ? "h-10 bg-zinc-900 text-white border-0 rounded-md hover:bg-zinc-800" : "h-9 bg-white border border-gray-200 text-zinc-900 rounded-full hover:bg-zinc-200",
+                    P ? "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
                   ),
                   children: g.loginButtonText
@@ -4616,20 +4622,20 @@ const No = we(
                 "button",
                 {
                   type: "button",
-                  onClick: () => N(!y),
-                  "aria-label": P,
-                  "aria-expanded": y,
+                  onClick: () => k(!N),
+                  "aria-label": T,
+                  "aria-expanded": N,
                   className: f(
                     "flex md:hidden items-center justify-center px-3 py-2 bg-white transition-colors",
-                    T ? "border border-zinc-200 text-zinc-900 hover:bg-zinc-100" : w ? "rounded-xl border border-zinc-200 hover:bg-gray-50" : "rounded-full hover:bg-gray-50",
+                    P ? "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
                   ),
-                  children: y ? /* @__PURE__ */ r(
+                  children: N ? /* @__PURE__ */ r(
                     Ye,
                     {
                       className: f(
                         "text-gray-900",
-                        T ? "h-[15px] w-[15px]" : "h-4 w-4"
+                        P ? "h-[15px] w-[15px]" : "h-4 w-4"
                       )
                     }
                   ) : /* @__PURE__ */ r(
@@ -4637,7 +4643,7 @@ const No = we(
                     {
                       className: f(
                         "text-gray-900",
-                        T ? "h-[15px] w-[15px]" : "h-4 w-4"
+                        P ? "h-[15px] w-[15px]" : "h-4 w-4"
                       )
                     }
                   )
@@ -4647,7 +4653,7 @@ const No = we(
           ]
         }
       ),
-      y && g.showMobileMenu && /* @__PURE__ */ p(
+      N && g.showMobileMenu && /* @__PURE__ */ p(
         "div",
         {
           className: "fixed inset-0 z-40 md:hidden",
@@ -4659,7 +4665,7 @@ const No = we(
               "div",
               {
                 className: "fixed inset-0 bg-black/50",
-                onClick: () => N(!1),
+                onClick: () => k(!1),
                 "aria-hidden": "true"
               }
             ),
@@ -4668,23 +4674,18 @@ const No = we(
                 "button",
                 {
                   type: "button",
-                  onClick: () => N(!1),
+                  onClick: () => k(!1),
                   "aria-label": "Close menu",
                   className: "flex h-10 w-10 items-center justify-center rounded-full bg-zinc-100 text-zinc-900 hover:bg-zinc-200",
                   children: /* @__PURE__ */ r(Ye, { className: "h-5 w-5" })
                 }
               ) }),
               /* @__PURE__ */ r("nav", { className: "flex-1 overflow-y-auto px-6 py-4", children: /* @__PURE__ */ p("div", { className: "flex flex-col gap-4", children: [
-                g.navigationItems.map((M) => /* @__PURE__ */ r(
-                  "a",
-                  {
-                    href: M.href,
-                    className: "block text-base font-medium text-zinc-900 hover:text-zinc-600 transition-colors py-2",
-                    onClick: () => N(!1),
-                    children: M.label
-                  },
-                  M.id
-                )),
+                g.navigationItems.map((S) => /* @__PURE__ */ r("div", { children: L({
+                  item: S,
+                  className: "block text-base font-medium text-zinc-900 hover:text-zinc-600 transition-colors py-2",
+                  onClick: () => k(!1)
+                }) }, S.id)),
                 /* @__PURE__ */ r("div", { className: "mt-4 pt-4 border-t border-zinc-200", children: /* @__PURE__ */ r(
                   "button",
                   {
@@ -4735,7 +4736,7 @@ const Co = (e) => ({
       theme: t,
       variant: o,
       layout: a
-    }), h = d.variant === "modern", S = d.variant === "modern" || d.variant === "luxury";
+    }), h = d.variant === "modern", M = d.variant === "modern" || d.variant === "luxury";
     return /* @__PURE__ */ r(
       "section",
       {
@@ -4782,15 +4783,15 @@ const Co = (e) => ({
                   /* @__PURE__ */ r("h1", { className: "text-4xl font-bold tracking-wide text-white sm:text-5xl lg:text-6xl", children: d.content.title }),
                   d.content.subtitle && /* @__PURE__ */ r("p", { className: "mt-4 text-xl text-white/90 sm:text-2xl", children: d.content.subtitle })
                 ] }),
-                d.variant === "minimal" && d.content.metrics && d.content.metrics.length > 0 && /* @__PURE__ */ r("div", { className: "mb-16", children: /* @__PURE__ */ r("div", { className: "mx-auto grid max-w-4xl grid-cols-1 gap-8 md:grid-cols-3", children: d.content.metrics.map((y, N) => /* @__PURE__ */ p("div", { className: "text-center", children: [
-                  /* @__PURE__ */ r("div", { className: "mb-2 text-3xl font-bold text-white md:text-4xl", children: y.value }),
-                  /* @__PURE__ */ r("div", { className: "text-sm text-white/80 md:text-base", children: y.label })
+                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((v, N) => /* @__PURE__ */ p("div", { className: "text-center", children: [
+                  /* @__PURE__ */ r("div", { className: "mb-2 text-3xl font-bold text-white md:text-4xl", children: v.value }),
+                  /* @__PURE__ */ r("div", { className: "text-sm text-white/80 md:text-base", children: v.label })
                 ] }, N)) }) }),
                 n && /* @__PURE__ */ r("div", { className: "relative z-20 mx-auto w-full max-w-4xl", children: n })
               ] }) }),
-              S && d.content.metrics && d.content.metrics.length > 0 && /* @__PURE__ */ r("div", { className: "absolute bottom-0 right-0 z-10 hidden md:block", children: /* @__PURE__ */ r("div", { className: "flex h-20 w-full max-w-4xl items-center gap-6 rounded-tl-2xl bg-white px-8 py-4 text-zinc-900 md:h-24 md:gap-12 md:px-12 md:py-6", children: d.content.metrics.map((y, N) => /* @__PURE__ */ p("div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ r("div", { className: "text-xl font-semibold leading-tight md:text-2xl", children: y.value }),
-                /* @__PURE__ */ r("div", { className: "text-xs leading-tight text-zinc-600 md:text-sm", children: y.label })
+              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((v, N) => /* @__PURE__ */ p("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ r("div", { className: "text-xl font-semibold leading-tight md:text-2xl", children: v.value }),
+                /* @__PURE__ */ r("div", { className: "text-xs leading-tight text-zinc-600 md:text-sm", children: v.label })
               ] }, N)) }) }),
               d.variant === "minimal" && /* @__PURE__ */ r("div", { className: "relative z-10 pb-8", children: /* @__PURE__ */ r("div", { className: "flex justify-center", children: /* @__PURE__ */ r(
                 "div",
@@ -4829,7 +4830,7 @@ const Mt = [
   // Light blue
   hoaFees: "#7fc9e3"
   // Very light blue
-}, zo = v.forwardRef(
+}, zo = w.forwardRef(
   ({
     initialPropertyPrice: e = ve.propertyPrice,
     initialDownPayment: t = ve.downPayment,
@@ -4840,49 +4841,49 @@ const Mt = [
     className: i,
     onCalculationChange: l
   }, c) => {
-    const [m, u] = v.useState(e), [d, h] = v.useState(t), [S, y] = v.useState(o), [N, g] = v.useState(a), [w, T] = v.useState(0), [E, P] = v.useState(0), M = v.useMemo(() => {
-      const k = Mt.find(
-        (q) => q.value === S
+    const [m, u] = w.useState(e), [d, h] = w.useState(t), [M, v] = w.useState(o), [N, k] = w.useState(a), [g, E] = w.useState(0), [P, I] = w.useState(0), T = w.useMemo(() => {
+      const y = Mt.find(
+        (q) => q.value === M
       )?.years || 30;
       return jt({
         propertyPrice: m,
         downPayment: d,
-        loanTerm: k,
+        loanTerm: y,
         interestRate: N,
-        propertyTax: n ? w : void 0,
-        hoaFees: s ? E : void 0
+        propertyTax: n ? g : void 0,
+        hoaFees: s ? P : void 0
       });
     }, [
       m,
       d,
-      S,
+      M,
       N,
-      w,
-      E,
+      g,
+      P,
       n,
       s
     ]);
-    v.useEffect(() => {
-      l?.(M);
-    }, [M, l]);
-    const A = v.useMemo(() => {
-      const I = [
+    w.useEffect(() => {
+      l?.(T);
+    }, [T, l]);
+    const L = w.useMemo(() => {
+      const S = [
         {
           label: "Principal e Intereses",
-          value: M.breakdown.principalAndInterest,
+          value: T.breakdown.principalAndInterest,
           color: Te.principalAndInterest
         }
       ];
-      return n && M.breakdown.propertyTax > 0 && I.push({
+      return n && T.breakdown.propertyTax > 0 && S.push({
         label: "Impuesto Predial",
-        value: M.breakdown.propertyTax,
+        value: T.breakdown.propertyTax,
         color: Te.propertyTax
-      }), s && M.breakdown.hoaFees > 0 && I.push({
+      }), s && T.breakdown.hoaFees > 0 && S.push({
         label: "Cuota HOA",
-        value: M.breakdown.hoaFees,
+        value: T.breakdown.hoaFees,
         color: Te.hoaFees
-      }), I;
-    }, [M, n, s]);
+      }), S;
+    }, [T, n, s]);
     return /* @__PURE__ */ r("div", { ref: c, className: f("w-full", i), children: /* @__PURE__ */ r(pt, { padding: "lg", className: "w-full", children: /* @__PURE__ */ p("div", { className: "space-y-6", children: [
       /* @__PURE__ */ p("div", { children: [
         /* @__PURE__ */ r(R, { variant: "h2", className: "mb-2", children: "Calculadora de Hipotecas" }),
@@ -4896,7 +4897,7 @@ const Mt = [
               label: "Precio de la propiedad",
               type: "number",
               value: m,
-              onChange: (I) => u(Number(I.target.value)),
+              onChange: (S) => u(Number(S.target.value)),
               suffix: "MXN",
               min: 0,
               step: 1e4
@@ -4908,7 +4909,7 @@ const Mt = [
               label: "Enganche",
               type: "number",
               value: d,
-              onChange: (I) => h(Number(I.target.value)),
+              onChange: (S) => h(Number(S.target.value)),
               suffix: "MXN",
               min: 0,
               step: 1e4
@@ -4919,8 +4920,8 @@ const Mt = [
               Ve,
               {
                 label: "Programa de préstamos",
-                value: S,
-                onChange: (I) => y(I.target.value),
+                value: M,
+                onChange: (S) => v(S.target.value),
                 options: To
               }
             ),
@@ -4930,7 +4931,7 @@ const Mt = [
                 label: "Tasa de interés",
                 type: "number",
                 value: N,
-                onChange: (I) => g(Number(I.target.value)),
+                onChange: (S) => k(Number(S.target.value)),
                 suffix: "%",
                 min: 0,
                 max: 100,
@@ -4943,8 +4944,8 @@ const Mt = [
             {
               label: "Impuesto predial mensual",
               type: "number",
-              value: w,
-              onChange: (I) => T(Number(I.target.value)),
+              value: g,
+              onChange: (S) => E(Number(S.target.value)),
               suffix: "MXN",
               min: 0,
               step: 100
@@ -4955,8 +4956,8 @@ const Mt = [
             {
               label: "Cuota HOA mensual",
               type: "number",
-              value: E,
-              onChange: (I) => P(Number(I.target.value)),
+              value: P,
+              onChange: (S) => I(Number(S.target.value)),
               suffix: "MXN",
               min: 0,
               step: 100
@@ -4967,11 +4968,11 @@ const Mt = [
           /* @__PURE__ */ r(
             ft,
             {
-              segments: A,
+              segments: L,
               size: 320,
               innerRadiusRatio: 0.65,
               centerContent: /* @__PURE__ */ p("div", { className: "text-center", children: [
-                /* @__PURE__ */ r(R, { variant: "h1", className: "font-bold mb-1", children: me(M.totalMonthlyPayment) }),
+                /* @__PURE__ */ r(R, { variant: "h1", className: "font-bold mb-1", children: me(T.totalMonthlyPayment) }),
                 /* @__PURE__ */ r(R, { variant: "body-sm", color: "secondary", children: "Tu Pago" })
               ] }),
               showLegend: !0,
@@ -4990,19 +4991,19 @@ const Mt = [
       /* @__PURE__ */ p("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4 pt-4 border-t", children: [
         /* @__PURE__ */ p("div", { children: [
           /* @__PURE__ */ r(R, { variant: "caption", color: "secondary", className: "mb-1", children: "Monto del préstamo" }),
-          /* @__PURE__ */ r(R, { variant: "body", weight: "semibold", children: me(M.loanPrincipal) })
+          /* @__PURE__ */ r(R, { variant: "body", weight: "semibold", children: me(T.loanPrincipal) })
         ] }),
         /* @__PURE__ */ p("div", { children: [
           /* @__PURE__ */ r(R, { variant: "caption", color: "secondary", className: "mb-1", children: "Pago mensual" }),
-          /* @__PURE__ */ r(R, { variant: "body", weight: "semibold", children: me(M.monthlyPayment) })
+          /* @__PURE__ */ r(R, { variant: "body", weight: "semibold", children: me(T.monthlyPayment) })
         ] }),
         /* @__PURE__ */ p("div", { children: [
           /* @__PURE__ */ r(R, { variant: "caption", color: "secondary", className: "mb-1", children: "Interés total" }),
-          /* @__PURE__ */ r(R, { variant: "body", weight: "semibold", children: me(M.totalInterest) })
+          /* @__PURE__ */ r(R, { variant: "body", weight: "semibold", children: me(T.totalInterest) })
         ] }),
         /* @__PURE__ */ p("div", { children: [
           /* @__PURE__ */ r(R, { variant: "caption", color: "secondary", className: "mb-1", children: "Total a pagar" }),
-          /* @__PURE__ */ r(R, { variant: "body", weight: "semibold", children: me(M.totalAmount) })
+          /* @__PURE__ */ r(R, { variant: "body", weight: "semibold", children: me(T.totalAmount) })
         ] })
       ] })
     ] }) }) });
@@ -5063,66 +5064,66 @@ const Po = (e, t, o) => {
   variant: s = "default",
   badgeColors: i
 }) => {
-  const [l, c] = ee(0), [m, u] = ee(!1), [d, h] = ee(!1), S = (_) => {
+  const [l, c] = ee(0), [m, u] = ee(!1), [d, h] = ee(!1), M = (_) => {
     _.preventDefault(), _.stopPropagation();
     const F = !m;
     u(F), o?.(e.id, F);
-  }, y = (_) => {
+  }, v = (_) => {
     _.preventDefault(), _.stopPropagation(), a?.(l, e.id);
-  }, N = (_, F) => !_ || !F ? "Price not available" : `$${_.toLocaleString()} ${F}`, g = s === "compact", w = s === "minimal", T = f(
+  }, N = (_, F) => !_ || !F ? "Price not available" : `$${_.toLocaleString()} ${F}`, k = s === "compact", g = s === "minimal", E = f(
     "relative overflow-hidden bg-card transition-all duration-300 ease-out cursor-pointer",
-    g ? "rounded-xl hover:shadow-lg border px-4 shadow-md" : w ? "rounded-2xl w-[454px] flex flex-col gap-4" : "rounded-2xl hover:-translate-y-1 hover:shadow-xl shadow-md",
+    k ? "rounded-xl hover:shadow-lg border px-4 shadow-md" : g ? "rounded-2xl w-[454px] flex flex-col gap-4" : "rounded-2xl hover:-translate-y-1 hover:shadow-xl shadow-md",
     t
-  ), E = f(
-    "relative overflow-hidden",
-    g ? "rounded-xl px-4 shadow-md" : w ? "rounded-2xl" : ""
   ), P = f(
+    "relative overflow-hidden",
+    k ? "rounded-xl px-4 shadow-md" : g ? "rounded-2xl" : ""
+  ), I = f(
     "w-full h-full object-cover",
-    g ? "" : w ? "rounded-2xl" : "transition-transform duration-300 hover:scale-105"
-  ), M = f(
+    k ? "" : g ? "rounded-2xl" : "transition-transform duration-300 hover:scale-105"
+  ), T = f(
     "absolute z-10 flex flex-wrap gap-2",
-    g ? "top-3 left-3" : "top-4 left-4"
-  ), A = f(
+    k ? "top-3 left-3" : "top-4 left-4"
+  ), L = f(
     "font-semibold",
-    g ? "rounded-full px-3 py-1 text-xs" : w ? "rounded-full px-3 h-7 flex items-center justify-center text-base" : "px-2 py-1 rounded-lg font-medium uppercase tracking-wide text-xs"
-  ), I = f(
+    k ? "rounded-full px-3 py-1 text-xs" : g ? "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"
+  ), S = f(
     "absolute z-10 cursor-pointer transition-all duration-200",
-    g ? "top-3 right-3 p-1 shadow-md rounded-full" : w ? "top-4 right-4 w-7 h-7 flex items-center justify-center hover:scale-105" : "top-4 right-4 bg-background/90 backdrop-blur-sm border border-border/20 text-foreground w-10 h-10 flex items-center justify-center rounded-full hover:bg-background hover:scale-105"
-  ), k = f(
+    k ? "top-3 right-3 p-1 shadow-md rounded-full" : g ? "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"
+  ), y = f(
     "absolute left-1/2 -translate-x-1/2 flex z-10",
-    w ? "bottom-4 gap-2 p-4" : "bottom-4 gap-1"
-  ), $ = f(
+    g ? "bottom-4 gap-2 p-4" : "bottom-4 gap-1"
+  ), A = f(
     "w-2 h-2 rounded-full border-none cursor-pointer transition-all duration-200 hover:scale-120"
   ), q = f(
-    g ? "p-2" : w ? "flex flex-col gap-2" : "p-6"
+    k ? "p-2" : g ? "flex flex-col gap-2" : "p-6"
   ), re = f(
     "font-semibold text-foreground line-clamp-2 leading-tight",
-    g ? "text-base mb-2" : w ? "text-base" : "text-lg font-bold mb-2"
+    k ? "text-base mb-2" : g ? "text-base" : "text-lg font-bold mb-2"
   ), X = f(
     "font-bold",
-    g ? "text-lg text-primary mb-2" : w ? "text-lg text-foreground" : "text-xl text-primary mb-2"
+    k ? "text-lg text-primary mb-2" : g ? "text-lg text-foreground" : "text-xl text-primary mb-2"
   ), oe = f(
     "text-muted-foreground",
-    g ? "text-sm flex items-center gap-1 mb-4" : w ? "text-base" : "text-base mb-4"
+    k ? "text-sm flex items-center gap-1 mb-4" : g ? "text-base" : "text-base mb-4"
   ), Q = f(
     "flex items-center",
-    g ? "justify-between mt-3 mb-4" : w ? "gap-3" : "gap-4 mb-4"
+    k ? "justify-between mt-3 mb-4" : g ? "gap-3" : "gap-4 mb-4"
   ), B = f(
     "flex items-center gap-1 text-muted-foreground",
     "text-sm"
   ), D = f(
     "text-sm text-muted-foreground line-clamp-2",
-    g ? "mt-2" : ""
+    k ? "mt-2" : ""
   ), C = !(e.images && e.images.length > 0) || d, pe = () => /* @__PURE__ */ p("div", { className: "w-full h-full bg-gradient-to-br from-primary/10 via-primary/5 to-secondary/10 flex flex-col items-center justify-center gap-3", children: [
-    /* @__PURE__ */ r("div", { className: "rounded-full bg-primary/10 p-6", children: /* @__PURE__ */ r(lo, { size: g ? 32 : 48, className: "text-primary/40" }) }),
+    /* @__PURE__ */ r("div", { className: "rounded-full bg-primary/10 p-6", children: /* @__PURE__ */ r(lo, { size: k ? 32 : 48, className: "text-primary/40" }) }),
     /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground", children: "No image available" })
-  ] }), de = /* @__PURE__ */ p("div", { className: T, children: [
+  ] }), de = /* @__PURE__ */ p("div", { className: E, children: [
     /* @__PURE__ */ p(
       "div",
       {
         className: f(
-          E,
-          g ? "h-52" : w ? "h-[481px]" : "aspect-[4/3]"
+          P,
+          k ? "h-52" : g ? "h-[481px]" : "aspect-[4/3]"
         ),
         children: [
           C ? /* @__PURE__ */ r(pe, {}) : /* @__PURE__ */ p("div", { className: "relative w-full h-full", "aria-hidden": "true", children: [
@@ -5131,24 +5132,24 @@ const Po = (e, t, o) => {
               {
                 src: e.images[l],
                 alt: e.title,
-                className: P,
-                onClick: a ? y : void 0,
+                className: I,
+                onClick: a ? v : void 0,
                 onError: () => h(!0)
               }
             ),
             /* @__PURE__ */ r("div", { className: "absolute inset-0 bg-gradient-to-b from-transparent to-black/40 pointer-events-none rounded-2xl" })
           ] }),
-          /* @__PURE__ */ r("div", { className: M, children: e.transactionTypes.map((_, F) => {
+          /* @__PURE__ */ r("div", { className: T, children: e.transactionTypes.map((_, F) => {
             const j = i?.[_.type];
             return /* @__PURE__ */ r(
               "span",
               {
                 className: f(
-                  A,
+                  L,
                   Po(
                     _,
                     j,
-                    w
+                    g
                   )
                 ),
                 style: j ? { backgroundColor: j } : void 0,
@@ -5160,10 +5161,10 @@ const Po = (e, t, o) => {
           n && /* @__PURE__ */ r(
             "button",
             {
-              onClick: S,
-              className: I,
+              onClick: M,
+              className: S,
               "aria-label": m ? "Unlike property" : "Like property",
-              children: g ? /* @__PURE__ */ r(
+              children: k ? /* @__PURE__ */ r(
                 "svg",
                 {
                   xmlns: "http://www.w3.org/2000/svg",
@@ -5186,17 +5187,17 @@ const Po = (e, t, o) => {
                 {
                   size: 20,
                   fill: m ? "currentColor" : "none",
-                  className: w ? "text-white" : m ? "text-destructive" : "",
-                  strokeWidth: w ? 1.5 : 2
+                  className: g ? "text-white" : m ? "text-destructive" : "",
+                  strokeWidth: g ? 1.5 : 2
                 }
               )
             }
           ),
-          !g && !C && e.images.length > 1 && /* @__PURE__ */ r("div", { className: k, children: e.images.map((_, F) => /* @__PURE__ */ r(
+          !k && !C && e.images.length > 1 && /* @__PURE__ */ r("div", { className: y, children: e.images.map((_, F) => /* @__PURE__ */ r(
             "button",
             {
               className: f(
-                $,
+                A,
                 F === l ? "bg-white" : "bg-white/50"
               ),
               onClick: (j) => {
@@ -5214,26 +5215,26 @@ const Po = (e, t, o) => {
       /* @__PURE__ */ r("h3", { className: re, children: e.title }),
       /* @__PURE__ */ r("p", { className: X, children: N(e.price?.amount, e.price?.currency) }),
       /* @__PURE__ */ p("p", { className: oe, children: [
-        g && /* @__PURE__ */ r(mo, { size: 14 }),
+        k && /* @__PURE__ */ r(mo, { size: 14 }),
         e.location.city,
         ", ",
         e.location.state
       ] }),
       /* @__PURE__ */ p("div", { className: Q, children: [
         /* @__PURE__ */ p("div", { className: B, children: [
-          /* @__PURE__ */ r(Qr, { size: w ? 20 : 16 }),
+          /* @__PURE__ */ r(Qr, { size: g ? 20 : 16 }),
           /* @__PURE__ */ r("span", { children: e.features.bedrooms })
         ] }),
         /* @__PURE__ */ p("div", { className: B, children: [
-          /* @__PURE__ */ r(Kr, { size: w ? 20 : 16 }),
+          /* @__PURE__ */ r(Kr, { size: g ? 20 : 16 }),
           /* @__PURE__ */ r("span", { children: e.features.bathrooms })
         ] }),
         /* @__PURE__ */ p("div", { className: B, children: [
-          /* @__PURE__ */ r(eo, { size: w ? 20 : 16 }),
+          /* @__PURE__ */ r(eo, { size: g ? 20 : 16 }),
           /* @__PURE__ */ r("span", { children: e.features.parking })
         ] }),
         /* @__PURE__ */ p("div", { className: B, children: [
-          /* @__PURE__ */ r(po, { size: w ? 20 : 16 }),
+          /* @__PURE__ */ r(po, { size: g ? 20 : 16 }),
           /* @__PURE__ */ p("span", { children: [
             e.features.area,
             " m²"
@@ -5342,7 +5343,7 @@ function Ro({
   transactionTypeOptions: a,
   locationOptions: n
 }) {
-  const s = v.useMemo(
+  const s = w.useMemo(
     () => ({
       propertyType: t?.propertyType || o[0]?.value || "",
       transactionType: t?.transactionType || a[0]?.value || "",
@@ -5354,7 +5355,7 @@ function Ro({
       a,
       n
     ]
-  ), [i, l] = v.useState(s), c = v.useCallback(
+  ), [i, l] = w.useState(s), c = w.useCallback(
     (u) => {
       l((d) => {
         const h = typeof u == "function" ? u(d) : u;
@@ -5362,7 +5363,7 @@ function Ro({
       });
     },
     []
-  ), m = v.useCallback(
+  ), m = w.useCallback(
     (u) => {
       u.preventDefault(), e?.({
         propertyType: i.propertyType,
@@ -5410,13 +5411,13 @@ const _e = ({
   className: n,
   containerClassName: s
 }) => {
-  const i = v.useMemo(
+  const i = w.useMemo(
     () => t.map((c) => ({
       value: c.value,
       label: c.label
     })),
     [t]
-  ), l = v.useCallback(
+  ), l = w.useCallback(
     (c) => {
       a(c.target.value);
     },
@@ -5779,67 +5780,67 @@ const _e = ({
   locationOptions: i,
   buttonLabel: l
 }) => {
-  const [c, m] = v.useState(!1), [u, d] = v.useState(null), h = Ro({
+  const [c, m] = w.useState(!1), [u, d] = w.useState(null), h = Ro({
     onSubmit: e,
     defaultValues: t,
     propertyTypeOptions: n,
     transactionTypeOptions: s,
     locationOptions: i
   }), {
-    formData: S,
-    setFormData: y,
+    formData: M,
+    setFormData: v,
     handleSubmit: N,
-    propertyTypeOptions: g,
-    transactionTypeOptions: w,
-    locationOptions: T
-  } = h, E = v.useCallback(
-    async (I) => {
-      I.preventDefault(), d(null), m(!0);
+    propertyTypeOptions: k,
+    transactionTypeOptions: g,
+    locationOptions: E
+  } = h, P = w.useCallback(
+    async (S) => {
+      S.preventDefault(), d(null), m(!0);
       try {
-        await N(I);
-      } catch (k) {
-        const $ = k instanceof Error ? k.message : "Search failed. Please try again.";
-        d($), console.error("Search error:", k);
+        await N(S);
+      } catch (y) {
+        const A = y instanceof Error ? y.message : "Search failed. Please try again.";
+        d(A), console.error("Search error:", y);
       } finally {
         m(!1);
       }
     },
     [N]
-  ), P = v.useCallback(
-    (I) => (k) => {
-      d(null), y(($) => ({ ...$, [I]: k }));
+  ), I = w.useCallback(
+    (S) => (y) => {
+      d(null), v((A) => ({ ...A, [S]: y }));
     },
-    [y]
-  ), M = v.useMemo(
+    [v]
+  ), T = w.useMemo(
     () => ({
-      propertyTypeOptions: g,
-      transactionTypeOptions: w,
-      locationOptions: T
+      propertyTypeOptions: k,
+      transactionTypeOptions: g,
+      locationOptions: E
     }),
-    [g, w, T]
-  ), A = et[a] || et.minimal;
+    [k, g, E]
+  ), L = et[a] || et.minimal;
   return /* @__PURE__ */ p(se, { children: [
     /* @__PURE__ */ r(
-      A,
+      L,
       {
-        formData: S,
-        options: M,
+        formData: M,
+        options: T,
         isSubmitting: c,
         error: u,
         className: o,
-        onFieldChange: P,
-        onSubmit: E,
+        onFieldChange: I,
+        onSubmit: P,
         ...(a === "modern" || a === "luxury") && { buttonLabel: l }
       }
     ),
     a === "minimal" && /* @__PURE__ */ r(
       Oo,
       {
-        formData: S,
-        options: M,
+        formData: M,
+        options: T,
         isSubmitting: c,
-        onFieldChange: P,
-        onSubmit: E
+        onFieldChange: I,
+        onSubmit: P
       }
     )
   ] });