@tamagui/demos 1.89.26 → 1.89.27-1708112217600

package/dist/cjs/PopoverDemo.native.js

@@ -19,70 +19,137 @@ __export(PopoverDemo_exports, {
   PopoverDemo: () => PopoverDemo
 });
 module.exports = __toCommonJS(PopoverDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui");
+function _define_property(obj, key, value) {
+  return key in obj ? Object.defineProperty(obj, key, {
+    value,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : obj[key] = value, obj;
+}
+function _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function _object_without_properties(source, excluded) {
+  if (source == null)
+    return {};
+  var target = _object_without_properties_loose(source, excluded), key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++)
+      key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
+  }
+  return target;
+}
+function _object_without_properties_loose(source, excluded) {
+  if (source == null)
+    return {};
+  var target = {}, sourceKeys = Object.keys(source), key, i;
+  for (i = 0; i < sourceKeys.length; i++)
+    key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
+  return target;
+}
 function PopoverDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$2", flex: 1, justifyContent: "center", alignItems: "center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { placement: "left", Icon: import_lucide_icons.ChevronLeft, Name: "left-popover" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { placement: "bottom", Icon: import_lucide_icons.ChevronDown, Name: "bottom-popover" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { placement: "top", Icon: import_lucide_icons.ChevronUp, Name: "top-popover" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { placement: "right", Icon: import_lucide_icons.ChevronRight, Name: "right-popover" })
-  ] });
+  return /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    space: "$2",
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center"
+  }, /* @__PURE__ */ React.createElement(Demo, {
+    placement: "left",
+    Icon: import_lucide_icons.ChevronLeft,
+    Name: "left-popover"
+  }), /* @__PURE__ */ React.createElement(Demo, {
+    placement: "bottom",
+    Icon: import_lucide_icons.ChevronDown,
+    Name: "bottom-popover"
+  }), /* @__PURE__ */ React.createElement(Demo, {
+    placement: "top",
+    Icon: import_lucide_icons.ChevronUp,
+    Name: "top-popover"
+  }), /* @__PURE__ */ React.createElement(Demo, {
+    placement: "right",
+    Icon: import_lucide_icons.ChevronRight,
+    Name: "right-popover"
+  }));
 }
-function Demo({
-  Icon,
-  Name,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover, { size: "$5", allowFlip: !0, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { icon: Icon }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Sheet, { modal: !0, dismissOnSnapToBottom: !0, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Sheet.Frame, { padding: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_tamagui.Popover.Sheet.Overlay,
-        {
-          animation: "lazy",
-          enterStyle: { opacity: 0 },
-          exitStyle: { opacity: 0 }
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      import_tamagui.Popover.Content,
+function Demo(_param) {
+  var Icon = _param.Icon, Name = _param.Name, props = _object_without_properties(_param, [
+    "Icon",
+    "Name"
+  ]);
+  return /* @__PURE__ */ React.createElement(import_tamagui.Popover, _object_spread({
+    size: "$5",
+    allowFlip: !0
+  }, props), /* @__PURE__ */ React.createElement(import_tamagui.Popover.Trigger, {
+    asChild: !0
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Button, {
+    icon: Icon
+  })), /* @__PURE__ */ React.createElement(import_tamagui.Adapt, {
+    when: "sm",
+    platform: "touch"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Popover.Sheet, {
+    modal: !0,
+    dismissOnSnapToBottom: !0
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Popover.Sheet.Frame, {
+    padding: "$4"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Adapt.Contents, null)), /* @__PURE__ */ React.createElement(import_tamagui.Popover.Sheet.Overlay, {
+    animation: "lazy",
+    enterStyle: {
+      opacity: 0
+    },
+    exitStyle: {
+      opacity: 0
+    }
+  }))), /* @__PURE__ */ React.createElement(import_tamagui.Popover.Content, {
+    borderWidth: 1,
+    borderColor: "$borderColor",
+    enterStyle: {
+      y: -10,
+      opacity: 0
+    },
+    exitStyle: {
+      y: -10,
+      opacity: 0
+    },
+    elevate: !0,
+    animation: [
+      "quick",
       {
-        borderWidth: 1,
-        borderColor: "$borderColor",
-        enterStyle: { y: -10, opacity: 0 },
-        exitStyle: { y: -10, opacity: 0 },
-        elevate: !0,
-        animation: [
-          "quick",
-          {
-            opacity: {
-              overshootClamping: !0
-            }
-          }
-        ],
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, { borderWidth: 1, borderColor: "$borderColor" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: "$3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$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, { size: "$3", id: Name })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Close, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_tamagui.Button,
-              {
-                size: "$3",
-                onPress: () => {
-                },
-                children: "Submit"
-              }
-            ) })
-          ] })
-        ]
+        opacity: {
+          overshootClamping: !0
+        }
       }
-    )
-  ] });
+    ]
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Popover.Arrow, {
+    borderWidth: 1,
+    borderColor: "$borderColor"
+  }), /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    space: "$3"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    space: "$3"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Label, {
+    size: "$3",
+    htmlFor: Name
+  }, "Name"), /* @__PURE__ */ React.createElement(import_tamagui.Input, {
+    size: "$3",
+    id: Name
+  })), /* @__PURE__ */ React.createElement(import_tamagui.Popover.Close, {
+    asChild: !0
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Button, {
+    size: "$3",
+    onPress: function() {
+    }
+  }, "Submit")))));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/PopoverDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAkE,kCAElE,iBAAqE,oBAIjE;AAFG,SAAS,cAAc;AAC5B,SACE,6CAAC,yBAAO,OAAM,MAAK,MAAM,GAAG,gBAAe,UAAS,YAAW,UAC7D;AAAA,gDAAC,QAAK,WAAU,QAAO,MAAM,iCAAa,MAAK,gBAAe;AAAA,IAC9D,4CAAC,QAAK,WAAU,UAAS,MAAM,iCAAa,MAAK,kBAAiB;AAAA,IAClE,4CAAC,QAAK,WAAU,OAAM,MAAM,+BAAW,MAAK,eAAc;AAAA,IAC1D,4CAAC,QAAK,WAAU,SAAQ,MAAM,kCAAc,MAAK,iBAAgB;AAAA,KACnE;AAEJ;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiD;AAC/C,SACE,6CAAC,0BAAQ,MAAK,MAAK,WAAS,IAAE,GAAG,OAC/B;AAAA,gDAAC,uBAAQ,SAAR,EAAgB,SAAO,IACtB,sDAAC,yBAAO,MAAM,MAAM,GACtB;AAAA,IAEA,4CAAC,wBAAM,MAAK,MAAK,UAAS,SACxB,uDAAC,uBAAQ,OAAR,EAAc,OAAK,IAAC,uBAAqB,IACxC;AAAA,kDAAC,uBAAQ,MAAM,OAAd,EAAoB,SAAQ,MAC3B,sDAAC,qBAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,uBAAQ,MAAM;AAAA,QAAd;AAAA,UACC,WAAU;AAAA,UACV,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,MAC1B;AAAA,OACF,GACF;AAAA,IAEA;AAAA,MAAC,uBAAQ;AAAA,MAAR;AAAA,QACC,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QAChC,SAAO;AAAA,QACP,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAEA;AAAA,sDAAC,uBAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAe;AAAA,UAE1D,6CAAC,yBAAO,OAAM,MACZ;AAAA,yDAAC,yBAAO,OAAM,MACZ;AAAA,0DAAC,wBAAM,MAAK,MAAK,SAAS,MAAM,kBAEhC;AAAA,cACA,4CAAC,wBAAM,MAAK,MAAK,IAAI,MAAM;AAAA,eAC7B;AAAA,YAEA,4CAAC,uBAAQ,OAAR,EAAc,SAAO,IACpB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AAAA,gBAEf;AAAA,gBACD;AAAA;AAAA,YAED,GACF;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/PopoverDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA,0BAAkE,kCAElE,iBAAqE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE9D,SAASA,cAAAA;AACd,SACE,sBAAA,cAACC,uBAAAA;IAAOC,OAAM;IAAKC,MAAM;IAAGC,gBAAe;IAASC,YAAW;KAC7D,sBAAA,cAACC,MAAAA;IAAKC,WAAU;IAAOC,MAAMC;IAAaC,MAAK;MAC/C,sBAAA,cAACJ,MAAAA;IAAKC,WAAU;IAASC,MAAMG;IAAaD,MAAK;MACjD,sBAAA,cAACJ,MAAAA;IAAKC,WAAU;IAAMC,MAAMI;IAAWF,MAAK;MAC5C,sBAAA,cAACJ,MAAAA;IAAKC,WAAU;IAAQC,MAAMK;IAAcH,MAAK;;AAGvD;AAEO,SAASJ,KAAK,QAAA;MACnBE,OADmB,OACnBA,MACAE,OAFmB,OAEnBA,MACGI,QAAAA,2BAHgB,QAAA;IACnBN;IACAE;;AAGA,SACE,sBAAA,cAACK,wBAAAA,eAAAA;IAAQC,MAAK;IAAKC,WAAAA;KAAcH,KAAAA,GAC/B,sBAAA,cAACC,uBAAQG,SAAO;IAACC,SAAAA;KACf,sBAAA,cAACC,uBAAAA;IAAOC,MAAMb;OAGhB,sBAAA,cAACc,sBAAAA;IAAMC,MAAK;IAAKC,UAAS;KACxB,sBAAA,cAACT,uBAAQU,OAAK;IAACC,OAAAA;IAAMC,uBAAAA;KACnB,sBAAA,cAACZ,uBAAQU,MAAMG,OAAK;IAACC,SAAQ;KAC3B,sBAAA,cAACP,qBAAMQ,UAAQ,IAAA,CAAA,GAEjB,sBAAA,cAACf,uBAAQU,MAAMM,SAAO;IACpBC,WAAU;IACVC,YAAY;MAAEC,SAAS;IAAE;IACzBC,WAAW;MAAED,SAAS;IAAE;QAK9B,sBAAA,cAACnB,uBAAQqB,SAAO;IACdC,aAAa;IACbC,aAAY;IACZL,YAAY;MAAEM,GAAG;MAAKL,SAAS;IAAE;IACjCC,WAAW;MAAEI,GAAG;MAAKL,SAAS;IAAE;IAChCM,SAAAA;IACAR,WAAW;MACT;MACA;QACEE,SAAS;UACPO,mBAAmB;QACrB;MACF;;KAGF,sBAAA,cAAC1B,uBAAQ2B,OAAK;IAACL,aAAa;IAAGC,aAAY;MAE3C,sBAAA,cAACK,uBAAAA;IAAOzC,OAAM;KACZ,sBAAA,cAACD,uBAAAA;IAAOC,OAAM;KACZ,sBAAA,cAAC0C,sBAAAA;IAAM5B,MAAK;IAAK6B,SAASnC;KAAM,MAAA,GAGhC,sBAAA,cAACoC,sBAAAA;IAAM9B,MAAK;IAAK+B,IAAIrC;OAGvB,sBAAA,cAACK,uBAAQiC,OAAK;IAAC7B,SAAAA;KACb,sBAAA,cAACC,uBAAAA;IACCJ,MAAK;IACLiC,SAAS,WAAA;IAET;KACD,QAAA,CAAA,CAAA,CAAA,CAAA;AAQb;",
+  "names": ["PopoverDemo", "XStack", "space", "flex", "justifyContent", "alignItems", "Demo", "placement", "Icon", "ChevronLeft", "Name", "ChevronDown", "ChevronUp", "ChevronRight", "props", "Popover", "size", "allowFlip", "Trigger", "asChild", "Button", "icon", "Adapt", "when", "platform", "Sheet", "modal", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "animation", "enterStyle", "opacity", "exitStyle", "Content", "borderWidth", "borderColor", "y", "elevate", "overshootClamping", "Arrow", "YStack", "Label", "htmlFor", "Input", "id", "Close", "onPress"]
 }

package/dist/cjs/ProgressDemo.native.js

@@ -18,55 +18,111 @@ __export(ProgressDemo_exports, {
   ProgressDemo: () => ProgressDemo
 });
 module.exports = __toCommonJS(ProgressDemo_exports);
-var import_react = require("react"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react"), import_tamagui = require("tamagui");
+function _array_like_to_array(arr, len) {
+  (len == null || len > arr.length) && (len = arr.length);
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+function _array_with_holes(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i != null) {
+    var _arr = [], _n = !0, _d = !1, _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
+        ;
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        !_n && _i.return != null && _i.return();
+      } finally {
+        if (_d)
+          throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+function _non_iterable_rest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (o) {
+    if (typeof o == "string")
+      return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
+      return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return _array_like_to_array(o, minLen);
+  }
+}
 function ProgressDemo() {
-  const [size, setSize] = (0, import_react.useState)(4), [progress, setProgress] = (0, import_react.useState)(20), sizeProp = `$${size}`;
-  return (0, import_react.useEffect)(() => {
-    const timer = setTimeout(() => setProgress(60), 1e3);
-    return () => {
+  var _useState = _sliced_to_array((0, import_react.useState)(4), 2), size = _useState[0], setSize = _useState[1], _useState1 = _sliced_to_array((0, import_react.useState)(20), 2), progress = _useState1[0], setProgress = _useState1[1], sizeProp = "$".concat(size);
+  return (0, import_react.useEffect)(function() {
+    var timer = setTimeout(function() {
+      return setProgress(60);
+    }, 1e3);
+    return function() {
       clearTimeout(timer);
     };
-  }, []), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { height: 60, alignItems: "center", space: !0, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Paragraph, { height: 30, opacity: 0.5, children: [
-        "Size: ",
-        size
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Progress, { size: sizeProp, value: progress, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Progress.Indicator, { animation: "bouncy" }) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      import_tamagui.XStack,
-      {
-        alignItems: "center",
-        space: !0,
-        position: "absolute",
-        bottom: "$3",
-        left: "$4",
-        $xxs: { display: "none" },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-            import_tamagui.Slider,
-            {
-              size: "$2",
-              width: 130,
-              defaultValue: [4],
-              min: 2,
-              max: 6,
-              step: 1,
-              onValueChange: ([val]) => {
-                setSize(val);
-              },
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Track, { borderWidth: 1, borderColor: "$color5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.TrackActive, {}) }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Thumb, { circular: !0, index: 0 })
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$2", onPress: () => setProgress((prev) => (prev + 20) % 100), children: "Load" })
-        ]
-      }
-    )
-  ] });
+  }, []), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    height: 60,
+    alignItems: "center",
+    space: !0
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Paragraph, {
+    height: 30,
+    opacity: 0.5
+  }, "Size: ", size), /* @__PURE__ */ React.createElement(import_tamagui.Progress, {
+    size: sizeProp,
+    value: progress
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Progress.Indicator, {
+    animation: "bouncy"
+  }))), /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    alignItems: "center",
+    space: !0,
+    position: "absolute",
+    bottom: "$3",
+    left: "$4",
+    $xxs: {
+      display: "none"
+    }
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Slider, {
+    size: "$2",
+    width: 130,
+    defaultValue: [
+      4
+    ],
+    min: 2,
+    max: 6,
+    step: 1,
+    onValueChange: function(param) {
+      var _param = _sliced_to_array(param, 1), val = _param[0];
+      setSize(val);
+    }
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Slider.Track, {
+    borderWidth: 1,
+    borderColor: "$color5"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Slider.TrackActive, null)), /* @__PURE__ */ React.createElement(import_tamagui.Slider.Thumb, {
+    circular: !0,
+    index: 0
+  })), /* @__PURE__ */ React.createElement(import_tamagui.Button, {
+    size: "$2",
+    onPress: function() {
+      return setProgress(function(prev) {
+        return (prev + 20) % 100;
+      });
+    }
+  }, "Load")));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/ProgressDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC,kBAEpC,iBAAoE,oBAehE;AAbG,SAAS,eAAe;AAC7B,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,CAAC,GAC5B,CAAC,UAAU,WAAW,QAAI,uBAAS,EAAE,GACrC,WAAW,IAAI,IAAI;AAEzB,qCAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,EAAE,GAAG,GAAI;AACpD,WAAO,MAAM;AACX,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC,GAGH,4EACE;AAAA,iDAAC,yBAAO,QAAQ,IAAI,YAAW,UAAS,OAAK,IAC3C;AAAA,mDAAC,4BAAU,QAAQ,IAAI,SAAS,KAAK;AAAA;AAAA,QAC5B;AAAA,SACT;AAAA,MACA,4CAAC,2BAAS,MAAM,UAAU,OAAO,UAC/B,sDAAC,wBAAS,WAAT,EAAmB,WAAU,UAAS,GACzC;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,OAAK;AAAA,QACL,UAAS;AAAA,QACT,QAAO;AAAA,QACP,MAAK;AAAA,QACL,MAAM,EAAE,SAAS,OAAO;AAAA,QAExB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO;AAAA,cACP,cAAc,CAAC,CAAC;AAAA,cAChB,KAAK;AAAA,cACL,KAAK;AAAA,cACL,MAAM;AAAA,cACN,eAAe,CAAC,CAAC,GAAG,MAAM;AACxB,wBAAQ,GAAG;AAAA,cACb;AAAA,cAEA;AAAA,4DAAC,sBAAO,OAAP,EAAa,aAAa,GAAG,aAAY,WACxC,sDAAC,sBAAO,aAAP,EAAmB,GACtB;AAAA,gBACA,4CAAC,sBAAO,OAAP,EAAa,UAAQ,IAAC,OAAO,GAAG;AAAA;AAAA;AAAA,UACnC;AAAA,UAEA,4CAAC,yBAAO,MAAK,MAAK,SAAS,MAAM,YAAY,CAAC,UAAU,OAAO,MAAM,GAAG,GAAG,kBAE3E;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ProgressDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA,mBAAoC,kBAEpC,iBAAoE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE7D,SAASA,eAAAA;AACd,MAAwBC,YAAAA,qBAAAA,uBAAS,CAAA,GAAA,CAAA,GAA1BC,OAAiBD,UAAAA,CAAAA,GAAXE,UAAWF,UAAAA,CAAAA,GACQA,aAAAA,qBAAAA,uBAAS,EAAA,GAAA,CAAA,GAAlCG,WAAyBH,WAAAA,CAAAA,GAAfI,cAAeJ,WAAAA,CAAAA,GAC1BK,WAAY,IAAQ,OAALJ,IAAAA;AAErBK,qCAAU,WAAA;AACR,QAAMC,QAAQC,WAAW,WAAA;aAAMJ,YAAY,EAAA;OAAK,GAAA;AAChD,WAAO,WAAA;AACLK,mBAAaF,KAAAA;IACf;EACF,GAAG,CAAA,CAAE,GAGH,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACG,uBAAAA;IAAOC,QAAQ;IAAIC,YAAW;IAASC,OAAAA;KACtC,sBAAA,cAACC,0BAAAA;IAAUH,QAAQ;IAAII,SAAS;KAAK,UAC5Bd,IAAAA,GAET,sBAAA,cAACe,yBAAAA;IAASf,MAAMI;IAAUY,OAAOd;KAC/B,sBAAA,cAACa,wBAASE,WAAS;IAACC,WAAU;QAIlC,sBAAA,cAACC,uBAAAA;IACCR,YAAW;IACXC,OAAAA;IACAQ,UAAS;IACTC,QAAO;IACPC,MAAK;IACLC,MAAM;MAAEC,SAAS;IAAO;KAExB,sBAAA,cAACC,uBAAAA;IACCzB,MAAK;IACL0B,OAAO;IACPC,cAAc;MAAC;;IACfC,KAAK;IACLC,KAAK;IACLC,MAAM;IACNC,eAAe,SAAA,OAAA;+CAAEC,MAAAA,OAAAA,CAAAA;AACf/B,cAAQ+B,GAAAA;IACV;KAEA,sBAAA,cAACP,sBAAOQ,OAAK;IAACC,aAAa;IAAGC,aAAY;KACxC,sBAAA,cAACV,sBAAOW,aAAW,IAAA,CAAA,GAErB,sBAAA,cAACX,sBAAOY,OAAK;IAACC,UAAAA;IAASC,OAAO;OAGhC,sBAAA,cAACC,uBAAAA;IAAOxC,MAAK;IAAKyC,SAAS,WAAA;aAAMtC,YAAY,SAACuC,MAAAA;gBAAUA,OAAO,MAAM;;;KAAM,MAAA,CAAA,CAAA;AAMnF;",
+  "names": ["ProgressDemo", "useState", "size", "setSize", "progress", "setProgress", "sizeProp", "useEffect", "timer", "setTimeout", "clearTimeout", "YStack", "height", "alignItems", "space", "Paragraph", "opacity", "Progress", "value", "Indicator", "animation", "XStack", "position", "bottom", "left", "$xxs", "display", "Slider", "width", "defaultValue", "min", "max", "step", "onValueChange", "val", "Track", "borderWidth", "borderColor", "TrackActive", "Thumb", "circular", "index", "Button", "onPress", "prev"]
 }

package/dist/cjs/RadioGroupDemo.native.js

@@ -19,20 +19,44 @@ __export(RadioGroupDemo_exports, {
   RadioGroupItemWithLabel: () => RadioGroupItemWithLabel
 });
 module.exports = __toCommonJS(RadioGroupDemo_exports);
-var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
 function RadioGroupDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup, { "aria-labelledby": "Select one item", defaultValue: "3", name: "form", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: 300, alignItems: "center", space: "$2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, { size: "$3", value: "2", label: "Second value" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, { size: "$4", value: "3", label: "Third value" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, { size: "$5", value: "4", label: "Fourth value" })
-  ] }) });
+  return /* @__PURE__ */ React.createElement(import_tamagui.RadioGroup, {
+    "aria-labelledby": "Select one item",
+    defaultValue: "3",
+    name: "form"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    width: 300,
+    alignItems: "center",
+    space: "$2"
+  }, /* @__PURE__ */ React.createElement(RadioGroupItemWithLabel, {
+    size: "$3",
+    value: "2",
+    label: "Second value"
+  }), /* @__PURE__ */ React.createElement(RadioGroupItemWithLabel, {
+    size: "$4",
+    value: "3",
+    label: "Third value"
+  }), /* @__PURE__ */ React.createElement(RadioGroupItemWithLabel, {
+    size: "$5",
+    value: "4",
+    label: "Fourth value"
+  })));
 }
 function RadioGroupItemWithLabel(props) {
-  const id = `radiogroup-${props.value}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: 300, alignItems: "center", space: "$4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup.Item, { value: props.value, id, size: props.size, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup.Indicator, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { size: props.size, htmlFor: id, children: props.label })
-  ] });
+  var id = "radiogroup-".concat(props.value);
+  return /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    width: 300,
+    alignItems: "center",
+    space: "$4"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.RadioGroup.Item, {
+    value: props.value,
+    id,
+    size: props.size
+  }, /* @__PURE__ */ React.createElement(import_tamagui.RadioGroup.Indicator, null)), /* @__PURE__ */ React.createElement(import_tamagui.Label, {
+    size: props.size,
+    htmlFor: id
+  }, props.label));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/RadioGroupDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAkD,oBAK5C;AAHC,SAAS,iBAAiB;AAC/B,SACE,4CAAC,6BAAW,mBAAgB,mBAAkB,cAAa,KAAI,MAAK,QAClE,uDAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,gDAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,IAClE,4CAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,eAAc;AAAA,IACjE,4CAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,KACpE,GACF;AAEJ;AAEO,SAAS,wBAAwB,OAIrC;AACD,QAAM,KAAK,cAAc,MAAM,KAAK;AACpC,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,gDAAC,0BAAW,MAAX,EAAgB,OAAO,MAAM,OAAO,IAAQ,MAAM,MAAM,MACvD,sDAAC,0BAAW,WAAX,EAAqB,GACxB;AAAA,IAEA,4CAAC,wBAAM,MAAM,MAAM,MAAM,SAAS,IAC/B,gBAAM,OACT;AAAA,KACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/RadioGroupDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;AACA;;;;;;qBAAkD;AAE3C,SAASA,iBAAAA;AACd,SACE,sBAAA,cAACC,2BAAAA;IAAWC,mBAAgB;IAAkBC,cAAa;IAAIC,MAAK;KAClE,sBAAA,cAACC,uBAAAA;IAAOC,OAAO;IAAKC,YAAW;IAASC,OAAM;KAC5C,sBAAA,cAACC,yBAAAA;IAAwBC,MAAK;IAAKC,OAAM;IAAIC,OAAM;MACnD,sBAAA,cAACH,yBAAAA;IAAwBC,MAAK;IAAKC,OAAM;IAAIC,OAAM;MACnD,sBAAA,cAACH,yBAAAA;IAAwBC,MAAK;IAAKC,OAAM;IAAIC,OAAM;;AAI3D;AAEO,SAASH,wBAAwBI,OAIvC;AACC,MAAMC,KAAM,cAAyB,OAAZD,MAAMF,KAAK;AACpC,SACE,sBAAA,cAACI,uBAAAA;IAAOT,OAAO;IAAKC,YAAW;IAASC,OAAM;KAC5C,sBAAA,cAACP,0BAAWe,MAAI;IAACL,OAAOE,MAAMF;IAAOG;IAAQJ,MAAMG,MAAMH;KACvD,sBAAA,cAACT,0BAAWgB,WAAS,IAAA,CAAA,GAGvB,sBAAA,cAACC,sBAAAA;IAAMR,MAAMG,MAAMH;IAAMS,SAASL;KAC/BD,MAAMD,KAAK,CAAA;AAIpB;",
+  "names": ["RadioGroupDemo", "RadioGroup", "aria-labelledby", "defaultValue", "name", "YStack", "width", "alignItems", "space", "RadioGroupItemWithLabel", "size", "value", "label", "props", "id", "XStack", "Item", "Indicator", "Label", "htmlFor"]
 }

package/dist/cjs/ReplaceThemeDemo.native.js

@@ -18,10 +18,57 @@ __export(ReplaceThemeDemo_exports, {
   ReplaceThemeDemo: () => ReplaceThemeDemo
 });
 module.exports = __toCommonJS(ReplaceThemeDemo_exports);
-var import_theme = require("@tamagui/theme"), import_react = require("react"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@tamagui/theme"), import_react = require("react"), import_tamagui = require("tamagui");
+function _array_like_to_array(arr, len) {
+  (len == null || len > arr.length) && (len = arr.length);
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+function _array_with_holes(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i != null) {
+    var _arr = [], _n = !0, _d = !1, _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
+        ;
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        !_n && _i.return != null && _i.return();
+      } finally {
+        if (_d)
+          throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+function _non_iterable_rest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (o) {
+    if (typeof o == "string")
+      return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
+      return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return _array_like_to_array(o, minLen);
+  }
+}
 function ReplaceThemeDemo() {
-  const [theme, setTheme] = (0, import_react.useState)(), update = (0, import_tamagui.useForceUpdate)();
-  return (0, import_tamagui.useIsomorphicLayoutEffect)(() => {
+  var _useState = _sliced_to_array((0, import_react.useState)(), 2), theme = _useState[0], setTheme = _useState[1], update = (0, import_tamagui.useForceUpdate)();
+  return (0, import_tamagui.useIsomorphicLayoutEffect)(function() {
     (0, import_theme.addTheme)({
       name: "mytheme",
       insertCSS: !0,
@@ -30,23 +77,27 @@ function ReplaceThemeDemo() {
         color2: "green"
       }
     }), setTheme("mytheme");
-  }, []), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { alignItems: "center", space: !0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, { gap: "$5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: theme ?? null, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { borderRadius: "$8", size: 100, backgroundColor: "$color" }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Button,
-      {
-        onPress: () => {
-          (0, import_theme.replaceTheme)({
-            name: "mytheme",
-            theme: {
-              color: "blue"
-            }
-          }), update();
-        },
-        children: "Replace theme to only have $color: blue"
-      }
-    )
-  ] });
+  }, []), /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    alignItems: "center",
+    space: !0
+  }, /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    gap: "$5"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Theme, {
+    name: theme ?? null
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Square, {
+    borderRadius: "$8",
+    size: 100,
+    backgroundColor: "$color"
+  }))), /* @__PURE__ */ React.createElement(import_tamagui.Button, {
+    onPress: function() {
+      (0, import_theme.replaceTheme)({
+        name: "mytheme",
+        theme: {
+          color: "blue"
+        }
+      }), update();
+    }
+  }, "Replace theme to only have $color: blue"));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/ReplaceThemeDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAuC,2BACvC,eAAyB,kBACzB,iBAQO,oBAmBH;AAjBG,SAAS,mBAAmB;AACjC,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAc,GAClC,aAAS,+BAAe;AAE9B,uDAA0B,MAAM;AAC9B,+BAAS;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,IACF,CAAC,GACD,SAAS,SAAS;AAAA,EACpB,GAAG,CAAC,CAAC,GAGH,6CAAC,yBAAO,YAAW,UAAS,OAAK,IAC/B;AAAA,gDAAC,yBAAO,KAAI,MACV,sDAAC,wBAAM,MAAM,SAAS,MACpB,sDAAC,yBAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE,GACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,yCAAa;AAAA,YACX,MAAM;AAAA,YACN,OAAO;AAAA,cACL,OAAO;AAAA,YACT;AAAA,UACF,CAAC,GACD,OAAO;AAAA,QACT;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ReplaceThemeDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA,mBAAuC,2BACvC,eAAyB,kBACzB,iBAQO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAASA,mBAAAA;AACd,MAA0BC,YAAAA,qBAAAA,uBAAAA,GAAAA,CAAAA,GAAnBC,QAAmBD,UAAAA,CAAAA,GAAZE,WAAYF,UAAAA,CAAAA,GACpBG,aAASC,+BAAAA;AAEfC,uDAA0B,WAAA;AACxBC,+BAAS;MACPC,MAAM;MACNC,WAAW;MACXP,OAAO;QACLQ,OAAO;QACPC,QAAQ;MACV;IACF,CAAA,GACAR,SAAS,SAAA;EACX,GAAG,CAAA,CAAE,GAGH,sBAAA,cAACS,uBAAAA;IAAOC,YAAW;IAASC,OAAAA;KAC1B,sBAAA,cAACC,uBAAAA;IAAOC,KAAI;KACV,sBAAA,cAACC,sBAAAA;IAAMT,MAAMN,SAAS;KACpB,sBAAA,cAACgB,uBAAAA;IAAOC,cAAa;IAAKC,MAAM;IAAKC,iBAAgB;QAIzD,sBAAA,cAACC,uBAAAA;IACCC,SAAS,WAAA;AACPC,qCAAa;QACXhB,MAAM;QACNN,OAAO;UACLQ,OAAO;QACT;MACF,CAAA,GACAN,OAAAA;IACF;KACD,yCAAA,CAAA;AAKP;",
+  "names": ["ReplaceThemeDemo", "useState", "theme", "setTheme", "update", "useForceUpdate", "useIsomorphicLayoutEffect", "addTheme", "name", "insertCSS", "color", "color2", "YStack", "alignItems", "space", "XStack", "gap", "Theme", "Square", "borderRadius", "size", "backgroundColor", "Button", "onPress", "replaceTheme"]
 }