@tamagui/demos 1.110.4 → 1.111.0

package/dist/esm/RadioGroupHeadlessDemo.native.js

@@ -4,56 +4,23 @@ import { RovingFocusGroup } from "@tamagui/roving-focus";
 import React from "react";
 import { Pressable, StyleSheet, Text, View } from "react-native";
 import { isWeb, useTheme } 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;
-}
 var RadioGroupContext = /* @__PURE__ */ React.createContext({}), RadioGroupItemContext = /* @__PURE__ */ React.createContext({
   checked: !1,
   disabled: !1
 });
 function RadioGroupHeadlessDemo() {
-  var _useRadioGroup = useRadioGroup({
+  var { providerValue, frameAttrs, rovingFocusGroupAttrs } = useRadioGroup({
     orientation: "vertical",
     name: "form",
     defaultValue: "3"
-  }), providerValue = _useRadioGroup.providerValue, frameAttrs = _useRadioGroup.frameAttrs, rovingFocusGroupAttrs = _useRadioGroup.rovingFocusGroupAttrs;
+  });
   return /* @__PURE__ */ _jsx(RadioGroupContext.Provider, {
     value: providerValue,
-    children: /* @__PURE__ */ _jsx(RovingFocusGroup, _object_spread_props(_object_spread({}, rovingFocusGroupAttrs), {
-      children: /* @__PURE__ */ _jsxs(View, _object_spread_props(_object_spread({
-        style: styles.radioGroup
-      }, frameAttrs), {
+    children: /* @__PURE__ */ _jsx(RovingFocusGroup, {
+      ...rovingFocusGroupAttrs,
+      children: /* @__PURE__ */ _jsxs(View, {
+        style: styles.radioGroup,
+        ...frameAttrs,
         children: [
           /* @__PURE__ */ _jsx(RadioGroupItem, {
             value: "2",
@@ -71,35 +38,38 @@ function RadioGroupHeadlessDemo() {
             label: "Third Value"
           })
         ]
-      }))
-    }))
+      })
+    })
   });
 }
 function RadioGroupItem(props) {
-  var theme = useTheme(), value = props.value, id = props.id, label = props.label, _useRadioGroupItem = useRadioGroupItem({
+  var theme = useTheme(), { value, id, label } = props, { providerValue, native, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, checked } = useRadioGroupItem({
     radioGroupContext: RadioGroupContext,
     value,
     id
-  }), providerValue = _useRadioGroupItem.providerValue, native = _useRadioGroupItem.native, bubbleInput = _useRadioGroupItem.bubbleInput, rovingFocusGroupAttrs = _useRadioGroupItem.rovingFocusGroupAttrs, frameAttrs = _useRadioGroupItem.frameAttrs, isFormControl = _useRadioGroupItem.isFormControl, checked = _useRadioGroupItem.checked;
+  });
   return /* @__PURE__ */ _jsx(RadioGroupItemContext.Provider, {
     value: providerValue,
     children: isWeb && native ? bubbleInput : /* @__PURE__ */ _jsxs(View, {
       style: styles.radioGroupItemContainer,
       children: [
-        /* @__PURE__ */ _jsx(RovingFocusGroup.Item, _object_spread_props(_object_spread({}, rovingFocusGroupAttrs), {
-          children: /* @__PURE__ */ _jsx(Pressable, _object_spread_props(_object_spread({
-            style: _object_spread({}, styles.radioGroupItem, {
-              borderColor: theme.borderColor.get()
-            }, checked ? {
-              borderWidth: 4
-            } : {
-              backgroundColor: theme.background.get()
-            })
-          }, frameAttrs), {
+        /* @__PURE__ */ _jsx(RovingFocusGroup.Item, {
+          ...rovingFocusGroupAttrs,
+          children: /* @__PURE__ */ _jsx(Pressable, {
+            style: {
+              ...styles.radioGroupItem,
+              borderColor: theme.borderColor.get(),
+              ...checked ? {
+                borderWidth: 4
+              } : {
+                backgroundColor: theme.background.get()
+              }
+            },
+            ...frameAttrs,
             onFocus: frameAttrs.onFocus,
             children: /* @__PURE__ */ _jsx(RadioGroupItemIndicator, {})
-          }))
-        })),
+          })
+        }),
         /* @__PURE__ */ _jsx(Text, {
           style: {
             color: theme.color.get()
@@ -116,11 +86,13 @@ function RadioGroupItemIndicator() {
     radioGroupItemContext: RadioGroupItemContext,
     disabled: !1
   });
-  return params.checked ? /* @__PURE__ */ _jsx(View, _object_spread({
-    style: _object_spread_props(_object_spread({}, styles.radioGroupItemIndicator), {
+  return params.checked ? /* @__PURE__ */ _jsx(View, {
+    style: {
+      ...styles.radioGroupItemIndicator,
       backgroundColor: theme.color.get()
-    })
-  }, params)) : null;
+    },
+    ...params
+  }) : null;
 }
 var styles = StyleSheet.create({
   radioGroup: {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/RadioGroupHeadlessDemo.tsx"],
-  "mappings": ";AAIA,SACEA,eACAC,mBACAC,kCACK;AACP,SAASC,wBAAwB;AACjC,OAAOC,WAAW;AAClB,SAASC,WAAWC,YAAYC,MAAMC,YAAY;AAClD,SAASC,OAAOC,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEhC,IAAMC,oBAAoBP,sBAAMQ,cAAsC,CAAC,CAAA,GACjEC,wBAAwBT,sBAAMQ,cAA0C;EAC5EE,SAAS;EACTC,UAAU;AACZ,CAAA;AAEO,SAASC,yBAAAA;AACd,MAA6DhB,iBAAAA,cAAc;IACzEiB,aAAa;IACbC,MAAM;IACNC,cAAc;EAChB,CAAA,GAJQC,gBAAqDpB,eAArDoB,eAAeC,aAAsCrB,eAAtCqB,YAAYC,wBAA0BtB,eAA1BsB;AAKnC,SACE,qBAACX,kBAAkBY,UAAQ;IAACC,OAAOJ;cACjC,qBAACjB,kBAAAA,qBAAAA,eAAAA,CAAAA,GAAqBmB,qBAAAA,GAAAA;gBACpB,sBAACd,MAAAA,qBAAAA,eAAAA;QAAKiB,OAAOC,OAAOC;SAAgBN,UAAAA,GAAAA;;UAClC,qBAACO,gBAAAA;YAAeJ,OAAM;YAAIK,IAAG;YAAIC,OAAM;;UACvC,qBAACF,gBAAAA;YAAeJ,OAAM;YAAIK,IAAG;YAAIC,OAAM;;UACvC,qBAACF,gBAAAA;YAAeJ,OAAM;YAAIK,IAAG;YAAIC,OAAM;;;;;;AAKjD;AAEA,SAASF,eAAeG,OAIvB;AACC,MAAMC,QAAQtB,SAAAA,GACNc,QAAqBO,MAArBP,OAAOK,KAAcE,MAAdF,IAAIC,QAAUC,MAAVD,OASf7B,qBAAAA,kBAAkB;IACpBgC,mBAAmBtB;IACnBa;IACAK;EACF,CAAA,GAXET,gBAOEnB,mBAPFmB,eACAc,SAMEjC,mBANFiC,QACAC,cAKElC,mBALFkC,aACAb,wBAIErB,mBAJFqB,uBACAD,aAGEpB,mBAHFoB,YACAe,gBAEEnC,mBAFFmC,eACAtB,UACEb,mBADFa;AAOF,SACE,qBAACD,sBAAsBU,UAAQ;IAACC,OAAOJ;cACpCX,SAASyB,SACRC,cAEA,sBAAC3B,MAAAA;MAAKiB,OAAOC,OAAOW;;QAClB,qBAAClC,iBAAiBmC,MAAI,qBAAA,eAAA,CAAA,GAAKhB,qBAAAA,GAAAA;oBACzB,qBAACjB,WAAAA,qBAAAA,eAAAA;YACCoB,OAAO,eAAA,CAAA,GACFC,OAAOa,gBACP;cAAEC,aAAaR,MAAMQ,YAAYC,IAAG;YAAG,GACtC3B,UACA;cAAE4B,aAAa;YAAE,IACjB;cAAEC,iBAAiBX,MAAMY,WAAWH,IAAG;YAAG,CAAA;aAE5CpB,UAAAA,GAAAA;YACJwB,SAASxB,WAAWwB;sBAEpB,qBAACC,yBAAAA,CAAAA,CAAAA;;;QAGL,qBAACvC,MAAAA;UAAKkB,OAAO;YAAEsB,OAAOf,MAAMe,MAAMN,IAAG;UAAG;oBAAIX;;QAC3CM,iBAAiBD;;;;AAK5B;AAEA,SAASW,0BAAAA;AACP,MAAMd,QAAQtB,SAAAA,GACRsC,SAAS9C,2BAA2B;IACxC+C,uBAAuBpC;IACvBE,UAAU;EACZ,CAAA;AACA,SAAIiC,OAAOlC,UAEP,qBAACN,MAAAA,eAAAA;IACCiB,OAAO,qBAAA,eAAA,CAAA,GACFC,OAAOwB,uBAAuB,GAAA;MACjCP,iBAAiBX,MAAMe,MAAMN,IAAG;;KAE9BO,MAAAA,CAAAA,IAIH;AACT;AAEA,IAAMtB,SAASpB,WAAW6C,OAAO;EAC/BxB,YAAY;IACVyB,eAAe;IACfC,KAAK;IACLC,YAAY;EACd;EACAf,gBAAgB;IACdG,aAAa;IACba,OAAO;IACPC,QAAQ;IACRC,gBAAgB;IAChBH,YAAY;EACd;EACAJ,yBAAyB;IACvBK,OAAO;IACPC,QAAQ;EACV;EACAnB,yBAAyB;IACvBoB,gBAAgB;IAChBH,YAAY;IACZF,eAAe;IACfC,KAAK;EACP;AACF,CAAA;",
-  "names": ["useRadioGroup", "useRadioGroupItem", "useRadioGroupItemIndicator", "RovingFocusGroup", "React", "Pressable", "StyleSheet", "Text", "View", "isWeb", "useTheme", "RadioGroupContext", "createContext", "RadioGroupItemContext", "checked", "disabled", "RadioGroupHeadlessDemo", "orientation", "name", "defaultValue", "providerValue", "frameAttrs", "rovingFocusGroupAttrs", "Provider", "value", "style", "styles", "radioGroup", "RadioGroupItem", "id", "label", "props", "theme", "radioGroupContext", "native", "bubbleInput", "isFormControl", "radioGroupItemContainer", "Item", "radioGroupItem", "borderColor", "get", "borderWidth", "backgroundColor", "background", "onFocus", "RadioGroupItemIndicator", "color", "params", "radioGroupItemContext", "radioGroupItemIndicator", "create", "flexDirection", "gap", "alignItems", "width", "height", "justifyContent"]
+  "mappings": ";AAIA,SACEA,eACAC,mBACAC,kCACK;AACP,SAASC,wBAAwB;AACjC,OAAOC,WAAW;AAClB,SAASC,WAAWC,YAAYC,MAAMC,YAAY;AAClD,SAASC,OAAOC,gBAAgB;AAEhC,IAAMC,oBAAoBP,sBAAMQ,cAAsC,CAAC,CAAA,GACjEC,wBAAwBT,sBAAMQ,cAA0C;EAC5EE,SAAS;EACTC,UAAU;AACZ,CAAA;AAEO,SAASC,yBAAAA;AACd,MAAM,EAAEC,eAAeC,YAAYC,sBAAqB,IAAKnB,cAAc;IACzEoB,aAAa;IACbC,MAAM;IACNC,cAAc;EAChB,CAAA;AACA,SACE,qBAACX,kBAAkBY,UAAQ;IAACC,OAAOP;cACjC,qBAACd,kBAAAA;MAAkB,GAAGgB;gBACpB,sBAACX,MAAAA;QAAKiB,OAAOC,OAAOC;QAAa,GAAGT;;UAClC,qBAACU,gBAAAA;YAAeJ,OAAM;YAAIK,IAAG;YAAIC,OAAM;;UACvC,qBAACF,gBAAAA;YAAeJ,OAAM;YAAIK,IAAG;YAAIC,OAAM;;UACvC,qBAACF,gBAAAA;YAAeJ,OAAM;YAAIK,IAAG;YAAIC,OAAM;;;;;;AAKjD;AAEA,SAASF,eAAeG,OAIvB;AACC,MAAMC,QAAQtB,SAAAA,GACR,EAAEc,OAAOK,IAAIC,MAAK,IAAKC,OACvB,EACJd,eACAgB,QACAC,aACAf,uBACAD,YACAiB,eACArB,QAAO,IACLb,kBAAkB;IACpBmC,mBAAmBzB;IACnBa;IACAK;EACF,CAAA;AAEA,SACE,qBAAChB,sBAAsBU,UAAQ;IAACC,OAAOP;cACpCR,SAASwB,SACRC,cAEA,sBAAC1B,MAAAA;MAAKiB,OAAOC,OAAOW;;QAClB,qBAAClC,iBAAiBmC,MAAI;UAAE,GAAGnB;oBACzB,qBAACd,WAAAA;YACCoB,OAAO;cACL,GAAGC,OAAOa;cACLC,aAAaR,MAAMQ,YAAYC,IAAG;cACvC,GAAI3B,UACA;gBAAE4B,aAAa;cAAE,IACjB;gBAAEC,iBAAiBX,MAAMY,WAAWH,IAAG;cAAG;YAChD;YACC,GAAGvB;YACJ2B,SAAS3B,WAAW2B;sBAEpB,qBAACC,yBAAAA,CAAAA,CAAAA;;;QAGL,qBAACvC,MAAAA;UAAKkB,OAAO;YAAEsB,OAAOf,MAAMe,MAAMN,IAAG;UAAG;oBAAIX;;QAC3CK,iBAAiBD;;;;AAK5B;AAEA,SAASY,0BAAAA;AACP,MAAMd,QAAQtB,SAAAA,GACRsC,SAAS9C,2BAA2B;IACxC+C,uBAAuBpC;IACvBE,UAAU;EACZ,CAAA;AACA,SAAIiC,OAAOlC,UAEP,qBAACN,MAAAA;IACCiB,OAAO;MACL,GAAGC,OAAOwB;MACVP,iBAAiBX,MAAMe,MAAMN,IAAG;IAClC;IACC,GAAGO;OAIH;AACT;AAEA,IAAMtB,SAASpB,WAAW6C,OAAO;EAC/BxB,YAAY;IACVyB,eAAe;IACfC,KAAK;IACLC,YAAY;EACd;EACAf,gBAAgB;IACdG,aAAa;IACba,OAAO;IACPC,QAAQ;IACRC,gBAAgB;IAChBH,YAAY;EACd;EACAJ,yBAAyB;IACvBK,OAAO;IACPC,QAAQ;EACV;EACAnB,yBAAyB;IACvBoB,gBAAgB;IAChBH,YAAY;IACZF,eAAe;IACfC,KAAK;EACP;AACF,CAAA;",
+  "names": ["useRadioGroup", "useRadioGroupItem", "useRadioGroupItemIndicator", "RovingFocusGroup", "React", "Pressable", "StyleSheet", "Text", "View", "isWeb", "useTheme", "RadioGroupContext", "createContext", "RadioGroupItemContext", "checked", "disabled", "RadioGroupHeadlessDemo", "providerValue", "frameAttrs", "rovingFocusGroupAttrs", "orientation", "name", "defaultValue", "Provider", "value", "style", "styles", "radioGroup", "RadioGroupItem", "id", "label", "props", "theme", "native", "bubbleInput", "isFormControl", "radioGroupContext", "radioGroupItemContainer", "Item", "radioGroupItem", "borderColor", "get", "borderWidth", "backgroundColor", "background", "onFocus", "RadioGroupItemIndicator", "color", "params", "radioGroupItemContext", "radioGroupItemIndicator", "create", "flexDirection", "gap", "alignItems", "width", "height", "justifyContent"]
 }

package/dist/esm/RadioGroupHeadlessDemo.native.mjs

@@ -0,0 +1,134 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRadioGroup, useRadioGroupItem, useRadioGroupItemIndicator } from "@tamagui/radio-headless";
+import { RovingFocusGroup } from "@tamagui/roving-focus";
+import React from "react";
+import { Pressable, StyleSheet, Text, View } from "react-native";
+import { isWeb, useTheme } from "tamagui";
+var RadioGroupContext = /* @__PURE__ */React.createContext({}),
+  RadioGroupItemContext = /* @__PURE__ */React.createContext({
+    checked: !1,
+    disabled: !1
+  });
+function RadioGroupHeadlessDemo() {
+  var {
+    providerValue,
+    frameAttrs,
+    rovingFocusGroupAttrs
+  } = useRadioGroup({
+    orientation: "vertical",
+    name: "form",
+    defaultValue: "3"
+  });
+  return /* @__PURE__ */_jsx(RadioGroupContext.Provider, {
+    value: providerValue,
+    children: /* @__PURE__ */_jsx(RovingFocusGroup, {
+      ...rovingFocusGroupAttrs,
+      children: /* @__PURE__ */_jsxs(View, {
+        style: styles.radioGroup,
+        ...frameAttrs,
+        children: [/* @__PURE__ */_jsx(RadioGroupItem, {
+          value: "2",
+          id: "2",
+          label: "First Value"
+        }), /* @__PURE__ */_jsx(RadioGroupItem, {
+          value: "3",
+          id: "3",
+          label: "Second Value"
+        }), /* @__PURE__ */_jsx(RadioGroupItem, {
+          value: "4",
+          id: "4",
+          label: "Third Value"
+        })]
+      })
+    })
+  });
+}
+function RadioGroupItem(props) {
+  var theme = useTheme(),
+    {
+      value,
+      id,
+      label
+    } = props,
+    {
+      providerValue,
+      native,
+      bubbleInput,
+      rovingFocusGroupAttrs,
+      frameAttrs,
+      isFormControl,
+      checked
+    } = useRadioGroupItem({
+      radioGroupContext: RadioGroupContext,
+      value,
+      id
+    });
+  return /* @__PURE__ */_jsx(RadioGroupItemContext.Provider, {
+    value: providerValue,
+    children: isWeb && native ? bubbleInput : /* @__PURE__ */_jsxs(View, {
+      style: styles.radioGroupItemContainer,
+      children: [/* @__PURE__ */_jsx(RovingFocusGroup.Item, {
+        ...rovingFocusGroupAttrs,
+        children: /* @__PURE__ */_jsx(Pressable, {
+          style: {
+            ...styles.radioGroupItem,
+            borderColor: theme.borderColor.get(),
+            ...(checked ? {
+              borderWidth: 4
+            } : {
+              backgroundColor: theme.background.get()
+            })
+          },
+          ...frameAttrs,
+          onFocus: frameAttrs.onFocus,
+          children: /* @__PURE__ */_jsx(RadioGroupItemIndicator, {})
+        })
+      }), /* @__PURE__ */_jsx(Text, {
+        style: {
+          color: theme.color.get()
+        },
+        children: label
+      }), isFormControl && bubbleInput]
+    })
+  });
+}
+function RadioGroupItemIndicator() {
+  var theme = useTheme(),
+    params = useRadioGroupItemIndicator({
+      radioGroupItemContext: RadioGroupItemContext,
+      disabled: !1
+    });
+  return params.checked ? /* @__PURE__ */_jsx(View, {
+    style: {
+      ...styles.radioGroupItemIndicator,
+      backgroundColor: theme.color.get()
+    },
+    ...params
+  }) : null;
+}
+var styles = StyleSheet.create({
+  radioGroup: {
+    flexDirection: "column",
+    gap: 20,
+    alignItems: "flex-start"
+  },
+  radioGroupItem: {
+    borderWidth: 2,
+    width: 30,
+    height: 30,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  radioGroupItemIndicator: {
+    width: "35%",
+    height: "35%"
+  },
+  radioGroupItemContainer: {
+    justifyContent: "center",
+    alignItems: "center",
+    flexDirection: "row",
+    gap: 12
+  }
+});
+export { RadioGroupHeadlessDemo };
+//# sourceMappingURL=RadioGroupHeadlessDemo.native.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useRadioGroup","useRadioGroupItem","useRadioGroupItemIndicator","RovingFocusGroup","React","Pressable","StyleSheet","Text","View","isWeb","useTheme","RadioGroupContext","createContext","RadioGroupItemContext","checked","disabled","RadioGroupHeadlessDemo","providerValue","frameAttrs","rovingFocusGroupAttrs","orientation","name","defaultValue","Provider","value","children","style","styles","radioGroup","RadioGroupItem","id","label","props","theme","native","bubbleInput","isFormControl","radioGroupContext","radioGroupItemContainer","Item","radioGroupItem","borderColor","get","borderWidth","backgroundColor","background","onFocus","RadioGroupItemIndicator","color","params","radioGroupItemContext","radioGroupItemIndicator","create"],"sources":["../../src/RadioGroupHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/RadioGroupUnstyledDemo.native.js

@@ -97,7 +97,7 @@ function RadioGroupUnstyledDemo() {
   });
 }
 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/RadioGroupUnstyledDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/RadioGroupUnstyledDemo.tsx"],
-  "mappings": ";AACA,SAASA,OAAOC,gBAAgBC,QAAQC,QAAQC,cAAc;AAE9D,SAASC,wBAAwB;AAEjC,IAAMC,wBAAwB,kBAExBC,sBAAsBH,OAAOH,gBAAgB;EACjDO,MAAMF;EACNG,KAAK;EAELC,cAAc;EACdC,iBAAiB;EACjBC,YAAY;EACZC,gBAAgB;EAChBC,aAAa;EACbC,aAAa;EACbC,SAAS;EAETC,YAAY;IACVF,aAAa;IACbJ,iBAAiB;EACnB;EAEAO,YAAY;IACVH,aAAa;IACbJ,iBAAiB;EACnB;EAEAQ,mBAAmB;IACjBC,cAAc;IACdC,cAAc;IACdC,cAAc;EAChB;EAEAC,YAAY;IACVR,aAAa;IACbJ,iBAAiB;EACnB;EAEAa,UAAU;IACRC,UAAU;MACRC,MAAM;QACJC,eAAe;QACfC,YAAY;QACZC,QAAQ;QAERZ,YAAY;UACVF,aAAa;UACbJ,iBAAiB;QACnB;QAEAY,YAAY;UACVR,aAAa;UACbJ,iBAAiB;QACnB;QAEAQ,mBAAmB;UACjBE,cAAc;QAChB;MACF;IACF;EACF;AACF,CAAA,GAEMS,6BAA6B,uBAE7BC,2BAA2B3B,OAAOH,gBAAgB;EACtDO,MAAMsB;EACNE,OAAO;EACPC,QAAQ;EACRvB,cAAc;EACdC,iBAAiB;EACjBuB,YAAY;AACd,CAAA,GAEMC,mBAAmB,cAEnBC,kBAAkBhC,OAAOH,gBAAgB;EAC7CO,MAAM2B;EACNX,UAAU;IACRa,aAAa;MACXC,YAAY;QACVC,eAAe;QACfC,gBAAgB;MAClB;MACAC,UAAU;QACRF,eAAe;QACfC,gBAAgB;MAClB;IACF;EACF;AACF,CAAA,GAEME,aAAarC,iBAAiB;EAClCsC,OAAOP;EACPQ,WAAWb;EACXc,MAAMtC;AACR,CAAA;AAEO,SAASuC,yBAAAA;AACd,SACE,qBAACJ,YAAAA;IAAWK,mBAAgB;IAAkBC,cAAa;IAAIxC,MAAK;cAClE,sBAACL,QAAAA;MAAO6B,OAAO;MAAKpB,YAAW;MAASqC,OAAM;;QAC5C,qBAACC,yBAAAA;UAAwBC,OAAM;UAAIC,OAAM;;QACzC,qBAACF,yBAAAA;UAAwBC,OAAM;UAAIC,OAAM;;;;;AAIjD;AAEA,SAASF,wBAAwBG,OAGhC;AACC,MAAMC,KAAM,cAAyB,OAAZD,MAAMF,KAAK;AACpC,SACE,sBAACjD,QAAAA;IAAO8B,OAAO;IAAKpB,YAAW;IAAS2C,KAAI;;MAC1C,qBAACb,WAAWG,MAAI;QAACM,OAAOE,MAAMF;QAAOG;kBACnC,qBAACZ,WAAWE,WAAS,CAAA,CAAA;;MAGvB,qBAAC5C,OAAAA;QAAMwD,SAASF;kBAAKD,MAAMD;;;;AAGjC;",
+  "mappings": ";AACA,SAASA,OAAOC,gBAAgBC,QAAQC,QAAQC,cAAc;AAE9D,SAASC,wBAAwB;AAEjC,IAAMC,wBAAwB,kBAExBC,sBAAsBH,OAAOH,gBAAgB;EACjDO,MAAMF;EACNG,KAAK;EAELC,cAAc;EACdC,iBAAiB;EACjBC,YAAY;EACZC,gBAAgB;EAChBC,aAAa;EACbC,aAAa;EACbC,SAAS;EAETC,YAAY;IACVF,aAAa;IACbJ,iBAAiB;EACnB;EAEAO,YAAY;IACVH,aAAa;IACbJ,iBAAiB;EACnB;EAEAQ,mBAAmB;IACjBC,cAAc;IACdC,cAAc;IACdC,cAAc;EAChB;EAEAC,YAAY;IACVR,aAAa;IACbJ,iBAAiB;EACnB;EAEAa,UAAU;IACRC,UAAU;MACRC,MAAM;QACJC,eAAe;QACfC,YAAY;QACZC,QAAQ;QAERZ,YAAY;UACVF,aAAa;UACbJ,iBAAiB;QACnB;QAEAY,YAAY;UACVR,aAAa;UACbJ,iBAAiB;QACnB;QAEAQ,mBAAmB;UACjBE,cAAc;QAChB;MACF;IACF;EACF;AACF,CAAA,GAEMS,6BAA6B,uBAE7BC,2BAA2B3B,OAAOH,gBAAgB;EACtDO,MAAMsB;EACNE,OAAO;EACPC,QAAQ;EACRvB,cAAc;EACdC,iBAAiB;EACjBuB,YAAY;AACd,CAAA,GAEMC,mBAAmB,cAEnBC,kBAAkBhC,OAAOH,gBAAgB;EAC7CO,MAAM2B;EACNX,UAAU;IACRa,aAAa;MACXC,YAAY;QACVC,eAAe;QACfC,gBAAgB;MAClB;MACAC,UAAU;QACRF,eAAe;QACfC,gBAAgB;MAClB;IACF;EACF;AACF,CAAA,GAEME,aAAarC,iBAAiB;EAClCsC,OAAOP;EACPQ,WAAWb;EACXc,MAAMtC;AACR,CAAA;AAEO,SAASuC,yBAAAA;AACd,SACE,qBAACJ,YAAAA;IAAWK,mBAAgB;IAAkBC,cAAa;IAAIxC,MAAK;cAClE,sBAACL,QAAAA;MAAO6B,OAAO;MAAKpB,YAAW;MAASqC,OAAM;;QAC5C,qBAACC,yBAAAA;UAAwBC,OAAM;UAAIC,OAAM;;QACzC,qBAACF,yBAAAA;UAAwBC,OAAM;UAAIC,OAAM;;;;;AAIjD;AAEA,SAASF,wBAAwBG,OAGhC;AACC,MAAMC,KAAK,cAAcD,MAAMF,KAAK;AACpC,SACE,sBAACjD,QAAAA;IAAO8B,OAAO;IAAKpB,YAAW;IAAS2C,KAAI;;MAC1C,qBAACb,WAAWG,MAAI;QAACM,OAAOE,MAAMF;QAAOG;kBACnC,qBAACZ,WAAWE,WAAS,CAAA,CAAA;;MAGvB,qBAAC5C,OAAAA;QAAMwD,SAASF;kBAAKD,MAAMD;;;;AAGjC;",
   "names": ["Label", "ThemeableStack", "XStack", "YStack", "styled", "createRadioGroup", "RADIO_GROUP_ITEM_NAME", "RadioGroupItemFrame", "name", "tag", "borderRadius", "backgroundColor", "alignItems", "justifyContent", "borderWidth", "borderColor", "padding", "hoverStyle", "focusStyle", "focusVisibleStyle", "outlineStyle", "outlineWidth", "outlineColor", "pressStyle", "variants", "disabled", "true", "pointerEvents", "userSelect", "cursor", "RADIO_GROUP_INDICATOR_NAME", "RadioGroupIndicatorFrame", "width", "height", "pressTheme", "RADIO_GROUP_NAME", "RadioGroupFrame", "orientation", "horizontal", "flexDirection", "spaceDirection", "vertical", "RadioGroup", "Frame", "Indicator", "Item", "RadioGroupUnstyledDemo", "aria-labelledby", "defaultValue", "space", "RadioGroupItemWithLabel", "value", "label", "props", "id", "gap", "htmlFor"]
 }

package/dist/esm/RadioGroupUnstyledDemo.native.mjs

@@ -0,0 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Label, ThemeableStack, XStack, YStack, styled } from "tamagui";
+import { createRadioGroup } from "@tamagui/radio-group";
+var RADIO_GROUP_ITEM_NAME = "RadioGroupItem",
+  RadioGroupItemFrame = styled(ThemeableStack, {
+    name: RADIO_GROUP_ITEM_NAME,
+    tag: "button",
+    borderRadius: 1e3,
+    backgroundColor: "$background",
+    alignItems: "center",
+    justifyContent: "center",
+    borderWidth: 1,
+    borderColor: "$borderColor",
+    padding: 0,
+    hoverStyle: {
+      borderColor: "$borderColorHover",
+      backgroundColor: "$backgroundHover"
+    },
+    focusStyle: {
+      borderColor: "$borderColorHover",
+      backgroundColor: "$backgroundHover"
+    },
+    focusVisibleStyle: {
+      outlineStyle: "solid",
+      outlineWidth: 2,
+      outlineColor: "$outlineColor"
+    },
+    pressStyle: {
+      borderColor: "$borderColorFocus",
+      backgroundColor: "$backgroundFocus"
+    },
+    variants: {
+      disabled: {
+        true: {
+          pointerEvents: "none",
+          userSelect: "none",
+          cursor: "not-allowed",
+          hoverStyle: {
+            borderColor: "$borderColor",
+            backgroundColor: "$background"
+          },
+          pressStyle: {
+            borderColor: "$borderColor",
+            backgroundColor: "$background"
+          },
+          focusVisibleStyle: {
+            outlineWidth: 0
+          }
+        }
+      }
+    }
+  }),
+  RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator",
+  RadioGroupIndicatorFrame = styled(ThemeableStack, {
+    name: RADIO_GROUP_INDICATOR_NAME,
+    width: "53%",
+    height: "53%",
+    borderRadius: 1e3,
+    backgroundColor: "$color",
+    pressTheme: !0
+  }),
+  RADIO_GROUP_NAME = "RadioGroup",
+  RadioGroupFrame = styled(ThemeableStack, {
+    name: RADIO_GROUP_NAME,
+    variants: {
+      orientation: {
+        horizontal: {
+          flexDirection: "row",
+          spaceDirection: "horizontal"
+        },
+        vertical: {
+          flexDirection: "column",
+          spaceDirection: "vertical"
+        }
+      }
+    }
+  }),
+  RadioGroup = createRadioGroup({
+    Frame: RadioGroupFrame,
+    Indicator: RadioGroupIndicatorFrame,
+    Item: RadioGroupItemFrame
+  });
+function RadioGroupUnstyledDemo() {
+  return /* @__PURE__ */_jsx(RadioGroup, {
+    "aria-labelledby": "Select one item",
+    defaultValue: "3",
+    name: "form",
+    children: /* @__PURE__ */_jsxs(YStack, {
+      width: 200,
+      alignItems: "center",
+      space: "$2",
+      children: [/* @__PURE__ */_jsx(RadioGroupItemWithLabel, {
+        value: "2",
+        label: "Option One"
+      }), /* @__PURE__ */_jsx(RadioGroupItemWithLabel, {
+        value: "3",
+        label: "Option Two"
+      })]
+    })
+  });
+}
+function RadioGroupItemWithLabel(props) {
+  var id = `radiogroup-${props.value}`;
+  return /* @__PURE__ */_jsxs(XStack, {
+    width: 300,
+    alignItems: "center",
+    gap: "$4",
+    children: [/* @__PURE__ */_jsx(RadioGroup.Item, {
+      value: props.value,
+      id,
+      children: /* @__PURE__ */_jsx(RadioGroup.Indicator, {})
+    }), /* @__PURE__ */_jsx(Label, {
+      htmlFor: id,
+      children: props.label
+    })]
+  });
+}
+export { RadioGroupUnstyledDemo };
+//# sourceMappingURL=RadioGroupUnstyledDemo.native.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Label","ThemeableStack","XStack","YStack","styled","createRadioGroup","RADIO_GROUP_ITEM_NAME","RadioGroupItemFrame","name","tag","borderRadius","backgroundColor","alignItems","justifyContent","borderWidth","borderColor","padding","hoverStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","pressStyle","variants","disabled","true","pointerEvents","userSelect","cursor","RADIO_GROUP_INDICATOR_NAME","RadioGroupIndicatorFrame","width","height","pressTheme","RADIO_GROUP_NAME","RadioGroupFrame","orientation","horizontal","flexDirection","spaceDirection","vertical","RadioGroup","Frame","Indicator","Item","RadioGroupUnstyledDemo","defaultValue","children","space","RadioGroupItemWithLabel","value","label"],"sources":["../../src/RadioGroupUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAAC,KAAgB,QAAQ,mBAAsB;AAE9D,SAASC,KAAA,EAAAC,cAAA,EAAAC,MAAwB,EAAAC,MAAA,EAAAC,MAAA;AAoG3B,SACEC,gBADF;AAlGN,IAAAC,qBAAM,mBAAwB;EAAAC,mBAExB,GAAAH,MAAsB,CAAAH,cAAO;IACjCO,IAAA,EAAMF,qBAAA;IACNG,GAAA,EAAK;IAELC,YAAA,EAAc;IACdC,eAAA,EAAiB;IACjBC,UAAA,EAAY;IACZC,cAAA,EAAgB;IAChBC,WAAA,EAAa;IACbC,WAAA,EAAa;IACbC,OAAA,EAAS;IAETC,UAAA,EAAY;MACVF,WAAA,EAAa;MACbJ,eAAA,EAAiB;IACnB;IAEAO,UAAA,EAAY;MACVH,WAAA,EAAa;MACbJ,eAAA,EAAiB;IACnB;IAEAQ,iBAAA,EAAmB;MACjBC,YAAA,EAAc;MACdC,YAAA,EAAc;MACdC,YAAA,EAAc;IAChB;IAEAC,UAAA,EAAY;MACVR,WAAA,EAAa;MACbJ,eAAA,EAAiB;IACnB;IAEAa,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,IAAA,EAAM;UACJC,aAAA,EAAe;UACfC,UAAA,EAAY;UACZC,MAAA,EAAQ;UAERZ,UAAA,EAAY;YACVF,WAAA,EAAa;YACbJ,eAAA,EAAiB;UACnB;UAEAY,UAAA,EAAY;YACVR,WAAA,EAAa;YACbJ,eAAA,EAAiB;UACnB;UAEAQ,iBAAA,EAAmB;YACjBE,YAAA,EAAc;UAChB;QACF;MACF;IACF;EACF,CAAU;EAEJS,0BAAA,GAA6B;EAE7BC,wBAAA,GAA2B3B,MAAA,CAAOH,cAAA,EAAgB;IACtDO,IAAA,EAAMsB,0BAAA;IACNE,KAAA,EAAO;IACPC,MAAA,EAAQ;IACRvB,YAAA,EAAc;IACdC,eAAA,EAAiB;IACjBuB,UAAA,EAAY;EACd,CAAC;EAEKC,gBAAA,GAAmB;EAEnBC,eAAA,GAAkBhC,MAAA,CAAOH,cAAA,EAAgB;IAC7CO,IAAA,EAAM2B,gBAAA;IACNX,QAAA,EAAU;MACRa,WAAA,EAAa;QACXC,UAAA,EAAY;UACVC,aAAA,EAAe;UACfC,cAAA,EAAgB;QAClB;QACAC,QAAA,EAAU;UACRF,aAAA,EAAe;UACfC,cAAA,EAAgB;QAClB;MACF;IACF;EACF,CAAC;EAEKE,UAAA,GAAarC,gBAAA,CAAiB;IAClCsC,KAAA,EAAOP,eAAA;IACPQ,SAAA,EAAWb,wBAAA;IACXc,IAAA,EAAMtC;EACR,CAAC;AAEM,SAASuC,uBAAA,EAAyB;EACvC,OACE,eAAAjD,IAAC,CAAA6C,UAAA;IAEG,oCAAC;IACDK,YAAA;IAAsDvC,IAE1D;IAEJwC,QAAA,iBAAAjD,KAAA,CAAAI,MAAA;MAEA6B,KAAS;MAIPpB,UAAW;MACXqC,KACE;MACED,QAAA,GAIA,eAACnD,IAAA,CAAAqD,uBAAoB;QACvBC,KAAA;QAEJC,KAAA","ignoreList":[]}

package/dist/esm/ReplaceThemeDemo.native.js

@@ -2,49 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { addTheme, replaceTheme } from "@tamagui/theme";
 import { Button, Square, Theme, XStack, YStack, useForceUpdate, useIsomorphicLayoutEffect } 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 ReplaceThemeDemo() {
-  var _React_useState = _sliced_to_array(React.useState(), 2), theme = _React_useState[0], setTheme = _React_useState[1], update = useForceUpdate();
+  var [theme, setTheme] = React.useState(), update = useForceUpdate();
   return useIsomorphicLayoutEffect(function() {
     addTheme({
       name: "mytheme",

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/ReplaceThemeDemo.tsx"],
-  "mappings": ";AAAA,OAAOA,WAAW;AAClB,SAASC,UAAUC,oBAAoB;AAEvC,SACEC,QACAC,QACAC,OACAC,QACAC,QACAC,gBACAC,iCACK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAASC,mBAAAA;AACd,MAA0BV,kBAAAA,iBAAAA,MAAMW,SAAQ,GAAA,CAAA,GAAjCC,QAAmBZ,gBAAAA,CAAAA,GAAZa,WAAYb,gBAAAA,CAAAA,GACpBc,SAASN,eAAAA;AAEfC,mCAA0B,WAAA;AACxBR,aAAS;MACPc,MAAM;MACNC,WAAW;MACXJ,OAAO;QACLK,OAAO;QACPC,QAAQ;MACV;IACF,CAAA,GACAL,SAAS,SAAA;EACX,GAAG,CAAA,CAAE,GAGH,sBAACN,QAAAA;IAAOY,YAAW;IAASC,OAAK;;MAC/B,qBAACd,QAAAA;QAAOe,KAAI;kBACV,qBAAChB,OAAAA;UAAMU,MAAMH,SAAS;oBACpB,qBAACR,QAAAA;YAAOkB,cAAa;YAAKC,MAAM;YAAKC,iBAAgB;;;;MAIzD,qBAACrB,QAAAA;QACCsB,SAAS,WAAA;AACPvB,uBAAa;YACXa,MAAM;YACNH,OAAO;cACLK,OAAO;YACT;UACF,CAAA,GACAH,OAAAA;QACF;kBACD;;;;AAKP;",
-  "names": ["React", "addTheme", "replaceTheme", "Button", "Square", "Theme", "XStack", "YStack", "useForceUpdate", "useIsomorphicLayoutEffect", "ReplaceThemeDemo", "useState", "theme", "setTheme", "update", "name", "insertCSS", "color", "color2", "alignItems", "space", "gap", "borderRadius", "size", "backgroundColor", "onPress"]
+  "mappings": ";AAAA,OAAOA,WAAW;AAClB,SAASC,UAAUC,oBAAoB;AAEvC,SACEC,QACAC,QACAC,OACAC,QACAC,QACAC,gBACAC,iCACK;AAEA,SAASC,mBAAAA;AACd,MAAM,CAACC,OAAOC,QAAAA,IAAYZ,MAAMa,SAAQ,GAClCC,SAASN,eAAAA;AAEfC,mCAA0B,WAAA;AACxBR,aAAS;MACPc,MAAM;MACNC,WAAW;MACXL,OAAO;QACLM,OAAO;QACPC,QAAQ;MACV;IACF,CAAA,GACAN,SAAS,SAAA;EACX,GAAG,CAAA,CAAE,GAGH,sBAACL,QAAAA;IAAOY,YAAW;IAASC,OAAK;;MAC/B,qBAACd,QAAAA;QAAOe,KAAI;kBACV,qBAAChB,OAAAA;UAAMU,MAAMJ,SAAS;oBACpB,qBAACP,QAAAA;YAAOkB,cAAa;YAAKC,MAAM;YAAKC,iBAAgB;;;;MAIzD,qBAACrB,QAAAA;QACCsB,SAAS,WAAA;AACPvB,uBAAa;YACXa,MAAM;YACNJ,OAAO;cACLM,OAAO;YACT;UACF,CAAA,GACAH,OAAAA;QACF;kBACD;;;;AAKP;",
+  "names": ["React", "addTheme", "replaceTheme", "Button", "Square", "Theme", "XStack", "YStack", "useForceUpdate", "useIsomorphicLayoutEffect", "ReplaceThemeDemo", "theme", "setTheme", "useState", "update", "name", "insertCSS", "color", "color2", "alignItems", "space", "gap", "borderRadius", "size", "backgroundColor", "onPress"]
 }

package/dist/esm/ReplaceThemeDemo.native.mjs

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { addTheme, replaceTheme } from "@tamagui/theme";
+import { Button, Square, Theme, XStack, YStack, useForceUpdate, useIsomorphicLayoutEffect } from "tamagui";
+function ReplaceThemeDemo() {
+  var [theme, setTheme] = React.useState(),
+    update = useForceUpdate();
+  return useIsomorphicLayoutEffect(function () {
+    addTheme({
+      name: "mytheme",
+      insertCSS: !0,
+      theme: {
+        color: "red",
+        color2: "green"
+      }
+    }), setTheme("mytheme");
+  }, []), /* @__PURE__ */_jsxs(YStack, {
+    alignItems: "center",
+    space: !0,
+    children: [/* @__PURE__ */_jsx(XStack, {
+      gap: "$5",
+      children: /* @__PURE__ */_jsx(Theme, {
+        name: theme ?? null,
+        children: /* @__PURE__ */_jsx(Square, {
+          borderRadius: "$8",
+          size: 100,
+          backgroundColor: "$color"
+        })
+      })
+    }), /* @__PURE__ */_jsx(Button, {
+      onPress: function () {
+        replaceTheme({
+          name: "mytheme",
+          theme: {
+            color: "blue"
+          }
+        }), update();
+      },
+      children: "Replace theme to only have $color: blue"
+    })]
+  });
+}
+export { ReplaceThemeDemo };
+//# sourceMappingURL=ReplaceThemeDemo.native.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","addTheme","replaceTheme","Button","Square","Theme","XStack","YStack","useForceUpdate","useIsomorphicLayoutEffect","ReplaceThemeDemo","theme","setTheme","useState","update","name","insertCSS","color","color2","alignItems","space","children","gap","borderRadius","size","backgroundColor","onPress"],"sources":["../../src/ReplaceThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAS,aAAU;AAEnB,SAAAC,QAAA,EAAAC,YAAA;AAAA,SACEC,MAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,cAAA,EAAAC,yBAAA;AAAA,SACAC,iBAAA;EACA,KAAAC,KAAA,EAAAC,QAAA,IAAAZ,KAAA,CAAAa,QAAA;IAAAC,MAAA,GAAAN,cAAA;EACA,OAAAC,yBAAA;IACAR,QAAA;MACAc,IAAA;MACAC,SAAA;MAAAL,KACK;QAmBHM,KAGM,EAHN;QAjBGC,MAAS;MACd;IAGA,IAAAN,QAAA;EACE,uBAASb,KAAA,CAAAQ,MAAA;IAAAY,UACD;IAAAC,KACN;IAAWC,QACX,EAAO,gBACExB,IAAA,CAAAS,MAAA;MACPgB,GAAA,MAAQ;MACVD,QAAA,iBAAAxB,IAAA,CAAAQ,KAAA;QAEFU,IAAA,EAAAJ,KAAS,QAAS;QAIlBU,QAAA,iBAACxB,IAAA,CAAOO,MAAA;UACNmB,YAAC;UAMDC,IAAA;UAACC,eAAA;QAAA;MACC;IACE,IAAa,eACL5B,IAAA,CAAAM,MAAA;MAAAuB,OACN,WAAAA,CAAA,EAAO;QAAAxB,YACE;UACTa,IAAA;UACDJ,KACD;YACFM,KAAA;UACD;QAAA,IAAAH,MAAA;MAED;MACFO,QAAA;IAEJ","ignoreList":[]}

package/dist/esm/ScrollViewDemo.native.mjs

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Circle, ScrollView, Square, XStack } from "tamagui";
+function ScrollViewDemo() {
+  return /* @__PURE__ */_jsx(ScrollView, {
+    maxHeight: 250,
+    width: "75%",
+    backgroundColor: "$background",
+    padding: "$4",
+    borderRadius: "$4",
+    children: /* @__PURE__ */_jsxs(XStack, {
+      flexWrap: "wrap",
+      alignItems: "center",
+      justifyContent: "center",
+      children: [/* @__PURE__ */_jsx(Square, {
+        margin: "$4",
+        size: 120,
+        backgroundColor: "$red9"
+      }), /* @__PURE__ */_jsx(Circle, {
+        margin: "$4",
+        size: 120,
+        backgroundColor: "$orange9"
+      }), /* @__PURE__ */_jsx(Square, {
+        margin: "$4",
+        size: 120,
+        backgroundColor: "$yellow9"
+      }), /* @__PURE__ */_jsx(Circle, {
+        margin: "$4",
+        size: 120,
+        backgroundColor: "$green9"
+      }), /* @__PURE__ */_jsx(Square, {
+        margin: "$4",
+        size: 120,
+        backgroundColor: "$blue9"
+      }), /* @__PURE__ */_jsx(Circle, {
+        margin: "$4",
+        size: 120,
+        backgroundColor: "$purple9"
+      }), /* @__PURE__ */_jsx(Square, {
+        margin: "$4",
+        size: 120,
+        backgroundColor: "$pink9"
+      }), /* @__PURE__ */_jsx(Circle, {
+        margin: "$4",
+        size: 120,
+        backgroundColor: "$red9"
+      })]
+    })
+  });
+}
+export { ScrollViewDemo };
+//# sourceMappingURL=ScrollViewDemo.native.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Circle","ScrollView","Square","XStack","ScrollViewDemo","maxHeight","width","backgroundColor","padding","borderRadius","children","flexWrap","alignItems","justifyContent","margin","size"],"sources":["../../src/ScrollViewDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAA,IAAYC,KAAA,QAAQ,mBAAc;AAW7C,SACEC,MADF,EAAAC,UAAA,EAAAC,MAAA,EAAAC,MAAA;AATC,SAASC,eAAA,EAAiB;EAC/B,OACE,eAAAP,IAAA,CAAAI,UAAA;IAACI,SAAA;IAAAC,KAAA;IAAAC,eACY;IAAAC,OACX,EAAM;IAAAC,YACN;IAAgBC,QAChB,iBAAQX,KAAA,CAAAI,MAAA;MACRQ,QAAA,QAAa;MAEbC,UAAA;MACEC,cAAA,UAAC;MAAsDH,QACvD,GACA,eAAAb,IAAC,CAAAK,MAAA;QACDY,MAAA;QACAC,IAAA;QACAR,eAAA;MACA,IACA,eAAAV,IAAC,CAAAG,MAAA;QACHc,MAAA;QAAAC,IAAA;QACFR,eAAA;MAEJ,I","ignoreList":[]}