@tamagui/dismissable 1.0.1-beta.99 → 1.0.1-rc.0

package/dist/cjs/Dismissable.js

@@ -1,38 +1,10 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -45,20 +17,22 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Dismissable_exports = {};
 __export(Dismissable_exports, {
-  Branch: () => Branch,
   Dismissable: () => Dismissable,
-  DismissableBranch: () => DismissableBranch,
-  Root: () => Root
+  DismissableBranch: () => DismissableBranch
 });
 module.exports = __toCommonJS(Dismissable_exports);
-var import_react_use_callback_ref = require("@radix-ui/react-use-callback-ref");
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_use_escape_keydown = require("@radix-ui/react-use-escape-keydown");
 var import_compose_refs = require("@tamagui/compose-refs");
 var import_core = require("@tamagui/core");
+var import_use_event = require("@tamagui/use-event");
 var React = __toESM(require("react"));
 var ReactDOM = __toESM(require("react-dom"));
 function dispatchDiscreteCustomEvent(target, event) {
@@ -76,21 +50,16 @@ const DismissableContext = React.createContext({
   branches: /* @__PURE__ */ new Set()
 });
 const Dismissable = React.forwardRef((props, forwardedRef) => {
-  const _a = props, {
+  const {
     disableOutsidePointerEvents = false,
+    forceUnmount,
     onEscapeKeyDown,
     onPointerDownOutside,
     onFocusOutside,
     onInteractOutside,
-    onDismiss
-  } = _a, layerProps = __objRest(_a, [
-    "disableOutsidePointerEvents",
-    "onEscapeKeyDown",
-    "onPointerDownOutside",
-    "onFocusOutside",
-    "onInteractOutside",
-    "onDismiss"
-  ]);
+    onDismiss,
+    ...layerProps
+  } = props;
   const context = React.useContext(DismissableContext);
   const [node, setNode] = React.useState(null);
   const [, force] = React.useState({});
@@ -150,6 +119,8 @@ const Dismissable = React.forwardRef((props, forwardedRef) => {
     };
   }, [node, disableOutsidePointerEvents, context]);
   React.useEffect(() => {
+    if (forceUnmount)
+      return;
     return () => {
       if (!node)
         return;
@@ -157,68 +128,89 @@ const Dismissable = React.forwardRef((props, forwardedRef) => {
       context.layersWithOutsidePointerEventsDisabled.delete(node);
       dispatchUpdate();
     };
-  }, [node, context]);
+  }, [node, context, forceUnmount]);
   React.useEffect(() => {
-    const handleUpdate = () => force({});
+    const handleUpdate = () => {
+      force({});
+    };
     document.addEventListener(CONTEXT_UPDATE, handleUpdate);
     return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
   }, []);
-  return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, layerProps), {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+    ...layerProps,
     ref: composedRefs,
-    style: __spreadValues({
+    style: {
       display: "contents",
-      pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? "auto" : "none" : void 0
-    }, props.style),
-    onFocusCapture: (0, import_core.composeEventHandlers)(props.onFocusCapture, focusOutside.onFocusCapture),
-    onBlurCapture: (0, import_core.composeEventHandlers)(props.onBlurCapture, focusOutside.onBlurCapture),
-    onPointerDownCapture: (0, import_core.composeEventHandlers)(props.onPointerDownCapture, pointerDownOutside.onPointerDownCapture)
-  }));
+      pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? "auto" : "none" : void 0,
+      ...props.style
+    },
+    onFocusCapture: (0, import_core.composeEventHandlers)(
+      props.onFocusCapture,
+      focusOutside.onFocusCapture
+    ),
+    onBlurCapture: (0, import_core.composeEventHandlers)(
+      props.onBlurCapture,
+      focusOutside.onBlurCapture
+    ),
+    onPointerDownCapture: (0, import_core.composeEventHandlers)(
+      props.onPointerDownCapture,
+      pointerDownOutside.onPointerDownCapture
+    )
+  });
 });
 Dismissable.displayName = DISMISSABLE_LAYER_NAME;
 const BRANCH_NAME = "DismissableBranch";
-const DismissableBranch = React.forwardRef((props, forwardedRef) => {
-  const context = React.useContext(DismissableContext);
-  const ref = React.useRef(null);
-  const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref);
-  React.useEffect(() => {
-    const node = ref.current;
-    if (node) {
-      context.branches.add(node);
-      return () => {
-        context.branches.delete(node);
-      };
-    }
-  }, [context.branches]);
-  return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({
-    style: { display: "contents" }
-  }, props), {
-    ref: composedRefs
-  }));
-});
+const DismissableBranch = React.forwardRef(
+  (props, forwardedRef) => {
+    const context = React.useContext(DismissableContext);
+    const ref = React.useRef(null);
+    const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref);
+    React.useEffect(() => {
+      const node = ref.current;
+      if (node) {
+        context.branches.add(node);
+        return () => {
+          context.branches.delete(node);
+        };
+      }
+    }, [context.branches]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+      style: { display: "contents" },
+      ...props,
+      ref: composedRefs
+    });
+  }
+);
 DismissableBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside) {
-  const handlePointerDownOutside = (0, import_react_use_callback_ref.useCallbackRef)(onPointerDownOutside);
+  const handlePointerDownOutside = (0, import_use_event.useEvent)(onPointerDownOutside);
   const isPointerInsideReactTreeRef = React.useRef(false);
   const handleClickRef = React.useRef(() => {
   });
   React.useEffect(() => {
     const handlePointerDown = (event) => {
       if (event.target && !isPointerInsideReactTreeRef.current) {
-        let handleAndDispatchPointerDownOutsideEvent = function() {
-          handleAndDispatchCustomEvent(POINTER_DOWN_OUTSIDE, handlePointerDownOutside, eventDetail, { discrete: true });
+        let handleAndDispatchPointerDownOutsideEvent2 = function() {
+          handleAndDispatchCustomEvent(
+            POINTER_DOWN_OUTSIDE,
+            handlePointerDownOutside,
+            eventDetail,
+            { discrete: true }
+          );
         };
+        var handleAndDispatchPointerDownOutsideEvent = handleAndDispatchPointerDownOutsideEvent2;
         const eventDetail = { originalEvent: event };
         if (event.pointerType === "touch") {
           document.removeEventListener("click", handleClickRef.current);
-          handleClickRef.current = handleAndDispatchPointerDownOutsideEvent;
+          handleClickRef.current = handleAndDispatchPointerDownOutsideEvent2;
           document.addEventListener("click", handleClickRef.current, { once: true });
         } else {
-          handleAndDispatchPointerDownOutsideEvent();
+          handleAndDispatchPointerDownOutsideEvent2();
         }
       }
       isPointerInsideReactTreeRef.current = false;
     };
-    const timerId = window.setTimeout(() => {
+    const timerId = setTimeout(() => {
       document.addEventListener("pointerdown", handlePointerDown);
     }, 0);
     return () => {
@@ -232,7 +224,7 @@ function usePointerDownOutside(onPointerDownOutside) {
   };
 }
 function useFocusOutside(onFocusOutside) {
-  const handleFocusOutside = (0, import_react_use_callback_ref.useCallbackRef)(onFocusOutside);
+  const handleFocusOutside = (0, import_use_event.useEvent)(onFocusOutside);
   const isFocusInsideReactTreeRef = React.useRef(false);
   React.useEffect(() => {
     const handleFocus = (event) => {
@@ -266,13 +258,9 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
     target.dispatchEvent(event);
   }
 }
-const Root = Dismissable;
-const Branch = DismissableBranch;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Branch,
   Dismissable,
-  DismissableBranch,
-  Root
+  DismissableBranch
 });
 //# sourceMappingURL=Dismissable.js.map

package/dist/cjs/Dismissable.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Dismissable.tsx"],
-  "sourcesContent": ["// forked from radix-ui\n// https://github.com/radix-ui/primitives/blob/cfd8dcba5fa6a0e751486af418d05a7b88a7f541/packages/react/dismissable-layer/src/DismissableLayer.tsx#L324\n\nimport { useCallbackRef } from '@radix-ui/react-use-callback-ref'\nimport { useEscapeKeydown } from '@radix-ui/react-use-escape-keydown'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport { composeEventHandlers } from '@tamagui/core'\nimport * as React from 'react'\nimport * as ReactDOM from 'react-dom'\n\nimport { DismissableBranchProps, DismissableProps } from './DismissableProps'\n\nfunction dispatchDiscreteCustomEvent<E extends CustomEvent>(target: E['target'], event: E) {\n  if (target) ReactDOM.flushSync(() => target.dispatchEvent(event))\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Dismissable\n * -----------------------------------------------------------------------------------------------*/\n\nconst DISMISSABLE_LAYER_NAME = 'Dismissable'\nconst CONTEXT_UPDATE = 'dismissable.update'\nconst POINTER_DOWN_OUTSIDE = 'dismissable.pointerDownOutside'\nconst FOCUS_OUTSIDE = 'dismissable.focusOutside'\n\nlet originalBodyPointerEvents: string\n\nconst DismissableContext = React.createContext({\n  layers: new Set<HTMLDivElement>(),\n  layersWithOutsidePointerEventsDisabled: new Set<HTMLDivElement>(),\n  branches: new Set<HTMLDivElement>(),\n})\n\nconst Dismissable = React.forwardRef<HTMLDivElement, DismissableProps>((props, forwardedRef) => {\n  const {\n    disableOutsidePointerEvents = false,\n    onEscapeKeyDown,\n    onPointerDownOutside,\n    onFocusOutside,\n    onInteractOutside,\n    onDismiss,\n    ...layerProps\n  } = props\n  const context = React.useContext(DismissableContext)\n  const [node, setNode] = React.useState<HTMLDivElement | null>(null)\n  const [, force] = React.useState({})\n  const composedRefs = useComposedRefs(forwardedRef, (node) => setNode(node))\n  const layers = Array.from(context.layers)\n  const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1); // prettier-ignore\n  const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled); // prettier-ignore\n  const index = node ? layers.indexOf(node) : -1\n  const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0\n  const isPointerEventsEnabled = index >= highestLayerWithOutsidePointerEventsDisabledIndex\n\n  const pointerDownOutside = usePointerDownOutside((event) => {\n    const target = event.target as HTMLDivElement\n    const isPointerDownOnBranch = [...context.branches].some((branch) => branch.contains(target))\n    if (!isPointerEventsEnabled || isPointerDownOnBranch) return\n    onPointerDownOutside?.(event)\n    onInteractOutside?.(event)\n    if (!event.defaultPrevented) onDismiss?.()\n  })\n\n  const focusOutside = useFocusOutside((event) => {\n    const target = event.target as HTMLDivElement\n    const isFocusInBranch = [...context.branches].some((branch) => branch.contains(target))\n    if (isFocusInBranch) return\n    onFocusOutside?.(event)\n    onInteractOutside?.(event)\n    if (!event.defaultPrevented) onDismiss?.()\n  })\n\n  useEscapeKeydown((event) => {\n    const isHighestLayer = index === context.layers.size - 1\n    if (!isHighestLayer) return\n    onEscapeKeyDown?.(event)\n    if (!event.defaultPrevented && onDismiss) {\n      event.preventDefault()\n      onDismiss()\n    }\n  })\n\n  React.useEffect(() => {\n    if (!node) return\n    if (disableOutsidePointerEvents) {\n      if (context.layersWithOutsidePointerEventsDisabled.size === 0) {\n        originalBodyPointerEvents = document.body.style.pointerEvents\n        document.body.style.pointerEvents = 'none'\n      }\n      context.layersWithOutsidePointerEventsDisabled.add(node)\n    }\n    context.layers.add(node)\n    dispatchUpdate()\n    return () => {\n      if (\n        disableOutsidePointerEvents &&\n        context.layersWithOutsidePointerEventsDisabled.size === 1\n      ) {\n        document.body.style.pointerEvents = originalBodyPointerEvents\n      }\n    }\n  }, [node, disableOutsidePointerEvents, context])\n\n  /**\n   * We purposefully prevent combining this effect with the `disableOutsidePointerEvents` effect\n   * because a change to `disableOutsidePointerEvents` would remove this layer from the stack\n   * and add it to the end again so the layering order wouldn't be _creation order_.\n   * We only want them to be removed from context stacks when unmounted.\n   */\n  React.useEffect(() => {\n    return () => {\n      if (!node) return\n      context.layers.delete(node)\n      context.layersWithOutsidePointerEventsDisabled.delete(node)\n      dispatchUpdate()\n    }\n  }, [node, context])\n\n  React.useEffect(() => {\n    const handleUpdate = () => force({})\n    document.addEventListener(CONTEXT_UPDATE, handleUpdate)\n    return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate)\n  }, [])\n\n  return (\n    <div\n      {...layerProps}\n      // @ts-ignore\n      ref={composedRefs}\n      style={{\n        display: 'contents',\n        pointerEvents: isBodyPointerEventsDisabled\n          ? isPointerEventsEnabled\n            ? 'auto'\n            : 'none'\n          : undefined,\n        // @ts-ignore\n        ...props.style,\n      }}\n      onFocusCapture={composeEventHandlers(\n        // @ts-ignore\n        props.onFocusCapture,\n        focusOutside.onFocusCapture\n      )}\n      onBlurCapture={composeEventHandlers(\n        // @ts-ignore\n        props.onBlurCapture,\n        focusOutside.onBlurCapture\n      )}\n      // @ts-ignore\n      onPointerDownCapture={composeEventHandlers(\n        // @ts-ignore\n        props.onPointerDownCapture,\n        pointerDownOutside.onPointerDownCapture\n      )}\n    />\n  )\n})\n\nDismissable.displayName = DISMISSABLE_LAYER_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DismissableBranch\n * -----------------------------------------------------------------------------------------------*/\n\nconst BRANCH_NAME = 'DismissableBranch'\n\nconst DismissableBranch = React.forwardRef<HTMLDivElement, DismissableBranchProps>(\n  (props, forwardedRef) => {\n    const context = React.useContext(DismissableContext)\n    const ref = React.useRef<HTMLDivElement>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref)\n\n    React.useEffect(() => {\n      const node = ref.current\n      if (node) {\n        context.branches.add(node)\n        return () => {\n          context.branches.delete(node)\n        }\n      }\n    }, [context.branches])\n\n    return <div style={{ display: 'contents' }} {...props} ref={composedRefs} />\n  }\n)\n\nDismissableBranch.displayName = BRANCH_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\nexport type PointerDownOutsideEvent = CustomEvent<{ originalEvent: PointerEvent }>\nexport type FocusOutsideEvent = CustomEvent<{ originalEvent: FocusEvent }>\n\n/**\n * Listens for `pointerdown` outside a react subtree. We use `pointerdown` rather than `pointerup`\n * to mimic layer dismissing behaviour present in OS.\n * Returns props to pass to the node we want to check for outside events.\n */\nfunction usePointerDownOutside(onPointerDownOutside?: (event: PointerDownOutsideEvent) => void) {\n  const handlePointerDownOutside = useCallbackRef(onPointerDownOutside) as EventListener\n  const isPointerInsideReactTreeRef = React.useRef(false)\n  const handleClickRef = React.useRef(() => {})\n\n  React.useEffect(() => {\n    const handlePointerDown = (event: PointerEvent) => {\n      if (event.target && !isPointerInsideReactTreeRef.current) {\n        const eventDetail = { originalEvent: event }\n\n        function handleAndDispatchPointerDownOutsideEvent() {\n          handleAndDispatchCustomEvent(\n            POINTER_DOWN_OUTSIDE,\n            handlePointerDownOutside,\n            eventDetail,\n            { discrete: true }\n          )\n        }\n\n        /**\n         * On touch devices, we need to wait for a click event because browsers implement\n         * a ~350ms delay between the time the user stops touching the display and when the\n         * browser executres events. We need to ensure we don't reactivate pointer-events within\n         * this timeframe otherwise the browser may execute events that should have been prevented.\n         *\n         * Additionally, this also lets us deal automatically with cancellations when a click event\n         * isn't raised because the page was considered scrolled/drag-scrolled, long-pressed, etc.\n         *\n         * This is why we also continuously remove the previous listener, because we cannot be\n         * certain that it was raised, and therefore cleaned-up.\n         */\n        if (event.pointerType === 'touch') {\n          document.removeEventListener('click', handleClickRef.current)\n          handleClickRef.current = handleAndDispatchPointerDownOutsideEvent\n          document.addEventListener('click', handleClickRef.current, { once: true })\n        } else {\n          handleAndDispatchPointerDownOutsideEvent()\n        }\n      }\n      isPointerInsideReactTreeRef.current = false\n    }\n    /**\n     * if this hook executes in a component that mounts via a `pointerdown` event, the event\n     * would bubble up to the document and trigger a `pointerDownOutside` event. We avoid\n     * this by delaying the event listener registration on the document.\n     * This is not React specific, but rather how the DOM works, ie:\n     * ```\n     * button.addEventListener('pointerdown', () => {\n     *   console.log('I will log');\n     *   document.addEventListener('pointerdown', () => {\n     *     console.log('I will also log');\n     *   })\n     * });\n     */\n    const timerId = window.setTimeout(() => {\n      document.addEventListener('pointerdown', handlePointerDown)\n    }, 0)\n    return () => {\n      window.clearTimeout(timerId)\n      document.removeEventListener('pointerdown', handlePointerDown)\n      document.removeEventListener('click', handleClickRef.current)\n    }\n  }, [handlePointerDownOutside])\n\n  return {\n    // ensures we check React component tree (not just DOM tree)\n    onPointerDownCapture: () => (isPointerInsideReactTreeRef.current = true),\n  }\n}\n\n/**\n * Listens for when focus happens outside a react subtree.\n * Returns props to pass to the root (node) of the subtree we want to check.\n */\nfunction useFocusOutside(onFocusOutside?: (event: FocusOutsideEvent) => void) {\n  const handleFocusOutside = useCallbackRef(onFocusOutside) as EventListener\n  const isFocusInsideReactTreeRef = React.useRef(false)\n\n  React.useEffect(() => {\n    const handleFocus = (event: FocusEvent) => {\n      if (event.target && !isFocusInsideReactTreeRef.current) {\n        const eventDetail = { originalEvent: event }\n        handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, eventDetail, {\n          discrete: false,\n        })\n      }\n    }\n    document.addEventListener('focusin', handleFocus)\n    return () => document.removeEventListener('focusin', handleFocus)\n  }, [handleFocusOutside])\n\n  return {\n    onFocusCapture: () => (isFocusInsideReactTreeRef.current = true),\n    onBlurCapture: () => (isFocusInsideReactTreeRef.current = false),\n  }\n}\n\nfunction dispatchUpdate() {\n  const event = new CustomEvent(CONTEXT_UPDATE)\n  document.dispatchEvent(event)\n}\n\nfunction handleAndDispatchCustomEvent<E extends CustomEvent, OriginalEvent extends Event>(\n  name: string,\n  handler: ((event: E) => void) | undefined,\n  detail: { originalEvent: OriginalEvent } & (E extends CustomEvent<infer D> ? D : never),\n  { discrete }: { discrete: boolean }\n) {\n  const target = detail.originalEvent.target\n  const event = new CustomEvent(name, { bubbles: false, cancelable: true, detail })\n  if (handler) target.addEventListener(name, handler as EventListener, { once: true })\n\n  if (discrete) {\n    dispatchDiscreteCustomEvent(target, event)\n  } else {\n    target.dispatchEvent(event)\n  }\n}\n\nconst Root = Dismissable\nconst Branch = DismissableBranch\n\nexport {\n  Dismissable,\n  DismissableBranch,\n  //\n  Root,\n  Branch,\n}\n\nexport type { DismissableProps }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,oCAA+B;AAC/B,sCAAiC;AACjC,0BAAgC;AAChC,kBAAqC;AACrC,YAAuB;AACvB,eAA0B;AAI1B,qCAA4D,QAAqB,OAAU;AACzF,MAAI;AAAQ,aAAS,UAAU,MAAM,OAAO,cAAc,KAAK,CAAC;AAClE;AAMA,MAAM,yBAAyB;AAC/B,MAAM,iBAAiB;AACvB,MAAM,uBAAuB;AAC7B,MAAM,gBAAgB;AAEtB,IAAI;AAEJ,MAAM,qBAAqB,MAAM,cAAc;AAAA,EAC7C,QAAQ,oBAAI,IAAoB;AAAA,EAChC,wCAAwC,oBAAI,IAAoB;AAAA,EAChE,UAAU,oBAAI,IAAoB;AACpC,CAAC;AAED,MAAM,cAAc,MAAM,WAA6C,CAAC,OAAO,iBAAiB;AAC9F,QAQI,YAPF;AAAA,kCAA8B;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEE,IADC,uBACD,IADC;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,UAAU,MAAM,WAAW,kBAAkB;AACnD,QAAM,CAAC,MAAM,WAAW,MAAM,SAAgC,IAAI;AAClE,QAAM,CAAC,EAAE,SAAS,MAAM,SAAS,CAAC,CAAC;AACnC,QAAM,eAAe,yCAAgB,cAAc,CAAC,UAAS,QAAQ,KAAI,CAAC;AAC1E,QAAM,SAAS,MAAM,KAAK,QAAQ,MAAM;AACxC,QAAM,CAAC,gDAAgD,CAAC,GAAG,QAAQ,sCAAsC,EAAE,MAAM,EAAE;AACnH,QAAM,oDAAoD,OAAO,QAAQ,4CAA4C;AACrH,QAAM,QAAQ,OAAO,OAAO,QAAQ,IAAI,IAAI;AAC5C,QAAM,8BAA8B,QAAQ,uCAAuC,OAAO;AAC1F,QAAM,yBAAyB,SAAS;AAExC,QAAM,qBAAqB,sBAAsB,CAAC,UAAU;AAC1D,UAAM,SAAS,MAAM;AACrB,UAAM,wBAAwB,CAAC,GAAG,QAAQ,QAAQ,EAAE,KAAK,CAAC,WAAW,OAAO,SAAS,MAAM,CAAC;AAC5F,QAAI,CAAC,0BAA0B;AAAuB;AACtD,iEAAuB;AACvB,2DAAoB;AACpB,QAAI,CAAC,MAAM;AAAkB;AAAA,EAC/B,CAAC;AAED,QAAM,eAAe,gBAAgB,CAAC,UAAU;AAC9C,UAAM,SAAS,MAAM;AACrB,UAAM,kBAAkB,CAAC,GAAG,QAAQ,QAAQ,EAAE,KAAK,CAAC,WAAW,OAAO,SAAS,MAAM,CAAC;AACtF,QAAI;AAAiB;AACrB,qDAAiB;AACjB,2DAAoB;AACpB,QAAI,CAAC,MAAM;AAAkB;AAAA,EAC/B,CAAC;AAED,wDAAiB,CAAC,UAAU;AAC1B,UAAM,iBAAiB,UAAU,QAAQ,OAAO,OAAO;AACvD,QAAI,CAAC;AAAgB;AACrB,uDAAkB;AAClB,QAAI,CAAC,MAAM,oBAAoB,WAAW;AACxC,YAAM,eAAe;AACrB,gBAAU;AAAA,IACZ;AAAA,EACF,CAAC;AAED,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC;AAAM;AACX,QAAI,6BAA6B;AAC/B,UAAI,QAAQ,uCAAuC,SAAS,GAAG;AAC7D,oCAA4B,SAAS,KAAK,MAAM;AAChD,iBAAS,KAAK,MAAM,gBAAgB;AAAA,MACtC;AACA,cAAQ,uCAAuC,IAAI,IAAI;AAAA,IACzD;AACA,YAAQ,OAAO,IAAI,IAAI;AACvB,mBAAe;AACf,WAAO,MAAM;AACX,UACE,+BACA,QAAQ,uCAAuC,SAAS,GACxD;AACA,iBAAS,KAAK,MAAM,gBAAgB;AAAA,MACtC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,6BAA6B,OAAO,CAAC;AAQ/C,QAAM,UAAU,MAAM;AACpB,WAAO,MAAM;AACX,UAAI,CAAC;AAAM;AACX,cAAQ,OAAO,OAAO,IAAI;AAC1B,cAAQ,uCAAuC,OAAO,IAAI;AAC1D,qBAAe;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,QAAM,UAAU,MAAM;AACpB,UAAM,eAAe,MAAM,MAAM,CAAC,CAAC;AACnC,aAAS,iBAAiB,gBAAgB,YAAY;AACtD,WAAO,MAAM,SAAS,oBAAoB,gBAAgB,YAAY;AAAA,EACxE,GAAG,CAAC,CAAC;AAEL,SACE,oCAAC,wCACK,aADL;AAAA,IAGC,KAAK;AAAA,IACL,OAAO;AAAA,MACL,SAAS;AAAA,MACT,eAAe,8BACX,yBACE,SACA,SACF;AAAA,OAED,MAAM;AAAA,IAEX,gBAAgB,sCAEd,MAAM,gBACN,aAAa,cACf;AAAA,IACA,eAAe,sCAEb,MAAM,eACN,aAAa,aACf;AAAA,IAEA,sBAAsB,sCAEpB,MAAM,sBACN,mBAAmB,oBACrB;AAAA,IACF;AAEJ,CAAC;AAED,YAAY,cAAc;AAM1B,MAAM,cAAc;AAEpB,MAAM,oBAAoB,MAAM,WAC9B,CAAC,OAAO,iBAAiB;AACvB,QAAM,UAAU,MAAM,WAAW,kBAAkB;AACnD,QAAM,MAAM,MAAM,OAAuB,IAAI;AAC7C,QAAM,eAAe,yCAAgB,cAAc,GAAG;AAEtD,QAAM,UAAU,MAAM;AACpB,UAAM,OAAO,IAAI;AACjB,QAAI,MAAM;AACR,cAAQ,SAAS,IAAI,IAAI;AACzB,aAAO,MAAM;AACX,gBAAQ,SAAS,OAAO,IAAI;AAAA,MAC9B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,QAAQ,CAAC;AAErB,SAAO,oCAAC;AAAA,IAAI,OAAO,EAAE,SAAS,WAAW;AAAA,KAAO,QAAxC;AAAA,IAA+C,KAAK;AAAA,IAAc;AAC5E,CACF;AAEA,kBAAkB,cAAc;AAYhC,+BAA+B,sBAAiE;AAC9F,QAAM,2BAA2B,kDAAe,oBAAoB;AACpE,QAAM,8BAA8B,MAAM,OAAO,KAAK;AACtD,QAAM,iBAAiB,MAAM,OAAO,MAAM;AAAA,EAAC,CAAC;AAE5C,QAAM,UAAU,MAAM;AACpB,UAAM,oBAAoB,CAAC,UAAwB;AACjD,UAAI,MAAM,UAAU,CAAC,4BAA4B,SAAS;AAGxD,YAAS,2CAAT,WAAoD;AAClD,uCACE,sBACA,0BACA,aACA,EAAE,UAAU,KAAK,CACnB;AAAA,QACF;AATA,cAAM,cAAc,EAAE,eAAe,MAAM;AAuB3C,YAAI,MAAM,gBAAgB,SAAS;AACjC,mBAAS,oBAAoB,SAAS,eAAe,OAAO;AAC5D,yBAAe,UAAU;AACzB,mBAAS,iBAAiB,SAAS,eAAe,SAAS,EAAE,MAAM,KAAK,CAAC;AAAA,QAC3E,OAAO;AACL,mDAAyC;AAAA,QAC3C;AAAA,MACF;AACA,kCAA4B,UAAU;AAAA,IACxC;AAcA,UAAM,UAAU,OAAO,WAAW,MAAM;AACtC,eAAS,iBAAiB,eAAe,iBAAiB;AAAA,IAC5D,GAAG,CAAC;AACJ,WAAO,MAAM;AACX,aAAO,aAAa,OAAO;AAC3B,eAAS,oBAAoB,eAAe,iBAAiB;AAC7D,eAAS,oBAAoB,SAAS,eAAe,OAAO;AAAA,IAC9D;AAAA,EACF,GAAG,CAAC,wBAAwB,CAAC;AAE7B,SAAO;AAAA,IAEL,sBAAsB,MAAO,4BAA4B,UAAU;AAAA,EACrE;AACF;AAMA,yBAAyB,gBAAqD;AAC5E,QAAM,qBAAqB,kDAAe,cAAc;AACxD,QAAM,4BAA4B,MAAM,OAAO,KAAK;AAEpD,QAAM,UAAU,MAAM;AACpB,UAAM,cAAc,CAAC,UAAsB;AACzC,UAAI,MAAM,UAAU,CAAC,0BAA0B,SAAS;AACtD,cAAM,cAAc,EAAE,eAAe,MAAM;AAC3C,qCAA6B,eAAe,oBAAoB,aAAa;AAAA,UAC3E,UAAU;AAAA,QACZ,CAAC;AAAA,MACH;AAAA,IACF;AACA,aAAS,iBAAiB,WAAW,WAAW;AAChD,WAAO,MAAM,SAAS,oBAAoB,WAAW,WAAW;AAAA,EAClE,GAAG,CAAC,kBAAkB,CAAC;AAEvB,SAAO;AAAA,IACL,gBAAgB,MAAO,0BAA0B,UAAU;AAAA,IAC3D,eAAe,MAAO,0BAA0B,UAAU;AAAA,EAC5D;AACF;AAEA,0BAA0B;AACxB,QAAM,QAAQ,IAAI,YAAY,cAAc;AAC5C,WAAS,cAAc,KAAK;AAC9B;AAEA,sCACE,MACA,SACA,QACA,EAAE,YACF;AACA,QAAM,SAAS,OAAO,cAAc;AACpC,QAAM,QAAQ,IAAI,YAAY,MAAM,EAAE,SAAS,OAAO,YAAY,MAAM,OAAO,CAAC;AAChF,MAAI;AAAS,WAAO,iBAAiB,MAAM,SAA0B,EAAE,MAAM,KAAK,CAAC;AAEnF,MAAI,UAAU;AACZ,gCAA4B,QAAQ,KAAK;AAAA,EAC3C,OAAO;AACL,WAAO,cAAc,KAAK;AAAA,EAC5B;AACF;AAEA,MAAM,OAAO;AACb,MAAM,SAAS;",
-  "names": []
+  "sourcesContent": ["// forked from radix-ui\n// https://github.com/radix-ui/primitives/blob/cfd8dcba5fa6a0e751486af418d05a7b88a7f541/packages/react/dismissable-layer/src/DismissableLayer.tsx#L324\n\nimport { useEscapeKeydown } from '@radix-ui/react-use-escape-keydown'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport { composeEventHandlers } from '@tamagui/core'\nimport { useEvent } from '@tamagui/use-event'\nimport * as React from 'react'\nimport * as ReactDOM from 'react-dom'\n\nimport { DismissableBranchProps, DismissableProps } from './DismissableProps'\n\nfunction dispatchDiscreteCustomEvent<E extends CustomEvent>(target: E['target'], event: E) {\n  if (target) ReactDOM.flushSync(() => target.dispatchEvent(event))\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Dismissable\n * -----------------------------------------------------------------------------------------------*/\n\nconst DISMISSABLE_LAYER_NAME = 'Dismissable'\nconst CONTEXT_UPDATE = 'dismissable.update'\nconst POINTER_DOWN_OUTSIDE = 'dismissable.pointerDownOutside'\nconst FOCUS_OUTSIDE = 'dismissable.focusOutside'\n\nlet originalBodyPointerEvents: string\n\nconst DismissableContext = React.createContext({\n  layers: new Set<HTMLDivElement>(),\n  layersWithOutsidePointerEventsDisabled: new Set<HTMLDivElement>(),\n  branches: new Set<HTMLDivElement>(),\n})\n\nconst Dismissable = React.forwardRef<HTMLDivElement, DismissableProps>((props, forwardedRef) => {\n  const {\n    disableOutsidePointerEvents = false,\n    forceUnmount,\n    onEscapeKeyDown,\n    onPointerDownOutside,\n    onFocusOutside,\n    onInteractOutside,\n    onDismiss,\n    ...layerProps\n  } = props\n  const context = React.useContext(DismissableContext)\n  const [node, setNode] = React.useState<HTMLDivElement | null>(null)\n  const [, force] = React.useState({})\n  const composedRefs = useComposedRefs(forwardedRef, (node) => setNode(node))\n  const layers = Array.from(context.layers)\n  const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1); // prettier-ignore\n  const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled); // prettier-ignore\n  const index = node ? layers.indexOf(node) : -1\n  const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0\n  const isPointerEventsEnabled = index >= highestLayerWithOutsidePointerEventsDisabledIndex\n\n  const pointerDownOutside = usePointerDownOutside((event) => {\n    const target = event.target as HTMLDivElement\n    const isPointerDownOnBranch = [...context.branches].some((branch) => branch.contains(target))\n    if (!isPointerEventsEnabled || isPointerDownOnBranch) return\n    onPointerDownOutside?.(event)\n    onInteractOutside?.(event)\n    if (!event.defaultPrevented) onDismiss?.()\n  })\n\n  const focusOutside = useFocusOutside((event) => {\n    const target = event.target as HTMLDivElement\n    const isFocusInBranch = [...context.branches].some((branch) => branch.contains(target))\n    if (isFocusInBranch) return\n    onFocusOutside?.(event)\n    onInteractOutside?.(event)\n    if (!event.defaultPrevented) onDismiss?.()\n  })\n\n  useEscapeKeydown((event) => {\n    const isHighestLayer = index === context.layers.size - 1\n    if (!isHighestLayer) return\n    onEscapeKeyDown?.(event)\n    if (!event.defaultPrevented && onDismiss) {\n      event.preventDefault()\n      onDismiss()\n    }\n  })\n\n  React.useEffect(() => {\n    if (!node) return\n    if (disableOutsidePointerEvents) {\n      if (context.layersWithOutsidePointerEventsDisabled.size === 0) {\n        originalBodyPointerEvents = document.body.style.pointerEvents\n        document.body.style.pointerEvents = 'none'\n      }\n      context.layersWithOutsidePointerEventsDisabled.add(node)\n    }\n    context.layers.add(node)\n    dispatchUpdate()\n    return () => {\n      if (\n        disableOutsidePointerEvents &&\n        context.layersWithOutsidePointerEventsDisabled.size === 1\n      ) {\n        document.body.style.pointerEvents = originalBodyPointerEvents\n      }\n    }\n  }, [node, disableOutsidePointerEvents, context])\n\n  /**\n   * We purposefully prevent combining this effect with the `disableOutsidePointerEvents` effect\n   * because a change to `disableOutsidePointerEvents` would remove this layer from the stack\n   * and add it to the end again so the layering order wouldn't be _creation order_.\n   * We only want them to be removed from context stacks when unmounted.\n   */\n  React.useEffect(() => {\n    if (forceUnmount) return\n    return () => {\n      if (!node) return\n      context.layers.delete(node)\n      context.layersWithOutsidePointerEventsDisabled.delete(node)\n      dispatchUpdate()\n    }\n  }, [node, context, forceUnmount])\n\n  React.useEffect(() => {\n    const handleUpdate = () => {\n      force({})\n    }\n    document.addEventListener(CONTEXT_UPDATE, handleUpdate)\n    return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate)\n  }, [])\n\n  return (\n    <div\n      {...layerProps}\n      // @ts-ignore\n      ref={composedRefs}\n      style={{\n        display: 'contents',\n        pointerEvents: isBodyPointerEventsDisabled\n          ? isPointerEventsEnabled\n            ? 'auto'\n            : 'none'\n          : undefined,\n        // @ts-ignore\n        ...props.style,\n      }}\n      onFocusCapture={composeEventHandlers(\n        // @ts-ignore\n        props.onFocusCapture,\n        focusOutside.onFocusCapture\n      )}\n      onBlurCapture={composeEventHandlers(\n        // @ts-ignore\n        props.onBlurCapture,\n        focusOutside.onBlurCapture\n      )}\n      // @ts-ignore\n      onPointerDownCapture={composeEventHandlers(\n        // @ts-ignore\n        props.onPointerDownCapture,\n        pointerDownOutside.onPointerDownCapture\n      )}\n    />\n  )\n})\n\nDismissable.displayName = DISMISSABLE_LAYER_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * DismissableBranch\n * -----------------------------------------------------------------------------------------------*/\n\nconst BRANCH_NAME = 'DismissableBranch'\n\nconst DismissableBranch = React.forwardRef<HTMLDivElement, DismissableBranchProps>(\n  (props, forwardedRef) => {\n    const context = React.useContext(DismissableContext)\n    const ref = React.useRef<HTMLDivElement>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref)\n\n    React.useEffect(() => {\n      const node = ref.current\n      if (node) {\n        context.branches.add(node)\n        return () => {\n          context.branches.delete(node)\n        }\n      }\n    }, [context.branches])\n\n    return <div style={{ display: 'contents' }} {...props} ref={composedRefs} />\n  }\n)\n\nDismissableBranch.displayName = BRANCH_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\nexport type PointerDownOutsideEvent = CustomEvent<{ originalEvent: PointerEvent }>\nexport type FocusOutsideEvent = CustomEvent<{ originalEvent: FocusEvent }>\n\n/**\n * Listens for `pointerdown` outside a react subtree. We use `pointerdown` rather than `pointerup`\n * to mimic layer dismissing behaviour present in OS.\n * Returns props to pass to the node we want to check for outside events.\n */\nfunction usePointerDownOutside(onPointerDownOutside?: (event: PointerDownOutsideEvent) => void) {\n  const handlePointerDownOutside = useEvent(onPointerDownOutside) as EventListener\n  const isPointerInsideReactTreeRef = React.useRef(false)\n  const handleClickRef = React.useRef(() => {})\n\n  React.useEffect(() => {\n    const handlePointerDown = (event: PointerEvent) => {\n      if (event.target && !isPointerInsideReactTreeRef.current) {\n        const eventDetail = { originalEvent: event }\n\n        function handleAndDispatchPointerDownOutsideEvent() {\n          handleAndDispatchCustomEvent(\n            POINTER_DOWN_OUTSIDE,\n            handlePointerDownOutside,\n            eventDetail,\n            { discrete: true }\n          )\n        }\n\n        /**\n         * On touch devices, we need to wait for a click event because browsers implement\n         * a ~350ms delay between the time the user stops touching the display and when the\n         * browser executres events. We need to ensure we don't reactivate pointer-events within\n         * this timeframe otherwise the browser may execute events that should have been prevented.\n         *\n         * Additionally, this also lets us deal automatically with cancellations when a click event\n         * isn't raised because the page was considered scrolled/drag-scrolled, long-pressed, etc.\n         *\n         * This is why we also continuously remove the previous listener, because we cannot be\n         * certain that it was raised, and therefore cleaned-up.\n         */\n        if (event.pointerType === 'touch') {\n          document.removeEventListener('click', handleClickRef.current)\n          handleClickRef.current = handleAndDispatchPointerDownOutsideEvent\n          document.addEventListener('click', handleClickRef.current, { once: true })\n        } else {\n          handleAndDispatchPointerDownOutsideEvent()\n        }\n      }\n      isPointerInsideReactTreeRef.current = false\n    }\n    /**\n     * if this hook executes in a component that mounts via a `pointerdown` event, the event\n     * would bubble up to the document and trigger a `pointerDownOutside` event. We avoid\n     * this by delaying the event listener registration on the document.\n     * This is not React specific, but rather how the DOM works, ie:\n     * ```\n     * button.addEventListener('pointerdown', () => {\n     *   console.log('I will log');\n     *   document.addEventListener('pointerdown', () => {\n     *     console.log('I will also log');\n     *   })\n     * });\n     */\n    const timerId = setTimeout(() => {\n      document.addEventListener('pointerdown', handlePointerDown)\n    }, 0)\n    return () => {\n      window.clearTimeout(timerId)\n      document.removeEventListener('pointerdown', handlePointerDown)\n      document.removeEventListener('click', handleClickRef.current)\n    }\n  }, [handlePointerDownOutside])\n\n  return {\n    // ensures we check React component tree (not just DOM tree)\n    onPointerDownCapture: () => (isPointerInsideReactTreeRef.current = true),\n  }\n}\n\n/**\n * Listens for when focus happens outside a react subtree.\n * Returns props to pass to the root (node) of the subtree we want to check.\n */\nfunction useFocusOutside(onFocusOutside?: (event: FocusOutsideEvent) => void) {\n  const handleFocusOutside = useEvent(onFocusOutside) as EventListener\n  const isFocusInsideReactTreeRef = React.useRef(false)\n\n  React.useEffect(() => {\n    const handleFocus = (event: FocusEvent) => {\n      if (event.target && !isFocusInsideReactTreeRef.current) {\n        const eventDetail = { originalEvent: event }\n        handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, eventDetail, {\n          discrete: false,\n        })\n      }\n    }\n    document.addEventListener('focusin', handleFocus)\n    return () => document.removeEventListener('focusin', handleFocus)\n  }, [handleFocusOutside])\n\n  return {\n    onFocusCapture: () => (isFocusInsideReactTreeRef.current = true),\n    onBlurCapture: () => (isFocusInsideReactTreeRef.current = false),\n  }\n}\n\nfunction dispatchUpdate() {\n  const event = new CustomEvent(CONTEXT_UPDATE)\n  document.dispatchEvent(event)\n}\n\nfunction handleAndDispatchCustomEvent<E extends CustomEvent, OriginalEvent extends Event>(\n  name: string,\n  handler: ((event: E) => void) | undefined,\n  detail: { originalEvent: OriginalEvent } & (E extends CustomEvent<infer D> ? D : never),\n  { discrete }: { discrete: boolean }\n) {\n  const target = detail.originalEvent.target\n  const event = new CustomEvent(name, { bubbles: false, cancelable: true, detail })\n  if (handler) target.addEventListener(name, handler as EventListener, { once: true })\n\n  if (discrete) {\n    dispatchDiscreteCustomEvent(target, event)\n  } else {\n    target.dispatchEvent(event)\n  }\n}\n\nexport { Dismissable, DismissableBranch }\n\nexport type { DismissableProps }\n"],
+  "mappings": "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",
+  "names": ["node", "handleAndDispatchPointerDownOutsideEvent"]
 }

package/dist/cjs/Dismissable.native.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/cjs/Dismissable.native.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Dismissable.native.tsx"],
   "sourcesContent": ["import { forwardRef } from 'react'\n\nimport { DismissableBranchProps, DismissableProps } from './DismissableProps'\n\nexport const Dismissable = forwardRef((props: DismissableProps, _ref) => {\n  return props.children as any\n})\n\nexport const DismissableBranch = forwardRef((props: DismissableBranchProps, _ref) => {\n  return props.children as any\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2B;AAIpB,MAAM,cAAc,6BAAW,CAAC,OAAyB,SAAS;AACvE,SAAO,MAAM;AACf,CAAC;AAEM,MAAM,oBAAoB,6BAAW,CAAC,OAA+B,SAAS;AACnF,SAAO,MAAM;AACf,CAAC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2B;AAIpB,MAAM,kBAAc,yBAAW,CAAC,OAAyB,SAAS;AACvE,SAAO,MAAM;AACf,CAAC;AAEM,MAAM,wBAAoB,yBAAW,CAAC,OAA+B,SAAS;AACnF,SAAO,MAAM;AACf,CAAC;",
   "names": []
 }

package/dist/cjs/DismissableProps.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/cjs/DismissableProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DismissableProps.tsx"],
-  "sourcesContent": ["import React from 'react'\n\nimport { FocusOutsideEvent, PointerDownOutsideEvent } from './Dismissable'\n\nexport interface DismissableProps {\n  /**\n   * When `true`, hover/focus/click interactions will be disabled on elements outside\n   * the `Dismissable`. Users will need to click twice on outside elements to\n   * interact with them: once to close the `Dismissable`, and again to trigger the element.\n   */\n  disableOutsidePointerEvents?: boolean\n  /**\n   * Event handler called when the escape key is down.\n   * Can be prevented.\n   */\n  onEscapeKeyDown?: (event: KeyboardEvent) => void\n  /**\n   * Event handler called when the a `pointerdown` event happens outside of the `Dismissable`.\n   * Can be prevented.\n   */\n  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n  /**\n   * Event handler called when the focus moves outside of the `Dismissable`.\n   * Can be prevented.\n   */\n  onFocusOutside?: (event: FocusOutsideEvent) => void\n  /**\n   * Event handler called when an interaction happens outside the `Dismissable`.\n   * Specifically, when a `pointerdown` event happens outside or focus moves outside of it.\n   * Can be prevented.\n   */\n  onInteractOutside?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void\n  /**\n   * Handler called when the `Dismissable` should be dismissed\n   */\n  onDismiss?: () => void\n\n  children?: React.ReactNode\n}\n\nexport interface DismissableBranchProps {\n  children?: React.ReactNode\n}\n"],
-  "mappings": ";;;;;;;;;;;;;AAAA;AAAA;",
+  "sourcesContent": ["import React from 'react'\n\nimport { FocusOutsideEvent, PointerDownOutsideEvent } from './Dismissable'\n\nexport interface DismissableProps {\n  /**\n   * When `true`, hover/focus/click interactions will be disabled on elements outside\n   * the `Dismissable`. Users will need to click twice on outside elements to\n   * interact with them: once to close the `Dismissable`, and again to trigger the element.\n   */\n  disableOutsidePointerEvents?: boolean\n  /**\n   * Event handler called when the escape key is down.\n   * Can be prevented.\n   */\n  onEscapeKeyDown?: (event: KeyboardEvent) => void\n  /**\n   * Event handler called when the a `pointerdown` event happens outside of the `Dismissable`.\n   * Can be prevented.\n   */\n  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n  /**\n   * Event handler called when the focus moves outside of the `Dismissable`.\n   * Can be prevented.\n   */\n  onFocusOutside?: (event: FocusOutsideEvent) => void\n  /**\n   * Event handler called when an interaction happens outside the `Dismissable`.\n   * Specifically, when a `pointerdown` event happens outside or focus moves outside of it.\n   * Can be prevented.\n   */\n  onInteractOutside?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void\n  /**\n   * Handler called when the `Dismissable` should be dismissed\n   */\n  onDismiss?: () => void\n\n  /**\n   * When using animations on exit, may want to simualte force unmount early\n   */\n  forceUnmount?: boolean\n\n  children?: React.ReactNode\n}\n\nexport interface DismissableBranchProps {\n  children?: React.ReactNode\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.tsx"],
   "sourcesContent": ["export * from './Dismissable'\n"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,0BAAd;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,0BAAd;",
   "names": []
 }

package/dist/esm/Dismissable.js

@@ -1,38 +1,8 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import { useCallbackRef } from "@radix-ui/react-use-callback-ref";
+import { jsx } from "react/jsx-runtime";
 import { useEscapeKeydown } from "@radix-ui/react-use-escape-keydown";
 import { useComposedRefs } from "@tamagui/compose-refs";
 import { composeEventHandlers } from "@tamagui/core";
+import { useEvent } from "@tamagui/use-event";
 import * as React from "react";
 import * as ReactDOM from "react-dom";
 function dispatchDiscreteCustomEvent(target, event) {
@@ -50,21 +20,16 @@ const DismissableContext = React.createContext({
   branches: /* @__PURE__ */ new Set()
 });
 const Dismissable = React.forwardRef((props, forwardedRef) => {
-  const _a = props, {
+  const {
     disableOutsidePointerEvents = false,
+    forceUnmount,
     onEscapeKeyDown,
     onPointerDownOutside,
     onFocusOutside,
     onInteractOutside,
-    onDismiss
-  } = _a, layerProps = __objRest(_a, [
-    "disableOutsidePointerEvents",
-    "onEscapeKeyDown",
-    "onPointerDownOutside",
-    "onFocusOutside",
-    "onInteractOutside",
-    "onDismiss"
-  ]);
+    onDismiss,
+    ...layerProps
+  } = props;
   const context = React.useContext(DismissableContext);
   const [node, setNode] = React.useState(null);
   const [, force] = React.useState({});
@@ -124,6 +89,8 @@ const Dismissable = React.forwardRef((props, forwardedRef) => {
     };
   }, [node, disableOutsidePointerEvents, context]);
   React.useEffect(() => {
+    if (forceUnmount)
+      return;
     return () => {
       if (!node)
         return;
@@ -131,68 +98,89 @@ const Dismissable = React.forwardRef((props, forwardedRef) => {
       context.layersWithOutsidePointerEventsDisabled.delete(node);
       dispatchUpdate();
     };
-  }, [node, context]);
+  }, [node, context, forceUnmount]);
   React.useEffect(() => {
-    const handleUpdate = () => force({});
+    const handleUpdate = () => {
+      force({});
+    };
     document.addEventListener(CONTEXT_UPDATE, handleUpdate);
     return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
   }, []);
-  return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, layerProps), {
+  return /* @__PURE__ */ jsx("div", {
+    ...layerProps,
     ref: composedRefs,
-    style: __spreadValues({
+    style: {
       display: "contents",
-      pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? "auto" : "none" : void 0
-    }, props.style),
-    onFocusCapture: composeEventHandlers(props.onFocusCapture, focusOutside.onFocusCapture),
-    onBlurCapture: composeEventHandlers(props.onBlurCapture, focusOutside.onBlurCapture),
-    onPointerDownCapture: composeEventHandlers(props.onPointerDownCapture, pointerDownOutside.onPointerDownCapture)
-  }));
+      pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? "auto" : "none" : void 0,
+      ...props.style
+    },
+    onFocusCapture: composeEventHandlers(
+      props.onFocusCapture,
+      focusOutside.onFocusCapture
+    ),
+    onBlurCapture: composeEventHandlers(
+      props.onBlurCapture,
+      focusOutside.onBlurCapture
+    ),
+    onPointerDownCapture: composeEventHandlers(
+      props.onPointerDownCapture,
+      pointerDownOutside.onPointerDownCapture
+    )
+  });
 });
 Dismissable.displayName = DISMISSABLE_LAYER_NAME;
 const BRANCH_NAME = "DismissableBranch";
-const DismissableBranch = React.forwardRef((props, forwardedRef) => {
-  const context = React.useContext(DismissableContext);
-  const ref = React.useRef(null);
-  const composedRefs = useComposedRefs(forwardedRef, ref);
-  React.useEffect(() => {
-    const node = ref.current;
-    if (node) {
-      context.branches.add(node);
-      return () => {
-        context.branches.delete(node);
-      };
-    }
-  }, [context.branches]);
-  return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({
-    style: { display: "contents" }
-  }, props), {
-    ref: composedRefs
-  }));
-});
+const DismissableBranch = React.forwardRef(
+  (props, forwardedRef) => {
+    const context = React.useContext(DismissableContext);
+    const ref = React.useRef(null);
+    const composedRefs = useComposedRefs(forwardedRef, ref);
+    React.useEffect(() => {
+      const node = ref.current;
+      if (node) {
+        context.branches.add(node);
+        return () => {
+          context.branches.delete(node);
+        };
+      }
+    }, [context.branches]);
+    return /* @__PURE__ */ jsx("div", {
+      style: { display: "contents" },
+      ...props,
+      ref: composedRefs
+    });
+  }
+);
 DismissableBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside) {
-  const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
+  const handlePointerDownOutside = useEvent(onPointerDownOutside);
   const isPointerInsideReactTreeRef = React.useRef(false);
   const handleClickRef = React.useRef(() => {
   });
   React.useEffect(() => {
     const handlePointerDown = (event) => {
       if (event.target && !isPointerInsideReactTreeRef.current) {
-        let handleAndDispatchPointerDownOutsideEvent = function() {
-          handleAndDispatchCustomEvent(POINTER_DOWN_OUTSIDE, handlePointerDownOutside, eventDetail, { discrete: true });
+        let handleAndDispatchPointerDownOutsideEvent2 = function() {
+          handleAndDispatchCustomEvent(
+            POINTER_DOWN_OUTSIDE,
+            handlePointerDownOutside,
+            eventDetail,
+            { discrete: true }
+          );
         };
+        var handleAndDispatchPointerDownOutsideEvent = handleAndDispatchPointerDownOutsideEvent2;
         const eventDetail = { originalEvent: event };
         if (event.pointerType === "touch") {
           document.removeEventListener("click", handleClickRef.current);
-          handleClickRef.current = handleAndDispatchPointerDownOutsideEvent;
+          handleClickRef.current = handleAndDispatchPointerDownOutsideEvent2;
           document.addEventListener("click", handleClickRef.current, { once: true });
         } else {
-          handleAndDispatchPointerDownOutsideEvent();
+          handleAndDispatchPointerDownOutsideEvent2();
         }
       }
       isPointerInsideReactTreeRef.current = false;
     };
-    const timerId = window.setTimeout(() => {
+    const timerId = setTimeout(() => {
       document.addEventListener("pointerdown", handlePointerDown);
     }, 0);
     return () => {
@@ -206,7 +194,7 @@ function usePointerDownOutside(onPointerDownOutside) {
   };
 }
 function useFocusOutside(onFocusOutside) {
-  const handleFocusOutside = useCallbackRef(onFocusOutside);
+  const handleFocusOutside = useEvent(onFocusOutside);
   const isFocusInsideReactTreeRef = React.useRef(false);
   React.useEffect(() => {
     const handleFocus = (event) => {
@@ -240,12 +228,8 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
     target.dispatchEvent(event);
   }
 }
-const Root = Dismissable;
-const Branch = DismissableBranch;
 export {
-  Branch,
   Dismissable,
-  DismissableBranch,
-  Root
+  DismissableBranch
 };
 //# sourceMappingURL=Dismissable.js.map