"use strict";
'use client';
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    var desc = Object.getOwnPropertyDescriptor(m, k);
    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
      desc = { enumerable: true, get: function() { return m[k]; } };
    }
    Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
    Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
    o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
    if (mod && mod.__esModule) return mod;
    var result = {};
    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
    __setModuleDefault(result, mod);
    return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.DrawerDescription = exports.DrawerTitle = exports.DrawerFooter = exports.DrawerHeader = exports.DrawerContent = exports.DrawerClose = exports.DrawerTrigger = exports.DrawerOverlay = exports.DrawerPortal = exports.Drawer = void 0;
const React = __importStar(require("react"));
const vaul_1 = require("vaul");
const utils_1 = require("../../utils");
const Drawer = ({ shouldScaleBackground = true, ...props }) => (<vaul_1.Drawer.Root shouldScaleBackground={shouldScaleBackground} {...props}/>);
exports.Drawer = Drawer;
Drawer.displayName = 'Drawer';
const DrawerTrigger = vaul_1.Drawer.Trigger;
exports.DrawerTrigger = DrawerTrigger;
const DrawerPortal = vaul_1.Drawer.Portal;
exports.DrawerPortal = DrawerPortal;
const DrawerClose = vaul_1.Drawer.Close;
exports.DrawerClose = DrawerClose;
const DrawerOverlay = React.forwardRef(({ className, ...props }, ref) => (<vaul_1.Drawer.Overlay ref={ref} className={(0, utils_1.cn)('fixed inset-0 z-50 bg-black/80', className)} {...props}/>));
exports.DrawerOverlay = DrawerOverlay;
DrawerOverlay.displayName = vaul_1.Drawer.Overlay.displayName;
const DrawerContent = React.forwardRef(({ className, children, ...props }, ref) => (<DrawerPortal>
    <DrawerOverlay />
    <vaul_1.Drawer.Content ref={ref} className={(0, utils_1.cn)('fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background', className)} {...props}>
      <div className="mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted"/>
      {children}
    </vaul_1.Drawer.Content>
  </DrawerPortal>));
exports.DrawerContent = DrawerContent;
DrawerContent.displayName = 'DrawerContent';
const DrawerHeader = ({ className, ...props }) => (<div className={(0, utils_1.cn)('grid gap-1.5 p-4 text-center sm:text-left', className)} {...props}/>);
exports.DrawerHeader = DrawerHeader;
DrawerHeader.displayName = 'DrawerHeader';
const DrawerFooter = ({ className, ...props }) => (<div className={(0, utils_1.cn)('mt-auto flex flex-col gap-2 p-4', className)} {...props}/>);
exports.DrawerFooter = DrawerFooter;
DrawerFooter.displayName = 'DrawerFooter';
const DrawerTitle = React.forwardRef(({ className, ...props }, ref) => (<vaul_1.Drawer.Title ref={ref} className={(0, utils_1.cn)('text-lg font-semibold leading-none tracking-tight', className)} {...props}/>));
exports.DrawerTitle = DrawerTitle;
DrawerTitle.displayName = vaul_1.Drawer.Title.displayName;
const DrawerDescription = React.forwardRef(({ className, ...props }, ref) => (<vaul_1.Drawer.Description ref={ref} className={(0, utils_1.cn)('text-sm text-muted-foreground', className)} {...props}/>));
exports.DrawerDescription = DrawerDescription;
DrawerDescription.displayName = vaul_1.Drawer.Description.displayName;
//# sourceMappingURL=drawer.jsx.map