@homlista-devs/ui 1.6.2 → 1.6.4

package/dist/index.css

@@ -472,6 +472,9 @@
   .ml-1\.5 {
     margin-left: calc(var(--spacing) * 1.5);
   }
+  .ml-auto {
+    margin-left: auto;
+  }
   .line-clamp-2 {
     overflow: hidden;
     display: -webkit-box;
@@ -564,6 +567,9 @@
   .h-52 {
     height: calc(var(--spacing) * 52);
   }
+  .h-\[15px\] {
+    height: 15px;
+  }
   .h-\[481px\] {
     height: 481px;
   }
@@ -636,6 +642,9 @@
   .w-70 {
     width: calc(var(--spacing) * 70);
   }
+  .w-\[15px\] {
+    width: 15px;
+  }
   .w-\[454px\] {
     width: 454px;
   }
@@ -1259,6 +1268,9 @@
   .px-8 {
     padding-inline: calc(var(--spacing) * 8);
   }
+  .px-16 {
+    padding-inline: calc(var(--spacing) * 16);
+  }
   .py-1 {
     padding-block: calc(var(--spacing) * 1);
   }
@@ -1396,6 +1408,14 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .tracking-\[0\.04em\] {
+    --tw-tracking: 0.04em;
+    letter-spacing: 0.04em;
+  }
+  .tracking-\[0\.05em\] {
+    --tw-tracking: 0.05em;
+    letter-spacing: 0.05em;
+  }
   .tracking-normal {
     --tw-tracking: var(--tracking-normal);
     letter-spacing: var(--tracking-normal);
@@ -1828,6 +1848,13 @@
       }
     }
   }
+  .hover\:bg-zinc-100 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-100);
+      }
+    }
+  }
   .hover\:bg-zinc-200 {
     &:hover {
       @media (hover: hover) {
@@ -1863,6 +1890,16 @@
       }
     }
   }
+  .hover\:text-white\/80 {
+    &:hover {
+      @media (hover: hover) {
+        color: color-mix(in srgb, #fff 80%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          color: color-mix(in oklab, var(--color-white) 80%, transparent);
+        }
+      }
+    }
+  }
   .hover\:text-zinc-600 {
     &:hover {
       @media (hover: hover) {

package/dist/types/index.d.ts

@@ -30,7 +30,7 @@ export type { EntityDirectoryProps } from "./widgets/entity-directory";
 export { EntityDirectory } from "./widgets/entity-directory";
 export type { HeaderProps } from "./widgets/header";
 export { Header } from "./widgets/header";
-export type { HeroBannerContent, HeroBannerLayout, HeroBannerProps, HeroBannerTemplate, HeroBannerTheme, HeroMetric, } from "./widgets/hero-banner";
+export type { HeroBannerContent, HeroBannerLayout, HeroBannerProps, HeroBannerTheme, HeroBannerVariant, HeroMetric, } from "./widgets/hero-banner";
 export { HeroBanner } from "./widgets/hero-banner";
 export type { MortgageCalculatorProps } from "./widgets/mortgage-calculator";
 export { MortgageCalculator } from "./widgets/mortgage-calculator";

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/types/widgets/header/index.d.ts

@@ -2,8 +2,8 @@
  * Header Widget
  * @module widgets/header
  *
- * Minimal pill-navigation header component for web applications.
- * Features centered pill-shaped navigation with dividers.
+ * Multi-variant header component for web applications.
+ * Supports minimal (pill navigation), modern (transparent navigation), and luxury (minimalist) variants.
  *
  * IMPORTANT: Always use Tailwind CSS standard classes instead of hardcoded values.
  *
@@ -11,16 +11,35 @@
  * ```tsx
  * import { Header } from '@homlista-devs/ui';
  *
+ * // Minimal variant (default)
  * <Header
+ *   variant="minimal"
  *   logo="BRAND NAME"
  *   navigationItems={[
- *     { label: "Home", href: "/" },
- *     { label: "About", href: "/about" },
+ *     { id: "home", label: "Home", href: "/" },
+ *     { id: "about", label: "About", href: "/about" },
  *   ]}
  *   loginButtonText="Sign In"
  * />
+ *
+ * // Modern variant
+ * <Header
+ *   variant="modern"
+ *   logo="BRAND NAME"
+ * />
+ *
+ * // Luxury variant
+ * <Header
+ *   variant="luxury"
+ *   logo="YLSE SALGADO"
+ *   navigationItems={[
+ *     { id: "acerca", label: "ACERCA DE", href: "#acerca" },
+ *     { id: "propiedades", label: "PROPIEDADES", href: "#propiedades" },
+ *   ]}
+ * />
  * ```
  */
-export type { HeaderProps } from "./ui/header";
+export type { HeaderModel, HeaderProps, HeaderVariant, NavigationItem, } from "./model";
+export { createHeaderModel } from "./model";
 export { Header } from "./ui/header";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/widgets/header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/header/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/header/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AAEH,YAAY,EACX,WAAW,EACX,WAAW,EACX,aAAa,EACb,cAAc,GACd,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC"}

package/dist/types/widgets/header/model/create-header-model.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Header Widget - Model Creation
+ * @module widgets/header/model
+ */
+import type { HeaderModel, HeaderProps } from "./types";
+/**
+ * Creates a normalized header model with defaults applied
+ *
+ * @param props - Header configuration props
+ * @returns Normalized header model
+ */
+export declare function createHeaderModel(props: Pick<HeaderProps, "variant" | "logo" | "navigationItems" | "loginButtonText" | "showMobileMenu">): HeaderModel;
+//# sourceMappingURL=create-header-model.d.ts.map

package/dist/types/widgets/header/model/create-header-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-header-model.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/header/model/create-header-model.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAExD;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAChC,KAAK,EAAE,IAAI,CACV,WAAW,EACT,SAAS,GACT,MAAM,GACN,iBAAiB,GACjB,iBAAiB,GACjB,gBAAgB,CAClB,GACC,WAAW,CAQb"}

package/dist/types/widgets/header/model/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Header Widget - Model Layer
+ * @module widgets/header/model
+ */
+export { createHeaderModel } from "./create-header-model";
+export type { HeaderModel, HeaderProps, HeaderVariant, NavigationItem, } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/widgets/header/model/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/header/model/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EACX,WAAW,EACX,WAAW,EACX,aAAa,EACb,cAAc,GACd,MAAM,SAAS,CAAC"}

package/dist/types/widgets/header/model/types.d.ts

@@ -0,0 +1,62 @@
+/**
+ * Header Widget - Type Definitions
+ * @module widgets/header/model/types
+ */
+import type { ReactNode } from "react";
+/**
+ * Navigation item configuration
+ */
+export interface NavigationItem {
+    /** Unique identifier */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Link URL */
+    href: string;
+}
+/**
+ * Template variant affecting layout and styling
+ */
+export type HeaderVariant = "minimal" | "modern" | "luxury";
+/**
+ * Header component props
+ */
+export interface HeaderProps {
+    /** Template variant */
+    variant?: HeaderVariant;
+    /** Logo text or element */
+    logo?: ReactNode;
+    /** Navigation items array */
+    navigationItems?: NavigationItem[];
+    /** Optional login button text */
+    loginButtonText?: string;
+    /** Show mobile menu */
+    showMobileMenu?: boolean;
+    /** Custom className for header container */
+    className?: string;
+    /** Custom className for logo */
+    logoClassName?: string;
+    /** Custom className for navigation container */
+    navigationClassName?: string;
+    /** Custom className for navigation items */
+    navigationItemClassName?: string;
+    /** Custom className for login button */
+    loginButtonClassName?: string;
+    /** Custom className for mobile menu button */
+    mobileMenuButtonClassName?: string;
+    /** Element ID */
+    id?: string;
+    /** ARIA label */
+    "aria-label"?: string;
+}
+/**
+ * Normalized header model with defaults applied
+ */
+export interface HeaderModel {
+    variant: HeaderVariant;
+    logo?: ReactNode;
+    navigationItems: NavigationItem[];
+    loginButtonText: string;
+    showMobileMenu: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/widgets/header/model/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/header/model/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,cAAc;IAC9B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe;IACf,IAAI,EAAE,MAAM,CAAC;CACb;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,WAAW;IAC3B,uBAAuB;IACvB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6BAA6B;IAC7B,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,iCAAiC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uBAAuB;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gDAAgD;IAChD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,4CAA4C;IAC5C,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,wCAAwC;IACxC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,8CAA8C;IAC9C,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iBAAiB;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC3B,OAAO,EAAE,aAAa,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;CACxB"}

package/dist/types/widgets/header/ui/header.d.ts

@@ -1,52 +1,46 @@
 /**
- * Header - Pill Navigation
+ * Header - Multi-variant Navigation
  * @module widgets/header/ui
  *
- * Pixel-perfect implementation matching Figma template design
- * Features: Centered pill-shaped navigation with dividers
+ * Pixel-perfect implementation matching Figma template designs
+ * Variants: minimal (pill navigation), modern (transparent navigation), luxury (elegant navigation with separators)
  *
  * IMPORTANT: Always use Tailwind CSS standard classes instead of hardcoded values:
  * ❌ DON'T: px-[24px], text-[14px], bg-[#f4f4f5]
  * ✅ DO: px-6, text-sm, bg-zinc-100
  * This ensures consistency, theme customization, and maintainability.
  */
-export interface HeaderProps {
-    /** Logo text or element */
-    logo?: React.ReactNode;
-    /** Navigation items array */
-    navigationItems?: Array<{
-        id: string;
-        label: string;
-        href: string;
-    }>;
-    /** Optional login button text */
-    loginButtonText?: string;
-    /** Show mobile menu */
-    showMobileMenu?: boolean;
-    /** Custom className for header container */
-    className?: string;
-    /** Custom className for logo */
-    logoClassName?: string;
-    /** Custom className for navigation container */
-    navigationClassName?: string;
-    /** Custom className for navigation items */
-    navigationItemClassName?: string;
-    /** Custom className for login button */
-    loginButtonClassName?: string;
-    /** Custom className for mobile menu button */
-    mobileMenuButtonClassName?: string;
-    /** Element ID */
-    id?: string;
-    /** ARIA label */
-    "aria-label"?: string;
-}
+import type { HeaderProps } from "../model";
 /**
- * Header - Pill-shaped navigation matching Figma template
+ * Header - Multi-variant navigation
  *
- * Pixel-perfect implementation with:
- * - Centered pill navigation with vertical dividers
- * - Responsive typography and spacing
- * - Semantic colors from Tailwind design system
+ * Pixel-perfect implementation supporting multiple design variants:
+ * - Minimal: Centered pill navigation with vertical dividers
+ * - Modern: Transparent navigation with dark logo and CTA
+ * - Luxury: Elegant navigation with separators, serif logo, and dual actions
+ *
+ * @example
+ * ```tsx
+ * // Minimal variant (default)
+ * <Header
+ *   variant="minimal"
+ *   logo="BRAND NAME"
+ *   navigationItems={[
+ *     { id: "home", label: "Home", href: "/" },
+ *     { id: "about", label: "About", href: "/about" },
+ *   ]}
+ * />
+ *
+ * // Luxury variant
+ * <Header
+ *   variant="luxury"
+ *   logo="YLSE SALGADO"
+ *   navigationItems={[
+ *     { id: "acerca", label: "ACERCA DE", href: "#acerca" },
+ *     { id: "propiedades", label: "PROPIEDADES", href: "#propiedades" },
+ *   ]}
+ * />
+ * ```
  */
 export declare const Header: import("react").ForwardRefExoticComponent<HeaderProps & import("react").RefAttributes<HTMLElement>>;
 //# sourceMappingURL=header.d.ts.map

package/dist/types/widgets/header/ui/header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/header/ui/header.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAMH,MAAM,WAAW,WAAW;IAC3B,2BAA2B;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,6BAA6B;IAC7B,eAAe,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrE,iCAAiC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uBAAuB;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gDAAgD;IAChD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,4CAA4C;IAC5C,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,wCAAwC;IACxC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,8CAA8C;IAC9C,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iBAAiB;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,qGAwLlB,CAAC"}
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/header/ui/header.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAKH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,MAAM,qGAyPlB,CAAC"}

package/dist/types/widgets/hero-banner/index.d.ts

@@ -2,7 +2,7 @@
  * Hero Banner Widget
  * @module widgets/hero-banner
  *
- * A flexible hero section component that adapts to different design templates.
+ * A flexible hero section component that adapts to different design variants.
  * Supports background images, statistics, logo, and custom search forms.
  *
  * @example
@@ -14,12 +14,12 @@
  *     title: "Find Your Dream Home",
  *     subtitle: "Discover amazing properties",
  *   }}
- *   template="modern"
+ *   variant="modern"
  *   searchForm={<SearchFeature variant="modern" />}
  * />
  * ```
  */
-export type { HeroBannerContent, HeroBannerLayout, HeroBannerModel, HeroBannerProps, HeroBannerTemplate, HeroBannerTheme, HeroMetric, } from "./model";
+export type { HeroBannerContent, HeroBannerLayout, HeroBannerModel, HeroBannerProps, HeroBannerTheme, HeroBannerVariant, HeroMetric, } from "./model";
 export { createHeroBannerModel } from "./model";
 export { HeroBanner } from "./ui/hero-banner";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/widgets/hero-banner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/hero-banner/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,YAAY,EACX,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,UAAU,GACV,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/hero-banner/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,YAAY,EACX,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,UAAU,GACV,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/types/widgets/hero-banner/model/create-hero-banner-model.d.ts

@@ -13,7 +13,7 @@ import type { HeroBannerModel, HeroBannerProps } from "./types";
  * ```tsx
  * const model = createHeroBannerModel({
  *   content: { title: "Welcome" },
- *   template: "modern"
+ *   variant: "modern"
  * });
  * ```
  */

package/dist/types/widgets/hero-banner/model/index.d.ts

@@ -3,5 +3,5 @@
  * @module widgets/hero-banner/model
  */
 export { createHeroBannerModel } from "./create-hero-banner-model";
-export type { HeroBannerContent, HeroBannerLayout, HeroBannerModel, HeroBannerProps, HeroBannerTemplate, HeroBannerTheme, HeroMetric, } from "./types";
+export type { HeroBannerContent, HeroBannerLayout, HeroBannerModel, HeroBannerProps, HeroBannerTheme, HeroBannerVariant, HeroMetric, } from "./types";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/widgets/hero-banner/model/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/hero-banner/model/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,YAAY,EACX,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,UAAU,GACV,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/hero-banner/model/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,YAAY,EACX,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,UAAU,GACV,MAAM,SAAS,CAAC"}

package/dist/types/widgets/hero-banner/model/types.d.ts

@@ -33,9 +33,9 @@ export interface HeroBannerTheme {
     backgroundPosition?: string;
 }
 /**
- * Template variant affecting layout and styling
+ * Variant affecting layout and styling
  */
-export type HeroBannerTemplate = "minimal" | "modern" | "luxury";
+export type HeroBannerVariant = "minimal" | "modern" | "luxury";
 /**
  * Layout variant for content positioning
  */
@@ -48,15 +48,15 @@ export interface HeroBannerProps {
     content: HeroBannerContent;
     /** Visual theme configuration */
     theme?: HeroBannerTheme;
-    /** Template variant */
-    template?: HeroBannerTemplate;
+    /** Hero banner variant */
+    variant?: HeroBannerVariant;
     /** Layout variant */
     layout?: HeroBannerLayout;
     /** Search form or CTA component */
     searchForm?: ReactNode;
     /** Optional logo element */
     logo?: ReactNode;
-    /** Optional navigation/header element (typically shown in minimal template) */
+    /** Optional navigation/header element (typically shown in minimal variant) */
     navigation?: ReactNode;
     /** Additional CSS classes */
     className?: string;
@@ -71,7 +71,7 @@ export interface HeroBannerProps {
 export interface HeroBannerModel {
     content: HeroBannerContent;
     theme: HeroBannerTheme;
-    template: HeroBannerTemplate;
+    variant: HeroBannerVariant;
     layout: HeroBannerLayout;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/types/widgets/hero-banner/model/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/hero-banner/model/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,UAAU;IAC1B,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IACjC,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC/B,2BAA2B;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6DAA6D;IAC7D,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEjE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC;AAE1C;;GAEG;AACH,MAAM,WAAW,eAAe;IAC/B,4BAA4B;IAC5B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,iCAAiC;IACjC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,qBAAqB;IACrB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,mCAAmC;IACnC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+EAA+E;IAC/E,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC/B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,MAAM,EAAE,gBAAgB,CAAC;CACzB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/hero-banner/model/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,UAAU;IAC1B,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IACjC,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC/B,2BAA2B;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6DAA6D;IAC7D,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEhE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC;AAE1C;;GAEG;AACH,MAAM,WAAW,eAAe;IAC/B,4BAA4B;IAC5B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,iCAAiC;IACjC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,qBAAqB;IACrB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,mCAAmC;IACnC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC/B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,MAAM,EAAE,gBAAgB,CAAC;CACzB"}

package/dist/types/widgets/hero-banner/ui/hero-banner.d.ts

@@ -6,7 +6,7 @@ import type { HeroBannerProps } from "../model";
 /**
  * Hero Banner Component
  *
- * A flexible hero section that adapts to different design templates.
+ * A flexible hero section that adapts to different design variants.
  * Supports background images, metrics, logo, and custom search forms.
  *
  * @example
@@ -21,7 +21,7 @@ import type { HeroBannerProps } from "../model";
  *     ]
  *   }}
  *   theme={{ backgroundImage: "/hero-bg.jpg" }}
- *   template="modern"
+ *   variant="modern"
  *   searchForm={<SearchFeature variant="modern" />}
  * />
  * ```

package/dist/types/widgets/hero-banner/ui/hero-banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hero-banner.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/hero-banner/ui/hero-banner.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAmBhD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,UAAU,yGAoKtB,CAAC"}
+{"version":3,"file":"hero-banner.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/hero-banner/ui/hero-banner.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAmBhD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,UAAU,yGAqKtB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@homlista-devs/ui",
-	"version": "1.6.2",
+	"version": "1.6.4",
 	"main": "./dist/design-system.cjs.js",
 	"module": "./dist/design-system.es.js",
 	"types": "./dist/types/index.d.ts",