iryx-ui 0.4.0 → 0.6.0

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

@@ -0,0 +1,62 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/banner.ts
+var t = e({
+	slots: {
+		root: "w-full border-b",
+		container: "mx-auto flex w-full items-center gap-3 px-4 py-2.5",
+		icon: "shrink-0 [&_svg]:size-4",
+		content: "min-w-0 flex-1 text-sm",
+		title: "font-medium",
+		actions: "flex shrink-0 items-center gap-2",
+		close: "-mr-1 shrink-0 rounded-lg 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-muted text-foreground",
+				icon: "text-muted-foreground"
+			},
+			info: {
+				root: "border-info-border bg-info-muted text-info-muted-foreground",
+				icon: "text-info"
+			},
+			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"
+			},
+			primary: {
+				root: "border-transparent bg-linear-to-b from-primary-from to-primary-to text-primary-foreground",
+				icon: "text-primary-foreground"
+			}
+		},
+		position: {
+			static: {},
+			top: { root: "sticky top-0 z-30" },
+			bottom: { root: "fixed inset-x-0 bottom-0 z-30 border-t border-b-0" }
+		},
+		contained: {
+			true: { container: "max-w-5xl" },
+			false: {}
+		},
+		align: {
+			start: {},
+			center: { content: "text-center" }
+		}
+	},
+	defaultVariants: {
+		variant: "neutral",
+		position: "static",
+		contained: !1,
+		align: "start"
+	}
+});
+//#endregion
+export { t as bannerTheme };

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

@@ -1,11 +1,11 @@
 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",
+	base: "inline-flex shrink-0 items-center justify-center gap-2 rounded-xl 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",
+			outline: "border-border bg-input 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"
 		},

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

@@ -2,7 +2,7 @@ import { tv as e } from "tailwind-variants";
 //#region src/theme/card.ts
 var t = e({
 	slots: {
-		root: "rounded-xl text-foreground",
+		root: "rounded-2xl text-foreground",
 		header: "flex flex-col gap-1",
 		title: "text-base leading-none font-semibold",
 		description: "text-sm text-muted-foreground",

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

@@ -3,7 +3,7 @@ import { tv as e } from "tailwind-variants";
 var t = e({
 	slots: {
 		wrapper: "flex items-start gap-2.5",
-		root: "peer flex shrink-0 cursor-pointer items-center justify-center rounded border border-border bg-background text-primary-foreground transition-colors outline-none focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary",
+		root: "peer flex shrink-0 cursor-pointer items-center justify-center rounded border border-border bg-background text-primary-foreground transition-colors outline-none focus:ring-2 focus:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary",
 		indicator: "flex items-center justify-center text-current",
 		content: "grid gap-1",
 		label: "text-sm leading-5 font-medium text-foreground select-none",

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

@@ -0,0 +1,29 @@
+import { fieldBase as e } from "./input.js";
+import { tv as t } from "tailwind-variants";
+//#region src/theme/combobox.ts
+var n = t({
+	slots: {
+		anchor: `flex items-center gap-2 ${e} focus-within:ring-2 focus-within:ring-primary/50`,
+		input: "min-w-0 grow bg-transparent outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed",
+		trigger: "flex shrink-0 cursor-pointer items-center text-muted-foreground disabled:cursor-not-allowed [&_svg]:size-4",
+		content: "z-50 max-h-64 w-(--reka-combobox-trigger-width) min-w-32 overflow-hidden rounded-xl border border-border bg-background text-foreground shadow-md",
+		viewport: "max-h-64 overflow-y-auto p-1",
+		item: "relative flex w-full cursor-pointer items-center rounded-lg py-1.5 pr-2 pl-8 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground",
+		itemIndicator: "absolute left-2 flex items-center justify-center text-primary [&_svg]:size-4",
+		empty: "px-2 py-6 text-center text-sm text-muted-foreground",
+		group: "[[role=group]:not([hidden])~&]:mt-1",
+		groupLabel: "px-2 py-1.5 text-xs font-medium text-muted-foreground"
+	},
+	variants: {
+		size: {
+			sm: { anchor: "h-8 px-2.5 text-sm" },
+			md: { anchor: "h-9 px-3 text-sm" },
+			lg: { anchor: "h-10 px-4 text-base" }
+		},
+		invalid: { true: { anchor: "border-red-500 focus-within:ring-red-500/40" } },
+		disabled: { true: { anchor: "cursor-not-allowed opacity-50" } }
+	},
+	defaultVariants: { size: "md" }
+});
+//#endregion
+export { n as comboboxTheme };

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

@@ -3,13 +3,13 @@ import { tv as e } from "tailwind-variants";
 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",
+		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-2xl 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"
+		close: "absolute top-4 right-4 rounded-lg 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" },

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

@@ -2,12 +2,12 @@ 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",
+		content: "z-50 min-w-40 overflow-hidden rounded-xl 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-lg 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",
+		subTrigger: "flex cursor-default items-center gap-2 rounded-lg 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-xl 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" } } }

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

@@ -1,6 +1,6 @@
 import { tv as e } from "tailwind-variants";
 //#region src/theme/input.ts
-var t = "w-full rounded-lg border border-border bg-background text-foreground transition-colors outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50", n = e({
+var t = "w-full rounded-xl border border-border bg-input text-foreground transition-colors outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50", n = e({
 	base: `flex ${t}`,
 	variants: {
 		size: {

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

@@ -5,7 +5,7 @@ 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",
+		stepper: "absolute inset-y-px end-px flex flex-col justify-center overflow-hidden rounded-e-xl 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: {

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

@@ -4,26 +4,36 @@ 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",
+		item: "inline-flex items-center justify-center rounded-xl 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"
+	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"
+			}
 		},
-		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"
+		align: {
+			start: { root: "justify-start" },
+			center: { root: "justify-center" },
+			end: { root: "justify-end" }
 		}
-	} },
-	defaultVariants: { size: "md" }
+	},
+	defaultVariants: {
+		size: "sm",
+		align: "center"
+	}
 });
 //#endregion
 export { t as paginationTheme };

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

@@ -46,20 +46,6 @@ var e = {
 			primaryTo: "oklch(0.54 0.24 293)"
 		}
 	},
-	emerald: {
-		light: {
-			primary: "oklch(0.596 0.145 163)",
-			primaryForeground: "oklch(0.985 0.005 248)",
-			primaryFrom: "oklch(0.596 0.145 163)",
-			primaryTo: "oklch(0.52 0.155 163)"
-		},
-		dark: {
-			primary: "oklch(0.7 0.15 162)",
-			primaryForeground: "oklch(0.17 0.04 165)",
-			primaryFrom: "oklch(0.7 0.15 162)",
-			primaryTo: "oklch(0.62 0.16 162)"
-		}
-	},
 	rose: {
 		light: {
 			primary: "oklch(0.586 0.222 17)",
@@ -73,34 +59,6 @@ var e = {
 			primaryFrom: "oklch(0.65 0.22 16)",
 			primaryTo: "oklch(0.57 0.235 16)"
 		}
-	},
-	amber: {
-		light: {
-			primary: "oklch(0.666 0.157 58)",
-			primaryForeground: "oklch(0.16 0.03 80)",
-			primaryFrom: "oklch(0.666 0.157 58)",
-			primaryTo: "oklch(0.59 0.165 56)"
-		},
-		dark: {
-			primary: "oklch(0.77 0.16 70)",
-			primaryForeground: "oklch(0.18 0.04 75)",
-			primaryFrom: "oklch(0.77 0.16 70)",
-			primaryTo: "oklch(0.7 0.17 68)"
-		}
-	},
-	sky: {
-		light: {
-			primary: "oklch(0.588 0.13 242)",
-			primaryForeground: "oklch(0.985 0.005 248)",
-			primaryFrom: "oklch(0.588 0.13 242)",
-			primaryTo: "oklch(0.51 0.14 242)"
-		},
-		dark: {
-			primary: "oklch(0.685 0.14 237)",
-			primaryForeground: "oklch(0.15 0.04 240)",
-			primaryFrom: "oklch(0.685 0.14 237)",
-			primaryTo: "oklch(0.6 0.15 237)"
-		}
 	}
 }, n = "iryx-ui-theme";
 function r(t) {

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

@@ -4,7 +4,7 @@ var t = e({
 	slots: {
 		root: "grid gap-2",
 		wrapper: "flex items-start gap-2.5",
-		item: "aspect-square shrink-0 cursor-pointer rounded-full border border-border bg-background transition-colors outline-none focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary",
+		item: "aspect-square shrink-0 cursor-pointer rounded-full border border-border bg-background transition-colors outline-none focus:ring-2 focus:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary",
 		indicator: "flex size-full items-center justify-center after:block after:rounded-full after:bg-primary",
 		content: "grid gap-1",
 		label: "text-sm leading-5 text-foreground select-none",

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

@@ -4,10 +4,12 @@ import { tv as t } from "tailwind-variants";
 var n = t({
 	slots: {
 		trigger: `flex items-center justify-between gap-2 ${e} cursor-pointer data-[placeholder]:text-muted-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:opacity-60`,
-		content: "z-50 min-w-32 overflow-hidden rounded-lg border border-border bg-background text-foreground shadow-md",
+		content: "z-50 min-w-32 overflow-hidden rounded-xl border border-border bg-background text-foreground shadow-md",
 		viewport: "p-1",
-		item: "relative flex cursor-pointer items-center rounded-md py-1.5 pr-2 pl-8 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground",
-		itemIndicator: "absolute left-2 flex items-center justify-center text-primary [&_svg]:size-4"
+		item: "relative flex cursor-pointer items-center rounded-lg py-1.5 pr-2 pl-8 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground",
+		itemIndicator: "absolute left-2 flex items-center justify-center text-primary [&_svg]:size-4",
+		group: "not-first:mt-1",
+		groupLabel: "px-2 py-1.5 text-xs font-medium text-muted-foreground"
 	},
 	variants: { size: {
 		sm: { trigger: "h-8 px-2.5 text-sm" },

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

@@ -4,7 +4,7 @@ var t = e({
 	base: "animate-pulse bg-muted",
 	variants: { variant: {
 		text: "h-[1em] w-full rounded",
-		rect: "rounded-lg",
+		rect: "rounded-xl",
 		circle: "aspect-square rounded-full"
 	} },
 	defaultVariants: { variant: "rect" }

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

@@ -5,7 +5,7 @@ var t = e({
 		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",
+		delta: "inline-flex items-center gap-0.5 text-xs font-medium tabular-nums [&_svg]:size-3.5",
 		hint: "text-xs text-muted-foreground",
 		row: "flex flex-col items-start gap-1.5"
 	},
@@ -16,9 +16,9 @@ var t = e({
 			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" }
+			up: { delta: "text-success" },
+			down: { delta: "text-danger" },
+			neutral: { delta: "text-muted-foreground" }
 		}
 	},
 	defaultVariants: {

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

@@ -4,7 +4,7 @@ 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",
+		trigger: "flex items-center gap-3 rounded-xl 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",

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

@@ -2,7 +2,7 @@ import { tv as e } from "tailwind-variants";
 //#region src/theme/switch.ts
 var t = e({ slots: {
 	wrapper: "flex items-start gap-2.5",
-	root: "inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-muted",
+	root: "inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full transition-colors outline-none focus:ring-2 focus:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-muted",
 	thumb: "pointer-events-none block size-4 rounded-full bg-background shadow-sm transition-transform data-[state=checked]:translate-x-4.5 data-[state=unchecked]:translate-x-0.5",
 	content: "grid gap-1",
 	label: "text-sm leading-5 font-medium text-foreground select-none",

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

@@ -0,0 +1,62 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/table.ts
+var t = e({
+	slots: {
+		root: "relative w-full overflow-x-auto",
+		table: "w-full caption-bottom border-collapse text-sm",
+		thead: "",
+		tbody: "",
+		tr: "border-b border-border transition-colors last:border-b-0",
+		th: "border-b border-border px-3 py-3 text-start align-middle text-xs font-semibold tracking-wide text-muted-foreground uppercase",
+		sortButton: "inline-flex cursor-pointer items-center gap-1.5 rounded-md outline-none focus-visible:ring-2 focus-visible:ring-primary/50 [&_svg]:size-3.5 [&_svg]:shrink-0",
+		sortIcon: "text-muted-foreground/70 transition-colors",
+		td: "px-3 py-3 align-middle text-foreground",
+		gutter: "w-px px-3 py-3 align-middle",
+		headGutter: "w-px border-b border-border px-3 py-3 align-middle",
+		expandButton: "inline-flex size-6 cursor-pointer items-center justify-center rounded-md text-muted-foreground transition-[transform,color,background-color] outline-none hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-primary/50 [&_svg]:size-4",
+		expandedRow: "bg-muted/30",
+		expandedCell: "p-0",
+		empty: "px-3 py-10 text-center text-sm text-muted-foreground",
+		caption: "mt-3 text-sm text-muted-foreground"
+	},
+	variants: {
+		striped: { true: { tr: "even:bg-muted/30" } },
+		hoverable: { true: { tr: "hover:bg-muted/50" } },
+		clickable: { true: { tr: "cursor-pointer" } },
+		stickyHeader: { true: { th: "sticky top-0 z-10 bg-background" } },
+		selected: { true: { tr: "bg-primary/5" } },
+		size: {
+			sm: {
+				th: "py-2",
+				td: "py-2",
+				gutter: "py-2"
+			},
+			md: {},
+			lg: {
+				th: "py-4",
+				td: "py-4",
+				gutter: "py-4"
+			}
+		},
+		align: {
+			start: {
+				th: "text-start",
+				td: "text-start"
+			},
+			center: {
+				th: "text-center",
+				td: "text-center"
+			},
+			end: {
+				th: "text-end",
+				td: "text-end"
+			}
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		hoverable: !0
+	}
+});
+//#endregion
+export { t as tableTheme };

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

@@ -11,9 +11,9 @@ var t = e({
 	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"
+				list: "rounded-xl bg-muted p-1",
+				indicator: "top-1 h-[calc(100%---spacing(2))] rounded-lg bg-background shadow-sm",
+				trigger: "rounded-lg px-3 py-1.5 text-muted-foreground data-[state=active]:text-foreground"
 			},
 			line: {
 				list: "gap-4 border-b border-border",

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

@@ -3,36 +3,21 @@ import { tv as e } from "tailwind-variants";
 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",
+		root: "flex items-start gap-3 rounded-xl border border-border bg-background p-4 text-foreground shadow-lg data-[state=closed]:animate-fade-out data-[state=open]:animate-toast-in",
+		icon: "mt-px shrink-0 [&_svg]:size-4.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"
+		title: "text-sm font-medium text-foreground",
+		description: "text-sm text-muted-foreground",
+		action: "shrink-0 self-center rounded-lg border border-border px-2.5 py-1 text-xs font-medium transition-colors outline-none hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-primary/50",
+		close: "-m-1 shrink-0 self-start rounded-lg p-1 text-muted-foreground transition-colors outline-none hover:text-foreground focus-visible:ring-2 focus-visible:ring-primary/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"
-			}
+			neutral: { icon: "text-muted-foreground" },
+			success: { icon: "text-success" },
+			warning: { icon: "text-warning" },
+			danger: { icon: "text-danger" },
+			info: { icon: "text-info" }
 		},
 		position: {
 			"top-left": { viewport: "top-0 left-0" },

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

@@ -1,7 +1,7 @@
 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",
+	content: "z-50 max-w-xs rounded-lg 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

package/dist/plugin.d.ts

@@ -7,7 +7,7 @@ export interface IryxUiPluginOptions extends Partial<IryxUiConfig> {
     prefix?: string;
     /** Startup appearance. A preference the user already stored wins over this. */
     appearance?: Appearance;
-    /** Color theme: a preset name (`'emerald'`, `'rose'`…) or a custom theme. */
+    /** Color theme: a preset name (`'violet'`, `'rose'`) or a custom theme. */
     theme?: Theme | ThemePresetName;
 }
 /**

package/dist/theme/alert.d.ts

@@ -1,19 +1,15 @@
 export declare const alertTheme: import("tailwind-variants").TVReturnType<{
     variant: {
         info: {
-            root: string;
             icon: string;
         };
         success: {
-            root: string;
             icon: string;
         };
         warning: {
-            root: string;
             icon: string;
         };
         danger: {
-            root: string;
             icon: string;
         };
     };
@@ -29,23 +25,21 @@ export declare const alertTheme: import("tailwind-variants").TVReturnType<{
     content: string;
     title: string;
     description: string;
+    /** Buttons or links under the body — "Retry", "Undo", "View invoice". */
+    actions: string;
     close: string;
 }, undefined, {
     variant: {
         info: {
-            root: string;
             icon: string;
         };
         success: {
-            root: string;
             icon: string;
         };
         warning: {
-            root: string;
             icon: string;
         };
         danger: {
-            root: string;
             icon: string;
         };
     };
@@ -61,23 +55,21 @@ export declare const alertTheme: import("tailwind-variants").TVReturnType<{
     content: string;
     title: string;
     description: string;
+    /** Buttons or links under the body — "Retry", "Undo", "View invoice". */
+    actions: string;
     close: string;
 }, import("tailwind-variants").TVReturnType<{
     variant: {
         info: {
-            root: string;
             icon: string;
         };
         success: {
-            root: string;
             icon: string;
         };
         warning: {
-            root: string;
             icon: string;
         };
         danger: {
-            root: string;
             icon: string;
         };
     };
@@ -93,6 +85,8 @@ export declare const alertTheme: import("tailwind-variants").TVReturnType<{
     content: string;
     title: string;
     description: string;
+    /** Buttons or links under the body — "Retry", "Undo", "View invoice". */
+    actions: string;
     close: string;
 }, undefined, unknown, unknown, undefined>>;
 export type AlertSlots = keyof ReturnType<typeof alertTheme>;