@tamagui/demos 1.110.5 → 1.111.0

package/dist/esm/LucideIconsDemo.native.mjs

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import * as LucideIcons from "@tamagui/lucide-icons";
+import { ScrollView } from "react-native";
+import { Input, Paragraph, Spacer, YStack, useDebounceValue } from "tamagui";
+import { Grid } from "./Grid.mjs";
+var lucideIcons = Object.keys(
+// vite tree shaking workaround
+typeof LucideIcons < "u" ? LucideIcons : {}).map(function (name) {
+  return {
+    key: name.toLowerCase(),
+    name,
+    Icon: LucideIcons[name]
+  };
+});
+function LucideIconsDemo() {
+  var [searchRaw, setSearch] = React.useState(""),
+    search = useDebounceValue(searchRaw, 400),
+    size = 100,
+    iconsMemo = React.useMemo(function () {
+      return lucideIcons.filter(function (x) {
+        return x.key.includes(search.toLowerCase());
+      }).map(function (param) {
+        var {
+          Icon,
+          name
+        } = param;
+        return /* @__PURE__ */_jsxs(YStack, {
+          height: size + 20,
+          alignItems: "center",
+          justifyContent: "center",
+          children: [/* @__PURE__ */_jsx(Icon, {
+            size: size * 0.25
+          }), /* @__PURE__ */_jsx(Spacer, {}), /* @__PURE__ */_jsx(Paragraph, {
+            height: "$6",
+            wordWrap: "break-word",
+            maxWidth: "100%",
+            textAlign: "center",
+            paddingHorizontal: "$2",
+            size: "$1",
+            opacity: 0.5,
+            children: name
+          })]
+        }, name);
+      });
+    }, [search]);
+  return /* @__PURE__ */_jsxs(YStack, {
+    minWidth: "100%",
+    padding: "$4",
+    paddingBottom: "$0",
+    space: !0,
+    children: [/* @__PURE__ */_jsx(Input, {
+      value: searchRaw,
+      onChangeText: setSearch,
+      placeholder: "Search..."
+    }), /* @__PURE__ */_jsx(YStack, {
+      height: 420,
+      children: /* @__PURE__ */_jsx(ScrollView, {
+        children: /* @__PURE__ */_jsx(Grid, {
+          itemMinWidth: size,
+          children: iconsMemo
+        })
+      })
+    })]
+  });
+}
+export { LucideIconsDemo };
+//# sourceMappingURL=LucideIconsDemo.native.mjs.map

package/dist/esm/LucideIconsDemo.native.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","LucideIcons","ScrollView","Input","Paragraph","Spacer","YStack","useDebounceValue","Grid","lucideIcons","Object","keys","map","name","key","toLowerCase","Icon","LucideIconsDemo","searchRaw","setSearch","useState","search","size","iconsMemo","useMemo","filter","x","includes","param","height","alignItems","justifyContent","children","wordWrap","maxWidth","textAlign","paddingHorizontal","opacity","minWidth"],"sources":["../../src/LucideIconsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAY;AAEZ,YAASC,WAAA,MAAkB;AAC3B,SAASC,UAAO,QAAW,cAAQ;AAEnC,SAASC,KAAA,EAAAC,SAAY,EAAAC,MAAA,EAAAC,MAAA,EAAAC,gBAAA;AAsBX,SAMEC,IAAA,QANF;AApBV,IAAAC,WAAM,GAAAC,MAAc,CAAAC,IAAO;AAAA;AAEzB,OAAOV,WAAA,GAAgB,MAAcA,WAAA,GAAc,CAAC,CACtD,EAAEW,GAAA,CAAI,UAACC,IAAU;EACf,OAAK;IACLC,GAAA,EAAAD,IAAA,CAAAE,WAAA;IACAF,IAAM;IACNG,IAAA,EAAAf,WAAA,CAAAY,IAAA;EAEK;AACL;AAKwB,SACtBI,eAEKA,CAAA;EAEC,IAAC,CAAAC,SAAA,EAAAC,SAAA,IAAAnB,KAAA,CAAAoB,QAAA;IAAAC,MAAA,GAAAd,gBAAA,CAAAW,SAAA;IAAAI,IAAA;IAAAC,SAAA,GAAAvB,KAAA,CAAAwB,OAAA;MAAA,OAAAf,WAAA,CAAAgB,MAAA,WAAAC,CAAA;QAAA,OACCA,CAAA,CAAAZ,GAAQ,CAAAa,QAAO,CAAAN,MAAA,CAAAN,WAAA;MAAA,GAAAH,GACf,WAAWgB,KAAA;QAAA,IACX;UAAAZ,IAAA;UAAAH;QAAA,CAAe,GAAAe,KAAA;QAAA,OAGf,eAAA7B,KAAA,CAAAO,MAAA;UAAAuB,MAAA,EAAAP,IAAA;UAAyBQ,UACzB;UAAQC,cACR;UAAAC,QAAC,kBAAAnC,IAAA,CAAAmB,IAAA;YAAAM,IACC,EAAAA,IAAO;UAAA,IACE,eACAzB,IAAA,CAAAQ,MAAA,sBACCR,IAAA,CAAAO,SAAA;YAAAyB,MACV;YAAkBI,QACb;YAAAC,QACL,QAAS;YAAAC,SAER;YAAAC,iBAAA;YACHd,IAAA;YAAAe,OAAA;YAAAL,QAAA,EAAAnB;UAdK;QAiBZ,GAAAA,IAAM;MACT;IAEA,IAEIQ,MAAA,CAA0E,CAE1E;EAIA,OACF,eAAAtB,KAAA,CAAAO,MAAA;IAEJgC,QAAA","ignoreList":[]}

package/dist/esm/NewInputsDemo.native.js

@@ -32,7 +32,7 @@ function InputDemo(props) {
       /* @__PURE__ */ _jsx(Input, {
         flex: 1,
         size: props.size,
-        placeholder: "Size ".concat(props.size, "...")
+        placeholder: `Size ${props.size}...`
       }),
       /* @__PURE__ */ _jsx(Button, {
         size: props.size,

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

@@ -1,6 +1,6 @@
 {
   "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,aAAc,QAAkB,OAAXC,MAAMF,MAAK,KAAA;;MAClE,qBAACb,QAAAA;QAAOa,MAAME,MAAMF;kBAAM;;;;AAGhC;",
+  "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/NewInputsDemo.native.mjs

@@ -0,0 +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, {
+    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..."
+    })]
+  });
+}
+function InputDemo(props) {
+  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"
+    })]
+  });
+}
+export { NewInputsDemo };
+//# sourceMappingURL=NewInputsDemo.native.mjs.map

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

@@ -0,0 +1 @@
+{"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

@@ -1,57 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
 import { Adapt, Button, Input, Label, Popover, XStack, YStack } from "tamagui";
-function _define_property(obj, key, value) {
-  return key in obj ? Object.defineProperty(obj, key, {
-    value,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : obj[key] = value, obj;
-}
-function _object_spread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
-    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-    }))), ownKeys2.forEach(function(key) {
-      _define_property(target, key, source[key]);
-    });
-  }
-  return target;
-}
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _object_spread_props(target, source) {
-  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-  }), target;
-}
-function _object_without_properties(source, excluded) {
-  if (source == null) return {};
-  var target = _object_without_properties_loose(source, excluded), key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++)
-      key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
-  }
-  return target;
-}
-function _object_without_properties_loose(source, excluded) {
-  if (source == null) return {};
-  var target = {}, sourceKeys = Object.keys(source), key, i;
-  for (i = 0; i < sourceKeys.length; i++)
-    key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
-  return target;
-}
 function PopoverDemo() {
   return /* @__PURE__ */ _jsxs(XStack, {
     gap: "$2",
@@ -82,15 +31,12 @@ function PopoverDemo() {
     ]
   });
 }
-function Demo(_param) {
-  var Icon = _param.Icon, Name = _param.Name, props = _object_without_properties(_param, [
-    "Icon",
-    "Name"
-  ]);
-  return /* @__PURE__ */ _jsxs(Popover, _object_spread_props(_object_spread({
+function Demo(param) {
+  var { Icon, Name, ...props } = param;
+  return /* @__PURE__ */ _jsxs(Popover, {
     size: "$5",
-    allowFlip: !0
-  }, props), {
+    allowFlip: !0,
+    ...props,
     children: [
       /* @__PURE__ */ _jsx(Popover.Trigger, {
         asChild: !0,
@@ -180,7 +126,7 @@ function Demo(_param) {
         ]
       })
     ]
-  }));
+  });
 }
 export {
   Demo,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/PopoverDemo.tsx"],
-  "mappings": ";AAAA,SAASA,aAAaC,aAAaC,cAAcC,iBAAiB;AAElE,SAASC,OAAOC,QAAQC,OAAOC,OAAOC,SAASC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE9D,SAASC,cAAAA;AACd,SACE,sBAACF,QAAAA;IAAOG,KAAI;IAAKC,MAAM;IAAGC,gBAAe;IAASC,YAAW;;MAC3D,qBAACC,MAAAA;QAAKC,WAAU;QAAOC,MAAMjB;QAAakB,MAAK;;MAC/C,qBAACH,MAAAA;QAAKC,WAAU;QAASC,MAAMlB;QAAamB,MAAK;;MACjD,qBAACH,MAAAA;QAAKC,WAAU;QAAMC,MAAMf;QAAWgB,MAAK;;MAC5C,qBAACH,MAAAA;QAAKC,WAAU;QAAQC,MAAMhB;QAAciB,MAAK;;;;AAGvD;AAEO,SAASH,KAAK,QAAA;MACnBE,OADmB,OACnBA,MACAC,OAFmB,OAEnBA,MACGC,QAAAA,2BAHgB,QAAA;IACnBF;IACAC;;AAGA,SACE,sBAACX,SAAAA,qBAAAA,eAAAA;IAAQa,MAAK;IAAKC,WAAS;KAAKF,KAAAA,GAAAA;;MAC/B,qBAACZ,QAAQe,SAAO;QAACC,SAAO;kBACtB,qBAACnB,QAAAA;UAAOoB,MAAMP;;;MAGhB,qBAACd,OAAAA;QAAMsB,MAAK;QAAKC,UAAS;kBACxB,sBAACnB,QAAQoB,OAAK;UAACC,OAAK;UAACC,uBAAqB;;YACxC,qBAACtB,QAAQoB,MAAMG,OAAK;cAACC,SAAQ;wBAC3B,qBAAC5B,MAAM6B,UAAQ,CAAA,CAAA;;YAEjB,qBAACzB,QAAQoB,MAAMM,SAAO;cACpBC,WAAU;cACVC,YAAY;gBAAEC,SAAS;cAAE;cACzBC,WAAW;gBAAED,SAAS;cAAE;;;;;MAK9B,sBAAC7B,QAAQ+B,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,qBAACpC,QAAQqC,OAAK;YAACL,aAAa;YAAGC,aAAY;;UAE3C,sBAAC/B,QAAAA;YAAOE,KAAI;;cACV,sBAACH,QAAAA;gBAAOG,KAAI;;kBACV,qBAACL,OAAAA;oBAAMc,MAAK;oBAAKyB,SAAS3B;8BAAM;;kBAGhC,qBAACb,OAAAA;oBAAMe,MAAK;oBAAK0B,IAAI5B;;;;cAGvB,qBAACX,QAAQwC,OAAK;gBAACxB,SAAO;0BACpB,qBAACnB,QAAAA;kBACCgB,MAAK;kBACL4B,SAAS,WAAA;kBAET;;;oBACD;;;;;;;;;;AAQb;",
+  "mappings": ";AAAA,SAASA,aAAaC,aAAaC,cAAcC,iBAAiB;AAElE,SAASC,OAAOC,QAAQC,OAAOC,OAAOC,SAASC,QAAQC,cAAc;AAE9D,SAASC,cAAAA;AACd,SACE,sBAACF,QAAAA;IAAOG,KAAI;IAAKC,MAAM;IAAGC,gBAAe;IAASC,YAAW;;MAC3D,qBAACC,MAAAA;QAAKC,WAAU;QAAOC,MAAMjB;QAAakB,MAAK;;MAC/C,qBAACH,MAAAA;QAAKC,WAAU;QAASC,MAAMlB;QAAamB,MAAK;;MACjD,qBAACH,MAAAA;QAAKC,WAAU;QAAMC,MAAMf;QAAWgB,MAAK;;MAC5C,qBAACH,MAAAA;QAAKC,WAAU;QAAQC,MAAMhB;QAAciB,MAAK;;;;AAGvD;AAEO,SAASH,KAAK,OAI0B;MAJ1B,EACnBE,MACAC,MACA,GAAGC,MAAAA,IAHgB;AAKnB,SACE,sBAACZ,SAAAA;IAAQa,MAAK;IAAKC,WAAS;IAAE,GAAGF;;MAC/B,qBAACZ,QAAQe,SAAO;QAACC,SAAO;kBACtB,qBAACnB,QAAAA;UAAOoB,MAAMP;;;MAGhB,qBAACd,OAAAA;QAAMsB,MAAK;QAAKC,UAAS;kBACxB,sBAACnB,QAAQoB,OAAK;UAACC,OAAK;UAACC,uBAAqB;;YACxC,qBAACtB,QAAQoB,MAAMG,OAAK;cAACC,SAAQ;wBAC3B,qBAAC5B,MAAM6B,UAAQ,CAAA,CAAA;;YAEjB,qBAACzB,QAAQoB,MAAMM,SAAO;cACpBC,WAAU;cACVC,YAAY;gBAAEC,SAAS;cAAE;cACzBC,WAAW;gBAAED,SAAS;cAAE;;;;;MAK9B,sBAAC7B,QAAQ+B,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,qBAACpC,QAAQqC,OAAK;YAACL,aAAa;YAAGC,aAAY;;UAE3C,sBAAC/B,QAAAA;YAAOE,KAAI;;cACV,sBAACH,QAAAA;gBAAOG,KAAI;;kBACV,qBAACL,OAAAA;oBAAMc,MAAK;oBAAKyB,SAAS3B;8BAAM;;kBAGhC,qBAACb,OAAAA;oBAAMe,MAAK;oBAAK0B,IAAI5B;;;;cAGvB,qBAACX,QAAQwC,OAAK;gBAACxB,SAAO;0BACpB,qBAACnB,QAAAA;kBACCgB,MAAK;kBACL4B,SAAS,WAAA;kBAET;;;oBACD;;;;;;;;;;AAQb;",
   "names": ["ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Adapt", "Button", "Input", "Label", "Popover", "XStack", "YStack", "PopoverDemo", "gap", "flex", "justifyContent", "alignItems", "Demo", "placement", "Icon", "Name", "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", "id", "Close", "onPress"]
 }

package/dist/esm/PopoverDemo.native.mjs

@@ -0,0 +1,109 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
+import { Adapt, Button, Input, Label, Popover, XStack, YStack } from "tamagui";
+function PopoverDemo() {
+  return /* @__PURE__ */_jsxs(XStack, {
+    gap: "$2",
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    children: [/* @__PURE__ */_jsx(Demo, {
+      placement: "left",
+      Icon: ChevronLeft,
+      Name: "left-popover"
+    }), /* @__PURE__ */_jsx(Demo, {
+      placement: "bottom",
+      Icon: ChevronDown,
+      Name: "bottom-popover"
+    }), /* @__PURE__ */_jsx(Demo, {
+      placement: "top",
+      Icon: ChevronUp,
+      Name: "top-popover"
+    }), /* @__PURE__ */_jsx(Demo, {
+      placement: "right",
+      Icon: ChevronRight,
+      Name: "right-popover"
+    })]
+  });
+}
+function Demo(param) {
+  var {
+    Icon,
+    Name,
+    ...props
+  } = param;
+  return /* @__PURE__ */_jsxs(Popover, {
+    size: "$5",
+    allowFlip: !0,
+    ...props,
+    children: [/* @__PURE__ */_jsx(Popover.Trigger, {
+      asChild: !0,
+      children: /* @__PURE__ */_jsx(Button, {
+        icon: Icon
+      })
+    }), /* @__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, {
+        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, {
+            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.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","Adapt","Button","Input","Label","Popover","XStack","YStack","PopoverDemo","gap","flex","justifyContent","alignItems","children","Demo","placement","Icon","Name","param","props","size","allowFlip","Trigger","asChild","icon","when","platform","Sheet","modal","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","animation","enterStyle","opacity","exitStyle"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAa,2BAAc;AAEjD,SAASC,WAAO,EAAAC,WAAe,EAAAC,YAAgB,EAAAC,SAAQ,+BAAc;AAIjE,SACEC,KADF,EAAAC,MAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,OAAA,EAAAC,MAAA,EAAAC,MAAA;AAFG,SAASC,YAAA,EAAc;EAC5B,OACE,eAAAZ,KAAC,CAAAU,MAAA;IACCG,GAAA;IACAC,IAAA;IACAC,cAAA,UAAC;IACDC,UAAA,UAAC;IAAgEC,QACnE,GAEJ,eAAAnB,IAAA,CAAAoB,IAAA;MAEOC,SAAc;MACnBC,IAAA,EAAAlB,WAAA;MACAmB,IAAA;IACG,IAC4C,eAAAvB,IAAA,CAAAoB,IAAA;MAC/CC,SACE;MACEC,IAAA,EAAAnB,WAAC;MAIDoB,IAAA;IAEI,IAGA,eAAAvB,IAAA,CAAAoB,IAAA;MAACC,SAAQ,OAAM;MAAdC,IAAA,EAAAhB,SAAA;MAAAiB,IACC;IAAU,IACe,eACdvB,IAAE,CAAAoB,IAAA,EAAS;MAAEC,SAAA;MAC1BC,IAAA,EAAAjB,YAAA;MACFkB,IACF;IAEA;EAAS;AAAR;AACc,SACbH,KAAAI,KAAA,EAAY;EAAA;IACZF,IAAA;IAAAC,IAAA;IAAY,GAAEE;EAAG,CAAK,GAAAD,KAAA;EAAW,OACjC,eAAgBtB,KAAK,CAAAS,OAAS,EAAE;IAAAe,IAChC;IAAOC,SACP;IAAW,GAAAF,KACT;IAAAN,QACA,kBACWnB,IAAA,CAAAW,OAAA,CAAAiB,OAAA;MAAAC,OACP;MAAmBV,QACrB,iBAAAnB,IAAA,CAAAQ,MAAA;QACFsB,IAAA,EAAAR;MACF;IAAA,EAEA,iBAAAtB,IAAA,CAAAO,KAAC;MAAyDwB,IAE1D;MACEC,QAAA;MACEb,QAAA,iBAACjB,KAAA,CAAAS,OAAM,CAAAsB,KAAK,EAAK;QAEjBC,KACA;QAA2BC,qBAC7B;QAAAhB,QAEA,GACE,eAACnB,IAAA,CAAAW,OAAA,CAAAsB,KAAA,CAAAG,KAAA;UAAAC,OAAA;UAAAlB,QACM,iBAAAnB,IAAA,CAAAO,KAAA,CAAA+B,QAAA;QAAA,IACU,eAEftC,IAAA,CAAAW,OAAA,CAAAsB,KAAA,CAAAM,OAAA;UAAAC,SACD;UAAAC,UAAA;YAGHC,OAAA;UACF;UAAAC,SAAA;YAAAD,OAAA;UACF;QACF","ignoreList":[]}

package/dist/esm/ProgressDemo.native.js

@@ -1,49 +1,8 @@
 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";
-function _array_like_to_array(arr, len) {
-  (len == null || len > arr.length) && (len = arr.length);
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-function _array_with_holes(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-function _iterable_to_array_limit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
-  if (_i != null) {
-    var _arr = [], _n = !0, _d = !1, _s, _e;
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
-        ;
-    } catch (err) {
-      _d = !0, _e = err;
-    } finally {
-      try {
-        !_n && _i.return != null && _i.return();
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-    return _arr;
-  }
-}
-function _non_iterable_rest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _sliced_to_array(arr, i) {
-  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-  if (o) {
-    if (typeof o == "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-  }
-}
 function ProgressDemo() {
-  var _React_useState = _sliced_to_array(React.useState(0), 2), key = _React_useState[0], setKey = _React_useState[1], _React_useState1 = _sliced_to_array(React.useState(4), 2), size = _React_useState1[0], setSize = _React_useState1[1], _React_useState2 = _sliced_to_array(React.useState(0), 2), progress = _React_useState2[0], setProgress = _React_useState2[1], sizeProp = "$".concat(size);
+  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);
@@ -95,7 +54,7 @@ function ProgressDemo() {
             max: 6,
             step: 1,
             onValueChange: function(param) {
-              var _param = _sliced_to_array(param, 1), val = _param[0];
+              var [val] = param;
               setSize(val);
             },
             children: [

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,OAAOA,WAAW;AAElB,SAASC,QAAQC,WAAWC,UAAUC,QAAQC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE7D,SAASC,eAAAA;AACd,MAAsBP,kBAAAA,iBAAAA,MAAMQ,SAAS,CAAA,GAAA,CAAA,GAA9BC,MAAeT,gBAAAA,CAAAA,GAAVU,SAAUV,gBAAAA,CAAAA,GACEA,mBAAAA,iBAAAA,MAAMQ,SAAS,CAAA,GAAA,CAAA,GAAhCG,OAAiBX,iBAAAA,CAAAA,GAAXY,UAAWZ,iBAAAA,CAAAA,GACQA,mBAAAA,iBAAAA,MAAMQ,SAAS,CAAA,GAAA,CAAA,GAAxCK,WAAyBb,iBAAAA,CAAAA,GAAfc,cAAed,iBAAAA,CAAAA,GAC1Be,WAAY,IAAQ,OAALJ,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;;aADjBjB,GAAAA;;;MAKjB,sBAACJ,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;uDAAEC,MAAAA,OAAAA,CAAAA;AACf1B,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;AACPpC,qBAAOsC,KAAKC,OAAM,CAAA,GAClBnC,YAAY,CAAA;YACd;sBACD;;;;;;AAMT;",
-  "names": ["React", "Button", "Paragraph", "Progress", "Slider", "XStack", "YStack", "ProgressDemo", "useState", "key", "setKey", "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"]
+  "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/ProgressDemo.native.mjs

@@ -0,0 +1,79 @@
+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";
+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 () {
+      return setProgress(60);
+    }, 1e3);
+    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);
+        },
+        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.mjs.map

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

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

package/dist/esm/RadioGroupDemo.native.js

@@ -30,7 +30,7 @@ function RadioGroupDemo() {
   });
 }
 function RadioGroupItemWithLabel(props) {
-  var id = "radiogroup-".concat(props.value);
+  var id = `radiogroup-${props.value}`;
   return /* @__PURE__ */ _jsxs(XStack, {
     width: 300,
     alignItems: "center",

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

@@ -1,6 +1,6 @@
 {
   "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,KAAM,cAAyB,OAAZD,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;",
+  "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"]
 }

package/dist/esm/RadioGroupDemo.native.mjs

@@ -0,0 +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, {
+    "aria-labelledby": "Select one item",
+    defaultValue: "3",
+    name: "form",
+    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"
+      })]
+    })
+  });
+}
+function RadioGroupItemWithLabel(props) {
+  var id = `radiogroup-${props.value}`;
+  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
+    })]
+  });
+}
+export { RadioGroupDemo, RadioGroupItemWithLabel };
+//# sourceMappingURL=RadioGroupDemo.native.mjs.map

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

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