iryx-ui 0.19.0 → 0.20.0

package/dist/theme/site-header.d.ts

@@ -0,0 +1,74 @@
+export declare const siteHeaderTheme: import("tailwind-variants").TVReturnType<{
+    sticky: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+    bordered: {
+        true: {
+            root: string;
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    container: string;
+    brand: string;
+    nav: string;
+    link: string;
+    actions: string;
+    menu: string;
+    menuLink: string;
+}, undefined, {
+    sticky: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+    bordered: {
+        true: {
+            root: string;
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    container: string;
+    brand: string;
+    nav: string;
+    link: string;
+    actions: string;
+    menu: string;
+    menuLink: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+    sticky: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+    bordered: {
+        true: {
+            root: string;
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    container: string;
+    brand: string;
+    nav: string;
+    link: string;
+    actions: string;
+    menu: string;
+    menuLink: string;
+}>>;
+export type SiteHeaderSlots = keyof ReturnType<typeof siteHeaderTheme>;

package/dist/theme/site-header.js

@@ -0,0 +1,30 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/site-header.ts
+var t = e({
+	slots: {
+		root: "w-full",
+		container: "flex h-16 items-center gap-6",
+		brand: "flex items-center gap-2.5 font-semibold tracking-tight",
+		nav: "ml-4 hidden items-center gap-1 md:flex",
+		link: "rounded-lg px-3 py-1.5 text-sm text-muted-foreground transition-[color,background-color,border-color,box-shadow] outline-none hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-primary/50 aria-[current=page]:text-foreground",
+		actions: "ml-auto flex items-center gap-2",
+		menu: "flex flex-col",
+		menuLink: "rounded-lg px-3 py-2.5 text-sm transition-[color,background-color,border-color,box-shadow] outline-none hover:bg-accent focus-visible:ring-2 focus-visible:ring-primary/50 aria-[current=page]:font-medium"
+	},
+	variants: {
+		sticky: {
+			true: { root: "sticky top-0 z-40 bg-background/80 backdrop-blur" },
+			false: { root: "bg-background" }
+		},
+		bordered: {
+			true: { root: "border-b border-border" },
+			false: {}
+		}
+	},
+	defaultVariants: {
+		sticky: !0,
+		bordered: !0
+	}
+});
+//#endregion
+export { t as siteHeaderTheme };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "iryx-ui",
   "type": "module",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "description": "A Vue 3 component library built on Reka UI and Tailwind CSS v4.",
   "author": "therok1",
   "license": "MIT",