@tamagui/dismissable 1.88.13 → 1.88.14

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+  Copyright (c) 2020 Nate Wienert
+  
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+  
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.

package/dist/cjs/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/index.tsx"],
+  "sources": ["../../src/index.ts"],
   "mappings": ";;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,0BAAd;",
   "names": []
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/index.tsx"],
+  "sources": ["../../src/index.ts"],
   "mappings": ";;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,0BAAd;",
   "names": []
 }

package/dist/esm/Dismissable.mjs

@@ -0,0 +1,172 @@
+import { useComposedRefs } from "@tamagui/compose-refs";
+import { composeEventHandlers } from "@tamagui/helpers";
+import { useEscapeKeydown } from "@tamagui/use-escape-keydown";
+import { useEvent } from "@tamagui/use-event";
+import * as React from "react";
+import * as ReactDOM from "react-dom";
+import { jsx } from "react/jsx-runtime";
+function dispatchDiscreteCustomEvent(target, event) {
+  target && ReactDOM.flushSync(() => target.dispatchEvent(event));
+}
+const DISMISSABLE_LAYER_NAME = "Dismissable",
+  CONTEXT_UPDATE = "dismissable.update",
+  POINTER_DOWN_OUTSIDE = "dismissable.pointerDownOutside",
+  FOCUS_OUTSIDE = "dismissable.focusOutside";
+let originalBodyPointerEvents;
+const DismissableContext = React.createContext({
+    layers: /* @__PURE__ */new Set(),
+    layersWithOutsidePointerEventsDisabled: /* @__PURE__ */new Set(),
+    branches: /* @__PURE__ */new Set()
+  }),
+  Dismissable = React.forwardRef((props, forwardedRef) => {
+    const {
+        disableOutsidePointerEvents = !1,
+        forceUnmount,
+        onEscapeKeyDown,
+        onPointerDownOutside,
+        onFocusOutside,
+        onInteractOutside,
+        onDismiss,
+        ...layerProps
+      } = props,
+      context = React.useContext(DismissableContext),
+      [node, setNode] = React.useState(null),
+      [, force] = React.useState({}),
+      composedRefs = useComposedRefs(forwardedRef, node2 => setNode(node2)),
+      layers = Array.from(context.layers),
+      [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1),
+      highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled),
+      index = node ? layers.indexOf(node) : -1,
+      isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0,
+      isPointerEventsEnabled = index >= highestLayerWithOutsidePointerEventsDisabledIndex,
+      pointerDownOutside = usePointerDownOutside(event => {
+        const target = event.target,
+          isPointerDownOnBranch = [...context.branches].some(branch => branch.contains(target));
+        !isPointerEventsEnabled || isPointerDownOnBranch || (onPointerDownOutside?.(event), onInteractOutside?.(event), event.defaultPrevented || onDismiss?.());
+      }),
+      focusOutside = useFocusOutside(event => {
+        const target = event.target;
+        [...context.branches].some(branch => branch.contains(target)) || (onFocusOutside?.(event), onInteractOutside?.(event), event.defaultPrevented || onDismiss?.());
+      });
+    return useEscapeKeydown(event => {
+      index === context.layers.size - 1 && (onEscapeKeyDown?.(event), !event.defaultPrevented && onDismiss && (event.preventDefault(), onDismiss()));
+    }), React.useEffect(() => {
+      if (node) return disableOutsidePointerEvents && (context.layersWithOutsidePointerEventsDisabled.size === 0 && (originalBodyPointerEvents = document.body.style.pointerEvents, document.body.style.pointerEvents = "none"), context.layersWithOutsidePointerEventsDisabled.add(node)), context.layers.add(node), dispatchUpdate(), () => {
+        disableOutsidePointerEvents && context.layersWithOutsidePointerEventsDisabled.size === 1 && (document.body.style.pointerEvents = originalBodyPointerEvents);
+      };
+    }, [node, disableOutsidePointerEvents, context]), React.useEffect(() => {
+      if (!forceUnmount) return () => {
+        node && (context.layers.delete(node), context.layersWithOutsidePointerEventsDisabled.delete(node), dispatchUpdate());
+      };
+    }, [node, context, forceUnmount]), React.useEffect(() => {
+      const handleUpdate = () => {
+        force({});
+      };
+      return document.addEventListener(CONTEXT_UPDATE, handleUpdate), () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
+    }, []), /* @__PURE__ */jsx("div", {
+      ...layerProps,
+      ref: composedRefs,
+      style: {
+        display: "contents",
+        pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? "auto" : "none" : void 0,
+        // @ts-ignore
+        ...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",
+  DismissableBranch = React.forwardRef((props, forwardedRef) => {
+    const context = React.useContext(DismissableContext),
+      ref = React.useRef(null),
+      composedRefs = useComposedRefs(forwardedRef, ref);
+    return React.useEffect(() => {
+      const node = ref.current;
+      if (node) return context.branches.add(node), () => {
+        context.branches.delete(node);
+      };
+    }, [context.branches]), /* @__PURE__ */jsx("div", {
+      style: {
+        display: "contents"
+      },
+      ...props,
+      ref: composedRefs
+    });
+  });
+DismissableBranch.displayName = BRANCH_NAME;
+function usePointerDownOutside(onPointerDownOutside) {
+  const handlePointerDownOutside = useEvent(onPointerDownOutside),
+    isPointerInsideReactTreeRef = React.useRef(!1),
+    handleClickRef = React.useRef(() => {});
+  return React.useEffect(() => {
+    const handlePointerDown = event => {
+        if (event.target && !isPointerInsideReactTreeRef.current) {
+          let handleAndDispatchPointerDownOutsideEvent = function () {
+            handleAndDispatchCustomEvent(POINTER_DOWN_OUTSIDE, handlePointerDownOutside, eventDetail, {
+              discrete: !0
+            });
+          };
+          const eventDetail = {
+            originalEvent: event
+          };
+          event.pointerType === "touch" ? (document.removeEventListener("click", handleClickRef.current), handleClickRef.current = handleAndDispatchPointerDownOutsideEvent, document.addEventListener("click", handleClickRef.current, {
+            once: !0
+          })) : handleAndDispatchPointerDownOutsideEvent();
+        }
+        isPointerInsideReactTreeRef.current = !1;
+      },
+      timerId = setTimeout(() => {
+        document.addEventListener("pointerdown", handlePointerDown);
+      }, 0);
+    return () => {
+      window.clearTimeout(timerId), document.removeEventListener("pointerdown", handlePointerDown), document.removeEventListener("click", handleClickRef.current);
+    };
+  }, [handlePointerDownOutside]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => {
+      isPointerInsideReactTreeRef.current = !0;
+    }
+  };
+}
+function useFocusOutside(onFocusOutside) {
+  const handleFocusOutside = useEvent(onFocusOutside),
+    isFocusInsideReactTreeRef = React.useRef(!1);
+  return React.useEffect(() => {
+    const handleFocus = event => {
+      event.target && !isFocusInsideReactTreeRef.current && handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, {
+        originalEvent: event
+      }, {
+        discrete: !1
+      });
+    };
+    return document.addEventListener("focusin", handleFocus), () => document.removeEventListener("focusin", handleFocus);
+  }, [handleFocusOutside]), {
+    onFocusCapture: () => {
+      isFocusInsideReactTreeRef.current = !0;
+    },
+    onBlurCapture: () => {
+      isFocusInsideReactTreeRef.current = !1;
+    }
+  };
+}
+function dispatchUpdate() {
+  const event = new CustomEvent(CONTEXT_UPDATE);
+  document.dispatchEvent(event);
+}
+function handleAndDispatchCustomEvent(name, handler, detail, {
+  discrete
+}) {
+  const target = detail.originalEvent.target,
+    event = new CustomEvent(name, {
+      bubbles: !1,
+      cancelable: !0,
+      detail
+    });
+  handler && target.addEventListener(name, handler, {
+    once: !0
+  }), discrete ? dispatchDiscreteCustomEvent(target, event) : target.dispatchEvent(event);
+}
+export { Dismissable, DismissableBranch, dispatchDiscreteCustomEvent };

package/dist/esm/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/index.tsx"],
+  "sources": ["../../src/index.ts"],
   "mappings": "AAAA,cAAc;",
   "names": []
 }

package/dist/esm/index.mjs

@@ -0,0 +1 @@
+export * from "./Dismissable.mjs";

package/dist/esm/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/index.tsx"],
+  "sources": ["../../src/index.ts"],
   "mappings": ";;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,0BAAd;",
   "names": []
 }

package/dist/jsx/Dismissable.mjs

@@ -0,0 +1,172 @@
+import { useComposedRefs } from "@tamagui/compose-refs";
+import { composeEventHandlers } from "@tamagui/helpers";
+import { useEscapeKeydown } from "@tamagui/use-escape-keydown";
+import { useEvent } from "@tamagui/use-event";
+import * as React from "react";
+import * as ReactDOM from "react-dom";
+import { jsx } from "react/jsx-runtime";
+function dispatchDiscreteCustomEvent(target, event) {
+  target && ReactDOM.flushSync(() => target.dispatchEvent(event));
+}
+const DISMISSABLE_LAYER_NAME = "Dismissable",
+  CONTEXT_UPDATE = "dismissable.update",
+  POINTER_DOWN_OUTSIDE = "dismissable.pointerDownOutside",
+  FOCUS_OUTSIDE = "dismissable.focusOutside";
+let originalBodyPointerEvents;
+const DismissableContext = React.createContext({
+    layers: /* @__PURE__ */new Set(),
+    layersWithOutsidePointerEventsDisabled: /* @__PURE__ */new Set(),
+    branches: /* @__PURE__ */new Set()
+  }),
+  Dismissable = React.forwardRef((props, forwardedRef) => {
+    const {
+        disableOutsidePointerEvents = !1,
+        forceUnmount,
+        onEscapeKeyDown,
+        onPointerDownOutside,
+        onFocusOutside,
+        onInteractOutside,
+        onDismiss,
+        ...layerProps
+      } = props,
+      context = React.useContext(DismissableContext),
+      [node, setNode] = React.useState(null),
+      [, force] = React.useState({}),
+      composedRefs = useComposedRefs(forwardedRef, node2 => setNode(node2)),
+      layers = Array.from(context.layers),
+      [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1),
+      highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled),
+      index = node ? layers.indexOf(node) : -1,
+      isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0,
+      isPointerEventsEnabled = index >= highestLayerWithOutsidePointerEventsDisabledIndex,
+      pointerDownOutside = usePointerDownOutside(event => {
+        const target = event.target,
+          isPointerDownOnBranch = [...context.branches].some(branch => branch.contains(target));
+        !isPointerEventsEnabled || isPointerDownOnBranch || (onPointerDownOutside?.(event), onInteractOutside?.(event), event.defaultPrevented || onDismiss?.());
+      }),
+      focusOutside = useFocusOutside(event => {
+        const target = event.target;
+        [...context.branches].some(branch => branch.contains(target)) || (onFocusOutside?.(event), onInteractOutside?.(event), event.defaultPrevented || onDismiss?.());
+      });
+    return useEscapeKeydown(event => {
+      index === context.layers.size - 1 && (onEscapeKeyDown?.(event), !event.defaultPrevented && onDismiss && (event.preventDefault(), onDismiss()));
+    }), React.useEffect(() => {
+      if (node) return disableOutsidePointerEvents && (context.layersWithOutsidePointerEventsDisabled.size === 0 && (originalBodyPointerEvents = document.body.style.pointerEvents, document.body.style.pointerEvents = "none"), context.layersWithOutsidePointerEventsDisabled.add(node)), context.layers.add(node), dispatchUpdate(), () => {
+        disableOutsidePointerEvents && context.layersWithOutsidePointerEventsDisabled.size === 1 && (document.body.style.pointerEvents = originalBodyPointerEvents);
+      };
+    }, [node, disableOutsidePointerEvents, context]), React.useEffect(() => {
+      if (!forceUnmount) return () => {
+        node && (context.layers.delete(node), context.layersWithOutsidePointerEventsDisabled.delete(node), dispatchUpdate());
+      };
+    }, [node, context, forceUnmount]), React.useEffect(() => {
+      const handleUpdate = () => {
+        force({});
+      };
+      return document.addEventListener(CONTEXT_UPDATE, handleUpdate), () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
+    }, []), /* @__PURE__ */jsx("div", {
+      ...layerProps,
+      ref: composedRefs,
+      style: {
+        display: "contents",
+        pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? "auto" : "none" : void 0,
+        // @ts-ignore
+        ...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",
+  DismissableBranch = React.forwardRef((props, forwardedRef) => {
+    const context = React.useContext(DismissableContext),
+      ref = React.useRef(null),
+      composedRefs = useComposedRefs(forwardedRef, ref);
+    return React.useEffect(() => {
+      const node = ref.current;
+      if (node) return context.branches.add(node), () => {
+        context.branches.delete(node);
+      };
+    }, [context.branches]), /* @__PURE__ */jsx("div", {
+      style: {
+        display: "contents"
+      },
+      ...props,
+      ref: composedRefs
+    });
+  });
+DismissableBranch.displayName = BRANCH_NAME;
+function usePointerDownOutside(onPointerDownOutside) {
+  const handlePointerDownOutside = useEvent(onPointerDownOutside),
+    isPointerInsideReactTreeRef = React.useRef(!1),
+    handleClickRef = React.useRef(() => {});
+  return React.useEffect(() => {
+    const handlePointerDown = event => {
+        if (event.target && !isPointerInsideReactTreeRef.current) {
+          let handleAndDispatchPointerDownOutsideEvent = function () {
+            handleAndDispatchCustomEvent(POINTER_DOWN_OUTSIDE, handlePointerDownOutside, eventDetail, {
+              discrete: !0
+            });
+          };
+          const eventDetail = {
+            originalEvent: event
+          };
+          event.pointerType === "touch" ? (document.removeEventListener("click", handleClickRef.current), handleClickRef.current = handleAndDispatchPointerDownOutsideEvent, document.addEventListener("click", handleClickRef.current, {
+            once: !0
+          })) : handleAndDispatchPointerDownOutsideEvent();
+        }
+        isPointerInsideReactTreeRef.current = !1;
+      },
+      timerId = setTimeout(() => {
+        document.addEventListener("pointerdown", handlePointerDown);
+      }, 0);
+    return () => {
+      window.clearTimeout(timerId), document.removeEventListener("pointerdown", handlePointerDown), document.removeEventListener("click", handleClickRef.current);
+    };
+  }, [handlePointerDownOutside]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => {
+      isPointerInsideReactTreeRef.current = !0;
+    }
+  };
+}
+function useFocusOutside(onFocusOutside) {
+  const handleFocusOutside = useEvent(onFocusOutside),
+    isFocusInsideReactTreeRef = React.useRef(!1);
+  return React.useEffect(() => {
+    const handleFocus = event => {
+      event.target && !isFocusInsideReactTreeRef.current && handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, {
+        originalEvent: event
+      }, {
+        discrete: !1
+      });
+    };
+    return document.addEventListener("focusin", handleFocus), () => document.removeEventListener("focusin", handleFocus);
+  }, [handleFocusOutside]), {
+    onFocusCapture: () => {
+      isFocusInsideReactTreeRef.current = !0;
+    },
+    onBlurCapture: () => {
+      isFocusInsideReactTreeRef.current = !1;
+    }
+  };
+}
+function dispatchUpdate() {
+  const event = new CustomEvent(CONTEXT_UPDATE);
+  document.dispatchEvent(event);
+}
+function handleAndDispatchCustomEvent(name, handler, detail, {
+  discrete
+}) {
+  const target = detail.originalEvent.target,
+    event = new CustomEvent(name, {
+      bubbles: !1,
+      cancelable: !0,
+      detail
+    });
+  handler && target.addEventListener(name, handler, {
+    once: !0
+  }), discrete ? dispatchDiscreteCustomEvent(target, event) : target.dispatchEvent(event);
+}
+export { Dismissable, DismissableBranch, dispatchDiscreteCustomEvent };

package/dist/jsx/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/index.tsx"],
+  "sources": ["../../src/index.ts"],
   "mappings": "AAAA,cAAc;",
   "names": []
 }

package/dist/jsx/index.mjs

@@ -0,0 +1 @@
+export * from "./Dismissable.mjs";

package/dist/jsx/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/index.tsx"],
+  "sources": ["../../src/index.ts"],
   "mappings": ";;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,0BAAd;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/dismissable",
-  "version": "1.88.13",
+  "version": "1.88.14",
   "sideEffects": true,
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
@@ -30,17 +30,17 @@
     }
   },
   "dependencies": {
-    "@tamagui/compose-refs": "1.88.13",
-    "@tamagui/core": "1.88.13",
-    "@tamagui/helpers": "1.88.13",
-    "@tamagui/use-escape-keydown": "1.88.13",
-    "@tamagui/use-event": "1.88.13"
+    "@tamagui/compose-refs": "1.88.14",
+    "@tamagui/core": "1.88.14",
+    "@tamagui/helpers": "1.88.14",
+    "@tamagui/use-escape-keydown": "1.88.14",
+    "@tamagui/use-event": "1.88.14"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.88.13",
+    "@tamagui/build": "1.88.14",
     "react": "^18.2.0"
   },
   "publishConfig": {

package/src/Dismissable.native.tsx

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react'
 
-import { DismissableBranchProps, DismissableProps } from './DismissableProps'
+import type { DismissableBranchProps, DismissableProps } from './DismissableProps'
 
 export const Dismissable = forwardRef((props: DismissableProps, _ref) => {
   return props.children as any

package/src/Dismissable.tsx

@@ -8,7 +8,7 @@ import { useEvent } from '@tamagui/use-event'
 import * as React from 'react'
 import * as ReactDOM from 'react-dom'
 
-import { DismissableBranchProps, DismissableProps } from './DismissableProps'
+import type { DismissableBranchProps, DismissableProps } from './DismissableProps'
 
 export function dispatchDiscreteCustomEvent<E extends CustomEvent>(
   target: E['target'],

package/src/DismissableProps.tsx

@@ -1,6 +1,6 @@
-import React from 'react'
+import type React from 'react'
 
-import { FocusOutsideEvent, PointerDownOutsideEvent } from './Dismissable'
+import type { FocusOutsideEvent, PointerDownOutsideEvent } from './Dismissable'
 
 export interface DismissableProps {
   /**

package/types/Dismissable.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DismissableBranchProps, DismissableProps } from './DismissableProps';
+import type { DismissableBranchProps, DismissableProps } from './DismissableProps';
 export declare function dispatchDiscreteCustomEvent<E extends CustomEvent>(target: E['target'], event: E): void;
 declare const Dismissable: React.ForwardRefExoticComponent<DismissableProps & React.RefAttributes<HTMLDivElement>>;
 declare const DismissableBranch: React.ForwardRefExoticComponent<DismissableBranchProps & React.RefAttributes<HTMLDivElement>>;

package/types/Dismissable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dismissable.d.ts","sourceRoot":"","sources":["../src/Dismissable.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAE7E,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,WAAW,EAC/D,MAAM,EAAE,CAAC,CAAC,QAAQ,CAAC,EACnB,KAAK,EAAE,CAAC,QAGT;AAmBD,QAAA,MAAM,WAAW,yFA0IhB,CAAA;AAUD,QAAA,MAAM,iBAAiB,+FAkBtB,CAAA;AAMD,MAAM,MAAM,uBAAuB,GAAG,WAAW,CAAC;IAAE,aAAa,EAAE,YAAY,CAAA;CAAE,CAAC,CAAA;AAClF,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC;IAAE,aAAa,EAAE,UAAU,CAAA;CAAE,CAAC,CAAA;AAsI1E,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAA;AAEzC,YAAY,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"Dismissable.d.ts","sourceRoot":"","sources":["../src/Dismissable.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAElF,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,WAAW,EAC/D,MAAM,EAAE,CAAC,CAAC,QAAQ,CAAC,EACnB,KAAK,EAAE,CAAC,QAGT;AAmBD,QAAA,MAAM,WAAW,yFA0IhB,CAAA;AAUD,QAAA,MAAM,iBAAiB,+FAkBtB,CAAA;AAMD,MAAM,MAAM,uBAAuB,GAAG,WAAW,CAAC;IAAE,aAAa,EAAE,YAAY,CAAA;CAAE,CAAC,CAAA;AAClF,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC;IAAE,aAAa,EAAE,UAAU,CAAA;CAAE,CAAC,CAAA;AAsI1E,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAA;AAEzC,YAAY,EAAE,gBAAgB,EAAE,CAAA"}

package/types/Dismissable.native.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DismissableBranchProps, DismissableProps } from './DismissableProps';
+import type { DismissableBranchProps, DismissableProps } from './DismissableProps';
 export declare const Dismissable: import("react").ForwardRefExoticComponent<DismissableProps & import("react").RefAttributes<unknown>>;
 export declare const DismissableBranch: import("react").ForwardRefExoticComponent<DismissableBranchProps & import("react").RefAttributes<unknown>>;
 //# sourceMappingURL=Dismissable.native.d.ts.map

package/types/Dismissable.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dismissable.native.d.ts","sourceRoot":"","sources":["../src/Dismissable.native.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAE7E,eAAO,MAAM,WAAW,sGAEtB,CAAA;AAEF,eAAO,MAAM,iBAAiB,4GAE5B,CAAA"}
+{"version":3,"file":"Dismissable.native.d.ts","sourceRoot":"","sources":["../src/Dismissable.native.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAElF,eAAO,MAAM,WAAW,sGAEtB,CAAA;AAEF,eAAO,MAAM,iBAAiB,4GAE5B,CAAA"}

package/types/DismissableProps.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { FocusOutsideEvent, PointerDownOutsideEvent } from './Dismissable';
+import type React from 'react';
+import type { FocusOutsideEvent, PointerDownOutsideEvent } from './Dismissable';
 export interface DismissableProps {
     /**
      * When `true`, hover/focus/click interactions will be disabled on elements outside

package/types/DismissableProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DismissableProps.d.ts","sourceRoot":"","sources":["../src/DismissableProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAA;AAE1E,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAA;IACrC;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAChD;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAA;IAC/D;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACnD;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,GAAG,iBAAiB,KAAK,IAAI,CAAA;IAEhF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IAEtB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB,oBAAoB,CAAC,EAAE,GAAG,CAAA;IAC1B,aAAa,CAAC,EAAE,GAAG,CAAA;IACnB,cAAc,CAAC,EAAE,GAAG,CAAA;IAEpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B"}
+{"version":3,"file":"DismissableProps.d.ts","sourceRoot":"","sources":["../src/DismissableProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAA;AAE/E,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAA;IACrC;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAChD;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAA;IAC/D;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACnD;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,GAAG,iBAAiB,KAAK,IAAI,CAAA;IAEhF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IAEtB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB,oBAAoB,CAAC,EAAE,GAAG,CAAA;IAC1B,aAAa,CAAC,EAAE,GAAG,CAAA;IACnB,cAAc,CAAC,EAAE,GAAG,CAAA;IAEpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B"}

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}