@tamagui/demos 2.7.7 → 3.0.0-beta.1091.1

package/dist/cjs/SheetDemo.native.js

@@ -7,217 +7,218 @@ 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
-  });
+	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;
+	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
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SheetDemo_exports = {};
-__export(SheetDemo_exports, {
-  SheetDemo: () => SheetDemo
-});
+__export(SheetDemo_exports, { SheetDemo: () => SheetDemo });
 module.exports = __toCommonJS(SheetDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
-var import_sheet = require("@tamagui/sheet");
 var import_react = __toESM(require("react"), 1);
 var import_tamagui = require("tamagui");
-var spModes = ["percent", "constant", "fit", "mixed"];
-var SheetDemo = function () {
-  var [position, setPosition] = import_react.default.useState(0);
-  var [open, setOpen] = import_react.default.useState(false);
-  var [modal, setModal] = import_react.default.useState(true);
-  var [innerOpen, setInnerOpen] = import_react.default.useState(false);
-  var [snapPointsMode, setSnapPointsMode] = import_react.default.useState("percent");
-  var [mixedFitDemo, setMixedFitDemo] = import_react.default.useState(false);
-  var isPercent = snapPointsMode === "percent";
-  var isConstant = snapPointsMode === "constant";
-  var isFit = snapPointsMode === "fit";
-  var isMixed = snapPointsMode === "mixed";
-  var snapPoints = isPercent ? [85, 50, 25] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? ["fit", 110] : ["80%", 256, 190];
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-      gap: "$4",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-        gap: "$4",
-        $maxMd: {
-          flexDirection: "column",
-          items: "center"
-        },
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-          onPress: function () {
-            return setOpen(true);
-          },
-          children: "Open"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-          onPress: function () {
-            return setModal(function (x) {
-              return !x;
-            });
-          },
-          children: modal ? "Type: Modal" : "Type: Inline"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-          onPress: function () {
-            return setSnapPointsMode(function (prev) {
-              return spModes[(spModes.indexOf(prev) + 1) % spModes.length];
-            });
-          },
-          children: `Mode: ${{
-            percent: "Percentage",
-            constant: "Constant",
-            fit: "Fit",
-            mixed: "Mixed"
-          }[snapPointsMode]}`
-        })]
-      }), isMixed ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-        onPress: function () {
-          return setMixedFitDemo(function (x) {
-            return !x;
-          });
-        },
-        children: `Snap Points: ${JSON.stringify(snapPoints)}`
-      }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
-        py: "$2.5",
-        justify: "center",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-          children: `Snap Points: ${isFit ? "(none)" : JSON.stringify(snapPoints)}`
-        })
-      })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_sheet.Sheet, {
-      modal,
-      open,
-      onOpenChange: setOpen,
-      snapPoints,
-      snapPointsMode,
-      dismissOnSnapToBottom: true,
-      position,
-      onPositionChange: setPosition,
-      zIndex: 1e5,
-      transition: "medium",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.Overlay, {
-        transition: "lazy",
-        bg: "$shadow6",
-        enterStyle: {
-          opacity: 0
-        },
-        exitStyle: {
-          opacity: 0
-        }
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.Handle, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.Frame, {
-        p: "$4",
-        justify: "center",
-        items: "center",
-        gap: "$5",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(SheetContents, {
-          modal,
-          isPercent,
-          innerOpen,
-          setInnerOpen,
-          setOpen
-        })
-      })]
-    })]
-  });
+var spModes = [
+	"percent",
+	"constant",
+	"fit",
+	"mixed"
+];
+var SheetDemo = function() {
+	var [position, setPosition] = import_react.default.useState(0);
+	var [open, setOpen] = import_react.default.useState(false);
+	var [modal, setModal] = import_react.default.useState(true);
+	var [innerOpen, setInnerOpen] = import_react.default.useState(false);
+	var [snapPointsMode, setSnapPointsMode] = import_react.default.useState("percent");
+	var [mixedFitDemo, setMixedFitDemo] = import_react.default.useState(false);
+	var isPercent = snapPointsMode === "percent";
+	var isConstant = snapPointsMode === "constant";
+	var isFit = snapPointsMode === "fit";
+	var isMixed = snapPointsMode === "mixed";
+	var snapPoints = isPercent ? [
+		85,
+		50,
+		25
+	] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? ["fit", 110] : [
+		"80%",
+		256,
+		190
+	];
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		gap: "4",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+			gap: "4",
+			flexDirection: "max-md:column",
+			items: "max-md:center",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+					onPress: function() {
+						return setOpen(true);
+					},
+					children: "Open"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+					onPress: function() {
+						return setModal(function(x) {
+							return !x;
+						});
+					},
+					children: modal ? "Type: Modal" : "Type: Inline"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+					onPress: function() {
+						return setSnapPointsMode(function(prev) {
+							return spModes[(spModes.indexOf(prev) + 1) % spModes.length];
+						});
+					},
+					children: `Mode: ${{
+						percent: "Percentage",
+						constant: "Constant",
+						fit: "Fit",
+						mixed: "Mixed"
+					}[snapPointsMode]}`
+				})
+			]
+		}), isMixed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+			onPress: function() {
+				return setMixedFitDemo(function(x) {
+					return !x;
+				});
+			},
+			children: `Snap Points: ${JSON.stringify(snapPoints)}`
+		}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+			py: "2-5",
+			justify: "center",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: `Snap Points: ${isFit ? "(none)" : JSON.stringify(snapPoints)}` })
+		})]
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, {
+		modal,
+		open,
+		onOpenChange: setOpen,
+		snapPoints,
+		snapPointsMode,
+		dismissOnSnapToBottom: true,
+		position,
+		onPositionChange: setPosition,
+		zIndex: 1e5,
+		transition: "medium",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {
+				transition: "lazy",
+				bg: "shadow6",
+				opacity: "enter:0 exit:0"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Handle, {}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet.Container, {
+				p: "4",
+				justify: "center",
+				items: "center",
+				gap: "5",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Background, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetContents, {
+					modal,
+					isPercent,
+					innerOpen,
+					setInnerOpen,
+					setOpen
+				})]
+			})
+		]
+	})] });
 };
-var SheetContents = /* @__PURE__ */(0, import_react.memo)(function (param) {
-  var {
-    modal,
-    isPercent,
-    innerOpen,
-    setInnerOpen,
-    setOpen
-  } = param;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-      size: "$6",
-      circular: true,
-      icon: import_lucide_icons_2.ChevronDown,
-      onPress: function () {
-        return setOpen(false);
-      }
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Input, {
-      width: 200
-    }), modal && isPercent && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(InnerSheet, {
-        open: innerOpen,
-        onOpenChange: setInnerOpen
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-        size: "$6",
-        circular: true,
-        icon: import_lucide_icons_2.ChevronUp,
-        onPress: function () {
-          return setInnerOpen(true);
-        }
-      })]
-    })]
-  });
+var SheetContents = /* @__PURE__ */ (0, import_react.memo)(function(param) {
+	var { modal, isPercent, innerOpen, setInnerOpen, setOpen } = param;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+			size: "6",
+			circular: true,
+			icon: import_lucide_icons_2.ChevronDown,
+			onPress: function() {
+				return setOpen(false);
+			}
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { width: 200 }),
+		modal && isPercent && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InnerSheet, {
+			open: innerOpen,
+			onOpenChange: setInnerOpen
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+			size: "6",
+			circular: true,
+			icon: import_lucide_icons_2.ChevronUp,
+			onPress: function() {
+				return setInnerOpen(true);
+			}
+		})] })
+	] });
 });
 function InnerSheet(props) {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_sheet.Sheet, {
-    transition: "medium",
-    modal: true,
-    snapPoints: [90],
-    dismissOnSnapToBottom: true,
-    ...props,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.Overlay, {
-      transition: "medium",
-      bg: "$shadow2",
-      enterStyle: {
-        opacity: 0
-      },
-      exitStyle: {
-        opacity: 0
-      }
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.Handle, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.Frame, {
-      flex: 1,
-      justify: "center",
-      items: "center",
-      gap: "$5",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.ScrollView, {
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-          p: "$5",
-          gap: "$8",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-            size: "$6",
-            circular: true,
-            self: "center",
-            icon: import_lucide_icons_2.ChevronDown,
-            onPress: function () {
-              var _props_onOpenChange;
-              return (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, false);
-            }
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H2, {
-            children: "Hello world"
-          }), [1, 2, 3, 4, 5, 6, 7, 8].map(function (i) {
-            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-              size: "$8",
-              children: "Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint."
-            }, i);
-          })]
-        })
-      })
-    })]
-  });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, {
+		transition: "medium",
+		modal: true,
+		snapPoints: [90],
+		dismissOnSnapToBottom: true,
+		...props,
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {
+				transition: "medium",
+				bg: "shadow2",
+				opacity: "enter:0 exit:0"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Handle, {}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet.Container, {
+				flex: 1,
+				justify: "center",
+				items: "center",
+				gap: "5",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Background, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.ScrollView, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+					p: "5",
+					gap: "8",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+							size: "6",
+							circular: true,
+							self: "center",
+							icon: import_lucide_icons_2.ChevronDown,
+							onPress: function() {
+								var _props_onOpenChange;
+								return (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, false);
+							}
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, { children: "Hello world" }),
+						[
+							1,
+							2,
+							3,
+							4,
+							5,
+							6,
+							7,
+							8
+						].map(function(i) {
+							return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+								size: "8",
+								children: "Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint."
+							}, i);
+						})
+					]
+				}) })]
+			})
+		]
+	});
 }
+
 //# sourceMappingURL=SheetDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SheetDemo_exports","__export","SheetDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_sheet","import_react","__toESM","import_tamagui","spModes","position","setPosition","default","useState","open","setOpen","modal","setModal","innerOpen","setInnerOpen","snapPointsMode","setSnapPointsMode","mixedFitDemo","setMixedFitDemo","isPercent","isConstant","isFit","isMixed","snapPoints","jsxs","Fragment","children","YStack","gap","XStack","$maxMd","flexDirection","items","jsx","Button","onPress","x","prev","indexOf","length","percent","constant","fit","mixed","JSON","stringify","py","justify","Paragraph","Sheet","onOpenChange","dismissOnSnapToBottom","onPositionChange","zIndex","transition","Overlay","bg","enterStyle","opacity"],"sources":["../../src/SheetDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SheetDemo.native.js","names":[],"sources":["cjs/SheetDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar SheetDemo_exports = {};\n__export(SheetDemo_exports, {\n  SheetDemo: () => SheetDemo\n});\nmodule.exports = __toCommonJS(SheetDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_lucide_icons_2 = require(\"@tamagui/lucide-icons-2\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_tamagui = require(\"tamagui\");\nvar spModes = [\n  \"percent\",\n  \"constant\",\n  \"fit\",\n  \"mixed\"\n];\nvar SheetDemo = function() {\n  var [position, setPosition] = import_react.default.useState(0);\n  var [open, setOpen] = import_react.default.useState(false);\n  var [modal, setModal] = import_react.default.useState(true);\n  var [innerOpen, setInnerOpen] = import_react.default.useState(false);\n  var [snapPointsMode, setSnapPointsMode] = import_react.default.useState(\"percent\");\n  var [mixedFitDemo, setMixedFitDemo] = import_react.default.useState(false);\n  var isPercent = snapPointsMode === \"percent\";\n  var isConstant = snapPointsMode === \"constant\";\n  var isFit = snapPointsMode === \"fit\";\n  var isMixed = snapPointsMode === \"mixed\";\n  var snapPoints = isPercent ? [\n    85,\n    50,\n    25\n  ] : isConstant ? [\n    256,\n    190\n  ] : isFit ? void 0 : mixedFitDemo ? [\n    \"fit\",\n    110\n  ] : [\n    \"80%\",\n    256,\n    190\n  ];\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n        gap: \"4\",\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n            gap: \"4\",\n            flexDirection: \"max-md:column\",\n            items: \"max-md:center\",\n            children: [\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n                onPress: function() {\n                  return setOpen(true);\n                },\n                children: \"Open\"\n              }),\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n                onPress: function() {\n                  return setModal(function(x) {\n                    return !x;\n                  });\n                },\n                children: modal ? \"Type: Modal\" : \"Type: Inline\"\n              }),\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n                onPress: function() {\n                  return setSnapPointsMode(function(prev) {\n                    return spModes[(spModes.indexOf(prev) + 1) % spModes.length];\n                  });\n                },\n                children: `Mode: ${{\n                  percent: \"Percentage\",\n                  constant: \"Constant\",\n                  fit: \"Fit\",\n                  mixed: \"Mixed\"\n                }[snapPointsMode]}`\n              })\n            ]\n          }),\n          isMixed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n            onPress: function() {\n              return setMixedFitDemo(function(x) {\n                return !x;\n              });\n            },\n            children: `Snap Points: ${JSON.stringify(snapPoints)}`\n          }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {\n            py: \"2-5\",\n            justify: \"center\",\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {\n              children: `Snap Points: ${isFit ? \"(none)\" : JSON.stringify(snapPoints)}`\n            })\n          })\n        ]\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, {\n        modal,\n        open,\n        onOpenChange: setOpen,\n        snapPoints,\n        snapPointsMode,\n        dismissOnSnapToBottom: true,\n        position,\n        onPositionChange: setPosition,\n        zIndex: 1e5,\n        transition: \"medium\",\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {\n            transition: \"lazy\",\n            bg: \"shadow6\",\n            opacity: \"enter:0 exit:0\"\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Handle, {}),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet.Container, {\n            p: \"4\",\n            justify: \"center\",\n            items: \"center\",\n            gap: \"5\",\n            children: [\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Background, {}),\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetContents, {\n                modal,\n                isPercent,\n                innerOpen,\n                setInnerOpen,\n                setOpen\n              })\n            ]\n          })\n        ]\n      })\n    ]\n  });\n};\nvar SheetContents = /* @__PURE__ */ (0, import_react.memo)(function(param) {\n  var { modal, isPercent, innerOpen, setInnerOpen, setOpen } = param;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n        size: \"6\",\n        circular: true,\n        icon: import_lucide_icons_2.ChevronDown,\n        onPress: function() {\n          return setOpen(false);\n        }\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {\n        width: 200\n      }),\n      modal && isPercent && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InnerSheet, {\n            open: innerOpen,\n            onOpenChange: setInnerOpen\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n            size: \"6\",\n            circular: true,\n            icon: import_lucide_icons_2.ChevronUp,\n            onPress: function() {\n              return setInnerOpen(true);\n            }\n          })\n        ]\n      })\n    ]\n  });\n});\nfunction InnerSheet(props) {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, {\n    transition: \"medium\",\n    modal: true,\n    snapPoints: [\n      90\n    ],\n    dismissOnSnapToBottom: true,\n    ...props,\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {\n        transition: \"medium\",\n        bg: \"shadow2\",\n        opacity: \"enter:0 exit:0\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Handle, {}),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet.Container, {\n        flex: 1,\n        justify: \"center\",\n        items: \"center\",\n        gap: \"5\",\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Background, {}),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.ScrollView, {\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n              p: \"5\",\n              gap: \"8\",\n              children: [\n                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n                  size: \"6\",\n                  circular: true,\n                  self: \"center\",\n                  icon: import_lucide_icons_2.ChevronDown,\n                  onPress: function() {\n                    var _props_onOpenChange;\n                    return (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, false);\n                  }\n                }),\n                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, {\n                  children: \"Hello world\"\n                }),\n                [\n                  1,\n                  2,\n                  3,\n                  4,\n                  5,\n                  6,\n                  7,\n                  8\n                ].map(function(i) {\n                  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {\n                    size: \"8\",\n                    children: \"Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint.\"\n                  }, i);\n                })\n              ]\n            })\n          })\n        ]\n      })\n    ]\n  });\n}\n//# sourceMappingURL=SheetDemo.js.map\n"],"mappings":"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"}

package/dist/cjs/SliderDemo.cjs

@@ -3,58 +3,54 @@ 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
-  });
+	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;
+	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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SliderDemo_exports = {};
-__export(SliderDemo_exports, {
-  SliderDemo: () => SliderDemo
-});
+__export(SliderDemo_exports, { SliderDemo: () => SliderDemo });
 module.exports = __toCommonJS(SliderDemo_exports);
 var import_tamagui = require("tamagui");
 var import_jsx_runtime = require("react/jsx-runtime");
 function SliderDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-    height: 200,
-    items: "center",
-    gap: "$8",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(SimpleSlider, {
-      height: 200,
-      orientation: "vertical"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(SimpleSlider, {
-      width: 200
-    })]
-  });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+		height: 200,
+		items: "center",
+		gap: "8",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SimpleSlider, {
+			height: 200,
+			orientation: "vertical"
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SimpleSlider, { width: 200 })]
+	});
+}
+function SimpleSlider({ children, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Slider, {
+		defaultValue: [50],
+		max: 100,
+		step: 1,
+		...props,
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Track, {
+				testID: "slider-track",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.TrackActive, { testID: "slider-track-active" })
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Thumb, {
+				theme: "accent",
+				size: 30,
+				borderRadius: 100
+			}),
+			children
+		]
+	});
 }
-function SimpleSlider({
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Slider, {
-    defaultValue: [50],
-    max: 100,
-    step: 1,
-    ...props,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Slider.Track, {
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Slider.TrackActive, {})
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Slider.Thumb, {
-      theme: "accent",
-      size: 30,
-      borderRadius: 100
-    }), children]
-  });
-}

package/dist/cjs/SliderDemo.native.cjs

@@ -0,0 +1,59 @@
+"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 SliderDemo_exports = {};
+__export(SliderDemo_exports, { SliderDemo: () => SliderDemo });
+module.exports = __toCommonJS(SliderDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+function SliderDemo() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+		height: 200,
+		items: "center",
+		gap: "8",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SimpleSlider, {
+			height: 200,
+			orientation: "vertical"
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SimpleSlider, { width: 200 })]
+	});
+}
+function SimpleSlider(param) {
+	var { children, ...props } = param;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Slider, {
+		defaultValue: [50],
+		max: 100,
+		step: 1,
+		...props,
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Track, {
+				testID: "slider-track",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.TrackActive, { testID: "slider-track-active" })
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Thumb, {
+				theme: "accent",
+				size: 30,
+				borderRadius: 100
+			}),
+			children
+		]
+	});
+}