@tamagui/sheet 1.28.0 → 1.28.1

package/dist/cjs/useSheetChildren.js

@@ -0,0 +1,80 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useSheetChildren_exports = {};
+__export(useSheetChildren_exports, {
+  useSheetChildren: () => useSheetChildren
+});
+module.exports = __toCommonJS(useSheetChildren_exports);
+var import_react = __toESM(require("react"));
+function useSheetChildren(childrenProp) {
+  let handleComponent = null;
+  let overlayComponent = null;
+  let frameComponent = null;
+  import_react.default.Children.forEach(childrenProp, (child) => {
+    var _a, _b;
+    if ((0, import_react.isValidElement)(child)) {
+      const name = (_b = (_a = child.type) == null ? void 0 : _a["staticConfig"]) == null ? void 0 : _b.componentName;
+      switch (name) {
+        case "SheetHandle":
+          handleComponent = child;
+          break;
+        case "Sheet":
+          frameComponent = child;
+          break;
+        case "SheetOverlay":
+          overlayComponent = child;
+          break;
+        default:
+          console.warn("Warning: passed invalid child to Sheet", child);
+      }
+    }
+  });
+  let bottomCoverComponent = null;
+  if (frameComponent) {
+    bottomCoverComponent = import_react.default.cloneElement(frameComponent, {
+      children: null,
+      position: "absolute",
+      bottom: -100,
+      height: 110,
+      left: 0,
+      right: 0
+    });
+  }
+  return {
+    handleComponent,
+    overlayComponent,
+    frameComponent,
+    bottomCoverComponent
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useSheetChildren
+});
+//# sourceMappingURL=useSheetChildren.js.map

package/dist/cjs/useSheetChildren.js.map

@@ -0,0 +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;",
+  "names": ["React"]
+}

package/dist/cjs/useSheetSnapPoints.js

@@ -0,0 +1,77 @@
+"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 useSheetSnapPoints_exports = {};
+__export(useSheetSnapPoints_exports, {
+  useSheetSnapPoints: () => useSheetSnapPoints
+});
+module.exports = __toCommonJS(useSheetSnapPoints_exports);
+var import_react = require("react");
+const useSheetSnapPoints = ({
+  position,
+  setPosition,
+  dismissOnSnapToBottom,
+  snapPoints,
+  setPositionImmediate,
+  open,
+  frameSize
+}) => {
+  if (process.env.NODE_ENV === "development") {
+    if (snapPoints.some((p) => p < 0 || p > 100)) {
+      console.warn(
+        "\u26A0\uFE0F Invalid snapPoint given, snapPoints must be between 0 and 100, equal to percent height of frame"
+      );
+    }
+  }
+  if (open && dismissOnSnapToBottom && position === snapPoints.length - 1) {
+    setPositionImmediate(0);
+  }
+  const shouldSetPositionOpen = open && position < 0;
+  (0, import_react.useEffect)(() => {
+    if (shouldSetPositionOpen) {
+      setPosition(0);
+    }
+  }, [setPosition, shouldSetPositionOpen]);
+  const maxSnapPoint = snapPoints.reduce((prev, cur) => Math.max(prev, cur));
+  const screenSize = frameSize / (maxSnapPoint / 100);
+  const positions = (0, import_react.useMemo)(
+    () => snapPoints.map((point) => getPercentSize(point, screenSize)),
+    [frameSize, snapPoints]
+  );
+  return {
+    positions,
+    maxSnapPoint,
+    screenSize
+  };
+};
+function getPercentSize(point, screenSize) {
+  if (!screenSize)
+    return 0;
+  if (point === void 0) {
+    console.warn("No snapPoint");
+    return 0;
+  }
+  const pct = point / 100;
+  const next = Math.round(screenSize - pct * screenSize);
+  return next;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useSheetSnapPoints
+});
+//# sourceMappingURL=useSheetSnapPoints.js.map

package/dist/cjs/useSheetSnapPoints.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useSheetSnapPoints.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmC;AAI5B,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,WAAW,KAAK,CAAC,MAAM,IAAI,KAAK,IAAI,GAAG,GAAG;AAC5C,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAGA,MAAI,QAAQ,yBAAyB,aAAa,WAAW,SAAS,GAAG;AACvE,yBAAqB,CAAC;AAAA,EACxB;AAGA,QAAM,wBAAwB,QAAQ,WAAW;AACjD,8BAAU,MAAM;AACd,QAAI,uBAAuB;AACzB,kBAAY,CAAC;AAAA,IACf;AAAA,EACF,GAAG,CAAC,aAAa,qBAAqB,CAAC;AAEvC,QAAM,eAAe,WAAW,OAAO,CAAC,MAAM,QAAQ,KAAK,IAAI,MAAM,GAAG,CAAC;AACzE,QAAM,aAAa,aAAa,eAAe;AAE/C,QAAM,gBAAY;AAAA,IAChB,MAAM,WAAW,IAAI,CAAC,UAAU,eAAe,OAAO,UAAU,CAAC;AAAA,IACjE,CAAC,WAAW,UAAU;AAAA,EACxB;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,SAAS,eAAe,OAAgB,YAAqB;AAC3D,MAAI,CAAC;AAAY,WAAO;AACxB,MAAI,UAAU,QAAW;AACvB,YAAQ,KAAK,cAAc;AAC3B,WAAO;AAAA,EACT;AACA,QAAM,MAAM,QAAQ;AACpB,QAAM,OAAO,KAAK,MAAM,aAAa,MAAM,UAAU;AAErD,SAAO;AACT;",
+  "names": []
+}

package/dist/esm/useSheetChildren.js

@@ -0,0 +1,46 @@
+import React, { isValidElement } from "react";
+function useSheetChildren(childrenProp) {
+  let handleComponent = null;
+  let overlayComponent = null;
+  let frameComponent = null;
+  React.Children.forEach(childrenProp, (child) => {
+    var _a, _b;
+    if (isValidElement(child)) {
+      const name = (_b = (_a = child.type) == null ? void 0 : _a["staticConfig"]) == null ? void 0 : _b.componentName;
+      switch (name) {
+        case "SheetHandle":
+          handleComponent = child;
+          break;
+        case "Sheet":
+          frameComponent = child;
+          break;
+        case "SheetOverlay":
+          overlayComponent = child;
+          break;
+        default:
+          console.warn("Warning: passed invalid child to Sheet", child);
+      }
+    }
+  });
+  let bottomCoverComponent = null;
+  if (frameComponent) {
+    bottomCoverComponent = React.cloneElement(frameComponent, {
+      children: null,
+      position: "absolute",
+      bottom: -100,
+      height: 110,
+      left: 0,
+      right: 0
+    });
+  }
+  return {
+    handleComponent,
+    overlayComponent,
+    frameComponent,
+    bottomCoverComponent
+  };
+}
+export {
+  useSheetChildren
+};
+//# sourceMappingURL=useSheetChildren.js.map

package/dist/esm/useSheetChildren.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useSheetChildren.tsx"],
+  "mappings": "AAAA,OAAO,SAAS,sBAAsB;AAE/B,SAAS,iBAAiB,cAAmB;AAClD,MAAI,kBAA6C;AACjD,MAAI,mBAA8C;AAClD,MAAI,iBAA4C;AAGhD,QAAM,SAAS,QAAQ,cAAc,CAAC,UAAU;AARlD;AASI,QAAI,eAAe,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,MAAM,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;",
+  "names": []
+}

package/dist/esm/useSheetSnapPoints.js

@@ -0,0 +1,53 @@
+import { useEffect, useMemo } from "react";
+const useSheetSnapPoints = ({
+  position,
+  setPosition,
+  dismissOnSnapToBottom,
+  snapPoints,
+  setPositionImmediate,
+  open,
+  frameSize
+}) => {
+  if (process.env.NODE_ENV === "development") {
+    if (snapPoints.some((p) => p < 0 || p > 100)) {
+      console.warn(
+        "\u26A0\uFE0F Invalid snapPoint given, snapPoints must be between 0 and 100, equal to percent height of frame"
+      );
+    }
+  }
+  if (open && dismissOnSnapToBottom && position === snapPoints.length - 1) {
+    setPositionImmediate(0);
+  }
+  const shouldSetPositionOpen = open && position < 0;
+  useEffect(() => {
+    if (shouldSetPositionOpen) {
+      setPosition(0);
+    }
+  }, [setPosition, shouldSetPositionOpen]);
+  const maxSnapPoint = snapPoints.reduce((prev, cur) => Math.max(prev, cur));
+  const screenSize = frameSize / (maxSnapPoint / 100);
+  const positions = useMemo(
+    () => snapPoints.map((point) => getPercentSize(point, screenSize)),
+    [frameSize, snapPoints]
+  );
+  return {
+    positions,
+    maxSnapPoint,
+    screenSize
+  };
+};
+function getPercentSize(point, screenSize) {
+  if (!screenSize)
+    return 0;
+  if (point === void 0) {
+    console.warn("No snapPoint");
+    return 0;
+  }
+  const pct = point / 100;
+  const next = Math.round(screenSize - pct * screenSize);
+  return next;
+}
+export {
+  useSheetSnapPoints
+};
+//# sourceMappingURL=useSheetSnapPoints.js.map

package/dist/esm/useSheetSnapPoints.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useSheetSnapPoints.tsx"],
+  "mappings": "AAAA,SAAS,WAAW,eAAe;AAI5B,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,WAAW,KAAK,CAAC,MAAM,IAAI,KAAK,IAAI,GAAG,GAAG;AAC5C,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAGA,MAAI,QAAQ,yBAAyB,aAAa,WAAW,SAAS,GAAG;AACvE,yBAAqB,CAAC;AAAA,EACxB;AAGA,QAAM,wBAAwB,QAAQ,WAAW;AACjD,YAAU,MAAM;AACd,QAAI,uBAAuB;AACzB,kBAAY,CAAC;AAAA,IACf;AAAA,EACF,GAAG,CAAC,aAAa,qBAAqB,CAAC;AAEvC,QAAM,eAAe,WAAW,OAAO,CAAC,MAAM,QAAQ,KAAK,IAAI,MAAM,GAAG,CAAC;AACzE,QAAM,aAAa,aAAa,eAAe;AAE/C,QAAM,YAAY;AAAA,IAChB,MAAM,WAAW,IAAI,CAAC,UAAU,eAAe,OAAO,UAAU,CAAC;AAAA,IACjE,CAAC,WAAW,UAAU;AAAA,EACxB;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,SAAS,eAAe,OAAgB,YAAqB;AAC3D,MAAI,CAAC;AAAY,WAAO;AACxB,MAAI,UAAU,QAAW;AACvB,YAAQ,KAAK,cAAc;AAC3B,WAAO;AAAA,EACT;AACA,QAAM,MAAM,QAAQ;AACpB,QAAM,OAAO,KAAK,MAAM,aAAa,MAAM,UAAU;AAErD,SAAO;AACT;",
+  "names": []
+}

package/dist/jsx/useSheetChildren.js

@@ -0,0 +1,45 @@
+import React, { isValidElement } from "react";
+function useSheetChildren(childrenProp) {
+  let handleComponent = null;
+  let overlayComponent = null;
+  let frameComponent = null;
+  React.Children.forEach(childrenProp, (child) => {
+    if (isValidElement(child)) {
+      const name = child.type?.["staticConfig"]?.componentName;
+      switch (name) {
+        case "SheetHandle":
+          handleComponent = child;
+          break;
+        case "Sheet":
+          frameComponent = child;
+          break;
+        case "SheetOverlay":
+          overlayComponent = child;
+          break;
+        default:
+          console.warn("Warning: passed invalid child to Sheet", child);
+      }
+    }
+  });
+  let bottomCoverComponent = null;
+  if (frameComponent) {
+    bottomCoverComponent = React.cloneElement(frameComponent, {
+      children: null,
+      position: "absolute",
+      bottom: -100,
+      height: 110,
+      left: 0,
+      right: 0
+    });
+  }
+  return {
+    handleComponent,
+    overlayComponent,
+    frameComponent,
+    bottomCoverComponent
+  };
+}
+export {
+  useSheetChildren
+};
+//# sourceMappingURL=useSheetChildren.js.map

package/dist/jsx/useSheetChildren.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useSheetChildren.tsx"],
+  "mappings": "AAAA,OAAO,SAAS,sBAAsB;AAE/B,SAAS,iBAAiB,cAAmB;AAClD,MAAI,kBAA6C;AACjD,MAAI,mBAA8C;AAClD,MAAI,iBAA4C;AAGhD,QAAM,SAAS,QAAQ,cAAc,CAAC,UAAU;AAC9C,QAAI,eAAe,KAAK,GAAG;AACzB,YAAM,OAAO,MAAM,OAAO,cAAc,GAAG;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,MAAM,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;",
+  "names": []
+}

package/dist/jsx/useSheetChildren.mjs

@@ -0,0 +1,45 @@
+import React, { isValidElement } from "react";
+function useSheetChildren(childrenProp) {
+  let handleComponent = null;
+  let overlayComponent = null;
+  let frameComponent = null;
+  React.Children.forEach(childrenProp, (child) => {
+    if (isValidElement(child)) {
+      const name = child.type?.["staticConfig"]?.componentName;
+      switch (name) {
+        case "SheetHandle":
+          handleComponent = child;
+          break;
+        case "Sheet":
+          frameComponent = child;
+          break;
+        case "SheetOverlay":
+          overlayComponent = child;
+          break;
+        default:
+          console.warn("Warning: passed invalid child to Sheet", child);
+      }
+    }
+  });
+  let bottomCoverComponent = null;
+  if (frameComponent) {
+    bottomCoverComponent = React.cloneElement(frameComponent, {
+      children: null,
+      position: "absolute",
+      bottom: -100,
+      height: 110,
+      left: 0,
+      right: 0
+    });
+  }
+  return {
+    handleComponent,
+    overlayComponent,
+    frameComponent,
+    bottomCoverComponent
+  };
+}
+export {
+  useSheetChildren
+};
+//# sourceMappingURL=useSheetChildren.mjs.map

package/dist/jsx/useSheetChildren.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useSheetChildren.tsx"],
+  "mappings": "AAAA,OAAO,SAAS,sBAAsB;AAE/B,SAAS,iBAAiB,cAAmB;AAClD,MAAI,kBAA6C;AACjD,MAAI,mBAA8C;AAClD,MAAI,iBAA4C;AAGhD,QAAM,SAAS,QAAQ,cAAc,CAAC,UAAU;AAC9C,QAAI,eAAe,KAAK,GAAG;AACzB,YAAM,OAAO,MAAM,OAAO,cAAc,GAAG;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,MAAM,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;",
+  "names": []
+}

package/dist/jsx/useSheetSnapPoints.js

@@ -0,0 +1,53 @@
+import { useEffect, useMemo } from "react";
+const useSheetSnapPoints = ({
+  position,
+  setPosition,
+  dismissOnSnapToBottom,
+  snapPoints,
+  setPositionImmediate,
+  open,
+  frameSize
+}) => {
+  if (process.env.NODE_ENV === "development") {
+    if (snapPoints.some((p) => p < 0 || p > 100)) {
+      console.warn(
+        "\u26A0\uFE0F Invalid snapPoint given, snapPoints must be between 0 and 100, equal to percent height of frame"
+      );
+    }
+  }
+  if (open && dismissOnSnapToBottom && position === snapPoints.length - 1) {
+    setPositionImmediate(0);
+  }
+  const shouldSetPositionOpen = open && position < 0;
+  useEffect(() => {
+    if (shouldSetPositionOpen) {
+      setPosition(0);
+    }
+  }, [setPosition, shouldSetPositionOpen]);
+  const maxSnapPoint = snapPoints.reduce((prev, cur) => Math.max(prev, cur));
+  const screenSize = frameSize / (maxSnapPoint / 100);
+  const positions = useMemo(
+    () => snapPoints.map((point) => getPercentSize(point, screenSize)),
+    [frameSize, snapPoints]
+  );
+  return {
+    positions,
+    maxSnapPoint,
+    screenSize
+  };
+};
+function getPercentSize(point, screenSize) {
+  if (!screenSize)
+    return 0;
+  if (point === void 0) {
+    console.warn("No snapPoint");
+    return 0;
+  }
+  const pct = point / 100;
+  const next = Math.round(screenSize - pct * screenSize);
+  return next;
+}
+export {
+  useSheetSnapPoints
+};
+//# sourceMappingURL=useSheetSnapPoints.js.map

package/dist/jsx/useSheetSnapPoints.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useSheetSnapPoints.tsx"],
+  "mappings": "AAAA,SAAS,WAAW,eAAe;AAI5B,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,WAAW,KAAK,CAAC,MAAM,IAAI,KAAK,IAAI,GAAG,GAAG;AAC5C,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAGA,MAAI,QAAQ,yBAAyB,aAAa,WAAW,SAAS,GAAG;AACvE,yBAAqB,CAAC;AAAA,EACxB;AAGA,QAAM,wBAAwB,QAAQ,WAAW;AACjD,YAAU,MAAM;AACd,QAAI,uBAAuB;AACzB,kBAAY,CAAC;AAAA,IACf;AAAA,EACF,GAAG,CAAC,aAAa,qBAAqB,CAAC;AAEvC,QAAM,eAAe,WAAW,OAAO,CAAC,MAAM,QAAQ,KAAK,IAAI,MAAM,GAAG,CAAC;AACzE,QAAM,aAAa,aAAa,eAAe;AAE/C,QAAM,YAAY;AAAA,IAChB,MAAM,WAAW,IAAI,CAAC,UAAU,eAAe,OAAO,UAAU,CAAC;AAAA,IACjE,CAAC,WAAW,UAAU;AAAA,EACxB;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,SAAS,eAAe,OAAgB,YAAqB;AAC3D,MAAI,CAAC;AAAY,WAAO;AACxB,MAAI,UAAU,QAAW;AACvB,YAAQ,KAAK,cAAc;AAC3B,WAAO;AAAA,EACT;AACA,QAAM,MAAM,QAAQ;AACpB,QAAM,OAAO,KAAK,MAAM,aAAa,MAAM,UAAU;AAErD,SAAO;AACT;",
+  "names": []
+}

package/dist/jsx/useSheetSnapPoints.mjs

@@ -0,0 +1,53 @@
+import { useEffect, useMemo } from "react";
+const useSheetSnapPoints = ({
+  position,
+  setPosition,
+  dismissOnSnapToBottom,
+  snapPoints,
+  setPositionImmediate,
+  open,
+  frameSize
+}) => {
+  if (process.env.NODE_ENV === "development") {
+    if (snapPoints.some((p) => p < 0 || p > 100)) {
+      console.warn(
+        "\u26A0\uFE0F Invalid snapPoint given, snapPoints must be between 0 and 100, equal to percent height of frame"
+      );
+    }
+  }
+  if (open && dismissOnSnapToBottom && position === snapPoints.length - 1) {
+    setPositionImmediate(0);
+  }
+  const shouldSetPositionOpen = open && position < 0;
+  useEffect(() => {
+    if (shouldSetPositionOpen) {
+      setPosition(0);
+    }
+  }, [setPosition, shouldSetPositionOpen]);
+  const maxSnapPoint = snapPoints.reduce((prev, cur) => Math.max(prev, cur));
+  const screenSize = frameSize / (maxSnapPoint / 100);
+  const positions = useMemo(
+    () => snapPoints.map((point) => getPercentSize(point, screenSize)),
+    [frameSize, snapPoints]
+  );
+  return {
+    positions,
+    maxSnapPoint,
+    screenSize
+  };
+};
+function getPercentSize(point, screenSize) {
+  if (!screenSize)
+    return 0;
+  if (point === void 0) {
+    console.warn("No snapPoint");
+    return 0;
+  }
+  const pct = point / 100;
+  const next = Math.round(screenSize - pct * screenSize);
+  return next;
+}
+export {
+  useSheetSnapPoints
+};
+//# sourceMappingURL=useSheetSnapPoints.mjs.map

package/dist/jsx/useSheetSnapPoints.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useSheetSnapPoints.tsx"],
+  "mappings": "AAAA,SAAS,WAAW,eAAe;AAI5B,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,WAAW,KAAK,CAAC,MAAM,IAAI,KAAK,IAAI,GAAG,GAAG;AAC5C,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAGA,MAAI,QAAQ,yBAAyB,aAAa,WAAW,SAAS,GAAG;AACvE,yBAAqB,CAAC;AAAA,EACxB;AAGA,QAAM,wBAAwB,QAAQ,WAAW;AACjD,YAAU,MAAM;AACd,QAAI,uBAAuB;AACzB,kBAAY,CAAC;AAAA,IACf;AAAA,EACF,GAAG,CAAC,aAAa,qBAAqB,CAAC;AAEvC,QAAM,eAAe,WAAW,OAAO,CAAC,MAAM,QAAQ,KAAK,IAAI,MAAM,GAAG,CAAC;AACzE,QAAM,aAAa,aAAa,eAAe;AAE/C,QAAM,YAAY;AAAA,IAChB,MAAM,WAAW,IAAI,CAAC,UAAU,eAAe,OAAO,UAAU,CAAC;AAAA,IACjE,CAAC,WAAW,UAAU;AAAA,EACxB;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,SAAS,eAAe,OAAgB,YAAqB;AAC3D,MAAI,CAAC;AAAY,WAAO;AACxB,MAAI,UAAU,QAAW;AACvB,YAAQ,KAAK,cAAc;AAC3B,WAAO;AAAA,EACT;AACA,QAAM,MAAM,QAAQ;AACpB,QAAM,OAAO,KAAK,MAAM,aAAa,MAAM,UAAU;AAErD,SAAO;AACT;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/sheet",
-  "version": "1.28.0",
+  "version": "1.28.1",
   "sideEffects": [
     "*.css"
   ],
@@ -31,24 +31,24 @@
     }
   },
   "dependencies": {
-    "@tamagui/animations-react-native": "1.28.0",
-    "@tamagui/compose-refs": "1.28.0",
-    "@tamagui/core": "1.28.0",
-    "@tamagui/create-context": "1.28.0",
-    "@tamagui/portal": "1.28.0",
-    "@tamagui/remove-scroll": "1.28.0",
-    "@tamagui/scroll-view": "1.28.0",
-    "@tamagui/stacks": "1.28.0",
-    "@tamagui/use-constant": "1.28.0",
-    "@tamagui/use-controllable-state": "1.28.0",
-    "@tamagui/use-keyboard-visible": "1.28.0"
+    "@tamagui/animations-react-native": "1.28.1",
+    "@tamagui/compose-refs": "1.28.1",
+    "@tamagui/core": "1.28.1",
+    "@tamagui/create-context": "1.28.1",
+    "@tamagui/portal": "1.28.1",
+    "@tamagui/remove-scroll": "1.28.1",
+    "@tamagui/scroll-view": "1.28.1",
+    "@tamagui/stacks": "1.28.1",
+    "@tamagui/use-constant": "1.28.1",
+    "@tamagui/use-controllable-state": "1.28.1",
+    "@tamagui/use-keyboard-visible": "1.28.1"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.28.0",
+    "@tamagui/build": "1.28.1",
     "react": "^18.2.0",
     "react-native": "^0.71.7"
   },