"use client";
import { cn } from "./index3.js";
import { cva } from "class-variance-authority";
import * as React from "react";
import { jsx } from "react/jsx-runtime";
import { Tabs } from "@base-ui/react/tabs";
//#region src/components/ui/tabs.tsx
var tabsListVariants = cva("group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col", {
	variants: {
		variant: {
			boxed: "bg-muted rounded-lg p-[3px] overflow-clip",
			pill: "bg-muted rounded-full p-[3px] overflow-clip",
			bordered: "gap-3 bg-transparent relative pb-0 w-full rounded-none overflow-x-auto after:absolute after:bottom-0 after:inset-x-0 after:h-px after:bg-border after:z-0 group-data-[orientation=vertical]/tabs:overflow-x-visible group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:inset-x-auto group-data-[orientation=vertical]/tabs:after:left-0 group-data-[orientation=vertical]/tabs:after:w-px group-data-[orientation=vertical]/tabs:after:h-auto group-data-[orientation=vertical]/tabs:w-fit",
			lifted: "gap-0 bg-transparent relative w-full rounded-none overflow-x-auto after:absolute after:bottom-0 after:inset-x-0 after:h-px after:bg-border after:z-0 group-data-[orientation=vertical]/tabs:overflow-x-visible"
		},
		size: {
			sm: "",
			md: "",
			lg: ""
		},
		align: {
			start: "",
			center: "",
			end: "",
			stretch: ""
		},
		borderPosition: {
			bottom: "",
			top: ""
		}
	},
	compoundVariants: [
		{
			variant: "boxed",
			size: "sm",
			className: "group-data-[orientation=horizontal]/tabs:h-[38px]"
		},
		{
			variant: "boxed",
			size: "md",
			className: "group-data-[orientation=horizontal]/tabs:h-[42px]"
		},
		{
			variant: "boxed",
			size: "lg",
			className: "group-data-[orientation=horizontal]/tabs:h-[46px]"
		},
		{
			variant: "pill",
			size: "sm",
			className: "group-data-[orientation=horizontal]/tabs:h-[38px]"
		},
		{
			variant: "pill",
			size: "md",
			className: "group-data-[orientation=horizontal]/tabs:h-[42px]"
		},
		{
			variant: "pill",
			size: "lg",
			className: "group-data-[orientation=horizontal]/tabs:h-[46px]"
		},
		{
			variant: "bordered",
			align: "start",
			className: "justify-start"
		},
		{
			variant: "bordered",
			align: "center",
			className: "justify-center"
		},
		{
			variant: "bordered",
			align: "end",
			className: "justify-end"
		},
		{
			variant: "bordered",
			align: "stretch",
			className: "justify-start"
		},
		{
			variant: "lifted",
			align: "start",
			className: "justify-start"
		},
		{
			variant: "lifted",
			align: "center",
			className: "justify-center"
		},
		{
			variant: "lifted",
			align: "end",
			className: "justify-end"
		},
		{
			variant: "lifted",
			align: "stretch",
			className: "justify-start"
		},
		{
			variant: "bordered",
			borderPosition: "top",
			className: "after:bottom-auto after:top-0"
		},
		{
			variant: "lifted",
			borderPosition: "top",
			className: "after:bottom-auto after:top-0"
		}
	],
	defaultVariants: {
		variant: "boxed",
		size: "md",
		align: "start",
		borderPosition: "bottom"
	}
});
var tabsTriggerVariants = cva([
	"relative inline-flex items-center justify-center whitespace-nowrap",
	"gap-1.5 border border-transparent font-medium",
	"transition-[color,background-color,border-color,box-shadow,opacity] duration-200 ease-smooth motion-reduce:transition-none",
	"group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start",
	"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring focus-visible:ring-[3px] focus-visible:outline-1",
	"disabled:pointer-events-none disabled:text-muted-foreground disabled:opacity-70",
	"[&_svg]:pointer-events-none [&_svg]:shrink-0",
	"text-muted-foreground hover:text-foreground",
	"group-data-[size=sm]/tabs-list:h-9 group-data-[size=sm]/tabs-list:px-2 group-data-[size=sm]/tabs-list:py-1 group-data-[size=sm]/tabs-list:text-sm",
	"group-data-[size=sm]/tabs-list:[&_svg:not([class*='size-'])]:size-4",
	"group-data-[size=md]/tabs-list:h-10 group-data-[size=md]/tabs-list:px-2.5 group-data-[size=md]/tabs-list:py-[5px] group-data-[size=md]/tabs-list:text-sm",
	"group-data-[size=md]/tabs-list:[&_svg:not([class*='size-'])]:size-4",
	"group-data-[size=lg]/tabs-list:h-11 group-data-[size=lg]/tabs-list:px-3 group-data-[size=lg]/tabs-list:py-2 group-data-[size=lg]/tabs-list:text-base",
	"group-data-[size=lg]/tabs-list:[&_svg:not([class*='size-'])]:size-5",
	"group-data-[variant=boxed]/tabs-list:rounded-[10px] group-data-[variant=boxed]/tabs-list:flex-1 group-data-[variant=boxed]/tabs-list:h-[calc(100%-1px)]",
	"group-data-[variant=boxed]/tabs-list:data-active:bg-background group-data-[variant=boxed]/tabs-list:data-active:shadow-sm group-data-[variant=boxed]/tabs-list:data-active:text-foreground",
	"group-data-[variant=boxed]/tabs-list:hover:bg-primary-foreground dark:group-data-[variant=boxed]/tabs-list:hover:bg-input/30",
	"dark:group-data-[variant=boxed]/tabs-list:data-active:text-foreground dark:group-data-[variant=boxed]/tabs-list:data-active:border-input dark:group-data-[variant=boxed]/tabs-list:data-active:bg-input/30",
	"group-data-[orientation=vertical]/tabs:group-data-[variant=boxed]/tabs-list:flex-initial group-data-[orientation=vertical]/tabs:group-data-[variant=boxed]/tabs-list:justify-center",
	"group-data-[variant=pill]/tabs-list:rounded-full group-data-[variant=pill]/tabs-list:flex-1 group-data-[variant=pill]/tabs-list:h-[calc(100%-1px)]",
	"group-data-[variant=pill]/tabs-list:data-active:bg-background group-data-[variant=pill]/tabs-list:data-active:shadow-sm group-data-[variant=pill]/tabs-list:data-active:text-foreground",
	"group-data-[variant=pill]/tabs-list:hover:bg-primary-foreground dark:group-data-[variant=pill]/tabs-list:hover:bg-input/30",
	"dark:group-data-[variant=pill]/tabs-list:data-active:text-foreground dark:group-data-[variant=pill]/tabs-list:data-active:border-input dark:group-data-[variant=pill]/tabs-list:data-active:bg-input/30",
	"group-data-[orientation=vertical]/tabs:group-data-[variant=pill]/tabs-list:flex-initial group-data-[orientation=vertical]/tabs:group-data-[variant=pill]/tabs-list:justify-center",
	"group-data-[variant=bordered]/tabs-list:bg-transparent group-data-[variant=bordered]/tabs-list:rounded-none",
	"group-data-[variant=bordered]/tabs-list:pb-2.5 group-data-[variant=bordered]/tabs-list:flex-initial",
	"group-data-[variant=bordered]/tabs-list:text-quaternary-foreground group-data-[variant=bordered]/tabs-list:font-semibold",
	"group-data-[variant=bordered]/tabs-list:data-active:bg-transparent group-data-[variant=bordered]/tabs-list:data-active:text-foreground group-data-[variant=bordered]/tabs-list:data-active:shadow-none",
	"dark:group-data-[variant=bordered]/tabs-list:data-active:text-foreground",
	"group-data-[variant=bordered]/tabs-list:group-data-[align=stretch]/tabs-list:flex-1",
	"group-data-[variant=bordered]/tabs-list:after:bg-primary/90 group-data-[variant=bordered]/tabs-list:after:absolute group-data-[variant=bordered]/tabs-list:after:bottom-0 group-data-[variant=bordered]/tabs-list:after:inset-x-0 group-data-[variant=bordered]/tabs-list:after:h-0.5 group-data-[variant=bordered]/tabs-list:after:z-10 group-data-[variant=bordered]/tabs-list:after:opacity-0 group-data-[variant=bordered]/tabs-list:after:transition-opacity group-data-[variant=bordered]/tabs-list:after:duration-200 group-data-[variant=bordered]/tabs-list:after:ease-out",
	"group-data-[variant=bordered]/tabs-list:data-active:after:opacity-100",
	"group-data-[variant=bordered]/tabs-list:hover:after:opacity-100 group-data-[variant=bordered]/tabs-list:hover:after:bg-primary/20",
	"group-data-[variant=bordered]/tabs-list:data-active:hover:after:bg-primary/90",
	"group-data-[variant=bordered]/tabs-list:group-data-[border-position=top]/tabs-list:after:bottom-auto group-data-[variant=bordered]/tabs-list:group-data-[border-position=top]/tabs-list:after:top-0",
	"group-data-[variant=bordered]/tabs-list:group-data-[border-position=top]/tabs-list:pb-0 group-data-[variant=bordered]/tabs-list:group-data-[border-position=top]/tabs-list:pt-2.5",
	"group-data-[orientation=vertical]/tabs:group-data-[variant=bordered]/tabs-list:after:inset-x-auto group-data-[orientation=vertical]/tabs:group-data-[variant=bordered]/tabs-list:after:inset-y-0 group-data-[orientation=vertical]/tabs:group-data-[variant=bordered]/tabs-list:after:left-0 group-data-[orientation=vertical]/tabs:group-data-[variant=bordered]/tabs-list:after:w-0.5 group-data-[orientation=vertical]/tabs:group-data-[variant=bordered]/tabs-list:after:h-auto",
	"group-data-[orientation=vertical]/tabs:group-data-[variant=bordered]/tabs-list:pb-0 group-data-[orientation=vertical]/tabs:group-data-[variant=bordered]/tabs-list:pl-2.5",
	"group-data-[variant=lifted]/tabs-list:flex-initial",
	"group-data-[variant=lifted]/tabs-list:rounded-t-md",
	"group-data-[variant=lifted]/tabs-list:border-b group-data-[variant=lifted]/tabs-list:border-b-border",
	"group-data-[variant=lifted]/tabs-list:text-foreground",
	"group-data-[variant=lifted]/tabs-list:data-active:bg-background",
	"group-data-[variant=lifted]/tabs-list:data-active:text-primary",
	"group-data-[variant=lifted]/tabs-list:data-active:border group-data-[variant=lifted]/tabs-list:data-active:border-border",
	"group-data-[variant=lifted]/tabs-list:data-active:border-b-0 group-data-[variant=lifted]/tabs-list:data-active:border-b-background",
	"group-data-[variant=lifted]/tabs-list:data-active:rounded-t-[10px]",
	"group-data-[variant=lifted]/tabs-list:data-active:mb-[-1px] group-data-[variant=lifted]/tabs-list:data-active:z-10",
	"group-data-[variant=lifted]/tabs-list:data-active:before:absolute group-data-[variant=lifted]/tabs-list:data-active:before:bottom-0 group-data-[variant=lifted]/tabs-list:data-active:before:left-[-10px] group-data-[variant=lifted]/tabs-list:data-active:before:size-[10px] group-data-[variant=lifted]/tabs-list:data-active:before:rounded-br-[10px] group-data-[variant=lifted]/tabs-list:data-active:before:border-b group-data-[variant=lifted]/tabs-list:data-active:before:border-r group-data-[variant=lifted]/tabs-list:data-active:before:border-border group-data-[variant=lifted]/tabs-list:data-active:before:bg-background group-data-[variant=lifted]/tabs-list:data-active:before:shadow-[2px_2px_0_0_var(--background)]",
	"group-data-[variant=lifted]/tabs-list:data-active:after:absolute group-data-[variant=lifted]/tabs-list:data-active:after:bottom-0 group-data-[variant=lifted]/tabs-list:data-active:after:right-[-10px] group-data-[variant=lifted]/tabs-list:data-active:after:size-[10px] group-data-[variant=lifted]/tabs-list:data-active:after:rounded-bl-[10px] group-data-[variant=lifted]/tabs-list:data-active:after:border-b group-data-[variant=lifted]/tabs-list:data-active:after:border-l group-data-[variant=lifted]/tabs-list:data-active:after:border-border group-data-[variant=lifted]/tabs-list:data-active:after:bg-background group-data-[variant=lifted]/tabs-list:data-active:after:shadow-[-2px_2px_0_0_var(--background)]",
	"group-data-[variant=lifted]/tabs-list:group-data-[align=stretch]/tabs-list:flex-1",
	"group-data-[variant=boxed]/tabs-list:group-data-[gradient]/tabs-list:data-active:bg-[linear-gradient(100deg,var(--brand-100)/0.1,var(--brand-500)/0.1)] group-data-[variant=boxed]/tabs-list:group-data-[gradient]/tabs-list:data-active:text-brand-700",
	"group-data-[variant=pill]/tabs-list:group-data-[gradient]/tabs-list:data-active:bg-[linear-gradient(98deg,var(--brand-100),var(--brand-500))] group-data-[variant=pill]/tabs-list:group-data-[gradient]/tabs-list:data-active:text-primary-foreground",
	"group-has-[[data-slot=tabs-indicator]]/tabs-list:after:hidden"
]);
var Tabs$1 = React.forwardRef(({ className, orientation = "horizontal", ...props }, ref) => /* @__PURE__ */ jsx(Tabs.Root, {
	ref,
	"data-slot": "tabs",
	"data-orientation": orientation,
	className: cn("gap-2 group/tabs flex data-[orientation=horizontal]:flex-col", className),
	...props
}));
var TabsList = React.forwardRef(({ className, variant = "boxed", size = "md", align = "start", borderPosition = "bottom", gradient, ...props }, ref) => {
	return /* @__PURE__ */ jsx(Tabs.List, {
		ref,
		"data-slot": "tabs-list",
		"data-variant": variant,
		"data-align": align,
		"data-size": size,
		"data-border-position": borderPosition,
		...gradient ? { "data-gradient": "" } : {},
		className: cn(tabsListVariants({
			variant,
			size,
			align,
			borderPosition
		}), className),
		...props
	});
});
var TabsTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Tabs.Tab, {
	ref,
	"data-slot": "tabs-trigger",
	className: cn(tabsTriggerVariants(), className),
	...props
}));
var TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Tabs.Panel, {
	ref,
	"data-slot": "tabs-content",
	className: cn("flex-1 focus-visible:outline-none delight-fade-in", className),
	...props
}));
/**
* Animated indicator that slides to the active tab position.
* Use with `variant="bordered"` on TabsList.
*
* @example
* ```tsx
* <TabsList variant="bordered">
*   <TabsTrigger value="tab1">Tab 1</TabsTrigger>
*   <TabsTrigger value="tab2">Tab 2</TabsTrigger>
*   <TabsIndicator />
* </TabsList>
* ```
*/
var TabsIndicator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Tabs.Indicator, {
	ref,
	"data-slot": "tabs-indicator",
	className: cn("absolute bottom-0 left-0 h-0.5 z-10 bg-primary/90", "w-[var(--active-tab-width)]", "transition-[transform,width] duration-300 ease-smooth motion-reduce:transition-none", className),
	style: { transform: "translateX(var(--active-tab-left, 0px))" },
	...props
}));
Tabs$1.displayName = "Tabs";
TabsList.displayName = "TabsList";
TabsTrigger.displayName = "TabsTrigger";
TabsContent.displayName = "TabsContent";
TabsIndicator.displayName = "TabsIndicator";
//#endregion
export { tabsListVariants, tabsTriggerVariants };

//# sourceMappingURL=index405.js.map