dgz-ui
Version:
Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript
2 lines (1 loc) • 2.96 kB
JavaScript
;const s=require("./jsx-runtime-DUiatUiq.cjs"),x=require("react"),a=require("./index-BvvyN5kO.cjs"),i=require("./utils-BeXF6FlA.cjs"),f=require("./x-CNuZjhQX.cjs");function j(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const l=j(x),D=a.Root,y=a.Trigger,d=a.Portal,N=a.Close,r=l.forwardRef(({className:e,...t},o)=>s.jsxRuntimeExports.jsx(a.Overlay,{ref:o,className:i.cn("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",e),...t}));r.displayName=a.Overlay.displayName;const c=l.forwardRef(({className:e,children:t,...o},n)=>s.jsxRuntimeExports.jsxs(d,{children:[s.jsxRuntimeExports.jsx(r,{}),s.jsxRuntimeExports.jsxs(a.Content,{ref:n,className:i.cn("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 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",e),...o,children:[t,s.jsxRuntimeExports.jsxs(a.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-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none",children:[s.jsxRuntimeExports.jsx(f.X,{className:"h-4 w-4"}),s.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Close"})]})]})]}));c.displayName=a.Content.displayName;const g=({className:e,...t})=>s.jsxRuntimeExports.jsx("div",{className:i.cn("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});g.displayName="DialogHeader";const m=({className:e,...t})=>s.jsxRuntimeExports.jsx("div",{className:i.cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});m.displayName="DialogFooter";const p=l.forwardRef(({className:e,...t},o)=>s.jsxRuntimeExports.jsx(a.Title,{ref:o,className:i.cn("text-lg leading-none font-semibold tracking-tight",e),...t}));p.displayName=a.Title.displayName;const u=l.forwardRef(({className:e,...t},o)=>s.jsxRuntimeExports.jsx(a.Description,{ref:o,className:i.cn("text-muted-foreground text-sm",e),...t}));u.displayName=a.Description.displayName;exports.Dialog=D;exports.DialogClose=N;exports.DialogContent=c;exports.DialogDescription=u;exports.DialogFooter=m;exports.DialogHeader=g;exports.DialogOverlay=r;exports.DialogPortal=d;exports.DialogTitle=p;exports.DialogTrigger=y;