UNPKG

@hoosei/voxweave-react

Version:

A customizable and interactive voice UI component for React applications

3 lines (2 loc) 3.16 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),t=require("./index23.js"),i=require("./index8.js"),s=require("react/jsx-runtime"),m=require("./index18.js");function p(o){if(o&&o.__esModule)return o;const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const a in o)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(o,a);Object.defineProperty(e,a,l.get?l:{enumerable:!0,get:()=>o[a]})}}return e.default=o,Object.freeze(e)}const n=p(u),D=t.Root,y=t.Trigger,r=t.Portal,N=t.Close,x=n.forwardRef(({className:o,...e},a)=>s.jsx(t.Overlay,{ref:a,className:i.cn("vox-fixed vox-inset-0 vox-z-50 vox-bg-white/80 vox-backdrop-blur-sm data-[state=open]:vox-animate-in data-[state=closed]:vox-animate-out data-[state=closed]:vox-fade-out-0 data-[state=open]:vox-fade-in-0",o),...e}));x.displayName=t.Overlay.displayName;const d=n.forwardRef(({className:o,children:e,...a},l)=>s.jsxs(r,{children:[s.jsx(x,{}),s.jsxs(t.Content,{ref:l,className:i.cn("vox-fixed vox-left-[50%] vox-top-[50%] vox-z-50 vox-grid vox-w-full vox-max-w-lg vox-translate-x-[-50%] vox-translate-y-[-50%] vox-gap-4 vox-border vox-bg-white vox-p-6 vox-shadow-lg vox-duration-200 data-[state=open]:vox-animate-in data-[state=closed]:vox-animate-out data-[state=closed]:vox-fade-out-0 data-[state=open]:vox-fade-in-0 data-[state=closed]:vox-zoom-out-95 data-[state=open]:vox-zoom-in-95 data-[state=closed]:vox-slide-out-to-left-1/2 data-[state=closed]:vox-slide-out-to-top-[48%] data-[state=open]:vox-slide-in-from-left-1/2 data-[state=open]:vox-slide-in-from-top-[48%] sm:vox-rounded-lg",o),...a,children:[e,s.jsxs(t.Close,{className:"vox-absolute vox-right-4 vox-top-4 vox-rounded-sm vox-opacity-70 vox-ring-offset-background vox-transition-opacity hover:vox-opacity-100 focus:vox-outline-none focus:vox-ring-2 focus:vox-ring-ring focus:vox-ring-offset-2 disabled:vox-pointer-events-none data-[state=open]:vox-bg-accent data-[state=open]:vox-text-muted-foreground",children:[s.jsx(m.default,{className:"vox-h-4 vox-w-4"}),s.jsx("span",{className:"vox-sr-only",children:"Close"})]})]})]}));d.displayName=t.Content.displayName;const v=({className:o,...e})=>s.jsx("div",{className:i.cn("vox-flex vox-flex-col vox-space-y-1.5 vox-text-center sm:vox-text-left",o),...e});v.displayName="DialogHeader";const c=({className:o,...e})=>s.jsx("div",{className:i.cn("vox-flex vox-flex-col-reverse sm:vox-flex-row sm:vox-justify-end sm:vox-space-x-2",o),...e});c.displayName="DialogFooter";const g=n.forwardRef(({className:o,...e},a)=>s.jsx(t.Title,{ref:a,className:i.cn("vox-text-lg vox-font-semibold vox-leading-none vox-tracking-tight",o),...e}));g.displayName=t.Title.displayName;const f=n.forwardRef(({className:o,...e},a)=>s.jsx(t.Description,{ref:a,className:i.cn("vox-text-sm vox-text-muted-foreground",o),...e}));f.displayName=t.Description.displayName;exports.Dialog=D;exports.DialogClose=N;exports.DialogContent=d;exports.DialogDescription=f;exports.DialogFooter=c;exports.DialogHeader=v;exports.DialogOverlay=x;exports.DialogPortal=r;exports.DialogTitle=g;exports.DialogTrigger=y; //# sourceMappingURL=index7.js.map