import { t as e } from "../../utils-B7XIe3qq.js";
import { t } from "../../x-BleQvk5v.js";
import { a as n, c as r, i, n as a, o, r as s, s as c, t as l } from "../../dist-D0hHNX_3.js";
import "react";
import { jsx as u, jsxs as d } from "react/jsx-runtime";
//#region src/react/primitives/drawer.tsx
function f({ ...e }) {
	return /* @__PURE__ */ u(o, {
		"data-slot": "drawer",
		...e
	});
}
function p({ ...e }) {
	return /* @__PURE__ */ u(r, {
		"data-slot": "drawer-trigger",
		...e
	});
}
function m({ ...e }) {
	return /* @__PURE__ */ u(n, {
		"data-slot": "drawer-portal",
		...e
	});
}
function h({ ...e }) {
	return /* @__PURE__ */ u(l, {
		"data-slot": "drawer-close",
		...e
	});
}
function g({ className: t, ...n }) {
	return /* @__PURE__ */ u(i, {
		"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/60 backdrop-blur-sm", t),
		...n
	});
}
function _({ className: n, children: r, side: i = "bottom", ...o }) {
	return /* @__PURE__ */ d(m, { children: [/* @__PURE__ */ u(g, {}), /* @__PURE__ */ d(a, {
		"data-slot": "drawer-content",
		className: e("bg-background fixed z-50 flex flex-col gap-4 shadow-lg outline-none transition duration-300 ease-in-out", "data-[state=open]:animate-in data-[state=closed]:animate-out", i === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 mt-24 max-h-[96vh] rounded-t-xl border-t", i === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 mb-24 max-h-[96vh] rounded-b-xl border-b", i === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 max-w-sm border-r", i === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 max-w-sm border-l", n),
		...o,
		children: [
			(i === "bottom" || i === "top") && /* @__PURE__ */ u("div", { className: "mx-auto mt-4 h-1.5 w-12 shrink-0 rounded-full bg-border-glass" }),
			r,
			/* @__PURE__ */ d(l, {
				"data-slot": "drawer-close",
				className: "ring-offset-background focus:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
				children: [/* @__PURE__ */ u(t, { className: "size-4" }), /* @__PURE__ */ u("span", {
					className: "sr-only",
					children: "Close"
				})]
			})
		]
	})] });
}
function v({ className: t, ...n }) {
	return /* @__PURE__ */ u("div", {
		"data-slot": "drawer-header",
		className: e("flex flex-col gap-1.5 px-6 pt-2", t),
		...n
	});
}
function y({ className: t, ...n }) {
	return /* @__PURE__ */ u("div", {
		"data-slot": "drawer-footer",
		className: e("border-border-glass/50 flex items-center justify-end gap-2 border-t px-6 py-4", t),
		...n
	});
}
function b({ className: t, ...n }) {
	return /* @__PURE__ */ u(c, {
		"data-slot": "drawer-title",
		className: e("text-foreground text-lg font-semibold", t),
		...n
	});
}
function x({ className: t, ...n }) {
	return /* @__PURE__ */ u(s, {
		"data-slot": "drawer-description",
		className: e("text-foreground-secondary text-sm", t),
		...n
	});
}
//#endregion
export { f as Drawer, h as DrawerClose, _ as DrawerContent, x as DrawerDescription, y as DrawerFooter, v as DrawerHeader, g as DrawerOverlay, m as DrawerPortal, b as DrawerTitle, p as DrawerTrigger };

//# sourceMappingURL=drawer.js.map