"use client";
import { jsx, jsxs } from 'react/jsx-runtime';
import { Cross1Icon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
import { forwardRef } from 'react';
import styles from './sheet.module.css.js';
import { Portal, Content, Overlay as Overlay$1, Close, Trigger, Title, Description, Root } from '../../node_modules/.pnpm/@radix-ui_react-dialog@1.1.14_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1._i7gyttlqowrnok6rwi63tbbmni/node_modules/@radix-ui/react-dialog/dist/index.js';

const sheetContent = cva(styles.sheetContent, {
    variants: {
        side: {
            top: styles['sheetContent-top'],
            bottom: styles['sheetContent-bottom'],
            left: styles['sheetContent-left'],
            right: styles['sheetContent-right']
        }
    },
    defaultVariants: {
        side: 'right'
    }
});
const SheetContent = forwardRef(({ className, children, close, side, ariaLabel, ariaDescription, ...props }, forwardedRef) => {
    return (jsx(Portal, { children: jsx(Overlay, { children: jsxs(Content, { ...props, ref: forwardedRef, className: sheetContent({ side, className }), "aria-label": ariaLabel || 'Sheet with overlay', "aria-describedby": ariaDescription ? 'sheet with overlay' : undefined, role: 'dialog', tabIndex: -1, children: [children, close && (jsx(CloseButton, { "aria-label": 'Close sheet', children: jsx(Cross1Icon, { "aria-hidden": 'true' }) })), ariaDescription && (jsx("div", { id: 'sheet-description', className: 'sr-only', children: ariaDescription }))] }) }) }));
});
const overlay = cva(styles.overlay);
const Overlay = forwardRef(({ className, ...props }, ref) => (jsx(Overlay$1, { ref: ref, className: overlay({ className }), "aria-hidden": 'true', role: 'presentation', ...props })));
Overlay.displayName = Overlay$1.displayName;
const close = cva(styles.close);
function CloseButton({ children, className, ...props }) {
    return (jsx(Close, { className: close({ className }), ...props, "aria-label": 'Close', children: children }));
}
function RootSheet({ children, ariaLabel, ...props }) {
    return jsx(Root, { ...props, children: children });
}
const Sheet = Object.assign(RootSheet, {
    Trigger: Trigger,
    Content: SheetContent,
    Close: Close,
    Title: Title,
    Description: Description
});

export { CloseButton, RootSheet, Sheet, SheetContent };
//# sourceMappingURL=sheet.js.map
