@tamagui/demos 2.7.7 → 3.0.0-beta.1091.1

package/dist/cjs/SheetDemo.cjs

@@ -5,194 +5,192 @@ 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_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 import_jsx_runtime = require("react/jsx-runtime");
-const spModes = ["percent", "constant", "fit", "mixed"];
+const spModes = [
+	"percent",
+	"constant",
+	"fit",
+	"mixed"
+];
 const SheetDemo = () => {
-  const [position, setPosition] = import_react.default.useState(0);
-  const [open, setOpen] = import_react.default.useState(false);
-  const [modal, setModal] = import_react.default.useState(true);
-  const [innerOpen, setInnerOpen] = import_react.default.useState(false);
-  const [snapPointsMode, setSnapPointsMode] = import_react.default.useState("percent");
-  const [mixedFitDemo, setMixedFitDemo] = import_react.default.useState(false);
-  const isPercent = snapPointsMode === "percent";
-  const isConstant = snapPointsMode === "constant";
-  const isFit = snapPointsMode === "fit";
-  const isMixed = snapPointsMode === "mixed";
-  const 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: () => setOpen(true),
-          children: "Open"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-          onPress: () => setModal(x => !x),
-          children: modal ? "Type: Modal" : "Type: Inline"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-          onPress: () => setSnapPointsMode(prev => 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: () => setMixedFitDemo(x => !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
-          }
-        })
-      })]
-    })]
-  });
+	const [position, setPosition] = import_react.default.useState(0);
+	const [open, setOpen] = import_react.default.useState(false);
+	const [modal, setModal] = import_react.default.useState(true);
+	const [innerOpen, setInnerOpen] = import_react.default.useState(false);
+	const [snapPointsMode, setSnapPointsMode] = import_react.default.useState("percent");
+	const [mixedFitDemo, setMixedFitDemo] = import_react.default.useState(false);
+	const isPercent = snapPointsMode === "percent";
+	const isConstant = snapPointsMode === "constant";
+	const isFit = snapPointsMode === "fit";
+	const isMixed = snapPointsMode === "mixed";
+	const 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: () => setOpen(true),
+					children: "Open"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+					onPress: () => setModal((x) => !x),
+					children: modal ? "Type: Modal" : "Type: Inline"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+					onPress: () => setSnapPointsMode((prev) => 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: () => setMixedFitDemo((x) => !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
+				} })]
+			})
+		]
+	})] });
 };
-const SheetContents = (0, import_react.memo)(({
-  modal,
-  isPercent,
-  innerOpen,
-  setInnerOpen,
-  setOpen
-}) => {
-  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: () => 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: () => setInnerOpen(true)
-      })]
-    })]
-  });
+const SheetContents = (0, import_react.memo)(({ modal, isPercent, innerOpen, setInnerOpen, setOpen }) => {
+	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: () => 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: () => 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: () => props.onOpenChange?.(false)
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H2, {
-            children: "Hello world"
-          }), [1, 2, 3, 4, 5, 6, 7, 8].map(i => /* @__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: () => props.onOpenChange?.(false)
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, { children: "Hello world" }),
+						[
+							1,
+							2,
+							3,
+							4,
+							5,
+							6,
+							7,
+							8
+						].map((i) => /* @__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))
+					]
+				}) })]
+			})
+		]
+	});
+}

package/dist/cjs/SheetDemo.native.cjs

@@ -0,0 +1,222 @@
+"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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SheetDemo_exports = {};
+__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_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",
+			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);
+			}
+		})] })
+	] });
+});
+function InnerSheet(props) {
+	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);
+						})
+					]
+				}) })]
+			})
+		]
+	});
+}