dgz-ui
Version:
Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript
3 lines (2 loc) • 2.93 kB
JavaScript
;const s=require("react/jsx-runtime"),a=require("./index-CtCzh8NB.cjs.js"),D=require("react"),y=require("react-i18next"),n=require("./utils-C4d7Ql9-.cjs.js"),N=require("./x-Ev63aQi_.cjs.js");function j(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,i.get?i:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const l=j(D),b=a.Root,v=a.Trigger,d=a.Portal,w=a.Close,r=l.forwardRef(({className:e,...t},o)=>s.jsx(a.Overlay,{ref:o,className:n.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,hasCloseButton:o,...i},p)=>{const{t:x}=y.useTranslation();return s.jsxs(d,{children:[s.jsx(r,{}),s.jsxs(a.Content,{ref:p,className:n.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),...i,children:[t,o&&s.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.jsx(N.X,{className:"size-4"}),s.jsx("span",{className:"sr-only",children:x("Close")})]})]})]})});c.displayName=a.Content.displayName;const g=({className:e,...t})=>s.jsx("div",{className:n.cn("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});g.displayName="DialogHeader";const f=({className:e,...t})=>s.jsx("div",{className:n.cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});f.displayName="DialogFooter";const u=l.forwardRef(({className:e,...t},o)=>s.jsx(a.Title,{ref:o,className:n.cn("text-lg leading-none font-semibold tracking-tight",e),...t}));u.displayName=a.Title.displayName;const m=l.forwardRef(({className:e,...t},o)=>s.jsx(a.Description,{ref:o,className:n.cn("text-muted-foreground text-sm",e),...t}));m.displayName=a.Description.displayName;exports.Dialog=b;exports.DialogClose=w;exports.DialogContent=c;exports.DialogDescription=m;exports.DialogFooter=f;exports.DialogHeader=g;exports.DialogOverlay=r;exports.DialogPortal=d;exports.DialogTitle=u;exports.DialogTrigger=v;
//# sourceMappingURL=dialog-BWF5BkHj.cjs.js.map