@radix-ui/react-dialog 0.0.19 → 0.1.0

package/dist/index.d.ts

@@ -1,77 +1,82 @@
 import * as React from "react";
 import { DismissableLayer } from "@radix-ui/react-dismissable-layer";
 import { FocusScope } from "@radix-ui/react-focus-scope";
+import * as Radix from "@radix-ui/react-primitive";
 import { Primitive } from "@radix-ui/react-primitive";
-import * as Polymorphic from "@radix-ui/react-polymorphic";
-type DialogOwnProps = {
+export interface DialogProps {
     open?: boolean;
     defaultOpen?: boolean;
     onOpenChange?(open: boolean): void;
-};
-export const Dialog: React.FC<DialogOwnProps>;
-declare const TRIGGER_DEFAULT_TAG = "button";
-type DialogTriggerOwnProps = Polymorphic.OwnProps<typeof Primitive>;
-export type DialogTriggerPrimitive = Polymorphic.ForwardRefComponent<typeof TRIGGER_DEFAULT_TAG, DialogTriggerOwnProps>;
-export const DialogTrigger: DialogTriggerPrimitive;
-type DialogOverlayOwnProps = Polymorphic.Merge<Polymorphic.OwnProps<typeof DialogOverlayImpl>, {
+    modal?: boolean;
+}
+export const Dialog: React.FC<DialogProps>;
+type PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;
+export interface DialogTriggerProps extends PrimitiveButtonProps {
+}
+export const DialogTrigger: React.ForwardRefExoticComponent<DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export interface DialogOverlayProps extends DialogOverlayImplProps {
     /**
      * Used to force mounting when more control is needed. Useful when
      * controlling animation with React animation libraries.
      */
     forceMount?: true;
-}>;
-export type DialogOverlayPrimitive = Polymorphic.ForwardRefComponent<Polymorphic.IntrinsicElement<typeof DialogOverlayImpl>, DialogOverlayOwnProps>;
-export const DialogOverlay: DialogOverlayPrimitive;
-type DialogOverlayImplOwnProps = Polymorphic.OwnProps<typeof Primitive>;
-type DialogOverlayImplPrimitive = Polymorphic.ForwardRefComponent<Polymorphic.IntrinsicElement<typeof Primitive>, DialogOverlayImplOwnProps>;
-declare const DialogOverlayImpl: DialogOverlayImplPrimitive;
-type DialogContentOwnProps = Polymorphic.Merge<Polymorphic.OwnProps<typeof DialogContentImpl>, {
+}
+export const DialogOverlay: React.ForwardRefExoticComponent<DialogOverlayProps & React.RefAttributes<HTMLDivElement>>;
+type PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;
+interface DialogOverlayImplProps extends PrimitiveDivProps {
+}
+export interface DialogContentProps extends DialogContentTypeProps {
     /**
      * Used to force mounting when more control is needed. Useful when
      * controlling animation with React animation libraries.
      */
     forceMount?: true;
-}>;
-export type DialogContentPrimitive = Polymorphic.ForwardRefComponent<Polymorphic.IntrinsicElement<typeof DialogContentImpl>, DialogContentOwnProps>;
-export const DialogContent: DialogContentPrimitive;
-type FocusScopeOwnProps = Polymorphic.OwnProps<typeof FocusScope>;
-type DialogContentImplOwnProps = Polymorphic.Merge<Omit<Polymorphic.OwnProps<typeof DismissableLayer>, 'disableOutsidePointerEvents' | 'onFocusOutside' | 'onInteractOutside' | 'onDismiss'>, {
+}
+export const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
+interface DialogContentTypeProps extends Omit<DialogContentImplProps, 'trapFocus' | 'disableOutsidePointerEvents'> {
+}
+type DismissableLayerProps = Radix.ComponentPropsWithoutRef<typeof DismissableLayer>;
+type FocusScopeProps = Radix.ComponentPropsWithoutRef<typeof FocusScope>;
+interface DialogContentImplProps extends Omit<DismissableLayerProps, 'onDismiss'> {
+    /**
+     * When `true`, focus cannot escape the `Content` via keyboard,
+     * pointer, or a programmatic focus.
+     * @defaultValue false
+     */
+    trapFocus?: FocusScopeProps['trapped'];
     /**
      * Event handler called when auto-focusing on open.
      * Can be prevented.
      */
-    onOpenAutoFocus?: FocusScopeOwnProps['onMountAutoFocus'];
+    onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus'];
     /**
      * Event handler called when auto-focusing on close.
      * Can be prevented.
      */
-    onCloseAutoFocus?: FocusScopeOwnProps['onUnmountAutoFocus'];
-}>;
-type DialogContentImplPrimitive = Polymorphic.ForwardRefComponent<Polymorphic.IntrinsicElement<typeof DismissableLayer>, DialogContentImplOwnProps>;
-declare const DialogContentImpl: DialogContentImplPrimitive;
-declare const TITLE_DEFAULT_TAG = "h2";
-type DialogTitleOwnProps = Polymorphic.OwnProps<typeof Primitive>;
-export type DialogTitlePrimitive = Polymorphic.ForwardRefComponent<typeof TITLE_DEFAULT_TAG, DialogTitleOwnProps>;
-export const DialogTitle: DialogTitlePrimitive;
-declare const DESCRIPTION_DEFAULT_TAG = "p";
-type DialogDescriptionOwnProps = Polymorphic.OwnProps<typeof Primitive>;
-export type DialogDescriptionPrimitive = Polymorphic.ForwardRefComponent<typeof DESCRIPTION_DEFAULT_TAG, DialogDescriptionOwnProps>;
-export const DialogDescription: DialogDescriptionPrimitive;
-declare const CLOSE_DEFAULT_TAG = "button";
-type DialogCloseOwnProps = Polymorphic.OwnProps<typeof Primitive>;
-export type DialogClosePrimitive = Polymorphic.ForwardRefComponent<typeof CLOSE_DEFAULT_TAG, DialogCloseOwnProps>;
-export const DialogClose: DialogClosePrimitive;
+    onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus'];
+}
+type PrimitiveHeading2Props = Radix.ComponentPropsWithoutRef<typeof Primitive.h2>;
+export interface DialogTitleProps extends PrimitiveHeading2Props {
+}
+export const DialogTitle: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+type PrimitiveParagraphProps = Radix.ComponentPropsWithoutRef<typeof Primitive.p>;
+export interface DialogDescriptionProps extends PrimitiveParagraphProps {
+}
+export const DialogDescription: React.ForwardRefExoticComponent<DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+export interface DialogCloseProps extends PrimitiveButtonProps {
+}
+export const DialogClose: React.ForwardRefExoticComponent<DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
 export const LabelWarningProvider: React.Provider<{
     contentName: string;
     titleName: string;
     docsSlug: string;
 }>;
-export const Root: React.FC<DialogOwnProps>;
-export const Trigger: DialogTriggerPrimitive;
-export const Overlay: DialogOverlayPrimitive;
-export const Content: DialogContentPrimitive;
-export const Title: DialogTitlePrimitive;
-export const Description: DialogDescriptionPrimitive;
-export const Close: DialogClosePrimitive;
+export const Root: React.FC<DialogProps>;
+export const Trigger: React.ForwardRefExoticComponent<DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export const Overlay: React.ForwardRefExoticComponent<DialogOverlayProps & React.RefAttributes<HTMLDivElement>>;
+export const Content: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
+export const Title: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+export const Description: React.ForwardRefExoticComponent<DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+export const Close: React.ForwardRefExoticComponent<DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
 
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"mappings":"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","sources":["./packages/react/dialog/src/packages/react/dialog/src/Dialog.tsx","./packages/react/dialog/src/packages/react/dialog/src/index.ts"],"sourcesContent":[null,null],"names":[],"version":3,"file":"index.d.ts.map"}
+{"mappings":"A;A;A;A;A;AAoCA;IACE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,OAAA,MAAM,QAAQ,MAAM,EAAE,CAAC,WAAW,CAuBjC,CAAC;AAWF,4BAA4B,MAAM,wBAAwB,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC;AACpF,mCAA6B,SAAQ,oBAAoB;CAAG;AAE5D,OAAA,MAAM,2GAiBL,CAAC;AAWF,mCAA6B,SAAQ,sBAAsB;IACzD;A;A;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC;CACnB;AAED,OAAA,MAAM,wGAUL,CAAC;AAKF,yBAAyB,MAAM,wBAAwB,CAAC,OAAO,UAAU,GAAG,CAAC,CAAC;AAC9E,gCAAiC,SAAQ,iBAAiB;CAAG;AAoB7D,mCAA6B,SAAQ,sBAAsB;IACzD;A;A;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC;CACnB;AAED,OAAA,MAAM,wGAcL,CAAC;AAOF,gCACE,SAAQ,IAAI,CAAC,sBAAsB,EAAE,WAAW,GAAG,6BAA6B,CAAC;CAAG;AAkGtF,6BAA6B,MAAM,wBAAwB,CAAC,uBAAuB,CAAC,CAAC;AACrF,uBAAuB,MAAM,wBAAwB,CAAC,iBAAiB,CAAC,CAAC;AACzE,gCAAiC,SAAQ,IAAI,CAAC,qBAAqB,EAAE,WAAW,CAAC;IAC/E;A;A;A;OAIG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IAEvC;A;A;OAGG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC;IAEtD;A;A;OAGG;IACH,gBAAgB,CAAC,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAC;CAC1D;AA0DD,8BAA8B,MAAM,wBAAwB,CAAC,OAAO,UAAU,EAAE,CAAC,CAAC;AAClF,iCAA2B,SAAQ,sBAAsB;CAAG;AAE5D,OAAA,MAAM,wGAKL,CAAC;AAWF,+BAA+B,MAAM,wBAAwB,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC;AAClF,uCAAiC,SAAQ,uBAAuB;CAAG;AAEnE,OAAA,MAAM,sHAKL,CAAC;AAWF,iCAA2B,SAAQ,oBAAoB;CAAG;AAE1D,OAAA,MAAM,uGAYL,CAAC;AAgBF,OAAA,MAAM;A;A;A;EAAmD,CAAC;AA4B1D,OAAA,MAAM,2BAAa,CAAC;AACpB,OAAA,MAAM,qGAAuB,CAAC;AAC9B,OAAA,MAAM,kGAAuB,CAAC;AAC9B,OAAA,MAAM,kGAAuB,CAAC;AAC9B,OAAA,MAAM,kGAAmB,CAAC;AAC1B,OAAA,MAAM,gHAA+B,CAAC;AACtC,OAAA,MAAM,iGAAmB,CAAC","sources":["./packages/react/dialog/src/packages/react/dialog/src/Dialog.tsx","./packages/react/dialog/src/packages/react/dialog/src/index.ts"],"sourcesContent":[null,null],"names":[],"version":3,"file":"index.d.ts.map"}

package/dist/index.js

@@ -1,2 +1,2 @@
-var e,t,r,o=require("aria-hidden").hideOthers,n=require("react-remove-scroll").RemoveScroll,a=require("@radix-ui/react-focus-guards").useFocusGuards,i=require("@radix-ui/react-slot").Slot,s=require("@radix-ui/react-primitive").Primitive,l=require("@radix-ui/react-presence").Presence,c=require("@radix-ui/react-portal").Portal,u=require("@radix-ui/react-focus-scope").FocusScope,d=require("@radix-ui/react-dismissable-layer").DismissableLayer,p=require("@radix-ui/react-use-controllable-state").useControllableState,f=require("@radix-ui/react-id").useId,g=require("@radix-ui/react-context").createContext,m=require("@radix-ui/react-compose-refs").useComposedRefs,x=require("@radix-ui/primitive").composeEventHandlers,D=(e={},t=require("react"),Object.keys(t).forEach((function(r){"default"!==r&&"__esModule"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[r]}})})),e),b=(r=require("@babel/runtime/helpers/extends"))&&r.__esModule?r.default:r;const[C,E]=g("Dialog"),v=e=>{const{children:t,open:r,defaultOpen:o,onOpenChange:n}=e,a=D.useRef(null),[i=!1,s]=p({prop:r,defaultProp:o,onChange:n});/*#__PURE__*/return D.createElement(C,{triggerRef:a,contentId:f(),titleId:f(),descriptionId:f(),open:i,onOpenChange:s},t)};exports.Dialog=v;const O="button",q=/*#__PURE__*/D.forwardRef(((e,t)=>{const{as:r=O,...o}=e,n=E("DialogTrigger"),a=m(t,n.triggerRef);/*#__PURE__*/return D.createElement(s,b({type:"button","aria-haspopup":"dialog","aria-expanded":n.open,"aria-controls":n.contentId,"data-state":S(n.open)},o,{as:r,ref:a,onClick:x(e.onClick,(()=>n.onOpenChange(!0)))}))}));exports.DialogTrigger=q;const y=/*#__PURE__*/D.forwardRef(((e,t)=>{const{forceMount:r,...o}=e,n=E("DialogOverlay");/*#__PURE__*/return D.createElement(l,{present:r||n.open},/*#__PURE__*/D.createElement(R,b({"data-state":S(n.open)},o,{ref:t})))}));exports.DialogOverlay=y;const R=/*#__PURE__*/D.forwardRef(((e,t)=>/*#__PURE__*/D.createElement(c,null,/*#__PURE__*/D.createElement(s,b({},e,{ref:t}))))),h=/*#__PURE__*/D.forwardRef(((e,t)=>{const{forceMount:r,...o}=e,n=E("DialogContent");/*#__PURE__*/return D.createElement(l,{present:r||n.open},/*#__PURE__*/D.createElement(w,b({"data-state":S(n.open)},o,{ref:t})))}));/*#__PURE__*/exports.DialogContent=h;const w=/*#__PURE__*/D.forwardRef(((e,t)=>{const{"aria-label":r,"aria-labelledby":s,"aria-describedby":l,onOpenAutoFocus:p,onCloseAutoFocus:f,onEscapeKeyDown:g,onPointerDownOutside:C,...v}=e,O=E("DialogContent"),q=D.useRef(null),y=m(t,q);return a(),D.useEffect((()=>{const e=q.current;if(e)return o(e)}),[]),/*#__PURE__*/D.createElement(D.Fragment,null,/*#__PURE__*/D.createElement(c,null,/*#__PURE__*/D.createElement(n,null,/*#__PURE__*/D.createElement(u,{as:i,trapped:O.open,onMountAutoFocus:p,onUnmountAutoFocus:f},/*#__PURE__*/D.createElement(d,b({role:"dialog",id:O.contentId,"aria-modal":!0,"aria-describedby":l||O.descriptionId,"aria-labelledby":r?void 0:s||O.titleId,"aria-label":r||void 0},v,{ref:y,disableOutsidePointerEvents:!0,onEscapeKeyDown:g,onPointerDownOutside:x(C,(e=>{const t=e.detail.originalEvent;(2===t.button||0===t.button&&!0===t.ctrlKey)&&e.preventDefault()})),onFocusOutside:e=>e.preventDefault(),onDismiss:()=>O.onOpenChange(!1)}))))),!1)})),I="h2",P=/*#__PURE__*/D.forwardRef(((e,t)=>{const{as:r=I,...o}=e,n=E("DialogTitle");/*#__PURE__*/return D.createElement(s,b({id:n.titleId},o,{as:r,ref:t}))}));/*#__PURE__*/exports.DialogTitle=P;const F="p",T=/*#__PURE__*/D.forwardRef(((e,t)=>{const{as:r=F,...o}=e,n=E("DialogDescription");/*#__PURE__*/return D.createElement(s,b({id:n.descriptionId},o,{as:r,ref:t}))}));exports.DialogDescription=T;const k="button",M=/*#__PURE__*/D.forwardRef(((e,t)=>{const{as:r=k,...o}=e,n=E("DialogClose");/*#__PURE__*/return D.createElement(s,b({type:"button"},o,{as:r,ref:t,onClick:x(e.onClick,(()=>n.onOpenChange(!1)))}))}));function S(e){return e?"open":"closed"}exports.DialogClose=M;const A=/*#__PURE__*/D.createContext({contentName:"DialogContent",titleName:"DialogTitle",docsSlug:"dialog"}),_=A.Provider;exports.LabelWarningProvider=_;const K=v;exports.Root=K;const j=q;exports.Trigger=j;const L=y;exports.Overlay=L;const N=h;exports.Content=N;const G=P;exports.Title=G;const H=T;exports.Description=H;const U=M;exports.Close=U;
+var e,t,r,o=require("aria-hidden").hideOthers,n=require("react-remove-scroll").RemoveScroll,a=require("@radix-ui/react-focus-guards").useFocusGuards,i=require("@radix-ui/react-primitive").Primitive,l=require("@radix-ui/react-presence").Presence,s=require("@radix-ui/react-portal").Portal,u=require("@radix-ui/react-focus-scope").FocusScope,c=require("@radix-ui/react-dismissable-layer").DismissableLayer,d=require("@radix-ui/react-use-controllable-state").useControllableState,p=require("@radix-ui/react-id").useId,f=require("@radix-ui/react-context").createContext,g=require("@radix-ui/react-compose-refs").useComposedRefs,m=require("@radix-ui/primitive").composeEventHandlers,v=(e={},t=require("react"),Object.keys(t).forEach((function(r){"default"!==r&&"__esModule"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[r]}})})),e),D=(r=require("@babel/runtime/helpers/extends"))&&r.__esModule?r.default:r;const[x,C]=f("Dialog"),b=e=>{const{children:t,open:r,defaultOpen:o,onOpenChange:n,modal:a=!0}=e,i=v.useRef(null),[l=!1,s]=d({prop:r,defaultProp:o,onChange:n});/*#__PURE__*/return v.createElement(x,{triggerRef:i,contentId:p(),titleId:p(),descriptionId:p(),open:l,onOpenChange:s,onOpenToggle:v.useCallback((()=>s((e=>!e))),[s]),modal:a},t)};exports.Dialog=b;const E=/*#__PURE__*/v.forwardRef(((e,t)=>{const r=C("DialogTrigger"),o=g(t,r.triggerRef);/*#__PURE__*/return v.createElement(i.button,D({type:"button","aria-haspopup":"dialog","aria-expanded":r.open,"aria-controls":r.contentId,"data-state":T(r.open)},e,{ref:o,onClick:m(e.onClick,r.onOpenToggle)}))}));exports.DialogTrigger=E;const O=/*#__PURE__*/v.forwardRef(((e,t)=>{const{forceMount:r,...o}=e,n=C("DialogOverlay");return n.modal?/*#__PURE__*/v.createElement(l,{present:r||n.open},/*#__PURE__*/v.createElement(R,D({},o,{ref:t}))):null}));exports.DialogOverlay=O;const R=/*#__PURE__*/v.forwardRef(((e,t)=>{const r=C("DialogOverlay");/*#__PURE__*/return v.createElement(s,null,/*#__PURE__*/v.createElement(i.div,D({"data-state":T(r.open)},e,{ref:t})))})),F=/*#__PURE__*/v.forwardRef(((e,t)=>{const{forceMount:r,...o}=e,n=C("DialogContent");/*#__PURE__*/return v.createElement(l,{present:r||n.open},n.modal?/*#__PURE__*/v.createElement(q,D({},o,{ref:t})):/*#__PURE__*/v.createElement(y,D({},o,{ref:t})))}));exports.DialogContent=F;const q=/*#__PURE__*/v.forwardRef(((e,t)=>{const r=C("DialogContent"),a=v.useRef(null),i=g(t,a);return v.useEffect((()=>{const e=a.current;if(e)return o(e)}),[]),/*#__PURE__*/v.createElement(s,null,/*#__PURE__*/v.createElement(n,null,/*#__PURE__*/v.createElement(h,D({},e,{ref:i,trapFocus:r.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:m(e.onCloseAutoFocus,(e=>{var t;e.preventDefault(),null===(t=r.triggerRef.current)||void 0===t||t.focus()})),onPointerDownOutside:m(e.onPointerDownOutside,(e=>{const t=e.detail.originalEvent,r=0===t.button&&!0===t.ctrlKey;(2===t.button||r)&&e.preventDefault()})),onFocusOutside:m(e.onFocusOutside,(e=>e.preventDefault()))}))))})),y=/*#__PURE__*/v.forwardRef(((e,t)=>{const r=C("DialogContent"),o=v.useRef(!1);/*#__PURE__*/return v.createElement(s,null,/*#__PURE__*/v.createElement(h,D({},e,{ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:t=>{var n,a;(null===(n=e.onCloseAutoFocus)||void 0===n||n.call(e,t),t.defaultPrevented)||(o.current||null===(a=r.triggerRef.current)||void 0===a||a.focus(),t.preventDefault());o.current=!1},onInteractOutside:t=>{var n,a;null===(n=e.onInteractOutside)||void 0===n||n.call(e,t),t.defaultPrevented||(o.current=!0);const i=t.target;(null===(a=r.triggerRef.current)||void 0===a?void 0:a.contains(i))&&t.preventDefault()}})))})),h=/*#__PURE__*/v.forwardRef(((e,t)=>{const{"aria-label":r,"aria-labelledby":o,"aria-describedby":n,trapFocus:i,onOpenAutoFocus:l,onCloseAutoFocus:s,...d}=e,p=C("DialogContent"),f=v.useRef(null),m=g(t,f);return a(),/*#__PURE__*/v.createElement(v.Fragment,null,/*#__PURE__*/v.createElement(u,{asChild:!0,loop:!0,trapped:i,onMountAutoFocus:l,onUnmountAutoFocus:s},/*#__PURE__*/v.createElement(c,D({role:"dialog",id:p.contentId,"aria-describedby":n||p.descriptionId,"aria-labelledby":r?void 0:o||p.titleId,"aria-label":r||void 0,"data-state":T(p.open)},d,{ref:m,onDismiss:()=>p.onOpenChange(!1)}))),!1)})),P=/*#__PURE__*/v.forwardRef(((e,t)=>{const r=C("DialogTitle");/*#__PURE__*/return v.createElement(i.h2,D({id:r.titleId},e,{ref:t}))}));exports.DialogTitle=P;const w=/*#__PURE__*/v.forwardRef(((e,t)=>{const r=C("DialogDescription");/*#__PURE__*/return v.createElement(i.p,D({id:r.descriptionId},e,{ref:t}))}));exports.DialogDescription=w;const I=/*#__PURE__*/v.forwardRef(((e,t)=>{const r=C("DialogClose");/*#__PURE__*/return v.createElement(i.button,D({type:"button"},e,{ref:t,onClick:m(e.onClick,(()=>r.onOpenChange(!1)))}))}));function T(e){return e?"open":"closed"}exports.DialogClose=I;const A=/*#__PURE__*/v.createContext({contentName:"DialogContent",titleName:"DialogTitle",docsSlug:"dialog"}),k=A.Provider;exports.LabelWarningProvider=k;const M=b;exports.Root=M;const S=E;exports.Trigger=S;const _=O;exports.Overlay=_;const j=F;exports.Content=j;const L=P;exports.Title=L;const N=w;exports.Description=N;const G=I;exports.Close=G;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./packages/react/dialog/src/Dialog.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n  Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$reexport(e, n, v) {\n  Object.defineProperty(e, n, {get: v, enumerable: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule') {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      },\n    });\n  });\n\n  return dest;\n}\n\nfunction $parcel$missingModule(name) {\n  var err = new Error(\"Cannot find module '\" + name + \"'\");\n  err.code = 'MODULE_NOT_FOUND';\n  throw err;\n}\n\nvar $parcel$global =\n  typeof globalThis !== 'undefined'\n    ? globalThis\n    : typeof self !== 'undefined'\n    ? self\n    : typeof window !== 'undefined'\n    ? window\n    : typeof global !== 'undefined'\n    ? global\n    : {};\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContext } from '@radix-ui/react-context';\nimport { useId } from '@radix-ui/react-id';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { DismissableLayer } from '@radix-ui/react-dismissable-layer';\nimport { FocusScope } from '@radix-ui/react-focus-scope';\nimport { Portal } from '@radix-ui/react-portal';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { Slot } from '@radix-ui/react-slot';\nimport { useFocusGuards } from '@radix-ui/react-focus-guards';\nimport { RemoveScroll } from 'react-remove-scroll';\nimport { hideOthers } from 'aria-hidden';\n\nimport type * as Polymorphic from '@radix-ui/react-polymorphic';\n\n/* -------------------------------------------------------------------------------------------------\n * Dialog\n * -----------------------------------------------------------------------------------------------*/\n\nconst DIALOG_NAME = 'Dialog';\n\ntype DialogContextValue = {\n  triggerRef: React.RefObject<HTMLButtonElement>;\n  contentId: string;\n  titleId: string;\n  descriptionId: string;\n  open: boolean;\n  onOpenChange(open: boolean): void;\n};\n\nconst [DialogProvider, useDialogContext] = createContext<DialogContextValue>(DIALOG_NAME);\n\ntype DialogOwnProps = {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?(open: boolean): void;\n};\n\nconst Dialog: React.FC<DialogOwnProps> = (props) => {\n  const { children, open: openProp, defaultOpen, onOpenChange } = props;\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const [open = false, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  return (\n    <DialogProvider\n      triggerRef={triggerRef}\n      contentId={useId()}\n      titleId={useId()}\n      descriptionId={useId()}\n      open={open}\n      onOpenChange={setOpen}\n    >\n      {children}\n    </DialogProvider>\n  );\n};\n\nDialog.displayName = DIALOG_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'DialogTrigger';\nconst TRIGGER_DEFAULT_TAG = 'button';\n\ntype DialogTriggerOwnProps = Polymorphic.OwnProps<typeof Primitive>;\ntype DialogTriggerPrimitive = Polymorphic.ForwardRefComponent<\n  typeof TRIGGER_DEFAULT_TAG,\n  DialogTriggerOwnProps\n>;\n\nconst DialogTrigger = React.forwardRef((props, forwardedRef) => {\n  const { as = TRIGGER_DEFAULT_TAG, ...triggerProps } = props;\n  const context = useDialogContext(TRIGGER_NAME);\n  const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);\n  return (\n    <Primitive\n      type=\"button\"\n      aria-haspopup=\"dialog\"\n      aria-expanded={context.open}\n      aria-controls={context.contentId}\n      data-state={getState(context.open)}\n      {...triggerProps}\n      as={as}\n      ref={composedTriggerRef}\n      onClick={composeEventHandlers(props.onClick, () => context.onOpenChange(true))}\n    />\n  );\n}) as DialogTriggerPrimitive;\n\nDialogTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogOverlay\n * -----------------------------------------------------------------------------------------------*/\n\nconst OVERLAY_NAME = 'DialogOverlay';\n\ntype DialogOverlayOwnProps = Polymorphic.Merge<\n  Polymorphic.OwnProps<typeof DialogOverlayImpl>,\n  {\n    /**\n     * Used to force mounting when more control is needed. Useful when\n     * controlling animation with React animation libraries.\n     */\n    forceMount?: true;\n  }\n>;\n\ntype DialogOverlayPrimitive = Polymorphic.ForwardRefComponent<\n  Polymorphic.IntrinsicElement<typeof DialogOverlayImpl>,\n  DialogOverlayOwnProps\n>;\n\nconst DialogOverlay = React.forwardRef((props, forwardedRef) => {\n  const { forceMount, ...overlayProps } = props;\n  const context = useDialogContext(OVERLAY_NAME);\n  return (\n    <Presence present={forceMount || context.open}>\n      <DialogOverlayImpl data-state={getState(context.open)} {...overlayProps} ref={forwardedRef} />\n    </Presence>\n  );\n}) as DialogOverlayPrimitive;\n\ntype DialogOverlayImplOwnProps = Polymorphic.OwnProps<typeof Primitive>;\ntype DialogOverlayImplPrimitive = Polymorphic.ForwardRefComponent<\n  Polymorphic.IntrinsicElement<typeof Primitive>,\n  DialogOverlayImplOwnProps\n>;\n\nconst DialogOverlayImpl = React.forwardRef((props, forwardedRef) => {\n  return (\n    <Portal>\n      <Primitive {...props} ref={forwardedRef} />\n    </Portal>\n  );\n}) as DialogOverlayImplPrimitive;\n\nDialogOverlay.displayName = OVERLAY_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'DialogContent';\n\ntype DialogContentOwnProps = Polymorphic.Merge<\n  Polymorphic.OwnProps<typeof DialogContentImpl>,\n  {\n    /**\n     * Used to force mounting when more control is needed. Useful when\n     * controlling animation with React animation libraries.\n     */\n    forceMount?: true;\n  }\n>;\n\ntype DialogContentPrimitive = Polymorphic.ForwardRefComponent<\n  Polymorphic.IntrinsicElement<typeof DialogContentImpl>,\n  DialogContentOwnProps\n>;\n\nconst DialogContent = React.forwardRef((props, forwardedRef) => {\n  const { forceMount, ...contentProps } = props;\n  const context = useDialogContext(CONTENT_NAME);\n  return (\n    <Presence present={forceMount || context.open}>\n      <DialogContentImpl data-state={getState(context.open)} {...contentProps} ref={forwardedRef} />\n    </Presence>\n  );\n}) as DialogContentPrimitive;\n\ntype FocusScopeOwnProps = Polymorphic.OwnProps<typeof FocusScope>;\n\ntype DialogContentImplOwnProps = Polymorphic.Merge<\n  Omit<\n    Polymorphic.OwnProps<typeof DismissableLayer>,\n    'disableOutsidePointerEvents' | 'onFocusOutside' | 'onInteractOutside' | 'onDismiss'\n  >,\n  {\n    /**\n     * Event handler called when auto-focusing on open.\n     * Can be prevented.\n     */\n    onOpenAutoFocus?: FocusScopeOwnProps['onMountAutoFocus'];\n\n    /**\n     * Event handler called when auto-focusing on close.\n     * Can be prevented.\n     */\n    onCloseAutoFocus?: FocusScopeOwnProps['onUnmountAutoFocus'];\n  }\n>;\n\ntype DialogContentImplPrimitive = Polymorphic.ForwardRefComponent<\n  Polymorphic.IntrinsicElement<typeof DismissableLayer>,\n  DialogContentImplOwnProps\n>;\n\nconst DialogContentImpl = React.forwardRef((props, forwardedRef) => {\n  const {\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    onOpenAutoFocus,\n    onCloseAutoFocus,\n    onEscapeKeyDown,\n    onPointerDownOutside,\n    ...contentProps\n  } = props;\n  const context = useDialogContext(CONTENT_NAME);\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRefs = useComposedRefs(forwardedRef, contentRef);\n\n  // Make sure the whole tree has focus guards as our `Dialog` will be\n  // the last element in the DOM (beacuse of the `Portal`)\n  useFocusGuards();\n\n  // Hide everything from ARIA except the content\n  React.useEffect(() => {\n    const content = contentRef.current;\n    if (content) return hideOthers(content);\n  }, []);\n\n  return (\n    <>\n      <Portal>\n        <RemoveScroll>\n          <FocusScope\n            as={Slot}\n            // we make sure we're not trapping once it's been closed\n            // (closed !== unmounted when animating out)\n            trapped={context.open}\n            onMountAutoFocus={onOpenAutoFocus}\n            onUnmountAutoFocus={onCloseAutoFocus}\n          >\n            <DismissableLayer\n              role=\"dialog\"\n              id={context.contentId}\n              aria-modal\n              aria-describedby={ariaDescribedBy || context.descriptionId}\n              // If `aria-label` is set, ensure `aria-labelledby` is undefined as to avoid confusion.\n              // Otherwise fallback to an explicit `aria-labelledby` or the ID used in the\n              // `DialogTitle`\n              aria-labelledby={ariaLabel ? undefined : ariaLabelledBy || context.titleId}\n              aria-label={ariaLabel || undefined}\n              {...contentProps}\n              ref={composedRefs}\n              disableOutsidePointerEvents\n              onEscapeKeyDown={onEscapeKeyDown}\n              onPointerDownOutside={composeEventHandlers(onPointerDownOutside, (event) => {\n                const originalEvent = event.detail.originalEvent as MouseEvent;\n                const isRightClick =\n                  originalEvent.button === 2 ||\n                  (originalEvent.button === 0 && originalEvent.ctrlKey === true);\n\n                // If the event is a right-click, we shouldn't close because\n                // it is effectively as if we right-clicked the `Overlay`.\n                if (isRightClick) event.preventDefault();\n              })}\n              // When focus is trapped, a focusout event may still happen.\n              // We make sure we don't trigger our `onDismiss` in such case.\n              onFocusOutside={(event) => event.preventDefault()}\n              onDismiss={() => context.onOpenChange(false)}\n            />\n          </FocusScope>\n        </RemoveScroll>\n      </Portal>\n      {process.env.NODE_ENV === 'development' && <LabelWarning contentRef={contentRef} />}\n    </>\n  );\n}) as DialogContentImplPrimitive;\n\nDialogContent.displayName = CONTENT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogTitle\n * -----------------------------------------------------------------------------------------------*/\n\nconst TITLE_NAME = 'DialogTitle';\nconst TITLE_DEFAULT_TAG = 'h2';\n\ntype DialogTitleOwnProps = Polymorphic.OwnProps<typeof Primitive>;\ntype DialogTitlePrimitive = Polymorphic.ForwardRefComponent<\n  typeof TITLE_DEFAULT_TAG,\n  DialogTitleOwnProps\n>;\n\nconst DialogTitle = React.forwardRef((props, forwardedRef) => {\n  const { as = TITLE_DEFAULT_TAG, ...titleProps } = props;\n  const context = useDialogContext(TITLE_NAME);\n  return <Primitive id={context.titleId} {...titleProps} as={as} ref={forwardedRef} />;\n}) as DialogTitlePrimitive;\n\nDialogTitle.displayName = TITLE_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogDescription\n * -----------------------------------------------------------------------------------------------*/\n\nconst DESCRIPTION_NAME = 'DialogDescription';\nconst DESCRIPTION_DEFAULT_TAG = 'p';\n\ntype DialogDescriptionOwnProps = Polymorphic.OwnProps<typeof Primitive>;\ntype DialogDescriptionPrimitive = Polymorphic.ForwardRefComponent<\n  typeof DESCRIPTION_DEFAULT_TAG,\n  DialogDescriptionOwnProps\n>;\n\nconst DialogDescription = React.forwardRef((props, forwardedRef) => {\n  const { as = DESCRIPTION_DEFAULT_TAG, ...descriptionProps } = props;\n  const context = useDialogContext(DESCRIPTION_NAME);\n  return <Primitive id={context.descriptionId} {...descriptionProps} as={as} ref={forwardedRef} />;\n}) as DialogDescriptionPrimitive;\n\nDialogDescription.displayName = DESCRIPTION_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogClose\n * -----------------------------------------------------------------------------------------------*/\n\nconst CLOSE_NAME = 'DialogClose';\nconst CLOSE_DEFAULT_TAG = 'button';\n\ntype DialogCloseOwnProps = Polymorphic.OwnProps<typeof Primitive>;\ntype DialogClosePrimitive = Polymorphic.ForwardRefComponent<\n  typeof CLOSE_DEFAULT_TAG,\n  DialogCloseOwnProps\n>;\n\nconst DialogClose = React.forwardRef((props, forwardedRef) => {\n  const { as = CLOSE_DEFAULT_TAG, ...closeProps } = props;\n  const context = useDialogContext(CLOSE_NAME);\n  return (\n    <Primitive\n      type=\"button\"\n      {...closeProps}\n      as={as}\n      ref={forwardedRef}\n      onClick={composeEventHandlers(props.onClick, () => context.onOpenChange(false))}\n    />\n  );\n}) as DialogClosePrimitive;\n\nDialogClose.displayName = CLOSE_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction getState(open: boolean) {\n  return open ? 'open' : 'closed';\n}\n\nconst LabelWarningContext = React.createContext({\n  contentName: CONTENT_NAME,\n  titleName: TITLE_NAME,\n  docsSlug: 'dialog',\n});\n\nconst LabelWarningProvider = LabelWarningContext.Provider;\n\ntype LabelWarningProps = {\n  contentRef: React.RefObject<React.ElementRef<typeof DialogContent>>;\n};\n\nconst LabelWarning: React.FC<LabelWarningProps> = ({ contentRef }) => {\n  const labelWarningContext = React.useContext(LabelWarningContext);\n\n  const MESSAGE = `\\`${labelWarningContext.contentName}\\` requires a label for the component to be accessible for screen reader users.\n\nYou can label the \\`${labelWarningContext.contentName}\\` by passing a \\`${labelWarningContext.titleName}\\` component as a child, which also benefits sighted users by adding visible context to the dialog.\n\nAlternatively, you can use your own component as a title by assigning it an \\`id\\` and passing the same value to the \\`aria-labelledby\\` prop in \\`${labelWarningContext.contentName}\\`. If the label is confusing or duplicative for sighted users, you can also pass a label directly by using the \\`aria-label\\` prop.\n\nFor more information, see https://radix-ui.com/primitives/docs/components/${labelWarningContext.docsSlug}`;\n\n  React.useEffect(() => {\n    const hasLabel =\n      contentRef.current?.getAttribute('aria-label') ||\n      document.getElementById(contentRef.current?.getAttribute('aria-labelledby')!);\n\n    if (!hasLabel) console.warn(MESSAGE);\n  }, [MESSAGE, contentRef]);\n\n  return null;\n};\n\nconst Root = Dialog;\nconst Trigger = DialogTrigger;\nconst Overlay = DialogOverlay;\nconst Content = DialogContent;\nconst Title = DialogTitle;\nconst Description = DialogDescription;\nconst Close = DialogClose;\n\nexport {\n  Dialog,\n  DialogTrigger,\n  DialogOverlay,\n  DialogContent,\n  DialogTitle,\n  DialogDescription,\n  DialogClose,\n  //\n  Root,\n  Trigger,\n  Overlay,\n  Content,\n  Title,\n  Description,\n  Close,\n  //\n  LabelWarningProvider,\n};\nexport type {\n  DialogTriggerPrimitive,\n  DialogOverlayPrimitive,\n  DialogContentPrimitive,\n  DialogTitlePrimitive,\n  DialogDescriptionPrimitive,\n  DialogClosePrimitive,\n};\n"],"names":["dest","source","a","Object","keys","forEach","key","defineProperty","enumerable","get","__esModule","default","DialogProvider","useDialogContext","createContext","Dialog","props","children","open","openProp","defaultOpen","onOpenChange","triggerRef","React","useRef","setOpen","useControllableState","prop","defaultProp","onChange","_react","createElement","$b0496301423b3238f89fb15bee25ad02$var$DialogProvider","contentId","useId","titleId","descriptionId","TRIGGER_DEFAULT_TAG","DialogTrigger","forwardRef","forwardedRef","as","triggerProps","context","composedTriggerRef","useComposedRefs","Primitive","_babelRuntimeHelpersExtends","type","aria-haspopup","aria-expanded","aria-controls","data-state","getState","ref","onClick","composeEventHandlers","DialogOverlay","forceMount","overlayProps","Presence","present","$b0496301423b3238f89fb15bee25ad02$var$DialogOverlayImpl","DialogOverlayImpl","Portal","DialogContent","contentProps","$b0496301423b3238f89fb15bee25ad02$var$DialogContentImpl","DialogContentImpl","aria-label","ariaLabel","aria-labelledby","ariaLabelledBy","aria-describedby","ariaDescribedBy","onOpenAutoFocus","onCloseAutoFocus","onEscapeKeyDown","onPointerDownOutside","contentRef","composedRefs","useFocusGuards","useEffect","content","current","hideOthers","Fragment","RemoveScroll","FocusScope","Slot","trapped","onMountAutoFocus","onUnmountAutoFocus","DismissableLayer","role","id","aria-modal","undefined","disableOutsidePointerEvents","event","originalEvent","detail","button","ctrlKey","preventDefault","onFocusOutside","onDismiss","TITLE_DEFAULT_TAG","DialogTitle","titleProps","DESCRIPTION_DEFAULT_TAG","DialogDescription","descriptionProps","CLOSE_DEFAULT_TAG","DialogClose","closeProps","LabelWarningContext","contentName","titleName","docsSlug","LabelWarningProvider","Provider","Root","Trigger","Overlay","Content","Title","Description","Close"],"version":3,"file":"index.js.map"}
+{"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./packages/react/dialog/src/Dialog.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n  Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$reexport(e, n, v) {\n  Object.defineProperty(e, n, {get: v, enumerable: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule') {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      },\n    });\n  });\n\n  return dest;\n}\n\nfunction $parcel$missingModule(name) {\n  var err = new Error(\"Cannot find module '\" + name + \"'\");\n  err.code = 'MODULE_NOT_FOUND';\n  throw err;\n}\n\nvar $parcel$global =\n  typeof globalThis !== 'undefined'\n    ? globalThis\n    : typeof self !== 'undefined'\n    ? self\n    : typeof window !== 'undefined'\n    ? window\n    : typeof global !== 'undefined'\n    ? global\n    : {};\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContext } from '@radix-ui/react-context';\nimport { useId } from '@radix-ui/react-id';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { DismissableLayer } from '@radix-ui/react-dismissable-layer';\nimport { FocusScope } from '@radix-ui/react-focus-scope';\nimport { Portal } from '@radix-ui/react-portal';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { useFocusGuards } from '@radix-ui/react-focus-guards';\nimport { RemoveScroll } from 'react-remove-scroll';\nimport { hideOthers } from 'aria-hidden';\n\nimport type * as Radix from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * Dialog\n * -----------------------------------------------------------------------------------------------*/\n\nconst DIALOG_NAME = 'Dialog';\n\ntype DialogContextValue = {\n  triggerRef: React.RefObject<HTMLButtonElement>;\n  contentId: string;\n  titleId: string;\n  descriptionId: string;\n  open: boolean;\n  onOpenChange(open: boolean): void;\n  onOpenToggle(): void;\n  modal: boolean;\n};\n\nconst [DialogProvider, useDialogContext] = createContext<DialogContextValue>(DIALOG_NAME);\n\ninterface DialogProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?(open: boolean): void;\n  modal?: boolean;\n}\n\nconst Dialog: React.FC<DialogProps> = (props) => {\n  const { children, open: openProp, defaultOpen, onOpenChange, modal = true } = props;\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const [open = false, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  return (\n    <DialogProvider\n      triggerRef={triggerRef}\n      contentId={useId()}\n      titleId={useId()}\n      descriptionId={useId()}\n      open={open}\n      onOpenChange={setOpen}\n      onOpenToggle={React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen])}\n      modal={modal}\n    >\n      {children}\n    </DialogProvider>\n  );\n};\n\nDialog.displayName = DIALOG_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'DialogTrigger';\n\ntype DialogTriggerElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface DialogTriggerProps extends PrimitiveButtonProps {}\n\nconst DialogTrigger = React.forwardRef<DialogTriggerElement, DialogTriggerProps>(\n  (props, forwardedRef) => {\n    const context = useDialogContext(TRIGGER_NAME);\n    const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);\n    return (\n      <Primitive.button\n        type=\"button\"\n        aria-haspopup=\"dialog\"\n        aria-expanded={context.open}\n        aria-controls={context.contentId}\n        data-state={getState(context.open)}\n        {...props}\n        ref={composedTriggerRef}\n        onClick={composeEventHandlers(props.onClick, context.onOpenToggle)}\n      />\n    );\n  }\n);\n\nDialogTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogOverlay\n * -----------------------------------------------------------------------------------------------*/\n\nconst OVERLAY_NAME = 'DialogOverlay';\n\ntype DialogOverlayElement = DialogOverlayImplElement;\ninterface DialogOverlayProps extends DialogOverlayImplProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst DialogOverlay = React.forwardRef<DialogOverlayElement, DialogOverlayProps>(\n  (props, forwardedRef) => {\n    const { forceMount, ...overlayProps } = props;\n    const context = useDialogContext(OVERLAY_NAME);\n    return context.modal ? (\n      <Presence present={forceMount || context.open}>\n        <DialogOverlayImpl {...overlayProps} ref={forwardedRef} />\n      </Presence>\n    ) : null;\n  }\n);\n\nDialogOverlay.displayName = OVERLAY_NAME;\n\ntype DialogOverlayImplElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface DialogOverlayImplProps extends PrimitiveDivProps {}\n\nconst DialogOverlayImpl = React.forwardRef<DialogOverlayImplElement, DialogOverlayImplProps>(\n  (props, forwardedRef) => {\n    const context = useDialogContext(OVERLAY_NAME);\n    return (\n      <Portal>\n        <Primitive.div data-state={getState(context.open)} {...props} ref={forwardedRef} />\n      </Portal>\n    );\n  }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * DialogContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'DialogContent';\n\ntype DialogContentElement = DialogContentTypeElement;\ninterface DialogContentProps extends DialogContentTypeProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst DialogContent = React.forwardRef<DialogContentElement, DialogContentProps>(\n  (props, forwardedRef) => {\n    const { forceMount, ...contentProps } = props;\n    const context = useDialogContext(CONTENT_NAME);\n    return (\n      <Presence present={forceMount || context.open}>\n        {context.modal ? (\n          <DialogContentModal {...contentProps} ref={forwardedRef} />\n        ) : (\n          <DialogContentNonModal {...contentProps} ref={forwardedRef} />\n        )}\n      </Presence>\n    );\n  }\n);\n\nDialogContent.displayName = CONTENT_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype DialogContentTypeElement = DialogContentImplElement;\ninterface DialogContentTypeProps\n  extends Omit<DialogContentImplProps, 'trapFocus' | 'disableOutsidePointerEvents'> {}\n\nconst DialogContentModal = React.forwardRef<DialogContentTypeElement, DialogContentTypeProps>(\n  (props, forwardedRef) => {\n    const context = useDialogContext(CONTENT_NAME);\n    const contentRef = React.useRef<HTMLDivElement>(null);\n    const composedRefs = useComposedRefs(forwardedRef, contentRef);\n\n    // aria-hide everything except the content (better supported equivalent to setting aria-modal)\n    React.useEffect(() => {\n      const content = contentRef.current;\n      if (content) return hideOthers(content);\n    }, []);\n\n    return (\n      <Portal>\n        <RemoveScroll>\n          <DialogContentImpl\n            {...props}\n            ref={composedRefs}\n            // we make sure focus isn't trapped once `DialogContent` has been closed\n            // (closed !== unmounted when animating out)\n            trapFocus={context.open}\n            disableOutsidePointerEvents\n            onCloseAutoFocus={composeEventHandlers(props.onCloseAutoFocus, (event) => {\n              event.preventDefault();\n              context.triggerRef.current?.focus();\n            })}\n            onPointerDownOutside={composeEventHandlers(props.onPointerDownOutside, (event) => {\n              const originalEvent = event.detail.originalEvent;\n              const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;\n              const isRightClick = originalEvent.button === 2 || ctrlLeftClick;\n\n              // If the event is a right-click, we shouldn't close because\n              // it is effectively as if we right-clicked the `Overlay`.\n              if (isRightClick) event.preventDefault();\n            })}\n            // When focus is trapped, a `focusout` event may still happen.\n            // We make sure we don't trigger our `onDismiss` in such case.\n            onFocusOutside={composeEventHandlers(props.onFocusOutside, (event) =>\n              event.preventDefault()\n            )}\n          />\n        </RemoveScroll>\n      </Portal>\n    );\n  }\n);\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst DialogContentNonModal = React.forwardRef<DialogContentTypeElement, DialogContentTypeProps>(\n  (props, forwardedRef) => {\n    const context = useDialogContext(CONTENT_NAME);\n    const hasInteractedOutsideRef = React.useRef(false);\n\n    return (\n      <Portal>\n        <DialogContentImpl\n          {...props}\n          ref={forwardedRef}\n          trapFocus={false}\n          disableOutsidePointerEvents={false}\n          onCloseAutoFocus={(event) => {\n            props.onCloseAutoFocus?.(event);\n\n            if (!event.defaultPrevented) {\n              if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();\n              // Always prevent auto focus because we either focus manually or want user agent focus\n              event.preventDefault();\n            }\n\n            hasInteractedOutsideRef.current = false;\n          }}\n          onInteractOutside={(event) => {\n            props.onInteractOutside?.(event);\n\n            if (!event.defaultPrevented) hasInteractedOutsideRef.current = true;\n\n            // Prevent dismissing when clicking the trigger.\n            // As the trigger is already setup to close, without doing so would\n            // cause it to close and immediately open.\n            //\n            // We use `onInteractOutside` as some browsers also\n            // focus on pointer down, creating the same issue.\n            const target = event.target as HTMLElement;\n            const targetIsTrigger = context.triggerRef.current?.contains(target);\n            if (targetIsTrigger) event.preventDefault();\n          }}\n        />\n      </Portal>\n    );\n  }\n);\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype DialogContentImplElement = React.ElementRef<typeof DismissableLayer>;\ntype DismissableLayerProps = Radix.ComponentPropsWithoutRef<typeof DismissableLayer>;\ntype FocusScopeProps = Radix.ComponentPropsWithoutRef<typeof FocusScope>;\ninterface DialogContentImplProps extends Omit<DismissableLayerProps, 'onDismiss'> {\n  /**\n   * When `true`, focus cannot escape the `Content` via keyboard,\n   * pointer, or a programmatic focus.\n   * @defaultValue false\n   */\n  trapFocus?: FocusScopeProps['trapped'];\n\n  /**\n   * Event handler called when auto-focusing on open.\n   * Can be prevented.\n   */\n  onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus'];\n\n  /**\n   * Event handler called when auto-focusing on close.\n   * Can be prevented.\n   */\n  onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus'];\n}\n\nconst DialogContentImpl = React.forwardRef<DialogContentImplElement, DialogContentImplProps>(\n  (props, forwardedRef) => {\n    const {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      trapFocus,\n      onOpenAutoFocus,\n      onCloseAutoFocus,\n      ...contentProps\n    } = props;\n    const context = useDialogContext(CONTENT_NAME);\n    const contentRef = React.useRef<HTMLDivElement>(null);\n    const composedRefs = useComposedRefs(forwardedRef, contentRef);\n\n    // Make sure the whole tree has focus guards as our `Dialog` will be\n    // the last element in the DOM (beacuse of the `Portal`)\n    useFocusGuards();\n\n    return (\n      <>\n        <FocusScope\n          asChild\n          loop\n          trapped={trapFocus}\n          onMountAutoFocus={onOpenAutoFocus}\n          onUnmountAutoFocus={onCloseAutoFocus}\n        >\n          <DismissableLayer\n            role=\"dialog\"\n            id={context.contentId}\n            aria-describedby={ariaDescribedBy || context.descriptionId}\n            // If `aria-label` is set, ensure `aria-labelledby` is undefined as to avoid confusion.\n            // Otherwise fallback to an explicit `aria-labelledby` or the ID used in the\n            // `DialogTitle`\n            aria-labelledby={ariaLabel ? undefined : ariaLabelledBy || context.titleId}\n            aria-label={ariaLabel || undefined}\n            data-state={getState(context.open)}\n            {...contentProps}\n            ref={composedRefs}\n            onDismiss={() => context.onOpenChange(false)}\n          />\n        </FocusScope>\n        {process.env.NODE_ENV === 'development' && <LabelWarning contentRef={contentRef} />}\n      </>\n    );\n  }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * DialogTitle\n * -----------------------------------------------------------------------------------------------*/\n\nconst TITLE_NAME = 'DialogTitle';\n\ntype DialogTitleElement = React.ElementRef<typeof Primitive.h2>;\ntype PrimitiveHeading2Props = Radix.ComponentPropsWithoutRef<typeof Primitive.h2>;\ninterface DialogTitleProps extends PrimitiveHeading2Props {}\n\nconst DialogTitle = React.forwardRef<DialogTitleElement, DialogTitleProps>(\n  (props, forwardedRef) => {\n    const context = useDialogContext(TITLE_NAME);\n    return <Primitive.h2 id={context.titleId} {...props} ref={forwardedRef} />;\n  }\n);\n\nDialogTitle.displayName = TITLE_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogDescription\n * -----------------------------------------------------------------------------------------------*/\n\nconst DESCRIPTION_NAME = 'DialogDescription';\n\ntype DialogDescriptionElement = React.ElementRef<typeof Primitive.p>;\ntype PrimitiveParagraphProps = Radix.ComponentPropsWithoutRef<typeof Primitive.p>;\ninterface DialogDescriptionProps extends PrimitiveParagraphProps {}\n\nconst DialogDescription = React.forwardRef<DialogDescriptionElement, DialogDescriptionProps>(\n  (props, forwardedRef) => {\n    const context = useDialogContext(DESCRIPTION_NAME);\n    return <Primitive.p id={context.descriptionId} {...props} ref={forwardedRef} />;\n  }\n);\n\nDialogDescription.displayName = DESCRIPTION_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogClose\n * -----------------------------------------------------------------------------------------------*/\n\nconst CLOSE_NAME = 'DialogClose';\n\ntype DialogCloseElement = React.ElementRef<typeof Primitive.button>;\ninterface DialogCloseProps extends PrimitiveButtonProps {}\n\nconst DialogClose = React.forwardRef<DialogCloseElement, DialogCloseProps>(\n  (props, forwardedRef) => {\n    const context = useDialogContext(CLOSE_NAME);\n    return (\n      <Primitive.button\n        type=\"button\"\n        {...props}\n        ref={forwardedRef}\n        onClick={composeEventHandlers(props.onClick, () => context.onOpenChange(false))}\n      />\n    );\n  }\n);\n\nDialogClose.displayName = CLOSE_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction getState(open: boolean) {\n  return open ? 'open' : 'closed';\n}\n\nconst LabelWarningContext = React.createContext({\n  contentName: CONTENT_NAME,\n  titleName: TITLE_NAME,\n  docsSlug: 'dialog',\n});\n\nconst LabelWarningProvider = LabelWarningContext.Provider;\n\ntype LabelWarningProps = {\n  contentRef: React.RefObject<DialogContentElement>;\n};\n\nconst LabelWarning: React.FC<LabelWarningProps> = ({ contentRef }) => {\n  const labelWarningContext = React.useContext(LabelWarningContext);\n\n  const MESSAGE = `\\`${labelWarningContext.contentName}\\` requires a label for the component to be accessible for screen reader users.\n\nYou can label the \\`${labelWarningContext.contentName}\\` by passing a \\`${labelWarningContext.titleName}\\` component as a child, which also benefits sighted users by adding visible context to the dialog.\n\nAlternatively, you can use your own component as a title by assigning it an \\`id\\` and passing the same value to the \\`aria-labelledby\\` prop in \\`${labelWarningContext.contentName}\\`. If the label is confusing or duplicative for sighted users, you can also pass a label directly by using the \\`aria-label\\` prop.\n\nFor more information, see https://radix-ui.com/primitives/docs/components/${labelWarningContext.docsSlug}`;\n\n  React.useEffect(() => {\n    const hasLabel =\n      contentRef.current?.getAttribute('aria-label') ||\n      document.getElementById(contentRef.current?.getAttribute('aria-labelledby')!);\n\n    if (!hasLabel) console.warn(MESSAGE);\n  }, [MESSAGE, contentRef]);\n\n  return null;\n};\n\nconst Root = Dialog;\nconst Trigger = DialogTrigger;\nconst Overlay = DialogOverlay;\nconst Content = DialogContent;\nconst Title = DialogTitle;\nconst Description = DialogDescription;\nconst Close = DialogClose;\n\nexport {\n  Dialog,\n  DialogTrigger,\n  DialogOverlay,\n  DialogContent,\n  DialogTitle,\n  DialogDescription,\n  DialogClose,\n  //\n  Root,\n  Trigger,\n  Overlay,\n  Content,\n  Title,\n  Description,\n  Close,\n  //\n  LabelWarningProvider,\n};\nexport type {\n  DialogProps,\n  DialogTriggerProps,\n  DialogOverlayProps,\n  DialogContentProps,\n  DialogTitleProps,\n  DialogDescriptionProps,\n  DialogCloseProps,\n};\n"],"names":["dest","source","a","Object","keys","forEach","key","defineProperty","enumerable","get","__esModule","default","DialogProvider","useDialogContext","createContext","Dialog","props","children","open","openProp","defaultOpen","onOpenChange","modal","triggerRef","React","useRef","setOpen","useControllableState","prop","defaultProp","onChange","_react","createElement","$b0496301423b3238f89fb15bee25ad02$var$DialogProvider","contentId","useId","titleId","descriptionId","onOpenToggle","useCallback","prevOpen","DialogTrigger","forwardRef","forwardedRef","context","composedTriggerRef","useComposedRefs","Primitive","button","_babelRuntimeHelpersExtends","type","getState","ref","onClick","composeEventHandlers","DialogOverlay","forceMount","overlayProps","Presence","present","$b0496301423b3238f89fb15bee25ad02$var$DialogOverlayImpl","DialogOverlayImpl","Portal","div","DialogContent","contentProps","$b0496301423b3238f89fb15bee25ad02$var$DialogContentModal","$b0496301423b3238f89fb15bee25ad02$var$DialogContentNonModal","DialogContentModal","contentRef","composedRefs","useEffect","content","current","hideOthers","RemoveScroll","$b0496301423b3238f89fb15bee25ad02$var$DialogContentImpl","trapFocus","disableOutsidePointerEvents","onCloseAutoFocus","event","_context$triggerRef$c","preventDefault","focus","onPointerDownOutside","originalEvent","detail","ctrlLeftClick","ctrlKey","onFocusOutside","DialogContentNonModal","hasInteractedOutsideRef","_props$onCloseAutoFoc","_context$triggerRef$c2","call","defaultPrevented","onInteractOutside","_props$onInteractOuts","_context$triggerRef$c3","target","contains","DialogContentImpl","ariaLabel","ariaLabelledBy","ariaDescribedBy","onOpenAutoFocus","useFocusGuards","Fragment","FocusScope","asChild","loop","trapped","onMountAutoFocus","onUnmountAutoFocus","DismissableLayer","role","id","undefined","onDismiss","DialogTitle","h2","DialogDescription","p","DialogClose","LabelWarningContext","contentName","titleName","docsSlug","LabelWarningProvider","Provider","Root","Trigger","Overlay","Content","Title","Description","Close"],"version":3,"file":"index.js.map"}

package/dist/index.module.js

@@ -1,2 +1,2 @@
-import{hideOthers as e}from"aria-hidden";import{RemoveScroll as t}from"react-remove-scroll";import{useFocusGuards as o}from"@radix-ui/react-focus-guards";import{Slot as r}from"@radix-ui/react-slot";import{Primitive as n}from"@radix-ui/react-primitive";import{Presence as a}from"@radix-ui/react-presence";import{Portal as i}from"@radix-ui/react-portal";import{FocusScope as l}from"@radix-ui/react-focus-scope";import{DismissableLayer as c}from"@radix-ui/react-dismissable-layer";import{useControllableState as s}from"@radix-ui/react-use-controllable-state";import{useId as p}from"@radix-ui/react-id";import{createContext as d}from"@radix-ui/react-context";import{useComposedRefs as u}from"@radix-ui/react-compose-refs";import{composeEventHandlers as m}from"@radix-ui/primitive";import*as f from"react";import g from"@babel/runtime/helpers/esm/extends";const[D,x]=d("Dialog");export const Dialog=e=>{const{children:t,open:o,defaultOpen:r,onOpenChange:n}=e,a=f.useRef(null),[i=!1,l]=s({prop:o,defaultProp:r,onChange:n});/*#__PURE__*/return f.createElement(D,{triggerRef:a,contentId:p(),titleId:p(),descriptionId:p(),open:i,onOpenChange:l},t)};/*#__PURE__*/const b="button";export const DialogTrigger=/*#__PURE__*/f.forwardRef(((e,t)=>{const{as:o=b,...r}=e,a=x("DialogTrigger"),i=u(t,a.triggerRef);/*#__PURE__*/return f.createElement(n,g({type:"button","aria-haspopup":"dialog","aria-expanded":a.open,"aria-controls":a.contentId,"data-state":R(a.open)},r,{as:o,ref:i,onClick:m(e.onClick,(()=>a.onOpenChange(!0)))}))}));/*#__PURE__*/export const DialogOverlay=/*#__PURE__*/f.forwardRef(((e,t)=>{const{forceMount:o,...r}=e,n=x("DialogOverlay");/*#__PURE__*/return f.createElement(a,{present:o||n.open},/*#__PURE__*/f.createElement(C,g({"data-state":R(n.open)},r,{ref:t})))}));const C=/*#__PURE__*/f.forwardRef(((e,t)=>/*#__PURE__*/f.createElement(i,null,/*#__PURE__*/f.createElement(n,g({},e,{ref:t})))));/*#__PURE__*/export const DialogContent=/*#__PURE__*/f.forwardRef(((e,t)=>{const{forceMount:o,...r}=e,n=x("DialogContent");/*#__PURE__*/return f.createElement(a,{present:o||n.open},/*#__PURE__*/f.createElement(E,g({"data-state":R(n.open)},r,{ref:t})))}));const E=/*#__PURE__*/f.forwardRef(((n,a)=>{const{"aria-label":s,"aria-labelledby":p,"aria-describedby":d,onOpenAutoFocus:D,onCloseAutoFocus:b,onEscapeKeyDown:C,onPointerDownOutside:E,...v}=n,O=x("DialogContent"),y=f.useRef(null),R=u(a,y);return o(),f.useEffect((()=>{const t=y.current;if(t)return e(t)}),[]),/*#__PURE__*/f.createElement(f.Fragment,null,/*#__PURE__*/f.createElement(i,null,/*#__PURE__*/f.createElement(t,null,/*#__PURE__*/f.createElement(l,{as:r,trapped:O.open,onMountAutoFocus:D,onUnmountAutoFocus:b},/*#__PURE__*/f.createElement(c,g({role:"dialog",id:O.contentId,"aria-modal":!0,"aria-describedby":d||O.descriptionId,"aria-labelledby":s?void 0:p||O.titleId,"aria-label":s||void 0},v,{ref:R,disableOutsidePointerEvents:!0,onEscapeKeyDown:C,onPointerDownOutside:m(E,(e=>{const t=e.detail.originalEvent;(2===t.button||0===t.button&&!0===t.ctrlKey)&&e.preventDefault()})),onFocusOutside:e=>e.preventDefault(),onDismiss:()=>O.onOpenChange(!1)}))))),!1)})),v="h2";/*#__PURE__*/export const DialogTitle=/*#__PURE__*/f.forwardRef(((e,t)=>{const{as:o=v,...r}=e,a=x("DialogTitle");/*#__PURE__*/return f.createElement(n,g({id:a.titleId},r,{as:o,ref:t}))}));/*#__PURE__*/const O="p";export const DialogDescription=/*#__PURE__*/f.forwardRef(((e,t)=>{const{as:o=O,...r}=e,a=x("DialogDescription");/*#__PURE__*/return f.createElement(n,g({id:a.descriptionId},r,{as:o,ref:t}))}));/*#__PURE__*/const y="button";export const DialogClose=/*#__PURE__*/f.forwardRef(((e,t)=>{const{as:o=y,...r}=e,a=x("DialogClose");/*#__PURE__*/return f.createElement(n,g({type:"button"},r,{as:o,ref:t,onClick:m(e.onClick,(()=>a.onOpenChange(!1)))}))}));/*#__PURE__*/function R(e){return e?"open":"closed"}const w=/*#__PURE__*/f.createContext({contentName:"DialogContent",titleName:"DialogTitle",docsSlug:"dialog"});export const LabelWarningProvider=w.Provider;export const Root=Dialog;export const Trigger=DialogTrigger;export const Overlay=DialogOverlay;export const Content=DialogContent;export const Title=DialogTitle;export const Description=DialogDescription;export const Close=DialogClose;
+import{hideOthers as e}from"aria-hidden";import{RemoveScroll as t}from"react-remove-scroll";import{useFocusGuards as o}from"@radix-ui/react-focus-guards";import{Primitive as r}from"@radix-ui/react-primitive";import{Presence as n}from"@radix-ui/react-presence";import{Portal as a}from"@radix-ui/react-portal";import{FocusScope as i}from"@radix-ui/react-focus-scope";import{DismissableLayer as l}from"@radix-ui/react-dismissable-layer";import{useControllableState as c}from"@radix-ui/react-use-controllable-state";import{useId as s}from"@radix-ui/react-id";import{createContext as u}from"@radix-ui/react-context";import{useComposedRefs as d}from"@radix-ui/react-compose-refs";import{composeEventHandlers as p}from"@radix-ui/primitive";import*as f from"react";import m from"@babel/runtime/helpers/esm/extends";const[g,D]=u("Dialog");export const Dialog=e=>{const{children:t,open:o,defaultOpen:r,onOpenChange:n,modal:a=!0}=e,i=f.useRef(null),[l=!1,u]=c({prop:o,defaultProp:r,onChange:n});/*#__PURE__*/return f.createElement(g,{triggerRef:i,contentId:s(),titleId:s(),descriptionId:s(),open:l,onOpenChange:u,onOpenToggle:f.useCallback((()=>u((e=>!e))),[u]),modal:a},t)};/*#__PURE__*/export const DialogTrigger=/*#__PURE__*/f.forwardRef(((e,t)=>{const o=D("DialogTrigger"),n=d(t,o.triggerRef);/*#__PURE__*/return f.createElement(r.button,m({type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":E(o.open)},e,{ref:n,onClick:p(e.onClick,o.onOpenToggle)}))}));/*#__PURE__*/export const DialogOverlay=/*#__PURE__*/f.forwardRef(((e,t)=>{const{forceMount:o,...r}=e,a=D("DialogOverlay");return a.modal?/*#__PURE__*/f.createElement(n,{present:o||a.open},/*#__PURE__*/f.createElement(v,m({},r,{ref:t}))):null}));/*#__PURE__*/const v=/*#__PURE__*/f.forwardRef(((e,t)=>{const o=D("DialogOverlay");/*#__PURE__*/return f.createElement(a,null,/*#__PURE__*/f.createElement(r.div,m({"data-state":E(o.open)},e,{ref:t})))}));export const DialogContent=/*#__PURE__*/f.forwardRef(((e,t)=>{const{forceMount:o,...r}=e,a=D("DialogContent");/*#__PURE__*/return f.createElement(n,{present:o||a.open},a.modal?/*#__PURE__*/f.createElement(x,m({},r,{ref:t})):/*#__PURE__*/f.createElement(C,m({},r,{ref:t})))}));/*#__PURE__*/const x=/*#__PURE__*/f.forwardRef(((o,r)=>{const n=D("DialogContent"),i=f.useRef(null),l=d(r,i);return f.useEffect((()=>{const t=i.current;if(t)return e(t)}),[]),/*#__PURE__*/f.createElement(a,null,/*#__PURE__*/f.createElement(t,null,/*#__PURE__*/f.createElement(b,m({},o,{ref:l,trapFocus:n.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:p(o.onCloseAutoFocus,(e=>{var t;e.preventDefault(),null===(t=n.triggerRef.current)||void 0===t||t.focus()})),onPointerDownOutside:p(o.onPointerDownOutside,(e=>{const t=e.detail.originalEvent,o=0===t.button&&!0===t.ctrlKey;(2===t.button||o)&&e.preventDefault()})),onFocusOutside:p(o.onFocusOutside,(e=>e.preventDefault()))}))))})),C=/*#__PURE__*/f.forwardRef(((e,t)=>{const o=D("DialogContent"),r=f.useRef(!1);/*#__PURE__*/return f.createElement(a,null,/*#__PURE__*/f.createElement(b,m({},e,{ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:t=>{var n,a;(null===(n=e.onCloseAutoFocus)||void 0===n||n.call(e,t),t.defaultPrevented)||(r.current||null===(a=o.triggerRef.current)||void 0===a||a.focus(),t.preventDefault());r.current=!1},onInteractOutside:t=>{var n,a;null===(n=e.onInteractOutside)||void 0===n||n.call(e,t),t.defaultPrevented||(r.current=!0);const i=t.target;(null===(a=o.triggerRef.current)||void 0===a?void 0:a.contains(i))&&t.preventDefault()}})))})),b=/*#__PURE__*/f.forwardRef(((e,t)=>{const{"aria-label":r,"aria-labelledby":n,"aria-describedby":a,trapFocus:c,onOpenAutoFocus:s,onCloseAutoFocus:u,...p}=e,g=D("DialogContent"),v=f.useRef(null),x=d(t,v);return o(),/*#__PURE__*/f.createElement(f.Fragment,null,/*#__PURE__*/f.createElement(i,{asChild:!0,loop:!0,trapped:c,onMountAutoFocus:s,onUnmountAutoFocus:u},/*#__PURE__*/f.createElement(l,m({role:"dialog",id:g.contentId,"aria-describedby":a||g.descriptionId,"aria-labelledby":r?void 0:n||g.titleId,"aria-label":r||void 0,"data-state":E(g.open)},p,{ref:x,onDismiss:()=>g.onOpenChange(!1)}))),!1)}));export const DialogTitle=/*#__PURE__*/f.forwardRef(((e,t)=>{const o=D("DialogTitle");/*#__PURE__*/return f.createElement(r.h2,m({id:o.titleId},e,{ref:t}))}));/*#__PURE__*/export const DialogDescription=/*#__PURE__*/f.forwardRef(((e,t)=>{const o=D("DialogDescription");/*#__PURE__*/return f.createElement(r.p,m({id:o.descriptionId},e,{ref:t}))}));/*#__PURE__*/export const DialogClose=/*#__PURE__*/f.forwardRef(((e,t)=>{const o=D("DialogClose");/*#__PURE__*/return f.createElement(r.button,m({type:"button"},e,{ref:t,onClick:p(e.onClick,(()=>o.onOpenChange(!1)))}))}));/*#__PURE__*/function E(e){return e?"open":"closed"}const O=/*#__PURE__*/f.createContext({contentName:"DialogContent",titleName:"DialogTitle",docsSlug:"dialog"});export const LabelWarningProvider=O.Provider;export const Root=Dialog;export const Trigger=DialogTrigger;export const Overlay=DialogOverlay;export const Content=DialogContent;export const Title=DialogTitle;export const Description=DialogDescription;export const Close=DialogClose;
 //# sourceMappingURL=index.module.js.map

package/dist/index.module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["./packages/react/dialog/src/Dialog.tsx"],"sourcesContent":["import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContext } from '@radix-ui/react-context';\nimport { useId } from '@radix-ui/react-id';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { DismissableLayer } from '@radix-ui/react-dismissable-layer';\nimport { FocusScope } from '@radix-ui/react-focus-scope';\nimport { Portal } from '@radix-ui/react-portal';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { Slot } from '@radix-ui/react-slot';\nimport { useFocusGuards } from '@radix-ui/react-focus-guards';\nimport { RemoveScroll } from 'react-remove-scroll';\nimport { hideOthers } from 'aria-hidden';\n\nimport type * as Polymorphic from '@radix-ui/react-polymorphic';\n\n/* -------------------------------------------------------------------------------------------------\n * Dialog\n * -----------------------------------------------------------------------------------------------*/\n\nconst DIALOG_NAME = 'Dialog';\n\ntype DialogContextValue = {\n  triggerRef: React.RefObject<HTMLButtonElement>;\n  contentId: string;\n  titleId: string;\n  descriptionId: string;\n  open: boolean;\n  onOpenChange(open: boolean): void;\n};\n\nconst [DialogProvider, useDialogContext] = createContext<DialogContextValue>(DIALOG_NAME);\n\ntype DialogOwnProps = {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?(open: boolean): void;\n};\n\nconst Dialog: React.FC<DialogOwnProps> = (props) => {\n  const { children, open: openProp, defaultOpen, onOpenChange } = props;\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const [open = false, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  return (\n    <DialogProvider\n      triggerRef={triggerRef}\n      contentId={useId()}\n      titleId={useId()}\n      descriptionId={useId()}\n      open={open}\n      onOpenChange={setOpen}\n    >\n      {children}\n    </DialogProvider>\n  );\n};\n\nDialog.displayName = DIALOG_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'DialogTrigger';\nconst TRIGGER_DEFAULT_TAG = 'button';\n\ntype DialogTriggerOwnProps = Polymorphic.OwnProps<typeof Primitive>;\ntype DialogTriggerPrimitive = Polymorphic.ForwardRefComponent<\n  typeof TRIGGER_DEFAULT_TAG,\n  DialogTriggerOwnProps\n>;\n\nconst DialogTrigger = React.forwardRef((props, forwardedRef) => {\n  const { as = TRIGGER_DEFAULT_TAG, ...triggerProps } = props;\n  const context = useDialogContext(TRIGGER_NAME);\n  const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);\n  return (\n    <Primitive\n      type=\"button\"\n      aria-haspopup=\"dialog\"\n      aria-expanded={context.open}\n      aria-controls={context.contentId}\n      data-state={getState(context.open)}\n      {...triggerProps}\n      as={as}\n      ref={composedTriggerRef}\n      onClick={composeEventHandlers(props.onClick, () => context.onOpenChange(true))}\n    />\n  );\n}) as DialogTriggerPrimitive;\n\nDialogTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogOverlay\n * -----------------------------------------------------------------------------------------------*/\n\nconst OVERLAY_NAME = 'DialogOverlay';\n\ntype DialogOverlayOwnProps = Polymorphic.Merge<\n  Polymorphic.OwnProps<typeof DialogOverlayImpl>,\n  {\n    /**\n     * Used to force mounting when more control is needed. Useful when\n     * controlling animation with React animation libraries.\n     */\n    forceMount?: true;\n  }\n>;\n\ntype DialogOverlayPrimitive = Polymorphic.ForwardRefComponent<\n  Polymorphic.IntrinsicElement<typeof DialogOverlayImpl>,\n  DialogOverlayOwnProps\n>;\n\nconst DialogOverlay = React.forwardRef((props, forwardedRef) => {\n  const { forceMount, ...overlayProps } = props;\n  const context = useDialogContext(OVERLAY_NAME);\n  return (\n    <Presence present={forceMount || context.open}>\n      <DialogOverlayImpl data-state={getState(context.open)} {...overlayProps} ref={forwardedRef} />\n    </Presence>\n  );\n}) as DialogOverlayPrimitive;\n\ntype DialogOverlayImplOwnProps = Polymorphic.OwnProps<typeof Primitive>;\ntype DialogOverlayImplPrimitive = Polymorphic.ForwardRefComponent<\n  Polymorphic.IntrinsicElement<typeof Primitive>,\n  DialogOverlayImplOwnProps\n>;\n\nconst DialogOverlayImpl = React.forwardRef((props, forwardedRef) => {\n  return (\n    <Portal>\n      <Primitive {...props} ref={forwardedRef} />\n    </Portal>\n  );\n}) as DialogOverlayImplPrimitive;\n\nDialogOverlay.displayName = OVERLAY_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'DialogContent';\n\ntype DialogContentOwnProps = Polymorphic.Merge<\n  Polymorphic.OwnProps<typeof DialogContentImpl>,\n  {\n    /**\n     * Used to force mounting when more control is needed. Useful when\n     * controlling animation with React animation libraries.\n     */\n    forceMount?: true;\n  }\n>;\n\ntype DialogContentPrimitive = Polymorphic.ForwardRefComponent<\n  Polymorphic.IntrinsicElement<typeof DialogContentImpl>,\n  DialogContentOwnProps\n>;\n\nconst DialogContent = React.forwardRef((props, forwardedRef) => {\n  const { forceMount, ...contentProps } = props;\n  const context = useDialogContext(CONTENT_NAME);\n  return (\n    <Presence present={forceMount || context.open}>\n      <DialogContentImpl data-state={getState(context.open)} {...contentProps} ref={forwardedRef} />\n    </Presence>\n  );\n}) as DialogContentPrimitive;\n\ntype FocusScopeOwnProps = Polymorphic.OwnProps<typeof FocusScope>;\n\ntype DialogContentImplOwnProps = Polymorphic.Merge<\n  Omit<\n    Polymorphic.OwnProps<typeof DismissableLayer>,\n    'disableOutsidePointerEvents' | 'onFocusOutside' | 'onInteractOutside' | 'onDismiss'\n  >,\n  {\n    /**\n     * Event handler called when auto-focusing on open.\n     * Can be prevented.\n     */\n    onOpenAutoFocus?: FocusScopeOwnProps['onMountAutoFocus'];\n\n    /**\n     * Event handler called when auto-focusing on close.\n     * Can be prevented.\n     */\n    onCloseAutoFocus?: FocusScopeOwnProps['onUnmountAutoFocus'];\n  }\n>;\n\ntype DialogContentImplPrimitive = Polymorphic.ForwardRefComponent<\n  Polymorphic.IntrinsicElement<typeof DismissableLayer>,\n  DialogContentImplOwnProps\n>;\n\nconst DialogContentImpl = React.forwardRef((props, forwardedRef) => {\n  const {\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    onOpenAutoFocus,\n    onCloseAutoFocus,\n    onEscapeKeyDown,\n    onPointerDownOutside,\n    ...contentProps\n  } = props;\n  const context = useDialogContext(CONTENT_NAME);\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRefs = useComposedRefs(forwardedRef, contentRef);\n\n  // Make sure the whole tree has focus guards as our `Dialog` will be\n  // the last element in the DOM (beacuse of the `Portal`)\n  useFocusGuards();\n\n  // Hide everything from ARIA except the content\n  React.useEffect(() => {\n    const content = contentRef.current;\n    if (content) return hideOthers(content);\n  }, []);\n\n  return (\n    <>\n      <Portal>\n        <RemoveScroll>\n          <FocusScope\n            as={Slot}\n            // we make sure we're not trapping once it's been closed\n            // (closed !== unmounted when animating out)\n            trapped={context.open}\n            onMountAutoFocus={onOpenAutoFocus}\n            onUnmountAutoFocus={onCloseAutoFocus}\n          >\n            <DismissableLayer\n              role=\"dialog\"\n              id={context.contentId}\n              aria-modal\n              aria-describedby={ariaDescribedBy || context.descriptionId}\n              // If `aria-label` is set, ensure `aria-labelledby` is undefined as to avoid confusion.\n              // Otherwise fallback to an explicit `aria-labelledby` or the ID used in the\n              // `DialogTitle`\n              aria-labelledby={ariaLabel ? undefined : ariaLabelledBy || context.titleId}\n              aria-label={ariaLabel || undefined}\n              {...contentProps}\n              ref={composedRefs}\n              disableOutsidePointerEvents\n              onEscapeKeyDown={onEscapeKeyDown}\n              onPointerDownOutside={composeEventHandlers(onPointerDownOutside, (event) => {\n                const originalEvent = event.detail.originalEvent as MouseEvent;\n                const isRightClick =\n                  originalEvent.button === 2 ||\n                  (originalEvent.button === 0 && originalEvent.ctrlKey === true);\n\n                // If the event is a right-click, we shouldn't close because\n                // it is effectively as if we right-clicked the `Overlay`.\n                if (isRightClick) event.preventDefault();\n              })}\n              // When focus is trapped, a focusout event may still happen.\n              // We make sure we don't trigger our `onDismiss` in such case.\n              onFocusOutside={(event) => event.preventDefault()}\n              onDismiss={() => context.onOpenChange(false)}\n            />\n          </FocusScope>\n        </RemoveScroll>\n      </Portal>\n      {process.env.NODE_ENV === 'development' && <LabelWarning contentRef={contentRef} />}\n    </>\n  );\n}) as DialogContentImplPrimitive;\n\nDialogContent.displayName = CONTENT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogTitle\n * -----------------------------------------------------------------------------------------------*/\n\nconst TITLE_NAME = 'DialogTitle';\nconst TITLE_DEFAULT_TAG = 'h2';\n\ntype DialogTitleOwnProps = Polymorphic.OwnProps<typeof Primitive>;\ntype DialogTitlePrimitive = Polymorphic.ForwardRefComponent<\n  typeof TITLE_DEFAULT_TAG,\n  DialogTitleOwnProps\n>;\n\nconst DialogTitle = React.forwardRef((props, forwardedRef) => {\n  const { as = TITLE_DEFAULT_TAG, ...titleProps } = props;\n  const context = useDialogContext(TITLE_NAME);\n  return <Primitive id={context.titleId} {...titleProps} as={as} ref={forwardedRef} />;\n}) as DialogTitlePrimitive;\n\nDialogTitle.displayName = TITLE_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogDescription\n * -----------------------------------------------------------------------------------------------*/\n\nconst DESCRIPTION_NAME = 'DialogDescription';\nconst DESCRIPTION_DEFAULT_TAG = 'p';\n\ntype DialogDescriptionOwnProps = Polymorphic.OwnProps<typeof Primitive>;\ntype DialogDescriptionPrimitive = Polymorphic.ForwardRefComponent<\n  typeof DESCRIPTION_DEFAULT_TAG,\n  DialogDescriptionOwnProps\n>;\n\nconst DialogDescription = React.forwardRef((props, forwardedRef) => {\n  const { as = DESCRIPTION_DEFAULT_TAG, ...descriptionProps } = props;\n  const context = useDialogContext(DESCRIPTION_NAME);\n  return <Primitive id={context.descriptionId} {...descriptionProps} as={as} ref={forwardedRef} />;\n}) as DialogDescriptionPrimitive;\n\nDialogDescription.displayName = DESCRIPTION_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogClose\n * -----------------------------------------------------------------------------------------------*/\n\nconst CLOSE_NAME = 'DialogClose';\nconst CLOSE_DEFAULT_TAG = 'button';\n\ntype DialogCloseOwnProps = Polymorphic.OwnProps<typeof Primitive>;\ntype DialogClosePrimitive = Polymorphic.ForwardRefComponent<\n  typeof CLOSE_DEFAULT_TAG,\n  DialogCloseOwnProps\n>;\n\nconst DialogClose = React.forwardRef((props, forwardedRef) => {\n  const { as = CLOSE_DEFAULT_TAG, ...closeProps } = props;\n  const context = useDialogContext(CLOSE_NAME);\n  return (\n    <Primitive\n      type=\"button\"\n      {...closeProps}\n      as={as}\n      ref={forwardedRef}\n      onClick={composeEventHandlers(props.onClick, () => context.onOpenChange(false))}\n    />\n  );\n}) as DialogClosePrimitive;\n\nDialogClose.displayName = CLOSE_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction getState(open: boolean) {\n  return open ? 'open' : 'closed';\n}\n\nconst LabelWarningContext = React.createContext({\n  contentName: CONTENT_NAME,\n  titleName: TITLE_NAME,\n  docsSlug: 'dialog',\n});\n\nconst LabelWarningProvider = LabelWarningContext.Provider;\n\ntype LabelWarningProps = {\n  contentRef: React.RefObject<React.ElementRef<typeof DialogContent>>;\n};\n\nconst LabelWarning: React.FC<LabelWarningProps> = ({ contentRef }) => {\n  const labelWarningContext = React.useContext(LabelWarningContext);\n\n  const MESSAGE = `\\`${labelWarningContext.contentName}\\` requires a label for the component to be accessible for screen reader users.\n\nYou can label the \\`${labelWarningContext.contentName}\\` by passing a \\`${labelWarningContext.titleName}\\` component as a child, which also benefits sighted users by adding visible context to the dialog.\n\nAlternatively, you can use your own component as a title by assigning it an \\`id\\` and passing the same value to the \\`aria-labelledby\\` prop in \\`${labelWarningContext.contentName}\\`. If the label is confusing or duplicative for sighted users, you can also pass a label directly by using the \\`aria-label\\` prop.\n\nFor more information, see https://radix-ui.com/primitives/docs/components/${labelWarningContext.docsSlug}`;\n\n  React.useEffect(() => {\n    const hasLabel =\n      contentRef.current?.getAttribute('aria-label') ||\n      document.getElementById(contentRef.current?.getAttribute('aria-labelledby')!);\n\n    if (!hasLabel) console.warn(MESSAGE);\n  }, [MESSAGE, contentRef]);\n\n  return null;\n};\n\nconst Root = Dialog;\nconst Trigger = DialogTrigger;\nconst Overlay = DialogOverlay;\nconst Content = DialogContent;\nconst Title = DialogTitle;\nconst Description = DialogDescription;\nconst Close = DialogClose;\n\nexport {\n  Dialog,\n  DialogTrigger,\n  DialogOverlay,\n  DialogContent,\n  DialogTitle,\n  DialogDescription,\n  DialogClose,\n  //\n  Root,\n  Trigger,\n  Overlay,\n  Content,\n  Title,\n  Description,\n  Close,\n  //\n  LabelWarningProvider,\n};\nexport type {\n  DialogTriggerPrimitive,\n  DialogOverlayPrimitive,\n  DialogContentPrimitive,\n  DialogTitlePrimitive,\n  DialogDescriptionPrimitive,\n  DialogClosePrimitive,\n};\n"],"names":["DialogProvider","useDialogContext","createContext","Dialog","props","children","open","openProp","defaultOpen","onOpenChange","triggerRef","React","useRef","setOpen","useControllableState","prop","defaultProp","onChange","_react","createElement","$da81f3af863821fb8a193d321c41d$var$DialogProvider","contentId","useId","titleId","descriptionId","TRIGGER_DEFAULT_TAG","DialogTrigger","forwardRef","forwardedRef","as","triggerProps","context","composedTriggerRef","useComposedRefs","Primitive","_babelRuntimeHelpersEsmExtends","type","aria-haspopup","aria-expanded","aria-controls","data-state","getState","ref","onClick","composeEventHandlers","DialogOverlay","forceMount","overlayProps","Presence","present","$da81f3af863821fb8a193d321c41d$var$DialogOverlayImpl","DialogOverlayImpl","Portal","DialogContent","contentProps","$da81f3af863821fb8a193d321c41d$var$DialogContentImpl","DialogContentImpl","aria-label","ariaLabel","aria-labelledby","ariaLabelledBy","aria-describedby","ariaDescribedBy","onOpenAutoFocus","onCloseAutoFocus","onEscapeKeyDown","onPointerDownOutside","contentRef","composedRefs","useFocusGuards","useEffect","content","current","hideOthers","Fragment","RemoveScroll","FocusScope","Slot","trapped","onMountAutoFocus","onUnmountAutoFocus","DismissableLayer","role","id","aria-modal","undefined","disableOutsidePointerEvents","event","originalEvent","detail","button","ctrlKey","preventDefault","onFocusOutside","onDismiss","TITLE_DEFAULT_TAG","DialogTitle","titleProps","DESCRIPTION_DEFAULT_TAG","DialogDescription","descriptionProps","CLOSE_DEFAULT_TAG","DialogClose","closeProps","LabelWarningContext","contentName","titleName","docsSlug","LabelWarningProvider","Provider","Root","Trigger","Overlay","Content","Title","Description","Close"],"version":3,"file":"index.module.js.map"}
+{"mappings":"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","sources":["./packages/react/dialog/src/Dialog.tsx"],"sourcesContent":["import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContext } from '@radix-ui/react-context';\nimport { useId } from '@radix-ui/react-id';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { DismissableLayer } from '@radix-ui/react-dismissable-layer';\nimport { FocusScope } from '@radix-ui/react-focus-scope';\nimport { Portal } from '@radix-ui/react-portal';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { useFocusGuards } from '@radix-ui/react-focus-guards';\nimport { RemoveScroll } from 'react-remove-scroll';\nimport { hideOthers } from 'aria-hidden';\n\nimport type * as Radix from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * Dialog\n * -----------------------------------------------------------------------------------------------*/\n\nconst DIALOG_NAME = 'Dialog';\n\ntype DialogContextValue = {\n  triggerRef: React.RefObject<HTMLButtonElement>;\n  contentId: string;\n  titleId: string;\n  descriptionId: string;\n  open: boolean;\n  onOpenChange(open: boolean): void;\n  onOpenToggle(): void;\n  modal: boolean;\n};\n\nconst [DialogProvider, useDialogContext] = createContext<DialogContextValue>(DIALOG_NAME);\n\ninterface DialogProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?(open: boolean): void;\n  modal?: boolean;\n}\n\nconst Dialog: React.FC<DialogProps> = (props) => {\n  const { children, open: openProp, defaultOpen, onOpenChange, modal = true } = props;\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const [open = false, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  return (\n    <DialogProvider\n      triggerRef={triggerRef}\n      contentId={useId()}\n      titleId={useId()}\n      descriptionId={useId()}\n      open={open}\n      onOpenChange={setOpen}\n      onOpenToggle={React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen])}\n      modal={modal}\n    >\n      {children}\n    </DialogProvider>\n  );\n};\n\nDialog.displayName = DIALOG_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'DialogTrigger';\n\ntype DialogTriggerElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface DialogTriggerProps extends PrimitiveButtonProps {}\n\nconst DialogTrigger = React.forwardRef<DialogTriggerElement, DialogTriggerProps>(\n  (props, forwardedRef) => {\n    const context = useDialogContext(TRIGGER_NAME);\n    const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);\n    return (\n      <Primitive.button\n        type=\"button\"\n        aria-haspopup=\"dialog\"\n        aria-expanded={context.open}\n        aria-controls={context.contentId}\n        data-state={getState(context.open)}\n        {...props}\n        ref={composedTriggerRef}\n        onClick={composeEventHandlers(props.onClick, context.onOpenToggle)}\n      />\n    );\n  }\n);\n\nDialogTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogOverlay\n * -----------------------------------------------------------------------------------------------*/\n\nconst OVERLAY_NAME = 'DialogOverlay';\n\ntype DialogOverlayElement = DialogOverlayImplElement;\ninterface DialogOverlayProps extends DialogOverlayImplProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst DialogOverlay = React.forwardRef<DialogOverlayElement, DialogOverlayProps>(\n  (props, forwardedRef) => {\n    const { forceMount, ...overlayProps } = props;\n    const context = useDialogContext(OVERLAY_NAME);\n    return context.modal ? (\n      <Presence present={forceMount || context.open}>\n        <DialogOverlayImpl {...overlayProps} ref={forwardedRef} />\n      </Presence>\n    ) : null;\n  }\n);\n\nDialogOverlay.displayName = OVERLAY_NAME;\n\ntype DialogOverlayImplElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface DialogOverlayImplProps extends PrimitiveDivProps {}\n\nconst DialogOverlayImpl = React.forwardRef<DialogOverlayImplElement, DialogOverlayImplProps>(\n  (props, forwardedRef) => {\n    const context = useDialogContext(OVERLAY_NAME);\n    return (\n      <Portal>\n        <Primitive.div data-state={getState(context.open)} {...props} ref={forwardedRef} />\n      </Portal>\n    );\n  }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * DialogContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'DialogContent';\n\ntype DialogContentElement = DialogContentTypeElement;\ninterface DialogContentProps extends DialogContentTypeProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst DialogContent = React.forwardRef<DialogContentElement, DialogContentProps>(\n  (props, forwardedRef) => {\n    const { forceMount, ...contentProps } = props;\n    const context = useDialogContext(CONTENT_NAME);\n    return (\n      <Presence present={forceMount || context.open}>\n        {context.modal ? (\n          <DialogContentModal {...contentProps} ref={forwardedRef} />\n        ) : (\n          <DialogContentNonModal {...contentProps} ref={forwardedRef} />\n        )}\n      </Presence>\n    );\n  }\n);\n\nDialogContent.displayName = CONTENT_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype DialogContentTypeElement = DialogContentImplElement;\ninterface DialogContentTypeProps\n  extends Omit<DialogContentImplProps, 'trapFocus' | 'disableOutsidePointerEvents'> {}\n\nconst DialogContentModal = React.forwardRef<DialogContentTypeElement, DialogContentTypeProps>(\n  (props, forwardedRef) => {\n    const context = useDialogContext(CONTENT_NAME);\n    const contentRef = React.useRef<HTMLDivElement>(null);\n    const composedRefs = useComposedRefs(forwardedRef, contentRef);\n\n    // aria-hide everything except the content (better supported equivalent to setting aria-modal)\n    React.useEffect(() => {\n      const content = contentRef.current;\n      if (content) return hideOthers(content);\n    }, []);\n\n    return (\n      <Portal>\n        <RemoveScroll>\n          <DialogContentImpl\n            {...props}\n            ref={composedRefs}\n            // we make sure focus isn't trapped once `DialogContent` has been closed\n            // (closed !== unmounted when animating out)\n            trapFocus={context.open}\n            disableOutsidePointerEvents\n            onCloseAutoFocus={composeEventHandlers(props.onCloseAutoFocus, (event) => {\n              event.preventDefault();\n              context.triggerRef.current?.focus();\n            })}\n            onPointerDownOutside={composeEventHandlers(props.onPointerDownOutside, (event) => {\n              const originalEvent = event.detail.originalEvent;\n              const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;\n              const isRightClick = originalEvent.button === 2 || ctrlLeftClick;\n\n              // If the event is a right-click, we shouldn't close because\n              // it is effectively as if we right-clicked the `Overlay`.\n              if (isRightClick) event.preventDefault();\n            })}\n            // When focus is trapped, a `focusout` event may still happen.\n            // We make sure we don't trigger our `onDismiss` in such case.\n            onFocusOutside={composeEventHandlers(props.onFocusOutside, (event) =>\n              event.preventDefault()\n            )}\n          />\n        </RemoveScroll>\n      </Portal>\n    );\n  }\n);\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst DialogContentNonModal = React.forwardRef<DialogContentTypeElement, DialogContentTypeProps>(\n  (props, forwardedRef) => {\n    const context = useDialogContext(CONTENT_NAME);\n    const hasInteractedOutsideRef = React.useRef(false);\n\n    return (\n      <Portal>\n        <DialogContentImpl\n          {...props}\n          ref={forwardedRef}\n          trapFocus={false}\n          disableOutsidePointerEvents={false}\n          onCloseAutoFocus={(event) => {\n            props.onCloseAutoFocus?.(event);\n\n            if (!event.defaultPrevented) {\n              if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();\n              // Always prevent auto focus because we either focus manually or want user agent focus\n              event.preventDefault();\n            }\n\n            hasInteractedOutsideRef.current = false;\n          }}\n          onInteractOutside={(event) => {\n            props.onInteractOutside?.(event);\n\n            if (!event.defaultPrevented) hasInteractedOutsideRef.current = true;\n\n            // Prevent dismissing when clicking the trigger.\n            // As the trigger is already setup to close, without doing so would\n            // cause it to close and immediately open.\n            //\n            // We use `onInteractOutside` as some browsers also\n            // focus on pointer down, creating the same issue.\n            const target = event.target as HTMLElement;\n            const targetIsTrigger = context.triggerRef.current?.contains(target);\n            if (targetIsTrigger) event.preventDefault();\n          }}\n        />\n      </Portal>\n    );\n  }\n);\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype DialogContentImplElement = React.ElementRef<typeof DismissableLayer>;\ntype DismissableLayerProps = Radix.ComponentPropsWithoutRef<typeof DismissableLayer>;\ntype FocusScopeProps = Radix.ComponentPropsWithoutRef<typeof FocusScope>;\ninterface DialogContentImplProps extends Omit<DismissableLayerProps, 'onDismiss'> {\n  /**\n   * When `true`, focus cannot escape the `Content` via keyboard,\n   * pointer, or a programmatic focus.\n   * @defaultValue false\n   */\n  trapFocus?: FocusScopeProps['trapped'];\n\n  /**\n   * Event handler called when auto-focusing on open.\n   * Can be prevented.\n   */\n  onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus'];\n\n  /**\n   * Event handler called when auto-focusing on close.\n   * Can be prevented.\n   */\n  onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus'];\n}\n\nconst DialogContentImpl = React.forwardRef<DialogContentImplElement, DialogContentImplProps>(\n  (props, forwardedRef) => {\n    const {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      trapFocus,\n      onOpenAutoFocus,\n      onCloseAutoFocus,\n      ...contentProps\n    } = props;\n    const context = useDialogContext(CONTENT_NAME);\n    const contentRef = React.useRef<HTMLDivElement>(null);\n    const composedRefs = useComposedRefs(forwardedRef, contentRef);\n\n    // Make sure the whole tree has focus guards as our `Dialog` will be\n    // the last element in the DOM (beacuse of the `Portal`)\n    useFocusGuards();\n\n    return (\n      <>\n        <FocusScope\n          asChild\n          loop\n          trapped={trapFocus}\n          onMountAutoFocus={onOpenAutoFocus}\n          onUnmountAutoFocus={onCloseAutoFocus}\n        >\n          <DismissableLayer\n            role=\"dialog\"\n            id={context.contentId}\n            aria-describedby={ariaDescribedBy || context.descriptionId}\n            // If `aria-label` is set, ensure `aria-labelledby` is undefined as to avoid confusion.\n            // Otherwise fallback to an explicit `aria-labelledby` or the ID used in the\n            // `DialogTitle`\n            aria-labelledby={ariaLabel ? undefined : ariaLabelledBy || context.titleId}\n            aria-label={ariaLabel || undefined}\n            data-state={getState(context.open)}\n            {...contentProps}\n            ref={composedRefs}\n            onDismiss={() => context.onOpenChange(false)}\n          />\n        </FocusScope>\n        {process.env.NODE_ENV === 'development' && <LabelWarning contentRef={contentRef} />}\n      </>\n    );\n  }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * DialogTitle\n * -----------------------------------------------------------------------------------------------*/\n\nconst TITLE_NAME = 'DialogTitle';\n\ntype DialogTitleElement = React.ElementRef<typeof Primitive.h2>;\ntype PrimitiveHeading2Props = Radix.ComponentPropsWithoutRef<typeof Primitive.h2>;\ninterface DialogTitleProps extends PrimitiveHeading2Props {}\n\nconst DialogTitle = React.forwardRef<DialogTitleElement, DialogTitleProps>(\n  (props, forwardedRef) => {\n    const context = useDialogContext(TITLE_NAME);\n    return <Primitive.h2 id={context.titleId} {...props} ref={forwardedRef} />;\n  }\n);\n\nDialogTitle.displayName = TITLE_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogDescription\n * -----------------------------------------------------------------------------------------------*/\n\nconst DESCRIPTION_NAME = 'DialogDescription';\n\ntype DialogDescriptionElement = React.ElementRef<typeof Primitive.p>;\ntype PrimitiveParagraphProps = Radix.ComponentPropsWithoutRef<typeof Primitive.p>;\ninterface DialogDescriptionProps extends PrimitiveParagraphProps {}\n\nconst DialogDescription = React.forwardRef<DialogDescriptionElement, DialogDescriptionProps>(\n  (props, forwardedRef) => {\n    const context = useDialogContext(DESCRIPTION_NAME);\n    return <Primitive.p id={context.descriptionId} {...props} ref={forwardedRef} />;\n  }\n);\n\nDialogDescription.displayName = DESCRIPTION_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogClose\n * -----------------------------------------------------------------------------------------------*/\n\nconst CLOSE_NAME = 'DialogClose';\n\ntype DialogCloseElement = React.ElementRef<typeof Primitive.button>;\ninterface DialogCloseProps extends PrimitiveButtonProps {}\n\nconst DialogClose = React.forwardRef<DialogCloseElement, DialogCloseProps>(\n  (props, forwardedRef) => {\n    const context = useDialogContext(CLOSE_NAME);\n    return (\n      <Primitive.button\n        type=\"button\"\n        {...props}\n        ref={forwardedRef}\n        onClick={composeEventHandlers(props.onClick, () => context.onOpenChange(false))}\n      />\n    );\n  }\n);\n\nDialogClose.displayName = CLOSE_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction getState(open: boolean) {\n  return open ? 'open' : 'closed';\n}\n\nconst LabelWarningContext = React.createContext({\n  contentName: CONTENT_NAME,\n  titleName: TITLE_NAME,\n  docsSlug: 'dialog',\n});\n\nconst LabelWarningProvider = LabelWarningContext.Provider;\n\ntype LabelWarningProps = {\n  contentRef: React.RefObject<DialogContentElement>;\n};\n\nconst LabelWarning: React.FC<LabelWarningProps> = ({ contentRef }) => {\n  const labelWarningContext = React.useContext(LabelWarningContext);\n\n  const MESSAGE = `\\`${labelWarningContext.contentName}\\` requires a label for the component to be accessible for screen reader users.\n\nYou can label the \\`${labelWarningContext.contentName}\\` by passing a \\`${labelWarningContext.titleName}\\` component as a child, which also benefits sighted users by adding visible context to the dialog.\n\nAlternatively, you can use your own component as a title by assigning it an \\`id\\` and passing the same value to the \\`aria-labelledby\\` prop in \\`${labelWarningContext.contentName}\\`. If the label is confusing or duplicative for sighted users, you can also pass a label directly by using the \\`aria-label\\` prop.\n\nFor more information, see https://radix-ui.com/primitives/docs/components/${labelWarningContext.docsSlug}`;\n\n  React.useEffect(() => {\n    const hasLabel =\n      contentRef.current?.getAttribute('aria-label') ||\n      document.getElementById(contentRef.current?.getAttribute('aria-labelledby')!);\n\n    if (!hasLabel) console.warn(MESSAGE);\n  }, [MESSAGE, contentRef]);\n\n  return null;\n};\n\nconst Root = Dialog;\nconst Trigger = DialogTrigger;\nconst Overlay = DialogOverlay;\nconst Content = DialogContent;\nconst Title = DialogTitle;\nconst Description = DialogDescription;\nconst Close = DialogClose;\n\nexport {\n  Dialog,\n  DialogTrigger,\n  DialogOverlay,\n  DialogContent,\n  DialogTitle,\n  DialogDescription,\n  DialogClose,\n  //\n  Root,\n  Trigger,\n  Overlay,\n  Content,\n  Title,\n  Description,\n  Close,\n  //\n  LabelWarningProvider,\n};\nexport type {\n  DialogProps,\n  DialogTriggerProps,\n  DialogOverlayProps,\n  DialogContentProps,\n  DialogTitleProps,\n  DialogDescriptionProps,\n  DialogCloseProps,\n};\n"],"names":["DialogProvider","useDialogContext","createContext","Dialog","props","children","open","openProp","defaultOpen","onOpenChange","modal","triggerRef","React","useRef","setOpen","useControllableState","prop","defaultProp","onChange","_react","createElement","$da81f3af863821fb8a193d321c41d$var$DialogProvider","contentId","useId","titleId","descriptionId","onOpenToggle","useCallback","prevOpen","DialogTrigger","forwardRef","forwardedRef","context","composedTriggerRef","useComposedRefs","Primitive","button","_babelRuntimeHelpersEsmExtends","type","getState","ref","onClick","composeEventHandlers","DialogOverlay","forceMount","overlayProps","Presence","present","$da81f3af863821fb8a193d321c41d$var$DialogOverlayImpl","DialogOverlayImpl","Portal","div","DialogContent","contentProps","$da81f3af863821fb8a193d321c41d$var$DialogContentModal","$da81f3af863821fb8a193d321c41d$var$DialogContentNonModal","DialogContentModal","contentRef","composedRefs","useEffect","content","current","hideOthers","RemoveScroll","$da81f3af863821fb8a193d321c41d$var$DialogContentImpl","trapFocus","disableOutsidePointerEvents","onCloseAutoFocus","event","_context$triggerRef$c","preventDefault","focus","onPointerDownOutside","originalEvent","detail","ctrlLeftClick","ctrlKey","onFocusOutside","DialogContentNonModal","hasInteractedOutsideRef","_props$onCloseAutoFoc","_context$triggerRef$c2","call","defaultPrevented","onInteractOutside","_props$onInteractOuts","_context$triggerRef$c3","target","contains","DialogContentImpl","ariaLabel","ariaLabelledBy","ariaDescribedBy","onOpenAutoFocus","useFocusGuards","Fragment","FocusScope","asChild","loop","trapped","onMountAutoFocus","onUnmountAutoFocus","DismissableLayer","role","id","undefined","onDismiss","DialogTitle","h2","DialogDescription","p","DialogClose","LabelWarningContext","contentName","titleName","docsSlug","LabelWarningProvider","Provider","Root","Trigger","Overlay","Content","Title","Description","Close"],"version":3,"file":"index.module.js.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ui/react-dialog",
-  "version": "0.0.19",
+  "version": "0.1.0",
   "license": "MIT",
   "source": "src/index.ts",
   "main": "dist/index.js",
@@ -13,24 +13,21 @@
   "sideEffects": false,
   "scripts": {
     "clean": "rm -rf dist",
-    "prepublish": "yarn clean",
     "version": "yarn version"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@radix-ui/primitive": "0.0.5",
-    "@radix-ui/react-compose-refs": "0.0.5",
-    "@radix-ui/react-context": "0.0.5",
-    "@radix-ui/react-dismissable-layer": "0.0.14",
-    "@radix-ui/react-focus-guards": "0.0.7",
-    "@radix-ui/react-focus-scope": "0.0.14",
-    "@radix-ui/react-id": "0.0.6",
-    "@radix-ui/react-polymorphic": "0.0.12",
-    "@radix-ui/react-portal": "0.0.14",
-    "@radix-ui/react-presence": "0.0.14",
-    "@radix-ui/react-primitive": "0.0.14",
-    "@radix-ui/react-slot": "0.0.12",
-    "@radix-ui/react-use-controllable-state": "0.0.6",
+    "@radix-ui/primitive": "0.1.0",
+    "@radix-ui/react-compose-refs": "0.1.0",
+    "@radix-ui/react-context": "0.1.0",
+    "@radix-ui/react-dismissable-layer": "0.1.0",
+    "@radix-ui/react-focus-guards": "0.1.0",
+    "@radix-ui/react-focus-scope": "0.1.0",
+    "@radix-ui/react-id": "0.1.0",
+    "@radix-ui/react-portal": "0.1.0",
+    "@radix-ui/react-presence": "0.1.0",
+    "@radix-ui/react-primitive": "0.1.0",
+    "@radix-ui/react-use-controllable-state": "0.1.0",
     "aria-hidden": "^1.1.1",
     "react-remove-scroll": "^2.4.0"
   },