@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/SheetDemo.native.js

@@ -1,184 +1,195 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 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";
-var spModes = ["percent", "constant", "fit", "mixed"];
-var SheetDemo = function () {
-  var [position, setPosition] = React.useState(0);
-  var [open, setOpen] = React.useState(false);
-  var [modal, setModal] = React.useState(true);
-  var [innerOpen, setInnerOpen] = React.useState(false);
-  var [snapPointsMode, setSnapPointsMode] = React.useState("percent");
-  var [mixedFitDemo, setMixedFitDemo] = React.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__ */_jsxs(_Fragment, {
-    children: [/* @__PURE__ */_jsxs(YStack, {
-      gap: "$4",
-      children: [/* @__PURE__ */_jsxs(XStack, {
-        gap: "$4",
-        $maxMd: {
-          flexDirection: "column",
-          items: "center"
-        },
-        children: [/* @__PURE__ */_jsx(Button, {
-          onPress: function () {
-            return setOpen(true);
-          },
-          children: "Open"
-        }), /* @__PURE__ */_jsx(Button, {
-          onPress: function () {
-            return setModal(function (x) {
-              return !x;
-            });
-          },
-          children: modal ? "Type: Modal" : "Type: Inline"
-        }), /* @__PURE__ */_jsx(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__ */_jsx(Button, {
-        onPress: function () {
-          return setMixedFitDemo(function (x) {
-            return !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
-        })
-      })]
-    })]
-  });
+import { Button, H2, Input, Paragraph, Sheet, XStack, YStack } from "tamagui";
+
+var spModes = [
+	"percent",
+	"constant",
+	"fit",
+	"mixed"
+];
+var SheetDemo = function() {
+	var [position, setPosition] = React.useState(0);
+	var [open, setOpen] = React.useState(false);
+	var [modal, setModal] = React.useState(true);
+	var [innerOpen, setInnerOpen] = React.useState(false);
+	var [snapPointsMode, setSnapPointsMode] = React.useState("percent");
+	var [mixedFitDemo, setMixedFitDemo] = React.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__ */ 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: function() {
+						return setOpen(true);
+					},
+					children: "Open"
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					onPress: function() {
+						return setModal(function(x) {
+							return !x;
+						});
+					},
+					children: modal ? "Type: Modal" : "Type: Inline"
+				}),
+				/* @__PURE__ */ jsx(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__ */ jsx(Button, {
+			onPress: function() {
+				return setMixedFitDemo(function(x) {
+					return !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
+				})]
+			})
+		]
+	})] });
 };
-var SheetContents = /* @__PURE__ */memo(function (param) {
-  var {
-    modal,
-    isPercent,
-    innerOpen,
-    setInnerOpen,
-    setOpen
-  } = param;
-  return /* @__PURE__ */_jsxs(_Fragment, {
-    children: [/* @__PURE__ */_jsx(Button, {
-      size: "$6",
-      circular: true,
-      icon: ChevronDown,
-      onPress: function () {
-        return 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: function () {
-          return setInnerOpen(true);
-        }
-      })]
-    })]
-  });
+var SheetContents = /* @__PURE__ */ memo(function(param) {
+	var { modal, isPercent, innerOpen, setInnerOpen, setOpen } = param;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(Button, {
+			size: "6",
+			circular: true,
+			icon: ChevronDown,
+			onPress: function() {
+				return 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: function() {
+				return 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: function () {
-              var _props_onOpenChange;
-              return (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, false);
-            }
-          }), /* @__PURE__ */_jsx(H2, {
-            children: "Hello world"
-          }), [1, 2, 3, 4, 5, 6, 7, 8].map(function (i) {
-            return /* @__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: function() {
+								var _props_onOpenChange;
+								return (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, false);
+							}
+						}),
+						/* @__PURE__ */ jsx(H2, { children: "Hello world" }),
+						[
+							1,
+							2,
+							3,
+							4,
+							5,
+							6,
+							7,
+							8
+						].map(function(i) {
+							return /* @__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.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ChevronDown","ChevronUp","Sheet","React","memo","Button","H2","Input","Paragraph","XStack","YStack","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"],"sources":["../../src/SheetDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SheetDemo.native.js","names":["_Fragment"],"sources":["esm/SheetDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { ChevronDown, ChevronUp } from \"@tamagui/lucide-icons-2\";\nimport React, { memo } from \"react\";\nimport { Button, H2, Input, Paragraph, Sheet, XStack, YStack } from \"tamagui\";\nvar spModes = [\n  \"percent\",\n  \"constant\",\n  \"fit\",\n  \"mixed\"\n];\nvar SheetDemo = function() {\n  var [position, setPosition] = React.useState(0);\n  var [open, setOpen] = React.useState(false);\n  var [modal, setModal] = React.useState(true);\n  var [innerOpen, setInnerOpen] = React.useState(false);\n  var [snapPointsMode, setSnapPointsMode] = React.useState(\"percent\");\n  var [mixedFitDemo, setMixedFitDemo] = React.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__ */ _jsxs(_Fragment, {\n    children: [\n      /* @__PURE__ */ _jsxs(YStack, {\n        gap: \"4\",\n        children: [\n          /* @__PURE__ */ _jsxs(XStack, {\n            gap: \"4\",\n            flexDirection: \"max-md:column\",\n            items: \"max-md:center\",\n            children: [\n              /* @__PURE__ */ _jsx(Button, {\n                onPress: function() {\n                  return setOpen(true);\n                },\n                children: \"Open\"\n              }),\n              /* @__PURE__ */ _jsx(Button, {\n                onPress: function() {\n                  return setModal(function(x) {\n                    return !x;\n                  });\n                },\n                children: modal ? \"Type: Modal\" : \"Type: Inline\"\n              }),\n              /* @__PURE__ */ _jsx(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__ */ _jsx(Button, {\n            onPress: function() {\n              return setMixedFitDemo(function(x) {\n                return !x;\n              });\n            },\n            children: `Snap Points: ${JSON.stringify(snapPoints)}`\n          }) : /* @__PURE__ */ _jsx(XStack, {\n            py: \"2-5\",\n            justify: \"center\",\n            children: /* @__PURE__ */ _jsx(Paragraph, {\n              children: `Snap Points: ${isFit ? \"(none)\" : JSON.stringify(snapPoints)}`\n            })\n          })\n        ]\n      }),\n      /* @__PURE__ */ _jsxs(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__ */ _jsx(Sheet.Overlay, {\n            transition: \"lazy\",\n            bg: \"shadow6\",\n            opacity: \"enter:0 exit:0\"\n          }),\n          /* @__PURE__ */ _jsx(Sheet.Handle, {}),\n          /* @__PURE__ */ _jsxs(Sheet.Container, {\n            p: \"4\",\n            justify: \"center\",\n            items: \"center\",\n            gap: \"5\",\n            children: [\n              /* @__PURE__ */ _jsx(Sheet.Background, {}),\n              /* @__PURE__ */ _jsx(SheetContents, {\n                modal,\n                isPercent,\n                innerOpen,\n                setInnerOpen,\n                setOpen\n              })\n            ]\n          })\n        ]\n      })\n    ]\n  });\n};\nvar SheetContents = /* @__PURE__ */ memo(function(param) {\n  var { modal, isPercent, innerOpen, setInnerOpen, setOpen } = param;\n  return /* @__PURE__ */ _jsxs(_Fragment, {\n    children: [\n      /* @__PURE__ */ _jsx(Button, {\n        size: \"6\",\n        circular: true,\n        icon: ChevronDown,\n        onPress: function() {\n          return setOpen(false);\n        }\n      }),\n      /* @__PURE__ */ _jsx(Input, {\n        width: 200\n      }),\n      modal && isPercent && /* @__PURE__ */ _jsxs(_Fragment, {\n        children: [\n          /* @__PURE__ */ _jsx(InnerSheet, {\n            open: innerOpen,\n            onOpenChange: setInnerOpen\n          }),\n          /* @__PURE__ */ _jsx(Button, {\n            size: \"6\",\n            circular: true,\n            icon: ChevronUp,\n            onPress: function() {\n              return setInnerOpen(true);\n            }\n          })\n        ]\n      })\n    ]\n  });\n});\nfunction InnerSheet(props) {\n  return /* @__PURE__ */ _jsxs(Sheet, {\n    transition: \"medium\",\n    modal: true,\n    snapPoints: [\n      90\n    ],\n    dismissOnSnapToBottom: true,\n    ...props,\n    children: [\n      /* @__PURE__ */ _jsx(Sheet.Overlay, {\n        transition: \"medium\",\n        bg: \"shadow2\",\n        opacity: \"enter:0 exit:0\"\n      }),\n      /* @__PURE__ */ _jsx(Sheet.Handle, {}),\n      /* @__PURE__ */ _jsxs(Sheet.Container, {\n        flex: 1,\n        justify: \"center\",\n        items: \"center\",\n        gap: \"5\",\n        children: [\n          /* @__PURE__ */ _jsx(Sheet.Background, {}),\n          /* @__PURE__ */ _jsx(Sheet.ScrollView, {\n            children: /* @__PURE__ */ _jsxs(YStack, {\n              p: \"5\",\n              gap: \"8\",\n              children: [\n                /* @__PURE__ */ _jsx(Button, {\n                  size: \"6\",\n                  circular: true,\n                  self: \"center\",\n                  icon: 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__ */ _jsx(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__ */ _jsx(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}\nexport {\n  SheetDemo\n};\n//# sourceMappingURL=SheetDemo.js.map\n"],"mappings":"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"}

package/dist/esm/SliderDemo.mjs

@@ -1,35 +1,34 @@
 import { Slider, XStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 function SliderDemo() {
-  return /* @__PURE__ */jsxs(XStack, {
-    height: 200,
-    items: "center",
-    gap: "$8",
-    children: [/* @__PURE__ */jsx(SimpleSlider, {
-      height: 200,
-      orientation: "vertical"
-    }), /* @__PURE__ */jsx(SimpleSlider, {
-      width: 200
-    })]
-  });
+	return /* @__PURE__ */ jsxs(XStack, {
+		height: 200,
+		items: "center",
+		gap: "8",
+		children: [/* @__PURE__ */ jsx(SimpleSlider, {
+			height: 200,
+			orientation: "vertical"
+		}), /* @__PURE__ */ jsx(SimpleSlider, { width: 200 })]
+	});
 }
-function SimpleSlider({
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */jsxs(Slider, {
-    defaultValue: [50],
-    max: 100,
-    step: 1,
-    ...props,
-    children: [/* @__PURE__ */jsx(Slider.Track, {
-      children: /* @__PURE__ */jsx(Slider.TrackActive, {})
-    }), /* @__PURE__ */jsx(Slider.Thumb, {
-      theme: "accent",
-      size: 30,
-      borderRadius: 100
-    }), children]
-  });
+function SimpleSlider({ children, ...props }) {
+	return /* @__PURE__ */ jsxs(Slider, {
+		defaultValue: [50],
+		max: 100,
+		step: 1,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(Slider.Track, { children: /* @__PURE__ */ jsx(Slider.TrackActive, {}) }),
+			/* @__PURE__ */ jsx(Slider.Thumb, {
+				theme: "accent",
+				size: 30,
+				borderRadius: 100
+			}),
+			children
+		]
+	});
 }
+
 export { SliderDemo };
 //# sourceMappingURL=SliderDemo.mjs.map

package/dist/esm/SliderDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Slider","XStack","jsx","jsxs","SliderDemo","height","items","gap","children","SimpleSlider","orientation","width","props","defaultValue","max","step","Track","TrackActive","Thumb","theme","size","borderRadius"],"sources":["../../src/SliderDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,EAAeC,MAAA,QAAc;AAIlC,SACEC,GAAA,EADFC,IAAA;AAFG,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAD,IAAA,CAACF,MAAA;IAAOI,MAAA,EAAQ;IAAKC,KAAA,EAAM;IAASC,GAAA,EAAI;IACtCC,QAAA,kBAAAN,GAAA,CAACO,YAAA;MAAaJ,MAAA,EAAQ;MAAKK,WAAA,EAAY;IAAA,CAAW,GAClD,eAAAR,GAAA,CAACO,YAAA;MAAaE,KAAA,EAAO;IAAA,CAAK;EAAA,CAC5B;AAEJ;AAEA,SAASF,aAAa;EAAED,QAAA;EAAU,GAAGI;AAAM,GAAgB;EACzD,OACE,eAAAT,IAAA,CAACH,MAAA;IAAOa,YAAA,EAAc,CAAC,EAAE;IAAGC,GAAA,EAAK;IAAKC,IAAA,EAAM;IAAI,GAAGH,KAAA;IACjDJ,QAAA,kBAAAN,GAAA,CAACF,MAAA,CAAOgB,KAAA,EAAP;MACCR,QAAA,iBAAAN,GAAA,CAACF,MAAA,CAAOiB,WAAA,EAAP,EAAmB;IAAA,CACtB,GACA,eAAAf,GAAA,CAACF,MAAA,CAAOkB,KAAA,EAAP;MAAaC,KAAA,EAAM;MAASC,IAAA,EAAM;MAAIC,YAAA,EAAc;IAAA,CAAK,GACzDb,QAAA;EAAA,CACH;AAEJ","ignoreList":[]}
+{"version":3,"file":"SliderDemo.js","names":[],"sources":["esm/SliderDemo.js"],"sourcesContent":["import { Slider, XStack } from \"tamagui\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nfunction SliderDemo() {\n  return /* @__PURE__ */ jsxs(XStack, { height: 200, items: \"center\", gap: \"8\", children: [\n    /* @__PURE__ */ jsx(SimpleSlider, { height: 200, orientation: \"vertical\" }),\n    /* @__PURE__ */ jsx(SimpleSlider, { width: 200 })\n  ] });\n}\nfunction SimpleSlider({ children, ...props }) {\n  return /* @__PURE__ */ jsxs(Slider, { defaultValue: [50], max: 100, step: 1, ...props, children: [\n    /* @__PURE__ */ jsx(Slider.Track, { children: /* @__PURE__ */ jsx(Slider.TrackActive, {}) }),\n    /* @__PURE__ */ jsx(Slider.Thumb, { theme: \"accent\", size: 30, borderRadius: 100 }),\n    children\n  ] });\n}\nexport {\n  SliderDemo\n};\n//# sourceMappingURL=SliderDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,aAAa;CACpB,OAAuB,qBAAK,QAAQ;EAAE,QAAQ;EAAK,OAAO;EAAU,KAAK;EAAK,UAAU,CACtE,oBAAI,cAAc;GAAE,QAAQ;GAAK,aAAa;EAAW,CAAC,GAC1D,oBAAI,cAAc,EAAE,OAAO,IAAI,CAAC,CAClD;CAAE,CAAC;AACL;AACA,SAAS,aAAa,EAAE,UAAU,GAAG,SAAS;CAC5C,OAAuB,qBAAK,QAAQ;EAAE,cAAc,CAAC,EAAE;EAAG,KAAK;EAAK,MAAM;EAAG,GAAG;EAAO,UAAU;GAC/E,oBAAI,OAAO,OAAO,EAAE,UAA0B,oBAAI,OAAO,aAAa,CAAC,CAAC,EAAE,CAAC;GAC3E,oBAAI,OAAO,OAAO;IAAE,OAAO;IAAU,MAAM;IAAI,cAAc;GAAI,CAAC;GAClF;EACF;CAAE,CAAC;AACL"}

package/dist/esm/SliderDemo.native.js

@@ -1,36 +1,35 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Slider, XStack } from "tamagui";
+
 function SliderDemo() {
-  return /* @__PURE__ */_jsxs(XStack, {
-    height: 200,
-    items: "center",
-    gap: "$8",
-    children: [/* @__PURE__ */_jsx(SimpleSlider, {
-      height: 200,
-      orientation: "vertical"
-    }), /* @__PURE__ */_jsx(SimpleSlider, {
-      width: 200
-    })]
-  });
+	return /* @__PURE__ */ jsxs(XStack, {
+		height: 200,
+		items: "center",
+		gap: "8",
+		children: [/* @__PURE__ */ jsx(SimpleSlider, {
+			height: 200,
+			orientation: "vertical"
+		}), /* @__PURE__ */ jsx(SimpleSlider, { width: 200 })]
+	});
 }
 function SimpleSlider(param) {
-  var {
-    children,
-    ...props
-  } = param;
-  return /* @__PURE__ */_jsxs(Slider, {
-    defaultValue: [50],
-    max: 100,
-    step: 1,
-    ...props,
-    children: [/* @__PURE__ */_jsx(Slider.Track, {
-      children: /* @__PURE__ */_jsx(Slider.TrackActive, {})
-    }), /* @__PURE__ */_jsx(Slider.Thumb, {
-      theme: "accent",
-      size: 30,
-      borderRadius: 100
-    }), children]
-  });
+	var { children, ...props } = param;
+	return /* @__PURE__ */ jsxs(Slider, {
+		defaultValue: [50],
+		max: 100,
+		step: 1,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(Slider.Track, { children: /* @__PURE__ */ jsx(Slider.TrackActive, {}) }),
+			/* @__PURE__ */ jsx(Slider.Thumb, {
+				theme: "accent",
+				size: 30,
+				borderRadius: 100
+			}),
+			children
+		]
+	});
 }
+
 export { SliderDemo };
 //# sourceMappingURL=SliderDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Slider","XStack","SliderDemo","height","items","gap","children","SimpleSlider","orientation","width"],"sources":["../../src/SliderDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAe,EAAAC,IAAA,IAAAC,KAAc;AAIlC,SACEC,MADF,EAAAC,MAAA;AAFG,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAH,KAAC,CAAAE,MAAA;IACCE,MAAA;IACAC,KAAA;IAA0BC,GAC5B;IAEJC,QAAA,GAEA,eAAsBT,IAAE,CAAAU,YAAa;MACnCJ,MACE;MACEK,WAAA;IAGA,IACC,eAAAX,IAAA,CAAAU,YAAA;MACHE,KAAA;IAEJ","ignoreList":[]}
+{"version":3,"file":"SliderDemo.native.js","names":[],"sources":["esm/SliderDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Slider, XStack } from \"tamagui\";\nfunction SliderDemo() {\n  return /* @__PURE__ */ _jsxs(XStack, {\n    height: 200,\n    items: \"center\",\n    gap: \"8\",\n    children: [\n      /* @__PURE__ */ _jsx(SimpleSlider, {\n        height: 200,\n        orientation: \"vertical\"\n      }),\n      /* @__PURE__ */ _jsx(SimpleSlider, {\n        width: 200\n      })\n    ]\n  });\n}\nfunction SimpleSlider(param) {\n  var { children, ...props } = param;\n  return /* @__PURE__ */ _jsxs(Slider, {\n    defaultValue: [\n      50\n    ],\n    max: 100,\n    step: 1,\n    ...props,\n    children: [\n      /* @__PURE__ */ _jsx(Slider.Track, {\n        children: /* @__PURE__ */ _jsx(Slider.TrackActive, {})\n      }),\n      /* @__PURE__ */ _jsx(Slider.Thumb, {\n        theme: \"accent\",\n        size: 30,\n        borderRadius: 100\n      }),\n      children\n    ]\n  });\n}\nexport {\n  SliderDemo\n};\n//# sourceMappingURL=SliderDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,aAAa;CACpB,OAAuB,qBAAM,QAAQ;EACnC,QAAQ;EACR,OAAO;EACP,KAAK;EACL,UAAU,CACQ,oBAAK,cAAc;GACjC,QAAQ;GACR,aAAa;EACf,CAAC,GACe,oBAAK,cAAc,EACjC,OAAO,IACT,CAAC,CACH;CACF,CAAC;AACH;AACA,SAAS,aAAa,OAAO;CAC3B,IAAI,EAAE,UAAU,GAAG,UAAU;CAC7B,OAAuB,qBAAM,QAAQ;EACnC,cAAc,CACZ,EACF;EACA,KAAK;EACL,MAAM;EACN,GAAG;EACH,UAAU;GACQ,oBAAK,OAAO,OAAO,EACjC,UAA0B,oBAAK,OAAO,aAAa,CAAC,CAAC,EACvD,CAAC;GACe,oBAAK,OAAO,OAAO;IACjC,OAAO;IACP,MAAM;IACN,cAAc;GAChB,CAAC;GACD;EACF;CACF,CAAC;AACH"}

package/dist/esm/SpinnerDemo.mjs

@@ -1,18 +1,20 @@
 import { Spinner, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 function SpinnerDemo() {
-  return /* @__PURE__ */jsxs(YStack, {
-    p: "$3",
-    gap: "$4",
-    items: "center",
-    children: [/* @__PURE__ */jsx(Spinner, {
-      size: "small",
-      color: "$green10"
-    }), /* @__PURE__ */jsx(Spinner, {
-      size: "large",
-      color: "$yellow10"
-    })]
-  });
+	return /* @__PURE__ */ jsxs(YStack, {
+		p: "3",
+		gap: "4",
+		items: "center",
+		children: [/* @__PURE__ */ jsx(Spinner, {
+			size: "small",
+			color: "green10"
+		}), /* @__PURE__ */ jsx(Spinner, {
+			size: "large",
+			color: "yellow10"
+		})]
+	});
 }
+
 export { SpinnerDemo };
 //# sourceMappingURL=SpinnerDemo.mjs.map

package/dist/esm/SpinnerDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Spinner","YStack","jsx","jsxs","SpinnerDemo","p","gap","items","children","size","color"],"sources":["../../src/SpinnerDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,OAAA,EAASC,MAAA,QAAc;AAI5B,SACEC,GAAA,EADFC,IAAA;AAFG,SAASC,YAAA,EAAc;EAC5B,OACE,eAAAD,IAAA,CAACF,MAAA;IAAOI,CAAA,EAAE;IAAKC,GAAA,EAAI;IAAKC,KAAA,EAAM;IAC5BC,QAAA,kBAAAN,GAAA,CAACF,OAAA;MAAQS,IAAA,EAAK;MAAQC,KAAA,EAAM;IAAA,CAAW,GACvC,eAAAR,GAAA,CAACF,OAAA;MAAQS,IAAA,EAAK;MAAQC,KAAA,EAAM;IAAA,CAAY;EAAA,CAC1C;AAEJ","ignoreList":[]}
+{"version":3,"file":"SpinnerDemo.js","names":[],"sources":["esm/SpinnerDemo.js"],"sourcesContent":["import { Spinner, YStack } from \"tamagui\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nfunction SpinnerDemo() {\n  return /* @__PURE__ */ jsxs(YStack, { p: \"3\", gap: \"4\", items: \"center\", children: [\n    /* @__PURE__ */ jsx(Spinner, { size: \"small\", color: \"green10\" }),\n    /* @__PURE__ */ jsx(Spinner, { size: \"large\", color: \"yellow10\" })\n  ] });\n}\nexport {\n  SpinnerDemo\n};\n//# sourceMappingURL=SpinnerDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,cAAc;CACrB,OAAuB,qBAAK,QAAQ;EAAE,GAAG;EAAK,KAAK;EAAK,OAAO;EAAU,UAAU,CACjE,oBAAI,SAAS;GAAE,MAAM;GAAS,OAAO;EAAU,CAAC,GAChD,oBAAI,SAAS;GAAE,MAAM;GAAS,OAAO;EAAW,CAAC,CACnE;CAAE,CAAC;AACL"}