ivt
Version:
Ivt Components Library
81 lines (78 loc) • 4.29 kB
JavaScript
import { R as Root, b as Trigger, C as Close, a as Content, T as Title, D as Description, P as Portal, O as Overlay } from './index-CaYwp6E6.mjs';
import React__default from 'react';
import { c as cn } from './utils-BDcRwQMd.mjs';
import { X } from './x-B6hDJA_l.mjs';
function Sheet({ ...props }) {
return /*#__PURE__*/ React__default.createElement(Root, {
"data-slot": "sheet",
...props
});
}
function SheetTrigger({ ...props }) {
return /*#__PURE__*/ React__default.createElement(Trigger, {
"data-slot": "sheet-trigger",
...props
});
}
function SheetClose({ ...props }) {
return /*#__PURE__*/ React__default.createElement(Close, {
"data-slot": "sheet-close",
...props
});
}
function SheetPortal({ ...props }) {
return /*#__PURE__*/ React__default.createElement(Portal, {
"data-slot": "sheet-portal",
...props
});
}
function SheetOverlay({ className, ...props }) {
return /*#__PURE__*/ React__default.createElement(Overlay, {
"data-slot": "sheet-overlay",
className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 *:font-lato fixed inset-0 z-50 bg-black/50", className),
...props
});
}
function SheetContent({ className, children, side = "right", ...props }) {
return /*#__PURE__*/ React__default.createElement(SheetPortal, null, /*#__PURE__*/ React__default.createElement(SheetOverlay, null), /*#__PURE__*/ React__default.createElement(Content, {
"data-slot": "sheet-content",
className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out *:font-lato fixed z-50 gap-4 p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", side === "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 border-l sm:max-w-sm", side === "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 border-r sm:max-w-sm", side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 border-b", side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 border-t", className),
...props
}, children, /*#__PURE__*/ React__default.createElement(Close, {
className: "border-border-grid-container bg-card ring-offset-background focus:ring-ring data-[state=open]:bg-secondary *:font-lato absolute top-4 right-4 cursor-pointer rounded-sm border p-1.5 opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none"
}, /*#__PURE__*/ React__default.createElement(X, {
className: "size-4"
}), /*#__PURE__*/ React__default.createElement("span", {
className: "sr-only"
}, "Close"))));
}
function SheetHeader({ className, ...props }) {
return /*#__PURE__*/ React__default.createElement("div", {
"data-slot": "sheet-header",
className: cn("*:font-lato flex flex-col space-y-2 text-center sm:text-left", className),
...props
});
}
function SheetFooter({ className, ...props }) {
return /*#__PURE__*/ React__default.createElement("div", {
"data-slot": "sheet-footer",
className: cn("*:font-lato flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
...props
});
}
function SheetTitle({ className, ...props }) {
return /*#__PURE__*/ React__default.createElement(Title, {
"data-slot": "sheet-title",
className: cn("text-foreground *:font-lato text-lg font-semibold", className),
...props
});
}
function SheetDescription({ className, ...props }) {
return /*#__PURE__*/ React__default.createElement(Description, {
"data-slot": "sheet-description",
className: cn("text-muted-foreground *:font-lato text-sm", className),
...props
});
}
export { Sheet as S, SheetTrigger as a, SheetClose as b, SheetContent as c, SheetHeader as d, SheetFooter as e, SheetTitle as f, SheetDescription as g };
//# sourceMappingURL=sheet-1Dl0ChJl.mjs.map