@tamagui/sheet 1.26.1 → 1.27.0

package/dist/esm/Sheet.js

@@ -1,52 +1,10 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { AdaptParentContext } from "@tamagui/adapt";
-import { useComposedRefs } from "@tamagui/compose-refs";
-import {
-  Theme,
-  isClient,
-  isTouchable,
-  isWeb,
-  mergeEvent,
-  styled,
-  themeable,
-  useAnimationDriver,
-  useDidFinishSSR,
-  useEvent,
-  useIsomorphicLayoutEffect,
-  useThemeName,
-  withStaticProperties
-} from "@tamagui/core";
-import { Portal } from "@tamagui/portal";
-import { RemoveScroll } from "@tamagui/remove-scroll";
+import { styled } from "@tamagui/core";
 import { ThemeableStack, XStack, YStack } from "@tamagui/stacks";
-import { useKeyboardVisible } from "@tamagui/use-keyboard-visible";
-import {
-  createContext,
-  forwardRef,
-  useCallback,
-  useContext,
-  useEffect,
-  useMemo,
-  useRef,
-  useState
-} from "react";
-import {
-  Keyboard,
-  PanResponder,
-  Platform
-} from "react-native";
-import { SHEET_HANDLE_NAME, SHEET_NAME } from "./constants";
-import { getNativeSheet } from "./nativeSheet";
-import { SheetProvider, useSheetContext } from "./SheetContext";
-import { SheetScrollView } from "./SheetScrollView";
-import { useSheetChildren } from "./useSheetChildren";
-import { useSheetController } from "./useSheetController";
-import { useSheetOpenState } from "./useSheetOpenState";
-import { useSheetProviderProps } from "./useSheetProviderProps";
-import { useSheetSnapPoints } from "./useSheetSnapPoints";
+import { SHEET_HANDLE_NAME, SHEET_NAME, SHEET_OVERLAY_NAME } from "./constants";
+import { createSheet } from "./createSheet";
 import { createSheetScope } from "./SheetContext";
 export * from "./types";
-const SheetHandleFrame = styled(XStack, {
+const Handle = styled(XStack, {
   name: SHEET_HANDLE_NAME,
   variants: {
     open: {
@@ -77,34 +35,17 @@ const SheetHandleFrame = styled(XStack, {
     unstyled: false
   }
 });
-const SheetHandle = SheetHandleFrame.extractable(
-  ({ __scopeSheet, ...props }) => {
-    const context = useSheetContext(SHEET_HANDLE_NAME, __scopeSheet);
-    return /* @__PURE__ */ jsx(
-      SheetHandleFrame,
-      {
-        onPress: () => {
-          const max = context.snapPoints.length + (context.dismissOnSnapToBottom ? -1 : 0);
-          const nextPos = (context.position + 1) % max;
-          context.setPosition(nextPos);
-        },
-        open: context.open,
-        ...props
-      }
-    );
-  }
-);
-const SHEET_OVERLAY_NAME = "SheetOverlay";
-const SheetOverlayFrame = styled(ThemeableStack, {
+const Overlay = styled(ThemeableStack, {
   name: SHEET_OVERLAY_NAME,
   variants: {
-    closed: {
+    open: {
       true: {
-        opacity: 0,
-        pointerEvents: "none"
+        opacity: 1,
+        pointerEvents: "auto"
       },
       false: {
-        pointerEvents: "auto"
+        opacity: 0,
+        pointerEvents: "none"
       }
     },
     unstyled: {
@@ -120,29 +61,7 @@ const SheetOverlayFrame = styled(ThemeableStack, {
     unstyled: false
   }
 });
-const SheetOverlay = SheetOverlayFrame.extractable(
-  ({ __scopeSheet, ...props }) => {
-    const context = useSheetContext(SHEET_OVERLAY_NAME, __scopeSheet);
-    return /* @__PURE__ */ jsx(
-      SheetOverlayFrame,
-      {
-        closed: !context.open || context.hidden,
-        ...props,
-        onPress: mergeEvent(
-          props.onPress,
-          context.dismissOnOverlayPress ? () => {
-            context.setOpen(false);
-          } : void 0
-        )
-      }
-    );
-  }
-);
-const selectionStyleSheet = isClient ? document.createElement("style") : null;
-if (selectionStyleSheet) {
-  document.head.appendChild(selectionStyleSheet);
-}
-const SheetFrameFrame = styled(YStack, {
+const Frame = styled(YStack, {
   name: SHEET_NAME,
   variants: {
     unstyled: {
@@ -162,365 +81,19 @@ const SheetFrameFrame = styled(YStack, {
     unstyled: false
   }
 });
-const SheetFrame = SheetFrameFrame.extractable(
-  forwardRef(
-    ({ __scopeSheet, ...props }, forwardedRef) => {
-      const context = useSheetContext(SHEET_NAME, __scopeSheet);
-      const composedContentRef = useComposedRefs(forwardedRef, context.contentRef);
-      return /* @__PURE__ */ jsx(SheetFrameFrame, { ref: composedContentRef, ...props });
-    }
-  )
-);
-const HIDDEN_SIZE = 1e4;
-const sheetComponents = {
-  Handle: SheetHandle,
-  Frame: SheetFrame,
-  Overlay: SheetOverlay,
-  ScrollView: SheetScrollView
-};
-const ParentSheetContext = createContext({
-  zIndex: 1e5
+const Sheet = createSheet({
+  Frame,
+  Handle,
+  Overlay
 });
-const Sheet = withStaticProperties(
-  forwardRef(function Sheet2(props, ref) {
-    const hydrated = useDidFinishSSR();
-    const { isShowingNonSheet } = useSheetController();
-    let SheetImplementation = SheetImplementationCustom;
-    if (props.native && Platform.OS === "ios") {
-      if (process.env.TAMAGUI_TARGET === "native") {
-        const impl = getNativeSheet("ios");
-        if (impl) {
-          SheetImplementation = impl;
-        }
-      }
-    }
-    if (isShowingNonSheet || !hydrated) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx(SheetImplementation, { ref, ...props });
-  }),
-  sheetComponents
-);
-const SheetImplementationCustom = themeable(
-  forwardRef(function SheetImplementationCustom2(props, forwardedRef) {
-    const parentSheet = useContext(ParentSheetContext);
-    const {
-      animationConfig,
-      forceRemoveScrollEnabled = null,
-      disableDrag: disableDragProp,
-      modal = false,
-      zIndex = parentSheet.zIndex + 1,
-      moveOnKeyboardChange = false,
-      portalProps
-    } = props;
-    const state = useSheetOpenState(props);
-    const providerProps = useSheetProviderProps(props, state);
-    const { positions, maxSnapPoint, screenSize } = useSheetSnapPoints(providerProps);
-    const { position, contentRef, setPosition, scrollBridge, frameSize, setFrameSize } = providerProps;
-    const { open, isHidden, controller } = state;
-    const { frameComponent, handleComponent, bottomCoverComponent, overlayComponent } = useSheetChildren(props.children);
-    const sheetRef = useRef(null);
-    const ref = useComposedRefs(forwardedRef, sheetRef);
-    const driver = useAnimationDriver();
-    if (!driver) {
-      throw new Error("Must set animations in tamagui.config.ts");
-    }
-    const disableDrag = disableDragProp ?? (controller == null ? void 0 : controller.disableDrag);
-    const keyboardIsVisible = useKeyboardVisible();
-    const themeName = useThemeName();
-    const { useAnimatedNumber, useAnimatedNumberReaction, useAnimatedNumberStyle } = driver;
-    const animatedNumber = useAnimatedNumber(HIDDEN_SIZE);
-    const at = useRef(0);
-    useAnimatedNumberReaction(
-      {
-        value: animatedNumber,
-        hostRef: sheetRef
-      },
-      (value) => {
-        if (!driver.isReactNative)
-          return;
-        at.current = value;
-        scrollBridge.paneY = value;
-      }
-    );
-    function stopSpring() {
-      animatedNumber.stop();
-      if (scrollBridge.onFinishAnimate) {
-        scrollBridge.onFinishAnimate();
-        scrollBridge.onFinishAnimate = void 0;
-      }
-    }
-    const [opacity, setOpacity] = useState(open ? 1 : 0);
-    if (open && opacity === 0) {
-      setOpacity(1);
-    }
-    useEffect(() => {
-      if (!open) {
-        const tm = setTimeout(() => {
-          setOpacity(0);
-        }, 400);
-        return () => {
-          clearTimeout(tm);
-        };
-      }
-    }, [open]);
-    const animateTo = useEvent((position2) => {
-      const current = animatedNumber.getValue();
-      if (isHidden && open)
-        return;
-      if (!current)
-        return;
-      if (frameSize === 0)
-        return;
-      const hiddenValue = frameSize === 0 ? HIDDEN_SIZE : screenSize;
-      const toValue = isHidden || position2 === -1 ? hiddenValue : positions[position2];
-      if (at.current === toValue)
-        return;
-      stopSpring();
-      if (isHidden) {
-        animatedNumber.setValue(toValue, {
-          type: "timing",
-          duration: 0
-        });
-        at.current = toValue;
-        return;
-      }
-      const overshootClamping = at.current === HIDDEN_SIZE;
-      animatedNumber.setValue(toValue, {
-        ...animationConfig,
-        type: "spring",
-        overshootClamping
-      });
-    });
-    useIsomorphicLayoutEffect(() => {
-      animateTo(position);
-    }, [isHidden, frameSize, position, animateTo]);
-    const [isShowingInnerSheet, setIsShowingInnerSheet] = useState(false);
-    const shouldHideParentSheet = !isWeb && modal && isShowingInnerSheet;
-    const parentSheetContext = useContext(SheetInsideSheetContext);
-    const onInnerSheet = useCallback((hasChild) => {
-      setIsShowingInnerSheet(hasChild);
-    }, []);
-    const panResponder = useMemo(
-      () => {
-        if (disableDrag)
-          return;
-        if (!frameSize)
-          return;
-        if (isShowingInnerSheet)
-          return;
-        const minY = positions[0];
-        scrollBridge.paneMinY = minY;
-        let startY = at.current;
-        function makeUnselectable(val) {
-          if (!selectionStyleSheet)
-            return;
-          if (!val) {
-            selectionStyleSheet.innerText = "";
-          } else {
-            selectionStyleSheet.innerText = ":root * { user-select: none !important; -webkit-user-select: none !important; }";
-          }
-        }
-        const release = ({ vy, dragAt }) => {
-          isExternalDrag = false;
-          previouslyScrolling = false;
-          makeUnselectable(false);
-          const at2 = dragAt + startY;
-          const end = at2 + frameSize * vy * 0.2;
-          let closestPoint = 0;
-          let dist = Infinity;
-          for (let i = 0; i < positions.length; i++) {
-            const position2 = positions[i];
-            const curDist = end > position2 ? end - position2 : position2 - end;
-            if (curDist < dist) {
-              dist = curDist;
-              closestPoint = i;
-            }
-          }
-          setPosition(closestPoint);
-          animateTo(closestPoint);
-        };
-        const finish = (_e, state2) => {
-          release({
-            vy: state2.vy,
-            dragAt: state2.dy
-          });
-        };
-        let previouslyScrolling = false;
-        const onMoveShouldSet = (_e, { dy }) => {
-          const isScrolled = scrollBridge.y !== 0;
-          const isDraggingUp = dy < 0;
-          const isNearTop = scrollBridge.paneY - 5 <= scrollBridge.paneMinY;
-          if (isScrolled) {
-            previouslyScrolling = true;
-            return false;
-          }
-          if (isNearTop) {
-            if (!isScrolled && isDraggingUp) {
-              return false;
-            }
-          }
-          return Math.abs(dy) > 5;
-        };
-        const grant = () => {
-          makeUnselectable(true);
-          stopSpring();
-          startY = at.current;
-        };
-        let isExternalDrag = false;
-        scrollBridge.drag = (dy) => {
-          if (!isExternalDrag) {
-            isExternalDrag = true;
-            grant();
-          }
-          const to = dy + startY;
-          animatedNumber.setValue(resisted(to, minY), { type: "direct" });
-        };
-        scrollBridge.release = release;
-        return PanResponder.create({
-          onMoveShouldSetPanResponder: onMoveShouldSet,
-          onPanResponderGrant: grant,
-          onPanResponderMove: (_e, { dy }) => {
-            const toFull = dy + startY;
-            const to = resisted(toFull, minY);
-            animatedNumber.setValue(to, { type: "direct" });
-          },
-          onPanResponderEnd: finish,
-          onPanResponderTerminate: finish,
-          onPanResponderRelease: finish
-        });
-      },
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      [disableDrag, isShowingInnerSheet, animateTo, frameSize, positions, setPosition]
-    );
-    const animatedStyle = useAnimatedNumberStyle(animatedNumber, (val) => {
-      "worklet";
-      const translateY = frameSize === 0 ? HIDDEN_SIZE : val;
-      return {
-        transform: [{ translateY }]
-      };
-    });
-    const sizeBeforeKeyboard = useRef(null);
-    useEffect(() => {
-      if (isWeb || !moveOnKeyboardChange)
-        return;
-      const keyboardDidShowListener = Keyboard.addListener("keyboardDidShow", (e) => {
-        if (sizeBeforeKeyboard.current !== null)
-          return;
-        sizeBeforeKeyboard.current = animatedNumber.getValue();
-        animatedNumber.setValue(
-          Math.max(animatedNumber.getValue() - e.endCoordinates.height, 0)
-        );
-      });
-      const keyboardDidHideListener = Keyboard.addListener("keyboardDidHide", () => {
-        if (sizeBeforeKeyboard.current === null)
-          return;
-        animatedNumber.setValue(sizeBeforeKeyboard.current);
-        sizeBeforeKeyboard.current = null;
-      });
-      return () => {
-        keyboardDidHideListener.remove();
-        keyboardDidShowListener.remove();
-      };
-    }, []);
-    const AnimatedView = driver["NumberView"] ?? driver.View;
-    useIsomorphicLayoutEffect(() => {
-      if (!(parentSheetContext && open))
-        return;
-      parentSheetContext(true);
-      return () => {
-        parentSheetContext(false);
-      };
-    }, [parentSheetContext, open]);
-    const nextParentContext = useMemo(
-      () => ({
-        zIndex
-      }),
-      [zIndex]
-    );
-    const handleLayout = useCallback(
-      (e) => {
-        var _a;
-        let next = (_a = e.nativeEvent) == null ? void 0 : _a.layout.height;
-        if (isWeb && isTouchable && !open) {
-          next += 100;
-        }
-        if (!next)
-          return;
-        setFrameSize(() => next);
-      },
-      [keyboardIsVisible]
-    );
-    const removeScrollEnabled = forceRemoveScrollEnabled ?? (open && modal);
-    const contents = /* @__PURE__ */ jsx(ParentSheetContext.Provider, { value: nextParentContext, children: /* @__PURE__ */ jsxs(SheetProvider, { ...providerProps, children: [
-      shouldHideParentSheet ? null : overlayComponent,
-      /* @__PURE__ */ jsxs(
-        AnimatedView,
-        {
-          ref,
-          ...panResponder == null ? void 0 : panResponder.panHandlers,
-          onLayout: handleLayout,
-          pointerEvents: open && !shouldHideParentSheet ? "auto" : "none",
-          animation: props.animation,
-          style: [
-            {
-              position: "absolute",
-              zIndex,
-              width: "100%",
-              height: `${maxSnapPoint}%`,
-              opacity
-            },
-            animatedStyle
-          ],
-          children: [
-            handleComponent,
-            bottomCoverComponent,
-            /* @__PURE__ */ jsx(
-              RemoveScroll,
-              {
-                forwardProps: true,
-                enabled: removeScrollEnabled,
-                allowPinchZoom: true,
-                shards: [contentRef],
-                removeScrollBar: false,
-                children: frameComponent
-              }
-            )
-          ]
-        }
-      )
-    ] }) });
-    const adaptContext = useContext(AdaptParentContext);
-    if (modal) {
-      const modalContents = /* @__PURE__ */ jsx(Portal, { zIndex, ...portalProps, children: /* @__PURE__ */ jsx(Theme, { forceClassName: true, name: themeName, children: /* @__PURE__ */ jsx(AdaptParentContext.Provider, { value: adaptContext, children: contents }) }) });
-      if (isWeb) {
-        return modalContents;
-      }
-      return /* @__PURE__ */ jsx(SheetInsideSheetContext.Provider, { value: onInnerSheet, children: modalContents });
-    }
-    return contents;
-  })
-);
-const SheetInsideSheetContext = createContext(null);
-const ControlledSheet = Sheet;
-function resisted(y, minY, maxOverflow = 25) {
-  if (y < minY) {
-    const past = minY - y;
-    const pctPast = Math.min(maxOverflow, past) / maxOverflow;
-    const diminishBy = 1.1 - Math.pow(0.1, pctPast);
-    const extra = -diminishBy * maxOverflow;
-    return minY + extra;
-  }
-  return y;
-}
+const SheetOverlayFrame = Overlay;
+const SheetHandleFrame = Handle;
 export {
-  ControlledSheet,
+  Frame,
+  Handle,
+  Overlay,
   Sheet,
-  SheetFrame,
-  SheetFrameFrame,
-  SheetHandle,
   SheetHandleFrame,
-  SheetOverlay,
   SheetOverlayFrame,
   createSheetScope
 };

package/dist/esm/Sheet.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Sheet.tsx"],
-  "mappings": "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",
-  "names": ["Sheet", "SheetImplementationCustom", "position", "at", "state"]
+  "mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,gBAAgB,QAAQ,cAAc;AAE/C,SAAS,mBAAmB,YAAY,0BAA0B;AAClE,SAAS,mBAAmB;AAE5B,SAAS,wBAAwB;AACjC,cAAc;AAMP,MAAM,SAAS,OAAO,QAAQ;AAAA,EACnC,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,QACJ,eAAe;AAAA,MACjB;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjB,QAAQ;AAAA,QACR,kBAAkB;AAAA,QAClB,cAAc;AAAA,QACd,SAAS;AAAA,QAET,YAAY;AAAA,UACV,SAAS;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAMM,MAAM,UAAU,OAAO,gBAAgB;AAAA,EAC5C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,cAAc;AAAA,QACd,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAMM,MAAM,QAAQ,OAAO,QAAQ;AAAA,EAClC,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,iBAAiB;AAAA,QACjB,qBAAqB;AAAA,QACrB,sBAAsB;AAAA,QACtB,OAAO;AAAA,QACP,WAAW;AAAA,QACX,UAAU;AAAA,QACV,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,MAAM,QAAQ,YAAY;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAGM,MAAM,oBAAoB;AAG1B,MAAM,mBAAmB;",
+  "names": []
 }

package/dist/esm/StyledSheet.js

@@ -0,0 +1,100 @@
+import { styled } from "@tamagui/core";
+import { ThemeableStack, XStack, YStack } from "@tamagui/stacks";
+import { SHEET_HANDLE_NAME, SHEET_NAME, SHEET_OVERLAY_NAME } from "./constants";
+import { createSheet } from "./createSheet";
+import { createSheetScope } from "./SheetContext";
+export * from "./types";
+const Handle = styled(XStack, {
+  name: SHEET_HANDLE_NAME,
+  variants: {
+    open: {
+      true: {
+        pointerEvents: "auto"
+      },
+      false: {
+        opacity: 0,
+        pointerEvents: "none"
+      }
+    },
+    unstyled: {
+      false: {
+        height: 10,
+        borderRadius: 100,
+        backgroundColor: "$background",
+        zIndex: 10,
+        marginHorizontal: "35%",
+        marginBottom: "$2",
+        opacity: 0.5,
+        hoverStyle: {
+          opacity: 0.7
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: false
+  }
+});
+const Overlay = styled(ThemeableStack, {
+  name: SHEET_OVERLAY_NAME,
+  variants: {
+    open: {
+      true: {
+        opacity: 1,
+        pointerEvents: "auto"
+      },
+      false: {
+        opacity: 0,
+        pointerEvents: "none"
+      }
+    },
+    unstyled: {
+      false: {
+        fullscreen: true,
+        position: "absolute",
+        backgrounded: true,
+        zIndex: 1e5
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: false
+  }
+});
+const Frame = styled(YStack, {
+  name: SHEET_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        flex: 1,
+        backgroundColor: "$background",
+        borderTopLeftRadius: "$true",
+        borderTopRightRadius: "$true",
+        width: "100%",
+        maxHeight: "100%",
+        overflow: "hidden",
+        pointerEvents: "auto"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: false
+  }
+});
+const Sheet = createSheet({
+  Frame,
+  Handle,
+  Overlay
+});
+const SheetOverlayFrame = Overlay;
+const SheetHandleFrame = Handle;
+export {
+  Frame,
+  Handle,
+  Overlay,
+  Sheet,
+  SheetHandleFrame,
+  SheetOverlayFrame,
+  createSheetScope
+};
+//# sourceMappingURL=StyledSheet.js.map

package/dist/esm/StyledSheet.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/StyledSheet.tsx"],
+  "mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,gBAAgB,QAAQ,cAAc;AAE/C,SAAS,mBAAmB,YAAY,0BAA0B;AAClE,SAAS,mBAAmB;AAE5B,SAAS,wBAAwB;AACjC,cAAc;AAMP,MAAM,SAAS,OAAO,QAAQ;AAAA,EACnC,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,QACJ,eAAe;AAAA,MACjB;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjB,QAAQ;AAAA,QACR,kBAAkB;AAAA,QAClB,cAAc;AAAA,QACd,SAAS;AAAA,QAET,YAAY;AAAA,UACV,SAAS;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAMM,MAAM,UAAU,OAAO,gBAAgB;AAAA,EAC5C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,cAAc;AAAA,QACd,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAMM,MAAM,QAAQ,OAAO,QAAQ;AAAA,EAClC,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,iBAAiB;AAAA,QACjB,qBAAqB;AAAA,QACrB,sBAAsB;AAAA,QACtB,OAAO;AAAA,QACP,WAAW;AAAA,QACX,UAAU;AAAA,QACV,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,MAAM,QAAQ,YAAY;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAGM,MAAM,oBAAoB;AAG1B,MAAM,mBAAmB;",
+  "names": []
+}

package/dist/esm/constants.js

@@ -1,9 +1,11 @@
 const constants = {};
 const SHEET_NAME = "Sheet";
 const SHEET_HANDLE_NAME = "SheetHandle";
+const SHEET_OVERLAY_NAME = "SheetOverlay";
 export {
   SHEET_HANDLE_NAME,
   SHEET_NAME,
+  SHEET_OVERLAY_NAME,
   constants
 };
 //# sourceMappingURL=constants.js.map

package/dist/esm/constants.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/constants.tsx"],
-  "mappings": "AAAO,MAAM,YAAY,CAAC;AAEnB,MAAM,aAAa;AACnB,MAAM,oBAAoB;",
+  "mappings": "AAAO,MAAM,YAAY,CAAC;AAEnB,MAAM,aAAa;AACnB,MAAM,oBAAoB;AAC1B,MAAM,qBAAqB;",
   "names": []
 }