@tamagui/sheet 1.26.1 → 1.27.1

package/dist/cjs/constants.js.map

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

package/dist/cjs/createSheet.js

@@ -0,0 +1,446 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var createSheet_exports = {};
+__export(createSheet_exports, {
+  createSheet: () => createSheet
+});
+module.exports = __toCommonJS(createSheet_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_adapt = require("@tamagui/adapt");
+var import_compose_refs = require("@tamagui/compose-refs");
+var import_core = require("@tamagui/core");
+var import_portal = require("@tamagui/portal");
+var import_remove_scroll = require("@tamagui/remove-scroll");
+var import_use_keyboard_visible = require("@tamagui/use-keyboard-visible");
+var import_react = require("react");
+var import_react_native = require("react-native");
+var import_constants = require("./constants");
+var import_nativeSheet = require("./nativeSheet");
+var import_SheetContext = require("./SheetContext");
+var import_SheetScrollView = require("./SheetScrollView");
+var import_useSheetChildren = require("./useSheetChildren");
+var import_useSheetController = require("./useSheetController");
+var import_useSheetOpenState = require("./useSheetOpenState");
+var import_useSheetProviderProps = require("./useSheetProviderProps");
+var import_useSheetSnapPoints = require("./useSheetSnapPoints");
+const selectionStyleSheet = import_core.isClient ? document.createElement("style") : null;
+if (selectionStyleSheet) {
+  document.head.appendChild(selectionStyleSheet);
+}
+function createSheet({ Handle, Frame, Overlay }) {
+  const SheetHandle = Handle.extractable(
+    ({ __scopeSheet, ...props }) => {
+      const context = (0, import_SheetContext.useSheetContext)(import_constants.SHEET_HANDLE_NAME, __scopeSheet);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        Handle,
+        {
+          onPress: () => {
+            const max = context.snapPoints.length + (context.dismissOnSnapToBottom ? -1 : 0);
+            const nextPos = (context.position + 1) % max;
+            context.setPosition(nextPos);
+          },
+          open: context.open,
+          ...props
+        }
+      );
+    }
+  );
+  const SheetOverlay = Overlay.extractable(
+    ({ __scopeSheet, ...props }) => {
+      const context = (0, import_SheetContext.useSheetContext)(import_constants.SHEET_OVERLAY_NAME, __scopeSheet);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        Overlay,
+        {
+          open: context.open && !context.hidden,
+          ...props,
+          onPress: (0, import_core.mergeEvent)(
+            props.onPress,
+            context.dismissOnOverlayPress ? () => {
+              context.setOpen(false);
+            } : void 0
+          )
+        }
+      );
+    }
+  );
+  const SheetFrame = Frame.extractable(
+    (0, import_react.forwardRef)(
+      ({ __scopeSheet, ...props }, forwardedRef) => {
+        const context = (0, import_SheetContext.useSheetContext)(import_constants.SHEET_NAME, __scopeSheet);
+        const composedContentRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.contentRef);
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Frame, { ref: composedContentRef, ...props });
+      }
+    )
+  );
+  const Sheet = (0, import_react.forwardRef)(function Sheet2(props, ref) {
+    const hydrated = (0, import_core.useDidFinishSSR)();
+    const { isShowingNonSheet } = (0, import_useSheetController.useSheetController)();
+    let SheetImplementation = SheetImplementationCustom;
+    if (props.native && import_react_native.Platform.OS === "ios") {
+      if (process.env.TAMAGUI_TARGET === "native") {
+        const impl = (0, import_nativeSheet.getNativeSheet)("ios");
+        if (impl) {
+          SheetImplementation = impl;
+        }
+      }
+    }
+    if (isShowingNonSheet || !hydrated) {
+      return null;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetImplementation, { ref, ...props });
+  });
+  const components = {
+    Frame: SheetFrame,
+    Overlay: SheetOverlay,
+    Handle: SheetHandle,
+    ScrollView: import_SheetScrollView.SheetScrollView
+  };
+  const Controlled = (0, import_core.withStaticProperties)(Sheet, components);
+  return (0, import_core.withStaticProperties)(Sheet, {
+    ...components,
+    Controlled
+  });
+}
+const HIDDEN_SIZE = 1e4;
+const ParentSheetContext = (0, import_react.createContext)({
+  zIndex: 1e5
+});
+const SheetImplementationCustom = (0, import_core.themeable)(
+  (0, import_react.forwardRef)(function SheetImplementationCustom2(props, forwardedRef) {
+    const parentSheet = (0, import_react.useContext)(ParentSheetContext);
+    const {
+      animationConfig,
+      forceRemoveScrollEnabled = null,
+      disableDrag: disableDragProp,
+      modal = false,
+      zIndex = parentSheet.zIndex + 1,
+      moveOnKeyboardChange = false,
+      portalProps
+    } = props;
+    const state = (0, import_useSheetOpenState.useSheetOpenState)(props);
+    const providerProps = (0, import_useSheetProviderProps.useSheetProviderProps)(props, state);
+    const { positions, maxSnapPoint, screenSize } = (0, import_useSheetSnapPoints.useSheetSnapPoints)(providerProps);
+    const { position, contentRef, setPosition, scrollBridge, frameSize, setFrameSize } = providerProps;
+    const { open, isHidden, controller } = state;
+    const {
+      frameComponent,
+      handleComponent,
+      bottomCoverComponent,
+      overlayComponent,
+      rest
+    } = (0, import_useSheetChildren.useSheetChildren)(props.children);
+    const sheetRef = (0, import_react.useRef)(null);
+    const ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, sheetRef);
+    const driver = (0, import_core.useAnimationDriver)();
+    if (!driver) {
+      throw new Error("Must set animations in tamagui.config.ts");
+    }
+    const disableDrag = disableDragProp ?? (controller == null ? void 0 : controller.disableDrag);
+    const keyboardIsVisible = (0, import_use_keyboard_visible.useKeyboardVisible)();
+    const themeName = (0, import_core.useThemeName)();
+    const { useAnimatedNumber, useAnimatedNumberReaction, useAnimatedNumberStyle } = driver;
+    const animatedNumber = useAnimatedNumber(HIDDEN_SIZE);
+    const at = (0, import_react.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] = (0, import_react.useState)(open ? 1 : 0);
+    if (open && opacity === 0) {
+      setOpacity(1);
+    }
+    (0, import_react.useEffect)(() => {
+      if (!open) {
+        const tm = setTimeout(() => {
+          setOpacity(0);
+        }, 400);
+        return () => {
+          clearTimeout(tm);
+        };
+      }
+    }, [open]);
+    const animateTo = (0, import_core.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
+      });
+    });
+    (0, import_core.useIsomorphicLayoutEffect)(() => {
+      animateTo(position);
+    }, [isHidden, frameSize, position, animateTo]);
+    const [isShowingInnerSheet, setIsShowingInnerSheet] = (0, import_react.useState)(false);
+    const shouldHideParentSheet = !import_core.isWeb && modal && isShowingInnerSheet;
+    const parentSheetContext = (0, import_react.useContext)(SheetInsideSheetContext);
+    const onInnerSheet = (0, import_react.useCallback)((hasChild) => {
+      setIsShowingInnerSheet(hasChild);
+    }, []);
+    const panResponder = (0, import_react.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 import_react_native.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 = (0, import_react.useRef)(null);
+    (0, import_react.useEffect)(() => {
+      if (import_core.isWeb || !moveOnKeyboardChange)
+        return;
+      const keyboardDidShowListener = import_react_native.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 = import_react_native.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;
+    (0, import_core.useIsomorphicLayoutEffect)(() => {
+      if (!(parentSheetContext && open))
+        return;
+      parentSheetContext(true);
+      return () => {
+        parentSheetContext(false);
+      };
+    }, [parentSheetContext, open]);
+    const nextParentContext = (0, import_react.useMemo)(
+      () => ({
+        zIndex
+      }),
+      [zIndex]
+    );
+    const handleLayout = (0, import_react.useCallback)(
+      (e) => {
+        var _a;
+        let next = (_a = e.nativeEvent) == null ? void 0 : _a.layout.height;
+        if (import_core.isWeb && import_core.isTouchable && !open) {
+          next += 100;
+        }
+        if (!next)
+          return;
+        setFrameSize(() => next);
+      },
+      [keyboardIsVisible]
+    );
+    const removeScrollEnabled = forceRemoveScrollEnabled ?? (open && modal);
+    const contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ParentSheetContext.Provider, { value: nextParentContext, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_SheetContext.SheetProvider, { ...providerProps, children: [
+      shouldHideParentSheet ? null : overlayComponent,
+      /* @__PURE__ */ (0, import_jsx_runtime.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,
+            rest,
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_remove_scroll.RemoveScroll,
+              {
+                forwardProps: true,
+                enabled: removeScrollEnabled,
+                allowPinchZoom: true,
+                shards: [contentRef],
+                removeScrollBar: false,
+                children: frameComponent
+              }
+            )
+          ]
+        }
+      )
+    ] }) });
+    const adaptContext = (0, import_react.useContext)(import_adapt.AdaptParentContext);
+    if (modal) {
+      const modalContents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.Portal, { zIndex, ...portalProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, { forceClassName: true, name: themeName, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_adapt.AdaptParentContext.Provider, { value: adaptContext, children: contents }) }) });
+      if (import_core.isWeb) {
+        return modalContents;
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetInsideSheetContext.Provider, { value: onInnerSheet, children: modalContents });
+    }
+    return contents;
+  })
+);
+const SheetInsideSheetContext = (0, import_react.createContext)(null);
+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;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createSheet
+});
+//# sourceMappingURL=createSheet.js.map

package/dist/cjs/createSheet.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/createSheet.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6EQ;AA7ER,mBAAmC;AACnC,0BAAgC;AAChC,kBAgBO;AACP,oBAAuB;AACvB,2BAA6B;AAC7B,kCAAmC;AACnC,mBAWO;AACP,0BAQO;AAEP,uBAAkE;AAClE,yBAA+B;AAC/B,0BAA+C;AAC/C,6BAAgC;AAEhC,8BAAiC;AACjC,gCAAmC;AACnC,+BAAkC;AAClC,mCAAsC;AACtC,gCAAmC;AAcnC,MAAM,sBAAsB,uBAAW,SAAS,cAAc,OAAO,IAAI;AACzE,IAAI,qBAAqB;AACvB,WAAS,KAAK,YAAY,mBAAmB;AAC/C;AAEO,SAAS,YAAY,EAAE,QAAQ,OAAO,QAAQ,GAAqB;AACxE,QAAM,cAAc,OAAO;AAAA,IACzB,CAAC,EAAE,cAAc,GAAG,MAAM,MAAiD;AACzE,YAAM,cAAU,qCAAgB,oCAAmB,YAAY;AAC/D,aACE;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,MAAM;AAEb,kBAAM,MACJ,QAAQ,WAAW,UAAU,QAAQ,wBAAwB,KAAK;AACpE,kBAAM,WAAW,QAAQ,WAAW,KAAK;AACzC,oBAAQ,YAAY,OAAO;AAAA,UAC7B;AAAA,UACA,MAAM,QAAQ;AAAA,UACb,GAAG;AAAA;AAAA,MACN;AAAA,IAEJ;AAAA,EACF;AAMA,QAAM,eAAe,QAAQ;AAAA,IAC3B,CAAC,EAAE,cAAc,GAAG,MAAM,MAAkD;AAC1E,YAAM,cAAU,qCAAgB,qCAAoB,YAAY;AAChE,aACE;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,QAAQ,QAAQ,CAAC,QAAQ;AAAA,UAC9B,GAAG;AAAA,UACJ,aAAS;AAAA,YACP,MAAM;AAAA,YACN,QAAQ,wBACJ,MAAM;AACJ,sBAAQ,QAAQ,KAAK;AAAA,YACvB,IACA;AAAA,UACN;AAAA;AAAA,MACF;AAAA,IAEJ;AAAA,EACF;AAMA,QAAM,aAAa,MAAM;AAAA,QACvB;AAAA,MACE,CACE,EAAE,cAAc,GAAG,MAAM,GACzB,iBACG;AACH,cAAM,cAAU,qCAAgB,6BAAY,YAAY;AACxD,cAAM,yBAAqB,qCAAgB,cAAc,QAAQ,UAAU;AAC3E,eAAO,4CAAC,SAAM,KAAK,oBAAqB,GAAG,OAAO;AAAA,MACpD;AAAA,IACF;AAAA,EACF;AAEA,QAAM,YAAQ,yBAA6B,SAASA,OAAM,OAAO,KAAK;AACpE,UAAM,eAAW,6BAAgB;AACjC,UAAM,EAAE,kBAAkB,QAAI,8CAAmB;AAEjD,QAAI,sBAAsB;AAE1B,QAAI,MAAM,UAAU,6BAAS,OAAO,OAAO;AACzC,UAAI,QAAQ,IAAI,mBAAmB,UAAU;AAC3C,cAAM,WAAO,mCAAe,KAAK;AACjC,YAAI,MAAM;AACR,gCAAsB;AAAA,QACxB;AAAA,MACF;AAAA,IACF;AAKA,QAAI,qBAAqB,CAAC,UAAU;AAClC,aAAO;AAAA,IACT;AAEA,WAAO,4CAAC,uBAAoB,KAAW,GAAG,OAAO;AAAA,EACnD,CAAC;AAED,QAAM,aAAa;AAAA,IACjB,OAAO;AAAA,IACP,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,YAAY;AAAA,EACd;AAEA,QAAM,iBAAa,kCAAqB,OAAO,UAAU;AAKzD,aAAO,kCAAqB,OAAO;AAAA,IACjC,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AACH;AAGA,MAAM,cAAc;AAEpB,MAAM,yBAAqB,4BAAc;AAAA,EACvC,QAAQ;AACV,CAAC;AAED,MAAM,gCAA4B;AAAA,MAChC,yBAA6B,SAASC,2BAA0B,OAAO,cAAc;AACnF,UAAM,kBAAc,yBAAW,kBAAkB;AAEjD,UAAM;AAAA,MACJ;AAAA,MACA,2BAA2B;AAAA,MAC3B,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,SAAS,YAAY,SAAS;AAAA,MAC9B,uBAAuB;AAAA,MACvB;AAAA,IACF,IAAI;AAEJ,UAAM,YAAQ,4CAAkB,KAAK;AACrC,UAAM,oBAAgB,oDAAsB,OAAO,KAAK;AACxD,UAAM,EAAE,WAAW,cAAc,WAAW,QAAI,8CAAmB,aAAa;AAEhF,UAAM,EAAE,UAAU,YAAY,aAAa,cAAc,WAAW,aAAa,IAC/E;AAEF,UAAM,EAAE,MAAM,UAAU,WAAW,IAAI;AAEvC,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,QAAI,0CAAiB,MAAM,QAAQ;AAEnC,UAAM,eAAW,qBAAa,IAAI;AAClC,UAAM,UAAM,qCAAgB,cAAc,QAAQ;AAElD,UAAM,aAAS,gCAAmB;AAClC,QAAI,CAAC,QAAQ;AACX,YAAM,IAAI,MAAM,0CAA0C;AAAA,IAC5D;AAEA,UAAM,cAAc,oBAAmB,yCAAY;AACnD,UAAM,wBAAoB,gDAAmB;AAC7C,UAAM,gBAAY,0BAAa;AAE/B,UAAM,EAAE,mBAAmB,2BAA2B,uBAAuB,IAC3E;AAEF,UAAM,iBAAiB,kBAAkB,WAAW;AAGpD,UAAM,SAAK,qBAAO,CAAC;AAEnB;AAAA,MACE;AAAA,QACE,OAAO;AAAA,QACP,SAAS;AAAA,MACX;AAAA,MACA,CAAC,UAAU;AACT,YAAI,CAAC,OAAO;AAAe;AAC3B,WAAG,UAAU;AACb,qBAAa,QAAQ;AAAA,MACvB;AAAA,IACF;AAEA,aAAS,aAAa;AACpB,qBAAe,KAAK;AACpB,UAAI,aAAa,iBAAiB;AAChC,qBAAa,gBAAgB;AAC7B,qBAAa,kBAAkB;AAAA,MACjC;AAAA,IACF;AAIA,UAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,OAAO,IAAI,CAAC;AACnD,QAAI,QAAQ,YAAY,GAAG;AACzB,iBAAW,CAAC;AAAA,IACd;AACA,gCAAU,MAAM;AACd,UAAI,CAAC,MAAM;AAET,cAAM,KAAK,WAAW,MAAM;AAC1B,qBAAW,CAAC;AAAA,QACd,GAAG,GAAG;AACN,eAAO,MAAM;AACX,uBAAa,EAAE;AAAA,QACjB;AAAA,MACF;AAAA,IACF,GAAG,CAAC,IAAI,CAAC;AAET,UAAM,gBAAY,sBAAS,CAACC,cAAqB;AAC/C,YAAM,UAAU,eAAe,SAAS;AACxC,UAAI,YAAY;AAAM;AACtB,UAAI,CAAC;AAAS;AACd,UAAI,cAAc;AAAG;AACrB,YAAM,cAAc,cAAc,IAAI,cAAc;AACpD,YAAM,UAAU,YAAYA,cAAa,KAAK,cAAc,UAAUA,SAAQ;AAC9E,UAAI,GAAG,YAAY;AAAS;AAC5B,iBAAW;AACX,UAAI,UAAU;AACZ,uBAAe,SAAS,SAAS;AAAA,UAC/B,MAAM;AAAA,UACN,UAAU;AAAA,QACZ,CAAC;AACD,WAAG,UAAU;AACb;AAAA,MACF;AAEA,YAAM,oBAAoB,GAAG,YAAY;AACzC,qBAAe,SAAS,SAAS;AAAA,QAC/B,GAAG;AAAA,QACH,MAAM;AAAA,QACN;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAED,+CAA0B,MAAM;AAC9B,gBAAU,QAAQ;AAAA,IACpB,GAAG,CAAC,UAAU,WAAW,UAAU,SAAS,CAAC;AAK7C,UAAM,CAAC,qBAAqB,sBAAsB,QAAI,uBAAS,KAAK;AACpE,UAAM,wBAAwB,CAAC,qBAAS,SAAS;AACjD,UAAM,yBAAqB,yBAAW,uBAAuB;AAC7D,UAAM,mBAAe,0BAAY,CAAC,aAAsB;AACtD,6BAAuB,QAAQ;AAAA,IACjC,GAAG,CAAC,CAAC;AAEL,UAAM,mBAAe;AAAA,MACnB,MAAM;AACJ,YAAI;AAAa;AACjB,YAAI,CAAC;AAAW;AAChB,YAAI;AAAqB;AAEzB,cAAM,OAAO,UAAU,CAAC;AACxB,qBAAa,WAAW;AACxB,YAAI,SAAS,GAAG;AAEhB,iBAAS,iBAAiB,KAAc;AACtC,cAAI,CAAC;AAAqB;AAC1B,cAAI,CAAC,KAAK;AACR,gCAAoB,YAAY;AAAA,UAClC,OAAO;AACL,gCAAoB,YAClB;AAAA,UACJ;AAAA,QACF;AAEA,cAAM,UAAU,CAAC,EAAE,IAAI,OAAO,MAAsC;AAClE,2BAAiB;AACjB,gCAAsB;AACtB,2BAAiB,KAAK;AACtB,gBAAMC,MAAK,SAAS;AAGpB,gBAAM,MAAMA,MAAK,YAAY,KAAK;AAClC,cAAI,eAAe;AACnB,cAAI,OAAO;AACX,mBAAS,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK;AACzC,kBAAMD,YAAW,UAAU,CAAC;AAC5B,kBAAM,UAAU,MAAMA,YAAW,MAAMA,YAAWA,YAAW;AAC7D,gBAAI,UAAU,MAAM;AAClB,qBAAO;AACP,6BAAe;AAAA,YACjB;AAAA,UACF;AAEA,sBAAY,YAAY;AACxB,oBAAU,YAAY;AAAA,QACxB;AAEA,cAAM,SAAS,CAAC,IAA2BE,WAAoC;AAC7E,kBAAQ;AAAA,YACN,IAAIA,OAAM;AAAA,YACV,QAAQA,OAAM;AAAA,UAChB,CAAC;AAAA,QACH;AAEA,YAAI,sBAAsB;AAE1B,cAAM,kBAAkB,CACtB,IACA,EAAE,GAAG,MACF;AACH,gBAAM,aAAa,aAAa,MAAM;AACtC,gBAAM,eAAe,KAAK;AAE1B,gBAAM,YAAY,aAAa,QAAQ,KAAK,aAAa;AACzD,cAAI,YAAY;AACd,kCAAsB;AACtB,mBAAO;AAAA,UACT;AAEA,cAAI,WAAW;AACb,gBAAI,CAAC,cAAc,cAAc;AAC/B,qBAAO;AAAA,YACT;AAAA,UACF;AAEA,iBAAO,KAAK,IAAI,EAAE,IAAI;AAAA,QACxB;AAEA,cAAM,QAAQ,MAAM;AAClB,2BAAiB,IAAI;AACrB,qBAAW;AACX,mBAAS,GAAG;AAAA,QACd;AAEA,YAAI,iBAAiB;AAErB,qBAAa,OAAO,CAAC,OAAO;AAC1B,cAAI,CAAC,gBAAgB;AACnB,6BAAiB;AACjB,kBAAM;AAAA,UACR;AACA,gBAAM,KAAK,KAAK;AAChB,yBAAe,SAAS,SAAS,IAAI,IAAI,GAAG,EAAE,MAAM,SAAS,CAAC;AAAA,QAChE;AAEA,qBAAa,UAAU;AAEvB,eAAO,iCAAa,OAAO;AAAA,UACzB,6BAA6B;AAAA,UAC7B,qBAAqB;AAAA,UACrB,oBAAoB,CAAC,IAAI,EAAE,GAAG,MAAM;AAClC,kBAAM,SAAS,KAAK;AACpB,kBAAM,KAAK,SAAS,QAAQ,IAAI;AAChC,2BAAe,SAAS,IAAI,EAAE,MAAM,SAAS,CAAC;AAAA,UAChD;AAAA,UACA,mBAAmB;AAAA,UACnB,yBAAyB;AAAA,UACzB,uBAAuB;AAAA,QACzB,CAAC;AAAA,MACH;AAAA;AAAA,MAEA,CAAC,aAAa,qBAAqB,WAAW,WAAW,WAAW,WAAW;AAAA,IACjF;AAEA,UAAM,gBAAgB,uBAAuB,gBAAgB,CAAC,QAAQ;AACpE;AACA,YAAM,aAAa,cAAc,IAAI,cAAc;AACnD,aAAO;AAAA,QACL,WAAW,CAAC,EAAE,WAAW,CAAC;AAAA,MAC5B;AAAA,IACF,CAAC;AAED,UAAM,yBAAqB,qBAAsB,IAAI;AACrD,gCAAU,MAAM;AACd,UAAI,qBAAS,CAAC;AAAsB;AACpC,YAAM,0BAA0B,6BAAS,YAAY,mBAAmB,CAAC,MAAM;AAC7E,YAAI,mBAAmB,YAAY;AAAM;AACzC,2BAAmB,UAAU,eAAe,SAAS;AACrD,uBAAe;AAAA,UACb,KAAK,IAAI,eAAe,SAAS,IAAI,EAAE,eAAe,QAAQ,CAAC;AAAA,QACjE;AAAA,MACF,CAAC;AACD,YAAM,0BAA0B,6BAAS,YAAY,mBAAmB,MAAM;AAC5E,YAAI,mBAAmB,YAAY;AAAM;AACzC,uBAAe,SAAS,mBAAmB,OAAO;AAClD,2BAAmB,UAAU;AAAA,MAC/B,CAAC;AAED,aAAO,MAAM;AACX,gCAAwB,OAAO;AAC/B,gCAAwB,OAAO;AAAA,MACjC;AAAA,IACF,GAAG,CAAC,CAAC;AAGL,UAAM,eAAgB,OAAO,YAAY,KAAK,OAAO;AAErD,+CAA0B,MAAM;AAC9B,UAAI,EAAE,sBAAsB;AAAO;AACnC,yBAAmB,IAAI;AACvB,aAAO,MAAM;AACX,2BAAmB,KAAK;AAAA,MAC1B;AAAA,IACF,GAAG,CAAC,oBAAoB,IAAI,CAAC;AAE7B,UAAM,wBAAoB;AAAA,MACxB,OAAO;AAAA,QACL;AAAA,MACF;AAAA,MACA,CAAC,MAAM;AAAA,IACT;AAEA,UAAM,mBAAe;AAAA,MACnB,CAAC,MAAM;AAvdb;AAwdQ,YAAI,QAAO,OAAE,gBAAF,mBAAe,OAAO;AACjC,YAAI,qBAAS,2BAAe,CAAC,MAAM;AAEjC,kBAAQ;AAAA,QACV;AACA,YAAI,CAAC;AAAM;AACX,qBAAa,MAAM,IAAI;AAAA,MACzB;AAAA,MACA,CAAC,iBAAiB;AAAA,IACpB;AAEA,UAAM,sBAAsB,6BAA6B,QAAQ;AAEjE,UAAM,WACJ,4CAAC,mBAAmB,UAAnB,EAA4B,OAAO,mBAClC,uDAAC,qCAAe,GAAG,eAChB;AAAA,8BAAwB,OAAO;AAAA,MAEhC;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACC,GAAG,6CAAc;AAAA,UAClB,UAAU;AAAA,UACV,eAAe,QAAQ,CAAC,wBAAwB,SAAS;AAAA,UAEzD,WAAW,MAAM;AAAA,UACjB,OAAO;AAAA,YACL;AAAA,cACE,UAAU;AAAA,cACV;AAAA,cACA,OAAO;AAAA,cACP,QAAQ,GAAG;AAAA,cACX;AAAA,YACF;AAAA,YACA;AAAA,UACF;AAAA,UAEC;AAAA;AAAA,YACA;AAAA,YAGA;AAAA,YAGD;AAAA,cAAC;AAAA;AAAA,gBACC,cAAY;AAAA,gBACZ,SAAS;AAAA,gBACT,gBAAc;AAAA,gBACd,QAAQ,CAAC,UAAU;AAAA,gBAEnB,iBAAiB;AAAA,gBAEhB;AAAA;AAAA,YACH;AAAA;AAAA;AAAA,MACF;AAAA,OACF,GACF;AAGF,UAAM,mBAAe,yBAAW,+BAAkB;AAElD,QAAI,OAAO;AACT,YAAM,gBACJ,4CAAC,wBAAO,QAAiB,GAAG,aAC1B,sDAAC,qBAAM,gBAAc,MAAC,MAAM,WAC1B,sDAAC,gCAAmB,UAAnB,EAA4B,OAAO,cACjC,oBACH,GACF,GACF;AAGF,UAAI,mBAAO;AACT,eAAO;AAAA,MACT;AAGA,aACE,4CAAC,wBAAwB,UAAxB,EAAiC,OAAO,cACtC,yBACH;AAAA,IAEJ;AAEA,WAAO;AAAA,EACT,CAAC;AACH;AAEA,MAAM,8BAA0B,4BAAoD,IAAI;AAIxF,SAAS,SAAS,GAAW,MAAc,cAAc,IAAI;AAC3D,MAAI,IAAI,MAAM;AACZ,UAAM,OAAO,OAAO;AACpB,UAAM,UAAU,KAAK,IAAI,aAAa,IAAI,IAAI;AAC9C,UAAM,aAAa,MAAM,KAAK,IAAI,KAAK,OAAO;AAC9C,UAAM,QAAQ,CAAC,aAAa;AAC5B,WAAO,OAAO;AAAA,EAChB;AACA,SAAO;AACT;",
+  "names": ["Sheet", "SheetImplementationCustom", "position", "at", "state"]
+}

package/dist/cjs/index.js

@@ -23,6 +23,8 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 __reExport(src_exports, require("./Sheet"), module.exports);
+__reExport(src_exports, require("./useSheet"), module.exports);
+__reExport(src_exports, require("./createSheet"), module.exports);
 __reExport(src_exports, require("./SheetController"), module.exports);
 __reExport(src_exports, require("./useSheetController"), module.exports);
 var import_nativeSheet = require("./nativeSheet");
@@ -30,6 +32,8 @@ var import_nativeSheet = require("./nativeSheet");
 0 && (module.exports = {
   setupNativeSheet,
   ...require("./Sheet"),
+  ...require("./useSheet"),
+  ...require("./createSheet"),
   ...require("./SheetController"),
   ...require("./useSheetController")
 });

package/dist/cjs/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAc,oBAAd;AACA,wBAAc,8BADd;AAEA,wBAAc,iCAFd;AAGA,yBAAiC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAc,oBAAd;AACA,wBAAc,uBADd;AAEA,wBAAc,0BAFd;AAGA,wBAAc,8BAHd;AAIA,wBAAc,iCAJd;AAKA,yBAAiC;",
   "names": []
 }

package/dist/cjs/useSheet.js

@@ -0,0 +1,30 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useSheet_exports = {};
+__export(useSheet_exports, {
+  useSheet: () => useSheet
+});
+module.exports = __toCommonJS(useSheet_exports);
+var import_SheetContext = require("./SheetContext");
+const useSheet = () => (0, import_SheetContext.useSheetContext)("", void 0);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useSheet
+});
+//# sourceMappingURL=useSheet.js.map

package/dist/cjs/useSheet.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useSheet.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAgC;AAEzB,MAAM,WAAW,UAAM,qCAAgB,IAAI,MAAS;",
+  "names": []
+}

package/dist/cjs/useSheetChildren.js

@@ -36,6 +36,7 @@ function useSheetChildren(childrenProp) {
   let handleComponent = null;
   let overlayComponent = null;
   let frameComponent = null;
+  let rest = [];
   import_react.default.Children.forEach(childrenProp, (child) => {
     var _a, _b;
     if ((0, import_react.isValidElement)(child)) {
@@ -51,7 +52,7 @@ function useSheetChildren(childrenProp) {
           overlayComponent = child;
           break;
         default:
-          console.warn("Warning: passed invalid child to Sheet", child);
+          rest.push(child);
       }
     }
   });
@@ -70,7 +71,8 @@ function useSheetChildren(childrenProp) {
     handleComponent,
     overlayComponent,
     frameComponent,
-    bottomCoverComponent
+    bottomCoverComponent,
+    rest
   };
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/useSheetChildren.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/useSheetChildren.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsC;AAE/B,SAAS,iBAAiB,cAAmB;AAClD,MAAI,kBAA6C;AACjD,MAAI,mBAA8C;AAClD,MAAI,iBAA4C;AAGhD,eAAAA,QAAM,SAAS,QAAQ,cAAc,CAAC,UAAU;AARlD;AASI,YAAI,6BAAe,KAAK,GAAG;AACzB,YAAM,QAAO,iBAAM,SAAN,mBAAa,oBAAb,mBAA8B;AAC3C,cAAQ,MAAM;AAAA,QACZ,KAAK;AACH,4BAAkB;AAClB;AAAA,QACF,KAAK;AACH,2BAAiB;AACjB;AAAA,QACF,KAAK;AACH,6BAAmB;AACnB;AAAA,QACF;AACE,kBAAQ,KAAK,0CAA0C,KAAK;AAAA,MAChE;AAAA,IACF;AAAA,EACF,CAAC;AAED,MAAI,uBAA4B;AAEhC,MAAI,gBAAgB;AAClB,2BAAuB,aAAAA,QAAM,aAAa,gBAAgB;AAAA,MACxD,UAAU;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsC;AAE/B,SAAS,iBAAiB,cAAmB;AAClD,MAAI,kBAA6C;AACjD,MAAI,mBAA8C;AAClD,MAAI,iBAA4C;AAChD,MAAI,OAAc,CAAC;AAGnB,eAAAA,QAAM,SAAS,QAAQ,cAAc,CAAC,UAAU;AATlD;AAUI,YAAI,6BAAe,KAAK,GAAG;AACzB,YAAM,QAAO,iBAAM,SAAN,mBAAa,oBAAb,mBAA8B;AAC3C,cAAQ,MAAM;AAAA,QACZ,KAAK;AACH,4BAAkB;AAClB;AAAA,QACF,KAAK;AACH,2BAAiB;AACjB;AAAA,QACF,KAAK;AACH,6BAAmB;AACnB;AAAA,QACF;AACE,eAAK,KAAK,KAAK;AAAA,MACnB;AAAA,IACF;AAAA,EACF,CAAC;AAED,MAAI,uBAA4B;AAEhC,MAAI,gBAAgB;AAClB,2BAAuB,aAAAA,QAAM,aAAa,gBAAgB;AAAA,MACxD,UAAU;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": ["React"]
 }