"use client";
import { cn } from "./index3.js";
import * as React from "react";
import { jsx, jsxs } from "react/jsx-runtime";
import { Separator } from "@base-ui/react/separator";
//#region src/components/ui/separator.tsx
/** biome-ignore-all lint/a11y/useAriaPropsForRole: Separator with label uses role="separator" which is valid without aria-valuenow for non-focusable separators per WAI-ARIA spec */
/** biome-ignore-all lint/a11y/useSemanticElements: Custom separator with label requires div for flex layout to center text between lines */
/** biome-ignore-all lint/a11y/useFocusableInteractive: Non-focusable separator per WAI-ARIA spec for decorative separators */
var Separator$1 = React.forwardRef(({ className, orientation = "horizontal", label, style, ...props }, ref) => {
	if (label && orientation === "horizontal") return /* @__PURE__ */ jsxs("div", {
		ref,
		role: "separator",
		"aria-orientation": orientation,
		"aria-label": label,
		"data-slot": "separator",
		"data-orientation": orientation,
		className: cn("flex items-center gap-3", className),
		style: typeof style === "function" ? void 0 : style,
		...props,
		children: [
			/* @__PURE__ */ jsx("span", {
				"data-slot": "separator-line",
				"aria-hidden": "true",
				className: "h-px flex-1 bg-border transition-[background-color] duration-200 motion-safe:animate-[separator-line-grow_0.4s_ease-out_both] motion-safe:origin-right"
			}),
			/* @__PURE__ */ jsx("span", {
				"aria-hidden": "true",
				className: "text-muted-foreground text-xs shrink-0 transition-colors duration-200 motion-safe:animate-[separator-label-fade_0.3s_ease-out_0.1s_both]",
				children: label
			}),
			/* @__PURE__ */ jsx("span", {
				"data-slot": "separator-line",
				"aria-hidden": "true",
				className: "h-px flex-1 bg-border transition-[background-color] duration-200 motion-safe:animate-[separator-line-grow_0.4s_ease-out_both] motion-safe:origin-left"
			})
		]
	});
	return /* @__PURE__ */ jsx(Separator, {
		ref,
		"data-slot": "separator",
		orientation,
		style,
		className: cn("bg-border shrink-0 transition-[background-color] duration-200 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch", className),
		...props
	});
});
Separator$1.displayName = "Separator";
//#endregion
export { Separator$1 as Separator };

//# sourceMappingURL=index7.js.map