@homlista-devs/ui 1.6.5 → 1.6.7

package/dist/tokens.css

@@ -0,0 +1,387 @@
+/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
+:root {
+  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --font-heading: var(--font-sans);
+  --font-body: var(--font-sans);
+  --background: 0 0% 100%;
+  --background-secondary: 0 0% 98%;
+  --background-tertiary: 0 0% 96%;
+  --background-inverse: 222.2 84% 4.9%;
+  --foreground: 222.2 84% 4.9%;
+  --foreground-secondary: 215.4 16.3% 46.9%;
+  --foreground-tertiary: 215.4 20.2% 65.1%;
+  --foreground-inverse: 210 40% 98%;
+  --primary-50: 214.3 31.8% 91.4%;
+  --primary-100: 214.3 31.8% 91.4%;
+  --primary-200: 213.8 34.1% 84.3%;
+  --primary-300: 212.7 35.9% 74.6%;
+  --primary-400: 213.1 41.5% 63.1%;
+  --primary-500: 221.2 83.2% 53.3%;
+  --primary-600: 220.9 87.2% 46.9%;
+  --primary-700: 220.9 92.9% 36.1%;
+  --primary-800: 220.9 96.3% 28.2%;
+  --primary-900: 220.9 98.8% 22.4%;
+  --primary: 221.2 83.2% 53.3%;
+  --primary-foreground: 210 40% 98%;
+  --secondary-50: 210 40% 96%;
+  --secondary-100: 210 40% 96%;
+  --secondary-200: 210 40% 94%;
+  --secondary-300: 210 40% 90%;
+  --secondary-400: 210 40% 86%;
+  --secondary-500: 210 40% 80%;
+  --secondary-600: 217.2 32.6% 17.5%;
+  --secondary-700: 217.2 32.6% 15%;
+  --secondary-800: 217.2 32.6% 12%;
+  --secondary-900: 217.2 32.6% 9%;
+  --secondary: 210 40% 96%;
+  --secondary-foreground: 222.2 84% 4.9%;
+  --success-50: 142.1 76.2% 94.2%;
+  --success-100: 142.1 76.2% 94.2%;
+  --success-200: 142.1 76.2% 88.4%;
+  --success-300: 142.1 76.2% 78.8%;
+  --success-400: 142.1 76.2% 66.3%;
+  --success-500: 142.1 70.6% 45.3%;
+  --success-600: 142.1 71.8% 39.6%;
+  --success-700: 142.1 72.9% 32.9%;
+  --success-800: 142.1 73.8% 26.8%;
+  --success-900: 142.1 74.4% 21.8%;
+  --success: 142.1 70.6% 45.3%;
+  --success-foreground: 355.7 100% 97.3%;
+  --warning-50: 48 96.6% 93.6%;
+  --warning-100: 48 96.6% 93.6%;
+  --warning-200: 48 96.6% 87.3%;
+  --warning-300: 48 96.6% 76.7%;
+  --warning-400: 48 96.6% 63.5%;
+  --warning-500: 38 92% 50.2%;
+  --warning-600: 32 95.6% 43.7%;
+  --warning-700: 25 95% 36.7%;
+  --warning-800: 21 94.1% 30.8%;
+  --warning-900: 18 93.2% 25.9%;
+  --warning: 38 92% 50.2%;
+  --warning-foreground: 48 96.6% 9%;
+  --error-50: 0 84.2% 95.9%;
+  --error-100: 0 84.2% 95.9%;
+  --error-200: 0 84.2% 91.8%;
+  --error-300: 0 84.2% 85.2%;
+  --error-400: 0 84.2% 75.3%;
+  --error-500: 0 84.2% 60.2%;
+  --error-600: 0 84.2% 52.4%;
+  --error-700: 0 84.2% 43.9%;
+  --error-800: 0 84.2% 36.7%;
+  --error-900: 0 84.2% 30.4%;
+  --error: 0 84.2% 60.2%;
+  --error-foreground: 210 40% 98%;
+  --info-50: 199.2 89.1% 93.6%;
+  --info-100: 199.2 89.1% 93.6%;
+  --info-200: 199.2 89.1% 87.3%;
+  --info-300: 199.2 89.1% 76.7%;
+  --info-400: 199.2 89.1% 63.5%;
+  --info-500: 199.2 89.1% 50.2%;
+  --info-600: 199.2 89.1% 43.7%;
+  --info-700: 199.2 89.1% 36.7%;
+  --info-800: 199.2 89.1% 30.8%;
+  --info-900: 199.2 89.1% 25.9%;
+  --info: 199.2 89.1% 50.2%;
+  --info-foreground: 210 40% 98%;
+  --neutral-50: 210 40% 98%;
+  --neutral-100: 210 40% 96%;
+  --neutral-200: 214.3 31.8% 91.4%;
+  --neutral-300: 213.8 34.1% 84.3%;
+  --neutral-400: 215.4 16.3% 46.9%;
+  --neutral-500: 215.4 20.2% 65.1%;
+  --neutral-600: 217.2 32.6% 17.5%;
+  --neutral-700: 217.2 32.6% 15%;
+  --neutral-800: 217.2 32.6% 12%;
+  --neutral-900: 217.2 32.6% 9%;
+  --card: 0 0% 100%;
+  --card-foreground: 222.2 84% 4.9%;
+  --popover: 0 0% 100%;
+  --popover-foreground: 222.2 84% 4.9%;
+  --muted: 210 40% 96%;
+  --muted-foreground: 215.4 16.3% 46.9%;
+  --accent: 210 40% 96%;
+  --accent-foreground: 222.2 84% 4.9%;
+  --destructive: 0 84.2% 60.2%;
+  --destructive-foreground: 210 40% 98%;
+  --border: 214.3 31.8% 91.4%;
+  --input: 214.3 31.8% 91.4%;
+  --ring: 221.2 83.2% 53.3%;
+  --radius: 0.5rem;
+  --radius-sm: 0.25rem;
+  --radius-md: 0.375rem;
+  --radius-lg: 0.5rem;
+  --radius-xl: 0.75rem;
+  --radius-2xl: 1rem;
+  --radius-3xl: 1.5rem;
+  --radius-full: 9999px;
+}
+.dark, [data-theme="dark"] {
+  --background: 222.2 84% 4.9%;
+  --background-secondary: 222.2 84% 6%;
+  --background-tertiary: 222.2 84% 8%;
+  --background-inverse: 0 0% 100%;
+  --foreground: 210 40% 98%;
+  --foreground-secondary: 215 20.2% 65.1%;
+  --foreground-tertiary: 217.2 32.6% 17.5%;
+  --foreground-inverse: 222.2 84% 4.9%;
+  --primary-50: 220.9 98.8% 22.4%;
+  --primary-100: 220.9 96.3% 28.2%;
+  --primary-200: 220.9 92.9% 36.1%;
+  --primary-300: 220.9 87.2% 46.9%;
+  --primary-400: 221.2 83.2% 53.3%;
+  --primary-500: 217.2 91.2% 59.8%;
+  --primary-600: 217.2 91.2% 65%;
+  --primary-700: 217.2 91.2% 70%;
+  --primary-800: 217.2 91.2% 75%;
+  --primary-900: 217.2 91.2% 80%;
+  --primary: 217.2 91.2% 59.8%;
+  --primary-foreground: 222.2 84% 4.9%;
+  --secondary-50: 217.2 32.6% 17.5%;
+  --secondary-100: 217.2 32.6% 20%;
+  --secondary-200: 217.2 32.6% 25%;
+  --secondary-300: 217.2 32.6% 30%;
+  --secondary-400: 217.2 32.6% 35%;
+  --secondary-500: 217.2 32.6% 40%;
+  --secondary-600: 210 40% 96%;
+  --secondary-700: 210 40% 94%;
+  --secondary-800: 210 40% 90%;
+  --secondary-900: 210 40% 86%;
+  --secondary: 217.2 32.6% 17.5%;
+  --secondary-foreground: 210 40% 98%;
+  --success-50: 142.1 74.4% 21.8%;
+  --success-100: 142.1 73.8% 26.8%;
+  --success-200: 142.1 72.9% 32.9%;
+  --success-300: 142.1 71.8% 39.6%;
+  --success-400: 142.1 70.6% 45.3%;
+  --success-500: 142.1 76.2% 66.3%;
+  --success-600: 142.1 76.2% 78.8%;
+  --success-700: 142.1 76.2% 88.4%;
+  --success-800: 142.1 76.2% 94.2%;
+  --success-900: 142.1 76.2% 96%;
+  --success: 142.1 70.6% 45.3%;
+  --success-foreground: 142.1 76.2% 9%;
+  --warning-50: 18 93.2% 25.9%;
+  --warning-100: 21 94.1% 30.8%;
+  --warning-200: 25 95% 36.7%;
+  --warning-300: 32 95.6% 43.7%;
+  --warning-400: 38 92% 50.2%;
+  --warning-500: 48 96.6% 63.5%;
+  --warning-600: 48 96.6% 76.7%;
+  --warning-700: 48 96.6% 87.3%;
+  --warning-800: 48 96.6% 93.6%;
+  --warning-900: 48 96.6% 96%;
+  --warning: 38 92% 50.2%;
+  --warning-foreground: 48 96.6% 9%;
+  --error-50: 0 84.2% 30.4%;
+  --error-100: 0 84.2% 36.7%;
+  --error-200: 0 84.2% 43.9%;
+  --error-300: 0 84.2% 52.4%;
+  --error-400: 0 84.2% 60.2%;
+  --error-500: 0 84.2% 75.3%;
+  --error-600: 0 84.2% 85.2%;
+  --error-700: 0 84.2% 91.8%;
+  --error-800: 0 84.2% 95.9%;
+  --error-900: 0 84.2% 97%;
+  --error: 0 62.8% 30.6%;
+  --error-foreground: 210 40% 98%;
+  --info-50: 199.2 89.1% 25.9%;
+  --info-100: 199.2 89.1% 30.8%;
+  --info-200: 199.2 89.1% 36.7%;
+  --info-300: 199.2 89.1% 43.7%;
+  --info-400: 199.2 89.1% 50.2%;
+  --info-500: 199.2 89.1% 63.5%;
+  --info-600: 199.2 89.1% 76.7%;
+  --info-700: 199.2 89.1% 87.3%;
+  --info-800: 199.2 89.1% 93.6%;
+  --info-900: 199.2 89.1% 96%;
+  --info: 199.2 89.1% 50.2%;
+  --info-foreground: 210 40% 98%;
+  --neutral-50: 217.2 32.6% 9%;
+  --neutral-100: 217.2 32.6% 12%;
+  --neutral-200: 217.2 32.6% 15%;
+  --neutral-300: 217.2 32.6% 17.5%;
+  --neutral-400: 215.4 20.2% 65.1%;
+  --neutral-500: 215.4 16.3% 46.9%;
+  --neutral-600: 213.8 34.1% 84.3%;
+  --neutral-700: 214.3 31.8% 91.4%;
+  --neutral-800: 210 40% 96%;
+  --neutral-900: 210 40% 98%;
+  --card: 222.2 84% 4.9%;
+  --card-foreground: 210 40% 98%;
+  --popover: 222.2 84% 4.9%;
+  --popover-foreground: 210 40% 98%;
+  --muted: 217.2 32.6% 17.5%;
+  --muted-foreground: 215 20.2% 65.1%;
+  --accent: 217.2 32.6% 17.5%;
+  --accent-foreground: 210 40% 98%;
+  --destructive: 0 62.8% 30.6%;
+  --destructive-foreground: 210 40% 98%;
+  --border: 217.2 32.6% 17.5%;
+  --input: 217.2 32.6% 17.5%;
+  --ring: 224.3 76.3% 94.1%;
+}
+[data-theme="corporate"] {
+  --background: 210 40% 98%;
+  --background-secondary: 0 0% 100%;
+  --background-tertiary: 213 27% 97%;
+  --background-inverse: 216 28% 7%;
+  --foreground: 216 28% 7%;
+  --foreground-secondary: 215 25% 27%;
+  --foreground-tertiary: 215 16% 47%;
+  --foreground-inverse: 210 40% 98%;
+  --primary-50: 216 28% 95%;
+  --primary-100: 216 28% 90%;
+  --primary-200: 216 28% 80%;
+  --primary-300: 216 28% 60%;
+  --primary-400: 216 28% 45%;
+  --primary-500: 216 28% 25%;
+  --primary-600: 216 28% 20%;
+  --primary-700: 216 28% 15%;
+  --primary-800: 216 28% 10%;
+  --primary-900: 216 28% 7%;
+  --primary: 216 28% 25%;
+  --primary-foreground: 0 0% 100%;
+  --secondary-50: 215 25% 97%;
+  --secondary-100: 215 25% 93%;
+  --secondary-200: 215 25% 85%;
+  --secondary-300: 215 25% 70%;
+  --secondary-400: 215 25% 55%;
+  --secondary-500: 215 25% 40%;
+  --secondary-600: 215 25% 35%;
+  --secondary-700: 215 25% 30%;
+  --secondary-800: 215 25% 25%;
+  --secondary-900: 215 25% 20%;
+  --secondary: 215 25% 40%;
+  --secondary-foreground: 0 0% 100%;
+  --success: 151 55% 42%;
+  --success-foreground: 0 0% 100%;
+  --warning: 43 96% 44%;
+  --warning-foreground: 216 28% 7%;
+  --error: 0 72% 51%;
+  --error-foreground: 0 0% 100%;
+  --info: 200 98% 39%;
+  --info-foreground: 0 0% 100%;
+  --card: 0 0% 100%;
+  --card-foreground: 216 28% 7%;
+  --popover: 0 0% 100%;
+  --popover-foreground: 216 28% 7%;
+  --muted: 215 27% 92%;
+  --muted-foreground: 215 25% 27%;
+  --accent: 215 27% 92%;
+  --accent-foreground: 216 28% 7%;
+  --destructive: 0 72% 51%;
+  --destructive-foreground: 0 0% 100%;
+  --border: 215 27% 90%;
+  --input: 215 27% 90%;
+  --ring: 216 28% 25%;
+}
+[data-theme="minimal"] {
+  --font-sans: 'DM Sans', ui-sans-serif, system-ui, sans-serif;
+  --font-heading: 'DM Sans', ui-sans-serif, system-ui, sans-serif;
+  --font-body: 'DM Sans', ui-sans-serif, system-ui, sans-serif;
+  --background: 0 0% 100%;
+  --background-secondary: 0 0% 98%;
+  --background-tertiary: 0 0% 96%;
+  --background-inverse: 0 0% 0%;
+  --foreground: 0 0% 0%;
+  --foreground-secondary: 0 0% 40%;
+  --foreground-tertiary: 0 0% 60%;
+  --foreground-inverse: 0 0% 100%;
+  --primary-50: 0 0% 95%;
+  --primary-100: 0 0% 90%;
+  --primary-200: 0 0% 80%;
+  --primary-300: 0 0% 60%;
+  --primary-400: 0 0% 40%;
+  --primary-500: 0 0% 20%;
+  --primary-600: 0 0% 15%;
+  --primary-700: 0 0% 10%;
+  --primary-800: 0 0% 5%;
+  --primary-900: 0 0% 0%;
+  --primary: 0 0% 0%;
+  --primary-foreground: 0 0% 100%;
+  --secondary-50: 0 0% 98%;
+  --secondary-100: 0 0% 95%;
+  --secondary-200: 0 0% 90%;
+  --secondary-300: 0 0% 80%;
+  --secondary-400: 0 0% 70%;
+  --secondary-500: 0 0% 60%;
+  --secondary-600: 0 0% 50%;
+  --secondary-700: 0 0% 40%;
+  --secondary-800: 0 0% 30%;
+  --secondary-900: 0 0% 20%;
+  --secondary: 0 0% 40%;
+  --secondary-foreground: 0 0% 100%;
+  --success: 120 100% 33%;
+  --success-foreground: 0 0% 100%;
+  --warning: 38 100% 50%;
+  --warning-foreground: 0 0% 0%;
+  --error: 0 100% 33%;
+  --error-foreground: 0 0% 100%;
+  --info: 180 100% 33%;
+  --info-foreground: 0 0% 100%;
+  --card: 0 0% 100%;
+  --card-foreground: 0 0% 0%;
+  --popover: 0 0% 100%;
+  --popover-foreground: 0 0% 0%;
+  --muted: 0 0% 98%;
+  --muted-foreground: 0 0% 40%;
+  --accent: 0 0% 95%;
+  --accent-foreground: 0 0% 0%;
+  --destructive: 0 100% 33%;
+  --destructive-foreground: 0 0% 100%;
+  --border: 0 0% 80%;
+  --input: 0 0% 80%;
+  --ring: 0 0% 0%;
+}
+[data-theme="modern"] {
+  --font-sans: 'Poppins', ui-sans-serif, system-ui, sans-serif;
+  --font-heading: 'Poppins', ui-sans-serif, system-ui, sans-serif;
+  --font-body: 'Poppins', ui-sans-serif, system-ui, sans-serif;
+  --background: 0 0% 100%;
+  --background-secondary: 0 0% 98%;
+  --background-tertiary: 0 0% 96%;
+  --background-inverse: 222.2 84% 4.9%;
+  --foreground: 222.2 84% 4.9%;
+  --foreground-secondary: 215.4 16.3% 46.9%;
+  --foreground-tertiary: 215.4 20.2% 65.1%;
+  --foreground-inverse: 210 40% 98%;
+  --primary: 221.2 83.2% 53.3%;
+  --primary-foreground: 210 40% 98%;
+  --secondary: 210 40% 96%;
+  --secondary-foreground: 222.2 84% 4.9%;
+  --muted: 210 40% 96%;
+  --muted-foreground: 215.4 16.3% 46.9%;
+  --accent: 210 40% 96%;
+  --accent-foreground: 222.2 84% 4.9%;
+  --card: 0 0% 100%;
+  --card-foreground: 222.2 84% 4.9%;
+  --border: 214.3 31.8% 91.4%;
+  --input: 214.3 31.8% 91.4%;
+  --ring: 221.2 83.2% 53.3%;
+}
+[data-theme="luxury"] {
+  --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
+  --font-heading: 'Tenor Sans', 'Inter', serif;
+  --font-body: 'Inter', ui-sans-serif, system-ui, sans-serif;
+  --background: 0 0% 100%;
+  --background-secondary: 0 0% 98%;
+  --background-tertiary: 0 0% 96%;
+  --background-inverse: 222.2 84% 4.9%;
+  --foreground: 222.2 84% 4.9%;
+  --foreground-secondary: 215.4 16.3% 46.9%;
+  --foreground-tertiary: 215.4 20.2% 65.1%;
+  --foreground-inverse: 210 40% 98%;
+  --primary: 221.2 83.2% 53.3%;
+  --primary-foreground: 210 40% 98%;
+  --secondary: 210 40% 96%;
+  --secondary-foreground: 222.2 84% 4.9%;
+  --muted: 210 40% 96%;
+  --muted-foreground: 215.4 16.3% 46.9%;
+  --accent: 210 40% 96%;
+  --accent-foreground: 222.2 84% 4.9%;
+  --card: 0 0% 100%;
+  --card-foreground: 222.2 84% 4.9%;
+  --border: 214.3 31.8% 91.4%;
+  --input: 214.3 31.8% 91.4%;
+  --ring: 221.2 83.2% 53.3%;
+}

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

@@ -39,7 +39,7 @@
  * />
  * ```
  */
-export type { HeaderModel, HeaderProps, HeaderVariant, NavigationItem, } from "./model";
+export type { HeaderModel, HeaderNavLinkRenderer, HeaderNavLinkRenderProps, 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/header/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AAEH,YAAY,EACX,WAAW,EACX,qBAAqB,EACrB,wBAAwB,EACxB,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/index.d.ts

@@ -3,5 +3,5 @@
  * @module widgets/header/model
  */
 export { createHeaderModel } from "./create-header-model";
-export type { HeaderModel, HeaderProps, HeaderVariant, NavigationItem, } from "./types";
+export type { HeaderModel, HeaderNavLinkRenderer, HeaderNavLinkRenderProps, HeaderProps, HeaderVariant, NavigationItem, } from "./types";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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"}
+{"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,qBAAqB,EACrB,wBAAwB,EACxB,WAAW,EACX,aAAa,EACb,cAAc,GACd,MAAM,SAAS,CAAC"}

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

@@ -14,6 +14,26 @@ export interface NavigationItem {
     /** Link URL */
     href: string;
 }
+/**
+ * Props passed to custom header navigation link renderers
+ */
+export interface HeaderNavLinkRenderProps {
+    /** Original navigation item */
+    item: NavigationItem;
+    /** Link content */
+    children: ReactNode;
+    /** Link className generated by Header */
+    className: string;
+    /** Optional click handler (used in mobile menu to close panel) */
+    onClick?: () => void;
+}
+/**
+ * Custom header navigation link renderer
+ *
+ * Useful for integrating framework routing components (e.g. Next.js Link)
+ * while preserving the Header's styling and behavior.
+ */
+export type HeaderNavLinkRenderer = (props: HeaderNavLinkRenderProps) => ReactNode;
 /**
  * Template variant affecting layout and styling
  */
@@ -44,6 +64,8 @@ export interface HeaderProps {
     loginButtonClassName?: string;
     /** Custom className for mobile menu button */
     mobileMenuButtonClassName?: string;
+    /** Optional custom renderer for navigation links */
+    renderNavLink?: HeaderNavLinkRenderer;
     /** Element ID */
     id?: string;
     /** ARIA label */

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

@@ -1 +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"}
+{"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,WAAW,wBAAwB;IACxC,+BAA+B;IAC/B,IAAI,EAAE,cAAc,CAAC;IACrB,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;GAKG;AACH,MAAM,MAAM,qBAAqB,GAAG,CACnC,KAAK,EAAE,wBAAwB,KAC3B,SAAS,CAAC;AAEf;;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,oDAAoD;IACpD,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,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.map

@@ -1 +1 @@
-{"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,qGAkPlB,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,qGAyQlB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@homlista-devs/ui",
-	"version": "1.6.5",
+	"version": "1.6.7",
 	"main": "./dist/design-system.cjs.js",
 	"module": "./dist/design-system.es.js",
 	"types": "./dist/types/index.d.ts",
@@ -11,8 +11,13 @@
 			"import": "./dist/design-system.es.js",
 			"require": "./dist/design-system.cjs.js"
 		},
-		"./styles.css": "./dist/index.css",
-		"./styles": "./dist/index.css"
+		"./styles.css": "./dist/styles.css",
+		"./styles": "./dist/styles.css",
+		"./base.css": "./dist/base.css",
+		"./tokens.css": "./dist/tokens.css",
+		"./precompiled.css": "./dist/precompiled.css",
+		"./legacy.css": "./dist/precompiled.css",
+		"./index.css": "./dist/precompiled.css"
 	},
 	"files": [
 		"dist"
@@ -31,9 +36,14 @@
 	"scripts": {
 		"dev": "vite",
 		"build": "tsc --noEmit && vite build",
-		"build:lib": "vite build && npm run build:types && npm run build:css",
+		"build:lib": "vite build && pnpm run build:types && pnpm run build:css",
 		"build:types": "tsc --project tsconfig.app.json --emitDeclarationOnly --outDir dist/types --skipLibCheck",
-		"build:css": "postcss ./src/index.css -o ./dist/index.css --config ./postcss.config.js",
+		"build:css": "pnpm run build:css:minimal && pnpm run build:css:base && pnpm run build:css:tokens && pnpm run build:css:precompiled && pnpm run build:css:legacy-index",
+		"build:css:minimal": "postcss ./src/styles.css -o ./dist/styles.css --config ./postcss.config.js",
+		"build:css:base": "postcss ./src/styles.css -o ./dist/base.css --config ./postcss.config.js",
+		"build:css:tokens": "postcss ./src/tokens.css -o ./dist/tokens.css --config ./postcss.config.js",
+		"build:css:precompiled": "postcss ./src/precompiled.css -o ./dist/precompiled.css --config ./postcss.config.js",
+		"build:css:legacy-index": "postcss ./src/precompiled.css -o ./dist/index.css --config ./postcss.config.js",
 		"lint": "biome check --write .",
 		"lint:ci": "biome ci .",
 		"format": "biome format --write .",