dgz-ui/dist/chunks/index-CtCzh8NB.cjs.js

Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript

"use strict";const q=require("react"),u=require("./index-D9zW9Tk7.cjs.js"),R=require("./index-jFOWwfD3.cjs.js"),C=require("./index-BruMW80s.cjs.js"),G=require("./index-CItoM52t.cjs.js"),m=require("./index-DG15yxNP.cjs.js"),a=require("react/jsx-runtime");function H(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const s=H(q);function V(e){const t=B(e),r=s.forwardRef((n,o)=>{const{children:i,...l}=n,c=s.Children.toArray(i),d=c.find(z);if(d){const f=d.props.children,v=c.map(D=>D===d?s.Children.count(f)>1?s.Children.only(null):s.isValidElement(f)?f.props.children:null:D);return a.jsx(t,{...l,ref:o,children:s.isValidElement(f)?s.cloneElement(f,void 0,v):null})}return a.jsx(t,{...l,ref:o,children:i})});return r.displayName=`${e}.Slot`,r}function B(e){const t=s.forwardRef((r,n)=>{const{children:o,...i}=r;if(s.isValidElement(o)){const l=U(o),c=K(i,o.props);return o.type!==s.Fragment&&(c.ref=n?R.composeRefs(n,l):l),s.cloneElement(o,c)}return s.Children.count(o)>1?s.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var Z=Symbol("radix.slottable");function z(e){return s.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===Z}function K(e,t){const r={...t};for(const n in t){const o=e[n],i=t[n];/^on[A-Z]/.test(n)?o&&i?r[n]=(...c)=>{const d=i(...c);return o(...c),d}:o&&(r[n]=o):n==="style"?r[n]={...o,...i}:n==="className"&&(r[n]=[o,i].filter(Boolean).join(" "))}return{...e,...r}}function U(e){var n,o;let t=(n=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:n.get,r=t&&"isReactWarning"in t&&t.isReactWarning;return r?e.ref:(t=(o=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:o.get,r=t&&"isReactWarning"in t&&t.isReactWarning,r?e.props.ref:e.props.ref||e.ref)}var y="Dialog",[h,Y]=u.createContextScope(y),[J,g]=h(y),O=e=>{const{__scopeDialog:t,children:r,open:n,defaultOpen:o,onOpenChange:i,modal:l=!0}=e,c=s.useRef(null),d=s.useRef(null),[f,v]=C.useControllableState({prop:n,defaultProp:o??!1,onChange:i,caller:y});return a.jsx(J,{scope:t,triggerRef:c,contentRef:d,contentId:C.useId(),titleId:C.useId(),descriptionId:C.useId(),open:f,onOpenChange:v,onOpenToggle:s.useCallback(()=>v(D=>!D),[v]),modal:l,children:r})};O.displayName=y;var I="DialogTrigger",N=s.forwardRef((e,t)=>{const{__scopeDialog:r,...n}=e,o=g(I,r),i=R.useComposedRefs(t,o.triggerRef);return a.jsx(u.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":P(o.open),...n,ref:i,onClick:u.composeEventHandlers(e.onClick,o.onOpenToggle)})});N.displayName=I;var E="DialogPortal",[Q,b]=h(E,{forceMount:void 0}),j=e=>{const{__scopeDialog:t,forceMount:r,children:n,container:o}=e,i=g(E,t);return a.jsx(Q,{scope:t,forceMount:r,children:s.Children.map(n,l=>a.jsx(u.Presence,{present:r||i.open,children:a.jsx(m.Portal,{asChild:!0,container:o,children:l})}))})};j.displayName=E;var x="DialogOverlay",T=s.forwardRef((e,t)=>{const r=b(x,e.__scopeDialog),{forceMount:n=r.forceMount,...o}=e,i=g(x,e.__scopeDialog);return i.modal?a.jsx(u.Presence,{present:n||i.open,children:a.jsx(ee,{...o,ref:t})}):null});T.displayName=x;var X=V("DialogOverlay.RemoveScroll"),ee=s.forwardRef((e,t)=>{const{__scopeDialog:r,...n}=e,o=g(x,r);return a.jsx(m.ReactRemoveScroll,{as:X,allowPinchZoom:!0,shards:[o.contentRef],children:a.jsx(u.Primitive.div,{"data-state":P(o.open),...n,ref:t,style:{pointerEvents:"auto",...n.style}})})}),p="DialogContent",A=s.forwardRef((e,t)=>{const r=b(p,e.__scopeDialog),{forceMount:n=r.forceMount,...o}=e,i=g(p,e.__scopeDialog);return a.jsx(u.Presence,{present:n||i.open,children:i.modal?a.jsx(te,{...o,ref:t}):a.jsx(oe,{...o,ref:t})})});A.displayName=p;var te=s.forwardRef((e,t)=>{const r=g(p,e.__scopeDialog),n=s.useRef(null),o=R.useComposedRefs(t,r.contentRef,n);return s.useEffect(()=>{const i=n.current;if(i)return m.hideOthers(i)},[]),a.jsx(S,{...e,ref:o,trapFocus:r.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:u.composeEventHandlers(e.onCloseAutoFocus,i=>{var l;i.preventDefault(),(l=r.triggerRef.current)==null||l.focus()}),onPointerDownOutside:u.composeEventHandlers(e.onPointerDownOutside,i=>{const l=i.detail.originalEvent,c=l.button===0&&l.ctrlKey===!0;(l.button===2||c)&&i.preventDefault()}),onFocusOutside:u.composeEventHandlers(e.onFocusOutside,i=>i.preventDefault())})}),oe=s.forwardRef((e,t)=>{const r=g(p,e.__scopeDialog),n=s.useRef(!1),o=s.useRef(!1);return a.jsx(S,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:i=>{var l,c;(l=e.onCloseAutoFocus)==null||l.call(e,i),i.defaultPrevented||(n.current||(c=r.triggerRef.current)==null||c.focus(),i.preventDefault()),n.current=!1,o.current=!1},onInteractOutside:i=>{var d,f;(d=e.onInteractOutside)==null||d.call(e,i),i.defaultPrevented||(n.current=!0,i.detail.originalEvent.type==="pointerdown"&&(o.current=!0));const l=i.target;((f=r.triggerRef.current)==null?void 0:f.contains(l))&&i.preventDefault(),i.detail.originalEvent.type==="focusin"&&o.current&&i.preventDefault()}})}),S=s.forwardRef((e,t)=>{const{__scopeDialog:r,trapFocus:n,onOpenAutoFocus:o,onCloseAutoFocus:i,...l}=e,c=g(p,r),d=s.useRef(null),f=R.useComposedRefs(t,d);return m.useFocusGuards(),a.jsxs(a.Fragment,{children:[a.jsx(m.FocusScope,{asChild:!0,loop:!0,trapped:n,onMountAutoFocus:o,onUnmountAutoFocus:i,children:a.jsx(G.DismissableLayer,{role:"dialog",id:c.contentId,"aria-describedby":c.descriptionId,"aria-labelledby":c.titleId,"data-state":P(c.open),...l,ref:f,onDismiss:()=>c.onOpenChange(!1)})}),a.jsxs(a.Fragment,{children:[a.jsx(re,{titleId:c.titleId}),a.jsx(se,{contentRef:d,descriptionId:c.descriptionId})]})]})}),_="DialogTitle",M=s.forwardRef((e,t)=>{const{__scopeDialog:r,...n}=e,o=g(_,r);return a.jsx(u.Primitive.h2,{id:o.titleId,...n,ref:t})});M.displayName=_;var w="DialogDescription",F=s.forwardRef((e,t)=>{const{__scopeDialog:r,...n}=e,o=g(w,r);return a.jsx(u.Primitive.p,{id:o.descriptionId,...n,ref:t})});F.displayName=w;var W="DialogClose",$=s.forwardRef((e,t)=>{const{__scopeDialog:r,...n}=e,o=g(W,r);return a.jsx(u.Primitive.button,{type:"button",...n,ref:t,onClick:u.composeEventHandlers(e.onClick,()=>o.onOpenChange(!1))})});$.displayName=W;function P(e){return e?"open":"closed"}var L="DialogTitleWarning",[ne,k]=u.createContext2(L,{contentName:p,titleName:_,docsSlug:"dialog"}),re=({titleId:e})=>{const t=k(L),r=`\`${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(r))},[r,e]),null},ie="DialogDescriptionWarning",se=({contentRef:e,descriptionId:t})=>{const n=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${k(ie).contentName}}.`;return s.useEffect(()=>{var i;const o=(i=e.current)==null?void 0:i.getAttribute("aria-describedby");t&&o&&(document.getElementById(t)||console.warn(n))},[n,e,t]),null},ae=O,le=N,ce=j,ue=T,de=A,fe=M,ge=F,pe=$;exports.Close=pe;exports.Content=de;exports.Description=ge;exports.Overlay=ue;exports.Portal=ce;exports.Root=ae;exports.Title=fe;exports.Trigger=le;exports.WarningProvider=ne;exports.createDialogScope=Y;
//# sourceMappingURL=index-CtCzh8NB.cjs.js.map