import { cn as e } from "../../lib/utils.js";
import { Drawer as t } from "../../node_modules/vaul/dist/index.js";
import "react";
import { jsx as n, jsxs as r } from "react/jsx-runtime";
//#region src/components/ui/drawer.tsx
function i({ ...e }) {
	return /* @__PURE__ */ n(t.Root, {
		"data-slot": "drawer",
		...e
	});
}
function a({ ...e }) {
	return /* @__PURE__ */ n(t.Trigger, {
		"data-slot": "drawer-trigger",
		...e
	});
}
function o({ ...e }) {
	return /* @__PURE__ */ n(t.Portal, {
		"data-slot": "drawer-portal",
		...e
	});
}
function s({ ...e }) {
	return /* @__PURE__ */ n(t.Close, {
		"data-slot": "drawer-close",
		...e
	});
}
function c({ className: r, ...i }) {
	return /* @__PURE__ */ n(t.Overlay, {
		"data-slot": "drawer-overlay",
		className: e("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", r),
		...i
	});
}
function l({ className: i, children: a, ...s }) {
	return /* @__PURE__ */ r(o, {
		"data-slot": "drawer-portal",
		children: [/* @__PURE__ */ n(c, {}), /* @__PURE__ */ r(t.Content, {
			"data-slot": "drawer-content",
			className: e("group/drawer-content bg-background fixed z-50 flex h-auto flex-col", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm", i),
			...s,
			children: [/* @__PURE__ */ n("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }), a]
		})]
	});
}
function u({ className: t, ...r }) {
	return /* @__PURE__ */ n("div", {
		"data-slot": "drawer-header",
		className: e("flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left", t),
		...r
	});
}
function d({ className: t, ...r }) {
	return /* @__PURE__ */ n("div", {
		"data-slot": "drawer-footer",
		className: e("mt-auto flex flex-col gap-2 p-4", t),
		...r
	});
}
function f({ className: r, ...i }) {
	return /* @__PURE__ */ n(t.Title, {
		"data-slot": "drawer-title",
		className: e("text-foreground font-semibold", r),
		...i
	});
}
function p({ className: r, ...i }) {
	return /* @__PURE__ */ n(t.Description, {
		"data-slot": "drawer-description",
		className: e("text-muted-foreground text-sm", r),
		...i
	});
}
//#endregion
export { i as Drawer, s as DrawerClose, l as DrawerContent, p as DrawerDescription, d as DrawerFooter, u as DrawerHeader, c as DrawerOverlay, o as DrawerPortal, f as DrawerTitle, a as DrawerTrigger };
