@tamagui/demos 1.125.6 → 1.125.7

package/dist/esm/RadioGroupHeadlessDemo.native.js

@@ -4,89 +4,101 @@ 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, {
-            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, {
+      children: [/* @__PURE__ */_jsx(RovingFocusGroup.Item, {
+        ...rovingFocusGroupAttrs,
+        children: /* @__PURE__ */_jsx(Pressable, {
           style: {
-            color: theme.color.get()
+            ...styles.radioGroupItem,
+            borderColor: theme.borderColor.get(),
+            ...(checked ? {
+              borderWidth: 4
+            } : {
+              backgroundColor: theme.background.get()
+            })
           },
-          children: label
-        }),
-        isFormControl && bubbleInput
-      ]
+          ...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, {
+  var theme = useTheme(),
+    params = useRadioGroupItemIndicator({
+      radioGroupItemContext: RadioGroupItemContext,
+      disabled: !1
+    });
+  return params.checked ? /* @__PURE__ */_jsx(View, {
     style: {
       ...styles.radioGroupItemIndicator,
       backgroundColor: theme.color.get()
@@ -118,7 +130,5 @@ var styles = StyleSheet.create({
     gap: 12
   }
 });
-export {
-  RadioGroupHeadlessDemo
-};
-//# sourceMappingURL=RadioGroupHeadlessDemo.js.map
+export { RadioGroupHeadlessDemo };
+//# sourceMappingURL=RadioGroupHeadlessDemo.native.js.map

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

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

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

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

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

@@ -3,8 +3,9 @@ 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,
@@ -13,36 +14,31 @@ 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.js.map
+export { ReplaceThemeDemo };
+//# sourceMappingURL=ReplaceThemeDemo.native.js.map

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

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

@@ -1,62 +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, {
+  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: "$red9"
-        }),
-        /* @__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: "$red9"
+      }), /* @__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.js.map
+export { ScrollViewDemo };
+//# sourceMappingURL=ScrollViewDemo.native.js.map

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

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