iryx-ui 0.2.0 → 0.4.0

package/dist/packages/iryx-ui/src/theme/breadcrumb.js

@@ -0,0 +1,12 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/breadcrumb.ts
+var t = e({ slots: {
+	root: "text-sm",
+	list: "flex flex-wrap items-center gap-1.5",
+	item: "inline-flex items-center gap-1.5",
+	link: "inline-flex items-center gap-1.5 rounded text-muted-foreground transition-colors outline-none hover:text-foreground focus-visible:ring-2 focus-visible:ring-primary/50 [&_svg]:size-4 [&_svg]:shrink-0",
+	current: "inline-flex items-center gap-1.5 font-medium text-foreground [&_svg]:size-4 [&_svg]:shrink-0",
+	separator: "text-muted-foreground [&_svg]:size-3.5"
+} });
+//#endregion
+export { t as breadcrumbTheme };

package/dist/packages/iryx-ui/src/theme/button-group.js

@@ -0,0 +1,15 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/button-group.ts
+var t = e({
+	base: "isolate inline-flex [&>*]:relative [&>*:focus-visible]:z-10 [&>*:hover]:z-10",
+	variants: {
+		orientation: {
+			horizontal: "[&>*:not(:first-child)]:-ml-px [&>*:not(:first-child)]:rounded-l-none [&>*:not(:last-child)]:rounded-r-none",
+			vertical: "flex-col [&>*:not(:first-child)]:-mt-px [&>*:not(:first-child)]:rounded-t-none [&>*:not(:last-child)]:rounded-b-none"
+		},
+		block: { true: "flex w-full [&>*]:flex-1" }
+	},
+	defaultVariants: { orientation: "horizontal" }
+});
+//#endregion
+export { t as buttonGroupTheme };

package/dist/packages/iryx-ui/src/theme/button.js

@@ -0,0 +1,59 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/button.ts
+var t = e({
+	base: "inline-flex shrink-0 items-center justify-center gap-2 rounded-lg border border-transparent font-medium transition-[color,background-color,border-color,box-shadow,opacity,filter,translate] outline-none focus-visible:ring-2 focus-visible:ring-primary/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+	variants: {
+		variant: {
+			solid: "bg-linear-to-b from-primary-from to-primary-to text-primary-foreground hover:brightness-110 active:brightness-95",
+			outline: "border-border bg-background text-foreground hover:bg-accent hover:text-accent-foreground",
+			ghost: "text-foreground hover:bg-accent hover:text-accent-foreground",
+			link: "text-primary underline-offset-4 hover:underline active:translate-y-0"
+		},
+		size: {
+			xs: "h-7 gap-1.5 px-2 text-xs has-[[data-icon=inline-end]]:pr-1.5 has-[[data-icon=inline-start]]:pl-1.5 [&_svg]:size-3.5",
+			sm: "h-8 px-3 text-sm has-[[data-icon=inline-end]]:pr-2 has-[[data-icon=inline-start]]:pl-2 [&_svg]:size-4",
+			md: "h-9 px-4 text-sm has-[[data-icon=inline-end]]:pr-3 has-[[data-icon=inline-start]]:pl-3 [&_svg]:size-4",
+			lg: "h-10 px-5 text-base has-[[data-icon=inline-end]]:pr-4 has-[[data-icon=inline-start]]:pl-4 [&_svg]:size-5",
+			xl: "h-12 px-6 text-base has-[[data-icon=inline-end]]:pr-5 has-[[data-icon=inline-start]]:pl-5 [&_svg]:size-5"
+		},
+		square: {
+			true: "",
+			false: ""
+		},
+		block: { true: "w-full" }
+	},
+	compoundVariants: [
+		{
+			square: !0,
+			size: "xs",
+			class: "w-7 px-0 has-[[data-icon]]:px-0"
+		},
+		{
+			square: !0,
+			size: "sm",
+			class: "w-8 px-0 has-[[data-icon]]:px-0"
+		},
+		{
+			square: !0,
+			size: "md",
+			class: "w-9 px-0 has-[[data-icon]]:px-0"
+		},
+		{
+			square: !0,
+			size: "lg",
+			class: "w-10 px-0 has-[[data-icon]]:px-0"
+		},
+		{
+			square: !0,
+			size: "xl",
+			class: "w-12 px-0 has-[[data-icon]]:px-0"
+		}
+	],
+	defaultVariants: {
+		variant: "solid",
+		size: "md",
+		square: !1
+	}
+});
+//#endregion
+export { t as buttonTheme };

package/dist/packages/iryx-ui/src/theme/dialog.js

@@ -0,0 +1,23 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/dialog.ts
+var t = e({
+	slots: {
+		overlay: "fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in",
+		content: "fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100dvh-2rem)] w-[calc(100vw-2rem)] -translate-x-1/2 -translate-y-1/2 flex-col gap-4 rounded-xl border border-border bg-background p-6 text-foreground shadow-lg outline-none data-[state=closed]:animate-dialog-out data-[state=open]:animate-dialog-in",
+		header: "flex flex-col gap-1",
+		title: "text-base leading-none font-semibold",
+		description: "text-sm text-muted-foreground",
+		body: "-m-1 min-h-0 flex-1 overflow-y-auto p-1",
+		footer: "flex flex-wrap items-center justify-end gap-2",
+		close: "absolute top-4 right-4 rounded-md p-1 text-muted-foreground transition-colors outline-none hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-primary/50 [&_svg]:size-4"
+	},
+	variants: { size: {
+		sm: { content: "sm:max-w-sm" },
+		md: { content: "sm:max-w-md" },
+		lg: { content: "sm:max-w-lg" },
+		xl: { content: "sm:max-w-2xl" }
+	} },
+	defaultVariants: { size: "md" }
+});
+//#endregion
+export { t as dialogTheme };

package/dist/packages/iryx-ui/src/theme/dropdown-menu.js

@@ -0,0 +1,16 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/dropdown-menu.ts
+var t = e({
+	slots: {
+		content: "z-50 min-w-40 overflow-hidden rounded-lg border border-border bg-background p-1 text-foreground shadow-lg outline-none data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in",
+		item: "flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0",
+		label: "px-2 py-1.5 text-xs font-medium text-muted-foreground",
+		separator: "-mx-1 my-1 h-px bg-border",
+		subTrigger: "flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0",
+		subContent: "z-50 min-w-40 overflow-hidden rounded-lg border border-border bg-background p-1 text-foreground shadow-lg outline-none data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in",
+		subTriggerIcon: "ml-auto"
+	},
+	variants: { danger: { true: { item: "text-danger data-[highlighted]:bg-danger-muted data-[highlighted]:text-danger-muted-foreground" } } }
+});
+//#endregion
+export { t as dropdownMenuTheme };

package/dist/packages/iryx-ui/src/theme/empty-state.js

@@ -0,0 +1,34 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/empty-state.ts
+var t = e({
+	slots: {
+		root: "flex flex-col items-center justify-center text-center",
+		icon: "text-muted-foreground",
+		title: "font-medium text-foreground",
+		description: "max-w-sm text-sm text-muted-foreground",
+		actions: "flex flex-wrap items-center justify-center gap-2"
+	},
+	variants: { size: {
+		sm: {
+			root: "gap-1.5 px-4 py-8",
+			icon: "[&_svg]:size-8",
+			title: "text-sm",
+			actions: "mt-2"
+		},
+		md: {
+			root: "gap-2 px-6 py-12",
+			icon: "[&_svg]:size-10",
+			title: "text-base",
+			actions: "mt-4"
+		},
+		lg: {
+			root: "gap-2.5 px-8 py-16",
+			icon: "[&_svg]:size-12",
+			title: "text-lg",
+			actions: "mt-6"
+		}
+	} },
+	defaultVariants: { size: "md" }
+});
+//#endregion
+export { t as emptyStateTheme };

package/dist/{theme → packages/iryx-ui/src/theme}/form.js

@@ -1,7 +1,7 @@
 import { tv as e } from "tailwind-variants";
 //#region src/theme/form.ts
 var t = e({ slots: {
-	root: "space-y-1.5",
+	root: "space-y-2",
 	header: "flex items-center justify-between gap-2",
 	label: "",
 	hint: "text-sm leading-none text-muted-foreground",

package/dist/packages/iryx-ui/src/theme/number-input.js

@@ -0,0 +1,49 @@
+import { fieldBase as e } from "./input.js";
+import { tv as t } from "tailwind-variants";
+//#region src/theme/number-input.ts
+var n = t({
+	slots: {
+		root: "relative inline-flex w-full items-stretch",
+		input: `flex w-full text-right tabular-nums ${e}`,
+		stepper: "absolute inset-y-px end-px flex flex-col justify-center overflow-hidden rounded-e-lg border-s border-border",
+		step: "flex flex-1 items-center justify-center px-1.5 text-muted-foreground transition-colors outline-none hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-3"
+	},
+	variants: {
+		size: {
+			sm: {
+				input: "h-8 px-2.5 text-sm",
+				stepper: "w-5"
+			},
+			md: {
+				input: "h-9 px-3 text-sm",
+				stepper: "w-6"
+			},
+			lg: {
+				input: "h-10 px-4 text-base",
+				stepper: "w-7"
+			}
+		},
+		invalid: { true: { input: "border-red-500 focus-visible:ring-red-500/40" } },
+		withStepper: { true: {} }
+	},
+	compoundVariants: [
+		{
+			withStepper: !0,
+			size: "sm",
+			class: { input: "pe-7" }
+		},
+		{
+			withStepper: !0,
+			size: "md",
+			class: { input: "pe-8" }
+		},
+		{
+			withStepper: !0,
+			size: "lg",
+			class: { input: "pe-10" }
+		}
+	],
+	defaultVariants: { size: "md" }
+});
+//#endregion
+export { n as numberInputTheme };

package/dist/packages/iryx-ui/src/theme/pagination.js

@@ -0,0 +1,29 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/pagination.ts
+var t = e({
+	slots: {
+		root: "flex items-center gap-2",
+		list: "flex items-center gap-1",
+		item: "inline-flex items-center justify-center rounded-lg border border-transparent text-sm font-medium transition-[color,background-color,border-color,box-shadow] outline-none focus-visible:ring-2 focus-visible:ring-primary/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4",
+		active: "bg-linear-to-b from-primary-from to-primary-to text-primary-foreground hover:brightness-110",
+		inactive: "text-foreground hover:bg-accent hover:text-accent-foreground",
+		ellipsis: "inline-flex items-center justify-center text-sm text-muted-foreground"
+	},
+	variants: { size: {
+		sm: {
+			item: "h-8 min-w-8 px-2",
+			ellipsis: "h-8 min-w-8"
+		},
+		md: {
+			item: "h-9 min-w-9 px-2.5",
+			ellipsis: "h-9 min-w-9"
+		},
+		lg: {
+			item: "h-10 min-w-10 px-3",
+			ellipsis: "h-10 min-w-10"
+		}
+	} },
+	defaultVariants: { size: "md" }
+});
+//#endregion
+export { t as paginationTheme };

package/dist/packages/iryx-ui/src/theme/progress.js

@@ -0,0 +1,33 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/progress.ts
+var t = e({
+	slots: {
+		root: "flex w-full flex-col gap-1.5",
+		header: "flex items-baseline justify-between gap-2 text-sm",
+		label: "font-medium text-foreground",
+		value: "text-muted-foreground tabular-nums",
+		track: "relative w-full overflow-hidden rounded-full bg-muted",
+		indicator: "h-full w-full flex-1 rounded-full transition-transform duration-300 ease-out"
+	},
+	variants: {
+		variant: {
+			primary: { indicator: "bg-linear-to-b from-primary-from to-primary-to" },
+			success: { indicator: "bg-success" },
+			warning: { indicator: "bg-warning" },
+			danger: { indicator: "bg-danger" },
+			info: { indicator: "bg-info" }
+		},
+		size: {
+			sm: { track: "h-1" },
+			md: { track: "h-2" },
+			lg: { track: "h-3" }
+		},
+		indeterminate: { true: { indicator: "w-1/3 animate-progress-indeterminate" } }
+	},
+	defaultVariants: {
+		variant: "primary",
+		size: "md"
+	}
+});
+//#endregion
+export { t as progressTheme };

package/dist/packages/iryx-ui/src/theme/separator.js

@@ -0,0 +1,22 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/separator.ts
+var t = e({
+	slots: {
+		root: "flex shrink-0 items-center",
+		line: "bg-border",
+		label: "shrink-0 text-xs text-muted-foreground"
+	},
+	variants: { orientation: {
+		horizontal: {
+			root: "w-full gap-3",
+			line: "h-px w-full"
+		},
+		vertical: {
+			root: "h-full flex-col gap-3",
+			line: "h-full w-px"
+		}
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+//#endregion
+export { t as separatorTheme };

package/dist/packages/iryx-ui/src/theme/skeleton.js

@@ -0,0 +1,13 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/skeleton.ts
+var t = e({
+	base: "animate-pulse bg-muted",
+	variants: { variant: {
+		text: "h-[1em] w-full rounded",
+		rect: "rounded-lg",
+		circle: "aspect-square rounded-full"
+	} },
+	defaultVariants: { variant: "rect" }
+});
+//#endregion
+export { t as skeletonTheme };

package/dist/packages/iryx-ui/src/theme/stat.js

@@ -0,0 +1,30 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/stat.ts
+var t = e({
+	slots: {
+		root: "flex flex-col gap-2",
+		label: "text-xs font-medium tracking-wide text-muted-foreground uppercase",
+		value: "font-semibold tracking-tight text-foreground tabular-nums",
+		delta: "inline-flex items-center gap-0.5 rounded-full px-2 py-0.5 text-xs font-medium tabular-nums has-[[data-icon=inline-end]]:pe-1 has-[[data-icon=inline-start]]:ps-1 [&_svg]:size-3.5",
+		hint: "text-xs text-muted-foreground",
+		row: "flex flex-col items-start gap-1.5"
+	},
+	variants: {
+		size: {
+			sm: { value: "text-2xl" },
+			md: { value: "text-3xl" },
+			lg: { value: "text-4xl" }
+		},
+		trend: {
+			up: { delta: "bg-success-muted text-success-muted-foreground" },
+			down: { delta: "bg-danger-muted text-danger-muted-foreground" },
+			neutral: { delta: "bg-muted text-muted-foreground" }
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		trend: "neutral"
+	}
+});
+//#endregion
+export { t as statTheme };

package/dist/packages/iryx-ui/src/theme/stepper.js

@@ -0,0 +1,25 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/stepper.ts
+var t = e({
+	slots: {
+		root: "flex w-full",
+		item: "group relative flex flex-1 items-center gap-3",
+		trigger: "flex items-center gap-3 rounded-lg text-left outline-none focus-visible:ring-2 focus-visible:ring-primary/50 disabled:pointer-events-none disabled:opacity-50",
+		indicator: "flex size-8 shrink-0 items-center justify-center rounded-full border border-border bg-linear-to-b text-sm font-medium transition-[color,border-color] group-data-[state=active]:border-primary group-data-[state=active]:from-primary-from group-data-[state=active]:to-primary-to group-data-[state=active]:text-primary-foreground group-data-[state=completed]:border-primary group-data-[state=completed]:from-primary-from group-data-[state=completed]:to-primary-to group-data-[state=completed]:text-primary-foreground [&_svg]:size-4",
+		content: "flex flex-col gap-0.5",
+		title: "text-sm font-medium text-foreground",
+		description: "text-xs text-muted-foreground",
+		separator: "h-px flex-1 bg-border group-data-[state=completed]:bg-primary"
+	},
+	variants: { orientation: {
+		horizontal: {},
+		vertical: {
+			root: "flex-col gap-2",
+			item: "flex-none items-start",
+			separator: "ml-4 h-6 w-px flex-none"
+		}
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+//#endregion
+export { t as stepperTheme };

package/dist/packages/iryx-ui/src/theme/tabs.js

@@ -0,0 +1,52 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/tabs.ts
+var t = e({
+	slots: {
+		root: "flex flex-col gap-4",
+		list: "relative flex shrink-0 items-center gap-1",
+		indicator: "absolute left-0 transition-[translate,width,height] duration-200 ease-out",
+		trigger: "relative z-10 inline-flex items-center justify-center gap-2 text-sm font-medium whitespace-nowrap transition-colors outline-none focus-visible:ring-2 focus-visible:ring-primary/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0",
+		content: "outline-none"
+	},
+	variants: {
+		variant: {
+			solid: {
+				list: "rounded-lg bg-muted p-1",
+				indicator: "top-1 h-[calc(100%---spacing(2))] rounded-md bg-background shadow-sm",
+				trigger: "rounded-md px-3 py-1.5 text-muted-foreground data-[state=active]:text-foreground"
+			},
+			line: {
+				list: "gap-4 border-b border-border",
+				indicator: "bottom-0 h-0.5 rounded-none bg-primary",
+				trigger: "rounded-none px-1 py-2 text-muted-foreground data-[state=active]:text-foreground"
+			}
+		},
+		orientation: {
+			horizontal: { indicator: "w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position)" },
+			vertical: {
+				root: "flex-row",
+				list: "flex-col items-stretch",
+				indicator: "h-(--reka-tabs-indicator-size) translate-y-(--reka-tabs-indicator-position)"
+			}
+		}
+	},
+	compoundVariants: [{
+		variant: "solid",
+		orientation: "vertical",
+		class: { indicator: "top-0 left-1 w-[calc(100%---spacing(2))]" }
+	}, {
+		variant: "line",
+		orientation: "vertical",
+		class: {
+			list: "border-r border-b-0",
+			indicator: "right-0 bottom-auto h-(--reka-tabs-indicator-size) w-0.5",
+			trigger: "text-left"
+		}
+	}],
+	defaultVariants: {
+		variant: "solid",
+		orientation: "horizontal"
+	}
+});
+//#endregion
+export { t as tabsTheme };

package/dist/packages/iryx-ui/src/theme/toast.js

@@ -0,0 +1,53 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/toast.ts
+var t = e({
+	slots: {
+		viewport: "fixed z-50 flex max-h-screen w-full flex-col gap-2 p-4 outline-none sm:max-w-sm",
+		root: "flex items-start gap-3 rounded-lg border p-4 shadow-lg data-[state=closed]:animate-fade-out data-[state=open]:animate-toast-in",
+		icon: "mt-0.5 shrink-0 [&_svg]:size-5",
+		content: "min-w-0 flex-1",
+		title: "text-sm font-medium",
+		description: "text-sm opacity-90",
+		action: "shrink-0 self-center rounded-md px-2 py-1 text-sm font-medium underline-offset-4 transition-colors outline-none hover:underline focus-visible:ring-2 focus-visible:ring-current/50",
+		close: "-m-1 shrink-0 self-start rounded-md p-1 opacity-70 transition-opacity outline-none hover:opacity-100 focus-visible:ring-2 focus-visible:ring-current/50 [&_svg]:size-4"
+	},
+	variants: {
+		variant: {
+			neutral: {
+				root: "border-border bg-background text-foreground",
+				icon: "text-muted-foreground"
+			},
+			success: {
+				root: "border-success-border bg-success-muted text-success-muted-foreground",
+				icon: "text-success"
+			},
+			warning: {
+				root: "border-warning-border bg-warning-muted text-warning-muted-foreground",
+				icon: "text-warning"
+			},
+			danger: {
+				root: "border-danger-border bg-danger-muted text-danger-muted-foreground",
+				icon: "text-danger"
+			},
+			info: {
+				root: "border-info-border bg-info-muted text-info-muted-foreground",
+				icon: "text-info"
+			}
+		},
+		position: {
+			"top-left": { viewport: "top-0 left-0" },
+			"top-center": { viewport: "top-0 left-1/2 -translate-x-1/2" },
+			"top-right": { viewport: "top-0 right-0" },
+			"bottom-left": { viewport: "bottom-0 left-0 flex-col-reverse" },
+			"bottom-center": { viewport: "bottom-0 left-1/2 -translate-x-1/2 flex-col-reverse" },
+			"bottom-right": { viewport: "right-0 bottom-0 flex-col-reverse" }
+		},
+		withTitle: { true: { description: "mt-1" } }
+	},
+	defaultVariants: {
+		variant: "neutral",
+		position: "bottom-right"
+	}
+});
+//#endregion
+export { t as toastTheme };

package/dist/packages/iryx-ui/src/theme/tooltip.js

@@ -0,0 +1,8 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/tooltip.ts
+var t = e({ slots: {
+	content: "z-50 max-w-xs rounded-md bg-foreground px-2.5 py-1.5 text-xs text-background shadow-md data-[state=closed]:animate-fade-out data-[state=delayed-open]:animate-fade-in",
+	arrow: "fill-foreground"
+} });
+//#endregion
+export { t as tooltipTheme };

package/dist/theme/breadcrumb.d.ts

@@ -0,0 +1,59 @@
+export declare const breadcrumbTheme: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            link?: import("tailwind-variants").ClassValue;
+            list?: import("tailwind-variants").ClassValue;
+            item?: import("tailwind-variants").ClassValue;
+            current?: import("tailwind-variants").ClassValue;
+            separator?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            link?: import("tailwind-variants").ClassValue;
+            list?: import("tailwind-variants").ClassValue;
+            item?: import("tailwind-variants").ClassValue;
+            current?: import("tailwind-variants").ClassValue;
+            separator?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    list: string;
+    item: string;
+    link: string;
+    /** The last crumb: current page, so not a link. */
+    current: string;
+    separator: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            link?: import("tailwind-variants").ClassValue;
+            list?: import("tailwind-variants").ClassValue;
+            item?: import("tailwind-variants").ClassValue;
+            current?: import("tailwind-variants").ClassValue;
+            separator?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    list: string;
+    item: string;
+    link: string;
+    /** The last crumb: current page, so not a link. */
+    current: string;
+    separator: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    root: string;
+    list: string;
+    item: string;
+    link: string;
+    /** The last crumb: current page, so not a link. */
+    current: string;
+    separator: string;
+}, undefined, unknown, unknown, undefined>>;
+export type BreadcrumbSlots = keyof ReturnType<typeof breadcrumbTheme>;

package/dist/theme/button-group.d.ts

@@ -0,0 +1,29 @@
+export declare const buttonGroupTheme: import("tailwind-variants").TVReturnType<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    /** Stretch to fill the container, splitting the width between children. */
+    block: {
+        true: string;
+    };
+}, undefined, "isolate inline-flex [&>*]:relative [&>*:focus-visible]:z-10 [&>*:hover]:z-10", {
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    /** Stretch to fill the container, splitting the width between children. */
+    block: {
+        true: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    /** Stretch to fill the container, splitting the width between children. */
+    block: {
+        true: string;
+    };
+}, undefined, "isolate inline-flex [&>*]:relative [&>*:focus-visible]:z-10 [&>*:hover]:z-10", unknown, unknown, undefined>>;
+export type ButtonGroupVariants = Parameters<typeof buttonGroupTheme>[0];

package/dist/theme/button.d.ts

@@ -12,10 +12,15 @@ export declare const buttonTheme: import("tailwind-variants").TVReturnType<{
         lg: string;
         xl: string;
     };
+    /** Icon-only: square, no horizontal padding. */
+    square: {
+        true: string;
+        false: string;
+    };
     block: {
         true: string;
     };
-}, undefined, "inline-flex shrink-0 items-center justify-center gap-2 rounded-lg font-medium transition-all outline-none focus-visible:ring-2 focus-visible:ring-primary/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+}, undefined, "inline-flex shrink-0 items-center justify-center gap-2 rounded-lg border border-transparent font-medium transition-[color,background-color,border-color,box-shadow,opacity,filter,translate] outline-none focus-visible:ring-2 focus-visible:ring-primary/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
     variant: {
         solid: string;
         outline: string;
@@ -29,6 +34,11 @@ export declare const buttonTheme: import("tailwind-variants").TVReturnType<{
         lg: string;
         xl: string;
     };
+    /** Icon-only: square, no horizontal padding. */
+    square: {
+        true: string;
+        false: string;
+    };
     block: {
         true: string;
     };
@@ -46,8 +56,13 @@ export declare const buttonTheme: import("tailwind-variants").TVReturnType<{
         lg: string;
         xl: string;
     };
+    /** Icon-only: square, no horizontal padding. */
+    square: {
+        true: string;
+        false: string;
+    };
     block: {
         true: string;
     };
-}, undefined, "inline-flex shrink-0 items-center justify-center gap-2 rounded-lg font-medium transition-all outline-none focus-visible:ring-2 focus-visible:ring-primary/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", unknown, unknown, undefined>>;
+}, undefined, "inline-flex shrink-0 items-center justify-center gap-2 rounded-lg border border-transparent font-medium transition-[color,background-color,border-color,box-shadow,opacity,filter,translate] outline-none focus-visible:ring-2 focus-visible:ring-primary/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", unknown, unknown, undefined>>;
 export type ButtonVariants = Parameters<typeof buttonTheme>[0];