@tamagui/demos 1.113.1 → 1.113.2

package/dist/esm/RadioGroupHeadlessDemo.native.js

@@ -4,101 +4,89 @@ 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
-  });
+var RadioGroupContext = /* @__PURE__ */ React.createContext({}), RadioGroupItemContext = /* @__PURE__ */ React.createContext({
+  checked: !1,
+  disabled: !1
+});
 function RadioGroupHeadlessDemo() {
-  var {
-    providerValue,
-    frameAttrs,
-    rovingFocusGroupAttrs
-  } = useRadioGroup({
+  var { providerValue, frameAttrs, rovingFocusGroupAttrs } = useRadioGroup({
     orientation: "vertical",
     name: "form",
     defaultValue: "3"
   });
-  return /* @__PURE__ */_jsx(RadioGroupContext.Provider, {
+  return /* @__PURE__ */ _jsx(RadioGroupContext.Provider, {
     value: providerValue,
-    children: /* @__PURE__ */_jsx(RovingFocusGroup, {
+    children: /* @__PURE__ */ _jsx(RovingFocusGroup, {
       ...rovingFocusGroupAttrs,
-      children: /* @__PURE__ */_jsxs(View, {
+      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"
-        })]
+        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, {
+  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, {
+    children: isWeb && native ? bubbleInput : /* @__PURE__ */ _jsxs(View, {
       style: styles.radioGroupItemContainer,
-      children: [/* @__PURE__ */_jsx(RovingFocusGroup.Item, {
-        ...rovingFocusGroupAttrs,
-        children: /* @__PURE__ */_jsx(Pressable, {
+      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: {
-            ...styles.radioGroupItem,
-            borderColor: theme.borderColor.get(),
-            ...(checked ? {
-              borderWidth: 4
-            } : {
-              backgroundColor: theme.background.get()
-            })
+            color: theme.color.get()
           },
-          ...frameAttrs,
-          onFocus: frameAttrs.onFocus,
-          children: /* @__PURE__ */_jsx(RadioGroupItemIndicator, {})
-        })
-      }), /* @__PURE__ */_jsx(Text, {
-        style: {
-          color: theme.color.get()
-        },
-        children: label
-      }), isFormControl && bubbleInput]
+          children: label
+        }),
+        isFormControl && bubbleInput
+      ]
     })
   });
 }
 function RadioGroupItemIndicator() {
-  var theme = useTheme(),
-    params = useRadioGroupItemIndicator({
-      radioGroupItemContext: RadioGroupItemContext,
-      disabled: !1
-    });
-  return params.checked ? /* @__PURE__ */_jsx(View, {
+  var theme = useTheme(), params = useRadioGroupItemIndicator({
+    radioGroupItemContext: RadioGroupItemContext,
+    disabled: !1
+  });
+  return params.checked ? /* @__PURE__ */ _jsx(View, {
     style: {
       ...styles.radioGroupItemIndicator,
       backgroundColor: theme.color.get()
@@ -130,5 +118,7 @@ var styles = StyleSheet.create({
     gap: 12
   }
 });
-export { RadioGroupHeadlessDemo };
-//# sourceMappingURL=RadioGroupHeadlessDemo.native.js.map
+export {
+  RadioGroupHeadlessDemo
+};
+//# sourceMappingURL=RadioGroupHeadlessDemo.js.map

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

@@ -1 +1,6 @@
-{"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":[]}
+{
+  "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,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/RadioGroupUnstyledDemo.native.js

@@ -1,119 +1,121 @@
 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
-          }
+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"
-        }
+  }
+}), 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
-  });
+  }
+}), RadioGroup = createRadioGroup({
+  Frame: RadioGroupFrame,
+  Indicator: RadioGroupIndicatorFrame,
+  Item: RadioGroupItemFrame
+});
 function RadioGroupUnstyledDemo() {
-  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: 200,
       alignItems: "center",
       space: "$2",
-      children: [/* @__PURE__ */_jsx(RadioGroupItemWithLabel, {
-        value: "2",
-        label: "Option One"
-      }), /* @__PURE__ */_jsx(RadioGroupItemWithLabel, {
-        value: "3",
-        label: "Option Two"
-      })]
+      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, {
+  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
-    })]
+    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.js.map
+export {
+  RadioGroupUnstyledDemo
+};
+//# sourceMappingURL=RadioGroupUnstyledDemo.js.map

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

@@ -1 +1,6 @@
-{"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":[]}
+{
+  "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,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/ReplaceThemeDemo.native.js

@@ -3,9 +3,8 @@ 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 () {
+  var [theme, setTheme] = React.useState(), update = useForceUpdate();
+  return useIsomorphicLayoutEffect(function() {
     addTheme({
       name: "mytheme",
       insertCSS: !0,
@@ -14,31 +13,36 @@ function ReplaceThemeDemo() {
         color2: "green"
       }
     }), setTheme("mytheme");
-  }, []), /* @__PURE__ */_jsxs(YStack, {
+  }, []), /* @__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"
+    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"
       })
-    }), /* @__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.js.map
+export {
+  ReplaceThemeDemo
+};
+//# sourceMappingURL=ReplaceThemeDemo.js.map

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

@@ -1 +1,6 @@
-{"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":[]}
+{
+  "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,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/ScrollViewDemo.native.js

@@ -1,51 +1,62 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Circle, ScrollView, Square, XStack } from "tamagui";
 function ScrollViewDemo() {
-  return /* @__PURE__ */_jsx(ScrollView, {
+  return /* @__PURE__ */ _jsx(ScrollView, {
     maxHeight: 250,
     width: "75%",
     backgroundColor: "$background",
     padding: "$4",
     borderRadius: "$4",
-    children: /* @__PURE__ */_jsxs(XStack, {
+    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"
-      })]
+      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.js.map
+export {
+  ScrollViewDemo
+};
+//# sourceMappingURL=ScrollViewDemo.js.map

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

@@ -1 +1,6 @@
-{"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":[]}
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/code/demos/src/ScrollViewDemo.tsx"],
+  "mappings": ";AAAA,SAASA,QAAQC,YAAYC,QAAQC,cAAc;AAE5C,SAASC,iBAAAA;AACd,SACE,qBAACH,YAAAA;IACCI,WAAW;IACXC,OAAM;IACNC,iBAAgB;IAChBC,SAAQ;IACRC,cAAa;cAEb,sBAACN,QAAAA;MAAOO,UAAS;MAAOC,YAAW;MAASC,gBAAe;;QACzD,qBAACV,QAAAA;UAAOW,QAAO;UAAKC,MAAM;UAAKP,iBAAgB;;QAC/C,qBAACP,QAAAA;UAAOa,QAAO;UAAKC,MAAM;UAAKP,iBAAgB;;QAC/C,qBAACL,QAAAA;UAAOW,QAAO;UAAKC,MAAM;UAAKP,iBAAgB;;QAC/C,qBAACP,QAAAA;UAAOa,QAAO;UAAKC,MAAM;UAAKP,iBAAgB;;QAC/C,qBAACL,QAAAA;UAAOW,QAAO;UAAKC,MAAM;UAAKP,iBAAgB;;QAC/C,qBAACP,QAAAA;UAAOa,QAAO;UAAKC,MAAM;UAAKP,iBAAgB;;QAC/C,qBAACL,QAAAA;UAAOW,QAAO;UAAKC,MAAM;UAAKP,iBAAgB;;QAC/C,qBAACP,QAAAA;UAAOa,QAAO;UAAKC,MAAM;UAAKP,iBAAgB;;;;;AAIvD;",
+  "names": ["Circle", "ScrollView", "Square", "XStack", "ScrollViewDemo", "maxHeight", "width", "backgroundColor", "padding", "borderRadius", "flexWrap", "alignItems", "justifyContent", "margin", "size"]
+}