@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/PopoverDemo.native.cjs

@@ -0,0 +1,149 @@
+"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 PopoverDemo_exports = {};
+__export(PopoverDemo_exports, {
+	Demo: () => Demo,
+	PopoverDemo: () => PopoverDemo
+});
+module.exports = __toCommonJS(PopoverDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+function PopoverDemo() {
+	var [shouldAdapt, setShouldAdapt] = (0, import_react.useState)(true);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		gap: "4",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+			gap: "2",
+			flex: 1,
+			justify: "center",
+			items: "center",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+					shouldAdapt,
+					placement: "left",
+					Icon: import_lucide_icons_2.ChevronLeft,
+					Name: "left-popover"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+					shouldAdapt,
+					placement: "bottom",
+					Icon: import_lucide_icons_2.ChevronDown,
+					Name: "bottom-popover"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+					shouldAdapt,
+					placement: "top",
+					Icon: import_lucide_icons_2.ChevronUp,
+					Name: "top-popover"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+					shouldAdapt,
+					placement: "right",
+					Icon: import_lucide_icons_2.ChevronRight,
+					Name: "right-popover"
+				})
+			]
+		}), !import_tamagui.isWeb && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Button, {
+			onPress: function() {
+				return setShouldAdapt(!shouldAdapt);
+			},
+			children: ["Adapt to Sheet: ", `${shouldAdapt}`]
+		})]
+	});
+}
+function Demo(param) {
+	var { Icon, Name, shouldAdapt, ...props } = param;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+		size: "5",
+		allowFlip: true,
+		stayInFrame: true,
+		offset: 15,
+		resize: true,
+		...props,
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
+				asChild: true,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { icon: Icon })
+			}),
+			shouldAdapt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, {
+				when: "max-md",
+				platform: "touch",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, {
+					transition: "medium",
+					modal: true,
+					dismissOnSnapToBottom: true,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet.Container, {
+						p: "4",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Background, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {})]
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {
+						bg: "shadow-color",
+						transition: "lazy",
+						opacity: "enter:0 exit:0"
+					})]
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Content, {
+				backgroundColor: "background",
+				borderWidth: 1,
+				borderColor: "border-color",
+				width: 300,
+				height: 200,
+				y: "enter:-10px exit:-10px",
+				opacity: "enter:0 exit:0",
+				boxShadow: "0px 4px 8px rgba(0,0,0,0.1), 0px 12px 32px rgba(0,0,0,0.08)",
+				transition: ["quick", { opacity: { overshootClamping: true } }],
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, {
+						backgroundColor: "background",
+						borderWidth: 1,
+						borderColor: "border-color"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+						gap: "3",
+						mb: "3",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+							size: "3",
+							htmlFor: Name,
+							children: "Name"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {
+							flex: 1,
+							size: "3",
+							id: Name
+						})]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Close, {
+						asChild: true,
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+							size: "3",
+							onPress: function() {},
+							children: "Submit"
+						})
+					})
+				]
+			})
+		]
+	});
+}

package/dist/cjs/PopoverDemo.native.js

@@ -1,31 +1,30 @@
 "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 PopoverDemo_exports = {};
 __export(PopoverDemo_exports, {
-  Demo: () => Demo,
-  PopoverDemo: () => PopoverDemo
+	Demo: () => Demo,
+	PopoverDemo: () => PopoverDemo
 });
 module.exports = __toCommonJS(PopoverDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -33,127 +32,120 @@ var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
 var import_react = require("react");
 var import_tamagui = require("tamagui");
 function PopoverDemo() {
-  var [shouldAdapt, setShouldAdapt] = (0, import_react.useState)(true);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-      gap: "$2",
-      flex: 1,
-      justify: "center",
-      items: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-        shouldAdapt,
-        placement: "left",
-        Icon: import_lucide_icons_2.ChevronLeft,
-        Name: "left-popover"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-        shouldAdapt,
-        placement: "bottom",
-        Icon: import_lucide_icons_2.ChevronDown,
-        Name: "bottom-popover"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-        shouldAdapt,
-        placement: "top",
-        Icon: import_lucide_icons_2.ChevronUp,
-        Name: "top-popover"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-        shouldAdapt,
-        placement: "right",
-        Icon: import_lucide_icons_2.ChevronRight,
-        Name: "right-popover"
-      })]
-    }), !import_tamagui.isWeb && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Button, {
-      onPress: function () {
-        return setShouldAdapt(!shouldAdapt);
-      },
-      children: ["Adapt to Sheet: ", `${shouldAdapt}`]
-    })]
-  });
+	var [shouldAdapt, setShouldAdapt] = (0, import_react.useState)(true);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		gap: "4",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+			gap: "2",
+			flex: 1,
+			justify: "center",
+			items: "center",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+					shouldAdapt,
+					placement: "left",
+					Icon: import_lucide_icons_2.ChevronLeft,
+					Name: "left-popover"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+					shouldAdapt,
+					placement: "bottom",
+					Icon: import_lucide_icons_2.ChevronDown,
+					Name: "bottom-popover"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+					shouldAdapt,
+					placement: "top",
+					Icon: import_lucide_icons_2.ChevronUp,
+					Name: "top-popover"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+					shouldAdapt,
+					placement: "right",
+					Icon: import_lucide_icons_2.ChevronRight,
+					Name: "right-popover"
+				})
+			]
+		}), !import_tamagui.isWeb && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Button, {
+			onPress: function() {
+				return setShouldAdapt(!shouldAdapt);
+			},
+			children: ["Adapt to Sheet: ", `${shouldAdapt}`]
+		})]
+	});
 }
 function Demo(param) {
-  var {
-    Icon,
-    Name,
-    shouldAdapt,
-    ...props
-  } = param;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
-    size: "$5",
-    allowFlip: true,
-    stayInFrame: true,
-    offset: 15,
-    resize: true,
-    ...props,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
-      asChild: true,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-        icon: Icon
-      })
-    }), shouldAdapt && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Adapt, {
-      when: "maxMd",
-      platform: "touch",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, {
-        transition: "medium",
-        modal: true,
-        dismissOnSnapToBottom: true,
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, {
-          p: "$4",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {})
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {
-          bg: "$shadowColor",
-          transition: "lazy",
-          enterStyle: {
-            opacity: 0
-          },
-          exitStyle: {
-            opacity: 0
-          }
-        })]
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Content, {
-      borderWidth: 1,
-      borderColor: "$borderColor",
-      width: 300,
-      height: 200,
-      enterStyle: {
-        y: -10,
-        opacity: 0
-      },
-      exitStyle: {
-        y: -10,
-        opacity: 0
-      },
-      boxShadow: "0px 4px 8px rgba(0,0,0,0.1), 0px 12px 32px rgba(0,0,0,0.08)",
-      transition: ["quick", {
-        opacity: {
-          overshootClamping: true
-        }
-      }],
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, {
-        borderWidth: 1,
-        borderColor: "$borderColor"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-        gap: "$3",
-        mb: "$3",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-          size: "$3",
-          htmlFor: Name,
-          children: "Name"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Input, {
-          flex: 1,
-          size: "$3",
-          id: Name
-        })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Close, {
-        asChild: true,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-          size: "$3",
-          onPress: function () {},
-          children: (/* Custom code goes here, does not interfere with popover closure */
-          "Submit")
-        })
-      })]
-    })]
-  });
+	var { Icon, Name, shouldAdapt, ...props } = param;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+		size: "5",
+		allowFlip: true,
+		stayInFrame: true,
+		offset: 15,
+		resize: true,
+		...props,
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
+				asChild: true,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { icon: Icon })
+			}),
+			shouldAdapt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, {
+				when: "max-md",
+				platform: "touch",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, {
+					transition: "medium",
+					modal: true,
+					dismissOnSnapToBottom: true,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet.Container, {
+						p: "4",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Background, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {})]
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {
+						bg: "shadow-color",
+						transition: "lazy",
+						opacity: "enter:0 exit:0"
+					})]
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Content, {
+				backgroundColor: "background",
+				borderWidth: 1,
+				borderColor: "border-color",
+				width: 300,
+				height: 200,
+				y: "enter:-10px exit:-10px",
+				opacity: "enter:0 exit:0",
+				boxShadow: "0px 4px 8px rgba(0,0,0,0.1), 0px 12px 32px rgba(0,0,0,0.08)",
+				transition: ["quick", { opacity: { overshootClamping: true } }],
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, {
+						backgroundColor: "background",
+						borderWidth: 1,
+						borderColor: "border-color"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+						gap: "3",
+						mb: "3",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+							size: "3",
+							htmlFor: Name,
+							children: "Name"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {
+							flex: 1,
+							size: "3",
+							id: Name
+						})]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Close, {
+						asChild: true,
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+							size: "3",
+							onPress: function() {},
+							children: "Submit"
+						})
+					})
+				]
+			})
+		]
+	});
 }
+
 //# sourceMappingURL=PopoverDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","PopoverDemo_exports","__export","Demo","PopoverDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_react","import_tamagui","shouldAdapt","setShouldAdapt","useState","jsxs","YStack","gap","children","XStack","flex","justify","items","jsx","placement","Icon","ChevronLeft","Name","ChevronDown","ChevronUp","ChevronRight","isWeb","Button","onPress","param","props","Popover","size","allowFlip","stayInFrame","offset","resize","Trigger","asChild","icon","Adapt","when","platform","Sheet","transition","modal","dismissOnSnapToBottom","Frame","p","Contents","Overlay","bg","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","width","height","y","boxShadow"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PopoverDemo.native.js","names":[],"sources":["cjs/PopoverDemo.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 PopoverDemo_exports = {};\n__export(PopoverDemo_exports, {\n  Demo: () => Demo,\n  PopoverDemo: () => PopoverDemo\n});\nmodule.exports = __toCommonJS(PopoverDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_lucide_icons_2 = require(\"@tamagui/lucide-icons-2\");\nvar import_react = require(\"react\");\nvar import_tamagui = require(\"tamagui\");\nfunction PopoverDemo() {\n  var [shouldAdapt, setShouldAdapt] = (0, import_react.useState)(true);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n    gap: \"4\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n        gap: \"2\",\n        flex: 1,\n        justify: \"center\",\n        items: \"center\",\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {\n            shouldAdapt,\n            placement: \"left\",\n            Icon: import_lucide_icons_2.ChevronLeft,\n            Name: \"left-popover\"\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {\n            shouldAdapt,\n            placement: \"bottom\",\n            Icon: import_lucide_icons_2.ChevronDown,\n            Name: \"bottom-popover\"\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {\n            shouldAdapt,\n            placement: \"top\",\n            Icon: import_lucide_icons_2.ChevronUp,\n            Name: \"top-popover\"\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {\n            shouldAdapt,\n            placement: \"right\",\n            Icon: import_lucide_icons_2.ChevronRight,\n            Name: \"right-popover\"\n          })\n        ]\n      }),\n      !import_tamagui.isWeb && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Button, {\n        onPress: function() {\n          return setShouldAdapt(!shouldAdapt);\n        },\n        children: [\n          \"Adapt to Sheet: \",\n          `${shouldAdapt}`\n        ]\n      })\n    ]\n  });\n}\nfunction Demo(param) {\n  var { Icon, Name, shouldAdapt, ...props } = param;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {\n    size: \"5\",\n    allowFlip: true,\n    stayInFrame: true,\n    offset: 15,\n    resize: true,\n    ...props,\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {\n        asChild: true,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n          icon: Icon\n        })\n      }),\n      shouldAdapt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, {\n        when: \"max-md\",\n        platform: \"touch\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, {\n          transition: \"medium\",\n          modal: true,\n          dismissOnSnapToBottom: true,\n          children: [\n            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet.Container, {\n              p: \"4\",\n              children: [\n                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Background, {}),\n                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {})\n              ]\n            }),\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {\n              bg: \"shadow-color\",\n              transition: \"lazy\",\n              opacity: \"enter:0 exit:0\"\n            })\n          ]\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Content, {\n        backgroundColor: \"background\",\n        borderWidth: 1,\n        borderColor: \"border-color\",\n        width: 300,\n        height: 200,\n        y: \"enter:-10px exit:-10px\",\n        opacity: \"enter:0 exit:0\",\n        boxShadow: \"0px 4px 8px rgba(0,0,0,0.1), 0px 12px 32px rgba(0,0,0,0.08)\",\n        transition: [\n          \"quick\",\n          {\n            opacity: {\n              overshootClamping: true\n            }\n          }\n        ],\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, {\n            backgroundColor: \"background\",\n            borderWidth: 1,\n            borderColor: \"border-color\"\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n            gap: \"3\",\n            mb: \"3\",\n            children: [\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {\n                size: \"3\",\n                htmlFor: Name,\n                children: \"Name\"\n              }),\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {\n                flex: 1,\n                size: \"3\",\n                id: Name\n              })\n            ]\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Close, {\n            asChild: true,\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n              size: \"3\",\n              onPress: function() {\n              },\n              children: (\n                /* Custom code goes here, does not interfere with popover closure */\n                \"Submit\"\n              )\n            })\n          })\n        ]\n      })\n    ]\n  });\n}\n//# sourceMappingURL=PopoverDemo.js.map\n"],"mappings":"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"}

package/dist/cjs/ProgressDemo.cjs

@@ -1,3 +1,4 @@
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -5,88 +6,71 @@ 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 ProgressDemo_exports = {};
-__export(ProgressDemo_exports, {
-  ProgressDemo: () => ProgressDemo
-});
+__export(ProgressDemo_exports, { ProgressDemo: () => ProgressDemo });
 module.exports = __toCommonJS(ProgressDemo_exports);
 var import_react = __toESM(require("react"), 1);
 var import_tamagui = require("tamagui");
 var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
 var import_jsx_runtime = require("react/jsx-runtime");
 function ProgressDemo() {
-  const [key, setKey] = import_react.default.useState(0);
-  const [progress, setProgress] = import_react.default.useState(60);
-  const [slider, setSlider] = import_react.default.useState([60]);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-      height: 60,
-      items: "center",
-      gap: "$4",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Paragraph, {
-        height: 30,
-        opacity: 0.5,
-        children: ["Progress: ", progress]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Progress, {
-        theme: "surface2",
-        value: progress,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Progress.Indicator, {
-          backgroundColor: "$color",
-          transition: ["quicker", {
-            transform: {
-              overshootClamping: true
-            }
-          }]
-        })
-      }, key)]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-      items: "center",
-      gap: "$2",
-      position: "absolute",
-      b: "$3",
-      l: "$4",
-      $xxs: {
-        display: "none"
-      },
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-        size: "$3",
-        icon: import_lucide_icons_2.Play,
-        onPress: () => setProgress(prev => (prev + 20) % 100)
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-        size: "$3",
-        icon: import_lucide_icons_2.RotateCcw,
-        onPress: () => {
-          setKey(Math.random());
-          setProgress(0);
-          setSlider([0]);
-        }
-      })]
-    })]
-  });
-}
+	const [key, setKey] = import_react.default.useState(0);
+	const [progress, setProgress] = import_react.default.useState(60);
+	const [slider, setSlider] = import_react.default.useState([60]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		height: 60,
+		items: "center",
+		gap: "4",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Paragraph, {
+			height: 30,
+			opacity: .5,
+			children: ["Progress: ", progress]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Progress, {
+			theme: "level3",
+			value: progress,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Progress.Indicator, {
+				backgroundColor: "color",
+				transition: ["quicker", { transform: { overshootClamping: true } }]
+			})
+		}, key)]
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+		items: "center",
+		gap: "2",
+		position: "absolute",
+		b: "3",
+		l: "4",
+		display: "xxs:none",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+			size: "3",
+			icon: import_lucide_icons_2.Play,
+			onPress: () => setProgress((prev) => (prev + 20) % 100)
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+			size: "3",
+			icon: import_lucide_icons_2.RotateCcw,
+			onPress: () => {
+				setKey(Math.random());
+				setProgress(0);
+				setSlider([0]);
+			}
+		})]
+	})] });
+}