@homlista-devs/ui 1.6.7 → 1.6.8

package/dist/design-system.es.js

@@ -159,8 +159,8 @@ function Lt(...e) {
 }
 // @__NO_SIDE_EFFECTS__
 function $t(e) {
-  const t = /* @__PURE__ */ Vt(e), o = w.forwardRef((a, n) => {
-    const { children: s, ...i } = a, l = w.Children.toArray(s), c = l.find(_t);
+  const t = /* @__PURE__ */ _t(e), o = w.forwardRef((a, n) => {
+    const { children: s, ...i } = a, l = w.Children.toArray(s), c = l.find(Ft);
     if (c) {
       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 });
@@ -171,7 +171,7 @@ function $t(e) {
 }
 var Ot = /* @__PURE__ */ $t("Slot");
 // @__NO_SIDE_EFFECTS__
-function Vt(e) {
+function _t(e) {
   const t = w.forwardRef((o, a) => {
     const { children: n, ...s } = o;
     if (w.isValidElement(n)) {
@@ -182,9 +182,9 @@ function Vt(e) {
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var Ft = Symbol("radix.slottable");
-function _t(e) {
-  return w.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Ft;
+var Vt = Symbol("radix.slottable");
+function Ft(e) {
+  return w.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Vt;
 }
 function Dt(e, t) {
   const o = { ...t };
@@ -478,9 +478,9 @@ const $ = (e) => {
     position: [x, b]
   }], de = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], _ = () => ["auto", "cover", "contain", br, fr, {
+  }], F = () => ["auto", "cover", "contain", br, fr, {
     size: [x, b]
-  }], F = () => [Me, ue, Y], j = () => [
+  }], V = () => [Me, ue, Y], j = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -1461,7 +1461,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: _()
+        bg: F()
       }],
       /**
        * Background Image
@@ -1488,21 +1488,21 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: F()
+        from: V()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: F()
+        via: V()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: F()
+        to: V()
       }],
       /**
        * Gradient Color Stops From
@@ -2138,7 +2138,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: _()
+        mask: F()
       }],
       /**
        * Mask Type
@@ -3521,7 +3521,7 @@ const Lr = J(
   }
 );
 ne.displayName = "Input";
-const Vr = (e) => {
+const _r = (e) => {
   switch (e) {
     case "sm":
       return "max-w-md";
@@ -3534,7 +3534,7 @@ const Vr = (e) => {
     default:
       return "max-w-2xl";
   }
-}, Fr = ({
+}, Vr = ({
   isOpen: e,
   onClose: t,
   title: o,
@@ -3560,7 +3560,7 @@ const Vr = (e) => {
     "fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4"
   ), u = f(
     "bg-card rounded-lg shadow-xl w-full max-h-[90vh] overflow-hidden flex flex-col",
-    Vr(n)
+    _r(n)
   ), d = f(
     "p-6 border-b border-border flex items-center justify-between"
   ), h = f("p-6 overflow-y-auto flex-1"), M = f(
@@ -3600,11 +3600,11 @@ const Vr = (e) => {
       )
     }
   );
-}, _r = ({
+}, Fr = ({
   children: e,
   actions: t,
   ...o
-}) => /* @__PURE__ */ p(Fr, { ...o, children: [
+}) => /* @__PURE__ */ p(Vr, { ...o, children: [
   /* @__PURE__ */ r("div", { className: "p-6 overflow-y-auto flex-1", children: e }),
   t && /* @__PURE__ */ r("div", { className: "p-6 border-t border-border flex justify-end gap-3", children: t })
 ] }), ta = ({
@@ -3616,7 +3616,7 @@ const Vr = (e) => {
   confirmText: s = "Confirm",
   cancelText: i = "Cancel"
 }) => /* @__PURE__ */ r(
-  _r,
+  Fr,
   {
     isOpen: e,
     onClose: t,
@@ -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 = w.forwardRef(
+], Ye = G("x", yo), _e = w.forwardRef(
   ({
     className: e,
     containerClassName: t,
@@ -4015,7 +4015,7 @@ const yo = [
     ] });
   }
 );
-Ve.displayName = "Select";
+_e.displayName = "Select";
 const vo = (e) => {
   switch (e) {
     case "sm":
@@ -4027,7 +4027,7 @@ const vo = (e) => {
     default:
       return "p-0";
   }
-}, Fe = ({
+}, Ve = ({
   children: e,
   header: t,
   sidebar: o,
@@ -4046,13 +4046,13 @@ const vo = (e) => {
     ] }),
     a && /* @__PURE__ */ r("footer", { className: "bg-card border-t border-border mt-auto", children: a })
   ] });
-}, ra = ({ children: e, header: t, sidebar: o }) => /* @__PURE__ */ r(Fe, { header: t, sidebar: o, padding: "lg", children: /* @__PURE__ */ r("div", { className: "max-w-screen-2xl", children: e }) }), oa = ({ children: e, title: t, subtitle: o }) => /* @__PURE__ */ r(Fe, { padding: "lg", children: /* @__PURE__ */ p("div", { className: "max-w-md mx-auto", children: [
+}, ra = ({ 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 }) }), oa = ({ 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(R, { variant: "h2", className: "mb-2", children: t }),
     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 = w.forwardRef(({ message: e = "No entities found", icon: t, action: o, className: a }, n) => /* @__PURE__ */ p(
+] }) }), aa = ({ children: e, header: t, footer: o }) => /* @__PURE__ */ r(Ve, { 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,
@@ -4553,20 +4553,30 @@ const No = we(
             s
           ),
           children: [
-            g.logo && /* @__PURE__ */ r("div", { className: "shrink-0 w-2/3 md:w-1/5 text-ellipsis overflow-hidden text-nowrap", children: typeof g.logo == "string" ? /* @__PURE__ */ r(
-              "p",
+            g.logo && /* @__PURE__ */ r(
+              "div",
               {
                 className: f(
-                  "leading-normal",
-                  // Luxury: Tenor Sans serif mark, Modern/Minimal: bold sans mark
-                  P ? "font-heading text-xl font-normal uppercase tracking-[0.04em]" : "font-black tracking-wider text-xl",
-                  // Variant-default text color (can be overridden)
-                  E ? "text-zinc-900" : "text-white",
-                  i
+                  "shrink-0 w-2/3 md:w-1/5 text-ellipsis overflow-hidden text-nowrap",
+                  // Keep modern logos legible even when clients upload white assets
+                  E && "[&_img]:brightness-0 [&_img]:saturate-0 [&_svg]:brightness-0 [&_svg]:saturate-0"
                 ),
-                children: g.logo
+                children: typeof g.logo == "string" ? /* @__PURE__ */ r(
+                  "p",
+                  {
+                    className: f(
+                      "leading-normal",
+                      // Luxury: Tenor Sans serif mark, Modern/Minimal: bold sans mark
+                      P ? "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",
+                      i
+                    ),
+                    children: g.logo
+                  }
+                ) : g.logo
               }
-            ) : g.logo }),
+            ),
             g.navigationItems.length > 0 && /* @__PURE__ */ r(
               "nav",
               {
@@ -4917,7 +4927,7 @@ const Mt = [
           ),
           /* @__PURE__ */ p("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
             /* @__PURE__ */ r(
-              Ve,
+              _e,
               {
                 label: "Programa de préstamos",
                 value: M,
@@ -5064,13 +5074,13 @@ const Po = (e, t, o) => {
   variant: s = "default",
   badgeColors: i
 }) => {
-  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);
-  }, v = (_) => {
-    _.preventDefault(), _.stopPropagation(), a?.(l, e.id);
-  }, N = (_, F) => !_ || !F ? "Price not available" : `$${_.toLocaleString()} ${F}`, k = s === "compact", g = s === "minimal", E = f(
+  const [l, c] = ee(0), [m, u] = ee(!1), [d, h] = ee(!1), M = (F) => {
+    F.preventDefault(), F.stopPropagation();
+    const V = !m;
+    u(V), o?.(e.id, V);
+  }, v = (F) => {
+    F.preventDefault(), F.stopPropagation(), a?.(l, e.id);
+  }, N = (F, V) => !F || !V ? "Price not available" : `$${F.toLocaleString()} ${V}`, k = s === "compact", g = s === "minimal", E = f(
     "relative overflow-hidden bg-card transition-all duration-300 ease-out cursor-pointer",
     k ? "rounded-xl hover:shadow-lg border px-4 shadow-md" : g ? "rounded-2xl w-[454px] flex flex-col gap-4" : "rounded-2xl hover:-translate-y-1 hover:shadow-xl shadow-md",
     t
@@ -5139,23 +5149,23 @@ const Po = (e, t, o) => {
             ),
             /* @__PURE__ */ r("div", { className: "absolute inset-0 bg-gradient-to-b from-transparent to-black/40 pointer-events-none rounded-2xl" })
           ] }),
-          /* @__PURE__ */ r("div", { className: T, children: e.transactionTypes.map((_, F) => {
-            const j = i?.[_.type];
+          /* @__PURE__ */ r("div", { className: T, children: e.transactionTypes.map((F, V) => {
+            const j = i?.[F.type];
             return /* @__PURE__ */ r(
               "span",
               {
                 className: f(
                   L,
                   Po(
-                    _,
+                    F,
                     j,
                     g
                   )
                 ),
                 style: j ? { backgroundColor: j } : void 0,
-                children: _.type
+                children: F.type
               },
-              F
+              V
             );
           }) }),
           n && /* @__PURE__ */ r(
@@ -5193,20 +5203,20 @@ const Po = (e, t, o) => {
               )
             }
           ),
-          !k && !C && e.images.length > 1 && /* @__PURE__ */ r("div", { className: y, children: e.images.map((_, F) => /* @__PURE__ */ r(
+          !k && !C && e.images.length > 1 && /* @__PURE__ */ r("div", { className: y, children: e.images.map((F, V) => /* @__PURE__ */ r(
             "button",
             {
               className: f(
                 A,
-                F === l ? "bg-white" : "bg-white/50"
+                V === l ? "bg-white" : "bg-white/50"
               ),
               onClick: (j) => {
-                j.preventDefault(), j.stopPropagation(), c(F);
+                j.preventDefault(), j.stopPropagation(), c(V);
               },
-              "aria-label": `Go to image ${F + 1}`,
-              "aria-current": F === l
+              "aria-label": `Go to image ${V + 1}`,
+              "aria-current": V === l
             },
-            F
+            V
           )) })
         ]
       }
@@ -5382,7 +5392,7 @@ function Ro({
     locationOptions: n
   };
 }
-const _e = ({
+const Fe = ({
   variant: e = "pill",
   isSubmitting: t,
   className: o
@@ -5403,7 +5413,7 @@ const _e = ({
       children: /* @__PURE__ */ r(je, { className: "h-6 w-6" })
     }
   );
-}, V = ({
+}, _ = ({
   label: e,
   options: t,
   value: o,
@@ -5424,7 +5434,7 @@ const _e = ({
     [a]
   );
   return /* @__PURE__ */ r("div", { className: f("flex min-w-0 flex-1 items-center", s), children: /* @__PURE__ */ r("div", { className: "flex-1 px-6 py-3.5", children: /* @__PURE__ */ r(
-    Ve,
+    _e,
     {
       label: e,
       options: i,
@@ -5448,7 +5458,7 @@ const _e = ({
 }) => /* @__PURE__ */ r("div", { className: f("rounded-xl bg-white shadow-lg p-6", i), children: /* @__PURE__ */ p("form", { className: "space-y-6", onSubmit: n, children: [
   /* @__PURE__ */ p("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: [
     /* @__PURE__ */ r(
-      V,
+      _,
       {
         label: "Property Type",
         options: t.propertyTypeOptions,
@@ -5459,7 +5469,7 @@ const _e = ({
       }
     ),
     /* @__PURE__ */ r(
-      V,
+      _,
       {
         label: "Transaction",
         options: t.transactionTypeOptions,
@@ -5470,7 +5480,7 @@ const _e = ({
       }
     ),
     /* @__PURE__ */ r(
-      V,
+      _,
       {
         label: "Location",
         options: t.locationOptions,
@@ -5517,7 +5527,7 @@ const _e = ({
     "aria-label": "Property search form",
     children: /* @__PURE__ */ p("div", { className: "flex flex-col gap-3 rounded-2xl bg-white p-4 shadow-lg", children: [
       /* @__PURE__ */ r(
-        V,
+        _,
         {
           label: "Property Type",
           options: t.propertyTypeOptions,
@@ -5527,7 +5537,7 @@ const _e = ({
         }
       ),
       /* @__PURE__ */ r(
-        V,
+        _,
         {
           label: "Transaction",
           options: t.transactionTypeOptions,
@@ -5537,7 +5547,7 @@ const _e = ({
         }
       ),
       /* @__PURE__ */ r(
-        V,
+        _,
         {
           label: "Location",
           options: t.locationOptions,
@@ -5546,7 +5556,7 @@ const _e = ({
           onChange: o("location")
         }
       ),
-      /* @__PURE__ */ r(_e, { variant: "mobile", isSubmitting: a })
+      /* @__PURE__ */ r(Fe, { variant: "mobile", isSubmitting: a })
     ] })
   }
 ), ie = ({ className: e }) => /* @__PURE__ */ r("div", { className: f("w-px self-stretch bg-gray-300 mx-6", e) }), Lo = ({
@@ -5565,7 +5575,7 @@ const _e = ({
     "aria-label": "Property search form",
     children: /* @__PURE__ */ p("div", { className: "flex items-stretch bg-white border border-gray-300 shadow-xl relative z-10 px-3", children: [
       /* @__PURE__ */ r(
-        V,
+        _,
         {
           label: "Tipo de propiedad",
           options: t.propertyTypeOptions,
@@ -5575,7 +5585,7 @@ const _e = ({
       ),
       /* @__PURE__ */ r(ie, {}),
       /* @__PURE__ */ r(
-        V,
+        _,
         {
           label: "Transacción",
           options: t.transactionTypeOptions,
@@ -5585,7 +5595,7 @@ const _e = ({
       ),
       /* @__PURE__ */ r(ie, {}),
       /* @__PURE__ */ r(
-        V,
+        _,
         {
           label: "Ciudad",
           options: t.locationOptions,
@@ -5621,7 +5631,7 @@ const _e = ({
     "aria-label": "Property search form",
     children: /* @__PURE__ */ p("div", { className: "flex items-stretch rounded-full bg-white border border-gray-300 shadow-xl relative z-10 p-1.5", children: [
       /* @__PURE__ */ r(
-        V,
+        _,
         {
           label: "Property Type",
           options: t.propertyTypeOptions,
@@ -5631,7 +5641,7 @@ const _e = ({
       ),
       /* @__PURE__ */ r(ie, {}),
       /* @__PURE__ */ r(
-        V,
+        _,
         {
           label: "Transaction",
           options: t.transactionTypeOptions,
@@ -5641,7 +5651,7 @@ const _e = ({
       ),
       /* @__PURE__ */ r(ie, {}),
       /* @__PURE__ */ r(
-        V,
+        _,
         {
           label: "Location",
           options: t.locationOptions,
@@ -5651,7 +5661,7 @@ const _e = ({
         }
       ),
       /* @__PURE__ */ r("div", { className: "flex items-center", children: /* @__PURE__ */ r(
-        _e,
+        Fe,
         {
           variant: "pill",
           isSubmitting: a,
@@ -5674,7 +5684,7 @@ const _e = ({
     "aria-label": "Property search form",
     children: /* @__PURE__ */ p("div", { className: "grid grid-cols-1 gap-3 rounded-2xl bg-white p-4 shadow-lg", children: [
       /* @__PURE__ */ r(
-        V,
+        _,
         {
           label: "Property Type",
           options: t.propertyTypeOptions,
@@ -5684,7 +5694,7 @@ const _e = ({
         }
       ),
       /* @__PURE__ */ r(
-        V,
+        _,
         {
           label: "Transaction",
           options: t.transactionTypeOptions,
@@ -5694,7 +5704,7 @@ const _e = ({
         }
       ),
       /* @__PURE__ */ r(
-        V,
+        _,
         {
           label: "Location",
           options: t.locationOptions,
@@ -5703,10 +5713,10 @@ const _e = ({
           onChange: o("location")
         }
       ),
-      /* @__PURE__ */ r(_e, { variant: "mobile", isSubmitting: a })
+      /* @__PURE__ */ r(Fe, { variant: "mobile", isSubmitting: a })
     ] })
   }
-), Vo = ({
+), _o = ({
   formData: e,
   options: t,
   onFieldChange: o,
@@ -5722,7 +5732,7 @@ const _e = ({
     "aria-label": "Property search form",
     children: /* @__PURE__ */ p("div", { className: "flex items-stretch rounded-lg bg-white border border-gray-300 shadow-xl relative z-10 px-3", children: [
       /* @__PURE__ */ r(
-        V,
+        _,
         {
           label: "Tipo de propiedad",
           options: t.propertyTypeOptions,
@@ -5733,7 +5743,7 @@ const _e = ({
       ),
       /* @__PURE__ */ r(ie, {}),
       /* @__PURE__ */ r(
-        V,
+        _,
         {
           label: "Transacción",
           options: t.transactionTypeOptions,
@@ -5743,7 +5753,7 @@ const _e = ({
       ),
       /* @__PURE__ */ r(ie, {}),
       /* @__PURE__ */ r(
-        V,
+        _,
         {
           label: "Ciudad",
           options: t.locationOptions,
@@ -5766,11 +5776,11 @@ const _e = ({
   }
 ), et = {
   minimal: $o,
-  modern: Vo,
+  modern: _o,
   luxury: Lo,
   compact: Ao,
   card: jo
-}, Fo = ({
+}, Vo = ({
   onSubmit: e,
   defaultValues: t,
   className: o,
@@ -5845,7 +5855,7 @@ const _e = ({
     )
   ] });
 };
-Fo.displayName = "SearchFeature";
+Vo.displayName = "SearchFeature";
 const sa = ({ href: e, children: t }) => /* @__PURE__ */ r(
   "a",
   {
@@ -6127,7 +6137,7 @@ const sa = ({ href: e, children: t }) => /* @__PURE__ */ r(
   if (!e)
     throw new Error("useTheme must be used within a ThemeProvider");
   return e;
-}, _o = {
+}, Fo = {
   name: "light",
   colors: {
     primary: "#007bff",
@@ -6392,7 +6402,7 @@ const sa = ({ href: e, children: t }) => /* @__PURE__ */ r(
     xl: "none"
   }
 }, ze = {
-  light: _o,
+  light: Fo,
   dark: Do,
   corporate: Bo,
   minimal: Ho
@@ -6425,14 +6435,14 @@ export {
   So as HeroBanner,
   ne as Input,
   aa as MarketingLayout,
-  Fr as Modal,
-  _r as ModalWithActions,
+  Vr as Modal,
+  Fr as ModalWithActions,
   zo as MortgageCalculator,
-  Fe as PageLayout,
+  Ve as PageLayout,
   na as PropertyCard,
   Eo as PropertyGallery,
-  Fo as SearchFeature,
-  Ve as Select,
+  Vo as SearchFeature,
+  _e as Select,
   sa as SkipLink,
   R as Text,
   va as ThemeProvider,