'use strict';

var jsxRuntime = require('react/jsx-runtime');
var utils = require('../utils-CTr7wn5d.js');
var button = require('../button-B8XGl69v.js');
var sheet = require('../sheet-BZHMKVH1.js');
var x = require('../x-Brw3FJst.js');
var index = require('../index-BLGrl3PF.js');
require('react');
require('../index-BZhTddX0.js');
require('../index-DuNgWCXZ.js');
require('../index-D-iDn9RI.js');
require('react-i18next');
require('../createLucideIcon-D0tRgV6l.js');
require('../index-COPkC3I5.js');
require('../index-CGUGhyIp.js');
require('../index-BwAq9ba8.js');
require('../index-CCdG4z4E.js');
require('../index-CyrAgb4H.js');
require('../index-Bvu9MiFi.js');
require('../index-DMbj7vXd.js');
require('react-dom');
require('../index-lWVw05cs.js');
require('../index-ChSOMM8b.js');
require('../index-Df-Ffa3s.js');
require('../index-DcCSSgb7.js');

const Sheet = (props) => (jsxRuntime.jsx(sheet.Sheet, { ...props }));
const SheetTrigger = (props) => jsxRuntime.jsx(sheet.SheetTrigger, { ...props });
const SheetClose = (props) => (jsxRuntime.jsx(sheet.SheetClose, { ...props }));
/**
 * SheetContent composes Portal + Overlay + Radix Content directly so
 * the hardcoded max-w-sm is removed and width is fully consumer-controlled.
 */
const SheetContent = ({ className, children, side = "right", showCloseButton = true, overlayClassName, ...props }) => (jsxRuntime.jsxs(index.Portal, { "data-slot": "sheet-portal", children: [jsxRuntime.jsx(index.Overlay, { "data-slot": "sheet-overlay", className: utils.cn("fixed inset-0 z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", overlayClassName) }), jsxRuntime.jsxs(index.Content, { "data-slot": "sheet-content", "data-side": side, className: utils.cn("fixed z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out", "data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t", "data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-e data-[side=left]:sm:max-w-sm", "data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-s data-[side=right]:sm:max-w-sm", "data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b", "data-open:animate-in data-open:fade-in-0", "data-[side=bottom]:data-open:slide-in-from-bottom-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=top]:data-open:slide-in-from-top-10", "data-closed:animate-out data-closed:fade-out-0", "data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=right]:data-closed:slide-out-to-right-10 data-[side=top]:data-closed:slide-out-to-top-10", className), ...props, children: [children, showCloseButton && (jsxRuntime.jsx(index.Close, { "data-slot": "sheet-close", asChild: true, children: jsxRuntime.jsxs(button.Button, { variant: "ghost", className: "absolute top-3 end-3", size: "icon-sm", children: [jsxRuntime.jsx(x.X, {}), jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })] }) }))] })] }));
const SheetHeader = (props) => (jsxRuntime.jsx(sheet.SheetHeader, { ...props }));
const SheetFooter = (props) => (jsxRuntime.jsx(sheet.SheetFooter, { ...props }));
const SheetTitle = (props) => (jsxRuntime.jsx(sheet.SheetTitle, { ...props }));
const SheetDescription = (props) => jsxRuntime.jsx(sheet.SheetDescription, { ...props });

exports.Sheet = Sheet;
exports.SheetClose = SheetClose;
exports.SheetContent = SheetContent;
exports.SheetDescription = SheetDescription;
exports.SheetFooter = SheetFooter;
exports.SheetHeader = SheetHeader;
exports.SheetTitle = SheetTitle;
exports.SheetTrigger = SheetTrigger;
//# sourceMappingURL=Sheet.js.map
