ivt
Version:
Ivt Components Library
1 lines • 5.46 kB
Source Map (JSON)
{"version":3,"file":"dialog-Dxotsves.mjs","sources":["../../src/components/ui/dialog/dialog.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\nimport React from \"react\";\n\nfunction Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {\n\treturn <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n\treturn <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n\treturn <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>) {\n\treturn <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n\treturn (\n\t\t<DialogPrimitive.Overlay\n\t\t\tdata-slot=\"dialog-overlay\"\n\t\t\tclassName={cn(\n\t\t\t\t\"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DialogContent({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Content>) {\n\treturn (\n\t\t<DialogPortal data-slot=\"dialog-portal\">\n\t\t\t<DialogOverlay />\n\t\t\t<DialogPrimitive.Content\n\t\t\t\tdata-slot=\"dialog-content\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t<DialogPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\">\n\t\t\t\t\t<XIcon />\n\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t</DialogPrimitive.Close>\n\t\t\t</DialogPrimitive.Content>\n\t\t</DialogPortal>\n\t);\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"dialog-header\"\n\t\t\tclassName={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"dialog-footer\"\n\t\t\tclassName={cn(\"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>) {\n\treturn (\n\t\t<DialogPrimitive.Title\n\t\t\tdata-slot=\"dialog-title\"\n\t\t\tclassName={cn(\"text-lg leading-none font-semibold\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DialogDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n\treturn (\n\t\t<DialogPrimitive.Description\n\t\t\tdata-slot=\"dialog-description\"\n\t\t\tclassName={cn(\"text-muted-foreground text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tDialog,\n\tDialogClose,\n\tDialogContent,\n\tDialogDescription,\n\tDialogFooter,\n\tDialogHeader,\n\tDialogOverlay,\n\tDialogPortal,\n\tDialogTitle,\n\tDialogTrigger,\n};\n"],"names":["Dialog","props","React","createElement","DialogPrimitive","data-slot","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","className","cn","DialogContent","children","XIcon","span","DialogHeader","div","DialogFooter","DialogTitle","DialogDescription"],"mappings":"6LAKA,SAASA,MAAYC,IACpB,OAAOC,EAAAC,cAACC,EAAoB,CAACC,YAAU,YAAaJ,GACrD,CAEA,SAASK,MAAmBL,IAC3B,OAAOC,EAAAC,cAACC,EAAuB,CAACC,YAAU,oBAAqBJ,GAChE,CAEA,SAASM,MAAkBN,IAC1B,OAAOC,EAAAC,cAACC,EAAsB,CAACC,YAAU,mBAAoBJ,GAC9D,CAEA,SAASO,MAAiBP,IACzB,OAAOC,EAAAC,cAACC,EAAqB,CAACC,YAAU,kBAAmBJ,GAC5D,CAEA,SAASQ,GAAcC,UACtBA,KACGT,IAEH,OACCC,EAAAC,cAACC,EAAuB,CACvBC,YAAU,iBACVK,UAAWC,EACV,yJACAD,MAEGT,GAGP,CAEA,SAASW,GAAcF,UACtBA,EAASG,SACTA,KACGZ,IAEH,OACCC,EAAAC,cAACI,EAAAA,CAAaF,YAAU,iBACvBH,EAAAC,cAACM,EAAAA,MACDP,EAAAC,cAACC,EAAuB,CACvBC,YAAU,iBACVK,UAAWC,EACV,8WACAD,MAEGT,GAEHY,EACDX,EAAAC,cAACC,EAAqB,CAACM,UAAU,qWAChCR,EAAAC,cAACW,QACDZ,EAAAC,cAACY,OAAAA,CAAKL,UAAU,WAAU,WAK/B,CAEA,SAASM,GAAaN,UAAEA,KAAcT,IACrC,OACCC,EAAAC,cAACc,MAAAA,CACAZ,YAAU,gBACVK,UAAWC,EAAG,+CAAgDD,MAC1DT,GAGP,CAEA,SAASiB,GAAaR,UAAEA,KAAcT,IACrC,OACCC,EAAAC,cAACc,MAAAA,CACAZ,YAAU,gBACVK,UAAWC,EAAG,yDAA0DD,MACpET,GAGP,CAEA,SAASkB,GAAYT,UAAEA,KAAcT,IACpC,OACCC,EAAAC,cAACC,EAAqB,CACrBC,YAAU,eACVK,UAAWC,EAAG,qCAAsCD,MAChDT,GAGP,CAEA,SAASmB,GAAkBV,UAC1BA,KACGT,IAEH,OACCC,EAAAC,cAACC,EAA2B,CAC3BC,YAAU,qBACVK,UAAWC,EAAG,gCAAiCD,MAC3CT,GAGP"}