iryx-ui 0.1.0 → 0.3.0

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

@@ -0,0 +1,36 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/alert.ts
+var t = e({
+	slots: {
+		root: "flex w-full gap-3 rounded-lg border p-4",
+		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",
+		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: {
+			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"
+			}
+		},
+		withTitle: { true: { description: "mt-1" } }
+	},
+	defaultVariants: { variant: "info" }
+});
+//#endregion
+export { t as alertTheme };

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

@@ -0,0 +1,94 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/badge.ts
+var t = e({
+	slots: {
+		root: "inline-flex shrink-0 items-center rounded-full font-medium whitespace-nowrap [&_svg]:pointer-events-none [&_svg]:shrink-0",
+		dot: "rounded-full bg-current"
+	},
+	variants: {
+		variant: {
+			neutral: {},
+			success: {},
+			warning: {},
+			danger: {},
+			info: {}
+		},
+		tone: {
+			soft: {},
+			solid: {}
+		},
+		size: {
+			sm: {
+				root: "h-5 gap-1 px-2 text-xs has-[[data-icon=inline-end]]:pr-1.5 has-[[data-icon=inline-start]]:pl-1.5 [&_svg]:size-3",
+				dot: "size-1.5"
+			},
+			md: {
+				root: "h-6 gap-1.5 px-2.5 text-xs has-[[data-icon=inline-end]]:pr-2 has-[[data-icon=inline-start]]:pl-2 [&_svg]:size-3.5",
+				dot: "size-2"
+			},
+			lg: {
+				root: "h-7 gap-1.5 px-3 text-sm has-[[data-icon=inline-end]]:pr-2.5 has-[[data-icon=inline-start]]:pl-2.5 [&_svg]:size-4",
+				dot: "size-2"
+			}
+		}
+	},
+	compoundVariants: [
+		{
+			variant: "neutral",
+			tone: "soft",
+			class: { root: "bg-muted text-muted-foreground" }
+		},
+		{
+			variant: "neutral",
+			tone: "solid",
+			class: { root: "bg-foreground text-background" }
+		},
+		{
+			variant: "success",
+			tone: "soft",
+			class: { root: "bg-success-muted text-success-muted-foreground" }
+		},
+		{
+			variant: "success",
+			tone: "solid",
+			class: { root: "bg-success text-success-foreground" }
+		},
+		{
+			variant: "warning",
+			tone: "soft",
+			class: { root: "bg-warning-muted text-warning-muted-foreground" }
+		},
+		{
+			variant: "warning",
+			tone: "solid",
+			class: { root: "bg-warning text-warning-foreground" }
+		},
+		{
+			variant: "danger",
+			tone: "soft",
+			class: { root: "bg-danger-muted text-danger-muted-foreground" }
+		},
+		{
+			variant: "danger",
+			tone: "solid",
+			class: { root: "bg-danger text-danger-foreground" }
+		},
+		{
+			variant: "info",
+			tone: "soft",
+			class: { root: "bg-info-muted text-info-muted-foreground" }
+		},
+		{
+			variant: "info",
+			tone: "solid",
+			class: { root: "bg-info text-info-foreground" }
+		}
+	],
+	defaultVariants: {
+		variant: "neutral",
+		tone: "soft",
+		size: "md"
+	}
+});
+//#endregion
+export { t as badgeTheme };

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/card.js

@@ -0,0 +1,42 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/card.ts
+var t = e({
+	slots: {
+		root: "rounded-xl text-foreground",
+		header: "flex flex-col gap-1",
+		title: "text-base leading-none font-semibold",
+		description: "text-sm text-muted-foreground",
+		body: "",
+		footer: "flex items-center gap-2"
+	},
+	variants: {
+		variant: {
+			outline: { root: "border border-border bg-background" },
+			soft: { root: "bg-muted" }
+		},
+		padding: {
+			none: {},
+			sm: {
+				root: "p-4",
+				header: "mb-3",
+				footer: "mt-3"
+			},
+			md: {
+				root: "p-6",
+				header: "mb-4",
+				footer: "mt-4"
+			},
+			lg: {
+				root: "p-8",
+				header: "mb-6",
+				footer: "mt-6"
+			}
+		}
+	},
+	defaultVariants: {
+		variant: "outline",
+		padding: "md"
+	}
+});
+//#endregion
+export { t as cardTheme };

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/packages/iryx-ui/src/theme/form.js

@@ -0,0 +1,38 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/form.ts
+var t = e({
+	slots: {
+		root: "space-y-2",
+		header: "flex items-center justify-between gap-2",
+		label: "",
+		hint: "text-sm leading-none text-muted-foreground",
+		description: "text-sm leading-snug text-muted-foreground",
+		control: "",
+		error: "text-sm leading-snug text-red-500",
+		help: "text-sm leading-snug text-muted-foreground"
+	},
+	variants: { indent: {
+		none: {},
+		sm: {
+			header: "px-2.5",
+			description: "px-2.5",
+			error: "px-2.5",
+			help: "px-2.5"
+		},
+		md: {
+			header: "px-3",
+			description: "px-3",
+			error: "px-3",
+			help: "px-3"
+		},
+		lg: {
+			header: "px-4",
+			description: "px-4",
+			error: "px-4",
+			help: "px-4"
+		}
+	} },
+	defaultVariants: { indent: "md" }
+});
+//#endregion
+export { t as formFieldTheme };

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

@@ -2,7 +2,16 @@ import { tv as e } from "tailwind-variants";
 //#region src/theme/label.ts
 var t = e({
 	base: "inline-flex items-center gap-1 text-sm leading-none font-medium text-foreground select-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-	variants: { required: { true: "after:text-red-500 after:content-['*']" } }
+	variants: {
+		required: { true: "after:text-red-500 after:content-['*']" },
+		indent: {
+			none: "",
+			sm: "ps-2.5",
+			md: "ps-3",
+			lg: "ps-4"
+		}
+	},
+	defaultVariants: { indent: "md" }
 });
 //#endregion
 export { t as labelTheme };

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/{theme → packages/iryx-ui/src/theme}/presets.js

@@ -10,7 +10,27 @@ var e = {
 	accentForeground: "--iryx-accent-foreground",
 	muted: "--iryx-muted",
 	mutedForeground: "--iryx-muted-foreground",
-	border: "--iryx-border"
+	border: "--iryx-border",
+	success: "--iryx-success",
+	successForeground: "--iryx-success-foreground",
+	successMuted: "--iryx-success-muted",
+	successMutedForeground: "--iryx-success-muted-foreground",
+	successBorder: "--iryx-success-border",
+	warning: "--iryx-warning",
+	warningForeground: "--iryx-warning-foreground",
+	warningMuted: "--iryx-warning-muted",
+	warningMutedForeground: "--iryx-warning-muted-foreground",
+	warningBorder: "--iryx-warning-border",
+	danger: "--iryx-danger",
+	dangerForeground: "--iryx-danger-foreground",
+	dangerMuted: "--iryx-danger-muted",
+	dangerMutedForeground: "--iryx-danger-muted-foreground",
+	dangerBorder: "--iryx-danger-border",
+	info: "--iryx-info",
+	infoForeground: "--iryx-info-foreground",
+	infoMuted: "--iryx-info-muted",
+	infoMutedForeground: "--iryx-info-muted-foreground",
+	infoBorder: "--iryx-info-border"
 }, t = {
 	violet: {
 		light: {

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 };