@tamagui/demos 1.105.1 → 1.105.3

package/dist/cjs/ProgressDemo.js

@@ -19,25 +19,25 @@ __export(ProgressDemo_exports, {
 module.exports = __toCommonJS(ProgressDemo_exports);
 var import_react = require("react"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function ProgressDemo() {
-  const [size, setSize] = (0, import_react.useState)(4), [progress, setProgress] = (0, import_react.useState)(20), sizeProp = `$${size}`;
+  const [key, setKey] = (0, import_react.useState)(0), [size, setSize] = (0, import_react.useState)(4), [progress, setProgress] = (0, import_react.useState)(0), sizeProp = `$${size}`;
   return (0, import_react.useEffect)(() => {
     const timer = setTimeout(() => setProgress(60), 1e3);
     return () => {
       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.YStack, { height: 60, alignItems: "center", gap: "$4", 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.jsx)(import_tamagui.Progress, { size: sizeProp, value: progress, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Progress.Indicator, { animation: "bouncy" }) }, key)
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       import_tamagui.XStack,
       {
         alignItems: "center",
-        space: !0,
+        gap: "$2",
         position: "absolute",
         bottom: "$3",
         left: "$4",
@@ -61,7 +61,17 @@ function ProgressDemo() {
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$2", onPress: () => setProgress((prev) => (prev + 20) % 100), children: "Load" })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$2", onPress: () => setProgress((prev) => (prev + 20) % 100), children: "Load" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_tamagui.Button,
+            {
+              size: "$2",
+              onPress: () => {
+                setKey(Math.random()), setProgress(0);
+              },
+              children: "Reset"
+            }
+          )
         ]
       }
     )

package/dist/cjs/ProgressDemo.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;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC,kBAEpC,iBAAoE,oBAgBhE;AAdG,SAAS,eAAe;AAC7B,QAAM,CAAC,KAAK,MAAM,QAAI,uBAAS,CAAC,GAC1B,CAAC,MAAM,OAAO,QAAI,uBAAS,CAAC,GAC5B,CAAC,UAAU,WAAW,QAAI,uBAAS,CAAC,GACpC,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,KAAI,MAC1C;AAAA,mDAAC,4BAAU,QAAQ,IAAI,SAAS,KAAK;AAAA;AAAA,QAC5B;AAAA,SACT;AAAA,MACA,4CAAC,2BAAmB,MAAM,UAAU,OAAO,UACzC,sDAAC,wBAAS,WAAT,EAAmB,WAAU,UAAS,KAD1B,GAEf;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,KAAI;AAAA,QACJ,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,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS,MAAM;AACb,uBAAO,KAAK,OAAO,CAAC,GACpB,YAAY,CAAC;AAAA,cACf;AAAA,cACD;AAAA;AAAA,UAED;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/cjs/ProgressDemo.native.js

@@ -61,7 +61,7 @@ function _unsupported_iterable_to_array(o, minLen) {
   }
 }
 function ProgressDemo() {
-  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);
+  var _useState = _sliced_to_array((0, import_react.useState)(0), 2), key = _useState[0], setKey = _useState[1], _useState1 = _sliced_to_array((0, import_react.useState)(4), 2), size = _useState1[0], setSize = _useState1[1], _useState2 = _sliced_to_array((0, import_react.useState)(0), 2), progress = _useState2[0], setProgress = _useState2[1], sizeProp = "$".concat(size);
   return (0, import_react.useEffect)(function() {
     var timer = setTimeout(function() {
       return setProgress(60);
@@ -74,7 +74,7 @@ function ProgressDemo() {
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
         height: 60,
         alignItems: "center",
-        space: !0,
+        gap: "$4",
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Paragraph, {
             height: 30,
@@ -90,12 +90,12 @@ function ProgressDemo() {
             children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Progress.Indicator, {
               animation: "bouncy"
             })
-          })
+          }, key)
         ]
       }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
         alignItems: "center",
-        space: !0,
+        gap: "$2",
         position: "absolute",
         bottom: "$3",
         left: "$4",
@@ -136,6 +136,13 @@ function ProgressDemo() {
               });
             },
             children: "Load"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+            size: "$2",
+            onPress: function() {
+              setKey(Math.random()), setProgress(0);
+            },
+            children: "Reset"
           })
         ]
       })

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/ProgressDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,eAAoC,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,uCAAAG,MAAA,mBAAAC,UAAA;;MACE,uCAAAD,MAACE,uBAAAA;QAAOC,QAAQ;QAAIC,YAAW;QAASC,OAAK;;UAC3C,uCAAAL,MAACM,0BAAAA;YAAUH,QAAQ;YAAII,SAAS;;cAAK;cAC5BhB;;;UAET,uCAAAiB,KAACC,yBAAAA;YAASlB,MAAMI;YAAUe,OAAOjB;sBAC/B,uCAAAe,KAACC,wBAASE,WAAS;cAACC,WAAU;;;;;MAIlC,uCAAAZ,MAACa,uBAAAA;QACCT,YAAW;QACXC,OAAK;QACLS,UAAS;QACTC,QAAO;QACPC,MAAK;QACLC,MAAM;UAAEC,SAAS;QAAO;;UAExB,uCAAAlB,MAACmB,uBAAAA;YACC5B,MAAK;YACL6B,OAAO;YACPC,cAAc;cAAC;;YACfC,KAAK;YACLC,KAAK;YACLC,MAAM;YACNC,eAAe,SAAA,OAAA;uDAAEC,MAAAA,OAAAA,CAAAA;AACflC,sBAAQkC,GAAAA;YACV;;cAEA,uCAAAlB,KAACW,sBAAOQ,OAAK;gBAACC,aAAa;gBAAGC,aAAY;0BACxC,uCAAArB,KAACW,sBAAOW,aAAW,CAAA,CAAA;;cAErB,uCAAAtB,KAACW,sBAAOY,OAAK;gBAACC,UAAQ;gBAACC,OAAO;;;;UAGhC,uCAAAzB,KAAC0B,uBAAAA;YAAO3C,MAAK;YAAK4C,SAAS,WAAA;qBAAMzC,YAAY,SAAC0C,MAAAA;wBAAUA,OAAO,MAAM;;;sBAAM;;;;;;AAMnF;",
-  "names": ["ProgressDemo", "useState", "size", "setSize", "progress", "setProgress", "sizeProp", "useEffect", "timer", "setTimeout", "clearTimeout", "_jsxs", "_Fragment", "YStack", "height", "alignItems", "space", "Paragraph", "opacity", "_jsx", "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"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,eAAoC,kBAEpC,iBAAoE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE7D,SAASA,eAAAA;AACd,MAAsBC,YAAAA,qBAAAA,uBAAS,CAAA,GAAA,CAAA,GAAxBC,MAAeD,UAAAA,CAAAA,GAAVE,SAAUF,UAAAA,CAAAA,GACEA,aAAAA,qBAAAA,uBAAS,CAAA,GAAA,CAAA,GAA1BG,OAAiBH,WAAAA,CAAAA,GAAXI,UAAWJ,WAAAA,CAAAA,GACQA,aAAAA,qBAAAA,uBAAS,CAAA,GAAA,CAAA,GAAlCK,WAAyBL,WAAAA,CAAAA,GAAfM,cAAeN,WAAAA,CAAAA,GAC1BO,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,uCAAAG,MAAA,mBAAAC,UAAA;;MACE,uCAAAD,MAACE,uBAAAA;QAAOC,QAAQ;QAAIC,YAAW;QAASC,KAAI;;UAC1C,uCAAAL,MAACM,0BAAAA;YAAUH,QAAQ;YAAII,SAAS;;cAAK;cAC5BhB;;;UAET,uCAAAiB,KAACC,yBAAAA;YAAmBlB,MAAMI;YAAUe,OAAOjB;sBACzC,uCAAAe,KAACC,wBAASE,WAAS;cAACC,WAAU;;aADjBvB,GAAAA;;;MAKjB,uCAAAW,MAACa,uBAAAA;QACCT,YAAW;QACXC,KAAI;QACJS,UAAS;QACTC,QAAO;QACPC,MAAK;QACLC,MAAM;UAAEC,SAAS;QAAO;;UAExB,uCAAAlB,MAACmB,uBAAAA;YACC5B,MAAK;YACL6B,OAAO;YACPC,cAAc;cAAC;;YACfC,KAAK;YACLC,KAAK;YACLC,MAAM;YACNC,eAAe,SAAA,OAAA;uDAAEC,MAAAA,OAAAA,CAAAA;AACflC,sBAAQkC,GAAAA;YACV;;cAEA,uCAAAlB,KAACW,sBAAOQ,OAAK;gBAACC,aAAa;gBAAGC,aAAY;0BACxC,uCAAArB,KAACW,sBAAOW,aAAW,CAAA,CAAA;;cAErB,uCAAAtB,KAACW,sBAAOY,OAAK;gBAACC,UAAQ;gBAACC,OAAO;;;;UAGhC,uCAAAzB,KAAC0B,uBAAAA;YAAO3C,MAAK;YAAK4C,SAAS,WAAA;qBAAMzC,YAAY,SAAC0C,MAAAA;wBAAUA,OAAO,MAAM;;;sBAAM;;UAG3E,uCAAA5B,KAAC0B,uBAAAA;YACC3C,MAAK;YACL4C,SAAS,WAAA;AACP7C,qBAAO+C,KAAKC,OAAM,CAAA,GAClB5C,YAAY,CAAA;YACd;sBACD;;;;;;AAMT;",
+  "names": ["ProgressDemo", "useState", "key", "setKey", "size", "setSize", "progress", "setProgress", "sizeProp", "useEffect", "timer", "setTimeout", "clearTimeout", "_jsxs", "_Fragment", "YStack", "height", "alignItems", "gap", "Paragraph", "opacity", "_jsx", "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", "Math", "random"]
 }

package/dist/esm/ProgressDemo.js

@@ -2,25 +2,25 @@ import { useEffect, useState } from "react";
 import { Button, Paragraph, Progress, Slider, XStack, YStack } from "tamagui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function ProgressDemo() {
-  const [size, setSize] = useState(4), [progress, setProgress] = useState(20), sizeProp = `$${size}`;
+  const [key, setKey] = useState(0), [size, setSize] = useState(4), [progress, setProgress] = useState(0), sizeProp = `$${size}`;
   return useEffect(() => {
     const timer = setTimeout(() => setProgress(60), 1e3);
     return () => {
       clearTimeout(timer);
     };
   }, []), /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(YStack, { height: 60, alignItems: "center", space: !0, children: [
+    /* @__PURE__ */ jsxs(YStack, { height: 60, alignItems: "center", gap: "$4", children: [
       /* @__PURE__ */ jsxs(Paragraph, { height: 30, opacity: 0.5, children: [
         "Size: ",
         size
       ] }),
-      /* @__PURE__ */ jsx(Progress, { size: sizeProp, value: progress, children: /* @__PURE__ */ jsx(Progress.Indicator, { animation: "bouncy" }) })
+      /* @__PURE__ */ jsx(Progress, { size: sizeProp, value: progress, children: /* @__PURE__ */ jsx(Progress.Indicator, { animation: "bouncy" }) }, key)
     ] }),
     /* @__PURE__ */ jsxs(
       XStack,
       {
         alignItems: "center",
-        space: !0,
+        gap: "$2",
         position: "absolute",
         bottom: "$3",
         left: "$4",
@@ -44,7 +44,17 @@ function ProgressDemo() {
               ]
             }
           ),
-          /* @__PURE__ */ jsx(Button, { size: "$2", onPress: () => setProgress((prev) => (prev + 20) % 100), children: "Load" })
+          /* @__PURE__ */ jsx(Button, { size: "$2", onPress: () => setProgress((prev) => (prev + 20) % 100), children: "Load" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "$2",
+              onPress: () => {
+                setKey(Math.random()), setProgress(0);
+              },
+              children: "Reset"
+            }
+          )
         ]
       }
     )

package/dist/esm/ProgressDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ProgressDemo.tsx"],
-  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AAEpC,SAAS,QAAQ,WAAW,UAAU,QAAQ,QAAQ,cAAc;AAehE,mBAMM,KAJF,YAFJ;AAbG,SAAS,eAAe;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC,GAC5B,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE,GACrC,WAAW,IAAI,IAAI;AAEzB,mBAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,EAAE,GAAG,GAAI;AACpD,WAAO,MAAM;AACX,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC,GAGH,iCACE;AAAA,yBAAC,UAAO,QAAQ,IAAI,YAAW,UAAS,OAAK,IAC3C;AAAA,2BAAC,aAAU,QAAQ,IAAI,SAAS,KAAK;AAAA;AAAA,QAC5B;AAAA,SACT;AAAA,MACA,oBAAC,YAAS,MAAM,UAAU,OAAO,UAC/B,8BAAC,SAAS,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,oCAAC,OAAO,OAAP,EAAa,aAAa,GAAG,aAAY,WACxC,8BAAC,OAAO,aAAP,EAAmB,GACtB;AAAA,gBACA,oBAAC,OAAO,OAAP,EAAa,UAAQ,IAAC,OAAO,GAAG;AAAA;AAAA;AAAA,UACnC;AAAA,UAEA,oBAAC,UAAO,MAAK,MAAK,SAAS,MAAM,YAAY,CAAC,UAAU,OAAO,MAAM,GAAG,GAAG,kBAE3E;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
+  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AAEpC,SAAS,QAAQ,WAAW,UAAU,QAAQ,QAAQ,cAAc;AAgBhE,mBAMM,KAJF,YAFJ;AAdG,SAAS,eAAe;AAC7B,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,CAAC,GAC1B,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC,GAC5B,CAAC,UAAU,WAAW,IAAI,SAAS,CAAC,GACpC,WAAW,IAAI,IAAI;AAEzB,mBAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,EAAE,GAAG,GAAI;AACpD,WAAO,MAAM;AACX,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC,GAGH,iCACE;AAAA,yBAAC,UAAO,QAAQ,IAAI,YAAW,UAAS,KAAI,MAC1C;AAAA,2BAAC,aAAU,QAAQ,IAAI,SAAS,KAAK;AAAA;AAAA,QAC5B;AAAA,SACT;AAAA,MACA,oBAAC,YAAmB,MAAM,UAAU,OAAO,UACzC,8BAAC,SAAS,WAAT,EAAmB,WAAU,UAAS,KAD1B,GAEf;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,KAAI;AAAA,QACJ,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,oCAAC,OAAO,OAAP,EAAa,aAAa,GAAG,aAAY,WACxC,8BAAC,OAAO,aAAP,EAAmB,GACtB;AAAA,gBACA,oBAAC,OAAO,OAAP,EAAa,UAAQ,IAAC,OAAO,GAAG;AAAA;AAAA;AAAA,UACnC;AAAA,UAEA,oBAAC,UAAO,MAAK,MAAK,SAAS,MAAM,YAAY,CAAC,UAAU,OAAO,MAAM,GAAG,GAAG,kBAE3E;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS,MAAM;AACb,uBAAO,KAAK,OAAO,CAAC,GACpB,YAAY,CAAC;AAAA,cACf;AAAA,cACD;AAAA;AAAA,UAED;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/esm/ProgressDemo.mjs

@@ -2,8 +2,9 @@ import { useEffect, useState } from "react";
 import { Button, Paragraph, Progress, Slider, XStack, YStack } from "tamagui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function ProgressDemo() {
-  const [size, setSize] = useState(4),
-    [progress, setProgress] = useState(20),
+  const [key, setKey] = useState(0),
+    [size, setSize] = useState(4),
+    [progress, setProgress] = useState(0),
     sizeProp = `$${size}`;
   return useEffect(() => {
     const timer = setTimeout(() => setProgress(60), 1e3);
@@ -14,7 +15,7 @@ function ProgressDemo() {
     children: [/* @__PURE__ */jsxs(YStack, {
       height: 60,
       alignItems: "center",
-      space: !0,
+      gap: "$4",
       children: [/* @__PURE__ */jsxs(Paragraph, {
         height: 30,
         opacity: 0.5,
@@ -25,10 +26,10 @@ function ProgressDemo() {
         children: /* @__PURE__ */jsx(Progress.Indicator, {
           animation: "bouncy"
         })
-      })]
+      }, key)]
     }), /* @__PURE__ */jsxs(XStack, {
       alignItems: "center",
-      space: !0,
+      gap: "$2",
       position: "absolute",
       bottom: "$3",
       left: "$4",
@@ -57,6 +58,12 @@ function ProgressDemo() {
         size: "$2",
         onPress: () => setProgress(prev => (prev + 20) % 100),
         children: "Load"
+      }), /* @__PURE__ */jsx(Button, {
+        size: "$2",
+        onPress: () => {
+          setKey(Math.random()), setProgress(0);
+        },
+        children: "Reset"
       })]
     })]
   });

package/dist/esm/ProgressDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","Button","Paragraph","Progress","Slider","XStack","YStack","Fragment","jsx","jsxs","ProgressDemo","size","setSize","progress","setProgress","sizeProp","timer","setTimeout","clearTimeout","children","height","alignItems","space","opacity","value","Indicator","animation","position","bottom","left","$xxs","display","width","defaultValue","min","max","step","onValueChange","val","Track","borderWidth","borderColor","TrackActive","Thumb","circular","index","onPress","prev"],"sources":["../../src/ProgressDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,QAAA,QAAgB;AAEpC,SAASC,MAAA,EAAQC,SAAA,EAAWC,QAAA,EAAUC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAehE,SAAAC,QAAA,EAMMC,GAAA,EAJFC,IAAA,QAFJ;AAbG,SAASC,aAAA,EAAe;EAC7B,MAAM,CAACC,IAAA,EAAMC,OAAO,IAAIZ,QAAA,CAAS,CAAC;IAC5B,CAACa,QAAA,EAAUC,WAAW,IAAId,QAAA,CAAS,EAAE;IACrCe,QAAA,GAAW,IAAIJ,IAAI;EAEzB,OAAAZ,SAAA,CAAU,MAAM;IACd,MAAMiB,KAAA,GAAQC,UAAA,CAAW,MAAMH,WAAA,CAAY,EAAE,GAAG,GAAI;IACpD,OAAO,MAAM;MACXI,YAAA,CAAaF,KAAK;IACpB;EACF,GAAG,EAAE,GAGH,eAAAP,IAAA,CAAAF,QAAA;IACEY,QAAA,kBAAAV,IAAA,CAACH,MAAA;MAAOc,MAAA,EAAQ;MAAIC,UAAA,EAAW;MAASC,KAAA,EAAK;MAC3CH,QAAA,kBAAAV,IAAA,CAACP,SAAA;QAAUkB,MAAA,EAAQ;QAAIG,OAAA,EAAS;QAAKJ,QAAA,aAC5BR,IAAA;MAAA,CACT,GACA,eAAAH,GAAA,CAACL,QAAA;QAASQ,IAAA,EAAMI,QAAA;QAAUS,KAAA,EAAOX,QAAA;QAC/BM,QAAA,iBAAAX,GAAA,CAACL,QAAA,CAASsB,SAAA,EAAT;UAAmBC,SAAA,EAAU;QAAA,CAAS;MAAA,CACzC;IAAA,CACF,GAEA,eAAAjB,IAAA,CAACJ,MAAA;MACCgB,UAAA,EAAW;MACXC,KAAA,EAAK;MACLK,QAAA,EAAS;MACTC,MAAA,EAAO;MACPC,IAAA,EAAK;MACLC,IAAA,EAAM;QAAEC,OAAA,EAAS;MAAO;MAExBZ,QAAA,kBAAAV,IAAA,CAACL,MAAA;QACCO,IAAA,EAAK;QACLqB,KAAA,EAAO;QACPC,YAAA,EAAc,CAAC,CAAC;QAChBC,GAAA,EAAK;QACLC,GAAA,EAAK;QACLC,IAAA,EAAM;QACNC,aAAA,EAAeA,CAAC,CAACC,GAAG,MAAM;UACxB1B,OAAA,CAAQ0B,GAAG;QACb;QAEAnB,QAAA,kBAAAX,GAAA,CAACJ,MAAA,CAAOmC,KAAA,EAAP;UAAaC,WAAA,EAAa;UAAGC,WAAA,EAAY;UACxCtB,QAAA,iBAAAX,GAAA,CAACJ,MAAA,CAAOsC,WAAA,EAAP,EAAmB;QAAA,CACtB,GACA,eAAAlC,GAAA,CAACJ,MAAA,CAAOuC,KAAA,EAAP;UAAaC,QAAA,EAAQ;UAACC,KAAA,EAAO;QAAA,CAAG;MAAA,CACnC,GAEA,eAAArC,GAAA,CAACP,MAAA;QAAOU,IAAA,EAAK;QAAKmC,OAAA,EAASA,CAAA,KAAMhC,WAAA,CAAaiC,IAAA,KAAUA,IAAA,GAAO,MAAM,GAAG;QAAG5B,QAAA;MAAA,CAE3E;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["useEffect","useState","Button","Paragraph","Progress","Slider","XStack","YStack","Fragment","jsx","jsxs","ProgressDemo","key","setKey","size","setSize","progress","setProgress","sizeProp","timer","setTimeout","clearTimeout","children","height","alignItems","gap","opacity","value","Indicator","animation","position","bottom","left","$xxs","display","width","defaultValue","min","max","step","onValueChange","val","Track","borderWidth","borderColor","TrackActive","Thumb","circular","index","onPress","prev","Math","random"],"sources":["../../src/ProgressDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,QAAA,QAAgB;AAEpC,SAASC,MAAA,EAAQC,SAAA,EAAWC,QAAA,EAAUC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAgBhE,SAAAC,QAAA,EAMMC,GAAA,EAJFC,IAAA,QAFJ;AAdG,SAASC,aAAA,EAAe;EAC7B,MAAM,CAACC,GAAA,EAAKC,MAAM,IAAIZ,QAAA,CAAS,CAAC;IAC1B,CAACa,IAAA,EAAMC,OAAO,IAAId,QAAA,CAAS,CAAC;IAC5B,CAACe,QAAA,EAAUC,WAAW,IAAIhB,QAAA,CAAS,CAAC;IACpCiB,QAAA,GAAW,IAAIJ,IAAI;EAEzB,OAAAd,SAAA,CAAU,MAAM;IACd,MAAMmB,KAAA,GAAQC,UAAA,CAAW,MAAMH,WAAA,CAAY,EAAE,GAAG,GAAI;IACpD,OAAO,MAAM;MACXI,YAAA,CAAaF,KAAK;IACpB;EACF,GAAG,EAAE,GAGH,eAAAT,IAAA,CAAAF,QAAA;IACEc,QAAA,kBAAAZ,IAAA,CAACH,MAAA;MAAOgB,MAAA,EAAQ;MAAIC,UAAA,EAAW;MAASC,GAAA,EAAI;MAC1CH,QAAA,kBAAAZ,IAAA,CAACP,SAAA;QAAUoB,MAAA,EAAQ;QAAIG,OAAA,EAAS;QAAKJ,QAAA,aAC5BR,IAAA;MAAA,CACT,GACA,eAAAL,GAAA,CAACL,QAAA;QAAmBU,IAAA,EAAMI,QAAA;QAAUS,KAAA,EAAOX,QAAA;QACzCM,QAAA,iBAAAb,GAAA,CAACL,QAAA,CAASwB,SAAA,EAAT;UAAmBC,SAAA,EAAU;QAAA,CAAS;MAAA,GAD1BjB,GAEf;IAAA,CACF,GAEA,eAAAF,IAAA,CAACJ,MAAA;MACCkB,UAAA,EAAW;MACXC,GAAA,EAAI;MACJK,QAAA,EAAS;MACTC,MAAA,EAAO;MACPC,IAAA,EAAK;MACLC,IAAA,EAAM;QAAEC,OAAA,EAAS;MAAO;MAExBZ,QAAA,kBAAAZ,IAAA,CAACL,MAAA;QACCS,IAAA,EAAK;QACLqB,KAAA,EAAO;QACPC,YAAA,EAAc,CAAC,CAAC;QAChBC,GAAA,EAAK;QACLC,GAAA,EAAK;QACLC,IAAA,EAAM;QACNC,aAAA,EAAeA,CAAC,CAACC,GAAG,MAAM;UACxB1B,OAAA,CAAQ0B,GAAG;QACb;QAEAnB,QAAA,kBAAAb,GAAA,CAACJ,MAAA,CAAOqC,KAAA,EAAP;UAAaC,WAAA,EAAa;UAAGC,WAAA,EAAY;UACxCtB,QAAA,iBAAAb,GAAA,CAACJ,MAAA,CAAOwC,WAAA,EAAP,EAAmB;QAAA,CACtB,GACA,eAAApC,GAAA,CAACJ,MAAA,CAAOyC,KAAA,EAAP;UAAaC,QAAA,EAAQ;UAACC,KAAA,EAAO;QAAA,CAAG;MAAA,CACnC,GAEA,eAAAvC,GAAA,CAACP,MAAA;QAAOY,IAAA,EAAK;QAAKmC,OAAA,EAASA,CAAA,KAAMhC,WAAA,CAAaiC,IAAA,KAAUA,IAAA,GAAO,MAAM,GAAG;QAAG5B,QAAA;MAAA,CAE3E,GACA,eAAAb,GAAA,CAACP,MAAA;QACCY,IAAA,EAAK;QACLmC,OAAA,EAASA,CAAA,KAAM;UACbpC,MAAA,CAAOsC,IAAA,CAAKC,MAAA,CAAO,CAAC,GACpBnC,WAAA,CAAY,CAAC;QACf;QACDK,QAAA;MAAA,CAED;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/ProgressDemo.native.js

@@ -43,7 +43,7 @@ function _unsupported_iterable_to_array(o, minLen) {
   }
 }
 function ProgressDemo() {
-  var _useState = _sliced_to_array(useState(4), 2), size = _useState[0], setSize = _useState[1], _useState1 = _sliced_to_array(useState(20), 2), progress = _useState1[0], setProgress = _useState1[1], sizeProp = "$".concat(size);
+  var _useState = _sliced_to_array(useState(0), 2), key = _useState[0], setKey = _useState[1], _useState1 = _sliced_to_array(useState(4), 2), size = _useState1[0], setSize = _useState1[1], _useState2 = _sliced_to_array(useState(0), 2), progress = _useState2[0], setProgress = _useState2[1], sizeProp = "$".concat(size);
   return useEffect(function() {
     var timer = setTimeout(function() {
       return setProgress(60);
@@ -56,7 +56,7 @@ function ProgressDemo() {
       /* @__PURE__ */ _jsxs(YStack, {
         height: 60,
         alignItems: "center",
-        space: !0,
+        gap: "$4",
         children: [
           /* @__PURE__ */ _jsxs(Paragraph, {
             height: 30,
@@ -72,12 +72,12 @@ function ProgressDemo() {
             children: /* @__PURE__ */ _jsx(Progress.Indicator, {
               animation: "bouncy"
             })
-          })
+          }, key)
         ]
       }),
       /* @__PURE__ */ _jsxs(XStack, {
         alignItems: "center",
-        space: !0,
+        gap: "$2",
         position: "absolute",
         bottom: "$3",
         left: "$4",
@@ -118,6 +118,13 @@ function ProgressDemo() {
               });
             },
             children: "Load"
+          }),
+          /* @__PURE__ */ _jsx(Button, {
+            size: "$2",
+            onPress: function() {
+              setKey(Math.random()), setProgress(0);
+            },
+            children: "Reset"
           })
         ]
       })

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/ProgressDemo.tsx"],
-  "mappings": ";AAAA,SAASA,WAAWC,gBAAgB;AAEpC,SAASC,QAAQC,WAAWC,UAAUC,QAAQC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE7D,SAASC,eAAAA;AACd,MAAwBP,YAAAA,iBAAAA,SAAS,CAAA,GAAA,CAAA,GAA1BQ,OAAiBR,UAAAA,CAAAA,GAAXS,UAAWT,UAAAA,CAAAA,GACQA,aAAAA,iBAAAA,SAAS,EAAA,GAAA,CAAA,GAAlCU,WAAyBV,WAAAA,CAAAA,GAAfW,cAAeX,WAAAA,CAAAA,GAC1BY,WAAY,IAAQ,OAALJ,IAAAA;AAErBT,mBAAU,WAAA;AACR,QAAMc,QAAQC,WAAW,WAAA;aAAMH,YAAY,EAAA;OAAK,GAAA;AAChD,WAAO,WAAA;AACLI,mBAAaF,KAAAA;IACf;EACF,GAAG,CAAA,CAAE,GAGH,sBAAA,WAAA;;MACE,sBAACP,QAAAA;QAAOU,QAAQ;QAAIC,YAAW;QAASC,OAAK;;UAC3C,sBAAChB,WAAAA;YAAUc,QAAQ;YAAIG,SAAS;;cAAK;cAC5BX;;;UAET,qBAACL,UAAAA;YAASK,MAAMI;YAAUQ,OAAOV;sBAC/B,qBAACP,SAASkB,WAAS;cAACC,WAAU;;;;;MAIlC,sBAACjB,QAAAA;QACCY,YAAW;QACXC,OAAK;QACLK,UAAS;QACTC,QAAO;QACPC,MAAK;QACLC,MAAM;UAAEC,SAAS;QAAO;;UAExB,sBAACvB,QAAAA;YACCI,MAAK;YACLoB,OAAO;YACPC,cAAc;cAAC;;YACfC,KAAK;YACLC,KAAK;YACLC,MAAM;YACNC,eAAe,SAAA,OAAA;uDAAEC,MAAAA,OAAAA,CAAAA;AACfzB,sBAAQyB,GAAAA;YACV;;cAEA,qBAAC9B,OAAO+B,OAAK;gBAACC,aAAa;gBAAGC,aAAY;0BACxC,qBAACjC,OAAOkC,aAAW,CAAA,CAAA;;cAErB,qBAAClC,OAAOmC,OAAK;gBAACC,UAAQ;gBAACC,OAAO;;;;UAGhC,qBAACxC,QAAAA;YAAOO,MAAK;YAAKkC,SAAS,WAAA;qBAAM/B,YAAY,SAACgC,MAAAA;wBAAUA,OAAO,MAAM;;;sBAAM;;;;;;AAMnF;",
-  "names": ["useEffect", "useState", "Button", "Paragraph", "Progress", "Slider", "XStack", "YStack", "ProgressDemo", "size", "setSize", "progress", "setProgress", "sizeProp", "timer", "setTimeout", "clearTimeout", "height", "alignItems", "space", "opacity", "value", "Indicator", "animation", "position", "bottom", "left", "$xxs", "display", "width", "defaultValue", "min", "max", "step", "onValueChange", "val", "Track", "borderWidth", "borderColor", "TrackActive", "Thumb", "circular", "index", "onPress", "prev"]
+  "mappings": ";AAAA,SAASA,WAAWC,gBAAgB;AAEpC,SAASC,QAAQC,WAAWC,UAAUC,QAAQC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE7D,SAASC,eAAAA;AACd,MAAsBP,YAAAA,iBAAAA,SAAS,CAAA,GAAA,CAAA,GAAxBQ,MAAeR,UAAAA,CAAAA,GAAVS,SAAUT,UAAAA,CAAAA,GACEA,aAAAA,iBAAAA,SAAS,CAAA,GAAA,CAAA,GAA1BU,OAAiBV,WAAAA,CAAAA,GAAXW,UAAWX,WAAAA,CAAAA,GACQA,aAAAA,iBAAAA,SAAS,CAAA,GAAA,CAAA,GAAlCY,WAAyBZ,WAAAA,CAAAA,GAAfa,cAAeb,WAAAA,CAAAA,GAC1Bc,WAAY,IAAQ,OAALJ,IAAAA;AAErBX,mBAAU,WAAA;AACR,QAAMgB,QAAQC,WAAW,WAAA;aAAMH,YAAY,EAAA;OAAK,GAAA;AAChD,WAAO,WAAA;AACLI,mBAAaF,KAAAA;IACf;EACF,GAAG,CAAA,CAAE,GAGH,sBAAA,WAAA;;MACE,sBAACT,QAAAA;QAAOY,QAAQ;QAAIC,YAAW;QAASC,KAAI;;UAC1C,sBAAClB,WAAAA;YAAUgB,QAAQ;YAAIG,SAAS;;cAAK;cAC5BX;;;UAET,qBAACP,UAAAA;YAAmBO,MAAMI;YAAUQ,OAAOV;sBACzC,qBAACT,SAASoB,WAAS;cAACC,WAAU;;aADjBhB,GAAAA;;;MAKjB,sBAACH,QAAAA;QACCc,YAAW;QACXC,KAAI;QACJK,UAAS;QACTC,QAAO;QACPC,MAAK;QACLC,MAAM;UAAEC,SAAS;QAAO;;UAExB,sBAACzB,QAAAA;YACCM,MAAK;YACLoB,OAAO;YACPC,cAAc;cAAC;;YACfC,KAAK;YACLC,KAAK;YACLC,MAAM;YACNC,eAAe,SAAA,OAAA;uDAAEC,MAAAA,OAAAA,CAAAA;AACfzB,sBAAQyB,GAAAA;YACV;;cAEA,qBAAChC,OAAOiC,OAAK;gBAACC,aAAa;gBAAGC,aAAY;0BACxC,qBAACnC,OAAOoC,aAAW,CAAA,CAAA;;cAErB,qBAACpC,OAAOqC,OAAK;gBAACC,UAAQ;gBAACC,OAAO;;;;UAGhC,qBAAC1C,QAAAA;YAAOS,MAAK;YAAKkC,SAAS,WAAA;qBAAM/B,YAAY,SAACgC,MAAAA;wBAAUA,OAAO,MAAM;;;sBAAM;;UAG3E,qBAAC5C,QAAAA;YACCS,MAAK;YACLkC,SAAS,WAAA;AACPnC,qBAAOqC,KAAKC,OAAM,CAAA,GAClBlC,YAAY,CAAA;YACd;sBACD;;;;;;AAMT;",
+  "names": ["useEffect", "useState", "Button", "Paragraph", "Progress", "Slider", "XStack", "YStack", "ProgressDemo", "key", "setKey", "size", "setSize", "progress", "setProgress", "sizeProp", "timer", "setTimeout", "clearTimeout", "height", "alignItems", "gap", "opacity", "value", "Indicator", "animation", "position", "bottom", "left", "$xxs", "display", "width", "defaultValue", "min", "max", "step", "onValueChange", "val", "Track", "borderWidth", "borderColor", "TrackActive", "Thumb", "circular", "index", "onPress", "prev", "Math", "random"]
 }

package/dist/jsx/ProgressDemo.js

@@ -2,25 +2,25 @@ import { useEffect, useState } from "react";
 import { Button, Paragraph, Progress, Slider, XStack, YStack } from "tamagui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function ProgressDemo() {
-  const [size, setSize] = useState(4), [progress, setProgress] = useState(20), sizeProp = `$${size}`;
+  const [key, setKey] = useState(0), [size, setSize] = useState(4), [progress, setProgress] = useState(0), sizeProp = `$${size}`;
   return useEffect(() => {
     const timer = setTimeout(() => setProgress(60), 1e3);
     return () => {
       clearTimeout(timer);
     };
   }, []), /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(YStack, { height: 60, alignItems: "center", space: !0, children: [
+    /* @__PURE__ */ jsxs(YStack, { height: 60, alignItems: "center", gap: "$4", children: [
       /* @__PURE__ */ jsxs(Paragraph, { height: 30, opacity: 0.5, children: [
         "Size: ",
         size
       ] }),
-      /* @__PURE__ */ jsx(Progress, { size: sizeProp, value: progress, children: /* @__PURE__ */ jsx(Progress.Indicator, { animation: "bouncy" }) })
+      /* @__PURE__ */ jsx(Progress, { size: sizeProp, value: progress, children: /* @__PURE__ */ jsx(Progress.Indicator, { animation: "bouncy" }) }, key)
     ] }),
     /* @__PURE__ */ jsxs(
       XStack,
       {
         alignItems: "center",
-        space: !0,
+        gap: "$2",
         position: "absolute",
         bottom: "$3",
         left: "$4",
@@ -44,7 +44,17 @@ function ProgressDemo() {
               ]
             }
           ),
-          /* @__PURE__ */ jsx(Button, { size: "$2", onPress: () => setProgress((prev) => (prev + 20) % 100), children: "Load" })
+          /* @__PURE__ */ jsx(Button, { size: "$2", onPress: () => setProgress((prev) => (prev + 20) % 100), children: "Load" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "$2",
+              onPress: () => {
+                setKey(Math.random()), setProgress(0);
+              },
+              children: "Reset"
+            }
+          )
         ]
       }
     )

package/dist/jsx/ProgressDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ProgressDemo.tsx"],
-  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AAEpC,SAAS,QAAQ,WAAW,UAAU,QAAQ,QAAQ,cAAc;AAehE,mBAMM,KAJF,YAFJ;AAbG,SAAS,eAAe;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC,GAC5B,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE,GACrC,WAAW,IAAI,IAAI;AAEzB,mBAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,EAAE,GAAG,GAAI;AACpD,WAAO,MAAM;AACX,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC,GAGH,iCACE;AAAA,yBAAC,UAAO,QAAQ,IAAI,YAAW,UAAS,OAAK,IAC3C;AAAA,2BAAC,aAAU,QAAQ,IAAI,SAAS,KAAK;AAAA;AAAA,QAC5B;AAAA,SACT;AAAA,MACA,oBAAC,YAAS,MAAM,UAAU,OAAO,UAC/B,8BAAC,SAAS,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,oCAAC,OAAO,OAAP,EAAa,aAAa,GAAG,aAAY,WACxC,8BAAC,OAAO,aAAP,EAAmB,GACtB;AAAA,gBACA,oBAAC,OAAO,OAAP,EAAa,UAAQ,IAAC,OAAO,GAAG;AAAA;AAAA;AAAA,UACnC;AAAA,UAEA,oBAAC,UAAO,MAAK,MAAK,SAAS,MAAM,YAAY,CAAC,UAAU,OAAO,MAAM,GAAG,GAAG,kBAE3E;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
+  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AAEpC,SAAS,QAAQ,WAAW,UAAU,QAAQ,QAAQ,cAAc;AAgBhE,mBAMM,KAJF,YAFJ;AAdG,SAAS,eAAe;AAC7B,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,CAAC,GAC1B,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC,GAC5B,CAAC,UAAU,WAAW,IAAI,SAAS,CAAC,GACpC,WAAW,IAAI,IAAI;AAEzB,mBAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,EAAE,GAAG,GAAI;AACpD,WAAO,MAAM;AACX,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC,GAGH,iCACE;AAAA,yBAAC,UAAO,QAAQ,IAAI,YAAW,UAAS,KAAI,MAC1C;AAAA,2BAAC,aAAU,QAAQ,IAAI,SAAS,KAAK;AAAA;AAAA,QAC5B;AAAA,SACT;AAAA,MACA,oBAAC,YAAmB,MAAM,UAAU,OAAO,UACzC,8BAAC,SAAS,WAAT,EAAmB,WAAU,UAAS,KAD1B,GAEf;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,KAAI;AAAA,QACJ,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,oCAAC,OAAO,OAAP,EAAa,aAAa,GAAG,aAAY,WACxC,8BAAC,OAAO,aAAP,EAAmB,GACtB;AAAA,gBACA,oBAAC,OAAO,OAAP,EAAa,UAAQ,IAAC,OAAO,GAAG;AAAA;AAAA;AAAA,UACnC;AAAA,UAEA,oBAAC,UAAO,MAAK,MAAK,SAAS,MAAM,YAAY,CAAC,UAAU,OAAO,MAAM,GAAG,GAAG,kBAE3E;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS,MAAM;AACb,uBAAO,KAAK,OAAO,CAAC,GACpB,YAAY,CAAC;AAAA,cACf;AAAA,cACD;AAAA;AAAA,UAED;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/jsx/ProgressDemo.mjs

@@ -2,8 +2,9 @@ import { useEffect, useState } from "react";
 import { Button, Paragraph, Progress, Slider, XStack, YStack } from "tamagui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function ProgressDemo() {
-  const [size, setSize] = useState(4),
-    [progress, setProgress] = useState(20),
+  const [key, setKey] = useState(0),
+    [size, setSize] = useState(4),
+    [progress, setProgress] = useState(0),
     sizeProp = `$${size}`;
   return useEffect(() => {
     const timer = setTimeout(() => setProgress(60), 1e3);
@@ -14,7 +15,7 @@ function ProgressDemo() {
     children: [/* @__PURE__ */jsxs(YStack, {
       height: 60,
       alignItems: "center",
-      space: !0,
+      gap: "$4",
       children: [/* @__PURE__ */jsxs(Paragraph, {
         height: 30,
         opacity: 0.5,
@@ -25,10 +26,10 @@ function ProgressDemo() {
         children: /* @__PURE__ */jsx(Progress.Indicator, {
           animation: "bouncy"
         })
-      })]
+      }, key)]
     }), /* @__PURE__ */jsxs(XStack, {
       alignItems: "center",
-      space: !0,
+      gap: "$2",
       position: "absolute",
       bottom: "$3",
       left: "$4",
@@ -57,6 +58,12 @@ function ProgressDemo() {
         size: "$2",
         onPress: () => setProgress(prev => (prev + 20) % 100),
         children: "Load"
+      }), /* @__PURE__ */jsx(Button, {
+        size: "$2",
+        onPress: () => {
+          setKey(Math.random()), setProgress(0);
+        },
+        children: "Reset"
       })]
     })]
   });

package/dist/jsx/ProgressDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","Button","Paragraph","Progress","Slider","XStack","YStack","Fragment","jsx","jsxs","ProgressDemo","size","setSize","progress","setProgress","sizeProp","timer","setTimeout","clearTimeout","children","height","alignItems","space","opacity","value","Indicator","animation","position","bottom","left","$xxs","display","width","defaultValue","min","max","step","onValueChange","val","Track","borderWidth","borderColor","TrackActive","Thumb","circular","index","onPress","prev"],"sources":["../../src/ProgressDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,QAAA,QAAgB;AAEpC,SAASC,MAAA,EAAQC,SAAA,EAAWC,QAAA,EAAUC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAehE,SAAAC,QAAA,EAMMC,GAAA,EAJFC,IAAA,QAFJ;AAbG,SAASC,aAAA,EAAe;EAC7B,MAAM,CAACC,IAAA,EAAMC,OAAO,IAAIZ,QAAA,CAAS,CAAC;IAC5B,CAACa,QAAA,EAAUC,WAAW,IAAId,QAAA,CAAS,EAAE;IACrCe,QAAA,GAAW,IAAIJ,IAAI;EAEzB,OAAAZ,SAAA,CAAU,MAAM;IACd,MAAMiB,KAAA,GAAQC,UAAA,CAAW,MAAMH,WAAA,CAAY,EAAE,GAAG,GAAI;IACpD,OAAO,MAAM;MACXI,YAAA,CAAaF,KAAK;IACpB;EACF,GAAG,EAAE,GAGH,eAAAP,IAAA,CAAAF,QAAA;IACEY,QAAA,kBAAAV,IAAA,CAACH,MAAA;MAAOc,MAAA,EAAQ;MAAIC,UAAA,EAAW;MAASC,KAAA,EAAK;MAC3CH,QAAA,kBAAAV,IAAA,CAACP,SAAA;QAAUkB,MAAA,EAAQ;QAAIG,OAAA,EAAS;QAAKJ,QAAA,aAC5BR,IAAA;MAAA,CACT,GACA,eAAAH,GAAA,CAACL,QAAA;QAASQ,IAAA,EAAMI,QAAA;QAAUS,KAAA,EAAOX,QAAA;QAC/BM,QAAA,iBAAAX,GAAA,CAACL,QAAA,CAASsB,SAAA,EAAT;UAAmBC,SAAA,EAAU;QAAA,CAAS;MAAA,CACzC;IAAA,CACF,GAEA,eAAAjB,IAAA,CAACJ,MAAA;MACCgB,UAAA,EAAW;MACXC,KAAA,EAAK;MACLK,QAAA,EAAS;MACTC,MAAA,EAAO;MACPC,IAAA,EAAK;MACLC,IAAA,EAAM;QAAEC,OAAA,EAAS;MAAO;MAExBZ,QAAA,kBAAAV,IAAA,CAACL,MAAA;QACCO,IAAA,EAAK;QACLqB,KAAA,EAAO;QACPC,YAAA,EAAc,CAAC,CAAC;QAChBC,GAAA,EAAK;QACLC,GAAA,EAAK;QACLC,IAAA,EAAM;QACNC,aAAA,EAAeA,CAAC,CAACC,GAAG,MAAM;UACxB1B,OAAA,CAAQ0B,GAAG;QACb;QAEAnB,QAAA,kBAAAX,GAAA,CAACJ,MAAA,CAAOmC,KAAA,EAAP;UAAaC,WAAA,EAAa;UAAGC,WAAA,EAAY;UACxCtB,QAAA,iBAAAX,GAAA,CAACJ,MAAA,CAAOsC,WAAA,EAAP,EAAmB;QAAA,CACtB,GACA,eAAAlC,GAAA,CAACJ,MAAA,CAAOuC,KAAA,EAAP;UAAaC,QAAA,EAAQ;UAACC,KAAA,EAAO;QAAA,CAAG;MAAA,CACnC,GAEA,eAAArC,GAAA,CAACP,MAAA;QAAOU,IAAA,EAAK;QAAKmC,OAAA,EAASA,CAAA,KAAMhC,WAAA,CAAaiC,IAAA,KAAUA,IAAA,GAAO,MAAM,GAAG;QAAG5B,QAAA;MAAA,CAE3E;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["useEffect","useState","Button","Paragraph","Progress","Slider","XStack","YStack","Fragment","jsx","jsxs","ProgressDemo","key","setKey","size","setSize","progress","setProgress","sizeProp","timer","setTimeout","clearTimeout","children","height","alignItems","gap","opacity","value","Indicator","animation","position","bottom","left","$xxs","display","width","defaultValue","min","max","step","onValueChange","val","Track","borderWidth","borderColor","TrackActive","Thumb","circular","index","onPress","prev","Math","random"],"sources":["../../src/ProgressDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,QAAA,QAAgB;AAEpC,SAASC,MAAA,EAAQC,SAAA,EAAWC,QAAA,EAAUC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAgBhE,SAAAC,QAAA,EAMMC,GAAA,EAJFC,IAAA,QAFJ;AAdG,SAASC,aAAA,EAAe;EAC7B,MAAM,CAACC,GAAA,EAAKC,MAAM,IAAIZ,QAAA,CAAS,CAAC;IAC1B,CAACa,IAAA,EAAMC,OAAO,IAAId,QAAA,CAAS,CAAC;IAC5B,CAACe,QAAA,EAAUC,WAAW,IAAIhB,QAAA,CAAS,CAAC;IACpCiB,QAAA,GAAW,IAAIJ,IAAI;EAEzB,OAAAd,SAAA,CAAU,MAAM;IACd,MAAMmB,KAAA,GAAQC,UAAA,CAAW,MAAMH,WAAA,CAAY,EAAE,GAAG,GAAI;IACpD,OAAO,MAAM;MACXI,YAAA,CAAaF,KAAK;IACpB;EACF,GAAG,EAAE,GAGH,eAAAT,IAAA,CAAAF,QAAA;IACEc,QAAA,kBAAAZ,IAAA,CAACH,MAAA;MAAOgB,MAAA,EAAQ;MAAIC,UAAA,EAAW;MAASC,GAAA,EAAI;MAC1CH,QAAA,kBAAAZ,IAAA,CAACP,SAAA;QAAUoB,MAAA,EAAQ;QAAIG,OAAA,EAAS;QAAKJ,QAAA,aAC5BR,IAAA;MAAA,CACT,GACA,eAAAL,GAAA,CAACL,QAAA;QAAmBU,IAAA,EAAMI,QAAA;QAAUS,KAAA,EAAOX,QAAA;QACzCM,QAAA,iBAAAb,GAAA,CAACL,QAAA,CAASwB,SAAA,EAAT;UAAmBC,SAAA,EAAU;QAAA,CAAS;MAAA,GAD1BjB,GAEf;IAAA,CACF,GAEA,eAAAF,IAAA,CAACJ,MAAA;MACCkB,UAAA,EAAW;MACXC,GAAA,EAAI;MACJK,QAAA,EAAS;MACTC,MAAA,EAAO;MACPC,IAAA,EAAK;MACLC,IAAA,EAAM;QAAEC,OAAA,EAAS;MAAO;MAExBZ,QAAA,kBAAAZ,IAAA,CAACL,MAAA;QACCS,IAAA,EAAK;QACLqB,KAAA,EAAO;QACPC,YAAA,EAAc,CAAC,CAAC;QAChBC,GAAA,EAAK;QACLC,GAAA,EAAK;QACLC,IAAA,EAAM;QACNC,aAAA,EAAeA,CAAC,CAACC,GAAG,MAAM;UACxB1B,OAAA,CAAQ0B,GAAG;QACb;QAEAnB,QAAA,kBAAAb,GAAA,CAACJ,MAAA,CAAOqC,KAAA,EAAP;UAAaC,WAAA,EAAa;UAAGC,WAAA,EAAY;UACxCtB,QAAA,iBAAAb,GAAA,CAACJ,MAAA,CAAOwC,WAAA,EAAP,EAAmB;QAAA,CACtB,GACA,eAAApC,GAAA,CAACJ,MAAA,CAAOyC,KAAA,EAAP;UAAaC,QAAA,EAAQ;UAACC,KAAA,EAAO;QAAA,CAAG;MAAA,CACnC,GAEA,eAAAvC,GAAA,CAACP,MAAA;QAAOY,IAAA,EAAK;QAAKmC,OAAA,EAASA,CAAA,KAAMhC,WAAA,CAAaiC,IAAA,KAAUA,IAAA,GAAO,MAAM,GAAG;QAAG5B,QAAA;MAAA,CAE3E,GACA,eAAAb,GAAA,CAACP,MAAA;QACCY,IAAA,EAAK;QACLmC,OAAA,EAASA,CAAA,KAAM;UACbpC,MAAA,CAAOsC,IAAA,CAAKC,MAAA,CAAO,CAAC,GACpBnC,WAAA,CAAY,CAAC;QACf;QACDK,QAAA;MAAA,CAED;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/jsx/ProgressDemo.native.js

@@ -43,7 +43,7 @@ function _unsupported_iterable_to_array(o, minLen) {
   }
 }
 function ProgressDemo() {
-  var _useState = _sliced_to_array(useState(4), 2), size = _useState[0], setSize = _useState[1], _useState1 = _sliced_to_array(useState(20), 2), progress = _useState1[0], setProgress = _useState1[1], sizeProp = "$".concat(size);
+  var _useState = _sliced_to_array(useState(0), 2), key = _useState[0], setKey = _useState[1], _useState1 = _sliced_to_array(useState(4), 2), size = _useState1[0], setSize = _useState1[1], _useState2 = _sliced_to_array(useState(0), 2), progress = _useState2[0], setProgress = _useState2[1], sizeProp = "$".concat(size);
   return useEffect(function() {
     var timer = setTimeout(function() {
       return setProgress(60);
@@ -56,7 +56,7 @@ function ProgressDemo() {
       /* @__PURE__ */ _jsxs(YStack, {
         height: 60,
         alignItems: "center",
-        space: !0,
+        gap: "$4",
         children: [
           /* @__PURE__ */ _jsxs(Paragraph, {
             height: 30,
@@ -72,12 +72,12 @@ function ProgressDemo() {
             children: /* @__PURE__ */ _jsx(Progress.Indicator, {
               animation: "bouncy"
             })
-          })
+          }, key)
         ]
       }),
       /* @__PURE__ */ _jsxs(XStack, {
         alignItems: "center",
-        space: !0,
+        gap: "$2",
         position: "absolute",
         bottom: "$3",
         left: "$4",
@@ -118,6 +118,13 @@ function ProgressDemo() {
               });
             },
             children: "Load"
+          }),
+          /* @__PURE__ */ _jsx(Button, {
+            size: "$2",
+            onPress: function() {
+              setKey(Math.random()), setProgress(0);
+            },
+            children: "Reset"
           })
         ]
       })

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/ProgressDemo.tsx"],
-  "mappings": ";AAAA,SAASA,WAAWC,gBAAgB;AAEpC,SAASC,QAAQC,WAAWC,UAAUC,QAAQC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE7D,SAASC,eAAAA;AACd,MAAwBP,YAAAA,iBAAAA,SAAS,CAAA,GAAA,CAAA,GAA1BQ,OAAiBR,UAAAA,CAAAA,GAAXS,UAAWT,UAAAA,CAAAA,GACQA,aAAAA,iBAAAA,SAAS,EAAA,GAAA,CAAA,GAAlCU,WAAyBV,WAAAA,CAAAA,GAAfW,cAAeX,WAAAA,CAAAA,GAC1BY,WAAY,IAAQ,OAALJ,IAAAA;AAErBT,mBAAU,WAAA;AACR,QAAMc,QAAQC,WAAW,WAAA;aAAMH,YAAY,EAAA;OAAK,GAAA;AAChD,WAAO,WAAA;AACLI,mBAAaF,KAAAA;IACf;EACF,GAAG,CAAA,CAAE,GAGH,sBAAA,WAAA;;MACE,sBAACP,QAAAA;QAAOU,QAAQ;QAAIC,YAAW;QAASC,OAAK;;UAC3C,sBAAChB,WAAAA;YAAUc,QAAQ;YAAIG,SAAS;;cAAK;cAC5BX;;;UAET,qBAACL,UAAAA;YAASK,MAAMI;YAAUQ,OAAOV;sBAC/B,qBAACP,SAASkB,WAAS;cAACC,WAAU;;;;;MAIlC,sBAACjB,QAAAA;QACCY,YAAW;QACXC,OAAK;QACLK,UAAS;QACTC,QAAO;QACPC,MAAK;QACLC,MAAM;UAAEC,SAAS;QAAO;;UAExB,sBAACvB,QAAAA;YACCI,MAAK;YACLoB,OAAO;YACPC,cAAc;cAAC;;YACfC,KAAK;YACLC,KAAK;YACLC,MAAM;YACNC,eAAe,SAAA,OAAA;uDAAEC,MAAAA,OAAAA,CAAAA;AACfzB,sBAAQyB,GAAAA;YACV;;cAEA,qBAAC9B,OAAO+B,OAAK;gBAACC,aAAa;gBAAGC,aAAY;0BACxC,qBAACjC,OAAOkC,aAAW,CAAA,CAAA;;cAErB,qBAAClC,OAAOmC,OAAK;gBAACC,UAAQ;gBAACC,OAAO;;;;UAGhC,qBAACxC,QAAAA;YAAOO,MAAK;YAAKkC,SAAS,WAAA;qBAAM/B,YAAY,SAACgC,MAAAA;wBAAUA,OAAO,MAAM;;;sBAAM;;;;;;AAMnF;",
-  "names": ["useEffect", "useState", "Button", "Paragraph", "Progress", "Slider", "XStack", "YStack", "ProgressDemo", "size", "setSize", "progress", "setProgress", "sizeProp", "timer", "setTimeout", "clearTimeout", "height", "alignItems", "space", "opacity", "value", "Indicator", "animation", "position", "bottom", "left", "$xxs", "display", "width", "defaultValue", "min", "max", "step", "onValueChange", "val", "Track", "borderWidth", "borderColor", "TrackActive", "Thumb", "circular", "index", "onPress", "prev"]
+  "mappings": ";AAAA,SAASA,WAAWC,gBAAgB;AAEpC,SAASC,QAAQC,WAAWC,UAAUC,QAAQC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE7D,SAASC,eAAAA;AACd,MAAsBP,YAAAA,iBAAAA,SAAS,CAAA,GAAA,CAAA,GAAxBQ,MAAeR,UAAAA,CAAAA,GAAVS,SAAUT,UAAAA,CAAAA,GACEA,aAAAA,iBAAAA,SAAS,CAAA,GAAA,CAAA,GAA1BU,OAAiBV,WAAAA,CAAAA,GAAXW,UAAWX,WAAAA,CAAAA,GACQA,aAAAA,iBAAAA,SAAS,CAAA,GAAA,CAAA,GAAlCY,WAAyBZ,WAAAA,CAAAA,GAAfa,cAAeb,WAAAA,CAAAA,GAC1Bc,WAAY,IAAQ,OAALJ,IAAAA;AAErBX,mBAAU,WAAA;AACR,QAAMgB,QAAQC,WAAW,WAAA;aAAMH,YAAY,EAAA;OAAK,GAAA;AAChD,WAAO,WAAA;AACLI,mBAAaF,KAAAA;IACf;EACF,GAAG,CAAA,CAAE,GAGH,sBAAA,WAAA;;MACE,sBAACT,QAAAA;QAAOY,QAAQ;QAAIC,YAAW;QAASC,KAAI;;UAC1C,sBAAClB,WAAAA;YAAUgB,QAAQ;YAAIG,SAAS;;cAAK;cAC5BX;;;UAET,qBAACP,UAAAA;YAAmBO,MAAMI;YAAUQ,OAAOV;sBACzC,qBAACT,SAASoB,WAAS;cAACC,WAAU;;aADjBhB,GAAAA;;;MAKjB,sBAACH,QAAAA;QACCc,YAAW;QACXC,KAAI;QACJK,UAAS;QACTC,QAAO;QACPC,MAAK;QACLC,MAAM;UAAEC,SAAS;QAAO;;UAExB,sBAACzB,QAAAA;YACCM,MAAK;YACLoB,OAAO;YACPC,cAAc;cAAC;;YACfC,KAAK;YACLC,KAAK;YACLC,MAAM;YACNC,eAAe,SAAA,OAAA;uDAAEC,MAAAA,OAAAA,CAAAA;AACfzB,sBAAQyB,GAAAA;YACV;;cAEA,qBAAChC,OAAOiC,OAAK;gBAACC,aAAa;gBAAGC,aAAY;0BACxC,qBAACnC,OAAOoC,aAAW,CAAA,CAAA;;cAErB,qBAACpC,OAAOqC,OAAK;gBAACC,UAAQ;gBAACC,OAAO;;;;UAGhC,qBAAC1C,QAAAA;YAAOS,MAAK;YAAKkC,SAAS,WAAA;qBAAM/B,YAAY,SAACgC,MAAAA;wBAAUA,OAAO,MAAM;;;sBAAM;;UAG3E,qBAAC5C,QAAAA;YACCS,MAAK;YACLkC,SAAS,WAAA;AACPnC,qBAAOqC,KAAKC,OAAM,CAAA,GAClBlC,YAAY,CAAA;YACd;sBACD;;;;;;AAMT;",
+  "names": ["useEffect", "useState", "Button", "Paragraph", "Progress", "Slider", "XStack", "YStack", "ProgressDemo", "key", "setKey", "size", "setSize", "progress", "setProgress", "sizeProp", "timer", "setTimeout", "clearTimeout", "height", "alignItems", "gap", "opacity", "value", "Indicator", "animation", "position", "bottom", "left", "$xxs", "display", "width", "defaultValue", "min", "max", "step", "onValueChange", "val", "Track", "borderWidth", "borderColor", "TrackActive", "Thumb", "circular", "index", "onPress", "prev", "Math", "random"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/demos",
-  "version": "1.105.1",
+  "version": "1.105.3",
   "sideEffects": [
     "*.css"
   ],
@@ -39,29 +39,29 @@
     }
   },
   "dependencies": {
-    "@tamagui/avatar": "1.105.1",
-    "@tamagui/button": "1.105.1",
-    "@tamagui/config": "1.105.1",
-    "@tamagui/core": "1.105.1",
-    "@tamagui/list-item": "1.105.1",
-    "@tamagui/logo": "1.105.1",
-    "@tamagui/lucide-icons": "1.105.1",
-    "@tamagui/menu": "1.105.1",
-    "@tamagui/popover": "1.105.1",
-    "@tamagui/progress": "1.105.1",
-    "@tamagui/radio-group": "1.105.1",
-    "@tamagui/select": "1.105.1",
-    "@tamagui/sheet": "1.105.1",
-    "@tamagui/slider": "1.105.1",
-    "@tamagui/stacks": "1.105.1",
-    "@tamagui/toast": "1.105.1",
-    "tamagui": "1.105.1"
+    "@tamagui/avatar": "1.105.3",
+    "@tamagui/button": "1.105.3",
+    "@tamagui/config": "1.105.3",
+    "@tamagui/core": "1.105.3",
+    "@tamagui/list-item": "1.105.3",
+    "@tamagui/logo": "1.105.3",
+    "@tamagui/lucide-icons": "1.105.3",
+    "@tamagui/menu": "1.105.3",
+    "@tamagui/popover": "1.105.3",
+    "@tamagui/progress": "1.105.3",
+    "@tamagui/radio-group": "1.105.3",
+    "@tamagui/select": "1.105.3",
+    "@tamagui/sheet": "1.105.3",
+    "@tamagui/slider": "1.105.3",
+    "@tamagui/stacks": "1.105.3",
+    "@tamagui/toast": "1.105.3",
+    "tamagui": "1.105.3"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.105.1",
+    "@tamagui/build": "1.105.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/src/ProgressDemo.tsx

@@ -3,8 +3,9 @@ import type { SizeTokens } from 'tamagui'
 import { Button, Paragraph, Progress, Slider, XStack, YStack } from 'tamagui'
 
 export function ProgressDemo() {
+  const [key, setKey] = useState(0)
   const [size, setSize] = useState(4)
-  const [progress, setProgress] = useState(20)
+  const [progress, setProgress] = useState(0)
   const sizeProp = `$${size}` as SizeTokens
 
   useEffect(() => {
@@ -16,18 +17,18 @@ export function ProgressDemo() {
 
   return (
     <>
-      <YStack height={60} alignItems="center" space>
+      <YStack height={60} alignItems="center" gap="$4">
         <Paragraph height={30} opacity={0.5}>
           Size: {size}
         </Paragraph>
-        <Progress size={sizeProp} value={progress}>
+        <Progress key={key} size={sizeProp} value={progress}>
           <Progress.Indicator animation="bouncy" />
         </Progress>
       </YStack>
 
       <XStack
         alignItems="center"
-        space
+        gap="$2"
         position="absolute"
         bottom="$3"
         left="$4"
@@ -53,6 +54,15 @@ export function ProgressDemo() {
         <Button size="$2" onPress={() => setProgress((prev) => (prev + 20) % 100)}>
           Load
         </Button>
+        <Button
+          size="$2"
+          onPress={() => {
+            setKey(Math.random())
+            setProgress(0)
+          }}
+        >
+          Reset
+        </Button>
       </XStack>
     </>
   )

package/types/CheckboxUnstyledDemo.d.ts

@@ -21,7 +21,7 @@ export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<im
     radiused?: boolean | undefined;
     padded?: boolean | undefined;
     chromeless?: boolean | "all" | undefined;
-}>, "theme" | "native" | "debug" | "background" | "borderColor" | "outlineColor" | "shadowColor" | "hitSlop" | "pointerEvents" | "display" | "children" | "target" | "htmlFor" | "asChild" | "dangerouslySetInnerHTML" | "disabled" | "className" | "themeShallow" | "themeInverse" | "id" | "tag" | "group" | "untilMeasured" | "componentName" | "tabIndex" | "role" | "disableOptimization" | "forceStyle" | "disableClassName" | "style" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "renderToHardwareTextureAndroid" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "x" | "y" | "perspective" | "scale" | "scaleX" | "scaleY" | "skewX" | "skewY" | "matrix" | "rotate" | "rotateY" | "rotateX" | "rotateZ" | "transition" | "textWrap" | "contain" | "touchAction" | "cursor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "userSelect" | "scrollbarWidth" | "transformOrigin" | "filter" | "backdropFilter" | "mixBlendMode" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "backgroundClip" | "backgroundBlendMode" | "backgroundAttachment" | "clipPath" | "containerType" | "caretColor" | "transformStyle" | "mask" | "maskImage" | "textEmphasis" | "borderImage" | "float" | "content" | "overflowBlock" | "overflowInline" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridTemplateColumns" | "gridTemplateAreas" | "borderInlineColor" | "borderInlineStartColor" | "borderInlineEndColor" | "borderBlockWidth" | "borderBlockStartWidth" | "borderBlockEndWidth" | "borderInlineWidth" | "borderInlineStartWidth" | "borderInlineEndWidth" | "borderBlockStyle" | "borderBlockStartStyle" | "borderBlockEndStyle" | "borderInlineStyle" | "borderInlineStartStyle" | "borderInlineEndStyle" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "objectFit" | "verticalAlign" | "insetBlock" | "insetBlockStart" | "insetBlockEnd" | "insetInline" | "insetInlineStart" | "insetInlineEnd" | "blockSize" | "minBlockSize" | "maxBlockSize" | "inlineSize" | "minInlineSize" | "maxInlineSize" | "space" | "spaceDirection" | "separator" | "animation" | "animateOnly" | "animatePresence" | "backfaceVisibility" | "backgroundColor" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockStartColor" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderCurve" | "borderEndColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderLeftColor" | "borderRadius" | "borderRightColor" | "borderStartColor" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "borderBottomWidth" | "borderEndWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStartWidth" | "borderTopWidth" | "borderWidth" | "bottom" | "end" | "flex" | "flexBasis" | "flexDirection" | "rowGap" | "gap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "left" | "margin" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginVertical" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "padding" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "position" | "right" | "start" | "top" | "width" | "zIndex" | "direction" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "transform" | "transformMatrix" | "rotation" | "translateX" | "translateY" | "onPress" | "onLongPress" | "onPressIn" | "onPressOut" | "onHoverIn" | "onHoverOut" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "onFocus" | "onBlur" | "hoverStyle" | "pressStyle" | "focusStyle" | "focusVisibleStyle" | "disabledStyle" | "exitStyle" | "enterStyle" | "value" | "size" | `$${string}` | "unstyled" | "name" | "scaleIcon" | `$${number}` | `$theme-${string}` | `$theme-${number}` | "checked" | "defaultChecked" | "required" | "onCheckedChange" | "labelledBy" | "scaleSize" | "sizeAdjust" | `$group-${string}` | `$group-${number}` | `$group-${string}-hover` | `$group-${string}-press` | `$group-${string}-focus` | `$group-${string}-focusVisible` | `$group-${number}-hover` | `$group-${number}-press` | `$group-${number}-focus` | `$group-${number}-focusVisible`> & import("tamagui").StackNonStyleProps & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {}>> & import("@tamagui/checkbox-headless").CheckboxExtraProps & {
+}>, "theme" | "native" | "debug" | "background" | "borderColor" | "outlineColor" | "shadowColor" | "hitSlop" | "pointerEvents" | "display" | "children" | "target" | "htmlFor" | "asChild" | "dangerouslySetInnerHTML" | "disabled" | "className" | "themeShallow" | "themeInverse" | "id" | "tag" | "group" | "untilMeasured" | "componentName" | "tabIndex" | "role" | "disableOptimization" | "forceStyle" | "disableClassName" | "style" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "renderToHardwareTextureAndroid" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "x" | "y" | "perspective" | "scale" | "scaleX" | "scaleY" | "skewX" | "skewY" | "matrix" | "rotate" | "rotateY" | "rotateX" | "rotateZ" | "transition" | "textWrap" | "contain" | "touchAction" | "cursor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "userSelect" | "scrollbarWidth" | "transformOrigin" | "filter" | "backdropFilter" | "mixBlendMode" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "backgroundClip" | "backgroundBlendMode" | "backgroundAttachment" | "clipPath" | "containerType" | "caretColor" | "transformStyle" | "mask" | "maskImage" | "textEmphasis" | "borderImage" | "float" | "content" | "overflowBlock" | "overflowInline" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridTemplateColumns" | "gridTemplateAreas" | "borderInlineColor" | "borderInlineStartColor" | "borderInlineEndColor" | "borderBlockWidth" | "borderBlockStartWidth" | "borderBlockEndWidth" | "borderInlineWidth" | "borderInlineStartWidth" | "borderInlineEndWidth" | "borderBlockStyle" | "borderBlockStartStyle" | "borderBlockEndStyle" | "borderInlineStyle" | "borderInlineStartStyle" | "borderInlineEndStyle" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "objectFit" | "verticalAlign" | "insetBlock" | "insetBlockStart" | "insetBlockEnd" | "insetInline" | "insetInlineStart" | "insetInlineEnd" | "blockSize" | "minBlockSize" | "maxBlockSize" | "inlineSize" | "minInlineSize" | "maxInlineSize" | "space" | "spaceDirection" | "separator" | "animation" | "animateOnly" | "animatePresence" | "backfaceVisibility" | "backgroundColor" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockStartColor" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderCurve" | "borderEndColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderLeftColor" | "borderRadius" | "borderRightColor" | "borderStartColor" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "borderBottomWidth" | "borderEndWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStartWidth" | "borderTopWidth" | "borderWidth" | "bottom" | "end" | "flex" | "flexBasis" | "flexDirection" | "rowGap" | "gap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "left" | "margin" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginVertical" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "padding" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "position" | "right" | "start" | "top" | "width" | "zIndex" | "direction" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "transform" | "transformMatrix" | "rotation" | "translateX" | "translateY" | "onPress" | "onLongPress" | "onPressIn" | "onPressOut" | "onHoverIn" | "onHoverOut" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "onFocus" | "onBlur" | "hoverStyle" | "pressStyle" | "focusStyle" | "focusVisibleStyle" | "disabledStyle" | "exitStyle" | "enterStyle" | "value" | "size" | `$${string}` | "unstyled" | "name" | "scaleIcon" | "checked" | "defaultChecked" | "required" | "onCheckedChange" | "labelledBy" | "scaleSize" | "sizeAdjust" | `$${number}` | `$group-${string}` | `$group-${number}` | `$group-${string}-hover` | `$group-${string}-press` | `$group-${string}-focus` | `$group-${string}-focusVisible` | `$group-${number}-hover` | `$group-${number}-press` | `$group-${number}-focus` | `$group-${number}-focusVisible` | `$theme-${string}` | `$theme-${number}`> & import("tamagui").StackNonStyleProps & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {}>> & import("@tamagui/checkbox-headless").CheckboxExtraProps & {
     scaleIcon?: number;
     scaleSize?: number;
     sizeAdjust?: number;
@@ -52,7 +52,7 @@ export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<im
     radiused?: boolean | undefined;
     padded?: boolean | undefined;
     chromeless?: boolean | "all" | undefined;
-}>, "theme" | "native" | "debug" | "background" | "borderColor" | "outlineColor" | "shadowColor" | "hitSlop" | "pointerEvents" | "display" | "children" | "target" | "htmlFor" | "asChild" | "dangerouslySetInnerHTML" | "disabled" | "className" | "themeShallow" | "themeInverse" | "id" | "tag" | "group" | "untilMeasured" | "componentName" | "tabIndex" | "role" | "disableOptimization" | "forceStyle" | "disableClassName" | "style" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "renderToHardwareTextureAndroid" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "x" | "y" | "perspective" | "scale" | "scaleX" | "scaleY" | "skewX" | "skewY" | "matrix" | "rotate" | "rotateY" | "rotateX" | "rotateZ" | "transition" | "textWrap" | "contain" | "touchAction" | "cursor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "userSelect" | "scrollbarWidth" | "transformOrigin" | "filter" | "backdropFilter" | "mixBlendMode" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "backgroundClip" | "backgroundBlendMode" | "backgroundAttachment" | "clipPath" | "containerType" | "caretColor" | "transformStyle" | "mask" | "maskImage" | "textEmphasis" | "borderImage" | "float" | "content" | "overflowBlock" | "overflowInline" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridTemplateColumns" | "gridTemplateAreas" | "borderInlineColor" | "borderInlineStartColor" | "borderInlineEndColor" | "borderBlockWidth" | "borderBlockStartWidth" | "borderBlockEndWidth" | "borderInlineWidth" | "borderInlineStartWidth" | "borderInlineEndWidth" | "borderBlockStyle" | "borderBlockStartStyle" | "borderBlockEndStyle" | "borderInlineStyle" | "borderInlineStartStyle" | "borderInlineEndStyle" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "objectFit" | "verticalAlign" | "insetBlock" | "insetBlockStart" | "insetBlockEnd" | "insetInline" | "insetInlineStart" | "insetInlineEnd" | "blockSize" | "minBlockSize" | "maxBlockSize" | "inlineSize" | "minInlineSize" | "maxInlineSize" | "space" | "spaceDirection" | "separator" | "animation" | "animateOnly" | "animatePresence" | "backfaceVisibility" | "backgroundColor" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockStartColor" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderCurve" | "borderEndColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderLeftColor" | "borderRadius" | "borderRightColor" | "borderStartColor" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "borderBottomWidth" | "borderEndWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStartWidth" | "borderTopWidth" | "borderWidth" | "bottom" | "end" | "flex" | "flexBasis" | "flexDirection" | "rowGap" | "gap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "left" | "margin" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginVertical" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "padding" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "position" | "right" | "start" | "top" | "width" | "zIndex" | "direction" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "transform" | "transformMatrix" | "rotation" | "translateX" | "translateY" | "onPress" | "onLongPress" | "onPressIn" | "onPressOut" | "onHoverIn" | "onHoverOut" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "onFocus" | "onBlur" | "hoverStyle" | "pressStyle" | "focusStyle" | "focusVisibleStyle" | "disabledStyle" | "exitStyle" | "enterStyle" | "value" | "size" | `$${string}` | "unstyled" | "name" | "scaleIcon" | `$${number}` | `$theme-${string}` | `$theme-${number}` | "checked" | "defaultChecked" | "required" | "onCheckedChange" | "labelledBy" | "scaleSize" | "sizeAdjust" | `$group-${string}` | `$group-${number}` | `$group-${string}-hover` | `$group-${string}-press` | `$group-${string}-focus` | `$group-${string}-focusVisible` | `$group-${number}-hover` | `$group-${number}-press` | `$group-${number}-focus` | `$group-${number}-focusVisible`> & import("tamagui").StackNonStyleProps & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {}>> & import("@tamagui/checkbox-headless").CheckboxExtraProps & {
+}>, "theme" | "native" | "debug" | "background" | "borderColor" | "outlineColor" | "shadowColor" | "hitSlop" | "pointerEvents" | "display" | "children" | "target" | "htmlFor" | "asChild" | "dangerouslySetInnerHTML" | "disabled" | "className" | "themeShallow" | "themeInverse" | "id" | "tag" | "group" | "untilMeasured" | "componentName" | "tabIndex" | "role" | "disableOptimization" | "forceStyle" | "disableClassName" | "style" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "renderToHardwareTextureAndroid" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "x" | "y" | "perspective" | "scale" | "scaleX" | "scaleY" | "skewX" | "skewY" | "matrix" | "rotate" | "rotateY" | "rotateX" | "rotateZ" | "transition" | "textWrap" | "contain" | "touchAction" | "cursor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "userSelect" | "scrollbarWidth" | "transformOrigin" | "filter" | "backdropFilter" | "mixBlendMode" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "backgroundClip" | "backgroundBlendMode" | "backgroundAttachment" | "clipPath" | "containerType" | "caretColor" | "transformStyle" | "mask" | "maskImage" | "textEmphasis" | "borderImage" | "float" | "content" | "overflowBlock" | "overflowInline" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridTemplateColumns" | "gridTemplateAreas" | "borderInlineColor" | "borderInlineStartColor" | "borderInlineEndColor" | "borderBlockWidth" | "borderBlockStartWidth" | "borderBlockEndWidth" | "borderInlineWidth" | "borderInlineStartWidth" | "borderInlineEndWidth" | "borderBlockStyle" | "borderBlockStartStyle" | "borderBlockEndStyle" | "borderInlineStyle" | "borderInlineStartStyle" | "borderInlineEndStyle" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "objectFit" | "verticalAlign" | "insetBlock" | "insetBlockStart" | "insetBlockEnd" | "insetInline" | "insetInlineStart" | "insetInlineEnd" | "blockSize" | "minBlockSize" | "maxBlockSize" | "inlineSize" | "minInlineSize" | "maxInlineSize" | "space" | "spaceDirection" | "separator" | "animation" | "animateOnly" | "animatePresence" | "backfaceVisibility" | "backgroundColor" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockStartColor" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderCurve" | "borderEndColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderLeftColor" | "borderRadius" | "borderRightColor" | "borderStartColor" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "borderBottomWidth" | "borderEndWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStartWidth" | "borderTopWidth" | "borderWidth" | "bottom" | "end" | "flex" | "flexBasis" | "flexDirection" | "rowGap" | "gap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "left" | "margin" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginVertical" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "padding" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "position" | "right" | "start" | "top" | "width" | "zIndex" | "direction" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "transform" | "transformMatrix" | "rotation" | "translateX" | "translateY" | "onPress" | "onLongPress" | "onPressIn" | "onPressOut" | "onHoverIn" | "onHoverOut" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "onFocus" | "onBlur" | "hoverStyle" | "pressStyle" | "focusStyle" | "focusVisibleStyle" | "disabledStyle" | "exitStyle" | "enterStyle" | "value" | "size" | `$${string}` | "unstyled" | "name" | "scaleIcon" | "checked" | "defaultChecked" | "required" | "onCheckedChange" | "labelledBy" | "scaleSize" | "sizeAdjust" | `$${number}` | `$group-${string}` | `$group-${number}` | `$group-${string}-hover` | `$group-${string}-press` | `$group-${string}-focus` | `$group-${string}-focusVisible` | `$group-${number}-hover` | `$group-${number}-press` | `$group-${number}-focus` | `$group-${number}-focusVisible` | `$theme-${string}` | `$theme-${number}`> & import("tamagui").StackNonStyleProps & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {}>> & import("@tamagui/checkbox-headless").CheckboxExtraProps & {
     scaleIcon?: number;
     scaleSize?: number;
     sizeAdjust?: number;

package/types/ProgressDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressDemo.d.ts","sourceRoot":"","sources":["../src/ProgressDemo.tsx"],"names":[],"mappings":"AAIA,wBAAgB,YAAY,4CAsD3B"}
+{"version":3,"file":"ProgressDemo.d.ts","sourceRoot":"","sources":["../src/ProgressDemo.tsx"],"names":[],"mappings":"AAIA,wBAAgB,YAAY,4CAgE3B"}

package/types/SwitchUnstyledDemo.d.ts

@@ -10,7 +10,7 @@ export declare const Switch: import("react").ForwardRefExoticComponent<Omit<impo
         left?: number;
         right?: number;
     } | undefined;
-}>, "theme" | "native" | "debug" | "background" | "borderColor" | "outlineColor" | "shadowColor" | "hitSlop" | "pointerEvents" | "display" | "children" | "target" | "htmlFor" | "asChild" | "dangerouslySetInnerHTML" | "disabled" | "className" | "themeShallow" | "themeInverse" | "id" | "tag" | "group" | "untilMeasured" | "componentName" | "tabIndex" | "role" | "disableOptimization" | "forceStyle" | "disableClassName" | "style" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "renderToHardwareTextureAndroid" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "x" | "y" | "perspective" | "scale" | "scaleX" | "scaleY" | "skewX" | "skewY" | "matrix" | "rotate" | "rotateY" | "rotateX" | "rotateZ" | "transition" | "textWrap" | "contain" | "touchAction" | "cursor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "userSelect" | "scrollbarWidth" | "transformOrigin" | "filter" | "backdropFilter" | "mixBlendMode" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "backgroundClip" | "backgroundBlendMode" | "backgroundAttachment" | "clipPath" | "containerType" | "caretColor" | "transformStyle" | "mask" | "maskImage" | "textEmphasis" | "borderImage" | "float" | "content" | "overflowBlock" | "overflowInline" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridTemplateColumns" | "gridTemplateAreas" | "borderInlineColor" | "borderInlineStartColor" | "borderInlineEndColor" | "borderBlockWidth" | "borderBlockStartWidth" | "borderBlockEndWidth" | "borderInlineWidth" | "borderInlineStartWidth" | "borderInlineEndWidth" | "borderBlockStyle" | "borderBlockStartStyle" | "borderBlockEndStyle" | "borderInlineStyle" | "borderInlineStartStyle" | "borderInlineEndStyle" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "objectFit" | "verticalAlign" | "insetBlock" | "insetBlockStart" | "insetBlockEnd" | "insetInline" | "insetInlineStart" | "insetInlineEnd" | "blockSize" | "minBlockSize" | "maxBlockSize" | "inlineSize" | "minInlineSize" | "maxInlineSize" | "space" | "spaceDirection" | "separator" | "animation" | "animateOnly" | "animatePresence" | "backfaceVisibility" | "backgroundColor" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockStartColor" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderCurve" | "borderEndColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderLeftColor" | "borderRadius" | "borderRightColor" | "borderStartColor" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "borderBottomWidth" | "borderEndWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStartWidth" | "borderTopWidth" | "borderWidth" | "bottom" | "end" | "flex" | "flexBasis" | "flexDirection" | "rowGap" | "gap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "left" | "margin" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginVertical" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "padding" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "position" | "right" | "start" | "top" | "width" | "zIndex" | "direction" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "transform" | "transformMatrix" | "rotation" | "translateX" | "translateY" | "onPress" | "onLongPress" | "onPressIn" | "onPressOut" | "onHoverIn" | "onHoverOut" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "onFocus" | "onBlur" | "hoverStyle" | "pressStyle" | "focusStyle" | "focusVisibleStyle" | "disabledStyle" | "exitStyle" | "enterStyle" | "value" | "size" | `$${string}` | "unstyled" | "name" | `$${number}` | `$theme-${string}` | `$theme-${number}` | "checked" | "defaultChecked" | "required" | "onCheckedChange" | `$group-${string}` | `$group-${number}` | `$group-${string}-hover` | `$group-${string}-press` | `$group-${string}-focus` | `$group-${string}-focusVisible` | `$group-${number}-hover` | `$group-${number}-press` | `$group-${number}-focus` | `$group-${number}-focusVisible` | "labeledBy" | "nativeProps"> & import("tamagui").StackNonStyleProps & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {}>> & {
+}>, "theme" | "native" | "debug" | "background" | "borderColor" | "outlineColor" | "shadowColor" | "hitSlop" | "pointerEvents" | "display" | "children" | "target" | "htmlFor" | "asChild" | "dangerouslySetInnerHTML" | "disabled" | "className" | "themeShallow" | "themeInverse" | "id" | "tag" | "group" | "untilMeasured" | "componentName" | "tabIndex" | "role" | "disableOptimization" | "forceStyle" | "disableClassName" | "style" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "renderToHardwareTextureAndroid" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "x" | "y" | "perspective" | "scale" | "scaleX" | "scaleY" | "skewX" | "skewY" | "matrix" | "rotate" | "rotateY" | "rotateX" | "rotateZ" | "transition" | "textWrap" | "contain" | "touchAction" | "cursor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "userSelect" | "scrollbarWidth" | "transformOrigin" | "filter" | "backdropFilter" | "mixBlendMode" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "backgroundClip" | "backgroundBlendMode" | "backgroundAttachment" | "clipPath" | "containerType" | "caretColor" | "transformStyle" | "mask" | "maskImage" | "textEmphasis" | "borderImage" | "float" | "content" | "overflowBlock" | "overflowInline" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridTemplateColumns" | "gridTemplateAreas" | "borderInlineColor" | "borderInlineStartColor" | "borderInlineEndColor" | "borderBlockWidth" | "borderBlockStartWidth" | "borderBlockEndWidth" | "borderInlineWidth" | "borderInlineStartWidth" | "borderInlineEndWidth" | "borderBlockStyle" | "borderBlockStartStyle" | "borderBlockEndStyle" | "borderInlineStyle" | "borderInlineStartStyle" | "borderInlineEndStyle" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "objectFit" | "verticalAlign" | "insetBlock" | "insetBlockStart" | "insetBlockEnd" | "insetInline" | "insetInlineStart" | "insetInlineEnd" | "blockSize" | "minBlockSize" | "maxBlockSize" | "inlineSize" | "minInlineSize" | "maxInlineSize" | "space" | "spaceDirection" | "separator" | "animation" | "animateOnly" | "animatePresence" | "backfaceVisibility" | "backgroundColor" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockStartColor" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderCurve" | "borderEndColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderLeftColor" | "borderRadius" | "borderRightColor" | "borderStartColor" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "borderBottomWidth" | "borderEndWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStartWidth" | "borderTopWidth" | "borderWidth" | "bottom" | "end" | "flex" | "flexBasis" | "flexDirection" | "rowGap" | "gap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "left" | "margin" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginVertical" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "padding" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "position" | "right" | "start" | "top" | "width" | "zIndex" | "direction" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "transform" | "transformMatrix" | "rotation" | "translateX" | "translateY" | "onPress" | "onLongPress" | "onPressIn" | "onPressOut" | "onHoverIn" | "onHoverOut" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "onFocus" | "onBlur" | "hoverStyle" | "pressStyle" | "focusStyle" | "focusVisibleStyle" | "disabledStyle" | "exitStyle" | "enterStyle" | "value" | "size" | `$${string}` | "unstyled" | "name" | "checked" | "defaultChecked" | "required" | "onCheckedChange" | `$${number}` | `$group-${string}` | `$group-${number}` | `$group-${string}-hover` | `$group-${string}-press` | `$group-${string}-focus` | `$group-${string}-focusVisible` | `$group-${number}-hover` | `$group-${number}-press` | `$group-${number}-focus` | `$group-${number}-focusVisible` | `$theme-${string}` | `$theme-${number}` | "labeledBy" | "nativeProps"> & import("tamagui").StackNonStyleProps & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {}>> & {
     size?: import("tamagui").SizeTokens | number;
     unstyled?: boolean;
 } & import("@tamagui/switch-headless").SwitchExtraProps & {
@@ -28,7 +28,7 @@ export declare const Switch: import("react").ForwardRefExoticComponent<Omit<impo
         left?: number;
         right?: number;
     } | undefined;
-}>, "theme" | "native" | "debug" | "background" | "borderColor" | "outlineColor" | "shadowColor" | "hitSlop" | "pointerEvents" | "display" | "children" | "target" | "htmlFor" | "asChild" | "dangerouslySetInnerHTML" | "disabled" | "className" | "themeShallow" | "themeInverse" | "id" | "tag" | "group" | "untilMeasured" | "componentName" | "tabIndex" | "role" | "disableOptimization" | "forceStyle" | "disableClassName" | "style" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "renderToHardwareTextureAndroid" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "x" | "y" | "perspective" | "scale" | "scaleX" | "scaleY" | "skewX" | "skewY" | "matrix" | "rotate" | "rotateY" | "rotateX" | "rotateZ" | "transition" | "textWrap" | "contain" | "touchAction" | "cursor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "userSelect" | "scrollbarWidth" | "transformOrigin" | "filter" | "backdropFilter" | "mixBlendMode" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "backgroundClip" | "backgroundBlendMode" | "backgroundAttachment" | "clipPath" | "containerType" | "caretColor" | "transformStyle" | "mask" | "maskImage" | "textEmphasis" | "borderImage" | "float" | "content" | "overflowBlock" | "overflowInline" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridTemplateColumns" | "gridTemplateAreas" | "borderInlineColor" | "borderInlineStartColor" | "borderInlineEndColor" | "borderBlockWidth" | "borderBlockStartWidth" | "borderBlockEndWidth" | "borderInlineWidth" | "borderInlineStartWidth" | "borderInlineEndWidth" | "borderBlockStyle" | "borderBlockStartStyle" | "borderBlockEndStyle" | "borderInlineStyle" | "borderInlineStartStyle" | "borderInlineEndStyle" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "objectFit" | "verticalAlign" | "insetBlock" | "insetBlockStart" | "insetBlockEnd" | "insetInline" | "insetInlineStart" | "insetInlineEnd" | "blockSize" | "minBlockSize" | "maxBlockSize" | "inlineSize" | "minInlineSize" | "maxInlineSize" | "space" | "spaceDirection" | "separator" | "animation" | "animateOnly" | "animatePresence" | "backfaceVisibility" | "backgroundColor" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockStartColor" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderCurve" | "borderEndColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderLeftColor" | "borderRadius" | "borderRightColor" | "borderStartColor" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "borderBottomWidth" | "borderEndWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStartWidth" | "borderTopWidth" | "borderWidth" | "bottom" | "end" | "flex" | "flexBasis" | "flexDirection" | "rowGap" | "gap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "left" | "margin" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginVertical" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "padding" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "position" | "right" | "start" | "top" | "width" | "zIndex" | "direction" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "transform" | "transformMatrix" | "rotation" | "translateX" | "translateY" | "onPress" | "onLongPress" | "onPressIn" | "onPressOut" | "onHoverIn" | "onHoverOut" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "onFocus" | "onBlur" | "hoverStyle" | "pressStyle" | "focusStyle" | "focusVisibleStyle" | "disabledStyle" | "exitStyle" | "enterStyle" | "value" | "size" | `$${string}` | "unstyled" | "name" | `$${number}` | `$theme-${string}` | `$theme-${number}` | "checked" | "defaultChecked" | "required" | "onCheckedChange" | `$group-${string}` | `$group-${number}` | `$group-${string}-hover` | `$group-${string}-press` | `$group-${string}-focus` | `$group-${string}-focusVisible` | `$group-${number}-hover` | `$group-${number}-press` | `$group-${number}-focus` | `$group-${number}-focusVisible` | "labeledBy" | "nativeProps"> & import("tamagui").StackNonStyleProps & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {}>> & {
+}>, "theme" | "native" | "debug" | "background" | "borderColor" | "outlineColor" | "shadowColor" | "hitSlop" | "pointerEvents" | "display" | "children" | "target" | "htmlFor" | "asChild" | "dangerouslySetInnerHTML" | "disabled" | "className" | "themeShallow" | "themeInverse" | "id" | "tag" | "group" | "untilMeasured" | "componentName" | "tabIndex" | "role" | "disableOptimization" | "forceStyle" | "disableClassName" | "style" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "renderToHardwareTextureAndroid" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "x" | "y" | "perspective" | "scale" | "scaleX" | "scaleY" | "skewX" | "skewY" | "matrix" | "rotate" | "rotateY" | "rotateX" | "rotateZ" | "transition" | "textWrap" | "contain" | "touchAction" | "cursor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "userSelect" | "scrollbarWidth" | "transformOrigin" | "filter" | "backdropFilter" | "mixBlendMode" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "backgroundClip" | "backgroundBlendMode" | "backgroundAttachment" | "clipPath" | "containerType" | "caretColor" | "transformStyle" | "mask" | "maskImage" | "textEmphasis" | "borderImage" | "float" | "content" | "overflowBlock" | "overflowInline" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridTemplateColumns" | "gridTemplateAreas" | "borderInlineColor" | "borderInlineStartColor" | "borderInlineEndColor" | "borderBlockWidth" | "borderBlockStartWidth" | "borderBlockEndWidth" | "borderInlineWidth" | "borderInlineStartWidth" | "borderInlineEndWidth" | "borderBlockStyle" | "borderBlockStartStyle" | "borderBlockEndStyle" | "borderInlineStyle" | "borderInlineStartStyle" | "borderInlineEndStyle" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "objectFit" | "verticalAlign" | "insetBlock" | "insetBlockStart" | "insetBlockEnd" | "insetInline" | "insetInlineStart" | "insetInlineEnd" | "blockSize" | "minBlockSize" | "maxBlockSize" | "inlineSize" | "minInlineSize" | "maxInlineSize" | "space" | "spaceDirection" | "separator" | "animation" | "animateOnly" | "animatePresence" | "backfaceVisibility" | "backgroundColor" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockStartColor" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderCurve" | "borderEndColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderLeftColor" | "borderRadius" | "borderRightColor" | "borderStartColor" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "borderBottomWidth" | "borderEndWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStartWidth" | "borderTopWidth" | "borderWidth" | "bottom" | "end" | "flex" | "flexBasis" | "flexDirection" | "rowGap" | "gap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "left" | "margin" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginVertical" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "padding" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "position" | "right" | "start" | "top" | "width" | "zIndex" | "direction" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "transform" | "transformMatrix" | "rotation" | "translateX" | "translateY" | "onPress" | "onLongPress" | "onPressIn" | "onPressOut" | "onHoverIn" | "onHoverOut" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "onFocus" | "onBlur" | "hoverStyle" | "pressStyle" | "focusStyle" | "focusVisibleStyle" | "disabledStyle" | "exitStyle" | "enterStyle" | "value" | "size" | `$${string}` | "unstyled" | "name" | "checked" | "defaultChecked" | "required" | "onCheckedChange" | `$${number}` | `$group-${string}` | `$group-${number}` | `$group-${string}-hover` | `$group-${string}-press` | `$group-${string}-focus` | `$group-${string}-focusVisible` | `$group-${number}-hover` | `$group-${number}-press` | `$group-${number}-focus` | `$group-${number}-focusVisible` | `$theme-${string}` | `$theme-${number}` | "labeledBy" | "nativeProps"> & import("tamagui").StackNonStyleProps & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {}>> & {
     size?: import("tamagui").SizeTokens | number;
     unstyled?: boolean;
 } & import("@tamagui/switch-headless").SwitchExtraProps & {