@hoosei/voxweave-react/dist/cjs/index23.js

A customizable and interactive voice UI component for React applications

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("react"),f=require("./index27.js"),R=require("./index24.js"),M=require("./index28.js"),C=require("./index29.js"),B=require("./index30.js"),V=require("./index31.js"),z=require("./index32.js"),K=require("./index33.js"),_=require("./index34.js"),p=require("./index35.js"),U=require("./index36.js"),Y=require("./index37.js"),Z=require("./index38.js"),J=require("./index21.js"),a=require("react/jsx-runtime");function Q(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 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 s=Q(H);var v="Dialog",[S,X]=M.createContextScope(v),[ee,u]=S(v),P=e=>{const{__scopeDialog:t,children:o,open:n,defaultOpen:i,onOpenChange:r,modal:l=!0}=e,c=s.useRef(null),g=s.useRef(null),[m,x]=B.useControllableState({prop:n,defaultProp:i??!1,onChange:r,caller:v});return a.jsx(ee,{scope:t,triggerRef:c,contentRef:g,contentId:C.useId(),titleId:C.useId(),descriptionId:C.useId(),open:m,onOpenChange:x,onOpenToggle:s.useCallback(()=>x(L=>!L),[x]),modal:l,children:o})};P.displayName=v;var w="DialogTrigger",y=s.forwardRef((e,t)=>{const{__scopeDialog:o,...n}=e,i=u(w,o),r=R.useComposedRefs(t,i.triggerRef);return a.jsx(p.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":i.open,"aria-controls":i.contentId,"data-state":A(i.open),...n,ref:r,onClick:f.composeEventHandlers(e.onClick,i.onOpenToggle)})});y.displayName=w;var O="DialogPortal",[te,F]=S(O,{forceMount:void 0}),E=e=>{const{__scopeDialog:t,forceMount:o,children:n,container:i}=e,r=u(O,t);return a.jsx(te,{scope:t,forceMount:o,children:s.Children.map(n,l=>a.jsx(_.Presence,{present:o||r.open,children:a.jsx(K.Portal,{asChild:!0,container:i,children:l})}))})};E.displayName=O;var D="DialogOverlay",h=s.forwardRef((e,t)=>{const o=F(D,e.__scopeDialog),{forceMount:n=o.forceMount,...i}=e,r=u(D,e.__scopeDialog);return r.modal?a.jsx(_.Presence,{present:n||r.open,children:a.jsx(re,{...i,ref:t})}):null});h.displayName=D;var oe=J.createSlot("DialogOverlay.RemoveScroll"),re=s.forwardRef((e,t)=>{const{__scopeDialog:o,...n}=e,i=u(D,o);return a.jsx(Y.default,{as:oe,allowPinchZoom:!0,shards:[i.contentRef],children:a.jsx(p.Primitive.div,{"data-state":A(i.open),...n,ref:t,style:{pointerEvents:"auto",...n.style}})})}),d="DialogContent",N=s.forwardRef((e,t)=>{const o=F(d,e.__scopeDialog),{forceMount:n=o.forceMount,...i}=e,r=u(d,e.__scopeDialog);return a.jsx(_.Presence,{present:n||r.open,children:r.modal?a.jsx(ne,{...i,ref:t}):a.jsx(ie,{...i,ref:t})})});N.displayName=d;var ne=s.forwardRef((e,t)=>{const o=u(d,e.__scopeDialog),n=s.useRef(null),i=R.useComposedRefs(t,o.contentRef,n);return s.useEffect(()=>{const r=n.current;if(r)return Z.hideOthers(r)},[]),a.jsx(q,{...e,ref:i,trapFocus:o.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:f.composeEventHandlers(e.onCloseAutoFocus,r=>{r.preventDefault(),o.triggerRef.current?.focus()}),onPointerDownOutside:f.composeEventHandlers(e.onPointerDownOutside,r=>{const l=r.detail.originalEvent,c=l.button===0&&l.ctrlKey===!0;(l.button===2||c)&&r.preventDefault()}),onFocusOutside:f.composeEventHandlers(e.onFocusOutside,r=>r.preventDefault())})}),ie=s.forwardRef((e,t)=>{const o=u(d,e.__scopeDialog),n=s.useRef(!1),i=s.useRef(!1);return a.jsx(q,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:r=>{e.onCloseAutoFocus?.(r),r.defaultPrevented||(n.current||o.triggerRef.current?.focus(),r.preventDefault()),n.current=!1,i.current=!1},onInteractOutside:r=>{e.onInteractOutside?.(r),r.defaultPrevented||(n.current=!0,r.detail.originalEvent.type==="pointerdown"&&(i.current=!0));const l=r.target;o.triggerRef.current?.contains(l)&&r.preventDefault(),r.detail.originalEvent.type==="focusin"&&i.current&&r.preventDefault()}})}),q=s.forwardRef((e,t)=>{const{__scopeDialog:o,trapFocus:n,onOpenAutoFocus:i,onCloseAutoFocus:r,...l}=e,c=u(d,o),g=s.useRef(null),m=R.useComposedRefs(t,g);return U.useFocusGuards(),a.jsxs(a.Fragment,{children:[a.jsx(z.FocusScope,{asChild:!0,loop:!0,trapped:n,onMountAutoFocus:i,onUnmountAutoFocus:r,children:a.jsx(V.DismissableLayer,{role:"dialog",id:c.contentId,"aria-describedby":c.descriptionId,"aria-labelledby":c.titleId,"data-state":A(c.open),...l,ref:m,onDismiss:()=>c.onOpenChange(!1)})}),a.jsxs(a.Fragment,{children:[a.jsx(se,{titleId:c.titleId}),a.jsx(le,{contentRef:g,descriptionId:c.descriptionId})]})]})}),b="DialogTitle",I=s.forwardRef((e,t)=>{const{__scopeDialog:o,...n}=e,i=u(b,o);return a.jsx(p.Primitive.h2,{id:i.titleId,...n,ref:t})});I.displayName=b;var $="DialogDescription",T=s.forwardRef((e,t)=>{const{__scopeDialog:o,...n}=e,i=u($,o);return a.jsx(p.Primitive.p,{id:i.descriptionId,...n,ref:t})});T.displayName=$;var W="DialogClose",j=s.forwardRef((e,t)=>{const{__scopeDialog:o,...n}=e,i=u(W,o);return a.jsx(p.Primitive.button,{type:"button",...n,ref:t,onClick:f.composeEventHandlers(e.onClick,()=>i.onOpenChange(!1))})});j.displayName=W;function A(e){return e?"open":"closed"}var k="DialogTitleWarning",[ae,G]=M.createContext(k,{contentName:d,titleName:b,docsSlug:"dialog"}),se=({titleId:e})=>{const t=G(k),o=`\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.

If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.

For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;return s.useEffect(()=>{e&&(document.getElementById(e)||console.error(o))},[o,e]),null},ce="DialogDescriptionWarning",le=({contentRef:e,descriptionId:t})=>{const n=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${G(ce).contentName}}.`;return s.useEffect(()=>{const i=e.current?.getAttribute("aria-describedby");t&&i&&(document.getElementById(t)||console.warn(n))},[n,e,t]),null},ue=P,de=y,ge=E,fe=h,pe=N,De=I,ve=T,me=j;exports.Close=me;exports.Content=pe;exports.Description=ve;exports.Dialog=P;exports.DialogClose=j;exports.DialogContent=N;exports.DialogDescription=T;exports.DialogOverlay=h;exports.DialogPortal=E;exports.DialogTitle=I;exports.DialogTrigger=y;exports.Overlay=fe;exports.Portal=ge;exports.Root=ue;exports.Title=De;exports.Trigger=de;exports.WarningProvider=ae;exports.createDialogScope=X;
//# sourceMappingURL=index23.js.map