@tamagui/demos 1.125.6 → 1.125.8

package/dist/esm/NewInputsDemo.native.js

@@ -1,47 +1,37 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Input, TextArea, XStack, YStack } from "tamagui";
 function NewInputsDemo() {
-  return /* @__PURE__ */ _jsxs(YStack, {
+  return /* @__PURE__ */_jsxs(YStack, {
     width: 200,
     minHeight: 250,
     overflow: "hidden",
     space: "$2",
     margin: "$3",
     padding: "$2",
-    children: [
-      /* @__PURE__ */ _jsx(InputDemo, {
-        size: "$2"
-      }),
-      /* @__PURE__ */ _jsx(InputDemo, {
-        size: "$3"
-      }),
-      /* @__PURE__ */ _jsx(InputDemo, {
-        size: "$4"
-      }),
-      /* @__PURE__ */ _jsx(TextArea, {
-        placeholder: "Enter your details..."
-      })
-    ]
+    children: [/* @__PURE__ */_jsx(InputDemo, {
+      size: "$2"
+    }), /* @__PURE__ */_jsx(InputDemo, {
+      size: "$3"
+    }), /* @__PURE__ */_jsx(InputDemo, {
+      size: "$4"
+    }), /* @__PURE__ */_jsx(TextArea, {
+      placeholder: "Enter your details..."
+    })]
   });
 }
 function InputDemo(props) {
-  return /* @__PURE__ */ _jsxs(XStack, {
+  return /* @__PURE__ */_jsxs(XStack, {
     alignItems: "center",
     space: "$2",
-    children: [
-      /* @__PURE__ */ _jsx(Input, {
-        flex: 1,
-        size: props.size,
-        placeholder: `Size ${props.size}...`
-      }),
-      /* @__PURE__ */ _jsx(Button, {
-        size: props.size,
-        children: "Go"
-      })
-    ]
+    children: [/* @__PURE__ */_jsx(Input, {
+      flex: 1,
+      size: props.size,
+      placeholder: `Size ${props.size}...`
+    }), /* @__PURE__ */_jsx(Button, {
+      size: props.size,
+      children: "Go"
+    })]
   });
 }
-export {
-  NewInputsDemo
-};
-//# sourceMappingURL=NewInputsDemo.js.map
+export { NewInputsDemo };
+//# sourceMappingURL=NewInputsDemo.native.js.map

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

@@ -1,6 +1 @@
-{
-  "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"]
-}
+{"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":[]}

package/dist/esm/PopoverDemo.native.js

@@ -4,160 +4,129 @@ 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,
     stayInFrame: !0,
     offset: 15,
     resize: !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, {
-          animation: "medium",
-          modal: !0,
-          dismissOnSnapToBottom: !0,
-          children: [
-            /* @__PURE__ */ _jsx(Popover.Sheet.Frame, {
-              padding: "$4",
-              children: /* @__PURE__ */ _jsx(Adapt.Contents, {})
-            }),
-            /* @__PURE__ */ _jsx(Popover.Sheet.Overlay, {
-              backgroundColor: "$shadowColor",
-              animation: "lazy",
-              enterStyle: {
-                opacity: 0
-              },
-              exitStyle: {
-                opacity: 0
-              }
-            })
-          ]
-        })
-      }),
-      /* @__PURE__ */ _jsxs(Popover.Content, {
-        borderWidth: 1,
-        borderColor: "$borderColor",
-        width: 250,
-        height: 250,
-        enterStyle: {
-          y: -10,
-          opacity: 0
-        },
-        exitStyle: {
-          y: -10,
-          opacity: 0
-        },
-        elevate: !0,
-        animation: [
-          "quick",
-          {
-            opacity: {
-              overshootClamping: !0
-            }
+    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, {
+        animation: "medium",
+        modal: !0,
+        dismissOnSnapToBottom: !0,
+        children: [/* @__PURE__ */_jsx(Popover.Sheet.Frame, {
+          padding: "$4",
+          children: /* @__PURE__ */_jsx(Adapt.Contents, {})
+        }), /* @__PURE__ */_jsx(Popover.Sheet.Overlay, {
+          backgroundColor: "$shadowColor",
+          animation: "lazy",
+          enterStyle: {
+            opacity: 0
+          },
+          exitStyle: {
+            opacity: 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"
-                  )
-                })
-              })
-            ]
-          })
-        ]
+        })]
       })
-    ]
+    }), /* @__PURE__ */_jsxs(Popover.Content, {
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      width: 250,
+      height: 250,
+      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.js.map
+export { Demo, PopoverDemo };
+//# sourceMappingURL=PopoverDemo.native.js.map

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

@@ -1,6 +1 @@
-{
-  "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;IAACC,aAAW;IAACC,QAAQ;IAAIC,QAAM;IAAE,GAAGL;;MAC9D,qBAACf,QAAQqB,SAAO;QAACC,SAAO;kBACtB,qBAAC1B,QAAAA;UAAO2B,MAAMX;;;MAGfR,eACC,qBAACT,OAAAA;QAAM6B,MAAK;QAAKC,UAAS;kBACxB,sBAACzB,QAAQ0B,OAAK;UAACC,WAAU;UAASC,OAAK;UAACC,uBAAqB;;YAC3D,qBAAC7B,QAAQ0B,MAAMI,OAAK;cAACC,SAAQ;wBAC3B,qBAACpC,MAAMqC,UAAQ,CAAA,CAAA;;YAEjB,qBAAChC,QAAQ0B,MAAMO,SAAO;cACpBC,iBAAgB;cAChBP,WAAU;cACVQ,YAAY;gBAAEC,SAAS;cAAE;cACzBC,WAAW;gBAAED,SAAS;cAAE;;;;;MAMhC,sBAACpC,QAAQsC,SAAO;QACdC,aAAa;QACbC,aAAY;QACZC,OAAO;QACPC,QAAQ;QACRP,YAAY;UAAEQ,GAAG;UAAKP,SAAS;QAAE;QACjCC,WAAW;UAAEM,GAAG;UAAKP,SAAS;QAAE;QAChCQ,SAAO;QACPjB,WAAW;UACT;UACA;YACES,SAAS;cACPS,mBAAmB;YACrB;UACF;;;UAGF,qBAAC7C,QAAQ8C,OAAK;YAACP,aAAa;YAAGC,aAAY;;UAE3C,sBAACtC,QAAAA;YAAOI,KAAI;;cACV,sBAACL,QAAAA;gBAAOK,KAAI;;kBACV,qBAACP,OAAAA;oBAAMiB,MAAK;oBAAK+B,SAASlC;8BAAM;;kBAGhC,qBAAChB,OAAAA;oBAAMmD,GAAG;oBAAGhC,MAAK;oBAAKiC,IAAIpC;;;;cAG7B,qBAACb,QAAQkD,OAAK;gBAAC5B,SAAO;0BACpB,qBAAC1B,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", "stayInFrame", "offset", "resize", "Trigger", "asChild", "icon", "when", "platform", "Sheet", "animation", "modal", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "backgroundColor", "enterStyle", "opacity", "exitStyle", "Content", "borderWidth", "borderColor", "width", "height", "y", "elevate", "overshootClamping", "Arrow", "htmlFor", "f", "id", "Close"]
-}
+{"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","stayInFrame","offset","resize","Trigger","asChild","icon","when","platform","Sheet","animation","modal","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","backgroundColor","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","width","height","y","elevate"],"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;IACEC,WAAA;IAICC,MAAA;IAGKC,MAAA;IAEA,GACAL,KAAA;IAAAV,QAAC,GAAc,eAAdpB,IAAA,CAAAa,OAAA,CAAAuB,OAAA;MAAAC,OACC;MAAgBjB,QAChB,iBAAUpB,IAAA,CAAAS,MAAA;QACV6B,IAAA,EAAAZ;MAAyB;IACD,IAC1BT,WAAA,mBAAAjB,IAAA,CAAAQ,KAAA;MACF+B,IACF;MAGFC,QAAA;MAACpB,QAAQ,iBAAAlB,KAAA,CAAAW,OAAA,CAAA4B,KAAA;QAARC,SAAA;QACCC,KAAA;QACAC,qBAAY;QACZxB,QAAO,GACP,eAAQpB,IAAA,CAAAa,OAAA,CAAA4B,KAAA,CAAAI,KAAA;UACRC,OAAY,EAAE,IAAG;UACjB1B,QAAa,EAAG,eAAgBpB,IAAA,CAAAQ,KAAA,CAAAuC,QAAA;QAChC,IACA,eAAW/C,IAAA,CAAAa,OAAA,CAAA4B,KAAA,CAAAO,OAAA;UACTC,eAAA;UACAP,SAAA;UACEQ,UAAS;YACPC,OAAA;UACF;UACFC,SAAA;YACFD,OAAA;UAEA;QAAA;MAGE;IACE,IAEA,eACAjD,KAAA,CAAAW,OAAC,CAAAwC,OAAM;MAA0BC,WACnC;MAAAC,WAEA,gBAAC;MACCC,KAAA,EAAC;MAAAC,MAAA;MAAAP,UACC;QAAKQ,CAAA,KACL;QAAeP,OAEf;MAAA;MACDC,SAAA;QAAAM,CAAA,EAED,GACF;QAAAP,OACF;MAAA;MAAAQ,OAAA;MACFjB,SAAA,GACF,SAEJ","ignoreList":[]}

package/dist/esm/ProgressDemo.native.js

@@ -2,95 +2,78 @@ 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"
+  }, []), /* @__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);
         },
-        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"
-          })
-        ]
-      })
-    ]
+        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.js.map
+export { ProgressDemo };
+//# sourceMappingURL=ProgressDemo.native.js.map

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

@@ -1,6 +1 @@
-{
-  "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"]
-}
+{"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":[]}

package/dist/esm/RadioGroupDemo.native.js

@@ -1,57 +1,47 @@
 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.js.map
+export { RadioGroupDemo, RadioGroupItemWithLabel };
+//# sourceMappingURL=RadioGroupDemo.native.js.map

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

@@ -1,6 +1 @@
-{
-  "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"]
-}
+{"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":[]}