50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T1249,"use client" import { twJoin } from "cn" import { composeRenderProps } from "react-aria-components/composeRenderProps" import type { DialogProps, DialogTriggerProps, ModalOverlayProps, } from "react-aria-components/Modal" import { DialogTrigger as DialogTriggerPrimitive, Modal, ModalOverlay, } from "react-aria-components/Modal" import { tv } from "tailwind-variants" import { Dialog, DialogBody, DialogClose, DialogCloseIcon, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "./dialog" type Sides = "top" | "bottom" | "left" | "right" const generateCompoundVariants = (sides: Array) => { return sides.map((side) => ({ side, isFloat: true, className: side === "top" ? "top-2 inset-x-2 rounded-lg ring-1 border-b-0" : side === "bottom" ? "bottom-2 inset-x-2 rounded-lg ring-1 border-t-0" : side === "left" ? "left-2 inset-y-2 rounded-lg ring-1 border-r-0" : "right-2 inset-y-2 rounded-lg ring-1 border-l-0", })) } const sheetContentStyles = tv({ base: [ "fixed z-50 grid gap-4 border-muted-foreground/20 bg-overlay text-overlay-foreground shadow-lg dark:border-border", "transform-gpu transition ease-in-out will-change-transform", ], variants: { isEntering: { true: "animate-in duration-500 fade-in", }, isExiting: { true: "animate-out duration-300 fade-in", }, side: { top: "inset-x-0 top-0 rounded-b-2xl border-b entering:slide-in-from-top exiting:slide-out-to-top", bottom: "inset-x-0 bottom-0 rounded-t-2xl border-t entering:slide-in-from-bottom exiting:slide-out-to-bottom", left: "inset-y-0 left-0 h-auto w-3/4 overflow-y-auto border-r sm:max-w-80 entering:slide-in-from-left exiting:slide-out-to-left-80", right: "inset-y-0 right-0 h-auto w-3/4 overflow-y-auto border-l sm:max-w-80 entering:slide-in-from-right exiting:slide-out-to-right-80", }, isFloat: { false: "border-foreground/20 dark:border-border", true: "ring-foreground/5 dark:ring-border", }, }, compoundVariants: generateCompoundVariants([ "top", "bottom", "left", "right", ]), }) type SheetProps = DialogTriggerProps const Sheet = (props: SheetProps) => { return } interface SheetContentProps extends Omit, Pick { closeButton?: boolean isBlurred?: boolean isFloat?: boolean side?: Sides overlay?: Omit } const SheetContent = ({ className, isBlurred = false, isDismissable: isDismissableInternal, side = "right", role = "dialog", closeButton = true, isFloat = true, overlay, children, ...props }: SheetContentProps) => { const isDismissable = isDismissableInternal ?? role !== "alertdialog" return ( twJoin( "fixed inset-0 z-50 h-(--visual-viewport-height,100vh) w-screen overflow-hidden bg-black/15", isEntering && "fade-in animate-in duration-500", isExiting && "fade-out animate-out duration-300", isBlurred && "backdrop-blur-[1px] backdrop-filter", className ) )} {...props} > sheetContentStyles({ ...renderProps, side, isFloat, className, }) )} > ) } const SheetTrigger = DialogTrigger const SheetFooter = DialogFooter const SheetHeader = DialogHeader const SheetTitle = DialogTitle const SheetDescription = DialogDescription const SheetBody = DialogBody const SheetClose = DialogClose export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, } export type { SheetContentProps, SheetProps, Sides } 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","react-aria-components",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/react-aria-components","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"react-aria-components"}]]}]}],["$","li","cn@^0.2.4",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/cn","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"cn@^0.2.4"}]]}]}],["$","li","tailwind-variants",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/tailwind-variants","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"tailwind-variants"}]]}]}]]}],["$","$L50",null,{"namespace":"@preskok","registryDependencies":["https://ui-three-mu.vercel.app/r/dialog.json"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"registry/preskok/ui/preskok-ui/sheet.tsx","content":"$52","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]