@tamagui/demos 1.126.14 → 1.126.16

package/dist/cjs/ProgressDemo.cjs

@@ -36,6 +36,7 @@ __export(ProgressDemo_exports, {
 module.exports = __toCommonJS(ProgressDemo_exports);
 var import_react = __toESM(require("react")),
   import_tamagui = require("tamagui"),
+  import_lucide_icons = require("@tamagui/lucide-icons"),
   import_jsx_runtime = require("react/jsx-runtime");
 function ProgressDemo() {
   const [key, setKey] = import_react.default.useState(0),
@@ -92,14 +93,14 @@ function ProgressDemo() {
         })]
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
         size: "$2",
-        onPress: () => setProgress(prev => (prev + 20) % 100),
-        children: "Load"
+        icon: import_lucide_icons.Play,
+        onPress: () => setProgress(prev => (prev + 20) % 100)
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
         size: "$2",
+        icon: import_lucide_icons.RotateCcw,
         onPress: () => {
           setKey(Math.random()), setProgress(0);
-        },
-        children: "Reset"
+        }
       })]
     })]
   });

package/dist/cjs/ProgressDemo.js

@@ -25,7 +25,7 @@ __export(ProgressDemo_exports, {
   ProgressDemo: () => ProgressDemo
 });
 module.exports = __toCommonJS(ProgressDemo_exports);
-var import_react = __toESM(require("react")), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react")), import_tamagui = require("tamagui"), import_lucide_icons = require("@tamagui/lucide-icons"), import_jsx_runtime = require("react/jsx-runtime");
 function ProgressDemo() {
   const [key, setKey] = import_react.default.useState(0), [size, setSize] = import_react.default.useState(4), [progress, setProgress] = import_react.default.useState(0), sizeProp = `$${size}`;
   return import_react.default.useEffect(() => {
@@ -69,15 +69,22 @@ 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",
+              icon: import_lucide_icons.Play,
+              onPress: () => setProgress((prev) => (prev + 20) % 100)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_tamagui.Button,
+            {
+              size: "$2",
+              icon: import_lucide_icons.RotateCcw,
               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,mBAAkB,2BAElB,iBAAoE,oBAgBhE;AAdG,SAAS,eAAe;AAC7B,QAAM,CAAC,KAAK,MAAM,IAAI,aAAAA,QAAM,SAAS,CAAC,GAChC,CAAC,MAAM,OAAO,IAAI,aAAAA,QAAM,SAAS,CAAC,GAClC,CAAC,UAAU,WAAW,IAAI,aAAAA,QAAM,SAAS,CAAC,GAC1C,WAAW,IAAI,IAAI;AAEzB,sBAAAA,QAAM,UAAU,MAAM;AACpB,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;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAElB,iBAAoE,oBACpE,sBAAgC,kCAgB5B;AAdG,SAAS,eAAe;AAC7B,QAAM,CAAC,KAAK,MAAM,IAAI,aAAAA,QAAM,SAAS,CAAC,GAChC,CAAC,MAAM,OAAO,IAAI,aAAAA,QAAM,SAAS,CAAC,GAClC,CAAC,UAAU,WAAW,IAAI,aAAAA,QAAM,SAAS,CAAC,GAC1C,WAAW,IAAI,IAAI;AAEzB,sBAAAA,QAAM,UAAU,MAAM;AACpB,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;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAM;AAAA,cACN,SAAS,MAAM,YAAY,CAAC,UAAU,OAAO,MAAM,GAAG;AAAA;AAAA,UACxD;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAM;AAAA,cACN,SAAS,MAAM;AACb,uBAAO,KAAK,OAAO,CAAC,GACpB,YAAY,CAAC;AAAA,cACf;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
   "names": ["React"]
 }

package/dist/cjs/ProgressDemo.native.js

@@ -26,7 +26,7 @@ __export(ProgressDemo_exports, {
   ProgressDemo: () => ProgressDemo
 });
 module.exports = __toCommonJS(ProgressDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(require("react")), import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(require("react")), import_tamagui = require("tamagui"), import_lucide_icons = require("@tamagui/lucide-icons");
 function ProgressDemo() {
   var [key, setKey] = import_react.default.useState(0), [size, setSize] = import_react.default.useState(4), [progress, setProgress] = import_react.default.useState(0), sizeProp = `$${size}`;
   return import_react.default.useEffect(function() {
@@ -97,19 +97,19 @@ function ProgressDemo() {
           }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
             size: "$2",
+            icon: import_lucide_icons.Play,
             onPress: function() {
               return setProgress(function(prev) {
                 return (prev + 20) % 100;
               });
-            },
-            children: "Load"
+            }
           }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
             size: "$2",
+            icon: import_lucide_icons.RotateCcw,
             onPress: function() {
               setKey(Math.random()), setProgress(0);
-            },
-            children: "Reset"
+            }
           })
         ]
       })

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ProgressDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,2BAElB,iBAAoE;AAE7D,SAASA,eAAAA;AACd,MAAM,CAACC,KAAKC,MAAAA,IAAUC,aAAAA,QAAMC,SAAS,CAAA,GAC/B,CAACC,MAAMC,OAAAA,IAAWH,aAAAA,QAAMC,SAAS,CAAA,GACjC,CAACG,UAAUC,WAAAA,IAAeL,aAAAA,QAAMC,SAAS,CAAA,GACzCK,WAAW,IAAIJ,IAAAA;AAErBF,sBAAAA,QAAMO,UAAU,WAAA;AACd,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;;aADjBzB,GAAAA;;;MAKjB,uCAAAa,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;kBAAC,CAACC,GAAAA,IAAI;AACnBlC,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;AACP/C,qBAAOiD,KAAKC,OAAM,CAAA,GAClB5C,YAAY,CAAA;YACd;sBACD;;;;;;AAMT;",
-  "names": ["ProgressDemo", "key", "setKey", "React", "useState", "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"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,2BAElB,iBAAoE,oBACpE,sBAAgC;AAEzB,SAASA,eAAAA;AACd,MAAM,CAACC,KAAKC,MAAAA,IAAUC,aAAAA,QAAMC,SAAS,CAAA,GAC/B,CAACC,MAAMC,OAAAA,IAAWH,aAAAA,QAAMC,SAAS,CAAA,GACjC,CAACG,UAAUC,WAAAA,IAAeL,aAAAA,QAAMC,SAAS,CAAA,GACzCK,WAAW,IAAIJ,IAAAA;AAErBF,sBAAAA,QAAMO,UAAU,WAAA;AACd,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;;aADjBzB,GAAAA;;;MAKjB,uCAAAa,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;kBAAC,CAACC,GAAAA,IAAI;AACnBlC,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;YACC3C,MAAK;YACL4C,MAAMC;YACNC,SAAS,WAAA;qBAAM3C,YAAY,SAAC4C,MAAAA;wBAAUA,OAAO,MAAM;;;;UAErD,uCAAA9B,KAAC0B,uBAAAA;YACC3C,MAAK;YACL4C,MAAMI;YACNF,SAAS,WAAA;AACPjD,qBAAOoD,KAAKC,OAAM,CAAA,GAClB/C,YAAY,CAAA;YACd;;;;;;AAKV;",
+  "names": ["ProgressDemo", "key", "setKey", "React", "useState", "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", "icon", "Play", "onPress", "prev", "RotateCcw", "Math", "random"]
 }

package/dist/esm/ProgressDemo.js

@@ -1,5 +1,6 @@
 import React from "react";
 import { Button, Paragraph, Progress, Slider, XStack, YStack } from "tamagui";
+import { Play, RotateCcw } from "@tamagui/lucide-icons";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function ProgressDemo() {
   const [key, setKey] = React.useState(0), [size, setSize] = React.useState(4), [progress, setProgress] = React.useState(0), sizeProp = `$${size}`;
@@ -44,15 +45,22 @@ function ProgressDemo() {
               ]
             }
           ),
-          /* @__PURE__ */ jsx(Button, { size: "$2", onPress: () => setProgress((prev) => (prev + 20) % 100), children: "Load" }),
           /* @__PURE__ */ jsx(
             Button,
             {
               size: "$2",
+              icon: Play,
+              onPress: () => setProgress((prev) => (prev + 20) % 100)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "$2",
+              icon: RotateCcw,
               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,OAAO,WAAW;AAElB,SAAS,QAAQ,WAAW,UAAU,QAAQ,QAAQ,cAAc;AAgBhE,mBAMM,KAJF,YAFJ;AAdG,SAAS,eAAe;AAC7B,QAAM,CAAC,KAAK,MAAM,IAAI,MAAM,SAAS,CAAC,GAChC,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,CAAC,GAClC,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,CAAC,GAC1C,WAAW,IAAI,IAAI;AAEzB,eAAM,UAAU,MAAM;AACpB,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;",
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,QAAQ,WAAW,UAAU,QAAQ,QAAQ,cAAc;AACpE,SAAS,MAAM,iBAAiB;AAgB5B,mBAMM,KAJF,YAFJ;AAdG,SAAS,eAAe;AAC7B,QAAM,CAAC,KAAK,MAAM,IAAI,MAAM,SAAS,CAAC,GAChC,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,CAAC,GAClC,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,CAAC,GAC1C,WAAW,IAAI,IAAI;AAEzB,eAAM,UAAU,MAAM;AACpB,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;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAM;AAAA,cACN,SAAS,MAAM,YAAY,CAAC,UAAU,OAAO,MAAM,GAAG;AAAA;AAAA,UACxD;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAM;AAAA,cACN,SAAS,MAAM;AACb,uBAAO,KAAK,OAAO,CAAC,GACpB,YAAY,CAAC;AAAA,cACf;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/esm/ProgressDemo.mjs

@@ -1,5 +1,6 @@
 import React from "react";
 import { Button, Paragraph, Progress, Slider, XStack, YStack } from "tamagui";
+import { Play, RotateCcw } from "@tamagui/lucide-icons";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function ProgressDemo() {
   const [key, setKey] = React.useState(0),
@@ -56,14 +57,14 @@ function ProgressDemo() {
         })]
       }), /* @__PURE__ */jsx(Button, {
         size: "$2",
-        onPress: () => setProgress(prev => (prev + 20) % 100),
-        children: "Load"
+        icon: Play,
+        onPress: () => setProgress(prev => (prev + 20) % 100)
       }), /* @__PURE__ */jsx(Button, {
         size: "$2",
+        icon: RotateCcw,
         onPress: () => {
           setKey(Math.random()), setProgress(0);
-        },
-        children: "Reset"
+        }
       })]
     })]
   });

package/dist/esm/ProgressDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","Button","Paragraph","Progress","Slider","XStack","YStack","Fragment","jsx","jsxs","ProgressDemo","key","setKey","useState","size","setSize","progress","setProgress","sizeProp","useEffect","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,OAAOA,KAAA,MAAW;AAElB,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,KAAA,CAAMa,QAAA,CAAS,CAAC;IAChC,CAACC,IAAA,EAAMC,OAAO,IAAIf,KAAA,CAAMa,QAAA,CAAS,CAAC;IAClC,CAACG,QAAA,EAAUC,WAAW,IAAIjB,KAAA,CAAMa,QAAA,CAAS,CAAC;IAC1CK,QAAA,GAAW,IAAIJ,IAAI;EAEzB,OAAAd,KAAA,CAAMmB,SAAA,CAAU,MAAM;IACpB,MAAMC,KAAA,GAAQC,UAAA,CAAW,MAAMJ,WAAA,CAAY,EAAE,GAAG,GAAI;IACpD,OAAO,MAAM;MACXK,YAAA,CAAaF,KAAK;IACpB;EACF,GAAG,EAAE,GAGH,eAAAX,IAAA,CAAAF,QAAA;IACEgB,QAAA,kBAAAd,IAAA,CAACH,MAAA;MAAOkB,MAAA,EAAQ;MAAIC,UAAA,EAAW;MAASC,GAAA,EAAI;MAC1CH,QAAA,kBAAAd,IAAA,CAACP,SAAA;QAAUsB,MAAA,EAAQ;QAAIG,OAAA,EAAS;QAAKJ,QAAA,aAC5BT,IAAA;MAAA,CACT,GACA,eAAAN,GAAA,CAACL,QAAA;QAAmBW,IAAA,EAAMI,QAAA;QAAUU,KAAA,EAAOZ,QAAA;QACzCO,QAAA,iBAAAf,GAAA,CAACL,QAAA,CAAS0B,SAAA,EAAT;UAAmBC,SAAA,EAAU;QAAA,CAAS;MAAA,GAD1BnB,GAEf;IAAA,CACF,GAEA,eAAAF,IAAA,CAACJ,MAAA;MACCoB,UAAA,EAAW;MACXC,GAAA,EAAI;MACJK,QAAA,EAAS;MACTC,MAAA,EAAO;MACPC,IAAA,EAAK;MACLC,IAAA,EAAM;QAAEC,OAAA,EAAS;MAAO;MAExBZ,QAAA,kBAAAd,IAAA,CAACL,MAAA;QACCU,IAAA,EAAK;QACLsB,KAAA,EAAO;QACPC,YAAA,EAAc,CAAC,CAAC;QAChBC,GAAA,EAAK;QACLC,GAAA,EAAK;QACLC,IAAA,EAAM;QACNC,aAAA,EAAeA,CAAC,CAACC,GAAG,MAAM;UACxB3B,OAAA,CAAQ2B,GAAG;QACb;QAEAnB,QAAA,kBAAAf,GAAA,CAACJ,MAAA,CAAOuC,KAAA,EAAP;UAAaC,WAAA,EAAa;UAAGC,WAAA,EAAY;UACxCtB,QAAA,iBAAAf,GAAA,CAACJ,MAAA,CAAO0C,WAAA,EAAP,EAAmB;QAAA,CACtB,GACA,eAAAtC,GAAA,CAACJ,MAAA,CAAO2C,KAAA,EAAP;UAAaC,QAAA,EAAQ;UAACC,KAAA,EAAO;QAAA,CAAG;MAAA,CACnC,GAEA,eAAAzC,GAAA,CAACP,MAAA;QAAOa,IAAA,EAAK;QAAKoC,OAAA,EAASA,CAAA,KAAMjC,WAAA,CAAakC,IAAA,KAAUA,IAAA,GAAO,MAAM,GAAG;QAAG5B,QAAA;MAAA,CAE3E,GACA,eAAAf,GAAA,CAACP,MAAA;QACCa,IAAA,EAAK;QACLoC,OAAA,EAASA,CAAA,KAAM;UACbtC,MAAA,CAAOwC,IAAA,CAAKC,MAAA,CAAO,CAAC,GACpBpC,WAAA,CAAY,CAAC;QACf;QACDM,QAAA;MAAA,CAED;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["React","Button","Paragraph","Progress","Slider","XStack","YStack","Play","RotateCcw","Fragment","jsx","jsxs","ProgressDemo","key","setKey","useState","size","setSize","progress","setProgress","sizeProp","useEffect","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","icon","onPress","prev","Math","random"],"sources":["../../src/ProgressDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,SAASC,MAAA,EAAQC,SAAA,EAAWC,QAAA,EAAUC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AACpE,SAASC,IAAA,EAAMC,SAAA,QAAiB;AAgB5B,SAAAC,QAAA,EAMMC,GAAA,EAJFC,IAAA,QAFJ;AAdG,SAASC,aAAA,EAAe;EAC7B,MAAM,CAACC,GAAA,EAAKC,MAAM,IAAId,KAAA,CAAMe,QAAA,CAAS,CAAC;IAChC,CAACC,IAAA,EAAMC,OAAO,IAAIjB,KAAA,CAAMe,QAAA,CAAS,CAAC;IAClC,CAACG,QAAA,EAAUC,WAAW,IAAInB,KAAA,CAAMe,QAAA,CAAS,CAAC;IAC1CK,QAAA,GAAW,IAAIJ,IAAI;EAEzB,OAAAhB,KAAA,CAAMqB,SAAA,CAAU,MAAM;IACpB,MAAMC,KAAA,GAAQC,UAAA,CAAW,MAAMJ,WAAA,CAAY,EAAE,GAAG,GAAI;IACpD,OAAO,MAAM;MACXK,YAAA,CAAaF,KAAK;IACpB;EACF,GAAG,EAAE,GAGH,eAAAX,IAAA,CAAAF,QAAA;IACEgB,QAAA,kBAAAd,IAAA,CAACL,MAAA;MAAOoB,MAAA,EAAQ;MAAIC,UAAA,EAAW;MAASC,GAAA,EAAI;MAC1CH,QAAA,kBAAAd,IAAA,CAACT,SAAA;QAAUwB,MAAA,EAAQ;QAAIG,OAAA,EAAS;QAAKJ,QAAA,aAC5BT,IAAA;MAAA,CACT,GACA,eAAAN,GAAA,CAACP,QAAA;QAAmBa,IAAA,EAAMI,QAAA;QAAUU,KAAA,EAAOZ,QAAA;QACzCO,QAAA,iBAAAf,GAAA,CAACP,QAAA,CAAS4B,SAAA,EAAT;UAAmBC,SAAA,EAAU;QAAA,CAAS;MAAA,GAD1BnB,GAEf;IAAA,CACF,GAEA,eAAAF,IAAA,CAACN,MAAA;MACCsB,UAAA,EAAW;MACXC,GAAA,EAAI;MACJK,QAAA,EAAS;MACTC,MAAA,EAAO;MACPC,IAAA,EAAK;MACLC,IAAA,EAAM;QAAEC,OAAA,EAAS;MAAO;MAExBZ,QAAA,kBAAAd,IAAA,CAACP,MAAA;QACCY,IAAA,EAAK;QACLsB,KAAA,EAAO;QACPC,YAAA,EAAc,CAAC,CAAC;QAChBC,GAAA,EAAK;QACLC,GAAA,EAAK;QACLC,IAAA,EAAM;QACNC,aAAA,EAAeA,CAAC,CAACC,GAAG,MAAM;UACxB3B,OAAA,CAAQ2B,GAAG;QACb;QAEAnB,QAAA,kBAAAf,GAAA,CAACN,MAAA,CAAOyC,KAAA,EAAP;UAAaC,WAAA,EAAa;UAAGC,WAAA,EAAY;UACxCtB,QAAA,iBAAAf,GAAA,CAACN,MAAA,CAAO4C,WAAA,EAAP,EAAmB;QAAA,CACtB,GACA,eAAAtC,GAAA,CAACN,MAAA,CAAO6C,KAAA,EAAP;UAAaC,QAAA,EAAQ;UAACC,KAAA,EAAO;QAAA,CAAG;MAAA,CACnC,GAEA,eAAAzC,GAAA,CAACT,MAAA;QACCe,IAAA,EAAK;QACLoC,IAAA,EAAM7C,IAAA;QACN8C,OAAA,EAASA,CAAA,KAAMlC,WAAA,CAAamC,IAAA,KAAUA,IAAA,GAAO,MAAM,GAAG;MAAA,CACxD,GACA,eAAA5C,GAAA,CAACT,MAAA;QACCe,IAAA,EAAK;QACLoC,IAAA,EAAM5C,SAAA;QACN6C,OAAA,EAASA,CAAA,KAAM;UACbvC,MAAA,CAAOyC,IAAA,CAAKC,MAAA,CAAO,CAAC,GACpBrC,WAAA,CAAY,CAAC;QACf;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/ProgressDemo.native.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from "react";
 import { Button, Paragraph, Progress, Slider, XStack, YStack } from "tamagui";
+import { Play, RotateCcw } from "@tamagui/lucide-icons";
 function ProgressDemo() {
   var [key, setKey] = React.useState(0),
     [size, setSize] = React.useState(4),
@@ -59,18 +60,18 @@ function ProgressDemo() {
         })]
       }), /* @__PURE__ */_jsx(Button, {
         size: "$2",
+        icon: Play,
         onPress: function () {
           return setProgress(function (prev) {
             return (prev + 20) % 100;
           });
-        },
-        children: "Load"
+        }
       }), /* @__PURE__ */_jsx(Button, {
         size: "$2",
+        icon: RotateCcw,
         onPress: function () {
           setKey(Math.random()), setProgress(0);
-        },
-        children: "Reset"
+        }
       })]
     })]
   });

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","Button","Paragraph","Progress","Slider","XStack","YStack","ProgressDemo","key","setKey","useState","size","setSize","progress","setProgress","sizeProp","useEffect","timer","setTimeout","clearTimeout","children","height","alignItems","gap","opacity","value","Indicator","animation","position","bottom","left","$xxs","display","width","defaultValue","min","max","step","onValueChange","param","val","Track","borderWidth"],"sources":["../../src/ProgressDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAElB,OAAAC,KAAS,MAAQ;AAgBb,SAAAC,MAAA,EAAAC,SAEI,EAAAC,QAFJ,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAdG,SAASC,aAAA,EAAe;EAC7B,KAAAC,GAAO,EAAAC,MAAK,IAAMT,KAAI,CAAAU,QAAM,GAAS;IAAC,CAAAC,IAC/B,EAAAC,OAAM,IAAOZ,KAAI,CAAAU,QAAM,GAAS;IAAC,CAAAG,QACjC,EAAAC,WAAU,IAAWd,KAAI,CAAAU,QAAM,GAAS;IAACK,QAC1C,OAAWJ,IAAI,EAAI;EAEzB,OAAAX,KAAA,CAAMgB,SAAA,CAAU,YAAM;IACpB,IAAAC,KAAM,GAAAC,UAAQ,aAAiB;MAC/B,OAAOJ,WAAM;IACX;IACF;MACEK,YAGF,CAAAF,KAAA;IACE;EACE,uBAAApB,KAAC,CAAAE,SAAU;IAA0BqB,QAAA,kBAC5BvB,KAAA,CAAAS,MAAA;MAAAe,MACT;MACAC,UAAA,UAAC;MAGHC,GAAA;MAEAH,QAAA,GAAC,eAAAvB,KAAA,CAAAK,SAAA;QAAAmB,MAAA;QACCG,OAAA,EAAW;QACXJ,QAAI,GACJ,QAAS,EACTT,IAAO;MAEP,IAEA,eAAAhB,IAAA,CAAAQ,QAAA;QAAAQ,IAAA,EAAAI,QAAA;QAACU,KAAA,EAAAZ,QAAA;QAAAO,QAAA,iBAAAzB,IAAA,CAAAQ,QAAA,CAAAuB,SAAA;UACCC,SAAK;QAAA;MACE,GAAAnB,GACP;IACK,IACA,eACCX,KAAA,CAAAQ,MAAA;MAAAiB,UACN;MACEC,GAAA;MAAWK,QACb;MAAAC,MAEA;MAAAC,IAAA;MAEAC,IAAA;QACiCC,OAAA;MAAA;MAAAZ,QACnC,GAEA,eAAAvB,KAAC,CAAAO,MAAA,EAAO;QAGRO,IAAA;QAACsB,KAAA;QAAAC,YAAA,GACC,EAAK;QAEHC,GAAA;QACaC,GACf;QAAAC,IACD;QAAAC,aAAA,WAAAA,CAAAC,KAAA;UAED,KAAAC,GAAA,IAAAD,KAAA;UAAA3B,OAAA,CAAA4B,GAAA;QAAA;QACFpB,QAAA,GACF,eAAAzB,IAAA,CAAAS,MAAA,CAAAqC,KAAA;UAEJC,WAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","Button","Paragraph","Progress","Slider","XStack","YStack","Play","RotateCcw","ProgressDemo","key","setKey","useState","size","setSize","progress","setProgress","sizeProp","useEffect","timer","setTimeout","clearTimeout","children","height","alignItems","gap","opacity","value","Indicator","animation","position","bottom","left","$xxs","display","width","defaultValue","min","max","step","onValueChange","param","val","Track","borderWidth","borderColor","TrackActive","Thumb","circular","index"],"sources":["../../src/ProgressDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAElB,OAAAC,KAAS,MAAQ;AACjB,SAASC,MAAM,EAAAC,SAAA,EAAAC,QAAiB,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAgB5B,SAAAC,IAAA,EAAAC,SAEI,+BAFJ;AAdG,SAASC,aAAA,EAAe;EAC7B,KAAAC,GAAO,EAAAC,MAAK,IAAMX,KAAI,CAAAY,QAAM,GAAS;IAAC,CAAAC,IAC/B,EAAAC,OAAM,IAAOd,KAAI,CAAAY,QAAM,GAAS;IAAC,CAAAG,QACjC,EAAAC,WAAU,IAAWhB,KAAI,CAAAY,QAAM,GAAS;IAACK,QAC1C,OAAWJ,IAAI,EAAI;EAEzB,OAAAb,KAAA,CAAMkB,SAAA,CAAU,YAAM;IACpB,IAAAC,KAAM,GAAAC,UAAQ,aAAiB;MAC/B,OAAOJ,WAAM;IACX;IACF;MACEK,YAGF,CAAAF,KAAA;IACE;EACE,uBAAAtB,KAAC,CAAAE,SAAU;IAA0BuB,QAAA,kBAC5BzB,KAAA,CAAAS,MAAA;MAAAiB,MACT;MACAC,UAAA,UAAC;MAGHC,GAAA;MAEAH,QAAA,GAAC,eAAAzB,KAAA,CAAAK,SAAA;QAAAqB,MAAA;QACCG,OAAA,EAAW;QACXJ,QAAI,GACJ,QAAS,EACTT,IAAO;MAEP,IAEA,eAAAlB,IAAA,CAAAQ,QAAA;QAAAU,IAAA,EAAAI,QAAA;QAACU,KAAA,EAAAZ,QAAA;QAAAO,QAAA,iBAAA3B,IAAA,CAAAQ,QAAA,CAAAyB,SAAA;UACCC,SAAK;QAAA;MACE,GAAAnB,GACP;IACK,IACA,eACCb,KAAA,CAAAQ,MAAA;MAAAmB,UACN;MACEC,GAAA;MAAWK,QACb;MAAAC,MAEA;MAAAC,IAAA;MAEAC,IAAA;QACiCC,OAAA;MAAA;MAAAZ,QACnC,GAEA,eAAAzB,KAAA,CAAAO,MAAA;QAACS,IAAA;QAAAsB,KAAA;QAAAC,YACM,GACL,EAAM;QACgDC,GAAA;QACxDC,GAAA;QACAC,IAAA;QAACC,aAAA,WAAAA,CAAAC,KAAA;UAAA,KAAAC,GAAA,IAAAD,KAAA;UACC3B,OAAK,CAAA4B,GAAA;QAAA;QACCpB,QACN,GACE,eAAY3B,IAAA,CAAOS,MACnB,CAAAuC,KAAA;UACFC,WAAA;UAAAC,WAAA;UACFvB,QAAA,iBAAA3B,IAAA,CAAAS,MAAA,CAAA0C,WAAA;QAAA,mBAAAnD,IAAA,CAAAS,MAAA,CAAA2C,KAAA;UACFC,QAAA;UACFC,KAAA;QAEJ","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/demos",
-  "version": "1.126.14",
+  "version": "1.126.16",
   "sideEffects": [
     "*.css"
   ],
@@ -45,30 +45,30 @@
     }
   },
   "dependencies": {
-    "@tamagui/avatar": "1.126.14",
-    "@tamagui/button": "1.126.14",
-    "@tamagui/config": "1.126.14",
-    "@tamagui/core": "1.126.14",
-    "@tamagui/list-item": "1.126.14",
-    "@tamagui/logo": "1.126.14",
-    "@tamagui/lucide-icons": "1.126.14",
-    "@tamagui/menu": "1.126.14",
-    "@tamagui/popover": "1.126.14",
-    "@tamagui/progress": "1.126.14",
-    "@tamagui/radio-group": "1.126.14",
-    "@tamagui/select": "1.126.14",
-    "@tamagui/sheet": "1.126.14",
-    "@tamagui/slider": "1.126.14",
-    "@tamagui/stacks": "1.126.14",
-    "@tamagui/tamagui-dev-config": "1.126.14",
-    "@tamagui/toast": "1.126.14",
-    "tamagui": "1.126.14"
+    "@tamagui/avatar": "1.126.16",
+    "@tamagui/button": "1.126.16",
+    "@tamagui/config": "1.126.16",
+    "@tamagui/core": "1.126.16",
+    "@tamagui/list-item": "1.126.16",
+    "@tamagui/logo": "1.126.16",
+    "@tamagui/lucide-icons": "1.126.16",
+    "@tamagui/menu": "1.126.16",
+    "@tamagui/popover": "1.126.16",
+    "@tamagui/progress": "1.126.16",
+    "@tamagui/radio-group": "1.126.16",
+    "@tamagui/select": "1.126.16",
+    "@tamagui/sheet": "1.126.16",
+    "@tamagui/slider": "1.126.16",
+    "@tamagui/stacks": "1.126.16",
+    "@tamagui/tamagui-dev-config": "1.126.16",
+    "@tamagui/toast": "1.126.16",
+    "tamagui": "1.126.16"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.126.14",
+    "@tamagui/build": "1.126.16",
     "react": "*"
   },
   "publishConfig": {

package/src/ProgressDemo.tsx

@@ -1,6 +1,7 @@
 import React from 'react'
 import type { SizeTokens } from 'tamagui'
 import { Button, Paragraph, Progress, Slider, XStack, YStack } from 'tamagui'
+import { Play, RotateCcw } from '@tamagui/lucide-icons'
 
 export function ProgressDemo() {
   const [key, setKey] = React.useState(0)
@@ -51,18 +52,19 @@ export function ProgressDemo() {
           <Slider.Thumb circular index={0} />
         </Slider>
 
-        <Button size="$2" onPress={() => setProgress((prev) => (prev + 20) % 100)}>
-          Load
-        </Button>
         <Button
           size="$2"
+          icon={Play}
+          onPress={() => setProgress((prev) => (prev + 20) % 100)}
+        />
+        <Button
+          size="$2"
+          icon={RotateCcw}
           onPress={() => {
             setKey(Math.random())
             setProgress(0)
           }}
-        >
-          Reset
-        </Button>
+        />
       </XStack>
     </>
   )