@tamagui/demos 1.113.1 → 1.114.0

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

@@ -1 +1,6 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","Input","TextArea","XStack","YStack","NewInputsDemo","width","minHeight","overflow","space","margin","padding","children","InputDemo","size","placeholder","props"],"sources":["../../src/NewInputsDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAO,IAAAC,KAAU,QAAQ,mBAAc;AAIpD,SAQEC,MARF,EAAAC,KAAA,EAAAC,QAAA,EAAAC,MAAA,EAAAC,MAAA;AAFG,SAASC,cAAA,EAAgB;EAC9B,OACE,eAAAN,KAAA,CAAAK,MAAA;IAACE,KAAA;IAAAC,SAAA;IAAAC,QACC,EAAO;IAAAC,KACP;IAAWC,MACX,MAAS;IAAAC,OACT,EAAM;IAAAC,QACN,EAAO,CACP,eAAQf,IAAA,CAAAgB,SAAA;MAERC,IAAA;IAAA,IAAqB,eACrBjB,IAAA,CAAAgB,SAAC;MACDC,IAAA;IAAqB,EACrB,EAA8C,eAAAjB,IAAA,CAAAgB,SAAA;MAAAC,IAAA;IAChD,IAEJ,eAAAjB,IAAA,CAAAK,QAAA;MAEAa,WAAmB;IACjB;EAE4E,EACxE;AAA4B;AAGlC,SAAAF,UAAAG,KAAA","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/code/demos/src/NewInputsDemo.tsx"],
+  "mappings": ";AACA,SAASA,QAAQC,OAAOC,UAAUC,QAAQC,cAAc;AAEjD,SAASC,gBAAAA;AACd,SACE,sBAACD,QAAAA;IACCE,OAAO;IACPC,WAAW;IACXC,UAAS;IACTC,OAAM;IACNC,QAAO;IACPC,SAAQ;;MAER,qBAACC,WAAAA;QAAUC,MAAK;;MAChB,qBAACD,WAAAA;QAAUC,MAAK;;MAChB,qBAACD,WAAAA;QAAUC,MAAK;;MAChB,qBAACX,UAAAA;QAASY,aAAY;;;;AAG5B;AAEA,SAASF,UAAUG,OAA2B;AAC5C,SACE,sBAACZ,QAAAA;IAAOa,YAAW;IAASP,OAAM;;MAChC,qBAACR,OAAAA;QAAMgB,MAAM;QAAGJ,MAAME,MAAMF;QAAMC,aAAa,QAAQC,MAAMF,IAAI;;MACjE,qBAACb,QAAAA;QAAOa,MAAME,MAAMF;kBAAM;;;;AAGhC;",
+  "names": ["Button", "Input", "TextArea", "XStack", "YStack", "NewInputsDemo", "width", "minHeight", "overflow", "space", "margin", "padding", "InputDemo", "size", "placeholder", "props", "alignItems", "flex"]
+}

package/dist/esm/PopoverDemo.native.js

@@ -4,122 +4,153 @@ import { useState } from "react";
 import { Adapt, Button, Input, isWeb, Label, Popover, XStack, YStack } from "tamagui";
 function PopoverDemo() {
   var [shouldAdapt, setShouldAdapt] = useState(!0);
-  return /* @__PURE__ */_jsxs(YStack, {
+  return /* @__PURE__ */ _jsxs(YStack, {
     gap: "$4",
-    children: [/* @__PURE__ */_jsxs(XStack, {
-      gap: "$2",
-      flex: 1,
-      justifyContent: "center",
-      alignItems: "center",
-      children: [/* @__PURE__ */_jsx(Demo, {
-        shouldAdapt,
-        placement: "left",
-        Icon: ChevronLeft,
-        Name: "left-popover"
-      }), /* @__PURE__ */_jsx(Demo, {
-        shouldAdapt,
-        placement: "bottom",
-        Icon: ChevronDown,
-        Name: "bottom-popover"
-      }), /* @__PURE__ */_jsx(Demo, {
-        shouldAdapt,
-        placement: "top",
-        Icon: ChevronUp,
-        Name: "top-popover"
-      }), /* @__PURE__ */_jsx(Demo, {
-        shouldAdapt,
-        placement: "right",
-        Icon: ChevronRight,
-        Name: "right-popover"
-      })]
-    }), !isWeb && /* @__PURE__ */_jsxs(Button, {
-      onPress: function () {
-        return setShouldAdapt(!shouldAdapt);
-      },
-      children: ["Adapt to Sheet: ", `${shouldAdapt}`]
-    })]
+    children: [
+      /* @__PURE__ */ _jsxs(XStack, {
+        gap: "$2",
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+        children: [
+          /* @__PURE__ */ _jsx(Demo, {
+            shouldAdapt,
+            placement: "left",
+            Icon: ChevronLeft,
+            Name: "left-popover"
+          }),
+          /* @__PURE__ */ _jsx(Demo, {
+            shouldAdapt,
+            placement: "bottom",
+            Icon: ChevronDown,
+            Name: "bottom-popover"
+          }),
+          /* @__PURE__ */ _jsx(Demo, {
+            shouldAdapt,
+            placement: "top",
+            Icon: ChevronUp,
+            Name: "top-popover"
+          }),
+          /* @__PURE__ */ _jsx(Demo, {
+            shouldAdapt,
+            placement: "right",
+            Icon: ChevronRight,
+            Name: "right-popover"
+          })
+        ]
+      }),
+      !isWeb && /* @__PURE__ */ _jsxs(Button, {
+        onPress: function() {
+          return setShouldAdapt(!shouldAdapt);
+        },
+        children: [
+          "Adapt to Sheet: ",
+          `${shouldAdapt}`
+        ]
+      })
+    ]
   });
 }
 function Demo(param) {
-  var {
-    Icon,
-    Name,
-    shouldAdapt,
-    ...props
-  } = param;
-  return /* @__PURE__ */_jsxs(Popover, {
+  var { Icon, Name, shouldAdapt, ...props } = param;
+  return /* @__PURE__ */ _jsxs(Popover, {
     size: "$5",
     allowFlip: !0,
     ...props,
-    children: [/* @__PURE__ */_jsx(Popover.Trigger, {
-      asChild: !0,
-      children: /* @__PURE__ */_jsx(Button, {
-        icon: Icon
-      })
-    }), shouldAdapt && /* @__PURE__ */_jsx(Adapt, {
-      when: "sm",
-      platform: "touch",
-      children: /* @__PURE__ */_jsxs(Popover.Sheet, {
-        modal: !0,
-        dismissOnSnapToBottom: !0,
-        children: [/* @__PURE__ */_jsx(Popover.Sheet.Frame, {
-          padding: "$4",
-          children: /* @__PURE__ */_jsx(Adapt.Contents, {})
-        }), /* @__PURE__ */_jsx(Popover.Sheet.Overlay, {
-          animation: "lazy",
-          enterStyle: {
-            opacity: 0
-          },
-          exitStyle: {
-            opacity: 0
-          }
-        })]
-      })
-    }), /* @__PURE__ */_jsxs(Popover.Content, {
-      borderWidth: 1,
-      borderColor: "$borderColor",
-      enterStyle: {
-        y: -10,
-        opacity: 0
-      },
-      exitStyle: {
-        y: -10,
-        opacity: 0
-      },
-      elevate: !0,
-      animation: ["quick", {
-        opacity: {
-          overshootClamping: !0
-        }
-      }],
-      children: [/* @__PURE__ */_jsx(Popover.Arrow, {
+    children: [
+      /* @__PURE__ */ _jsx(Popover.Trigger, {
+        asChild: !0,
+        children: /* @__PURE__ */ _jsx(Button, {
+          icon: Icon
+        })
+      }),
+      shouldAdapt && /* @__PURE__ */ _jsx(Adapt, {
+        when: "sm",
+        platform: "touch",
+        children: /* @__PURE__ */ _jsxs(Popover.Sheet, {
+          modal: !0,
+          dismissOnSnapToBottom: !0,
+          children: [
+            /* @__PURE__ */ _jsx(Popover.Sheet.Frame, {
+              padding: "$4",
+              children: /* @__PURE__ */ _jsx(Adapt.Contents, {})
+            }),
+            /* @__PURE__ */ _jsx(Popover.Sheet.Overlay, {
+              animation: "lazy",
+              enterStyle: {
+                opacity: 0
+              },
+              exitStyle: {
+                opacity: 0
+              }
+            })
+          ]
+        })
+      }),
+      /* @__PURE__ */ _jsxs(Popover.Content, {
         borderWidth: 1,
-        borderColor: "$borderColor"
-      }), /* @__PURE__ */_jsxs(YStack, {
-        gap: "$3",
-        children: [/* @__PURE__ */_jsxs(XStack, {
-          gap: "$3",
-          children: [/* @__PURE__ */_jsx(Label, {
-            size: "$3",
-            htmlFor: Name,
-            children: "Name"
-          }), /* @__PURE__ */_jsx(Input, {
-            f: 1,
-            size: "$3",
-            id: Name
-          })]
-        }), /* @__PURE__ */_jsx(Popover.Close, {
-          asChild: !0,
-          children: /* @__PURE__ */_jsx(Button, {
-            size: "$3",
-            onPress: function () {},
-            children: (/* Custom code goes here, does not interfere with popover closure */
-            "Submit")
+        borderColor: "$borderColor",
+        enterStyle: {
+          y: -10,
+          opacity: 0
+        },
+        exitStyle: {
+          y: -10,
+          opacity: 0
+        },
+        elevate: !0,
+        animation: [
+          "quick",
+          {
+            opacity: {
+              overshootClamping: !0
+            }
+          }
+        ],
+        children: [
+          /* @__PURE__ */ _jsx(Popover.Arrow, {
+            borderWidth: 1,
+            borderColor: "$borderColor"
+          }),
+          /* @__PURE__ */ _jsxs(YStack, {
+            gap: "$3",
+            children: [
+              /* @__PURE__ */ _jsxs(XStack, {
+                gap: "$3",
+                children: [
+                  /* @__PURE__ */ _jsx(Label, {
+                    size: "$3",
+                    htmlFor: Name,
+                    children: "Name"
+                  }),
+                  /* @__PURE__ */ _jsx(Input, {
+                    f: 1,
+                    size: "$3",
+                    id: Name
+                  })
+                ]
+              }),
+              /* @__PURE__ */ _jsx(Popover.Close, {
+                asChild: !0,
+                children: /* @__PURE__ */ _jsx(Button, {
+                  size: "$3",
+                  onPress: function() {
+                  },
+                  children: (
+                    /* Custom code goes here, does not interfere with popover closure */
+                    "Submit"
+                  )
+                })
+              })
+            ]
           })
-        })]
-      })]
-    })]
+        ]
+      })
+    ]
   });
 }
-export { Demo, PopoverDemo };
-//# sourceMappingURL=PopoverDemo.native.js.map
+export {
+  Demo,
+  PopoverDemo
+};
+//# sourceMappingURL=PopoverDemo.js.map

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

@@ -1 +1,6 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","useState","Adapt","Button","Input","isWeb","Label","Popover","XStack","YStack","PopoverDemo","shouldAdapt","setShouldAdapt","gap","children","flex","justifyContent","alignItems","Demo","placement","Icon","Name","onPress","param","props","size","allowFlip","Trigger","asChild","icon","when","platform","Sheet","modal","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","animation","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","y","elevate","overshootClamping"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAa,2BAAc;AACjD,SAASC,WAAA,EAAAC,WAAgB,EAAAC,YAAA,EAAAC,SAAA;AAEzB,SAASC,QAAO,QAAQ,OAAO;AAOzB,SACEC,KADF,EAAAC,MAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,OAAA,EAAAC,MAAA,EAAAC,MAAA;AALC,SAASC,YAAA,EAAc;EAC5B,KAAAC,WAAO,EAAAC,cAAa,IAAcX,QAAI,GAAS;EAE/C,OACE,eAAAL,KAAC,CAAAa,MAAA;IACCI,GAAA;IACEC,QAAA,kBAAClB,KAAA,CAAAY,MAAA;MAAAK,GAAA;MAAAE,IACC;MAAAC,cACU;MAAAC,UACJ;MAAAH,QACD,kBAAApB,IAAA,CAAAwB,IAAA;QACPP,WAAA;QACAQ,SAAA;QAACC,IAAA,EAAAtB,WAAA;QAAAuB,IAAA;MACC,IACA,eAAU3B,IAAA,CAAAwB,IAAA;QACVP,WAAM;QACNQ,SAAK;QAAAC,IAAA,EAAAvB,WAAA;QACPwB,IAAA;MACA,IAAC,eAAA3B,IAAA,CAAAwB,IAAA;QAAAP,WAAA;QACCQ,SAAA;QACAC,IAAA,EAAApB,SAAU;QACVqB,IAAM;MACN,IAAK,eAAA3B,IAAA,CAAAwB,IAAA;QACPP,WAAA;QACAQ,SAAA;QAACC,IAAA,EAAArB,YAAA;QAAAsB,IAAA;MACC;IACU,IACJ,CAAAhB,KACN,IAAK,eAAAT,KAAA,CAAAO,MAAA;MAAAmB,OAAA,WAAAA,CAAA;QACP,OAAAV,cAAA,EAAAD,WAAA;MACF;MAEEG,QACA,GAAqD,oBAC/B,GAAAH,WAAW;IAGrC;EAIG;AAAc;AACnB,SACAO,KAAAK,KAAA;EACA;IAAAH,IAAA;IAAAC,IAAA;IAAAV,WAAA;IAAA,GAAAa;EAAA,IAAAD,KAAA;EACA,OAAG,eAAA3B,KAAA,CAAAW,OAAA;IACmEkB,IAAA;IACtEC,SACE;IACE,GAAAF,KAAA;IAICV,QAAA,GAGK,eAAApB,IAAC,CAAAa,OAAQ,CAAAoB,OAAM;MAGfC,OAAA;MAACd,QAAQ,iBAAMpB,IAAA,CAAAS,MAAA;QAAd0B,IAAA,EAAAT;MAAA;IACW,IACeT,WACzB,IAAW,eAAajB,IAAA,CAAAQ,KAAA;MAAA4B,IAAA;MAC1BC,QAAA;MACFjB,QACF,iBAAAlB,KAAA,CAAAW,OAAA,CAAAyB,KAAA;QAGFC,KAAA;QAACC,qBAAQ;QAARpB,QAAA,GACC,eAAapB,IAAA,CAAAa,OAAA,CAAAyB,KAAA,CAAAG,KAAA;UACbC,OAAY;UACZtB,QAAc,iBAAiBpB,IAAE,CAAAQ,KAAA,CAAAmC,QAAA;QACjC,IACA,eAAO3C,IAAA,CAAAa,OAAA,CAAAyB,KAAA,CAAAM,OAAA;UACPC,SAAW;UACTC,UAAA;YACAC,OAAA;UACE;UACEC,SAAA;YACFD,OAAA;UACF;QACF;MAEA;IAA0D,IAGxD,eAAA7C,KAAA,CAAAW,OAAC,CAAAoC,OAAO;MACNC,WAAA;MAEAC,WACA,gBAAC;MAAgCL,UACnC;QAAAM,CAAA,EAEA;QACEL,OAAC;MAAA;MAAAC,SACC;QAAKI,CAAA,KACL;QAAeL,OAEf;MAAA;MACDM,OAAA;MAAAR,SAGH,UACF;QAAAE,OAAA;UACFO,iBAAA;QACF;MAEJ,E","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/code/demos/src/PopoverDemo.tsx"],
+  "mappings": ";AAAA,SAASA,aAAaC,aAAaC,cAAcC,iBAAiB;AAClE,SAASC,gBAAgB;AAEzB,SAASC,OAAOC,QAAQC,OAAOC,OAAOC,OAAOC,SAASC,QAAQC,cAAc;AAErE,SAASC,cAAAA;AACd,MAAM,CAACC,aAAaC,cAAAA,IAAkBX,SAAS,EAAA;AAE/C,SACE,sBAACQ,QAAAA;IAAOI,KAAI;;MACV,sBAACL,QAAAA;QAAOK,KAAI;QAAKC,MAAM;QAAGC,gBAAe;QAASC,YAAW;;UAC3D,qBAACC,MAAAA;YACCN;YACAO,WAAU;YACVC,MAAMrB;YACNsB,MAAK;;UAEP,qBAACH,MAAAA;YACCN;YACAO,WAAU;YACVC,MAAMtB;YACNuB,MAAK;;UAEP,qBAACH,MAAAA;YACCN;YACAO,WAAU;YACVC,MAAMnB;YACNoB,MAAK;;UAEP,qBAACH,MAAAA;YACCN;YACAO,WAAU;YACVC,MAAMpB;YACNqB,MAAK;;;;MAIR,CAACf,SACA,sBAACF,QAAAA;QAAOkB,SAAS,WAAA;iBAAMT,eAAe,CAACD,WAAAA;;;UAAc;UAClC,GAAGA,WAAAA;;;;;AAK9B;AAEO,SAASM,KAAK,OAKiD;MALjD,EACnBE,MACAC,MACAT,aACA,GAAGW,MAAAA,IAJgB;AAMnB,SACE,sBAACf,SAAAA;IAAQgB,MAAK;IAAKC,WAAS;IAAE,GAAGF;;MAC/B,qBAACf,QAAQkB,SAAO;QAACC,SAAO;kBACtB,qBAACvB,QAAAA;UAAOwB,MAAMR;;;MAGfR,eACC,qBAACT,OAAAA;QAAM0B,MAAK;QAAKC,UAAS;kBACxB,sBAACtB,QAAQuB,OAAK;UAACC,OAAK;UAACC,uBAAqB;;YACxC,qBAACzB,QAAQuB,MAAMG,OAAK;cAACC,SAAQ;wBAC3B,qBAAChC,MAAMiC,UAAQ,CAAA,CAAA;;YAEjB,qBAAC5B,QAAQuB,MAAMM,SAAO;cACpBC,WAAU;cACVC,YAAY;gBAAEC,SAAS;cAAE;cACzBC,WAAW;gBAAED,SAAS;cAAE;;;;;MAMhC,sBAAChC,QAAQkC,SAAO;QACdC,aAAa;QACbC,aAAY;QACZL,YAAY;UAAEM,GAAG;UAAKL,SAAS;QAAE;QACjCC,WAAW;UAAEI,GAAG;UAAKL,SAAS;QAAE;QAChCM,SAAO;QACPR,WAAW;UACT;UACA;YACEE,SAAS;cACPO,mBAAmB;YACrB;UACF;;;UAGF,qBAACvC,QAAQwC,OAAK;YAACL,aAAa;YAAGC,aAAY;;UAE3C,sBAAClC,QAAAA;YAAOI,KAAI;;cACV,sBAACL,QAAAA;gBAAOK,KAAI;;kBACV,qBAACP,OAAAA;oBAAMiB,MAAK;oBAAKyB,SAAS5B;8BAAM;;kBAGhC,qBAAChB,OAAAA;oBAAM6C,GAAG;oBAAG1B,MAAK;oBAAK2B,IAAI9B;;;;cAG7B,qBAACb,QAAQ4C,OAAK;gBAACzB,SAAO;0BACpB,qBAACvB,QAAAA;kBACCoB,MAAK;kBACLF,SAAS,WAAA;kBAET;;;oBACD;;;;;;;;;;AAQb;",
+  "names": ["ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "useState", "Adapt", "Button", "Input", "isWeb", "Label", "Popover", "XStack", "YStack", "PopoverDemo", "shouldAdapt", "setShouldAdapt", "gap", "flex", "justifyContent", "alignItems", "Demo", "placement", "Icon", "Name", "onPress", "props", "size", "allowFlip", "Trigger", "asChild", "icon", "when", "platform", "Sheet", "modal", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "animation", "enterStyle", "opacity", "exitStyle", "Content", "borderWidth", "borderColor", "y", "elevate", "overshootClamping", "Arrow", "htmlFor", "f", "id", "Close"]
+}

package/dist/esm/ProgressDemo.native.js

@@ -2,78 +2,95 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import React from "react";
 import { Button, Paragraph, Progress, Slider, XStack, YStack } from "tamagui";
 function ProgressDemo() {
-  var [key, setKey] = React.useState(0),
-    [size, setSize] = React.useState(4),
-    [progress, setProgress] = React.useState(0),
-    sizeProp = `$${size}`;
-  return React.useEffect(function () {
-    var timer = setTimeout(function () {
+  var [key, setKey] = React.useState(0), [size, setSize] = React.useState(4), [progress, setProgress] = React.useState(0), sizeProp = `$${size}`;
+  return React.useEffect(function() {
+    var timer = setTimeout(function() {
       return setProgress(60);
     }, 1e3);
-    return function () {
+    return function() {
       clearTimeout(timer);
     };
-  }, []), /* @__PURE__ */_jsxs(_Fragment, {
-    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"
-        })
-      }, key)]
-    }), /* @__PURE__ */_jsxs(XStack, {
-      alignItems: "center",
-      gap: "$2",
-      position: "absolute",
-      bottom: "$3",
-      left: "$4",
-      $xxs: {
-        display: "none"
-      },
-      children: [/* @__PURE__ */_jsxs(Slider, {
-        size: "$2",
-        width: 130,
-        defaultValue: [4],
-        min: 2,
-        max: 6,
-        step: 1,
-        onValueChange: function (param) {
-          var [val] = param;
-          setSize(val);
+  }, []), /* @__PURE__ */ _jsxs(_Fragment, {
+    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"
+            })
+          }, key)
+        ]
+      }),
+      /* @__PURE__ */ _jsxs(XStack, {
+        alignItems: "center",
+        gap: "$2",
+        position: "absolute",
+        bottom: "$3",
+        left: "$4",
+        $xxs: {
+          display: "none"
         },
-        children: [/* @__PURE__ */_jsx(Slider.Track, {
-          borderWidth: 1,
-          borderColor: "$color5",
-          children: /* @__PURE__ */_jsx(Slider.TrackActive, {})
-        }), /* @__PURE__ */_jsx(Slider.Thumb, {
-          circular: !0,
-          index: 0
-        })]
-      }), /* @__PURE__ */_jsx(Button, {
-        size: "$2",
-        onPress: function () {
-          return setProgress(function (prev) {
-            return (prev + 20) % 100;
-          });
-        },
-        children: "Load"
-      }), /* @__PURE__ */_jsx(Button, {
-        size: "$2",
-        onPress: function () {
-          setKey(Math.random()), setProgress(0);
-        },
-        children: "Reset"
-      })]
-    })]
+        children: [
+          /* @__PURE__ */ _jsxs(Slider, {
+            size: "$2",
+            width: 130,
+            defaultValue: [
+              4
+            ],
+            min: 2,
+            max: 6,
+            step: 1,
+            onValueChange: function(param) {
+              var [val] = param;
+              setSize(val);
+            },
+            children: [
+              /* @__PURE__ */ _jsx(Slider.Track, {
+                borderWidth: 1,
+                borderColor: "$color5",
+                children: /* @__PURE__ */ _jsx(Slider.TrackActive, {})
+              }),
+              /* @__PURE__ */ _jsx(Slider.Thumb, {
+                circular: !0,
+                index: 0
+              })
+            ]
+          }),
+          /* @__PURE__ */ _jsx(Button, {
+            size: "$2",
+            onPress: function() {
+              return setProgress(function(prev) {
+                return (prev + 20) % 100;
+              });
+            },
+            children: "Load"
+          }),
+          /* @__PURE__ */ _jsx(Button, {
+            size: "$2",
+            onPress: function() {
+              setKey(Math.random()), setProgress(0);
+            },
+            children: "Reset"
+          })
+        ]
+      })
+    ]
   });
 }
-export { ProgressDemo };
-//# sourceMappingURL=ProgressDemo.native.js.map
+export {
+  ProgressDemo
+};
+//# sourceMappingURL=ProgressDemo.js.map

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

@@ -1 +1,6 @@
-{"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,
+  "sources": ["../../src/Users/n8/tamagui/code/demos/src/ProgressDemo.tsx"],
+  "mappings": ";AAAA,OAAOA,WAAW;AAElB,SAASC,QAAQC,WAAWC,UAAUC,QAAQC,QAAQC,cAAc;AAE7D,SAASC,eAAAA;AACd,MAAM,CAACC,KAAKC,MAAAA,IAAUT,MAAMU,SAAS,CAAA,GAC/B,CAACC,MAAMC,OAAAA,IAAWZ,MAAMU,SAAS,CAAA,GACjC,CAACG,UAAUC,WAAAA,IAAed,MAAMU,SAAS,CAAA,GACzCK,WAAW,IAAIJ,IAAAA;AAErBX,eAAMgB,UAAU,WAAA;AACd,QAAMC,QAAQC,WAAW,WAAA;aAAMJ,YAAY,EAAA;OAAK,GAAA;AAChD,WAAO,WAAA;AACLK,mBAAaF,KAAAA;IACf;EACF,GAAG,CAAA,CAAE,GAGH,sBAAA,WAAA;;MACE,sBAACX,QAAAA;QAAOc,QAAQ;QAAIC,YAAW;QAASC,KAAI;;UAC1C,sBAACpB,WAAAA;YAAUkB,QAAQ;YAAIG,SAAS;;cAAK;cAC5BZ;;;UAET,qBAACR,UAAAA;YAAmBQ,MAAMI;YAAUS,OAAOX;sBACzC,qBAACV,SAASsB,WAAS;cAACC,WAAU;;aADjBlB,GAAAA;;;MAKjB,sBAACH,QAAAA;QACCgB,YAAW;QACXC,KAAI;QACJK,UAAS;QACTC,QAAO;QACPC,MAAK;QACLC,MAAM;UAAEC,SAAS;QAAO;;UAExB,sBAAC3B,QAAAA;YACCO,MAAK;YACLqB,OAAO;YACPC,cAAc;cAAC;;YACfC,KAAK;YACLC,KAAK;YACLC,MAAM;YACNC,eAAe,SAAA,OAAA;kBAAC,CAACC,GAAAA,IAAI;AACnB1B,sBAAQ0B,GAAAA;YACV;;cAEA,qBAAClC,OAAOmC,OAAK;gBAACC,aAAa;gBAAGC,aAAY;0BACxC,qBAACrC,OAAOsC,aAAW,CAAA,CAAA;;cAErB,qBAACtC,OAAOuC,OAAK;gBAACC,UAAQ;gBAACC,OAAO;;;;UAGhC,qBAAC5C,QAAAA;YAAOU,MAAK;YAAKmC,SAAS,WAAA;qBAAMhC,YAAY,SAACiC,MAAAA;wBAAUA,OAAO,MAAM;;;sBAAM;;UAG3E,qBAAC9C,QAAAA;YACCU,MAAK;YACLmC,SAAS,WAAA;AACPrC,qBAAOuC,KAAKC,OAAM,CAAA,GAClBnC,YAAY,CAAA;YACd;sBACD;;;;;;AAMT;",
+  "names": ["React", "Button", "Paragraph", "Progress", "Slider", "XStack", "YStack", "ProgressDemo", "key", "setKey", "useState", "size", "setSize", "progress", "setProgress", "sizeProp", "useEffect", "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/esm/RadioGroupDemo.native.js

@@ -1,47 +1,57 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Label, RadioGroup, XStack, YStack } from "tamagui";
 function RadioGroupDemo() {
-  return /* @__PURE__ */_jsx(RadioGroup, {
+  return /* @__PURE__ */ _jsx(RadioGroup, {
     "aria-labelledby": "Select one item",
     defaultValue: "3",
     name: "form",
-    children: /* @__PURE__ */_jsxs(YStack, {
+    children: /* @__PURE__ */ _jsxs(YStack, {
       width: 300,
       alignItems: "center",
       space: "$2",
-      children: [/* @__PURE__ */_jsx(RadioGroupItemWithLabel, {
-        size: "$3",
-        value: "2",
-        label: "Second value"
-      }), /* @__PURE__ */_jsx(RadioGroupItemWithLabel, {
-        size: "$4",
-        value: "3",
-        label: "Third value"
-      }), /* @__PURE__ */_jsx(RadioGroupItemWithLabel, {
-        size: "$5",
-        value: "4",
-        label: "Fourth value"
-      })]
+      children: [
+        /* @__PURE__ */ _jsx(RadioGroupItemWithLabel, {
+          size: "$3",
+          value: "2",
+          label: "Second value"
+        }),
+        /* @__PURE__ */ _jsx(RadioGroupItemWithLabel, {
+          size: "$4",
+          value: "3",
+          label: "Third value"
+        }),
+        /* @__PURE__ */ _jsx(RadioGroupItemWithLabel, {
+          size: "$5",
+          value: "4",
+          label: "Fourth value"
+        })
+      ]
     })
   });
 }
 function RadioGroupItemWithLabel(props) {
   var id = `radiogroup-${props.value}`;
-  return /* @__PURE__ */_jsxs(XStack, {
+  return /* @__PURE__ */ _jsxs(XStack, {
     width: 300,
     alignItems: "center",
     space: "$4",
-    children: [/* @__PURE__ */_jsx(RadioGroup.Item, {
-      value: props.value,
-      id,
-      size: props.size,
-      children: /* @__PURE__ */_jsx(RadioGroup.Indicator, {})
-    }), /* @__PURE__ */_jsx(Label, {
-      size: props.size,
-      htmlFor: id,
-      children: props.label
-    })]
+    children: [
+      /* @__PURE__ */ _jsx(RadioGroup.Item, {
+        value: props.value,
+        id,
+        size: props.size,
+        children: /* @__PURE__ */ _jsx(RadioGroup.Indicator, {})
+      }),
+      /* @__PURE__ */ _jsx(Label, {
+        size: props.size,
+        htmlFor: id,
+        children: props.label
+      })
+    ]
   });
 }
-export { RadioGroupDemo, RadioGroupItemWithLabel };
-//# sourceMappingURL=RadioGroupDemo.native.js.map
+export {
+  RadioGroupDemo,
+  RadioGroupItemWithLabel
+};
+//# sourceMappingURL=RadioGroupDemo.js.map

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

@@ -1 +1,6 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Label","RadioGroup","XStack","YStack","RadioGroupDemo","defaultValue","name","children","width","alignItems","space","RadioGroupItemWithLabel","size","value","label"],"sources":["../../src/RadioGroupDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAYC,KAAA,QAAQ,mBAAc;AAK5C,SACEC,KADF,EAAAC,UAAA,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,eAAA,EAAiB;EAC/B,OACE,eAAAP,IAAC,CAAAI,UAAA;IAEG,oCAAC;IACDI,YAAA;IACAC,IAAA;IAAkEC,QAEtE,iBAAAR,KAAA,CAAAI,MAAA;MAEJK,KAAA;MAEOC,UAAS;MAKdC,KAAM,EAAK;MACXH,QACE,GACE,eAACV,IAAA,CAAAc,uBAAuB;QAIxBC,IAAA;QAGFC,KAAA;QAEJC,KAAA","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/code/demos/src/RadioGroupDemo.tsx"],
+  "mappings": ";AACA,SAASA,OAAOC,YAAYC,QAAQC,cAAc;AAE3C,SAASC,iBAAAA;AACd,SACE,qBAACH,YAAAA;IAAWI,mBAAgB;IAAkBC,cAAa;IAAIC,MAAK;cAClE,sBAACJ,QAAAA;MAAOK,OAAO;MAAKC,YAAW;MAASC,OAAM;;QAC5C,qBAACC,yBAAAA;UAAwBC,MAAK;UAAKC,OAAM;UAAIC,OAAM;;QACnD,qBAACH,yBAAAA;UAAwBC,MAAK;UAAKC,OAAM;UAAIC,OAAM;;QACnD,qBAACH,yBAAAA;UAAwBC,MAAK;UAAKC,OAAM;UAAIC,OAAM;;;;;AAI3D;AAEO,SAASH,wBAAwBI,OAIvC;AACC,MAAMC,KAAK,cAAcD,MAAMF,KAAK;AACpC,SACE,sBAACX,QAAAA;IAAOM,OAAO;IAAKC,YAAW;IAASC,OAAM;;MAC5C,qBAACT,WAAWgB,MAAI;QAACJ,OAAOE,MAAMF;QAAOG;QAAQJ,MAAMG,MAAMH;kBACvD,qBAACX,WAAWiB,WAAS,CAAA,CAAA;;MAGvB,qBAAClB,OAAAA;QAAMY,MAAMG,MAAMH;QAAMO,SAASH;kBAC/BD,MAAMD;;;;AAIf;",
+  "names": ["Label", "RadioGroup", "XStack", "YStack", "RadioGroupDemo", "aria-labelledby", "defaultValue", "name", "width", "alignItems", "space", "RadioGroupItemWithLabel", "size", "value", "label", "props", "id", "Item", "Indicator", "htmlFor"]
+}