@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/SliderDemo.native.js

@@ -1,64 +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
-  });
+	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_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
-    })]
-  });
+	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, {
-      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]
-  });
+	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, { 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
+		]
+	});
 }
+
 //# sourceMappingURL=SliderDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SliderDemo_exports","__export","SliderDemo","module","exports","import_jsx_runtime","require","import_tamagui","jsxs","XStack","height","items","gap","children","jsx","SimpleSlider","orientation","width"],"sources":["../../src/SliderDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAAsC,CAAAK,kBAAA;AAIlC,IAAAK,kBAAA,GAAAC,OAAA;AAFG,IAAAC,cAAS,GAAAD,OAAa;AAC3B,SACEJ,WAAA;EACE,0BAAAG,kBAAA,CAACG,IAAA,EAAAD,cAAa,CAAAE,MAAQ,EAAK;IAC3BC,MAAA;IAA0BC,KAC5B;IAEJC,GAAA;IAEAC,QAAS,GACP,eACE,IAAAR,kBAAA,CAAAS,GAAA,EAAAC,YAAC;MACCL,MAAA;MAGAM,WAAA;IACC,IACH,mBAAAX,kBAAA,CAAAS,GAAA,EAAAC,YAAA;MAEJE,KAAA","ignoreList":[]}
+{"version":3,"file":"SliderDemo.native.js","names":[],"sources":["cjs/SliderDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\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 __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar SliderDemo_exports = {};\n__export(SliderDemo_exports, {\n  SliderDemo: () => SliderDemo\n});\nmodule.exports = __toCommonJS(SliderDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_tamagui = require(\"tamagui\");\nfunction SliderDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n    height: 200,\n    items: \"center\",\n    gap: \"8\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SimpleSlider, {\n        height: 200,\n        orientation: \"vertical\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SimpleSlider, {\n        width: 200\n      })\n    ]\n  });\n}\nfunction SimpleSlider(param) {\n  var { children, ...props } = param;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Slider, {\n    defaultValue: [\n      50\n    ],\n    max: 100,\n    step: 1,\n    ...props,\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Track, {\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.TrackActive, {})\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Thumb, {\n        theme: \"accent\",\n        size: 30,\n        borderRadius: 100\n      }),\n      children\n    ]\n  });\n}\n//# sourceMappingURL=SliderDemo.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,qBAAqB,CAAC;AAC1B,SAAS,oBAAoB,EAC3B,kBAAkB,WACpB,CAAC;AACD,OAAO,UAAU,aAAa,kBAAkB;AAChD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,iBAAiB,QAAQ,SAAS;AACtC,SAAS,aAAa;CACpB,OAAuB,iBAAC,GAAG,mBAAmB,MAAM,eAAe,QAAQ;EACzE,QAAQ;EACR,OAAO;EACP,KAAK;EACL,UAAU,CACQ,iBAAC,GAAG,mBAAmB,KAAK,cAAc;GACxD,QAAQ;GACR,aAAa;EACf,CAAC,GACe,iBAAC,GAAG,mBAAmB,KAAK,cAAc,EACxD,OAAO,IACT,CAAC,CACH;CACF,CAAC;AACH;AACA,SAAS,aAAa,OAAO;CAC3B,IAAI,EAAE,UAAU,GAAG,UAAU;CAC7B,OAAuB,iBAAC,GAAG,mBAAmB,MAAM,eAAe,QAAQ;EACzE,cAAc,CACZ,EACF;EACA,KAAK;EACL,MAAM;EACN,GAAG;EACH,UAAU;GACQ,iBAAC,GAAG,mBAAmB,KAAK,eAAe,OAAO,OAAO,EACvE,UAA0B,iBAAC,GAAG,mBAAmB,KAAK,eAAe,OAAO,aAAa,CAAC,CAAC,EAC7F,CAAC;GACe,iBAAC,GAAG,mBAAmB,KAAK,eAAe,OAAO,OAAO;IACvE,OAAO;IACP,MAAM;IACN,cAAc;GAChB,CAAC;GACD;EACF;CACF,CAAC;AACH"}

package/dist/cjs/SpinnerDemo.cjs

@@ -1,43 +1,40 @@
+
 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
-  });
+	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 SpinnerDemo_exports = {};
-__export(SpinnerDemo_exports, {
-  SpinnerDemo: () => SpinnerDemo
-});
+__export(SpinnerDemo_exports, { SpinnerDemo: () => SpinnerDemo });
 module.exports = __toCommonJS(SpinnerDemo_exports);
 var import_tamagui = require("tamagui");
 var import_jsx_runtime = require("react/jsx-runtime");
 function SpinnerDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    p: "$3",
-    gap: "$4",
-    items: "center",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
-      size: "small",
-      color: "$green10"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
-      size: "large",
-      color: "$yellow10"
-    })]
-  });
-}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		p: "3",
+		gap: "4",
+		items: "center",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
+			size: "small",
+			color: "green10"
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
+			size: "large",
+			color: "yellow10"
+		})]
+	});
+}

package/dist/cjs/SpinnerDemo.native.cjs

@@ -0,0 +1,42 @@
+"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 SpinnerDemo_exports = {};
+__export(SpinnerDemo_exports, { SpinnerDemo: () => SpinnerDemo });
+module.exports = __toCommonJS(SpinnerDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+function SpinnerDemo() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		p: "3",
+		gap: "4",
+		items: "center",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
+			size: "small",
+			color: "green10"
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
+			size: "large",
+			color: "yellow10"
+		})]
+	});
+}

package/dist/cjs/SpinnerDemo.native.js

@@ -1,46 +1,44 @@
 "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
-  });
+	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 SpinnerDemo_exports = {};
-__export(SpinnerDemo_exports, {
-  SpinnerDemo: () => SpinnerDemo
-});
+__export(SpinnerDemo_exports, { SpinnerDemo: () => SpinnerDemo });
 module.exports = __toCommonJS(SpinnerDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_tamagui = require("tamagui");
 function SpinnerDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    p: "$3",
-    gap: "$4",
-    items: "center",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
-      size: "small",
-      color: "$green10"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
-      size: "large",
-      color: "$yellow10"
-    })]
-  });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		p: "3",
+		gap: "4",
+		items: "center",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
+			size: "small",
+			color: "green10"
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
+			size: "large",
+			color: "yellow10"
+		})]
+	});
 }
+
 //# sourceMappingURL=SpinnerDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SpinnerDemo_exports","__export","SpinnerDemo","module","exports","import_jsx_runtime","require","import_tamagui","jsxs","YStack","p","gap","items"],"sources":["../../src/SpinnerDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAgC,CAAAK,mBAAA;AAI5B,IAAAK,kBAAA,GAAAC,OAAA;AAFG,IAAAC,cAAS,GAAAD,OAAc;AAC5B,SACEJ,YAAA;EACE,0BAAAG,kBAAA,CAACG,IAAA,EAAAD,cAAA,CAAAE,MAAQ;IACTC,CAAA;IAAwCC,GAC1C;IAEJC,KAAA","ignoreList":[]}
+{"version":3,"file":"SpinnerDemo.native.js","names":[],"sources":["cjs/SpinnerDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\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 __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar SpinnerDemo_exports = {};\n__export(SpinnerDemo_exports, {\n  SpinnerDemo: () => SpinnerDemo\n});\nmodule.exports = __toCommonJS(SpinnerDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_tamagui = require(\"tamagui\");\nfunction SpinnerDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n    p: \"3\",\n    gap: \"4\",\n    items: \"center\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {\n        size: \"small\",\n        color: \"green10\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {\n        size: \"large\",\n        color: \"yellow10\"\n      })\n    ]\n  });\n}\n//# sourceMappingURL=SpinnerDemo.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,sBAAsB,CAAC;AAC3B,SAAS,qBAAqB,EAC5B,mBAAmB,YACrB,CAAC;AACD,OAAO,UAAU,aAAa,mBAAmB;AACjD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,iBAAiB,QAAQ,SAAS;AACtC,SAAS,cAAc;CACrB,OAAuB,iBAAC,GAAG,mBAAmB,MAAM,eAAe,QAAQ;EACzE,GAAG;EACH,KAAK;EACL,OAAO;EACP,UAAU,CACQ,iBAAC,GAAG,mBAAmB,KAAK,eAAe,SAAS;GAClE,MAAM;GACN,OAAO;EACT,CAAC,GACe,iBAAC,GAAG,mBAAmB,KAAK,eAAe,SAAS;GAClE,MAAM;GACN,OAAO;EACT,CAAC,CACH;CACF,CAAC;AACH"}

package/dist/cjs/StacksDemo.cjs

@@ -1,109 +1,125 @@
+
 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
-  });
+	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 StacksDemo_exports = {};
-__export(StacksDemo_exports, {
-  StacksDemo: () => StacksDemo
-});
+__export(StacksDemo_exports, { StacksDemo: () => StacksDemo });
 module.exports = __toCommonJS(StacksDemo_exports);
 var import_tamagui = require("tamagui");
 var import_jsx_runtime = require("react/jsx-runtime");
 function StacksDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-    maxW: 250,
-    p: "$2",
-    self: "center",
-    gap: "$2",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-      flex: 1,
-      flexBasis: "auto",
-      borderWidth: 2,
-      borderColor: "$color",
-      rounded: "$4",
-      gap: "$2",
-      p: "$2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-      flex: 1,
-      flexBasis: "auto",
-      borderWidth: 2,
-      borderColor: "$color",
-      rounded: "$4",
-      gap: "$2",
-      p: "$2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-        bg: "$color",
-        rounded: "$3",
-        p: "$2"
-      })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.ZStack, {
-      flex: 1,
-      flexBasis: "auto",
-      maxW: 50,
-      maxH: 85,
-      width: 100,
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-        fullscreen: true,
-        rounded: "$4",
-        p: "$2",
-        borderColor: "$color",
-        borderWidth: 2
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-        borderColor: "$color",
-        fullscreen: true,
-        y: 10,
-        x: 10,
-        borderWidth: 2,
-        rounded: "$4",
-        p: "$2"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-        borderColor: "$color",
-        fullscreen: true,
-        y: 20,
-        x: 20,
-        borderWidth: 2,
-        rounded: "$4",
-        p: "$2"
-      })]
-    })]
-  });
-}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+		maxW: 250,
+		p: "2",
+		self: "center",
+		gap: "2",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+				flex: 1,
+				flexBasis: "auto",
+				borderWidth: 2,
+				borderColor: "color",
+				rounded: "4",
+				gap: "2",
+				p: "2",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+						bg: "color",
+						rounded: "3",
+						p: "2"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+						bg: "color",
+						rounded: "3",
+						p: "2"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+						bg: "color",
+						rounded: "3",
+						p: "2"
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+				flex: 1,
+				flexBasis: "auto",
+				borderWidth: 2,
+				borderColor: "color",
+				rounded: "4",
+				gap: "2",
+				p: "2",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+						bg: "color",
+						rounded: "3",
+						p: "2"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+						bg: "color",
+						rounded: "3",
+						p: "2"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+						bg: "color",
+						rounded: "3",
+						p: "2"
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.ZStack, {
+				flex: 1,
+				flexBasis: "auto",
+				maxW: 50,
+				maxH: 85,
+				width: 100,
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+						position: "absolute",
+						inset: 0,
+						rounded: "4",
+						p: "2",
+						borderColor: "color",
+						borderWidth: 2
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+						borderColor: "color",
+						position: "absolute",
+						inset: 0,
+						y: 10,
+						x: 10,
+						borderWidth: 2,
+						rounded: "4",
+						p: "2"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+						borderColor: "color",
+						position: "absolute",
+						inset: 0,
+						y: 20,
+						x: 20,
+						borderWidth: 2,
+						rounded: "4",
+						p: "2"
+					})
+				]
+			})
+		]
+	});
+}