@radix-ui/react-dialog 0.1.8-rc.1 → 0.1.8-rc.12

package/dist/index.d.ts

@@ -8,6 +8,7 @@ import { RemoveScroll } from "react-remove-scroll";
 export const createDialogScope: import("@radix-ui/react-context").CreateScope;
 type RemoveScrollProps = React.ComponentProps<typeof RemoveScroll>;
 export interface DialogProps {
+    children?: React.ReactNode;
     open?: boolean;
     defaultOpen?: boolean;
     onOpenChange?(open: boolean): void;
@@ -16,7 +17,6 @@ export interface DialogProps {
      * @see https://github.com/theKashey/react-remove-scroll#usage
      */
     allowPinchZoom?: RemoveScrollProps['allowPinchZoom'];
-    children?: React.ReactNode;
 }
 export const Dialog: React.FC<DialogProps>;
 type PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"mappings":"A;A;A;A;A;A;A;AA0BA,OAAA,wFAAgF,CAAC;AAiBjF,yBAAyB,MAAM,cAAc,CAAC,mBAAmB,CAAC,CAAC;AACnE;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;IAChB;A;OAEG;IACH,cAAc,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,MAAM,SAAS,CAAC;CAC5B;AAED,OAAA,MAAM,QAAQ,MAAM,EAAE,CAAC,WAAW,CAmCjC,CAAC;AAWF,4BAA4B,MAAM,wBAAwB,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC;AACpF,mCAA6B,SAAQ,oBAAoB;CAAG;AAE5D,OAAA,MAAM,2GAkBL,CAAC;AAeF,mBAAmB,MAAM,wBAAwB,CAAC,qBAAqB,CAAC,CAAC;AACzE,kCAA4B,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IAC9D,QAAQ,CAAC,EAAE,MAAM,SAAS,CAAC;IAC3B;A;A;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC;CACnB;AAED,OAAA,MAAM,cAAc,MAAM,EAAE,CAAC,iBAAiB,CAc7C,CAAC;AAWF,mCAA6B,SAAQ,sBAAsB;IACzD;A;A;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC;CACnB;AAED,OAAA,MAAM,wGAWL,CAAC;AAKF,yBAAyB,MAAM,wBAAwB,CAAC,OAAO,UAAU,GAAG,CAAC,CAAC;AAC9E,gCAAiC,SAAQ,iBAAiB;CAAG;AA6B7D,mCAA6B,SAAQ,sBAAsB;IACzD;A;A;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC;CACnB;AAED,OAAA,MAAM,wGAeL,CAAC;AAOF,gCACE,SAAQ,IAAI,CAAC,sBAAsB,EAAE,WAAW,GAAG,6BAA6B,CAAC;CAAG;AA4FtF,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;AAmDD,8BAA8B,MAAM,wBAAwB,CAAC,OAAO,UAAU,EAAE,CAAC,CAAC;AAClF,iCAA2B,SAAQ,sBAAsB;CAAG;AAE5D,OAAA,MAAM,wGAML,CAAC;AAWF,+BAA+B,MAAM,wBAAwB,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC;AAClF,uCAAiC,SAAQ,uBAAuB;CAAG;AAEnE,OAAA,MAAM,sHAML,CAAC;AAWF,iCAA2B,SAAQ,oBAAoB;CAAG;AAE1D,OAAA,MAAM,uGAaL,CAAC;AAYF,OAAA;A;A;A;A;A;A;A;A;CAIE,CAAC;AA8CH,OAAA,MAAM,2BAAa,CAAC;AACpB,OAAA,MAAM,qGAAuB,CAAC;AAC9B,OAAA,MAAM,mCAAqB,CAAC;AAC5B,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"}
+{"mappings":";;;;;;;AA0BA,OAAA,wFAAgF,CAAC;AAiBjF,yBAAyB,MAAM,cAAc,CAAC,mBAAmB,CAAC,CAAC;AACnE;IACE,QAAQ,CAAC,EAAE,MAAM,SAAS,CAAC;IAC3B,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;IAChB;;OAEG;IACH,cAAc,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;CACtD;AAED,OAAA,MAAM,QAAQ,MAAM,EAAE,CAAC,WAAW,CAmCjC,CAAC;AAWF,4BAA4B,MAAM,wBAAwB,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC;AACpF,mCAA6B,SAAQ,oBAAoB;CAAG;AAE5D,OAAA,MAAM,2GAkBL,CAAC;AAeF,mBAAmB,MAAM,wBAAwB,CAAC,qBAAqB,CAAC,CAAC;AACzE,kCAA4B,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IAC9D,QAAQ,CAAC,EAAE,MAAM,SAAS,CAAC;IAC3B;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC;CACnB;AAED,OAAA,MAAM,cAAc,MAAM,EAAE,CAAC,iBAAiB,CAc7C,CAAC;AAWF,mCAA6B,SAAQ,sBAAsB;IACzD;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC;CACnB;AAED,OAAA,MAAM,wGAWL,CAAC;AAKF,yBAAyB,MAAM,wBAAwB,CAAC,OAAO,UAAU,GAAG,CAAC,CAAC;AAC9E,gCAAiC,SAAQ,iBAAiB;CAAG;AA6B7D,mCAA6B,SAAQ,sBAAsB;IACzD;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC;CACnB;AAED,OAAA,MAAM,wGAeL,CAAC;AAOF,gCACE,SAAQ,IAAI,CAAC,sBAAsB,EAAE,WAAW,GAAG,6BAA6B,CAAC;CAAG;AA4FtF,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;;;;OAIG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IAEvC;;;OAGG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC;IAEtD;;;OAGG;IACH,gBAAgB,CAAC,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAC;CAC1D;AAmDD,8BAA8B,MAAM,wBAAwB,CAAC,OAAO,UAAU,EAAE,CAAC,CAAC;AAClF,iCAA2B,SAAQ,sBAAsB;CAAG;AAE5D,OAAA,MAAM,wGAML,CAAC;AAWF,+BAA+B,MAAM,wBAAwB,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC;AAClF,uCAAiC,SAAQ,uBAAuB;CAAG;AAEnE,OAAA,MAAM,sHAML,CAAC;AAWF,iCAA2B,SAAQ,oBAAoB;CAAG;AAE1D,OAAA,MAAM,uGAaL,CAAC;AAYF,OAAA;;;;;;;;;CAIE,CAAC;AA8CH,OAAA,MAAM,2BAAa,CAAC;AACpB,OAAA,MAAM,qGAAuB,CAAC;AAC9B,OAAA,MAAM,mCAAqB,CAAC;AAC5B,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","packages/react/dialog/src/index.ts"],"sourcesContent":[null,null,"export * from './Dialog';\n"],"names":[],"version":3,"file":"index.d.ts.map"}

package/dist/index.js

@@ -1,2 +1,402 @@
-var e,o,t,r=require("@radix-ui/react-slot").Slot,n=require("aria-hidden").hideOthers,a=require("react-remove-scroll").RemoveScroll,i=require("@radix-ui/react-focus-guards").useFocusGuards,l=require("@radix-ui/react-primitive").Primitive,s=require("@radix-ui/react-presence").Presence,c=require("@radix-ui/react-portal").UnstablePortal,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,g=require("@radix-ui/react-id").useId,f=require("@radix-ui/react-context"),D=f.createContext,m=f.createContextScope,v=require("@radix-ui/react-compose-refs").useComposedRefs,x=require("@radix-ui/primitive").composeEventHandlers,C=(e={},o=require("react"),Object.keys(o).forEach((function(t){"default"!==t&&"__esModule"!==t&&Object.defineProperty(e,t,{enumerable:!0,get:function(){return o[t]}})})),e),_=(t=require("@babel/runtime/helpers/extends"))&&t.__esModule?t.default:t;const[E,R]=m("Dialog");exports.createDialogScope=R;const[O,b]=E("Dialog"),h=e=>{const{__scopeDialog:o,children:t,open:r,defaultOpen:n,onOpenChange:a,modal:i=!0,allowPinchZoom:l}=e,s=C.useRef(null),c=C.useRef(null),[u=!1,d]=p({prop:r,defaultProp:n,onChange:a});/*#__PURE__*/return C.createElement(O,{scope:o,triggerRef:s,contentRef:c,contentId:g(),titleId:g(),descriptionId:g(),open:u,onOpenChange:d,onOpenToggle:C.useCallback((()=>d((e=>!e))),[d]),modal:i,allowPinchZoom:l},t)};exports.Dialog=h;const P=/*#__PURE__*/C.forwardRef(((e,o)=>{const{__scopeDialog:t,...r}=e,n=b("DialogTrigger",t),a=v(o,n.triggerRef);/*#__PURE__*/return C.createElement(l.button,_({type:"button","aria-haspopup":"dialog","aria-expanded":n.open,"aria-controls":n.contentId,"data-state":N(n.open)},r,{ref:a,onClick:x(e.onClick,n.onOpenToggle)}))}));exports.DialogTrigger=P;const[q,w]=E("DialogPortal",{forceMount:void 0}),y=e=>{const{__scopeDialog:o,forceMount:t,children:r,container:n}=e,a=b("DialogPortal",o);/*#__PURE__*/return C.createElement(q,{scope:o,forceMount:t},C.Children.map(r,(e=>/*#__PURE__*/C.createElement(s,{present:t||a.open},/*#__PURE__*/C.createElement(c,{asChild:!0,container:n},e)))))};exports.DialogPortal=y;const F=/*#__PURE__*/C.forwardRef(((e,o)=>{const t=w("DialogOverlay",e.__scopeDialog),{forceMount:r=t.forceMount,...n}=e,a=b("DialogOverlay",e.__scopeDialog);return a.modal?/*#__PURE__*/C.createElement(s,{present:r||a.open},/*#__PURE__*/C.createElement(I,_({},n,{ref:o}))):null}));exports.DialogOverlay=F;const I=/*#__PURE__*/C.forwardRef(((e,o)=>{const{__scopeDialog:t,...n}=e,i=b("DialogOverlay",t);/*#__PURE__*/return C.createElement(a,{as:r,allowPinchZoom:i.allowPinchZoom,shards:[i.contentRef]},/*#__PURE__*/C.createElement(l.div,_({"data-state":N(i.open)},n,{ref:o,style:{pointerEvents:"auto",...n.style}})))})),M=/*#__PURE__*/C.forwardRef(((e,o)=>{const t=w("DialogContent",e.__scopeDialog),{forceMount:r=t.forceMount,...n}=e,a=b("DialogContent",e.__scopeDialog);/*#__PURE__*/return C.createElement(s,{present:r||a.open},a.modal?/*#__PURE__*/C.createElement(T,_({},n,{ref:o})):/*#__PURE__*/C.createElement(A,_({},n,{ref:o})))}));exports.DialogContent=M;const T=/*#__PURE__*/C.forwardRef(((e,o)=>{const t=b("DialogContent",e.__scopeDialog),r=C.useRef(null),a=v(o,t.contentRef,r);return C.useEffect((()=>{const e=r.current;if(e)return n(e)}),[]),/*#__PURE__*/C.createElement(S,_({},e,{ref:a,trapFocus:t.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:x(e.onCloseAutoFocus,(e=>{var o;e.preventDefault(),null===(o=t.triggerRef.current)||void 0===o||o.focus()})),onPointerDownOutside:x(e.onPointerDownOutside,(e=>{const o=e.detail.originalEvent,t=0===o.button&&!0===o.ctrlKey;(2===o.button||t)&&e.preventDefault()})),onFocusOutside:x(e.onFocusOutside,(e=>e.preventDefault()))}))})),A=/*#__PURE__*/C.forwardRef(((e,o)=>{const t=b("DialogContent",e.__scopeDialog),r=C.useRef(!1);/*#__PURE__*/return C.createElement(S,_({},e,{ref:o,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:o=>{var n,a;(null===(n=e.onCloseAutoFocus)||void 0===n||n.call(e,o),o.defaultPrevented)||(r.current||null===(a=t.triggerRef.current)||void 0===a||a.focus(),o.preventDefault());r.current=!1},onInteractOutside:o=>{var n,a;null===(n=e.onInteractOutside)||void 0===n||n.call(e,o),o.defaultPrevented||(r.current=!0);const i=o.target;(null===(a=t.triggerRef.current)||void 0===a?void 0:a.contains(i))&&o.preventDefault()}}))})),S=/*#__PURE__*/C.forwardRef(((e,o)=>{const{__scopeDialog:t,trapFocus:r,onOpenAutoFocus:n,onCloseAutoFocus:a,...l}=e,s=b("DialogContent",t),c=C.useRef(null),p=v(o,c);return i(),/*#__PURE__*/C.createElement(C.Fragment,null,/*#__PURE__*/C.createElement(u,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:n,onUnmountAutoFocus:a},/*#__PURE__*/C.createElement(d,_({role:"dialog",id:s.contentId,"aria-describedby":s.descriptionId,"aria-labelledby":s.titleId,"data-state":N(s.open)},l,{ref:p,onDismiss:()=>s.onOpenChange(!1)}))),!1)})),k=/*#__PURE__*/C.forwardRef(((e,o)=>{const{__scopeDialog:t,...r}=e,n=b("DialogTitle",t);/*#__PURE__*/return C.createElement(l.h2,_({id:n.titleId},r,{ref:o}))}));exports.DialogTitle=k;const Z=/*#__PURE__*/C.forwardRef(((e,o)=>{const{__scopeDialog:t,...r}=e,n=b("DialogDescription",t);/*#__PURE__*/return C.createElement(l.p,_({id:n.descriptionId},r,{ref:o}))}));exports.DialogDescription=Z;const j=/*#__PURE__*/C.forwardRef(((e,o)=>{const{__scopeDialog:t,...r}=e,n=b("DialogClose",t);/*#__PURE__*/return C.createElement(l.button,_({type:"button"},r,{ref:o,onClick:x(e.onClick,(()=>n.onOpenChange(!1)))}))}));function N(e){return e?"open":"closed"}exports.DialogClose=j;const[U,W]=D("DialogTitleWarning",{contentName:"DialogContent",titleName:"DialogTitle",docsSlug:"dialog"});exports.WarningProvider=U;const G=h;exports.Root=G;const H=P;exports.Trigger=H;const K=y;exports.Portal=K;const L=F;exports.Overlay=L;const z=M;exports.Content=z;const B=k;exports.Title=B;const J=Z;exports.Description=J;const Q=j;exports.Close=Q;
+var $aJCrN$babelruntimehelpersextends = require("@babel/runtime/helpers/extends");
+var $aJCrN$react = require("react");
+var $aJCrN$radixuiprimitive = require("@radix-ui/primitive");
+var $aJCrN$radixuireactcomposerefs = require("@radix-ui/react-compose-refs");
+var $aJCrN$radixuireactcontext = require("@radix-ui/react-context");
+var $aJCrN$radixuireactid = require("@radix-ui/react-id");
+var $aJCrN$radixuireactusecontrollablestate = require("@radix-ui/react-use-controllable-state");
+var $aJCrN$radixuireactdismissablelayer = require("@radix-ui/react-dismissable-layer");
+var $aJCrN$radixuireactfocusscope = require("@radix-ui/react-focus-scope");
+var $aJCrN$radixuireactportal = require("@radix-ui/react-portal");
+var $aJCrN$radixuireactpresence = require("@radix-ui/react-presence");
+var $aJCrN$radixuireactprimitive = require("@radix-ui/react-primitive");
+var $aJCrN$radixuireactfocusguards = require("@radix-ui/react-focus-guards");
+var $aJCrN$reactremovescroll = require("react-remove-scroll");
+var $aJCrN$ariahidden = require("aria-hidden");
+var $aJCrN$radixuireactslot = require("@radix-ui/react-slot");
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
+      return;
+    }
+
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
+
+  return dest;
+}
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $f4833395aa1bca1a$exports = {};
+
+$parcel$export($f4833395aa1bca1a$exports, "createDialogScope", () => $f4833395aa1bca1a$export$cc702773b8ea3e41);
+$parcel$export($f4833395aa1bca1a$exports, "Dialog", () => $f4833395aa1bca1a$export$3ddf2d174ce01153);
+$parcel$export($f4833395aa1bca1a$exports, "DialogTrigger", () => $f4833395aa1bca1a$export$2e1e1122cf0cba88);
+$parcel$export($f4833395aa1bca1a$exports, "DialogPortal", () => $f4833395aa1bca1a$export$dad7c95542bacce0);
+$parcel$export($f4833395aa1bca1a$exports, "DialogOverlay", () => $f4833395aa1bca1a$export$bd1d06c79be19e17);
+$parcel$export($f4833395aa1bca1a$exports, "DialogContent", () => $f4833395aa1bca1a$export$b6d9565de1e068cf);
+$parcel$export($f4833395aa1bca1a$exports, "DialogTitle", () => $f4833395aa1bca1a$export$16f7638e4a34b909);
+$parcel$export($f4833395aa1bca1a$exports, "DialogDescription", () => $f4833395aa1bca1a$export$94e94c2ec2c954d5);
+$parcel$export($f4833395aa1bca1a$exports, "DialogClose", () => $f4833395aa1bca1a$export$fba2fb7cd781b7ac);
+$parcel$export($f4833395aa1bca1a$exports, "WarningProvider", () => $f4833395aa1bca1a$export$69b62a49393917d6);
+$parcel$export($f4833395aa1bca1a$exports, "Root", () => $f4833395aa1bca1a$export$be92b6f5f03c0fe9);
+$parcel$export($f4833395aa1bca1a$exports, "Trigger", () => $f4833395aa1bca1a$export$41fb9f06171c75f4);
+$parcel$export($f4833395aa1bca1a$exports, "Portal", () => $f4833395aa1bca1a$export$602eac185826482c);
+$parcel$export($f4833395aa1bca1a$exports, "Overlay", () => $f4833395aa1bca1a$export$c6fdb837b070b4ff);
+$parcel$export($f4833395aa1bca1a$exports, "Content", () => $f4833395aa1bca1a$export$7c6e2c02157bb7d2);
+$parcel$export($f4833395aa1bca1a$exports, "Title", () => $f4833395aa1bca1a$export$f99233281efd08a0);
+$parcel$export($f4833395aa1bca1a$exports, "Description", () => $f4833395aa1bca1a$export$393edc798c47379d);
+$parcel$export($f4833395aa1bca1a$exports, "Close", () => $f4833395aa1bca1a$export$f39c2d165cd861fe);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* -------------------------------------------------------------------------------------------------
+ * Dialog
+ * -----------------------------------------------------------------------------------------------*/ const $f4833395aa1bca1a$var$DIALOG_NAME = 'Dialog';
+const [$f4833395aa1bca1a$var$createDialogContext, $f4833395aa1bca1a$export$cc702773b8ea3e41] = $aJCrN$radixuireactcontext.createContextScope($f4833395aa1bca1a$var$DIALOG_NAME);
+const [$f4833395aa1bca1a$var$DialogProvider, $f4833395aa1bca1a$var$useDialogContext] = $f4833395aa1bca1a$var$createDialogContext($f4833395aa1bca1a$var$DIALOG_NAME);
+const $f4833395aa1bca1a$export$3ddf2d174ce01153 = (props)=>{
+    const { __scopeDialog: __scopeDialog , children: children , open: openProp , defaultOpen: defaultOpen , onOpenChange: onOpenChange , modal: modal = true , allowPinchZoom: allowPinchZoom  } = props;
+    const triggerRef = $aJCrN$react.useRef(null);
+    const contentRef = $aJCrN$react.useRef(null);
+    const [open = false, setOpen] = $aJCrN$radixuireactusecontrollablestate.useControllableState({
+        prop: openProp,
+        defaultProp: defaultOpen,
+        onChange: onOpenChange
+    });
+    return /*#__PURE__*/ $aJCrN$react.createElement($f4833395aa1bca1a$var$DialogProvider, {
+        scope: __scopeDialog,
+        triggerRef: triggerRef,
+        contentRef: contentRef,
+        contentId: $aJCrN$radixuireactid.useId(),
+        titleId: $aJCrN$radixuireactid.useId(),
+        descriptionId: $aJCrN$radixuireactid.useId(),
+        open: open,
+        onOpenChange: setOpen,
+        onOpenToggle: $aJCrN$react.useCallback(()=>setOpen((prevOpen)=>!prevOpen
+            )
+        , [
+            setOpen
+        ]),
+        modal: modal,
+        allowPinchZoom: allowPinchZoom
+    }, children);
+};
+/*#__PURE__*/ Object.assign($f4833395aa1bca1a$export$3ddf2d174ce01153, {
+    displayName: $f4833395aa1bca1a$var$DIALOG_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * DialogTrigger
+ * -----------------------------------------------------------------------------------------------*/ const $f4833395aa1bca1a$var$TRIGGER_NAME = 'DialogTrigger';
+const $f4833395aa1bca1a$export$2e1e1122cf0cba88 = /*#__PURE__*/ $aJCrN$react.forwardRef((props, forwardedRef)=>{
+    const { __scopeDialog: __scopeDialog , ...triggerProps } = props;
+    const context = $f4833395aa1bca1a$var$useDialogContext($f4833395aa1bca1a$var$TRIGGER_NAME, __scopeDialog);
+    const composedTriggerRef = $aJCrN$radixuireactcomposerefs.useComposedRefs(forwardedRef, context.triggerRef);
+    return /*#__PURE__*/ $aJCrN$react.createElement($aJCrN$radixuireactprimitive.Primitive.button, ($parcel$interopDefault($aJCrN$babelruntimehelpersextends))({
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": context.open,
+        "aria-controls": context.contentId,
+        "data-state": $f4833395aa1bca1a$var$getState(context.open)
+    }, triggerProps, {
+        ref: composedTriggerRef,
+        onClick: $aJCrN$radixuiprimitive.composeEventHandlers(props.onClick, context.onOpenToggle)
+    }));
+});
+/*#__PURE__*/ Object.assign($f4833395aa1bca1a$export$2e1e1122cf0cba88, {
+    displayName: $f4833395aa1bca1a$var$TRIGGER_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * DialogPortal
+ * -----------------------------------------------------------------------------------------------*/ const $f4833395aa1bca1a$var$PORTAL_NAME = 'DialogPortal';
+const [$f4833395aa1bca1a$var$PortalProvider, $f4833395aa1bca1a$var$usePortalContext] = $f4833395aa1bca1a$var$createDialogContext($f4833395aa1bca1a$var$PORTAL_NAME, {
+    forceMount: undefined
+});
+const $f4833395aa1bca1a$export$dad7c95542bacce0 = (props)=>{
+    const { __scopeDialog: __scopeDialog , forceMount: forceMount , children: children , container: container  } = props;
+    const context = $f4833395aa1bca1a$var$useDialogContext($f4833395aa1bca1a$var$PORTAL_NAME, __scopeDialog);
+    return /*#__PURE__*/ $aJCrN$react.createElement($f4833395aa1bca1a$var$PortalProvider, {
+        scope: __scopeDialog,
+        forceMount: forceMount
+    }, $aJCrN$react.Children.map(children, (child)=>/*#__PURE__*/ $aJCrN$react.createElement($aJCrN$radixuireactpresence.Presence, {
+            present: forceMount || context.open
+        }, /*#__PURE__*/ $aJCrN$react.createElement($aJCrN$radixuireactportal.UnstablePortal, {
+            asChild: true,
+            container: container
+        }, child))
+    ));
+};
+/*#__PURE__*/ Object.assign($f4833395aa1bca1a$export$dad7c95542bacce0, {
+    displayName: $f4833395aa1bca1a$var$PORTAL_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * DialogOverlay
+ * -----------------------------------------------------------------------------------------------*/ const $f4833395aa1bca1a$var$OVERLAY_NAME = 'DialogOverlay';
+const $f4833395aa1bca1a$export$bd1d06c79be19e17 = /*#__PURE__*/ $aJCrN$react.forwardRef((props, forwardedRef)=>{
+    const portalContext = $f4833395aa1bca1a$var$usePortalContext($f4833395aa1bca1a$var$OVERLAY_NAME, props.__scopeDialog);
+    const { forceMount: forceMount = portalContext.forceMount , ...overlayProps } = props;
+    const context = $f4833395aa1bca1a$var$useDialogContext($f4833395aa1bca1a$var$OVERLAY_NAME, props.__scopeDialog);
+    return context.modal ? /*#__PURE__*/ $aJCrN$react.createElement($aJCrN$radixuireactpresence.Presence, {
+        present: forceMount || context.open
+    }, /*#__PURE__*/ $aJCrN$react.createElement($f4833395aa1bca1a$var$DialogOverlayImpl, ($parcel$interopDefault($aJCrN$babelruntimehelpersextends))({}, overlayProps, {
+        ref: forwardedRef
+    }))) : null;
+});
+/*#__PURE__*/ Object.assign($f4833395aa1bca1a$export$bd1d06c79be19e17, {
+    displayName: $f4833395aa1bca1a$var$OVERLAY_NAME
+});
+const $f4833395aa1bca1a$var$DialogOverlayImpl = /*#__PURE__*/ $aJCrN$react.forwardRef((props, forwardedRef)=>{
+    const { __scopeDialog: __scopeDialog , ...overlayProps } = props;
+    const context = $f4833395aa1bca1a$var$useDialogContext($f4833395aa1bca1a$var$OVERLAY_NAME, __scopeDialog);
+    return(/*#__PURE__*/ // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+    // ie. when `Overlay` and `Content` are siblings
+    $aJCrN$react.createElement($aJCrN$reactremovescroll.RemoveScroll, {
+        as: $aJCrN$radixuireactslot.Slot,
+        allowPinchZoom: context.allowPinchZoom,
+        shards: [
+            context.contentRef
+        ]
+    }, /*#__PURE__*/ $aJCrN$react.createElement($aJCrN$radixuireactprimitive.Primitive.div, ($parcel$interopDefault($aJCrN$babelruntimehelpersextends))({
+        "data-state": $f4833395aa1bca1a$var$getState(context.open)
+    }, overlayProps, {
+        ref: forwardedRef // We re-enable pointer-events prevented by `Dialog.Content` to allow scrolling the overlay.
+        ,
+        style: {
+            pointerEvents: 'auto',
+            ...overlayProps.style
+        }
+    }))));
+});
+/* -------------------------------------------------------------------------------------------------
+ * DialogContent
+ * -----------------------------------------------------------------------------------------------*/ const $f4833395aa1bca1a$var$CONTENT_NAME = 'DialogContent';
+const $f4833395aa1bca1a$export$b6d9565de1e068cf = /*#__PURE__*/ $aJCrN$react.forwardRef((props, forwardedRef)=>{
+    const portalContext = $f4833395aa1bca1a$var$usePortalContext($f4833395aa1bca1a$var$CONTENT_NAME, props.__scopeDialog);
+    const { forceMount: forceMount = portalContext.forceMount , ...contentProps } = props;
+    const context = $f4833395aa1bca1a$var$useDialogContext($f4833395aa1bca1a$var$CONTENT_NAME, props.__scopeDialog);
+    return /*#__PURE__*/ $aJCrN$react.createElement($aJCrN$radixuireactpresence.Presence, {
+        present: forceMount || context.open
+    }, context.modal ? /*#__PURE__*/ $aJCrN$react.createElement($f4833395aa1bca1a$var$DialogContentModal, ($parcel$interopDefault($aJCrN$babelruntimehelpersextends))({}, contentProps, {
+        ref: forwardedRef
+    })) : /*#__PURE__*/ $aJCrN$react.createElement($f4833395aa1bca1a$var$DialogContentNonModal, ($parcel$interopDefault($aJCrN$babelruntimehelpersextends))({}, contentProps, {
+        ref: forwardedRef
+    })));
+});
+/*#__PURE__*/ Object.assign($f4833395aa1bca1a$export$b6d9565de1e068cf, {
+    displayName: $f4833395aa1bca1a$var$CONTENT_NAME
+});
+/* -----------------------------------------------------------------------------------------------*/ const $f4833395aa1bca1a$var$DialogContentModal = /*#__PURE__*/ $aJCrN$react.forwardRef((props, forwardedRef)=>{
+    const context = $f4833395aa1bca1a$var$useDialogContext($f4833395aa1bca1a$var$CONTENT_NAME, props.__scopeDialog);
+    const contentRef = $aJCrN$react.useRef(null);
+    const composedRefs = $aJCrN$radixuireactcomposerefs.useComposedRefs(forwardedRef, context.contentRef, contentRef); // aria-hide everything except the content (better supported equivalent to setting aria-modal)
+    $aJCrN$react.useEffect(()=>{
+        const content = contentRef.current;
+        if (content) return $aJCrN$ariahidden.hideOthers(content);
+    }, []);
+    return /*#__PURE__*/ $aJCrN$react.createElement($f4833395aa1bca1a$var$DialogContentImpl, ($parcel$interopDefault($aJCrN$babelruntimehelpersextends))({}, props, {
+        ref: composedRefs // we make sure focus isn't trapped once `DialogContent` has been closed
+        ,
+        trapFocus: context.open,
+        disableOutsidePointerEvents: true,
+        onCloseAutoFocus: $aJCrN$radixuiprimitive.composeEventHandlers(props.onCloseAutoFocus, (event)=>{
+            var _context$triggerRef$c;
+            event.preventDefault();
+            (_context$triggerRef$c = context.triggerRef.current) === null || _context$triggerRef$c === void 0 || _context$triggerRef$c.focus();
+        }),
+        onPointerDownOutside: $aJCrN$radixuiprimitive.composeEventHandlers(props.onPointerDownOutside, (event)=>{
+            const originalEvent = event.detail.originalEvent;
+            const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
+            const isRightClick = originalEvent.button === 2 || ctrlLeftClick; // If the event is a right-click, we shouldn't close because
+            // it is effectively as if we right-clicked the `Overlay`.
+            if (isRightClick) event.preventDefault();
+        }) // When focus is trapped, a `focusout` event may still happen.
+        ,
+        onFocusOutside: $aJCrN$radixuiprimitive.composeEventHandlers(props.onFocusOutside, (event)=>event.preventDefault()
+        )
+    }));
+});
+/* -----------------------------------------------------------------------------------------------*/ const $f4833395aa1bca1a$var$DialogContentNonModal = /*#__PURE__*/ $aJCrN$react.forwardRef((props, forwardedRef)=>{
+    const context = $f4833395aa1bca1a$var$useDialogContext($f4833395aa1bca1a$var$CONTENT_NAME, props.__scopeDialog);
+    const hasInteractedOutsideRef = $aJCrN$react.useRef(false);
+    return /*#__PURE__*/ $aJCrN$react.createElement($f4833395aa1bca1a$var$DialogContentImpl, ($parcel$interopDefault($aJCrN$babelruntimehelpersextends))({}, props, {
+        ref: forwardedRef,
+        trapFocus: false,
+        disableOutsidePointerEvents: false,
+        onCloseAutoFocus: (event)=>{
+            var _props$onCloseAutoFoc;
+            (_props$onCloseAutoFoc = props.onCloseAutoFocus) === null || _props$onCloseAutoFoc === void 0 || _props$onCloseAutoFoc.call(props, event);
+            if (!event.defaultPrevented) {
+                var _context$triggerRef$c2;
+                if (!hasInteractedOutsideRef.current) (_context$triggerRef$c2 = context.triggerRef.current) === null || _context$triggerRef$c2 === void 0 || _context$triggerRef$c2.focus(); // Always prevent auto focus because we either focus manually or want user agent focus
+                event.preventDefault();
+            }
+            hasInteractedOutsideRef.current = false;
+        },
+        onInteractOutside: (event)=>{
+            var _props$onInteractOuts, _context$triggerRef$c3;
+            (_props$onInteractOuts = props.onInteractOutside) === null || _props$onInteractOuts === void 0 || _props$onInteractOuts.call(props, event);
+            if (!event.defaultPrevented) hasInteractedOutsideRef.current = true; // Prevent dismissing when clicking the trigger.
+            // As the trigger is already setup to close, without doing so would
+            // cause it to close and immediately open.
+            //
+            // We use `onInteractOutside` as some browsers also
+            // focus on pointer down, creating the same issue.
+            const target = event.target;
+            const targetIsTrigger = (_context$triggerRef$c3 = context.triggerRef.current) === null || _context$triggerRef$c3 === void 0 ? void 0 : _context$triggerRef$c3.contains(target);
+            if (targetIsTrigger) event.preventDefault();
+        }
+    }));
+});
+/* -----------------------------------------------------------------------------------------------*/ const $f4833395aa1bca1a$var$DialogContentImpl = /*#__PURE__*/ $aJCrN$react.forwardRef((props, forwardedRef)=>{
+    const { __scopeDialog: __scopeDialog , trapFocus: trapFocus , onOpenAutoFocus: onOpenAutoFocus , onCloseAutoFocus: onCloseAutoFocus , ...contentProps } = props;
+    const context = $f4833395aa1bca1a$var$useDialogContext($f4833395aa1bca1a$var$CONTENT_NAME, __scopeDialog);
+    const contentRef = $aJCrN$react.useRef(null);
+    const composedRefs = $aJCrN$radixuireactcomposerefs.useComposedRefs(forwardedRef, contentRef); // Make sure the whole tree has focus guards as our `Dialog` will be
+    // the last element in the DOM (beacuse of the `Portal`)
+    $aJCrN$radixuireactfocusguards.useFocusGuards();
+    return /*#__PURE__*/ $aJCrN$react.createElement($aJCrN$react.Fragment, null, /*#__PURE__*/ $aJCrN$react.createElement($aJCrN$radixuireactfocusscope.FocusScope, {
+        asChild: true,
+        loop: true,
+        trapped: trapFocus,
+        onMountAutoFocus: onOpenAutoFocus,
+        onUnmountAutoFocus: onCloseAutoFocus
+    }, /*#__PURE__*/ $aJCrN$react.createElement($aJCrN$radixuireactdismissablelayer.DismissableLayer, ($parcel$interopDefault($aJCrN$babelruntimehelpersextends))({
+        role: "dialog",
+        id: context.contentId,
+        "aria-describedby": context.descriptionId,
+        "aria-labelledby": context.titleId,
+        "data-state": $f4833395aa1bca1a$var$getState(context.open)
+    }, contentProps, {
+        ref: composedRefs,
+        onDismiss: ()=>context.onOpenChange(false)
+    }))), false);
+});
+/* -------------------------------------------------------------------------------------------------
+ * DialogTitle
+ * -----------------------------------------------------------------------------------------------*/ const $f4833395aa1bca1a$var$TITLE_NAME = 'DialogTitle';
+const $f4833395aa1bca1a$export$16f7638e4a34b909 = /*#__PURE__*/ $aJCrN$react.forwardRef((props, forwardedRef)=>{
+    const { __scopeDialog: __scopeDialog , ...titleProps } = props;
+    const context = $f4833395aa1bca1a$var$useDialogContext($f4833395aa1bca1a$var$TITLE_NAME, __scopeDialog);
+    return /*#__PURE__*/ $aJCrN$react.createElement($aJCrN$radixuireactprimitive.Primitive.h2, ($parcel$interopDefault($aJCrN$babelruntimehelpersextends))({
+        id: context.titleId
+    }, titleProps, {
+        ref: forwardedRef
+    }));
+});
+/*#__PURE__*/ Object.assign($f4833395aa1bca1a$export$16f7638e4a34b909, {
+    displayName: $f4833395aa1bca1a$var$TITLE_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * DialogDescription
+ * -----------------------------------------------------------------------------------------------*/ const $f4833395aa1bca1a$var$DESCRIPTION_NAME = 'DialogDescription';
+const $f4833395aa1bca1a$export$94e94c2ec2c954d5 = /*#__PURE__*/ $aJCrN$react.forwardRef((props, forwardedRef)=>{
+    const { __scopeDialog: __scopeDialog , ...descriptionProps } = props;
+    const context = $f4833395aa1bca1a$var$useDialogContext($f4833395aa1bca1a$var$DESCRIPTION_NAME, __scopeDialog);
+    return /*#__PURE__*/ $aJCrN$react.createElement($aJCrN$radixuireactprimitive.Primitive.p, ($parcel$interopDefault($aJCrN$babelruntimehelpersextends))({
+        id: context.descriptionId
+    }, descriptionProps, {
+        ref: forwardedRef
+    }));
+});
+/*#__PURE__*/ Object.assign($f4833395aa1bca1a$export$94e94c2ec2c954d5, {
+    displayName: $f4833395aa1bca1a$var$DESCRIPTION_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * DialogClose
+ * -----------------------------------------------------------------------------------------------*/ const $f4833395aa1bca1a$var$CLOSE_NAME = 'DialogClose';
+const $f4833395aa1bca1a$export$fba2fb7cd781b7ac = /*#__PURE__*/ $aJCrN$react.forwardRef((props, forwardedRef)=>{
+    const { __scopeDialog: __scopeDialog , ...closeProps } = props;
+    const context = $f4833395aa1bca1a$var$useDialogContext($f4833395aa1bca1a$var$CLOSE_NAME, __scopeDialog);
+    return /*#__PURE__*/ $aJCrN$react.createElement($aJCrN$radixuireactprimitive.Primitive.button, ($parcel$interopDefault($aJCrN$babelruntimehelpersextends))({
+        type: "button"
+    }, closeProps, {
+        ref: forwardedRef,
+        onClick: $aJCrN$radixuiprimitive.composeEventHandlers(props.onClick, ()=>context.onOpenChange(false)
+        )
+    }));
+});
+/*#__PURE__*/ Object.assign($f4833395aa1bca1a$export$fba2fb7cd781b7ac, {
+    displayName: $f4833395aa1bca1a$var$CLOSE_NAME
+});
+/* -----------------------------------------------------------------------------------------------*/ function $f4833395aa1bca1a$var$getState(open) {
+    return open ? 'open' : 'closed';
+}
+const $f4833395aa1bca1a$var$TITLE_WARNING_NAME = 'DialogTitleWarning';
+const [$f4833395aa1bca1a$export$69b62a49393917d6, $f4833395aa1bca1a$var$useWarningContext] = $aJCrN$radixuireactcontext.createContext($f4833395aa1bca1a$var$TITLE_WARNING_NAME, {
+    contentName: $f4833395aa1bca1a$var$CONTENT_NAME,
+    titleName: $f4833395aa1bca1a$var$TITLE_NAME,
+    docsSlug: 'dialog'
+});
+const $f4833395aa1bca1a$var$TitleWarning = ({ titleId: titleId  })=>{
+    const titleWarningContext = $f4833395aa1bca1a$var$useWarningContext($f4833395aa1bca1a$var$TITLE_WARNING_NAME);
+    const MESSAGE = `\`${titleWarningContext.contentName}\` requires a \`${titleWarningContext.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`;
+    $aJCrN$react.useEffect(()=>{
+        if (titleId) {
+            const hasTitle = document.getElementById(titleId);
+            if (!hasTitle) throw new Error(MESSAGE);
+        }
+    }, [
+        MESSAGE,
+        titleId
+    ]);
+    return null;
+};
+const $f4833395aa1bca1a$var$DESCRIPTION_WARNING_NAME = 'DialogDescriptionWarning';
+const $f4833395aa1bca1a$var$DescriptionWarning = ({ contentRef: contentRef , descriptionId: descriptionId  })=>{
+    const descriptionWarningContext = $f4833395aa1bca1a$var$useWarningContext($f4833395aa1bca1a$var$DESCRIPTION_WARNING_NAME);
+    const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${descriptionWarningContext.contentName}}.`;
+    $aJCrN$react.useEffect(()=>{
+        var _contentRef$current;
+        const describedById = (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 ? void 0 : _contentRef$current.getAttribute('aria-describedby'); // if we have an id and the user hasn't set aria-describedby={undefined}
+        if (descriptionId && describedById) {
+            const hasDescription = document.getElementById(descriptionId);
+            if (!hasDescription) console.warn(MESSAGE);
+        }
+    }, [
+        MESSAGE,
+        contentRef,
+        descriptionId
+    ]);
+    return null;
+};
+const $f4833395aa1bca1a$export$be92b6f5f03c0fe9 = $f4833395aa1bca1a$export$3ddf2d174ce01153;
+const $f4833395aa1bca1a$export$41fb9f06171c75f4 = $f4833395aa1bca1a$export$2e1e1122cf0cba88;
+const $f4833395aa1bca1a$export$602eac185826482c = $f4833395aa1bca1a$export$dad7c95542bacce0;
+const $f4833395aa1bca1a$export$c6fdb837b070b4ff = $f4833395aa1bca1a$export$bd1d06c79be19e17;
+const $f4833395aa1bca1a$export$7c6e2c02157bb7d2 = $f4833395aa1bca1a$export$b6d9565de1e068cf;
+const $f4833395aa1bca1a$export$f99233281efd08a0 = $f4833395aa1bca1a$export$16f7638e4a34b909;
+const $f4833395aa1bca1a$export$393edc798c47379d = $f4833395aa1bca1a$export$94e94c2ec2c954d5;
+const $f4833395aa1bca1a$export$f39c2d165cd861fe = $f4833395aa1bca1a$export$fba2fb7cd781b7ac;
+
+
+$parcel$exportWildcard(module.exports, $f4833395aa1bca1a$exports);
+
+
 //# 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, createContextScope } 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 { UnstablePortal } 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';\nimport { Slot } from '@radix-ui/react-slot';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * Dialog\n * -----------------------------------------------------------------------------------------------*/\n\nconst DIALOG_NAME = 'Dialog';\n\ntype ScopedProps<P> = P & { __scopeDialog?: Scope };\nconst [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);\n\ntype DialogContextValue = {\n  triggerRef: React.RefObject<HTMLButtonElement>;\n  contentRef: React.RefObject<DialogContentElement>;\n  contentId: string;\n  titleId: string;\n  descriptionId: string;\n  open: boolean;\n  onOpenChange(open: boolean): void;\n  onOpenToggle(): void;\n  modal: boolean;\n  allowPinchZoom: DialogProps['allowPinchZoom'];\n};\n\nconst [DialogProvider, useDialogContext] = createDialogContext<DialogContextValue>(DIALOG_NAME);\n\ntype RemoveScrollProps = React.ComponentProps<typeof RemoveScroll>;\ninterface DialogProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?(open: boolean): void;\n  modal?: boolean;\n  /**\n   * @see https://github.com/theKashey/react-remove-scroll#usage\n   */\n  allowPinchZoom?: RemoveScrollProps['allowPinchZoom'];\n  children?: React.ReactNode;\n}\n\nconst Dialog: React.FC<DialogProps> = (props: ScopedProps<DialogProps>) => {\n  const {\n    __scopeDialog,\n    children,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    modal = true,\n    allowPinchZoom,\n  } = props;\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const contentRef = React.useRef<DialogContentElement>(null);\n  const [open = false, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  return (\n    <DialogProvider\n      scope={__scopeDialog}\n      triggerRef={triggerRef}\n      contentRef={contentRef}\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      allowPinchZoom={allowPinchZoom}\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: ScopedProps<DialogTriggerProps>, forwardedRef) => {\n    const { __scopeDialog, ...triggerProps } = props;\n    const context = useDialogContext(TRIGGER_NAME, __scopeDialog);\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        {...triggerProps}\n        ref={composedTriggerRef}\n        onClick={composeEventHandlers(props.onClick, context.onOpenToggle)}\n      />\n    );\n  }\n);\n\nDialogTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogPortal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'DialogPortal';\n\ntype PortalContextValue = { forceMount?: true };\nconst [PortalProvider, usePortalContext] = createDialogContext<PortalContextValue>(PORTAL_NAME, {\n  forceMount: undefined,\n});\n\ntype PortalProps = React.ComponentPropsWithoutRef<typeof UnstablePortal>;\ninterface DialogPortalProps extends Omit<PortalProps, 'asChild'> {\n  children?: React.ReactNode;\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 DialogPortal: React.FC<DialogPortalProps> = (props: ScopedProps<DialogPortalProps>) => {\n  const { __scopeDialog, forceMount, children, container } = props;\n  const context = useDialogContext(PORTAL_NAME, __scopeDialog);\n  return (\n    <PortalProvider scope={__scopeDialog} forceMount={forceMount}>\n      {React.Children.map(children, (child) => (\n        <Presence present={forceMount || context.open}>\n          <UnstablePortal asChild container={container}>\n            {child}\n          </UnstablePortal>\n        </Presence>\n      ))}\n    </PortalProvider>\n  );\n};\n\nDialogPortal.displayName = PORTAL_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: ScopedProps<DialogOverlayProps>, forwardedRef) => {\n    const portalContext = usePortalContext(OVERLAY_NAME, props.__scopeDialog);\n    const { forceMount = portalContext.forceMount, ...overlayProps } = props;\n    const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);\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: ScopedProps<DialogOverlayImplProps>, forwardedRef) => {\n    const { __scopeDialog, ...overlayProps } = props;\n    const context = useDialogContext(OVERLAY_NAME, __scopeDialog);\n    return (\n      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`\n      // ie. when `Overlay` and `Content` are siblings\n      <RemoveScroll as={Slot} allowPinchZoom={context.allowPinchZoom} shards={[context.contentRef]}>\n        <Primitive.div\n          data-state={getState(context.open)}\n          {...overlayProps}\n          ref={forwardedRef}\n          // We re-enable pointer-events prevented by `Dialog.Content` to allow scrolling the overlay.\n          style={{ pointerEvents: 'auto', ...overlayProps.style }}\n        />\n      </RemoveScroll>\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: ScopedProps<DialogContentProps>, forwardedRef) => {\n    const portalContext = usePortalContext(CONTENT_NAME, props.__scopeDialog);\n    const { forceMount = portalContext.forceMount, ...contentProps } = props;\n    const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);\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: ScopedProps<DialogContentTypeProps>, forwardedRef) => {\n    const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);\n    const contentRef = React.useRef<HTMLDivElement>(null);\n    const composedRefs = useComposedRefs(forwardedRef, context.contentRef, 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      <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    );\n  }\n);\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst DialogContentNonModal = React.forwardRef<DialogContentTypeElement, DialogContentTypeProps>(\n  (props: ScopedProps<DialogContentTypeProps>, forwardedRef) => {\n    const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);\n    const hasInteractedOutsideRef = React.useRef(false);\n\n    return (\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    );\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: ScopedProps<DialogContentImplProps>, forwardedRef) => {\n    const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props;\n    const context = useDialogContext(CONTENT_NAME, __scopeDialog);\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={context.descriptionId}\n            aria-labelledby={context.titleId}\n            data-state={getState(context.open)}\n            {...contentProps}\n            ref={composedRefs}\n            onDismiss={() => context.onOpenChange(false)}\n          />\n        </FocusScope>\n        {process.env.NODE_ENV !== 'production' && (\n          <>\n            <TitleWarning titleId={context.titleId} />\n            <DescriptionWarning contentRef={contentRef} descriptionId={context.descriptionId} />\n          </>\n        )}\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: ScopedProps<DialogTitleProps>, forwardedRef) => {\n    const { __scopeDialog, ...titleProps } = props;\n    const context = useDialogContext(TITLE_NAME, __scopeDialog);\n    return <Primitive.h2 id={context.titleId} {...titleProps} 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: ScopedProps<DialogDescriptionProps>, forwardedRef) => {\n    const { __scopeDialog, ...descriptionProps } = props;\n    const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);\n    return <Primitive.p id={context.descriptionId} {...descriptionProps} 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: ScopedProps<DialogCloseProps>, forwardedRef) => {\n    const { __scopeDialog, ...closeProps } = props;\n    const context = useDialogContext(CLOSE_NAME, __scopeDialog);\n    return (\n      <Primitive.button\n        type=\"button\"\n        {...closeProps}\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 TITLE_WARNING_NAME = 'DialogTitleWarning';\n\nconst [WarningProvider, useWarningContext] = createContext(TITLE_WARNING_NAME, {\n  contentName: CONTENT_NAME,\n  titleName: TITLE_NAME,\n  docsSlug: 'dialog',\n});\n\ntype TitleWarningProps = { titleId?: string };\n\nconst TitleWarning: React.FC<TitleWarningProps> = ({ titleId }) => {\n  const titleWarningContext = useWarningContext(TITLE_WARNING_NAME);\n\n  const MESSAGE = `\\`${titleWarningContext.contentName}\\` requires a \\`${titleWarningContext.titleName}\\` for the component to be accessible for screen reader users.\n\nIf you want to hide the \\`${titleWarningContext.titleName}\\`, you can wrap it with our VisuallyHidden component.\n\nFor more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`;\n\n  React.useEffect(() => {\n    if (titleId) {\n      const hasTitle = document.getElementById(titleId);\n      if (!hasTitle) throw new Error(MESSAGE);\n    }\n  }, [MESSAGE, titleId]);\n\n  return null;\n};\n\nconst DESCRIPTION_WARNING_NAME = 'DialogDescriptionWarning';\n\ntype DescriptionWarningProps = {\n  contentRef: React.RefObject<DialogContentElement>;\n  descriptionId?: string;\n};\n\nconst DescriptionWarning: React.FC<DescriptionWarningProps> = ({ contentRef, descriptionId }) => {\n  const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);\n  const MESSAGE = `Warning: Missing \\`Description\\` or \\`aria-describedby={undefined}\\` for {${descriptionWarningContext.contentName}}.`;\n\n  React.useEffect(() => {\n    const describedById = contentRef.current?.getAttribute('aria-describedby');\n    // if we have an id and the user hasn't set aria-describedby={undefined}\n    if (descriptionId && describedById) {\n      const hasDescription = document.getElementById(descriptionId);\n      if (!hasDescription) console.warn(MESSAGE);\n    }\n  }, [MESSAGE, contentRef, descriptionId]);\n\n  return null;\n};\n\nconst Root = Dialog;\nconst Trigger = DialogTrigger;\nconst Portal = DialogPortal;\nconst Overlay = DialogOverlay;\nconst Content = DialogContent;\nconst Title = DialogTitle;\nconst Description = DialogDescription;\nconst Close = DialogClose;\n\nexport {\n  createDialogScope,\n  //\n  Dialog,\n  DialogTrigger,\n  DialogPortal,\n  DialogOverlay,\n  DialogContent,\n  DialogTitle,\n  DialogDescription,\n  DialogClose,\n  //\n  Root,\n  Trigger,\n  Portal,\n  Overlay,\n  Content,\n  Title,\n  Description,\n  Close,\n  //\n  WarningProvider,\n};\nexport type {\n  DialogProps,\n  DialogTriggerProps,\n  DialogPortalProps,\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","createDialogContext","createDialogScope","createContextScope","DialogProvider","useDialogContext","Dialog","props","__scopeDialog","children","open","openProp","defaultOpen","onOpenChange","modal","allowPinchZoom","triggerRef","React","useRef","contentRef","setOpen","useControllableState","prop","defaultProp","onChange","_react","createElement","$b0496301423b3238f89fb15bee25ad02$var$DialogProvider","scope","contentId","useId","titleId","descriptionId","onOpenToggle","useCallback","prevOpen","DialogTrigger","forwardRef","forwardedRef","triggerProps","context","composedTriggerRef","useComposedRefs","Primitive","button","_babelRuntimeHelpersExtends","type","getState","ref","onClick","composeEventHandlers","PortalProvider","usePortalContext","forceMount","undefined","DialogPortal","container","$b0496301423b3238f89fb15bee25ad02$var$PortalProvider","Children","map","child","Presence","present","UnstablePortal","asChild","DialogOverlay","portalContext","overlayProps","$b0496301423b3238f89fb15bee25ad02$var$DialogOverlayImpl","DialogOverlayImpl","RemoveScroll","as","Slot","shards","div","style","pointerEvents","DialogContent","contentProps","$b0496301423b3238f89fb15bee25ad02$var$DialogContentModal","$b0496301423b3238f89fb15bee25ad02$var$DialogContentNonModal","DialogContentModal","composedRefs","useEffect","content","current","hideOthers","$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","onOpenAutoFocus","useFocusGuards","Fragment","FocusScope","loop","trapped","onMountAutoFocus","onUnmountAutoFocus","DismissableLayer","role","id","onDismiss","DialogTitle","titleProps","h2","DialogDescription","descriptionProps","p","DialogClose","closeProps","WarningProvider","useWarningContext","createContext","contentName","titleName","docsSlug","Root","Trigger","Portal","Overlay","Content","Title","Description","Close"],"version":3,"file":"index.js.map"}
+{"mappings":"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","sources":["packages/react/dialog/src/index.ts","packages/react/dialog/src/Dialog.tsx"],"sourcesContent":["export * from './Dialog';\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContext, createContextScope } 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 { UnstablePortal } 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';\nimport { Slot } from '@radix-ui/react-slot';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * Dialog\n * -----------------------------------------------------------------------------------------------*/\n\nconst DIALOG_NAME = 'Dialog';\n\ntype ScopedProps<P> = P & { __scopeDialog?: Scope };\nconst [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);\n\ntype DialogContextValue = {\n  triggerRef: React.RefObject<HTMLButtonElement>;\n  contentRef: React.RefObject<DialogContentElement>;\n  contentId: string;\n  titleId: string;\n  descriptionId: string;\n  open: boolean;\n  onOpenChange(open: boolean): void;\n  onOpenToggle(): void;\n  modal: boolean;\n  allowPinchZoom: DialogProps['allowPinchZoom'];\n};\n\nconst [DialogProvider, useDialogContext] = createDialogContext<DialogContextValue>(DIALOG_NAME);\n\ntype RemoveScrollProps = React.ComponentProps<typeof RemoveScroll>;\ninterface DialogProps {\n  children?: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?(open: boolean): void;\n  modal?: boolean;\n  /**\n   * @see https://github.com/theKashey/react-remove-scroll#usage\n   */\n  allowPinchZoom?: RemoveScrollProps['allowPinchZoom'];\n}\n\nconst Dialog: React.FC<DialogProps> = (props: ScopedProps<DialogProps>) => {\n  const {\n    __scopeDialog,\n    children,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    modal = true,\n    allowPinchZoom,\n  } = props;\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const contentRef = React.useRef<DialogContentElement>(null);\n  const [open = false, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  return (\n    <DialogProvider\n      scope={__scopeDialog}\n      triggerRef={triggerRef}\n      contentRef={contentRef}\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      allowPinchZoom={allowPinchZoom}\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: ScopedProps<DialogTriggerProps>, forwardedRef) => {\n    const { __scopeDialog, ...triggerProps } = props;\n    const context = useDialogContext(TRIGGER_NAME, __scopeDialog);\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        {...triggerProps}\n        ref={composedTriggerRef}\n        onClick={composeEventHandlers(props.onClick, context.onOpenToggle)}\n      />\n    );\n  }\n);\n\nDialogTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogPortal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'DialogPortal';\n\ntype PortalContextValue = { forceMount?: true };\nconst [PortalProvider, usePortalContext] = createDialogContext<PortalContextValue>(PORTAL_NAME, {\n  forceMount: undefined,\n});\n\ntype PortalProps = React.ComponentPropsWithoutRef<typeof UnstablePortal>;\ninterface DialogPortalProps extends Omit<PortalProps, 'asChild'> {\n  children?: React.ReactNode;\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 DialogPortal: React.FC<DialogPortalProps> = (props: ScopedProps<DialogPortalProps>) => {\n  const { __scopeDialog, forceMount, children, container } = props;\n  const context = useDialogContext(PORTAL_NAME, __scopeDialog);\n  return (\n    <PortalProvider scope={__scopeDialog} forceMount={forceMount}>\n      {React.Children.map(children, (child) => (\n        <Presence present={forceMount || context.open}>\n          <UnstablePortal asChild container={container}>\n            {child}\n          </UnstablePortal>\n        </Presence>\n      ))}\n    </PortalProvider>\n  );\n};\n\nDialogPortal.displayName = PORTAL_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: ScopedProps<DialogOverlayProps>, forwardedRef) => {\n    const portalContext = usePortalContext(OVERLAY_NAME, props.__scopeDialog);\n    const { forceMount = portalContext.forceMount, ...overlayProps } = props;\n    const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);\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: ScopedProps<DialogOverlayImplProps>, forwardedRef) => {\n    const { __scopeDialog, ...overlayProps } = props;\n    const context = useDialogContext(OVERLAY_NAME, __scopeDialog);\n    return (\n      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`\n      // ie. when `Overlay` and `Content` are siblings\n      <RemoveScroll as={Slot} allowPinchZoom={context.allowPinchZoom} shards={[context.contentRef]}>\n        <Primitive.div\n          data-state={getState(context.open)}\n          {...overlayProps}\n          ref={forwardedRef}\n          // We re-enable pointer-events prevented by `Dialog.Content` to allow scrolling the overlay.\n          style={{ pointerEvents: 'auto', ...overlayProps.style }}\n        />\n      </RemoveScroll>\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: ScopedProps<DialogContentProps>, forwardedRef) => {\n    const portalContext = usePortalContext(CONTENT_NAME, props.__scopeDialog);\n    const { forceMount = portalContext.forceMount, ...contentProps } = props;\n    const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);\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: ScopedProps<DialogContentTypeProps>, forwardedRef) => {\n    const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);\n    const contentRef = React.useRef<HTMLDivElement>(null);\n    const composedRefs = useComposedRefs(forwardedRef, context.contentRef, 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      <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    );\n  }\n);\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst DialogContentNonModal = React.forwardRef<DialogContentTypeElement, DialogContentTypeProps>(\n  (props: ScopedProps<DialogContentTypeProps>, forwardedRef) => {\n    const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);\n    const hasInteractedOutsideRef = React.useRef(false);\n\n    return (\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    );\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: ScopedProps<DialogContentImplProps>, forwardedRef) => {\n    const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props;\n    const context = useDialogContext(CONTENT_NAME, __scopeDialog);\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={context.descriptionId}\n            aria-labelledby={context.titleId}\n            data-state={getState(context.open)}\n            {...contentProps}\n            ref={composedRefs}\n            onDismiss={() => context.onOpenChange(false)}\n          />\n        </FocusScope>\n        {process.env.NODE_ENV !== 'production' && (\n          <>\n            <TitleWarning titleId={context.titleId} />\n            <DescriptionWarning contentRef={contentRef} descriptionId={context.descriptionId} />\n          </>\n        )}\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: ScopedProps<DialogTitleProps>, forwardedRef) => {\n    const { __scopeDialog, ...titleProps } = props;\n    const context = useDialogContext(TITLE_NAME, __scopeDialog);\n    return <Primitive.h2 id={context.titleId} {...titleProps} 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: ScopedProps<DialogDescriptionProps>, forwardedRef) => {\n    const { __scopeDialog, ...descriptionProps } = props;\n    const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);\n    return <Primitive.p id={context.descriptionId} {...descriptionProps} 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: ScopedProps<DialogCloseProps>, forwardedRef) => {\n    const { __scopeDialog, ...closeProps } = props;\n    const context = useDialogContext(CLOSE_NAME, __scopeDialog);\n    return (\n      <Primitive.button\n        type=\"button\"\n        {...closeProps}\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 TITLE_WARNING_NAME = 'DialogTitleWarning';\n\nconst [WarningProvider, useWarningContext] = createContext(TITLE_WARNING_NAME, {\n  contentName: CONTENT_NAME,\n  titleName: TITLE_NAME,\n  docsSlug: 'dialog',\n});\n\ntype TitleWarningProps = { titleId?: string };\n\nconst TitleWarning: React.FC<TitleWarningProps> = ({ titleId }) => {\n  const titleWarningContext = useWarningContext(TITLE_WARNING_NAME);\n\n  const MESSAGE = `\\`${titleWarningContext.contentName}\\` requires a \\`${titleWarningContext.titleName}\\` for the component to be accessible for screen reader users.\n\nIf you want to hide the \\`${titleWarningContext.titleName}\\`, you can wrap it with our VisuallyHidden component.\n\nFor more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`;\n\n  React.useEffect(() => {\n    if (titleId) {\n      const hasTitle = document.getElementById(titleId);\n      if (!hasTitle) throw new Error(MESSAGE);\n    }\n  }, [MESSAGE, titleId]);\n\n  return null;\n};\n\nconst DESCRIPTION_WARNING_NAME = 'DialogDescriptionWarning';\n\ntype DescriptionWarningProps = {\n  contentRef: React.RefObject<DialogContentElement>;\n  descriptionId?: string;\n};\n\nconst DescriptionWarning: React.FC<DescriptionWarningProps> = ({ contentRef, descriptionId }) => {\n  const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);\n  const MESSAGE = `Warning: Missing \\`Description\\` or \\`aria-describedby={undefined}\\` for {${descriptionWarningContext.contentName}}.`;\n\n  React.useEffect(() => {\n    const describedById = contentRef.current?.getAttribute('aria-describedby');\n    // if we have an id and the user hasn't set aria-describedby={undefined}\n    if (descriptionId && describedById) {\n      const hasDescription = document.getElementById(descriptionId);\n      if (!hasDescription) console.warn(MESSAGE);\n    }\n  }, [MESSAGE, contentRef, descriptionId]);\n\n  return null;\n};\n\nconst Root = Dialog;\nconst Trigger = DialogTrigger;\nconst Portal = DialogPortal;\nconst Overlay = DialogOverlay;\nconst Content = DialogContent;\nconst Title = DialogTitle;\nconst Description = DialogDescription;\nconst Close = DialogClose;\n\nexport {\n  createDialogScope,\n  //\n  Dialog,\n  DialogTrigger,\n  DialogPortal,\n  DialogOverlay,\n  DialogContent,\n  DialogTitle,\n  DialogDescription,\n  DialogClose,\n  //\n  Root,\n  Trigger,\n  Portal,\n  Overlay,\n  Content,\n  Title,\n  Description,\n  Close,\n  //\n  WarningProvider,\n};\nexport type {\n  DialogProps,\n  DialogTriggerProps,\n  DialogPortalProps,\n  DialogOverlayProps,\n  DialogContentProps,\n  DialogTitleProps,\n  DialogDescriptionProps,\n  DialogCloseProps,\n};\n"],"names":["React","composeEventHandlers","useComposedRefs","createContext","createContextScope","useId","useControllableState","DismissableLayer","FocusScope","UnstablePortal","Presence","Primitive","useFocusGuards","RemoveScroll","hideOthers","Slot","DIALOG_NAME","createDialogContext","createDialogScope","DialogProvider","useDialogContext","Dialog","props","__scopeDialog","children","open","openProp","defaultOpen","onOpenChange","modal","allowPinchZoom","triggerRef","useRef","contentRef","setOpen","prop","defaultProp","onChange","useCallback","prevOpen","TRIGGER_NAME","DialogTrigger","forwardRef","forwardedRef","triggerProps","context","composedTriggerRef","contentId","getState","onClick","onOpenToggle","PORTAL_NAME","PortalProvider","usePortalContext","forceMount","undefined","DialogPortal","container","Children","map","child","OVERLAY_NAME","DialogOverlay","portalContext","overlayProps","DialogOverlayImpl","pointerEvents","style","CONTENT_NAME","DialogContent","contentProps","DialogContentModal","composedRefs","useEffect","content","current","onCloseAutoFocus","event","preventDefault","focus","onPointerDownOutside","originalEvent","detail","ctrlLeftClick","button","ctrlKey","isRightClick","onFocusOutside","DialogContentNonModal","hasInteractedOutsideRef","defaultPrevented","onInteractOutside","target","targetIsTrigger","contains","DialogContentImpl","trapFocus","onOpenAutoFocus","descriptionId","titleId","process","env","NODE_ENV","TITLE_NAME","DialogTitle","titleProps","DESCRIPTION_NAME","DialogDescription","descriptionProps","CLOSE_NAME","DialogClose","closeProps","TITLE_WARNING_NAME","WarningProvider","useWarningContext","contentName","titleName","docsSlug","TitleWarning","titleWarningContext","MESSAGE","hasTitle","document","getElementById","Error","DESCRIPTION_WARNING_NAME","DescriptionWarning","descriptionWarningContext","describedById","getAttribute","hasDescription","console","warn","Root","Trigger","Portal","Overlay","Content","Title","Description","Close"],"version":3,"file":"index.js.map"}

package/dist/index.module.js

@@ -1,2 +1,383 @@
-import{Slot as e}from"@radix-ui/react-slot";import{hideOthers as o}from"aria-hidden";import{RemoveScroll as t}from"react-remove-scroll";import{useFocusGuards as r}from"@radix-ui/react-focus-guards";import{Primitive as n}from"@radix-ui/react-primitive";import{Presence as a}from"@radix-ui/react-presence";import{UnstablePortal 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 u}from"@radix-ui/react-id";import{createContext as p,createContextScope as d}from"@radix-ui/react-context";import{useComposedRefs as f}from"@radix-ui/react-compose-refs";import{composeEventHandlers as g}from"@radix-ui/primitive";import*as m from"react";import D from"@babel/runtime/helpers/esm/extends";const[x,v]=d("Dialog");export{v as createDialogScope};const[C,_]=x("Dialog");export const Dialog=e=>{const{__scopeDialog:o,children:t,open:r,defaultOpen:n,onOpenChange:a,modal:i=!0,allowPinchZoom:l}=e,c=m.useRef(null),p=m.useRef(null),[d=!1,f]=s({prop:r,defaultProp:n,onChange:a});/*#__PURE__*/return m.createElement(C,{scope:o,triggerRef:c,contentRef:p,contentId:u(),titleId:u(),descriptionId:u(),open:d,onOpenChange:f,onOpenToggle:m.useCallback((()=>f((e=>!e))),[f]),modal:i,allowPinchZoom:l},t)};/*#__PURE__*/export const DialogTrigger=/*#__PURE__*/m.forwardRef(((e,o)=>{const{__scopeDialog:t,...r}=e,a=_("DialogTrigger",t),i=f(o,a.triggerRef);/*#__PURE__*/return m.createElement(n.button,D({type:"button","aria-haspopup":"dialog","aria-expanded":a.open,"aria-controls":a.contentId,"data-state":P(a.open)},r,{ref:i,onClick:g(e.onClick,a.onOpenToggle)}))}));/*#__PURE__*/const[E,R]=x("DialogPortal",{forceMount:void 0});export const DialogPortal=e=>{const{__scopeDialog:o,forceMount:t,children:r,container:n}=e,l=_("DialogPortal",o);/*#__PURE__*/return m.createElement(E,{scope:o,forceMount:t},m.Children.map(r,(e=>/*#__PURE__*/m.createElement(a,{present:t||l.open},/*#__PURE__*/m.createElement(i,{asChild:!0,container:n},e)))))};/*#__PURE__*/export const DialogOverlay=/*#__PURE__*/m.forwardRef(((e,o)=>{const t=R("DialogOverlay",e.__scopeDialog),{forceMount:r=t.forceMount,...n}=e,i=_("DialogOverlay",e.__scopeDialog);return i.modal?/*#__PURE__*/m.createElement(a,{present:r||i.open},/*#__PURE__*/m.createElement(O,D({},n,{ref:o}))):null}));/*#__PURE__*/const O=/*#__PURE__*/m.forwardRef(((o,r)=>{const{__scopeDialog:a,...i}=o,l=_("DialogOverlay",a);/*#__PURE__*/return m.createElement(t,{as:e,allowPinchZoom:l.allowPinchZoom,shards:[l.contentRef]},/*#__PURE__*/m.createElement(n.div,D({"data-state":P(l.open)},i,{ref:r,style:{pointerEvents:"auto",...i.style}})))}));export const DialogContent=/*#__PURE__*/m.forwardRef(((e,o)=>{const t=R("DialogContent",e.__scopeDialog),{forceMount:r=t.forceMount,...n}=e,i=_("DialogContent",e.__scopeDialog);/*#__PURE__*/return m.createElement(a,{present:r||i.open},i.modal?/*#__PURE__*/m.createElement(h,D({},n,{ref:o})):/*#__PURE__*/m.createElement(b,D({},n,{ref:o})))}));/*#__PURE__*/const h=/*#__PURE__*/m.forwardRef(((e,t)=>{const r=_("DialogContent",e.__scopeDialog),n=m.useRef(null),a=f(t,r.contentRef,n);return m.useEffect((()=>{const e=n.current;if(e)return o(e)}),[]),/*#__PURE__*/m.createElement(w,D({},e,{ref:a,trapFocus:r.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:g(e.onCloseAutoFocus,(e=>{var o;e.preventDefault(),null===(o=r.triggerRef.current)||void 0===o||o.focus()})),onPointerDownOutside:g(e.onPointerDownOutside,(e=>{const o=e.detail.originalEvent,t=0===o.button&&!0===o.ctrlKey;(2===o.button||t)&&e.preventDefault()})),onFocusOutside:g(e.onFocusOutside,(e=>e.preventDefault()))}))})),b=/*#__PURE__*/m.forwardRef(((e,o)=>{const t=_("DialogContent",e.__scopeDialog),r=m.useRef(!1);/*#__PURE__*/return m.createElement(w,D({},e,{ref:o,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:o=>{var n,a;(null===(n=e.onCloseAutoFocus)||void 0===n||n.call(e,o),o.defaultPrevented)||(r.current||null===(a=t.triggerRef.current)||void 0===a||a.focus(),o.preventDefault());r.current=!1},onInteractOutside:o=>{var n,a;null===(n=e.onInteractOutside)||void 0===n||n.call(e,o),o.defaultPrevented||(r.current=!0);const i=o.target;(null===(a=t.triggerRef.current)||void 0===a?void 0:a.contains(i))&&o.preventDefault()}}))})),w=/*#__PURE__*/m.forwardRef(((e,o)=>{const{__scopeDialog:t,trapFocus:n,onOpenAutoFocus:a,onCloseAutoFocus:i,...s}=e,u=_("DialogContent",t),p=m.useRef(null),d=f(o,p);return r(),/*#__PURE__*/m.createElement(m.Fragment,null,/*#__PURE__*/m.createElement(l,{asChild:!0,loop:!0,trapped:n,onMountAutoFocus:a,onUnmountAutoFocus:i},/*#__PURE__*/m.createElement(c,D({role:"dialog",id:u.contentId,"aria-describedby":u.descriptionId,"aria-labelledby":u.titleId,"data-state":P(u.open)},s,{ref:d,onDismiss:()=>u.onOpenChange(!1)}))),!1)}));export const DialogTitle=/*#__PURE__*/m.forwardRef(((e,o)=>{const{__scopeDialog:t,...r}=e,a=_("DialogTitle",t);/*#__PURE__*/return m.createElement(n.h2,D({id:a.titleId},r,{ref:o}))}));/*#__PURE__*/export const DialogDescription=/*#__PURE__*/m.forwardRef(((e,o)=>{const{__scopeDialog:t,...r}=e,a=_("DialogDescription",t);/*#__PURE__*/return m.createElement(n.p,D({id:a.descriptionId},r,{ref:o}))}));/*#__PURE__*/export const DialogClose=/*#__PURE__*/m.forwardRef(((e,o)=>{const{__scopeDialog:t,...r}=e,a=_("DialogClose",t);/*#__PURE__*/return m.createElement(n.button,D({type:"button"},r,{ref:o,onClick:g(e.onClick,(()=>a.onOpenChange(!1)))}))}));/*#__PURE__*/function P(e){return e?"open":"closed"}const[y,F]=p("DialogTitleWarning",{contentName:"DialogContent",titleName:"DialogTitle",docsSlug:"dialog"});export{y as WarningProvider};export const Root=Dialog;export const Trigger=DialogTrigger;export const Portal=DialogPortal;export const Overlay=DialogOverlay;export const Content=DialogContent;export const Title=DialogTitle;export const Description=DialogDescription;export const Close=DialogClose;
+import $67UHm$babelruntimehelpersesmextends from "@babel/runtime/helpers/esm/extends";
+import {useRef as $67UHm$useRef, createElement as $67UHm$createElement, useCallback as $67UHm$useCallback, forwardRef as $67UHm$forwardRef, Children as $67UHm$Children, useEffect as $67UHm$useEffect, Fragment as $67UHm$Fragment} from "react";
+import {composeEventHandlers as $67UHm$composeEventHandlers} from "@radix-ui/primitive";
+import {useComposedRefs as $67UHm$useComposedRefs} from "@radix-ui/react-compose-refs";
+import {createContextScope as $67UHm$createContextScope, createContext as $67UHm$createContext} from "@radix-ui/react-context";
+import {useId as $67UHm$useId} from "@radix-ui/react-id";
+import {useControllableState as $67UHm$useControllableState} from "@radix-ui/react-use-controllable-state";
+import {DismissableLayer as $67UHm$DismissableLayer} from "@radix-ui/react-dismissable-layer";
+import {FocusScope as $67UHm$FocusScope} from "@radix-ui/react-focus-scope";
+import {UnstablePortal as $67UHm$UnstablePortal} from "@radix-ui/react-portal";
+import {Presence as $67UHm$Presence} from "@radix-ui/react-presence";
+import {Primitive as $67UHm$Primitive} from "@radix-ui/react-primitive";
+import {useFocusGuards as $67UHm$useFocusGuards} from "@radix-ui/react-focus-guards";
+import {RemoveScroll as $67UHm$RemoveScroll} from "react-remove-scroll";
+import {hideOthers as $67UHm$hideOthers} from "aria-hidden";
+import {Slot as $67UHm$Slot} from "@radix-ui/react-slot";
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $5d3850c4d0b4e6c7$exports = {};
+
+$parcel$export($5d3850c4d0b4e6c7$exports, "createDialogScope", () => $5d3850c4d0b4e6c7$export$cc702773b8ea3e41);
+$parcel$export($5d3850c4d0b4e6c7$exports, "Dialog", () => $5d3850c4d0b4e6c7$export$3ddf2d174ce01153);
+$parcel$export($5d3850c4d0b4e6c7$exports, "DialogTrigger", () => $5d3850c4d0b4e6c7$export$2e1e1122cf0cba88);
+$parcel$export($5d3850c4d0b4e6c7$exports, "DialogPortal", () => $5d3850c4d0b4e6c7$export$dad7c95542bacce0);
+$parcel$export($5d3850c4d0b4e6c7$exports, "DialogOverlay", () => $5d3850c4d0b4e6c7$export$bd1d06c79be19e17);
+$parcel$export($5d3850c4d0b4e6c7$exports, "DialogContent", () => $5d3850c4d0b4e6c7$export$b6d9565de1e068cf);
+$parcel$export($5d3850c4d0b4e6c7$exports, "DialogTitle", () => $5d3850c4d0b4e6c7$export$16f7638e4a34b909);
+$parcel$export($5d3850c4d0b4e6c7$exports, "DialogDescription", () => $5d3850c4d0b4e6c7$export$94e94c2ec2c954d5);
+$parcel$export($5d3850c4d0b4e6c7$exports, "DialogClose", () => $5d3850c4d0b4e6c7$export$fba2fb7cd781b7ac);
+$parcel$export($5d3850c4d0b4e6c7$exports, "WarningProvider", () => $5d3850c4d0b4e6c7$export$69b62a49393917d6);
+$parcel$export($5d3850c4d0b4e6c7$exports, "Root", () => $5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9);
+$parcel$export($5d3850c4d0b4e6c7$exports, "Trigger", () => $5d3850c4d0b4e6c7$export$41fb9f06171c75f4);
+$parcel$export($5d3850c4d0b4e6c7$exports, "Portal", () => $5d3850c4d0b4e6c7$export$602eac185826482c);
+$parcel$export($5d3850c4d0b4e6c7$exports, "Overlay", () => $5d3850c4d0b4e6c7$export$c6fdb837b070b4ff);
+$parcel$export($5d3850c4d0b4e6c7$exports, "Content", () => $5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2);
+$parcel$export($5d3850c4d0b4e6c7$exports, "Title", () => $5d3850c4d0b4e6c7$export$f99233281efd08a0);
+$parcel$export($5d3850c4d0b4e6c7$exports, "Description", () => $5d3850c4d0b4e6c7$export$393edc798c47379d);
+$parcel$export($5d3850c4d0b4e6c7$exports, "Close", () => $5d3850c4d0b4e6c7$export$f39c2d165cd861fe);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* -------------------------------------------------------------------------------------------------
+ * Dialog
+ * -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$DIALOG_NAME = 'Dialog';
+const [$5d3850c4d0b4e6c7$var$createDialogContext, $5d3850c4d0b4e6c7$export$cc702773b8ea3e41] = $67UHm$createContextScope($5d3850c4d0b4e6c7$var$DIALOG_NAME);
+const [$5d3850c4d0b4e6c7$var$DialogProvider, $5d3850c4d0b4e6c7$var$useDialogContext] = $5d3850c4d0b4e6c7$var$createDialogContext($5d3850c4d0b4e6c7$var$DIALOG_NAME);
+const $5d3850c4d0b4e6c7$export$3ddf2d174ce01153 = (props)=>{
+    const { __scopeDialog: __scopeDialog , children: children , open: openProp , defaultOpen: defaultOpen , onOpenChange: onOpenChange , modal: modal = true , allowPinchZoom: allowPinchZoom  } = props;
+    const triggerRef = $67UHm$useRef(null);
+    const contentRef = $67UHm$useRef(null);
+    const [open = false, setOpen] = $67UHm$useControllableState({
+        prop: openProp,
+        defaultProp: defaultOpen,
+        onChange: onOpenChange
+    });
+    return /*#__PURE__*/ $67UHm$createElement($5d3850c4d0b4e6c7$var$DialogProvider, {
+        scope: __scopeDialog,
+        triggerRef: triggerRef,
+        contentRef: contentRef,
+        contentId: $67UHm$useId(),
+        titleId: $67UHm$useId(),
+        descriptionId: $67UHm$useId(),
+        open: open,
+        onOpenChange: setOpen,
+        onOpenToggle: $67UHm$useCallback(()=>setOpen((prevOpen)=>!prevOpen
+            )
+        , [
+            setOpen
+        ]),
+        modal: modal,
+        allowPinchZoom: allowPinchZoom
+    }, children);
+};
+/*#__PURE__*/ Object.assign($5d3850c4d0b4e6c7$export$3ddf2d174ce01153, {
+    displayName: $5d3850c4d0b4e6c7$var$DIALOG_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * DialogTrigger
+ * -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$TRIGGER_NAME = 'DialogTrigger';
+const $5d3850c4d0b4e6c7$export$2e1e1122cf0cba88 = /*#__PURE__*/ $67UHm$forwardRef((props, forwardedRef)=>{
+    const { __scopeDialog: __scopeDialog , ...triggerProps } = props;
+    const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$TRIGGER_NAME, __scopeDialog);
+    const composedTriggerRef = $67UHm$useComposedRefs(forwardedRef, context.triggerRef);
+    return /*#__PURE__*/ $67UHm$createElement($67UHm$Primitive.button, $67UHm$babelruntimehelpersesmextends({
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": context.open,
+        "aria-controls": context.contentId,
+        "data-state": $5d3850c4d0b4e6c7$var$getState(context.open)
+    }, triggerProps, {
+        ref: composedTriggerRef,
+        onClick: $67UHm$composeEventHandlers(props.onClick, context.onOpenToggle)
+    }));
+});
+/*#__PURE__*/ Object.assign($5d3850c4d0b4e6c7$export$2e1e1122cf0cba88, {
+    displayName: $5d3850c4d0b4e6c7$var$TRIGGER_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * DialogPortal
+ * -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$PORTAL_NAME = 'DialogPortal';
+const [$5d3850c4d0b4e6c7$var$PortalProvider, $5d3850c4d0b4e6c7$var$usePortalContext] = $5d3850c4d0b4e6c7$var$createDialogContext($5d3850c4d0b4e6c7$var$PORTAL_NAME, {
+    forceMount: undefined
+});
+const $5d3850c4d0b4e6c7$export$dad7c95542bacce0 = (props)=>{
+    const { __scopeDialog: __scopeDialog , forceMount: forceMount , children: children , container: container  } = props;
+    const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$PORTAL_NAME, __scopeDialog);
+    return /*#__PURE__*/ $67UHm$createElement($5d3850c4d0b4e6c7$var$PortalProvider, {
+        scope: __scopeDialog,
+        forceMount: forceMount
+    }, $67UHm$Children.map(children, (child)=>/*#__PURE__*/ $67UHm$createElement($67UHm$Presence, {
+            present: forceMount || context.open
+        }, /*#__PURE__*/ $67UHm$createElement($67UHm$UnstablePortal, {
+            asChild: true,
+            container: container
+        }, child))
+    ));
+};
+/*#__PURE__*/ Object.assign($5d3850c4d0b4e6c7$export$dad7c95542bacce0, {
+    displayName: $5d3850c4d0b4e6c7$var$PORTAL_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * DialogOverlay
+ * -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$OVERLAY_NAME = 'DialogOverlay';
+const $5d3850c4d0b4e6c7$export$bd1d06c79be19e17 = /*#__PURE__*/ $67UHm$forwardRef((props, forwardedRef)=>{
+    const portalContext = $5d3850c4d0b4e6c7$var$usePortalContext($5d3850c4d0b4e6c7$var$OVERLAY_NAME, props.__scopeDialog);
+    const { forceMount: forceMount = portalContext.forceMount , ...overlayProps } = props;
+    const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$OVERLAY_NAME, props.__scopeDialog);
+    return context.modal ? /*#__PURE__*/ $67UHm$createElement($67UHm$Presence, {
+        present: forceMount || context.open
+    }, /*#__PURE__*/ $67UHm$createElement($5d3850c4d0b4e6c7$var$DialogOverlayImpl, $67UHm$babelruntimehelpersesmextends({}, overlayProps, {
+        ref: forwardedRef
+    }))) : null;
+});
+/*#__PURE__*/ Object.assign($5d3850c4d0b4e6c7$export$bd1d06c79be19e17, {
+    displayName: $5d3850c4d0b4e6c7$var$OVERLAY_NAME
+});
+const $5d3850c4d0b4e6c7$var$DialogOverlayImpl = /*#__PURE__*/ $67UHm$forwardRef((props, forwardedRef)=>{
+    const { __scopeDialog: __scopeDialog , ...overlayProps } = props;
+    const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$OVERLAY_NAME, __scopeDialog);
+    return(/*#__PURE__*/ // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+    // ie. when `Overlay` and `Content` are siblings
+    $67UHm$createElement($67UHm$RemoveScroll, {
+        as: $67UHm$Slot,
+        allowPinchZoom: context.allowPinchZoom,
+        shards: [
+            context.contentRef
+        ]
+    }, /*#__PURE__*/ $67UHm$createElement($67UHm$Primitive.div, $67UHm$babelruntimehelpersesmextends({
+        "data-state": $5d3850c4d0b4e6c7$var$getState(context.open)
+    }, overlayProps, {
+        ref: forwardedRef // We re-enable pointer-events prevented by `Dialog.Content` to allow scrolling the overlay.
+        ,
+        style: {
+            pointerEvents: 'auto',
+            ...overlayProps.style
+        }
+    }))));
+});
+/* -------------------------------------------------------------------------------------------------
+ * DialogContent
+ * -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$CONTENT_NAME = 'DialogContent';
+const $5d3850c4d0b4e6c7$export$b6d9565de1e068cf = /*#__PURE__*/ $67UHm$forwardRef((props, forwardedRef)=>{
+    const portalContext = $5d3850c4d0b4e6c7$var$usePortalContext($5d3850c4d0b4e6c7$var$CONTENT_NAME, props.__scopeDialog);
+    const { forceMount: forceMount = portalContext.forceMount , ...contentProps } = props;
+    const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$CONTENT_NAME, props.__scopeDialog);
+    return /*#__PURE__*/ $67UHm$createElement($67UHm$Presence, {
+        present: forceMount || context.open
+    }, context.modal ? /*#__PURE__*/ $67UHm$createElement($5d3850c4d0b4e6c7$var$DialogContentModal, $67UHm$babelruntimehelpersesmextends({}, contentProps, {
+        ref: forwardedRef
+    })) : /*#__PURE__*/ $67UHm$createElement($5d3850c4d0b4e6c7$var$DialogContentNonModal, $67UHm$babelruntimehelpersesmextends({}, contentProps, {
+        ref: forwardedRef
+    })));
+});
+/*#__PURE__*/ Object.assign($5d3850c4d0b4e6c7$export$b6d9565de1e068cf, {
+    displayName: $5d3850c4d0b4e6c7$var$CONTENT_NAME
+});
+/* -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$DialogContentModal = /*#__PURE__*/ $67UHm$forwardRef((props, forwardedRef)=>{
+    const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$CONTENT_NAME, props.__scopeDialog);
+    const contentRef = $67UHm$useRef(null);
+    const composedRefs = $67UHm$useComposedRefs(forwardedRef, context.contentRef, contentRef); // aria-hide everything except the content (better supported equivalent to setting aria-modal)
+    $67UHm$useEffect(()=>{
+        const content = contentRef.current;
+        if (content) return $67UHm$hideOthers(content);
+    }, []);
+    return /*#__PURE__*/ $67UHm$createElement($5d3850c4d0b4e6c7$var$DialogContentImpl, $67UHm$babelruntimehelpersesmextends({}, props, {
+        ref: composedRefs // we make sure focus isn't trapped once `DialogContent` has been closed
+        ,
+        trapFocus: context.open,
+        disableOutsidePointerEvents: true,
+        onCloseAutoFocus: $67UHm$composeEventHandlers(props.onCloseAutoFocus, (event)=>{
+            var _context$triggerRef$c;
+            event.preventDefault();
+            (_context$triggerRef$c = context.triggerRef.current) === null || _context$triggerRef$c === void 0 || _context$triggerRef$c.focus();
+        }),
+        onPointerDownOutside: $67UHm$composeEventHandlers(props.onPointerDownOutside, (event)=>{
+            const originalEvent = event.detail.originalEvent;
+            const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
+            const isRightClick = originalEvent.button === 2 || ctrlLeftClick; // If the event is a right-click, we shouldn't close because
+            // it is effectively as if we right-clicked the `Overlay`.
+            if (isRightClick) event.preventDefault();
+        }) // When focus is trapped, a `focusout` event may still happen.
+        ,
+        onFocusOutside: $67UHm$composeEventHandlers(props.onFocusOutside, (event)=>event.preventDefault()
+        )
+    }));
+});
+/* -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$DialogContentNonModal = /*#__PURE__*/ $67UHm$forwardRef((props, forwardedRef)=>{
+    const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$CONTENT_NAME, props.__scopeDialog);
+    const hasInteractedOutsideRef = $67UHm$useRef(false);
+    return /*#__PURE__*/ $67UHm$createElement($5d3850c4d0b4e6c7$var$DialogContentImpl, $67UHm$babelruntimehelpersesmextends({}, props, {
+        ref: forwardedRef,
+        trapFocus: false,
+        disableOutsidePointerEvents: false,
+        onCloseAutoFocus: (event)=>{
+            var _props$onCloseAutoFoc;
+            (_props$onCloseAutoFoc = props.onCloseAutoFocus) === null || _props$onCloseAutoFoc === void 0 || _props$onCloseAutoFoc.call(props, event);
+            if (!event.defaultPrevented) {
+                var _context$triggerRef$c2;
+                if (!hasInteractedOutsideRef.current) (_context$triggerRef$c2 = context.triggerRef.current) === null || _context$triggerRef$c2 === void 0 || _context$triggerRef$c2.focus(); // Always prevent auto focus because we either focus manually or want user agent focus
+                event.preventDefault();
+            }
+            hasInteractedOutsideRef.current = false;
+        },
+        onInteractOutside: (event)=>{
+            var _props$onInteractOuts, _context$triggerRef$c3;
+            (_props$onInteractOuts = props.onInteractOutside) === null || _props$onInteractOuts === void 0 || _props$onInteractOuts.call(props, event);
+            if (!event.defaultPrevented) hasInteractedOutsideRef.current = true; // Prevent dismissing when clicking the trigger.
+            // As the trigger is already setup to close, without doing so would
+            // cause it to close and immediately open.
+            //
+            // We use `onInteractOutside` as some browsers also
+            // focus on pointer down, creating the same issue.
+            const target = event.target;
+            const targetIsTrigger = (_context$triggerRef$c3 = context.triggerRef.current) === null || _context$triggerRef$c3 === void 0 ? void 0 : _context$triggerRef$c3.contains(target);
+            if (targetIsTrigger) event.preventDefault();
+        }
+    }));
+});
+/* -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$DialogContentImpl = /*#__PURE__*/ $67UHm$forwardRef((props, forwardedRef)=>{
+    const { __scopeDialog: __scopeDialog , trapFocus: trapFocus , onOpenAutoFocus: onOpenAutoFocus , onCloseAutoFocus: onCloseAutoFocus , ...contentProps } = props;
+    const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$CONTENT_NAME, __scopeDialog);
+    const contentRef = $67UHm$useRef(null);
+    const composedRefs = $67UHm$useComposedRefs(forwardedRef, contentRef); // Make sure the whole tree has focus guards as our `Dialog` will be
+    // the last element in the DOM (beacuse of the `Portal`)
+    $67UHm$useFocusGuards();
+    return /*#__PURE__*/ $67UHm$createElement($67UHm$Fragment, null, /*#__PURE__*/ $67UHm$createElement($67UHm$FocusScope, {
+        asChild: true,
+        loop: true,
+        trapped: trapFocus,
+        onMountAutoFocus: onOpenAutoFocus,
+        onUnmountAutoFocus: onCloseAutoFocus
+    }, /*#__PURE__*/ $67UHm$createElement($67UHm$DismissableLayer, $67UHm$babelruntimehelpersesmextends({
+        role: "dialog",
+        id: context.contentId,
+        "aria-describedby": context.descriptionId,
+        "aria-labelledby": context.titleId,
+        "data-state": $5d3850c4d0b4e6c7$var$getState(context.open)
+    }, contentProps, {
+        ref: composedRefs,
+        onDismiss: ()=>context.onOpenChange(false)
+    }))), false);
+});
+/* -------------------------------------------------------------------------------------------------
+ * DialogTitle
+ * -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$TITLE_NAME = 'DialogTitle';
+const $5d3850c4d0b4e6c7$export$16f7638e4a34b909 = /*#__PURE__*/ $67UHm$forwardRef((props, forwardedRef)=>{
+    const { __scopeDialog: __scopeDialog , ...titleProps } = props;
+    const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$TITLE_NAME, __scopeDialog);
+    return /*#__PURE__*/ $67UHm$createElement($67UHm$Primitive.h2, $67UHm$babelruntimehelpersesmextends({
+        id: context.titleId
+    }, titleProps, {
+        ref: forwardedRef
+    }));
+});
+/*#__PURE__*/ Object.assign($5d3850c4d0b4e6c7$export$16f7638e4a34b909, {
+    displayName: $5d3850c4d0b4e6c7$var$TITLE_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * DialogDescription
+ * -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$DESCRIPTION_NAME = 'DialogDescription';
+const $5d3850c4d0b4e6c7$export$94e94c2ec2c954d5 = /*#__PURE__*/ $67UHm$forwardRef((props, forwardedRef)=>{
+    const { __scopeDialog: __scopeDialog , ...descriptionProps } = props;
+    const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$DESCRIPTION_NAME, __scopeDialog);
+    return /*#__PURE__*/ $67UHm$createElement($67UHm$Primitive.p, $67UHm$babelruntimehelpersesmextends({
+        id: context.descriptionId
+    }, descriptionProps, {
+        ref: forwardedRef
+    }));
+});
+/*#__PURE__*/ Object.assign($5d3850c4d0b4e6c7$export$94e94c2ec2c954d5, {
+    displayName: $5d3850c4d0b4e6c7$var$DESCRIPTION_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * DialogClose
+ * -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$CLOSE_NAME = 'DialogClose';
+const $5d3850c4d0b4e6c7$export$fba2fb7cd781b7ac = /*#__PURE__*/ $67UHm$forwardRef((props, forwardedRef)=>{
+    const { __scopeDialog: __scopeDialog , ...closeProps } = props;
+    const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$CLOSE_NAME, __scopeDialog);
+    return /*#__PURE__*/ $67UHm$createElement($67UHm$Primitive.button, $67UHm$babelruntimehelpersesmextends({
+        type: "button"
+    }, closeProps, {
+        ref: forwardedRef,
+        onClick: $67UHm$composeEventHandlers(props.onClick, ()=>context.onOpenChange(false)
+        )
+    }));
+});
+/*#__PURE__*/ Object.assign($5d3850c4d0b4e6c7$export$fba2fb7cd781b7ac, {
+    displayName: $5d3850c4d0b4e6c7$var$CLOSE_NAME
+});
+/* -----------------------------------------------------------------------------------------------*/ function $5d3850c4d0b4e6c7$var$getState(open) {
+    return open ? 'open' : 'closed';
+}
+const $5d3850c4d0b4e6c7$var$TITLE_WARNING_NAME = 'DialogTitleWarning';
+const [$5d3850c4d0b4e6c7$export$69b62a49393917d6, $5d3850c4d0b4e6c7$var$useWarningContext] = $67UHm$createContext($5d3850c4d0b4e6c7$var$TITLE_WARNING_NAME, {
+    contentName: $5d3850c4d0b4e6c7$var$CONTENT_NAME,
+    titleName: $5d3850c4d0b4e6c7$var$TITLE_NAME,
+    docsSlug: 'dialog'
+});
+const $5d3850c4d0b4e6c7$var$TitleWarning = ({ titleId: titleId  })=>{
+    const titleWarningContext = $5d3850c4d0b4e6c7$var$useWarningContext($5d3850c4d0b4e6c7$var$TITLE_WARNING_NAME);
+    const MESSAGE = `\`${titleWarningContext.contentName}\` requires a \`${titleWarningContext.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`;
+    $67UHm$useEffect(()=>{
+        if (titleId) {
+            const hasTitle = document.getElementById(titleId);
+            if (!hasTitle) throw new Error(MESSAGE);
+        }
+    }, [
+        MESSAGE,
+        titleId
+    ]);
+    return null;
+};
+const $5d3850c4d0b4e6c7$var$DESCRIPTION_WARNING_NAME = 'DialogDescriptionWarning';
+const $5d3850c4d0b4e6c7$var$DescriptionWarning = ({ contentRef: contentRef , descriptionId: descriptionId  })=>{
+    const descriptionWarningContext = $5d3850c4d0b4e6c7$var$useWarningContext($5d3850c4d0b4e6c7$var$DESCRIPTION_WARNING_NAME);
+    const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${descriptionWarningContext.contentName}}.`;
+    $67UHm$useEffect(()=>{
+        var _contentRef$current;
+        const describedById = (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 ? void 0 : _contentRef$current.getAttribute('aria-describedby'); // if we have an id and the user hasn't set aria-describedby={undefined}
+        if (descriptionId && describedById) {
+            const hasDescription = document.getElementById(descriptionId);
+            if (!hasDescription) console.warn(MESSAGE);
+        }
+    }, [
+        MESSAGE,
+        contentRef,
+        descriptionId
+    ]);
+    return null;
+};
+const $5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9 = $5d3850c4d0b4e6c7$export$3ddf2d174ce01153;
+const $5d3850c4d0b4e6c7$export$41fb9f06171c75f4 = $5d3850c4d0b4e6c7$export$2e1e1122cf0cba88;
+const $5d3850c4d0b4e6c7$export$602eac185826482c = $5d3850c4d0b4e6c7$export$dad7c95542bacce0;
+const $5d3850c4d0b4e6c7$export$c6fdb837b070b4ff = $5d3850c4d0b4e6c7$export$bd1d06c79be19e17;
+const $5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2 = $5d3850c4d0b4e6c7$export$b6d9565de1e068cf;
+const $5d3850c4d0b4e6c7$export$f99233281efd08a0 = $5d3850c4d0b4e6c7$export$16f7638e4a34b909;
+const $5d3850c4d0b4e6c7$export$393edc798c47379d = $5d3850c4d0b4e6c7$export$94e94c2ec2c954d5;
+const $5d3850c4d0b4e6c7$export$f39c2d165cd861fe = $5d3850c4d0b4e6c7$export$fba2fb7cd781b7ac;
+
+
+
+
+export {$5d3850c4d0b4e6c7$export$cc702773b8ea3e41 as createDialogScope, $5d3850c4d0b4e6c7$export$3ddf2d174ce01153 as Dialog, $5d3850c4d0b4e6c7$export$2e1e1122cf0cba88 as DialogTrigger, $5d3850c4d0b4e6c7$export$dad7c95542bacce0 as DialogPortal, $5d3850c4d0b4e6c7$export$bd1d06c79be19e17 as DialogOverlay, $5d3850c4d0b4e6c7$export$b6d9565de1e068cf as DialogContent, $5d3850c4d0b4e6c7$export$16f7638e4a34b909 as DialogTitle, $5d3850c4d0b4e6c7$export$94e94c2ec2c954d5 as DialogDescription, $5d3850c4d0b4e6c7$export$fba2fb7cd781b7ac as DialogClose, $5d3850c4d0b4e6c7$export$69b62a49393917d6 as WarningProvider, $5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9 as Root, $5d3850c4d0b4e6c7$export$41fb9f06171c75f4 as Trigger, $5d3850c4d0b4e6c7$export$602eac185826482c as Portal, $5d3850c4d0b4e6c7$export$c6fdb837b070b4ff as Overlay, $5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2 as Content, $5d3850c4d0b4e6c7$export$f99233281efd08a0 as Title, $5d3850c4d0b4e6c7$export$393edc798c47379d as Description, $5d3850c4d0b4e6c7$export$f39c2d165cd861fe as Close};
 //# sourceMappingURL=index.module.js.map

package/dist/index.module.js.map

@@ -1 +1 @@
-{"mappings":"m3BAuBA,MAGOA,EAAqBC,GAAqBC,EAH7B,yCAkBpB,MAAOC,EAAgBC,GAAoBJ,EAlBvB,iBAiCpB,MAAMK,OAAiCC,IACrC,MAAMC,cACJA,EADIC,SAEJA,EACAC,KAAMC,EAHFC,YAIJA,EAJIC,aAKJA,EALIC,MAMJA,GAAQ,EANJC,eAOJA,GACER,EACES,EAAaC,EAAMC,OAA0B,MAC7CC,EAAaF,EAAMC,OAA6B,OAC/CR,GAAO,EAAOU,GAAWC,EAAqB,CACnDC,KAAMX,EACNY,YAAaX,EACbY,SAAUX,iBAGZ,OACEY,EAAAC,cAACC,EAAD,CACEC,MAAOpB,EACPQ,WAAYA,EACZG,WAAYA,EACZU,UAAWC,IACXC,QAASD,IACTE,cAAeF,IACfpB,KAAMA,EACNG,aAAcO,EACda,aAAchB,EAAMiB,aAAY,IAAMd,GAASe,IAAcA,KAAW,CAACf,IACzEN,MAAOA,EACPC,eAAgBA,GAEfN,wBAiBP,MAAM2B,2BAAgBnB,EAAMoB,YAC1B,CAAC9B,EAAwC+B,KACvC,MAAM9B,cAAEA,KAAkB+B,GAAiBhC,EACrCiC,EAAUnC,EATC,gBAS8BG,GACzCiC,EAAqBC,EAAgBJ,EAAcE,EAAQxB,yBACjE,OACES,EAAAC,cAACiB,EAAUC,OAAXC,EAAA,CACEC,KAAK,SACL,gBAAc,SACd,gBAAeN,EAAQ9B,KACvB,gBAAe8B,EAAQX,UACvB,aAAYkB,EAASP,EAAQ9B,OACzB6B,EANN,CAOES,IAAKP,EACLQ,QAASC,EAAqB3C,EAAM0C,QAAST,EAAQP,iCAY7D,MAGOkB,EAAgBC,GAAoBnD,EAHvB,eAG4E,CAC9FoD,gBAAYC,WAad,MAAMC,aAA6ChD,IACjD,MAAMC,cAAEA,EAAF6C,WAAiBA,EAAjB5C,SAA6BA,EAA7B+C,UAAuCA,GAAcjD,EACrDiC,EAAUnC,EAnBE,eAmB4BG,gBAC9C,OACEiB,EAAAC,cAAC+B,EAAD,CAAgB7B,MAAOpB,EAAe6C,WAAYA,GAC/CpC,EAAMyC,SAASC,IAAIlD,GAAWmD,gBAC7BnC,EAAAC,cAACmC,EAAD,CAAUC,QAAST,GAAcb,EAAQ9B,mBACvCe,EAAAC,cAACqC,EAAD,CAAgBC,SAAO,EAACR,UAAWA,GAChCI,4BAyBb,MAAMK,2BAAgBhD,EAAMoB,YAC1B,CAAC9B,EAAwC+B,KACvC,MAAM4B,EAAgBd,EAbL,gBAaoC7C,EAAMC,gBACrD6C,WAAEA,EAAaa,EAAcb,cAAec,GAAiB5D,EAC7DiC,EAAUnC,EAfC,gBAe8BE,EAAMC,eACrD,OAAOgC,EAAQ1B,mBACbW,EAAAC,cAACmC,EAAD,CAAUC,QAAST,GAAcb,EAAQ9B,mBACvCe,EAAAC,cAAC0C,EAADvB,EAAA,GAAuBsB,EAAvB,CAAqCnB,IAAKV,MAE1C,qBAUR,MAAM+B,eAAoBpD,EAAMoB,YAC9B,CAAC9B,EAA4C+B,KAC3C,MAAM9B,cAAEA,KAAkB2D,GAAiB5D,EACrCiC,EAAUnC,EAjCC,gBAiC8BG,gBAC/C,OAGEiB,EAAAC,cAAC4C,EAAD,CAAcC,GAAIC,EAAMzD,eAAgByB,EAAQzB,eAAgB0D,OAAQ,CAACjC,EAAQrB,0BAC/EM,EAAAC,cAACiB,EAAU+B,IAAX7B,EAAA,CACE,aAAYE,EAASP,EAAQ9B,OACzByD,EAFN,CAGEnB,IAAKV,EAELqC,MAAO,CAAEC,cAAe,UAAWT,EAAaQ,qBAsB1D,MAAME,2BAAgB5D,EAAMoB,YAC1B,CAAC9B,EAAwC+B,KACvC,MAAM4B,EAAgBd,EAbL,gBAaoC7C,EAAMC,gBACrD6C,WAAEA,EAAaa,EAAcb,cAAeyB,GAAiBvE,EAC7DiC,EAAUnC,EAfC,gBAe8BE,EAAMC,4BACrD,OACEiB,EAAAC,cAACmC,EAAD,CAAUC,QAAST,GAAcb,EAAQ9B,MACtC8B,EAAQ1B,mBACPW,EAAAC,cAACqD,EAADlC,EAAA,GAAwBiC,EAAxB,CAAsC9B,IAAKV,kBAE3Cb,EAAAC,cAACsD,EAADnC,EAAA,GAA2BiC,EAA3B,CAAyC9B,IAAKV,sBAexD,MAAM2C,eAAqBhE,EAAMoB,YAC/B,CAAC9B,EAA4C+B,KAC3C,MAAME,EAAUnC,EAtCC,gBAsC8BE,EAAMC,eAC/CW,EAAaF,EAAMC,OAAuB,MAC1CgE,EAAexC,EAAgBJ,EAAcE,EAAQrB,WAAYA,GAQvE,OALAF,EAAMkE,WAAU,KACd,MAAMC,EAAUjE,EAAWkE,QAC3B,GAAID,EAAS,OAAOE,EAAWF,KAC9B,iBAGD3D,EAAAC,cAAC6D,EAAD1C,EAAA,GACMtC,EADN,CAEEyC,IAAKkC,EAGLM,UAAWhD,EAAQ9B,KACnB+E,6BAA2B,EAC3BC,iBAAkBxC,EAAqB3C,EAAMmF,kBAAmBC,IAAU,IAAAC,EACxED,EAAME,iBACN,QAAAD,EAAApD,EAAQxB,WAAWqE,eAAnB,IAAAO,GAAAA,EAA4BE,WAE9BC,qBAAsB7C,EAAqB3C,EAAMwF,sBAAuBJ,IACtE,MAAMK,EAAgBL,EAAMM,OAAOD,cAC7BE,EAAyC,IAAzBF,EAAcpD,SAA0C,IAA1BoD,EAAcG,SACpB,IAAzBH,EAAcpD,QAAgBsD,IAIjCP,EAAME,oBAI1BO,eAAgBlD,EAAqB3C,EAAM6F,gBAAiBT,GAC1DA,EAAME,yBASVQ,eAAwBpF,EAAMoB,YAClC,CAAC9B,EAA4C+B,KAC3C,MAAME,EAAUnC,EAnFC,gBAmF8BE,EAAMC,eAC/C8F,EAA0BrF,EAAMC,QAAO,gBAE7C,OACEO,EAAAC,cAAC6D,EAAD1C,EAAA,GACMtC,EADN,CAEEyC,IAAKV,EACLkD,WAAW,EACXC,6BAA6B,EAC7BC,iBAAmBC,IAAU,IAAAY,EAGEC,GAF7B,QAAAD,EAAAhG,EAAMmF,wBAAN,IAAAa,GAAAA,EAAAE,KAAAlG,EAAyBoF,GAEpBA,EAAMe,oBACJJ,EAAwBjB,SAAS,QAAAmB,EAAAhE,EAAQxB,WAAWqE,eAAnB,IAAAmB,GAAAA,EAA4BV,QAElEH,EAAME,kBAGRS,EAAwBjB,SAAU,GAEpCsB,kBAAoBhB,IAAU,IAAAiB,EAAAC,EAC5B,QAAAD,EAAArG,EAAMoG,yBAAN,IAAAC,GAAAA,EAAAH,KAAAlG,EAA0BoF,GAErBA,EAAMe,mBAAkBJ,EAAwBjB,SAAU,GAQ/D,MAAMyB,EAASnB,EAAMmB,QACA,QAAAD,EAAGrE,EAAQxB,WAAWqE,eAAtB,IAAAwB,OAAA,EAAGA,EAA4BE,SAASD,KACxCnB,EAAME,wBAiC/BmB,eAAoB/F,EAAMoB,YAC9B,CAAC9B,EAA4C+B,KAC3C,MAAM9B,cAAEA,EAAFgF,UAAiBA,EAAjByB,gBAA4BA,EAA5BvB,iBAA6CA,KAAqBZ,GAAiBvE,EACnFiC,EAAUnC,EAxJC,gBAwJ8BG,GACzCW,EAAaF,EAAMC,OAAuB,MAC1CgE,EAAexC,EAAgBJ,EAAcnB,GAMnD,OAFA+F,iBAGEzF,EAAAC,cAAAD,EAAA0F,SAAA,kBACE1F,EAAAC,cAAC0F,EAAD,CACEpD,SAAO,EACPqD,MAAI,EACJC,QAAS9B,EACT+B,iBAAkBN,EAClBO,mBAAoB9B,gBAEpBjE,EAAAC,cAAC+F,EAAD5E,EAAA,CACE6E,KAAK,SACLC,GAAInF,EAAQX,UACZ,mBAAkBW,EAAQR,cAC1B,kBAAiBQ,EAAQT,QACzB,aAAYgB,EAASP,EAAQ9B,OACzBoE,EANN,CAOE9B,IAAKkC,EACL0C,UAAW,IAAMpF,EAAQ3B,cAAa,QAGzC,aAqBT,MAAMgH,yBAAc5G,EAAMoB,YACxB,CAAC9B,EAAsC+B,KACrC,MAAM9B,cAAEA,KAAkBsH,GAAevH,EACnCiC,EAAUnC,EATD,cAS8BG,gBAC7C,OAAOiB,EAAAC,cAACiB,EAAUoF,GAAXlF,EAAA,CAAc8E,GAAInF,EAAQT,SAAa+F,EAAvC,CAAmD9E,IAAKV,4BAgBnE,MAAM0F,+BAAoB/G,EAAMoB,YAC9B,CAAC9B,EAA4C+B,KAC3C,MAAM9B,cAAEA,KAAkByH,GAAqB1H,EACzCiC,EAAUnC,EATK,oBAS8BG,gBACnD,OAAOiB,EAAAC,cAACiB,EAAUuF,EAAXrF,EAAA,CAAa8E,GAAInF,EAAQR,eAAmBiG,EAA5C,CAA8DjF,IAAKV,4BAe9E,MAAM6F,yBAAclH,EAAMoB,YACxB,CAAC9B,EAAsC+B,KACrC,MAAM9B,cAAEA,KAAkB4H,GAAe7H,EACnCiC,EAAUnC,EARD,cAQ8BG,gBAC7C,OACEiB,EAAAC,cAACiB,EAAUC,OAAXC,EAAA,CACEC,KAAK,UACDsF,EAFN,CAGEpF,IAAKV,EACLW,QAASC,EAAqB3C,EAAM0C,SAAS,IAAMT,EAAQ3B,cAAa,wBAUhF,SAASkC,EAASrC,GAChB,OAAOA,EAAO,OAAS,SAGzB,MAEO2H,EAAiBC,GAAqBC,EAFlB,qBAEoD,CAC7EC,YA1QmB,gBA2QnBC,UAxEiB,cAyEjBC,SAAU,+CA+CZ,MAAMC,KAAOrI,cACb,MAAMsI,QAAUxG,qBAChB,MAAMyG,OAAStF,oBACf,MAAMuF,QAAU7E,qBAChB,MAAM8E,QAAUlE,qBAChB,MAAMmE,MAAQnB,mBACd,MAAMoB,YAAcjB,yBACpB,MAAMkB,MAAQf","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, createContextScope } 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 { UnstablePortal } 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';\nimport { Slot } from '@radix-ui/react-slot';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * Dialog\n * -----------------------------------------------------------------------------------------------*/\n\nconst DIALOG_NAME = 'Dialog';\n\ntype ScopedProps<P> = P & { __scopeDialog?: Scope };\nconst [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);\n\ntype DialogContextValue = {\n  triggerRef: React.RefObject<HTMLButtonElement>;\n  contentRef: React.RefObject<DialogContentElement>;\n  contentId: string;\n  titleId: string;\n  descriptionId: string;\n  open: boolean;\n  onOpenChange(open: boolean): void;\n  onOpenToggle(): void;\n  modal: boolean;\n  allowPinchZoom: DialogProps['allowPinchZoom'];\n};\n\nconst [DialogProvider, useDialogContext] = createDialogContext<DialogContextValue>(DIALOG_NAME);\n\ntype RemoveScrollProps = React.ComponentProps<typeof RemoveScroll>;\ninterface DialogProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?(open: boolean): void;\n  modal?: boolean;\n  /**\n   * @see https://github.com/theKashey/react-remove-scroll#usage\n   */\n  allowPinchZoom?: RemoveScrollProps['allowPinchZoom'];\n  children?: React.ReactNode;\n}\n\nconst Dialog: React.FC<DialogProps> = (props: ScopedProps<DialogProps>) => {\n  const {\n    __scopeDialog,\n    children,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    modal = true,\n    allowPinchZoom,\n  } = props;\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const contentRef = React.useRef<DialogContentElement>(null);\n  const [open = false, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  return (\n    <DialogProvider\n      scope={__scopeDialog}\n      triggerRef={triggerRef}\n      contentRef={contentRef}\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      allowPinchZoom={allowPinchZoom}\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: ScopedProps<DialogTriggerProps>, forwardedRef) => {\n    const { __scopeDialog, ...triggerProps } = props;\n    const context = useDialogContext(TRIGGER_NAME, __scopeDialog);\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        {...triggerProps}\n        ref={composedTriggerRef}\n        onClick={composeEventHandlers(props.onClick, context.onOpenToggle)}\n      />\n    );\n  }\n);\n\nDialogTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogPortal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'DialogPortal';\n\ntype PortalContextValue = { forceMount?: true };\nconst [PortalProvider, usePortalContext] = createDialogContext<PortalContextValue>(PORTAL_NAME, {\n  forceMount: undefined,\n});\n\ntype PortalProps = React.ComponentPropsWithoutRef<typeof UnstablePortal>;\ninterface DialogPortalProps extends Omit<PortalProps, 'asChild'> {\n  children?: React.ReactNode;\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 DialogPortal: React.FC<DialogPortalProps> = (props: ScopedProps<DialogPortalProps>) => {\n  const { __scopeDialog, forceMount, children, container } = props;\n  const context = useDialogContext(PORTAL_NAME, __scopeDialog);\n  return (\n    <PortalProvider scope={__scopeDialog} forceMount={forceMount}>\n      {React.Children.map(children, (child) => (\n        <Presence present={forceMount || context.open}>\n          <UnstablePortal asChild container={container}>\n            {child}\n          </UnstablePortal>\n        </Presence>\n      ))}\n    </PortalProvider>\n  );\n};\n\nDialogPortal.displayName = PORTAL_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: ScopedProps<DialogOverlayProps>, forwardedRef) => {\n    const portalContext = usePortalContext(OVERLAY_NAME, props.__scopeDialog);\n    const { forceMount = portalContext.forceMount, ...overlayProps } = props;\n    const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);\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: ScopedProps<DialogOverlayImplProps>, forwardedRef) => {\n    const { __scopeDialog, ...overlayProps } = props;\n    const context = useDialogContext(OVERLAY_NAME, __scopeDialog);\n    return (\n      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`\n      // ie. when `Overlay` and `Content` are siblings\n      <RemoveScroll as={Slot} allowPinchZoom={context.allowPinchZoom} shards={[context.contentRef]}>\n        <Primitive.div\n          data-state={getState(context.open)}\n          {...overlayProps}\n          ref={forwardedRef}\n          // We re-enable pointer-events prevented by `Dialog.Content` to allow scrolling the overlay.\n          style={{ pointerEvents: 'auto', ...overlayProps.style }}\n        />\n      </RemoveScroll>\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: ScopedProps<DialogContentProps>, forwardedRef) => {\n    const portalContext = usePortalContext(CONTENT_NAME, props.__scopeDialog);\n    const { forceMount = portalContext.forceMount, ...contentProps } = props;\n    const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);\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: ScopedProps<DialogContentTypeProps>, forwardedRef) => {\n    const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);\n    const contentRef = React.useRef<HTMLDivElement>(null);\n    const composedRefs = useComposedRefs(forwardedRef, context.contentRef, 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      <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    );\n  }\n);\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst DialogContentNonModal = React.forwardRef<DialogContentTypeElement, DialogContentTypeProps>(\n  (props: ScopedProps<DialogContentTypeProps>, forwardedRef) => {\n    const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);\n    const hasInteractedOutsideRef = React.useRef(false);\n\n    return (\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    );\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: ScopedProps<DialogContentImplProps>, forwardedRef) => {\n    const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props;\n    const context = useDialogContext(CONTENT_NAME, __scopeDialog);\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={context.descriptionId}\n            aria-labelledby={context.titleId}\n            data-state={getState(context.open)}\n            {...contentProps}\n            ref={composedRefs}\n            onDismiss={() => context.onOpenChange(false)}\n          />\n        </FocusScope>\n        {process.env.NODE_ENV !== 'production' && (\n          <>\n            <TitleWarning titleId={context.titleId} />\n            <DescriptionWarning contentRef={contentRef} descriptionId={context.descriptionId} />\n          </>\n        )}\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: ScopedProps<DialogTitleProps>, forwardedRef) => {\n    const { __scopeDialog, ...titleProps } = props;\n    const context = useDialogContext(TITLE_NAME, __scopeDialog);\n    return <Primitive.h2 id={context.titleId} {...titleProps} 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: ScopedProps<DialogDescriptionProps>, forwardedRef) => {\n    const { __scopeDialog, ...descriptionProps } = props;\n    const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);\n    return <Primitive.p id={context.descriptionId} {...descriptionProps} 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: ScopedProps<DialogCloseProps>, forwardedRef) => {\n    const { __scopeDialog, ...closeProps } = props;\n    const context = useDialogContext(CLOSE_NAME, __scopeDialog);\n    return (\n      <Primitive.button\n        type=\"button\"\n        {...closeProps}\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 TITLE_WARNING_NAME = 'DialogTitleWarning';\n\nconst [WarningProvider, useWarningContext] = createContext(TITLE_WARNING_NAME, {\n  contentName: CONTENT_NAME,\n  titleName: TITLE_NAME,\n  docsSlug: 'dialog',\n});\n\ntype TitleWarningProps = { titleId?: string };\n\nconst TitleWarning: React.FC<TitleWarningProps> = ({ titleId }) => {\n  const titleWarningContext = useWarningContext(TITLE_WARNING_NAME);\n\n  const MESSAGE = `\\`${titleWarningContext.contentName}\\` requires a \\`${titleWarningContext.titleName}\\` for the component to be accessible for screen reader users.\n\nIf you want to hide the \\`${titleWarningContext.titleName}\\`, you can wrap it with our VisuallyHidden component.\n\nFor more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`;\n\n  React.useEffect(() => {\n    if (titleId) {\n      const hasTitle = document.getElementById(titleId);\n      if (!hasTitle) throw new Error(MESSAGE);\n    }\n  }, [MESSAGE, titleId]);\n\n  return null;\n};\n\nconst DESCRIPTION_WARNING_NAME = 'DialogDescriptionWarning';\n\ntype DescriptionWarningProps = {\n  contentRef: React.RefObject<DialogContentElement>;\n  descriptionId?: string;\n};\n\nconst DescriptionWarning: React.FC<DescriptionWarningProps> = ({ contentRef, descriptionId }) => {\n  const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);\n  const MESSAGE = `Warning: Missing \\`Description\\` or \\`aria-describedby={undefined}\\` for {${descriptionWarningContext.contentName}}.`;\n\n  React.useEffect(() => {\n    const describedById = contentRef.current?.getAttribute('aria-describedby');\n    // if we have an id and the user hasn't set aria-describedby={undefined}\n    if (descriptionId && describedById) {\n      const hasDescription = document.getElementById(descriptionId);\n      if (!hasDescription) console.warn(MESSAGE);\n    }\n  }, [MESSAGE, contentRef, descriptionId]);\n\n  return null;\n};\n\nconst Root = Dialog;\nconst Trigger = DialogTrigger;\nconst Portal = DialogPortal;\nconst Overlay = DialogOverlay;\nconst Content = DialogContent;\nconst Title = DialogTitle;\nconst Description = DialogDescription;\nconst Close = DialogClose;\n\nexport {\n  createDialogScope,\n  //\n  Dialog,\n  DialogTrigger,\n  DialogPortal,\n  DialogOverlay,\n  DialogContent,\n  DialogTitle,\n  DialogDescription,\n  DialogClose,\n  //\n  Root,\n  Trigger,\n  Portal,\n  Overlay,\n  Content,\n  Title,\n  Description,\n  Close,\n  //\n  WarningProvider,\n};\nexport type {\n  DialogProps,\n  DialogTriggerProps,\n  DialogPortalProps,\n  DialogOverlayProps,\n  DialogContentProps,\n  DialogTitleProps,\n  DialogDescriptionProps,\n  DialogCloseProps,\n};\n"],"names":["createDialogContext","createDialogScope","createContextScope","DialogProvider","useDialogContext","Dialog","props","__scopeDialog","children","open","openProp","defaultOpen","onOpenChange","modal","allowPinchZoom","triggerRef","React","useRef","contentRef","setOpen","useControllableState","prop","defaultProp","onChange","_react","createElement","$da81f3af863821fb8a193d321c41d$var$DialogProvider","scope","contentId","useId","titleId","descriptionId","onOpenToggle","useCallback","prevOpen","DialogTrigger","forwardRef","forwardedRef","triggerProps","context","composedTriggerRef","useComposedRefs","Primitive","button","_babelRuntimeHelpersEsmExtends","type","getState","ref","onClick","composeEventHandlers","PortalProvider","usePortalContext","forceMount","undefined","DialogPortal","container","$da81f3af863821fb8a193d321c41d$var$PortalProvider","Children","map","child","Presence","present","UnstablePortal","asChild","DialogOverlay","portalContext","overlayProps","$da81f3af863821fb8a193d321c41d$var$DialogOverlayImpl","DialogOverlayImpl","RemoveScroll","as","Slot","shards","div","style","pointerEvents","DialogContent","contentProps","$da81f3af863821fb8a193d321c41d$var$DialogContentModal","$da81f3af863821fb8a193d321c41d$var$DialogContentNonModal","DialogContentModal","composedRefs","useEffect","content","current","hideOthers","$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","onOpenAutoFocus","useFocusGuards","Fragment","FocusScope","loop","trapped","onMountAutoFocus","onUnmountAutoFocus","DismissableLayer","role","id","onDismiss","DialogTitle","titleProps","h2","DialogDescription","descriptionProps","p","DialogClose","closeProps","WarningProvider","useWarningContext","createContext","contentName","titleName","docsSlug","Root","Trigger","Portal","Overlay","Content","Title","Description","Close"],"version":3,"file":"index.module.js.map"}
+{"mappings":"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","sources":["packages/react/dialog/src/index.ts","packages/react/dialog/src/Dialog.tsx"],"sourcesContent":["export * from './Dialog';\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContext, createContextScope } 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 { UnstablePortal } 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';\nimport { Slot } from '@radix-ui/react-slot';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * Dialog\n * -----------------------------------------------------------------------------------------------*/\n\nconst DIALOG_NAME = 'Dialog';\n\ntype ScopedProps<P> = P & { __scopeDialog?: Scope };\nconst [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);\n\ntype DialogContextValue = {\n  triggerRef: React.RefObject<HTMLButtonElement>;\n  contentRef: React.RefObject<DialogContentElement>;\n  contentId: string;\n  titleId: string;\n  descriptionId: string;\n  open: boolean;\n  onOpenChange(open: boolean): void;\n  onOpenToggle(): void;\n  modal: boolean;\n  allowPinchZoom: DialogProps['allowPinchZoom'];\n};\n\nconst [DialogProvider, useDialogContext] = createDialogContext<DialogContextValue>(DIALOG_NAME);\n\ntype RemoveScrollProps = React.ComponentProps<typeof RemoveScroll>;\ninterface DialogProps {\n  children?: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?(open: boolean): void;\n  modal?: boolean;\n  /**\n   * @see https://github.com/theKashey/react-remove-scroll#usage\n   */\n  allowPinchZoom?: RemoveScrollProps['allowPinchZoom'];\n}\n\nconst Dialog: React.FC<DialogProps> = (props: ScopedProps<DialogProps>) => {\n  const {\n    __scopeDialog,\n    children,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    modal = true,\n    allowPinchZoom,\n  } = props;\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const contentRef = React.useRef<DialogContentElement>(null);\n  const [open = false, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  return (\n    <DialogProvider\n      scope={__scopeDialog}\n      triggerRef={triggerRef}\n      contentRef={contentRef}\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      allowPinchZoom={allowPinchZoom}\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: ScopedProps<DialogTriggerProps>, forwardedRef) => {\n    const { __scopeDialog, ...triggerProps } = props;\n    const context = useDialogContext(TRIGGER_NAME, __scopeDialog);\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        {...triggerProps}\n        ref={composedTriggerRef}\n        onClick={composeEventHandlers(props.onClick, context.onOpenToggle)}\n      />\n    );\n  }\n);\n\nDialogTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DialogPortal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'DialogPortal';\n\ntype PortalContextValue = { forceMount?: true };\nconst [PortalProvider, usePortalContext] = createDialogContext<PortalContextValue>(PORTAL_NAME, {\n  forceMount: undefined,\n});\n\ntype PortalProps = React.ComponentPropsWithoutRef<typeof UnstablePortal>;\ninterface DialogPortalProps extends Omit<PortalProps, 'asChild'> {\n  children?: React.ReactNode;\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 DialogPortal: React.FC<DialogPortalProps> = (props: ScopedProps<DialogPortalProps>) => {\n  const { __scopeDialog, forceMount, children, container } = props;\n  const context = useDialogContext(PORTAL_NAME, __scopeDialog);\n  return (\n    <PortalProvider scope={__scopeDialog} forceMount={forceMount}>\n      {React.Children.map(children, (child) => (\n        <Presence present={forceMount || context.open}>\n          <UnstablePortal asChild container={container}>\n            {child}\n          </UnstablePortal>\n        </Presence>\n      ))}\n    </PortalProvider>\n  );\n};\n\nDialogPortal.displayName = PORTAL_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: ScopedProps<DialogOverlayProps>, forwardedRef) => {\n    const portalContext = usePortalContext(OVERLAY_NAME, props.__scopeDialog);\n    const { forceMount = portalContext.forceMount, ...overlayProps } = props;\n    const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);\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: ScopedProps<DialogOverlayImplProps>, forwardedRef) => {\n    const { __scopeDialog, ...overlayProps } = props;\n    const context = useDialogContext(OVERLAY_NAME, __scopeDialog);\n    return (\n      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`\n      // ie. when `Overlay` and `Content` are siblings\n      <RemoveScroll as={Slot} allowPinchZoom={context.allowPinchZoom} shards={[context.contentRef]}>\n        <Primitive.div\n          data-state={getState(context.open)}\n          {...overlayProps}\n          ref={forwardedRef}\n          // We re-enable pointer-events prevented by `Dialog.Content` to allow scrolling the overlay.\n          style={{ pointerEvents: 'auto', ...overlayProps.style }}\n        />\n      </RemoveScroll>\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: ScopedProps<DialogContentProps>, forwardedRef) => {\n    const portalContext = usePortalContext(CONTENT_NAME, props.__scopeDialog);\n    const { forceMount = portalContext.forceMount, ...contentProps } = props;\n    const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);\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: ScopedProps<DialogContentTypeProps>, forwardedRef) => {\n    const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);\n    const contentRef = React.useRef<HTMLDivElement>(null);\n    const composedRefs = useComposedRefs(forwardedRef, context.contentRef, 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      <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    );\n  }\n);\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst DialogContentNonModal = React.forwardRef<DialogContentTypeElement, DialogContentTypeProps>(\n  (props: ScopedProps<DialogContentTypeProps>, forwardedRef) => {\n    const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);\n    const hasInteractedOutsideRef = React.useRef(false);\n\n    return (\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    );\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: ScopedProps<DialogContentImplProps>, forwardedRef) => {\n    const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props;\n    const context = useDialogContext(CONTENT_NAME, __scopeDialog);\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={context.descriptionId}\n            aria-labelledby={context.titleId}\n            data-state={getState(context.open)}\n            {...contentProps}\n            ref={composedRefs}\n            onDismiss={() => context.onOpenChange(false)}\n          />\n        </FocusScope>\n        {process.env.NODE_ENV !== 'production' && (\n          <>\n            <TitleWarning titleId={context.titleId} />\n            <DescriptionWarning contentRef={contentRef} descriptionId={context.descriptionId} />\n          </>\n        )}\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: ScopedProps<DialogTitleProps>, forwardedRef) => {\n    const { __scopeDialog, ...titleProps } = props;\n    const context = useDialogContext(TITLE_NAME, __scopeDialog);\n    return <Primitive.h2 id={context.titleId} {...titleProps} 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: ScopedProps<DialogDescriptionProps>, forwardedRef) => {\n    const { __scopeDialog, ...descriptionProps } = props;\n    const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);\n    return <Primitive.p id={context.descriptionId} {...descriptionProps} 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: ScopedProps<DialogCloseProps>, forwardedRef) => {\n    const { __scopeDialog, ...closeProps } = props;\n    const context = useDialogContext(CLOSE_NAME, __scopeDialog);\n    return (\n      <Primitive.button\n        type=\"button\"\n        {...closeProps}\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 TITLE_WARNING_NAME = 'DialogTitleWarning';\n\nconst [WarningProvider, useWarningContext] = createContext(TITLE_WARNING_NAME, {\n  contentName: CONTENT_NAME,\n  titleName: TITLE_NAME,\n  docsSlug: 'dialog',\n});\n\ntype TitleWarningProps = { titleId?: string };\n\nconst TitleWarning: React.FC<TitleWarningProps> = ({ titleId }) => {\n  const titleWarningContext = useWarningContext(TITLE_WARNING_NAME);\n\n  const MESSAGE = `\\`${titleWarningContext.contentName}\\` requires a \\`${titleWarningContext.titleName}\\` for the component to be accessible for screen reader users.\n\nIf you want to hide the \\`${titleWarningContext.titleName}\\`, you can wrap it with our VisuallyHidden component.\n\nFor more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`;\n\n  React.useEffect(() => {\n    if (titleId) {\n      const hasTitle = document.getElementById(titleId);\n      if (!hasTitle) throw new Error(MESSAGE);\n    }\n  }, [MESSAGE, titleId]);\n\n  return null;\n};\n\nconst DESCRIPTION_WARNING_NAME = 'DialogDescriptionWarning';\n\ntype DescriptionWarningProps = {\n  contentRef: React.RefObject<DialogContentElement>;\n  descriptionId?: string;\n};\n\nconst DescriptionWarning: React.FC<DescriptionWarningProps> = ({ contentRef, descriptionId }) => {\n  const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);\n  const MESSAGE = `Warning: Missing \\`Description\\` or \\`aria-describedby={undefined}\\` for {${descriptionWarningContext.contentName}}.`;\n\n  React.useEffect(() => {\n    const describedById = contentRef.current?.getAttribute('aria-describedby');\n    // if we have an id and the user hasn't set aria-describedby={undefined}\n    if (descriptionId && describedById) {\n      const hasDescription = document.getElementById(descriptionId);\n      if (!hasDescription) console.warn(MESSAGE);\n    }\n  }, [MESSAGE, contentRef, descriptionId]);\n\n  return null;\n};\n\nconst Root = Dialog;\nconst Trigger = DialogTrigger;\nconst Portal = DialogPortal;\nconst Overlay = DialogOverlay;\nconst Content = DialogContent;\nconst Title = DialogTitle;\nconst Description = DialogDescription;\nconst Close = DialogClose;\n\nexport {\n  createDialogScope,\n  //\n  Dialog,\n  DialogTrigger,\n  DialogPortal,\n  DialogOverlay,\n  DialogContent,\n  DialogTitle,\n  DialogDescription,\n  DialogClose,\n  //\n  Root,\n  Trigger,\n  Portal,\n  Overlay,\n  Content,\n  Title,\n  Description,\n  Close,\n  //\n  WarningProvider,\n};\nexport type {\n  DialogProps,\n  DialogTriggerProps,\n  DialogPortalProps,\n  DialogOverlayProps,\n  DialogContentProps,\n  DialogTitleProps,\n  DialogDescriptionProps,\n  DialogCloseProps,\n};\n"],"names":["React","composeEventHandlers","useComposedRefs","createContext","createContextScope","useId","useControllableState","DismissableLayer","FocusScope","UnstablePortal","Presence","Primitive","useFocusGuards","RemoveScroll","hideOthers","Slot","DIALOG_NAME","createDialogContext","createDialogScope","DialogProvider","useDialogContext","Dialog","props","__scopeDialog","children","open","openProp","defaultOpen","onOpenChange","modal","allowPinchZoom","triggerRef","useRef","contentRef","setOpen","prop","defaultProp","onChange","useCallback","prevOpen","TRIGGER_NAME","DialogTrigger","forwardRef","forwardedRef","triggerProps","context","composedTriggerRef","contentId","getState","onClick","onOpenToggle","PORTAL_NAME","PortalProvider","usePortalContext","forceMount","undefined","DialogPortal","container","Children","map","child","OVERLAY_NAME","DialogOverlay","portalContext","overlayProps","DialogOverlayImpl","pointerEvents","style","CONTENT_NAME","DialogContent","contentProps","DialogContentModal","composedRefs","useEffect","content","current","onCloseAutoFocus","event","preventDefault","focus","onPointerDownOutside","originalEvent","detail","ctrlLeftClick","button","ctrlKey","isRightClick","onFocusOutside","DialogContentNonModal","hasInteractedOutsideRef","defaultPrevented","onInteractOutside","target","targetIsTrigger","contains","DialogContentImpl","trapFocus","onOpenAutoFocus","descriptionId","titleId","process","env","NODE_ENV","TITLE_NAME","DialogTitle","titleProps","DESCRIPTION_NAME","DialogDescription","descriptionProps","CLOSE_NAME","DialogClose","closeProps","TITLE_WARNING_NAME","WarningProvider","useWarningContext","contentName","titleName","docsSlug","TitleWarning","titleWarningContext","MESSAGE","hasTitle","document","getElementById","Error","DESCRIPTION_WARNING_NAME","DescriptionWarning","descriptionWarningContext","describedById","getAttribute","hasDescription","console","warn","Root","Trigger","Portal","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.1.8-rc.1",
+  "version": "0.1.8-rc.12",
   "license": "MIT",
   "source": "src/index.ts",
   "main": "dist/index.js",
@@ -18,23 +18,23 @@
   "dependencies": {
     "@babel/runtime": "^7.13.10",
     "@radix-ui/primitive": "0.1.0",
-    "@radix-ui/react-compose-refs": "0.1.0",
-    "@radix-ui/react-context": "0.1.1",
-    "@radix-ui/react-dismissable-layer": "0.1.5",
-    "@radix-ui/react-focus-guards": "0.1.0",
-    "@radix-ui/react-focus-scope": "0.1.4",
-    "@radix-ui/react-id": "0.1.5",
-    "@radix-ui/react-portal": "0.1.4",
-    "@radix-ui/react-presence": "0.1.2",
-    "@radix-ui/react-primitive": "0.1.4",
-    "@radix-ui/react-slot": "0.1.2",
-    "@radix-ui/react-use-controllable-state": "0.1.0",
+    "@radix-ui/react-compose-refs": "0.1.1-rc.5",
+    "@radix-ui/react-context": "0.1.2-rc.5",
+    "@radix-ui/react-dismissable-layer": "0.1.6-rc.5",
+    "@radix-ui/react-focus-guards": "0.1.1-rc.5",
+    "@radix-ui/react-focus-scope": "0.1.5-rc.5",
+    "@radix-ui/react-id": "0.1.6-rc.5",
+    "@radix-ui/react-portal": "0.1.5-rc.5",
+    "@radix-ui/react-presence": "0.1.3-rc.5",
+    "@radix-ui/react-primitive": "0.1.5-rc.5",
+    "@radix-ui/react-slot": "0.1.3-rc.5",
+    "@radix-ui/react-use-controllable-state": "0.1.1-rc.5",
     "aria-hidden": "^1.1.1",
     "react-remove-scroll": "^2.4.0"
   },
   "peerDependencies": {
-    "react": "^16.8 || ^17.0",
-    "react-dom": "^16.8 || ^17.0"
+    "react": "^16.8 || ^17.0 || ^18.0",
+    "react-dom": "^16.8 || ^17.0 || ^18.0"
   },
   "homepage": "https://radix-ui.com/primitives",
   "repository": {