@tamagui/demos 2.7.7 → 3.0.0-beta.1091.1

package/dist/esm/PopoverDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["ChevronDown","ChevronLeft","ChevronRight","ChevronUp","useState","Adapt","Button","Input","isWeb","Label","Popover","Sheet","XStack","YStack","jsx","jsxs","PopoverDemo","shouldAdapt","setShouldAdapt","gap","children","flex","justify","items","Demo","placement","Icon","Name","onPress","props","size","allowFlip","stayInFrame","offset","resize","Trigger","asChild","icon","when","platform","transition","modal","dismissOnSnapToBottom","Frame","p","Contents","Overlay","bg","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","width","height","y","boxShadow","overshootClamping","Arrow","mb","htmlFor","id","Close"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PopoverDemo.js","names":[],"sources":["esm/PopoverDemo.js"],"sourcesContent":["import {\n  ChevronDown,\n  ChevronLeft,\n  ChevronRight,\n  ChevronUp\n} from \"@tamagui/lucide-icons-2\";\nimport { useState } from \"react\";\nimport {\n  Adapt,\n  Button,\n  Input,\n  isWeb,\n  Label,\n  Popover,\n  Sheet,\n  XStack,\n  YStack\n} from \"tamagui\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nfunction PopoverDemo() {\n  const [shouldAdapt, setShouldAdapt] = useState(true);\n  return /* @__PURE__ */ jsxs(YStack, { gap: \"4\", children: [\n    /* @__PURE__ */ jsxs(XStack, { gap: \"2\", flex: 1, justify: \"center\", items: \"center\", children: [\n      /* @__PURE__ */ jsx(\n        Demo,\n        {\n          shouldAdapt,\n          placement: \"left\",\n          Icon: ChevronLeft,\n          Name: \"left-popover\"\n        }\n      ),\n      /* @__PURE__ */ jsx(\n        Demo,\n        {\n          shouldAdapt,\n          placement: \"bottom\",\n          Icon: ChevronDown,\n          Name: \"bottom-popover\"\n        }\n      ),\n      /* @__PURE__ */ jsx(\n        Demo,\n        {\n          shouldAdapt,\n          placement: \"top\",\n          Icon: ChevronUp,\n          Name: \"top-popover\"\n        }\n      ),\n      /* @__PURE__ */ jsx(\n        Demo,\n        {\n          shouldAdapt,\n          placement: \"right\",\n          Icon: ChevronRight,\n          Name: \"right-popover\"\n        }\n      )\n    ] }),\n    !isWeb && /* @__PURE__ */ jsxs(Button, { onPress: () => setShouldAdapt(!shouldAdapt), children: [\n      \"Adapt to Sheet: \",\n      `${shouldAdapt}`\n    ] })\n  ] });\n}\nfunction Demo({\n  Icon,\n  Name,\n  shouldAdapt,\n  ...props\n}) {\n  return /* @__PURE__ */ jsxs(Popover, { size: \"5\", allowFlip: true, stayInFrame: true, offset: 15, resize: true, ...props, children: [\n    /* @__PURE__ */ jsx(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { icon: Icon }) }),\n    shouldAdapt && /* @__PURE__ */ jsx(Adapt, { when: \"max-md\", platform: \"touch\", children: /* @__PURE__ */ jsxs(Sheet, { transition: \"medium\", modal: true, dismissOnSnapToBottom: true, children: [\n      /* @__PURE__ */ jsxs(Sheet.Container, { p: \"4\", children: [\n        /* @__PURE__ */ jsx(Sheet.Background, {}),\n        /* @__PURE__ */ jsx(Adapt.Contents, {})\n      ] }),\n      /* @__PURE__ */ jsx(Sheet.Overlay, { bg: \"shadow-color\", transition: \"lazy\", opacity: \"enter:0 exit:0\" })\n    ] }) }),\n    /* @__PURE__ */ jsxs(\n      Popover.Content,\n      {\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          preset: \"quick\",\n          opacity: { preset: \"quick\", spring: { overshootClamping: true } }\n        },\n        children: [\n          /* @__PURE__ */ jsx(\n            Popover.Arrow,\n            {\n              backgroundColor: \"background\",\n              borderWidth: 1,\n              borderColor: \"border-color\"\n            }\n          ),\n          /* @__PURE__ */ jsxs(XStack, { gap: \"3\", mb: \"3\", children: [\n            /* @__PURE__ */ jsx(Label, { size: \"3\", htmlFor: Name, children: \"Name\" }),\n            /* @__PURE__ */ jsx(Input, { flex: 1, size: \"3\", id: Name })\n          ] }),\n          /* @__PURE__ */ jsx(Popover.Close, { asChild: true, children: /* @__PURE__ */ jsx(\n            Button,\n            {\n              size: \"3\",\n              onPress: () => {\n              },\n              children: \"Submit\"\n            }\n          ) })\n        ]\n      }\n    )\n  ] });\n}\nexport {\n  Demo,\n  PopoverDemo\n};\n//# sourceMappingURL=PopoverDemo.js.map\n"],"mappings":";;;;;;AAmBA,SAAS,cAAc;CACrB,MAAM,CAAC,aAAa,kBAAkB,SAAS,IAAI;CACnD,OAAuB,qBAAK,QAAQ;EAAE,KAAK;EAAK,UAAU,CACxC,qBAAK,QAAQ;GAAE,KAAK;GAAK,MAAM;GAAG,SAAS;GAAU,OAAO;GAAU,UAAU;IAC9E,oBACd,MACA;KACE;KACA,WAAW;KACX,MAAM;KACN,MAAM;IACR,CACF;IACgB,oBACd,MACA;KACE;KACA,WAAW;KACX,MAAM;KACN,MAAM;IACR,CACF;IACgB,oBACd,MACA;KACE;KACA,WAAW;KACX,MAAM;KACN,MAAM;IACR,CACF;IACgB,oBACd,MACA;KACE;KACA,WAAW;KACX,MAAM;KACN,MAAM;IACR,CACF;GACF;EAAE,CAAC,GACH,CAAC,SAAyB,qBAAK,QAAQ;GAAE,eAAe,eAAe,CAAC,WAAW;GAAG,UAAU,CAC9F,oBACA,GAAG,aACL;EAAE,CAAC,CACL;CAAE,CAAC;AACL;AACA,SAAS,KAAK,EACZ,MACA,MACA,aACA,GAAG,SACF;CACD,OAAuB,qBAAK,SAAS;EAAE,MAAM;EAAK,WAAW;EAAM,aAAa;EAAM,QAAQ;EAAI,QAAQ;EAAM,GAAG;EAAO,UAAU;GAClH,oBAAI,QAAQ,SAAS;IAAE,SAAS;IAAM,UAA0B,oBAAI,QAAQ,EAAE,MAAM,KAAK,CAAC;GAAE,CAAC;GAC7G,eAA+B,oBAAI,OAAO;IAAE,MAAM;IAAU,UAAU;IAAS,UAA0B,qBAAK,OAAO;KAAE,YAAY;KAAU,OAAO;KAAM,uBAAuB;KAAM,UAAU,CAC/K,qBAAK,MAAM,WAAW;MAAE,GAAG;MAAK,UAAU,CACxC,oBAAI,MAAM,YAAY,CAAC,CAAC,GACxB,oBAAI,MAAM,UAAU,CAAC,CAAC,CACxC;KAAE,CAAC,GACa,oBAAI,MAAM,SAAS;MAAE,IAAI;MAAgB,YAAY;MAAQ,SAAS;KAAiB,CAAC,CAC1G;IAAE,CAAC;GAAE,CAAC;GACU,qBACd,QAAQ,SACR;IACE,iBAAiB;IACjB,aAAa;IACb,aAAa;IACb,OAAO;IACP,QAAQ;IACR,GAAG;IACH,SAAS;IACT,WAAW;IACX,YAAY;KACV,QAAQ;KACR,SAAS;MAAE,QAAQ;MAAS,QAAQ,EAAE,mBAAmB,KAAK;KAAE;IAClE;IACA,UAAU;KACQ,oBACd,QAAQ,OACR;MACE,iBAAiB;MACjB,aAAa;MACb,aAAa;KACf,CACF;KACgB,qBAAK,QAAQ;MAAE,KAAK;MAAK,IAAI;MAAK,UAAU,CAC1C,oBAAI,OAAO;OAAE,MAAM;OAAK,SAAS;OAAM,UAAU;MAAO,CAAC,GACzD,oBAAI,OAAO;OAAE,MAAM;OAAG,MAAM;OAAK,IAAI;MAAK,CAAC,CAC7D;KAAE,CAAC;KACa,oBAAI,QAAQ,OAAO;MAAE,SAAS;MAAM,UAA0B,oBAC5E,QACA;OACE,MAAM;OACN,eAAe,CACf;OACA,UAAU;MACZ,CACF;KAAE,CAAC;IACL;GACF,CACF;EACF;CAAE,CAAC;AACL"}

package/dist/esm/PopoverDemo.native.js

@@ -1,130 +1,130 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons-2";
 import { useState } from "react";
-import { Adapt, Button, Input, isWeb, Label, Popover, Sheet, XStack, YStack } from "tamagui";
+import { Adapt, Button, Input, Label, Popover, Sheet, XStack, YStack, isWeb } from "tamagui";
+
 function PopoverDemo() {
-  var [shouldAdapt, setShouldAdapt] = useState(true);
-  return /* @__PURE__ */_jsxs(YStack, {
-    gap: "$4",
-    children: [/* @__PURE__ */_jsxs(XStack, {
-      gap: "$2",
-      flex: 1,
-      justify: "center",
-      items: "center",
-      children: [/* @__PURE__ */_jsx(Demo, {
-        shouldAdapt,
-        placement: "left",
-        Icon: ChevronLeft,
-        Name: "left-popover"
-      }), /* @__PURE__ */_jsx(Demo, {
-        shouldAdapt,
-        placement: "bottom",
-        Icon: ChevronDown,
-        Name: "bottom-popover"
-      }), /* @__PURE__ */_jsx(Demo, {
-        shouldAdapt,
-        placement: "top",
-        Icon: ChevronUp,
-        Name: "top-popover"
-      }), /* @__PURE__ */_jsx(Demo, {
-        shouldAdapt,
-        placement: "right",
-        Icon: ChevronRight,
-        Name: "right-popover"
-      })]
-    }), !isWeb && /* @__PURE__ */_jsxs(Button, {
-      onPress: function () {
-        return setShouldAdapt(!shouldAdapt);
-      },
-      children: ["Adapt to Sheet: ", `${shouldAdapt}`]
-    })]
-  });
+	var [shouldAdapt, setShouldAdapt] = useState(true);
+	return /* @__PURE__ */ jsxs(YStack, {
+		gap: "4",
+		children: [/* @__PURE__ */ jsxs(XStack, {
+			gap: "2",
+			flex: 1,
+			justify: "center",
+			items: "center",
+			children: [
+				/* @__PURE__ */ jsx(Demo, {
+					shouldAdapt,
+					placement: "left",
+					Icon: ChevronLeft,
+					Name: "left-popover"
+				}),
+				/* @__PURE__ */ jsx(Demo, {
+					shouldAdapt,
+					placement: "bottom",
+					Icon: ChevronDown,
+					Name: "bottom-popover"
+				}),
+				/* @__PURE__ */ jsx(Demo, {
+					shouldAdapt,
+					placement: "top",
+					Icon: ChevronUp,
+					Name: "top-popover"
+				}),
+				/* @__PURE__ */ jsx(Demo, {
+					shouldAdapt,
+					placement: "right",
+					Icon: ChevronRight,
+					Name: "right-popover"
+				})
+			]
+		}), !isWeb && /* @__PURE__ */ jsxs(Button, {
+			onPress: function() {
+				return setShouldAdapt(!shouldAdapt);
+			},
+			children: ["Adapt to Sheet: ", `${shouldAdapt}`]
+		})]
+	});
 }
 function Demo(param) {
-  var {
-    Icon,
-    Name,
-    shouldAdapt,
-    ...props
-  } = param;
-  return /* @__PURE__ */_jsxs(Popover, {
-    size: "$5",
-    allowFlip: true,
-    stayInFrame: true,
-    offset: 15,
-    resize: true,
-    ...props,
-    children: [/* @__PURE__ */_jsx(Popover.Trigger, {
-      asChild: true,
-      children: /* @__PURE__ */_jsx(Button, {
-        icon: Icon
-      })
-    }), shouldAdapt && /* @__PURE__ */_jsx(Adapt, {
-      when: "maxMd",
-      platform: "touch",
-      children: /* @__PURE__ */_jsxs(Sheet, {
-        transition: "medium",
-        modal: true,
-        dismissOnSnapToBottom: true,
-        children: [/* @__PURE__ */_jsx(Sheet.Frame, {
-          p: "$4",
-          children: /* @__PURE__ */_jsx(Adapt.Contents, {})
-        }), /* @__PURE__ */_jsx(Sheet.Overlay, {
-          bg: "$shadowColor",
-          transition: "lazy",
-          enterStyle: {
-            opacity: 0
-          },
-          exitStyle: {
-            opacity: 0
-          }
-        })]
-      })
-    }), /* @__PURE__ */_jsxs(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__ */_jsx(Popover.Arrow, {
-        borderWidth: 1,
-        borderColor: "$borderColor"
-      }), /* @__PURE__ */_jsxs(XStack, {
-        gap: "$3",
-        mb: "$3",
-        children: [/* @__PURE__ */_jsx(Label, {
-          size: "$3",
-          htmlFor: Name,
-          children: "Name"
-        }), /* @__PURE__ */_jsx(Input, {
-          flex: 1,
-          size: "$3",
-          id: Name
-        })]
-      }), /* @__PURE__ */_jsx(Popover.Close, {
-        asChild: true,
-        children: /* @__PURE__ */_jsx(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__ */ jsxs(Popover, {
+		size: "5",
+		allowFlip: true,
+		stayInFrame: true,
+		offset: 15,
+		resize: true,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(Popover.Trigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Button, { icon: Icon })
+			}),
+			shouldAdapt && /* @__PURE__ */ jsx(Adapt, {
+				when: "max-md",
+				platform: "touch",
+				children: /* @__PURE__ */ jsxs(Sheet, {
+					transition: "medium",
+					modal: true,
+					dismissOnSnapToBottom: true,
+					children: [/* @__PURE__ */ jsxs(Sheet.Container, {
+						p: "4",
+						children: [/* @__PURE__ */ jsx(Sheet.Background, {}), /* @__PURE__ */ jsx(Adapt.Contents, {})]
+					}), /* @__PURE__ */ jsx(Sheet.Overlay, {
+						bg: "shadow-color",
+						transition: "lazy",
+						opacity: "enter:0 exit:0"
+					})]
+				})
+			}),
+			/* @__PURE__ */ jsxs(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: {
+					preset: "quick",
+					opacity: {
+						preset: "quick",
+						spring: { overshootClamping: true }
+					}
+				},
+				children: [
+					/* @__PURE__ */ jsx(Popover.Arrow, {
+						backgroundColor: "background",
+						borderWidth: 1,
+						borderColor: "border-color"
+					}),
+					/* @__PURE__ */ jsxs(XStack, {
+						gap: "3",
+						mb: "3",
+						children: [/* @__PURE__ */ jsx(Label, {
+							size: "3",
+							htmlFor: Name,
+							children: "Name"
+						}), /* @__PURE__ */ jsx(Input, {
+							flex: 1,
+							size: "3",
+							id: Name
+						})]
+					}),
+					/* @__PURE__ */ jsx(Popover.Close, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx(Button, {
+							size: "3",
+							onPress: function() {},
+							children: "Submit"
+						})
+					})
+				]
+			})
+		]
+	});
 }
+
 export { Demo, PopoverDemo };
 //# sourceMappingURL=PopoverDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","useState","Adapt","Button","Input","isWeb","Label","Popover","Sheet","XStack","YStack","PopoverDemo","shouldAdapt","setShouldAdapt","gap","children","flex","justify","items","Demo","placement","Icon","Name","onPress","param","props","size","allowFlip","stayInFrame","offset","resize","Trigger","asChild","icon","when","platform","transition","modal","dismissOnSnapToBottom","Frame","p","Contents","Overlay","bg","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","width","height","y","boxShadow","overshootClamping","Arrow","mb"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PopoverDemo.native.js","names":[],"sources":["esm/PopoverDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from \"@tamagui/lucide-icons-2\";\nimport { useState } from \"react\";\nimport { Adapt, Button, Input, isWeb, Label, Popover, Sheet, XStack, YStack } from \"tamagui\";\nfunction PopoverDemo() {\n  var [shouldAdapt, setShouldAdapt] = useState(true);\n  return /* @__PURE__ */ _jsxs(YStack, {\n    gap: \"4\",\n    children: [\n      /* @__PURE__ */ _jsxs(XStack, {\n        gap: \"2\",\n        flex: 1,\n        justify: \"center\",\n        items: \"center\",\n        children: [\n          /* @__PURE__ */ _jsx(Demo, {\n            shouldAdapt,\n            placement: \"left\",\n            Icon: ChevronLeft,\n            Name: \"left-popover\"\n          }),\n          /* @__PURE__ */ _jsx(Demo, {\n            shouldAdapt,\n            placement: \"bottom\",\n            Icon: ChevronDown,\n            Name: \"bottom-popover\"\n          }),\n          /* @__PURE__ */ _jsx(Demo, {\n            shouldAdapt,\n            placement: \"top\",\n            Icon: ChevronUp,\n            Name: \"top-popover\"\n          }),\n          /* @__PURE__ */ _jsx(Demo, {\n            shouldAdapt,\n            placement: \"right\",\n            Icon: ChevronRight,\n            Name: \"right-popover\"\n          })\n        ]\n      }),\n      !isWeb && /* @__PURE__ */ _jsxs(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__ */ _jsxs(Popover, {\n    size: \"5\",\n    allowFlip: true,\n    stayInFrame: true,\n    offset: 15,\n    resize: true,\n    ...props,\n    children: [\n      /* @__PURE__ */ _jsx(Popover.Trigger, {\n        asChild: true,\n        children: /* @__PURE__ */ _jsx(Button, {\n          icon: Icon\n        })\n      }),\n      shouldAdapt && /* @__PURE__ */ _jsx(Adapt, {\n        when: \"max-md\",\n        platform: \"touch\",\n        children: /* @__PURE__ */ _jsxs(Sheet, {\n          transition: \"medium\",\n          modal: true,\n          dismissOnSnapToBottom: true,\n          children: [\n            /* @__PURE__ */ _jsxs(Sheet.Container, {\n              p: \"4\",\n              children: [\n                /* @__PURE__ */ _jsx(Sheet.Background, {}),\n                /* @__PURE__ */ _jsx(Adapt.Contents, {})\n              ]\n            }),\n            /* @__PURE__ */ _jsx(Sheet.Overlay, {\n              bg: \"shadow-color\",\n              transition: \"lazy\",\n              opacity: \"enter:0 exit:0\"\n            })\n          ]\n        })\n      }),\n      /* @__PURE__ */ _jsxs(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          preset: \"quick\",\n          opacity: {\n            preset: \"quick\",\n            spring: {\n              overshootClamping: true\n            }\n          }\n        },\n        children: [\n          /* @__PURE__ */ _jsx(Popover.Arrow, {\n            backgroundColor: \"background\",\n            borderWidth: 1,\n            borderColor: \"border-color\"\n          }),\n          /* @__PURE__ */ _jsxs(XStack, {\n            gap: \"3\",\n            mb: \"3\",\n            children: [\n              /* @__PURE__ */ _jsx(Label, {\n                size: \"3\",\n                htmlFor: Name,\n                children: \"Name\"\n              }),\n              /* @__PURE__ */ _jsx(Input, {\n                flex: 1,\n                size: \"3\",\n                id: Name\n              })\n            ]\n          }),\n          /* @__PURE__ */ _jsx(Popover.Close, {\n            asChild: true,\n            children: /* @__PURE__ */ _jsx(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}\nexport {\n  Demo,\n  PopoverDemo\n};\n//# sourceMappingURL=PopoverDemo.js.map\n"],"mappings":";;;;;;AAIA,SAAS,cAAc;CACrB,IAAI,CAAC,aAAa,kBAAkB,SAAS,IAAI;CACjD,OAAuB,qBAAM,QAAQ;EACnC,KAAK;EACL,UAAU,CACQ,qBAAM,QAAQ;GAC5B,KAAK;GACL,MAAM;GACN,SAAS;GACT,OAAO;GACP,UAAU;IACQ,oBAAK,MAAM;KACzB;KACA,WAAW;KACX,MAAM;KACN,MAAM;IACR,CAAC;IACe,oBAAK,MAAM;KACzB;KACA,WAAW;KACX,MAAM;KACN,MAAM;IACR,CAAC;IACe,oBAAK,MAAM;KACzB;KACA,WAAW;KACX,MAAM;KACN,MAAM;IACR,CAAC;IACe,oBAAK,MAAM;KACzB;KACA,WAAW;KACX,MAAM;KACN,MAAM;IACR,CAAC;GACH;EACF,CAAC,GACD,CAAC,SAAyB,qBAAM,QAAQ;GACtC,SAAS,WAAW;IAClB,OAAO,eAAe,CAAC,WAAW;GACpC;GACA,UAAU,CACR,oBACA,GAAG,aACL;EACF,CAAC,CACH;CACF,CAAC;AACH;AACA,SAAS,KAAK,OAAO;CACnB,IAAI,EAAE,MAAM,MAAM,aAAa,GAAG,UAAU;CAC5C,OAAuB,qBAAM,SAAS;EACpC,MAAM;EACN,WAAW;EACX,aAAa;EACb,QAAQ;EACR,QAAQ;EACR,GAAG;EACH,UAAU;GACQ,oBAAK,QAAQ,SAAS;IACpC,SAAS;IACT,UAA0B,oBAAK,QAAQ,EACrC,MAAM,KACR,CAAC;GACH,CAAC;GACD,eAA+B,oBAAK,OAAO;IACzC,MAAM;IACN,UAAU;IACV,UAA0B,qBAAM,OAAO;KACrC,YAAY;KACZ,OAAO;KACP,uBAAuB;KACvB,UAAU,CACQ,qBAAM,MAAM,WAAW;MACrC,GAAG;MACH,UAAU,CACQ,oBAAK,MAAM,YAAY,CAAC,CAAC,GACzB,oBAAK,MAAM,UAAU,CAAC,CAAC,CACzC;KACF,CAAC,GACe,oBAAK,MAAM,SAAS;MAClC,IAAI;MACJ,YAAY;MACZ,SAAS;KACX,CAAC,CACH;IACF,CAAC;GACH,CAAC;GACe,qBAAM,QAAQ,SAAS;IACrC,iBAAiB;IACjB,aAAa;IACb,aAAa;IACb,OAAO;IACP,QAAQ;IACR,GAAG;IACH,SAAS;IACT,WAAW;IACX,YAAY;KACV,QAAQ;KACR,SAAS;MACP,QAAQ;MACR,QAAQ,EACN,mBAAmB,KACrB;KACF;IACF;IACA,UAAU;KACQ,oBAAK,QAAQ,OAAO;MAClC,iBAAiB;MACjB,aAAa;MACb,aAAa;KACf,CAAC;KACe,qBAAM,QAAQ;MAC5B,KAAK;MACL,IAAI;MACJ,UAAU,CACQ,oBAAK,OAAO;OAC1B,MAAM;OACN,SAAS;OACT,UAAU;MACZ,CAAC,GACe,oBAAK,OAAO;OAC1B,MAAM;OACN,MAAM;OACN,IAAI;MACN,CAAC,CACH;KACF,CAAC;KACe,oBAAK,QAAQ,OAAO;MAClC,SAAS;MACT,UAA0B,oBAAK,QAAQ;OACrC,MAAM;OACN,SAAS,WAAW,CACpB;OACA,UAEE;MAEJ,CAAC;KACH,CAAC;IACH;GACF,CAAC;EACH;CACF,CAAC;AACH"}

package/dist/esm/ProgressDemo.mjs

@@ -2,55 +2,55 @@ import React from "react";
 import { Button, Paragraph, Progress, XStack, YStack } from "tamagui";
 import { Play, RotateCcw } from "@tamagui/lucide-icons-2";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
 function ProgressDemo() {
-  const [key, setKey] = React.useState(0);
-  const [progress, setProgress] = React.useState(60);
-  const [slider, setSlider] = React.useState([60]);
-  return /* @__PURE__ */jsxs(Fragment, {
-    children: [/* @__PURE__ */jsxs(YStack, {
-      height: 60,
-      items: "center",
-      gap: "$4",
-      children: [/* @__PURE__ */jsxs(Paragraph, {
-        height: 30,
-        opacity: 0.5,
-        children: ["Progress: ", progress]
-      }), /* @__PURE__ */jsx(Progress, {
-        theme: "surface2",
-        value: progress,
-        children: /* @__PURE__ */jsx(Progress.Indicator, {
-          backgroundColor: "$color",
-          transition: ["quicker", {
-            transform: {
-              overshootClamping: true
-            }
-          }]
-        })
-      }, key)]
-    }), /* @__PURE__ */jsxs(XStack, {
-      items: "center",
-      gap: "$2",
-      position: "absolute",
-      b: "$3",
-      l: "$4",
-      $xxs: {
-        display: "none"
-      },
-      children: [/* @__PURE__ */jsx(Button, {
-        size: "$3",
-        icon: Play,
-        onPress: () => setProgress(prev => (prev + 20) % 100)
-      }), /* @__PURE__ */jsx(Button, {
-        size: "$3",
-        icon: RotateCcw,
-        onPress: () => {
-          setKey(Math.random());
-          setProgress(0);
-          setSlider([0]);
-        }
-      })]
-    })]
-  });
+	const [key, setKey] = React.useState(0);
+	const [progress, setProgress] = React.useState(60);
+	const [slider, setSlider] = React.useState([60]);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(YStack, {
+		height: 60,
+		items: "center",
+		gap: "4",
+		children: [/* @__PURE__ */ jsxs(Paragraph, {
+			height: 30,
+			opacity: .5,
+			children: ["Progress: ", progress]
+		}), /* @__PURE__ */ jsx(Progress, {
+			theme: "level3",
+			value: progress,
+			children: /* @__PURE__ */ jsx(Progress.Indicator, {
+				backgroundColor: "color",
+				transition: {
+					preset: "quicker",
+					transform: {
+						preset: "quicker",
+						spring: { overshootClamping: true }
+					}
+				}
+			})
+		}, key)]
+	}), /* @__PURE__ */ jsxs(XStack, {
+		items: "center",
+		gap: "2",
+		position: "absolute",
+		b: "3",
+		l: "4",
+		display: "xxs:none",
+		children: [/* @__PURE__ */ jsx(Button, {
+			size: "3",
+			icon: Play,
+			onPress: () => setProgress((prev) => (prev + 20) % 100)
+		}), /* @__PURE__ */ jsx(Button, {
+			size: "3",
+			icon: RotateCcw,
+			onPress: () => {
+				setKey(Math.random());
+				setProgress(0);
+				setSlider([0]);
+			}
+		})]
+	})] });
 }
+
 export { ProgressDemo };
 //# sourceMappingURL=ProgressDemo.mjs.map

package/dist/esm/ProgressDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","Button","Paragraph","Progress","XStack","YStack","Play","RotateCcw","Fragment","jsx","jsxs","ProgressDemo","key","setKey","useState","progress","setProgress","slider","setSlider","children","height","items","gap","opacity","theme","value","Indicator","backgroundColor","transition","transform","overshootClamping","position","b","l","$xxs","display","size","icon","onPress","prev","Math","random"],"sources":["../../src/ProgressDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,MAAA,EAAQC,SAAA,EAAWC,QAAA,EAAyBC,MAAA,EAAQC,MAAA,QAAc;AAC3E,SAASC,IAAA,EAAMC,SAAA,QAAiB;AAQ5B,SAAAC,QAAA,EAOMC,GAAA,EALFC,IAAA,QAFJ;AANG,SAASC,aAAA,EAAe;EAC7B,MAAM,CAACC,GAAA,EAAKC,MAAM,IAAIb,KAAA,CAAMc,QAAA,CAAS,CAAC;EACtC,MAAM,CAACC,QAAA,EAAUC,WAAW,IAAIhB,KAAA,CAAMc,QAAA,CAAS,EAAE;EACjD,MAAM,CAACG,MAAA,EAAQC,SAAS,IAAIlB,KAAA,CAAMc,QAAA,CAAmB,CAAC,EAAE,CAAC;EAEzD,OACE,eAAAJ,IAAA,CAAAF,QAAA;IACEW,QAAA,kBAAAT,IAAA,CAACL,MAAA;MAAOe,MAAA,EAAQ;MAAIC,KAAA,EAAM;MAASC,GAAA,EAAI;MACrCH,QAAA,kBAAAT,IAAA,CAACR,SAAA;QAAUkB,MAAA,EAAQ;QAAIG,OAAA,EAAS;QAAKJ,QAAA,iBACxBJ,QAAA;MAAA,CACb,GAEA,eAAAN,GAAA,CAACN,QAAA;QAAmBqB,KAAA,EAAM;QAAWC,KAAA,EAAOV,QAAA;QAC1CI,QAAA,iBAAAV,GAAA,CAACN,QAAA,CAASuB,SAAA,EAAT;UACCC,eAAA,EAAgB;UAChBC,UAAA,EAAY,CACV,WACA;YACEC,SAAA,EAAW;cACTC,iBAAA,EAAmB;YACrB;UACF;QACF,CACF;MAAA,GAXalB,GAYf;IAAA,CACF,GAEA,eAAAF,IAAA,CAACN,MAAA;MACCiB,KAAA,EAAM;MACNC,GAAA,EAAI;MACJS,QAAA,EAAS;MACTC,CAAA,EAAE;MACFC,CAAA,EAAE;MACFC,IAAA,EAAM;QAAEC,OAAA,EAAS;MAAO;MAqBxBhB,QAAA,kBAAAV,GAAA,CAACR,MAAA;QACCmC,IAAA,EAAK;QACLC,IAAA,EAAM/B,IAAA;QACNgC,OAAA,EAASA,CAAA,KAAMtB,WAAA,CAAauB,IAAA,KAAUA,IAAA,GAAO,MAAM,GAAG;MAAA,CACxD,GACA,eAAA9B,GAAA,CAACR,MAAA;QACCmC,IAAA,EAAK;QACLC,IAAA,EAAM9B,SAAA;QACN+B,OAAA,EAASA,CAAA,KAAM;UACbzB,MAAA,CAAO2B,IAAA,CAAKC,MAAA,CAAO,CAAC;UACpBzB,WAAA,CAAY,CAAC;UACbE,SAAA,CAAU,CAAC,CAAC,CAAC;QACf;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"file":"ProgressDemo.js","names":[],"sources":["esm/ProgressDemo.js"],"sourcesContent":["import React from \"react\";\nimport { Button, Paragraph, Progress, XStack, YStack } from \"tamagui\";\nimport { Play, RotateCcw } from \"@tamagui/lucide-icons-2\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nfunction ProgressDemo() {\n  const [key, setKey] = React.useState(0);\n  const [progress, setProgress] = React.useState(60);\n  const [slider, setSlider] = React.useState([60]);\n  return /* @__PURE__ */ jsxs(Fragment, { children: [\n    /* @__PURE__ */ jsxs(YStack, { height: 60, items: \"center\", gap: \"4\", children: [\n      /* @__PURE__ */ jsxs(Paragraph, { height: 30, opacity: 0.5, children: [\n        \"Progress: \",\n        progress\n      ] }),\n      /* @__PURE__ */ jsx(Progress, { theme: \"level3\", value: progress, children: /* @__PURE__ */ jsx(\n        Progress.Indicator,\n        {\n          backgroundColor: \"color\",\n          transition: {\n            preset: \"quicker\",\n            transform: { preset: \"quicker\", spring: { overshootClamping: true } }\n          }\n        }\n      ) }, key)\n    ] }),\n    /* @__PURE__ */ jsxs(XStack, { items: \"center\", gap: \"2\", position: \"absolute\", b: \"3\", l: \"4\", display: \"xxs:none\", children: [\n      /* @__PURE__ */ jsx(\n        Button,\n        {\n          size: \"3\",\n          icon: Play,\n          onPress: () => setProgress((prev) => (prev + 20) % 100)\n        }\n      ),\n      /* @__PURE__ */ jsx(\n        Button,\n        {\n          size: \"3\",\n          icon: RotateCcw,\n          onPress: () => {\n            setKey(Math.random());\n            setProgress(0);\n            setSlider([0]);\n          }\n        }\n      )\n    ] })\n  ] });\n}\nexport {\n  ProgressDemo\n};\n//# sourceMappingURL=ProgressDemo.js.map\n"],"mappings":";;;;;;AAIA,SAAS,eAAe;CACtB,MAAM,CAAC,KAAK,UAAU,MAAM,SAAS,CAAC;CACtC,MAAM,CAAC,UAAU,eAAe,MAAM,SAAS,EAAE;CACjD,MAAM,CAAC,QAAQ,aAAa,MAAM,SAAS,CAAC,EAAE,CAAC;CAC/C,OAAuB,qBAAK,UAAU,EAAE,UAAU,CAChC,qBAAK,QAAQ;EAAE,QAAQ;EAAI,OAAO;EAAU,KAAK;EAAK,UAAU,CAC9D,qBAAK,WAAW;GAAE,QAAQ;GAAI,SAAS;GAAK,UAAU,CACpE,cACA,QACF;EAAE,CAAC,GACa,oBAAI,UAAU;GAAE,OAAO;GAAU,OAAO;GAAU,UAA0B,oBAC1F,SAAS,WACT;IACE,iBAAiB;IACjB,YAAY;KACV,QAAQ;KACR,WAAW;MAAE,QAAQ;MAAW,QAAQ,EAAE,mBAAmB,KAAK;KAAE;IACtE;GACF,CACF;EAAE,GAAG,GAAG,CACV;CAAE,CAAC,GACa,qBAAK,QAAQ;EAAE,OAAO;EAAU,KAAK;EAAK,UAAU;EAAY,GAAG;EAAK,GAAG;EAAK,SAAS;EAAY,UAAU,CAC7G,oBACd,QACA;GACE,MAAM;GACN,MAAM;GACN,eAAe,aAAa,UAAU,OAAO,MAAM,GAAG;EACxD,CACF,GACgB,oBACd,QACA;GACE,MAAM;GACN,MAAM;GACN,eAAe;IACb,OAAO,KAAK,OAAO,CAAC;IACpB,YAAY,CAAC;IACb,UAAU,CAAC,CAAC,CAAC;GACf;EACF,CACF,CACF;CAAE,CAAC,CACL,EAAE,CAAC;AACL"}

package/dist/esm/ProgressDemo.native.js

@@ -1,80 +1,60 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
 import { Button, Paragraph, Progress, XStack, YStack } from "tamagui";
 import { Play, RotateCcw } from "@tamagui/lucide-icons-2";
+
 function ProgressDemo() {
-  var [key, setKey] = React.useState(0);
-  var [progress, setProgress] = React.useState(60);
-  var [slider, setSlider] = React.useState([60]);
-  return /* @__PURE__ */_jsxs(_Fragment, {
-    children: [/* @__PURE__ */_jsxs(YStack, {
-      height: 60,
-      items: "center",
-      gap: "$4",
-      children: [/* @__PURE__ */_jsxs(Paragraph, {
-        height: 30,
-        opacity: 0.5,
-        children: ["Progress: ", progress]
-      }), /* @__PURE__ */_jsx(Progress, {
-        theme: "surface2",
-        value: progress,
-        children: /* @__PURE__ */_jsx(Progress.Indicator, {
-          backgroundColor: "$color",
-          transition: ["quicker", {
-            transform: {
-              overshootClamping: true
-            }
-          }]
-        })
-      }, key)]
-    }), /* @__PURE__ */_jsxs(XStack, {
-      items: "center",
-      gap: "$2",
-      position: "absolute",
-      b: "$3",
-      l: "$4",
-      $xxs: {
-        display: "none"
-      },
-      children: [
-      /* <Slider
-        size="$2"
-        theme="surface2"
-        width={130}
-        value={slider}
-        min={0}
-        max={100}
-        step={1}
-        onValueChange={([val]) => {
-          setProgress(val)
-          setSlider([val])
-        }}
-      >
-        <Slider.Track borderWidth={1} borderColor="$color5">
-          <Slider.TrackActive />
-        </Slider.Track>
-        <Slider.Thumb theme="accent" circular index={0} />
-      </Slider> */
-      /* @__PURE__ */
-      _jsx(Button, {
-        size: "$3",
-        icon: Play,
-        onPress: function () {
-          return setProgress(function (prev) {
-            return (prev + 20) % 100;
-          });
-        }
-      }), /* @__PURE__ */_jsx(Button, {
-        size: "$3",
-        icon: RotateCcw,
-        onPress: function () {
-          setKey(Math.random());
-          setProgress(0);
-          setSlider([0]);
-        }
-      })]
-    })]
-  });
+	var [key, setKey] = React.useState(0);
+	var [progress, setProgress] = React.useState(60);
+	var [slider, setSlider] = React.useState([60]);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(YStack, {
+		height: 60,
+		items: "center",
+		gap: "4",
+		children: [/* @__PURE__ */ jsxs(Paragraph, {
+			height: 30,
+			opacity: .5,
+			children: ["Progress: ", progress]
+		}), /* @__PURE__ */ jsx(Progress, {
+			theme: "level3",
+			value: progress,
+			children: /* @__PURE__ */ jsx(Progress.Indicator, {
+				backgroundColor: "color",
+				transition: {
+					preset: "quicker",
+					transform: {
+						preset: "quicker",
+						spring: { overshootClamping: true }
+					}
+				}
+			})
+		}, key)]
+	}), /* @__PURE__ */ jsxs(XStack, {
+		items: "center",
+		gap: "2",
+		position: "absolute",
+		b: "3",
+		l: "4",
+		display: "xxs:none",
+		children: [/* @__PURE__ */ jsx(Button, {
+			size: "3",
+			icon: Play,
+			onPress: function() {
+				return setProgress(function(prev) {
+					return (prev + 20) % 100;
+				});
+			}
+		}), /* @__PURE__ */ jsx(Button, {
+			size: "3",
+			icon: RotateCcw,
+			onPress: function() {
+				setKey(Math.random());
+				setProgress(0);
+				setSlider([0]);
+			}
+		})]
+	})] });
 }
+
 export { ProgressDemo };
 //# sourceMappingURL=ProgressDemo.native.js.map