@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/ShapesDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Circle","Square","XStack","jsx","jsxs","ShapesDemo","p","gap","children","size","bg","elevation"],"sources":["../../src/ShapesDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAInC,SACEC,GAAA,EADFC,IAAA;AAFG,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAD,IAAA,CAACF,MAAA;IAAOI,CAAA,EAAE;IAAKC,GAAA,EAAI;IACjBC,QAAA,kBAAAL,GAAA,CAACF,MAAA;MAAOQ,IAAA,EAAM;MAAKC,EAAA,EAAG;MAASC,SAAA,EAAU;IAAA,CAAK,GAC9C,eAAAR,GAAA,CAACH,MAAA;MAAOS,IAAA,EAAM;MAAKC,EAAA,EAAG;MAASC,SAAA,EAAU;IAAA,CAAK;EAAA,CAChD;AAEJ","ignoreList":[]}
+{"version":3,"file":"ShapesDemo.js","names":[],"sources":["esm/ShapesDemo.js"],"sourcesContent":["import { Circle, Square, XStack } from \"tamagui\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nfunction ShapesDemo() {\n  return /* @__PURE__ */ jsxs(XStack, { p: \"2\", gap: \"4\", children: [\n    /* @__PURE__ */ jsx(Square, { size: 100, bg: \"color\", elevation: \"4\" }),\n    /* @__PURE__ */ jsx(Circle, { size: 100, bg: \"color\", elevation: \"4\" })\n  ] });\n}\nexport {\n  ShapesDemo\n};\n//# sourceMappingURL=ShapesDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,aAAa;CACpB,OAAuB,qBAAK,QAAQ;EAAE,GAAG;EAAK,KAAK;EAAK,UAAU,CAChD,oBAAI,QAAQ;GAAE,MAAM;GAAK,IAAI;GAAS,WAAW;EAAI,CAAC,GACtD,oBAAI,QAAQ;GAAE,MAAM;GAAK,IAAI;GAAS,WAAW;EAAI,CAAC,CACxE;CAAE,CAAC;AACL"}

package/dist/esm/ShapesDemo.native.js

@@ -1,19 +1,21 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Circle, Square, XStack } from "tamagui";
+
 function ShapesDemo() {
-  return /* @__PURE__ */_jsxs(XStack, {
-    p: "$2",
-    gap: "$4",
-    children: [/* @__PURE__ */_jsx(Square, {
-      size: 100,
-      bg: "$color",
-      elevation: "$4"
-    }), /* @__PURE__ */_jsx(Circle, {
-      size: 100,
-      bg: "$color",
-      elevation: "$4"
-    })]
-  });
+	return /* @__PURE__ */ jsxs(XStack, {
+		p: "2",
+		gap: "4",
+		children: [/* @__PURE__ */ jsx(Square, {
+			size: 100,
+			bg: "color",
+			elevation: "4"
+		}), /* @__PURE__ */ jsx(Circle, {
+			size: 100,
+			bg: "color",
+			elevation: "4"
+		})]
+	});
 }
+
 export { ShapesDemo };
 //# sourceMappingURL=ShapesDemo.native.js.map

package/dist/esm/ShapesDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Circle","Square","XStack","ShapesDemo","p","gap","children"],"sources":["../../src/ShapesDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAQ,IAAAC,KAAA,QAAc;AAInC,SACEC,MADF,EAAAC,MAAA,EAAAC,MAAA;AAFG,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAJ,KAAC,CAAAG,MAAA;IACCE,CAAA;IACAC,GAAA;IAA8CC,QAChD,GAEJ,eAAAT,IAAA,CAAAI,MAAA","ignoreList":[]}
+{"version":3,"file":"ShapesDemo.native.js","names":[],"sources":["esm/ShapesDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Circle, Square, XStack } from \"tamagui\";\nfunction ShapesDemo() {\n  return /* @__PURE__ */ _jsxs(XStack, {\n    p: \"2\",\n    gap: \"4\",\n    children: [\n      /* @__PURE__ */ _jsx(Square, {\n        size: 100,\n        bg: \"color\",\n        elevation: \"4\"\n      }),\n      /* @__PURE__ */ _jsx(Circle, {\n        size: 100,\n        bg: \"color\",\n        elevation: \"4\"\n      })\n    ]\n  });\n}\nexport {\n  ShapesDemo\n};\n//# sourceMappingURL=ShapesDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,aAAa;CACpB,OAAuB,qBAAM,QAAQ;EACnC,GAAG;EACH,KAAK;EACL,UAAU,CACQ,oBAAK,QAAQ;GAC3B,MAAM;GACN,IAAI;GACJ,WAAW;EACb,CAAC,GACe,oBAAK,QAAQ;GAC3B,MAAM;GACN,IAAI;GACJ,WAAW;EACb,CAAC,CACH;CACF,CAAC;AACH"}

package/dist/esm/SheetDemo.mjs

@@ -1,162 +1,171 @@
 import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons-2";
-import { Sheet } from "@tamagui/sheet";
 import React, { memo } from "react";
-import { Button, H2, Input, Paragraph, XStack, YStack } from "tamagui";
+import { Button, H2, Input, Paragraph, Sheet, XStack, YStack } from "tamagui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-const spModes = ["percent", "constant", "fit", "mixed"];
+
+const spModes = [
+	"percent",
+	"constant",
+	"fit",
+	"mixed"
+];
 const SheetDemo = () => {
-  const [position, setPosition] = React.useState(0);
-  const [open, setOpen] = React.useState(false);
-  const [modal, setModal] = React.useState(true);
-  const [innerOpen, setInnerOpen] = React.useState(false);
-  const [snapPointsMode, setSnapPointsMode] = React.useState("percent");
-  const [mixedFitDemo, setMixedFitDemo] = React.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__ */jsxs(Fragment, {
-    children: [/* @__PURE__ */jsxs(YStack, {
-      gap: "$4",
-      children: [/* @__PURE__ */jsxs(XStack, {
-        gap: "$4",
-        $maxMd: {
-          flexDirection: "column",
-          items: "center"
-        },
-        children: [/* @__PURE__ */jsx(Button, {
-          onPress: () => setOpen(true),
-          children: "Open"
-        }), /* @__PURE__ */jsx(Button, {
-          onPress: () => setModal(x => !x),
-          children: modal ? "Type: Modal" : "Type: Inline"
-        }), /* @__PURE__ */jsx(Button, {
-          onPress: () => setSnapPointsMode(prev => spModes[(spModes.indexOf(prev) + 1) % spModes.length]),
-          children: `Mode: ${{
-            percent: "Percentage",
-            constant: "Constant",
-            fit: "Fit",
-            mixed: "Mixed"
-          }[snapPointsMode]}`
-        })]
-      }), isMixed ? /* @__PURE__ */jsx(Button, {
-        onPress: () => setMixedFitDemo(x => !x),
-        children: `Snap Points: ${JSON.stringify(snapPoints)}`
-      }) : /* @__PURE__ */jsx(XStack, {
-        py: "$2.5",
-        justify: "center",
-        children: /* @__PURE__ */jsx(Paragraph, {
-          children: `Snap Points: ${isFit ? "(none)" : JSON.stringify(snapPoints)}`
-        })
-      })]
-    }), /* @__PURE__ */jsxs(Sheet, {
-      modal,
-      open,
-      onOpenChange: setOpen,
-      snapPoints,
-      snapPointsMode,
-      dismissOnSnapToBottom: true,
-      position,
-      onPositionChange: setPosition,
-      zIndex: 1e5,
-      transition: "medium",
-      children: [/* @__PURE__ */jsx(Sheet.Overlay, {
-        transition: "lazy",
-        bg: "$shadow6",
-        enterStyle: {
-          opacity: 0
-        },
-        exitStyle: {
-          opacity: 0
-        }
-      }), /* @__PURE__ */jsx(Sheet.Handle, {}), /* @__PURE__ */jsx(Sheet.Frame, {
-        p: "$4",
-        justify: "center",
-        items: "center",
-        gap: "$5",
-        children: /* @__PURE__ */jsx(SheetContents, {
-          ...{
-            modal,
-            isPercent,
-            innerOpen,
-            setInnerOpen,
-            setOpen
-          }
-        })
-      })]
-    })]
-  });
+	const [position, setPosition] = React.useState(0);
+	const [open, setOpen] = React.useState(false);
+	const [modal, setModal] = React.useState(true);
+	const [innerOpen, setInnerOpen] = React.useState(false);
+	const [snapPointsMode, setSnapPointsMode] = React.useState("percent");
+	const [mixedFitDemo, setMixedFitDemo] = React.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__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(YStack, {
+		gap: "4",
+		children: [/* @__PURE__ */ jsxs(XStack, {
+			gap: "4",
+			flexDirection: "max-md:column",
+			items: "max-md:center",
+			children: [
+				/* @__PURE__ */ jsx(Button, {
+					onPress: () => setOpen(true),
+					children: "Open"
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					onPress: () => setModal((x) => !x),
+					children: modal ? "Type: Modal" : "Type: Inline"
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					onPress: () => setSnapPointsMode((prev) => spModes[(spModes.indexOf(prev) + 1) % spModes.length]),
+					children: `Mode: ${{
+						percent: "Percentage",
+						constant: "Constant",
+						fit: "Fit",
+						mixed: "Mixed"
+					}[snapPointsMode]}`
+				})
+			]
+		}), isMixed ? /* @__PURE__ */ jsx(Button, {
+			onPress: () => setMixedFitDemo((x) => !x),
+			children: `Snap Points: ${JSON.stringify(snapPoints)}`
+		}) : /* @__PURE__ */ jsx(XStack, {
+			py: "2-5",
+			justify: "center",
+			children: /* @__PURE__ */ jsx(Paragraph, { children: `Snap Points: ${isFit ? "(none)" : JSON.stringify(snapPoints)}` })
+		})]
+	}), /* @__PURE__ */ jsxs(Sheet, {
+		modal,
+		open,
+		onOpenChange: setOpen,
+		snapPoints,
+		snapPointsMode,
+		dismissOnSnapToBottom: true,
+		position,
+		onPositionChange: setPosition,
+		zIndex: 1e5,
+		transition: "medium",
+		children: [
+			/* @__PURE__ */ jsx(Sheet.Overlay, {
+				transition: "lazy",
+				bg: "shadow6",
+				opacity: "enter:0 exit:0"
+			}),
+			/* @__PURE__ */ jsx(Sheet.Handle, {}),
+			/* @__PURE__ */ jsxs(Sheet.Container, {
+				p: "4",
+				justify: "center",
+				items: "center",
+				gap: "5",
+				children: [/* @__PURE__ */ jsx(Sheet.Background, {}), /* @__PURE__ */ jsx(SheetContents, { ...{
+					modal,
+					isPercent,
+					innerOpen,
+					setInnerOpen,
+					setOpen
+				} })]
+			})
+		]
+	})] });
 };
-const SheetContents = memo(({
-  modal,
-  isPercent,
-  innerOpen,
-  setInnerOpen,
-  setOpen
-}) => {
-  return /* @__PURE__ */jsxs(Fragment, {
-    children: [/* @__PURE__ */jsx(Button, {
-      size: "$6",
-      circular: true,
-      icon: ChevronDown,
-      onPress: () => setOpen(false)
-    }), /* @__PURE__ */jsx(Input, {
-      width: 200
-    }), modal && isPercent && /* @__PURE__ */jsxs(Fragment, {
-      children: [/* @__PURE__ */jsx(InnerSheet, {
-        open: innerOpen,
-        onOpenChange: setInnerOpen
-      }), /* @__PURE__ */jsx(Button, {
-        size: "$6",
-        circular: true,
-        icon: ChevronUp,
-        onPress: () => setInnerOpen(true)
-      })]
-    })]
-  });
+const SheetContents = memo(({ modal, isPercent, innerOpen, setInnerOpen, setOpen }) => {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(Button, {
+			size: "6",
+			circular: true,
+			icon: ChevronDown,
+			onPress: () => setOpen(false)
+		}),
+		/* @__PURE__ */ jsx(Input, { width: 200 }),
+		modal && isPercent && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(InnerSheet, {
+			open: innerOpen,
+			onOpenChange: setInnerOpen
+		}), /* @__PURE__ */ jsx(Button, {
+			size: "6",
+			circular: true,
+			icon: ChevronUp,
+			onPress: () => setInnerOpen(true)
+		})] })
+	] });
 });
 function InnerSheet(props) {
-  return /* @__PURE__ */jsxs(Sheet, {
-    transition: "medium",
-    modal: true,
-    snapPoints: [90],
-    dismissOnSnapToBottom: true,
-    ...props,
-    children: [/* @__PURE__ */jsx(Sheet.Overlay, {
-      transition: "medium",
-      bg: "$shadow2",
-      enterStyle: {
-        opacity: 0
-      },
-      exitStyle: {
-        opacity: 0
-      }
-    }), /* @__PURE__ */jsx(Sheet.Handle, {}), /* @__PURE__ */jsx(Sheet.Frame, {
-      flex: 1,
-      justify: "center",
-      items: "center",
-      gap: "$5",
-      children: /* @__PURE__ */jsx(Sheet.ScrollView, {
-        children: /* @__PURE__ */jsxs(YStack, {
-          p: "$5",
-          gap: "$8",
-          children: [/* @__PURE__ */jsx(Button, {
-            size: "$6",
-            circular: true,
-            self: "center",
-            icon: ChevronDown,
-            onPress: () => props.onOpenChange?.(false)
-          }), /* @__PURE__ */jsx(H2, {
-            children: "Hello world"
-          }), [1, 2, 3, 4, 5, 6, 7, 8].map(i => /* @__PURE__ */jsx(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__ */ jsxs(Sheet, {
+		transition: "medium",
+		modal: true,
+		snapPoints: [90],
+		dismissOnSnapToBottom: true,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(Sheet.Overlay, {
+				transition: "medium",
+				bg: "shadow2",
+				opacity: "enter:0 exit:0"
+			}),
+			/* @__PURE__ */ jsx(Sheet.Handle, {}),
+			/* @__PURE__ */ jsxs(Sheet.Container, {
+				flex: 1,
+				justify: "center",
+				items: "center",
+				gap: "5",
+				children: [/* @__PURE__ */ jsx(Sheet.Background, {}), /* @__PURE__ */ jsx(Sheet.ScrollView, { children: /* @__PURE__ */ jsxs(YStack, {
+					p: "5",
+					gap: "8",
+					children: [
+						/* @__PURE__ */ jsx(Button, {
+							size: "6",
+							circular: true,
+							self: "center",
+							icon: ChevronDown,
+							onPress: () => props.onOpenChange?.(false)
+						}),
+						/* @__PURE__ */ jsx(H2, { children: "Hello world" }),
+						[
+							1,
+							2,
+							3,
+							4,
+							5,
+							6,
+							7,
+							8
+						].map((i) => /* @__PURE__ */ jsx(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))
+					]
+				}) })]
+			})
+		]
+	});
 }
+
 export { SheetDemo };
 //# sourceMappingURL=SheetDemo.mjs.map

package/dist/esm/SheetDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["ChevronDown","ChevronUp","Sheet","React","memo","Button","H2","Input","Paragraph","XStack","YStack","Fragment","jsx","jsxs","spModes","SheetDemo","position","setPosition","useState","open","setOpen","modal","setModal","innerOpen","setInnerOpen","snapPointsMode","setSnapPointsMode","mixedFitDemo","setMixedFitDemo","isPercent","isConstant","isFit","isMixed","snapPoints","children","gap","$maxMd","flexDirection","items","onPress","x","prev","indexOf","length","percent","constant","fit","mixed","JSON","stringify","py","justify","onOpenChange","dismissOnSnapToBottom","onPositionChange","zIndex","transition","Overlay","bg","enterStyle","opacity","exitStyle","Handle","Frame","p","SheetContents","size","circular","icon","width","InnerSheet","props","flex","ScrollView","self","map","i"],"sources":["../../src/SheetDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SheetDemo.js","names":[],"sources":["esm/SheetDemo.js"],"sourcesContent":["import { ChevronDown, ChevronUp } from \"@tamagui/lucide-icons-2\";\nimport React, { memo } from \"react\";\nimport {\n  Button,\n  H2,\n  Input,\n  Paragraph,\n  Sheet,\n  XStack,\n  YStack\n} from \"tamagui\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nconst spModes = [\"percent\", \"constant\", \"fit\", \"mixed\"];\nconst SheetDemo = () => {\n  const [position, setPosition] = React.useState(0);\n  const [open, setOpen] = React.useState(false);\n  const [modal, setModal] = React.useState(true);\n  const [innerOpen, setInnerOpen] = React.useState(false);\n  const [snapPointsMode, setSnapPointsMode] = React.useState(\"percent\");\n  const [mixedFitDemo, setMixedFitDemo] = React.useState(false);\n  const isPercent = snapPointsMode === \"percent\";\n  const isConstant = snapPointsMode === \"constant\";\n  const isFit = snapPointsMode === \"fit\";\n  const isMixed = snapPointsMode === \"mixed\";\n  const snapPoints = isPercent ? [85, 50, 25] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? [\"fit\", 110] : [\"80%\", 256, 190];\n  return /* @__PURE__ */ jsxs(Fragment, { children: [\n    /* @__PURE__ */ jsxs(YStack, { gap: \"4\", children: [\n      /* @__PURE__ */ jsxs(XStack, { gap: \"4\", flexDirection: \"max-md:column\", items: \"max-md:center\", children: [\n        /* @__PURE__ */ jsx(Button, { onPress: () => setOpen(true), children: \"Open\" }),\n        /* @__PURE__ */ jsx(Button, { onPress: () => setModal((x) => !x), children: modal ? \"Type: Modal\" : \"Type: Inline\" }),\n        /* @__PURE__ */ jsx(\n          Button,\n          {\n            onPress: () => setSnapPointsMode(\n              (prev) => spModes[(spModes.indexOf(prev) + 1) % spModes.length]\n            ),\n            children: `Mode: ${{ percent: \"Percentage\", constant: \"Constant\", fit: \"Fit\", mixed: \"Mixed\" }[snapPointsMode]}`\n          }\n        )\n      ] }),\n      isMixed ? /* @__PURE__ */ jsx(Button, { onPress: () => setMixedFitDemo((x) => !x), children: `Snap Points: ${JSON.stringify(snapPoints)}` }) : /* @__PURE__ */ jsx(XStack, { py: \"2-5\", justify: \"center\", children: /* @__PURE__ */ jsx(Paragraph, { children: `Snap Points: ${isFit ? \"(none)\" : JSON.stringify(snapPoints)}` }) })\n    ] }),\n    /* @__PURE__ */ jsxs(\n      Sheet,\n      {\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__ */ jsx(Sheet.Overlay, { transition: \"lazy\", bg: \"shadow6\", opacity: \"enter:0 exit:0\" }),\n          /* @__PURE__ */ jsx(Sheet.Handle, {}),\n          /* @__PURE__ */ jsxs(Sheet.Container, { p: \"4\", justify: \"center\", items: \"center\", gap: \"5\", children: [\n            /* @__PURE__ */ jsx(Sheet.Background, {}),\n            /* @__PURE__ */ jsx(SheetContents, { ...{ modal, isPercent, innerOpen, setInnerOpen, setOpen } })\n          ] })\n        ]\n      }\n    )\n  ] });\n};\nconst SheetContents = memo(\n  ({ modal, isPercent, innerOpen, setInnerOpen, setOpen }) => {\n    return /* @__PURE__ */ jsxs(Fragment, { children: [\n      /* @__PURE__ */ jsx(Button, { size: \"6\", circular: true, icon: ChevronDown, onPress: () => setOpen(false) }),\n      /* @__PURE__ */ jsx(Input, { width: 200 }),\n      modal && isPercent && /* @__PURE__ */ jsxs(Fragment, { children: [\n        /* @__PURE__ */ jsx(InnerSheet, { open: innerOpen, onOpenChange: setInnerOpen }),\n        /* @__PURE__ */ jsx(\n          Button,\n          {\n            size: \"6\",\n            circular: true,\n            icon: ChevronUp,\n            onPress: () => setInnerOpen(true)\n          }\n        )\n      ] })\n    ] });\n  }\n);\nfunction InnerSheet(props) {\n  return /* @__PURE__ */ jsxs(Sheet, { transition: \"medium\", modal: true, snapPoints: [90], dismissOnSnapToBottom: true, ...props, children: [\n    /* @__PURE__ */ jsx(Sheet.Overlay, { transition: \"medium\", bg: \"shadow2\", opacity: \"enter:0 exit:0\" }),\n    /* @__PURE__ */ jsx(Sheet.Handle, {}),\n    /* @__PURE__ */ jsxs(Sheet.Container, { flex: 1, justify: \"center\", items: \"center\", gap: \"5\", children: [\n      /* @__PURE__ */ jsx(Sheet.Background, {}),\n      /* @__PURE__ */ jsx(Sheet.ScrollView, { children: /* @__PURE__ */ jsxs(YStack, { p: \"5\", gap: \"8\", children: [\n        /* @__PURE__ */ jsx(\n          Button,\n          {\n            size: \"6\",\n            circular: true,\n            self: \"center\",\n            icon: ChevronDown,\n            onPress: () => props.onOpenChange?.(false)\n          }\n        ),\n        /* @__PURE__ */ jsx(H2, { children: \"Hello world\" }),\n        [1, 2, 3, 4, 5, 6, 7, 8].map((i) => /* @__PURE__ */ jsx(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))\n      ] }) })\n    ] })\n  ] });\n}\nexport {\n  SheetDemo\n};\n//# sourceMappingURL=SheetDemo.js.map\n"],"mappings":";;;;;;AAYA,MAAM,UAAU;CAAC;CAAW;CAAY;CAAO;AAAO;AACtD,MAAM,kBAAkB;CACtB,MAAM,CAAC,UAAU,eAAe,MAAM,SAAS,CAAC;CAChD,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,KAAK;CAC5C,MAAM,CAAC,OAAO,YAAY,MAAM,SAAS,IAAI;CAC7C,MAAM,CAAC,WAAW,gBAAgB,MAAM,SAAS,KAAK;CACtD,MAAM,CAAC,gBAAgB,qBAAqB,MAAM,SAAS,SAAS;CACpE,MAAM,CAAC,cAAc,mBAAmB,MAAM,SAAS,KAAK;CAC5D,MAAM,YAAY,mBAAmB;CACrC,MAAM,aAAa,mBAAmB;CACtC,MAAM,QAAQ,mBAAmB;CACjC,MAAM,UAAU,mBAAmB;CACnC,MAAM,aAAa,YAAY;EAAC;EAAI;EAAI;CAAE,IAAI,aAAa,CAAC,KAAK,GAAG,IAAI,QAAQ,KAAK,IAAI,eAAe,CAAC,OAAO,GAAG,IAAI;EAAC;EAAO;EAAK;CAAG;CACvI,OAAuB,qBAAK,UAAU,EAAE,UAAU,CAChC,qBAAK,QAAQ;EAAE,KAAK;EAAK,UAAU,CACjC,qBAAK,QAAQ;GAAE,KAAK;GAAK,eAAe;GAAiB,OAAO;GAAiB,UAAU;IACzF,oBAAI,QAAQ;KAAE,eAAe,QAAQ,IAAI;KAAG,UAAU;IAAO,CAAC;IAC9D,oBAAI,QAAQ;KAAE,eAAe,UAAU,MAAM,CAAC,CAAC;KAAG,UAAU,QAAQ,gBAAgB;IAAe,CAAC;IACpG,oBACd,QACA;KACE,eAAe,mBACZ,SAAS,SAAS,QAAQ,QAAQ,IAAI,IAAI,KAAK,QAAQ,OAC1D;KACA,UAAU,SAAS;MAAE,SAAS;MAAc,UAAU;MAAY,KAAK;MAAO,OAAO;KAAQ,EAAE;IACjG,CACF;GACF;EAAE,CAAC,GACH,UAA0B,oBAAI,QAAQ;GAAE,eAAe,iBAAiB,MAAM,CAAC,CAAC;GAAG,UAAU,gBAAgB,KAAK,UAAU,UAAU;EAAI,CAAC,IAAoB,oBAAI,QAAQ;GAAE,IAAI;GAAO,SAAS;GAAU,UAA0B,oBAAI,WAAW,EAAE,UAAU,gBAAgB,QAAQ,WAAW,KAAK,UAAU,UAAU,IAAI,CAAC;EAAE,CAAC,CACtU;CAAE,CAAC,GACa,qBACd,OACA;EACE;EACA;EACA,cAAc;EACd;EACA;EACA,uBAAuB;EACvB;EACA,kBAAkB;EAClB,QAAQ;EACR,YAAY;EACZ,UAAU;GACQ,oBAAI,MAAM,SAAS;IAAE,YAAY;IAAQ,IAAI;IAAW,SAAS;GAAiB,CAAC;GACnF,oBAAI,MAAM,QAAQ,CAAC,CAAC;GACpB,qBAAK,MAAM,WAAW;IAAE,GAAG;IAAK,SAAS;IAAU,OAAO;IAAU,KAAK;IAAK,UAAU,CACtF,oBAAI,MAAM,YAAY,CAAC,CAAC,GACxB,oBAAI,eAAe,EAAE,GAAG;KAAE;KAAO;KAAW;KAAW;KAAc;IAAQ,EAAE,CAAC,CAClG;GAAE,CAAC;EACL;CACF,CACF,CACF,EAAE,CAAC;AACL;AACA,MAAM,gBAAgB,MACnB,EAAE,OAAO,WAAW,WAAW,cAAc,cAAc;CAC1D,OAAuB,qBAAK,UAAU,EAAE,UAAU;EAChC,oBAAI,QAAQ;GAAE,MAAM;GAAK,UAAU;GAAM,MAAM;GAAa,eAAe,QAAQ,KAAK;EAAE,CAAC;EAC3F,oBAAI,OAAO,EAAE,OAAO,IAAI,CAAC;EACzC,SAAS,aAA6B,qBAAK,UAAU,EAAE,UAAU,CAC/C,oBAAI,YAAY;GAAE,MAAM;GAAW,cAAc;EAAa,CAAC,GAC/D,oBACd,QACA;GACE,MAAM;GACN,UAAU;GACV,MAAM;GACN,eAAe,aAAa,IAAI;EAClC,CACF,CACF,EAAE,CAAC;CACL,EAAE,CAAC;AACL,CACF;AACA,SAAS,WAAW,OAAO;CACzB,OAAuB,qBAAK,OAAO;EAAE,YAAY;EAAU,OAAO;EAAM,YAAY,CAAC,EAAE;EAAG,uBAAuB;EAAM,GAAG;EAAO,UAAU;GACzH,oBAAI,MAAM,SAAS;IAAE,YAAY;IAAU,IAAI;IAAW,SAAS;GAAiB,CAAC;GACrF,oBAAI,MAAM,QAAQ,CAAC,CAAC;GACpB,qBAAK,MAAM,WAAW;IAAE,MAAM;IAAG,SAAS;IAAU,OAAO;IAAU,KAAK;IAAK,UAAU,CACvF,oBAAI,MAAM,YAAY,CAAC,CAAC,GACxB,oBAAI,MAAM,YAAY,EAAE,UAA0B,qBAAK,QAAQ;KAAE,GAAG;KAAK,KAAK;KAAK,UAAU;MAC3F,oBACd,QACA;OACE,MAAM;OACN,UAAU;OACV,MAAM;OACN,MAAM;OACN,eAAe,MAAM,eAAe,KAAK;MAC3C,CACF;MACgB,oBAAI,IAAI,EAAE,UAAU,cAAc,CAAC;MACnD;OAAC;OAAG;OAAG;OAAG;OAAG;OAAG;OAAG;OAAG;MAAC,EAAE,KAAK,MAAsB,oBAAI,WAAW;OAAE,MAAM;OAAK,UAAU;MAA6W,GAAG,CAAC,CAAC;KAC9c;IAAE,CAAC,EAAE,CAAC,CACR;GAAE,CAAC;EACL;CAAE,CAAC;AACL"}