@tamagui/demos 1.96.0 → 1.97.1

package/dist/cjs/NewInputsDemo.js

@@ -0,0 +1,46 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var NewInputsDemo_exports = {};
+__export(NewInputsDemo_exports, {
+  NewInputsDemo: () => NewInputsDemo
+});
+module.exports = __toCommonJS(NewInputsDemo_exports);
+var import_tamagui = require("tamagui"), import_input = require("@tamagui/input"), import_jsx_runtime = require("react/jsx-runtime");
+function NewInputsDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_tamagui.YStack,
+    {
+      width: 200,
+      minHeight: 250,
+      overflow: "hidden",
+      space: "$2",
+      margin: "$3",
+      padding: "$2",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, { size: "$2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, { size: "$3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, { size: "$4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input.TextArea, { placeholder: "Enter your details..." })
+      ]
+    }
+  );
+}
+function InputDemo(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { alignItems: "center", space: "$2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input.Input, { flex: 1, size: props.size, placeholder: `Size ${props.size}...` }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: props.size, children: "Go" })
+  ] });
+}
+//# sourceMappingURL=NewInputsDemo.js.map

package/dist/cjs/NewInputsDemo.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/NewInputsDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAuC,oBACvC,eAAgC,2BAI5B;AAFG,SAAS,gBAAgB;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAW;AAAA,MACX,UAAS;AAAA,MACT,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MAER;AAAA,oDAAC,aAAU,MAAK,MAAK;AAAA,QACrB,4CAAC,aAAU,MAAK,MAAK;AAAA,QACrB,4CAAC,aAAU,MAAK,MAAK;AAAA,QACrB,4CAAC,yBAAS,aAAY,yBAAwB;AAAA;AAAA;AAAA,EAChD;AAEJ;AAEA,SAAS,UAAU,OAA6B;AAC9C,SACE,6CAAC,yBAAO,YAAW,UAAS,OAAM,MAChC;AAAA,gDAAC,sBAAM,MAAM,GAAG,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,IAAI,OAAO;AAAA,IACxE,4CAAC,yBAAO,MAAM,MAAM,MAAM,gBAAE;AAAA,KAC9B;AAEJ;",
+  "names": []
+}

package/dist/cjs/NewInputsDemo.native.js

@@ -0,0 +1,67 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var NewInputsDemo_exports = {};
+__export(NewInputsDemo_exports, {
+  NewInputsDemo: () => NewInputsDemo
+});
+module.exports = __toCommonJS(NewInputsDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime"), import_tamagui = require("tamagui"), import_input = require("@tamagui/input");
+function NewInputsDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    width: 200,
+    minHeight: 250,
+    overflow: "hidden",
+    space: "$2",
+    margin: "$3",
+    padding: "$2",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, {
+        size: "$2"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, {
+        size: "$3"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, {
+        size: "$4"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input.TextArea, {
+        placeholder: "Enter your details..."
+      })
+    ]
+  });
+}
+function InputDemo(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    alignItems: "center",
+    space: "$2",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input.Input, {
+        flex: 1,
+        size: props.size,
+        placeholder: "Size ".concat(props.size, "...")
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        size: props.size,
+        children: "Go"
+      })
+    ]
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NewInputsDemo
+});
+//# sourceMappingURL=NewInputsDemo.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/NewInputsDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDACA,iBAAuC,oBACvC,eAAgC;AAEzB,SAASA,gBAAAA;AACd,SACE,uCAAAC,MAACC,uBAAAA;IACCC,OAAO;IACPC,WAAW;IACXC,UAAS;IACTC,OAAM;IACNC,QAAO;IACPC,SAAQ;;MAER,uCAAAC,KAACC,WAAAA;QAAUC,MAAK;;MAChB,uCAAAF,KAACC,WAAAA;QAAUC,MAAK;;MAChB,uCAAAF,KAACC,WAAAA;QAAUC,MAAK;;MAChB,uCAAAF,KAACG,uBAAAA;QAASC,aAAY;;;;AAG5B;AAEA,SAASH,UAAUI,OAA2B;AAC5C,SACE,uCAAAb,MAACc,uBAAAA;IAAOC,YAAW;IAASV,OAAM;;MAChC,uCAAAG,KAACQ,oBAAAA;QAAMC,MAAM;QAAGP,MAAMG,MAAMH;QAAME,aAAc,QAAkB,OAAXC,MAAMH,MAAK,KAAA;;MAClE,uCAAAF,KAACU,uBAAAA;QAAOR,MAAMG,MAAMH;kBAAM;;;;AAGhC;",
+  "names": ["NewInputsDemo", "_jsxs", "YStack", "width", "minHeight", "overflow", "space", "margin", "padding", "_jsx", "InputDemo", "size", "TextArea", "placeholder", "props", "XStack", "alignItems", "Input", "flex", "Button"]
+}

package/dist/cjs/RadioGroupHeadlessDemo.js

@@ -0,0 +1,109 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var RadioGroupHeadlessDemo_exports = {};
+__export(RadioGroupHeadlessDemo_exports, {
+  RadioGroupHeadlessDemo: () => RadioGroupHeadlessDemo
+});
+module.exports = __toCommonJS(RadioGroupHeadlessDemo_exports);
+var import_radio_headless = require("@tamagui/radio-headless"), import_roving_focus = require("@tamagui/roving-focus"), import_react = require("react"), import_react_native = require("react-native-web"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+const RadioGroupContext = (0, import_react.createContext)({}), RadioGroupItemContext = (0, import_react.createContext)({
+  checked: !1,
+  disabled: !1
+});
+function RadioGroupHeadlessDemo() {
+  const { providerValue, frameAttrs, rovingFocusGroupAttrs } = (0, import_radio_headless.useRadioGroup)({
+    orientation: "vertical",
+    name: "form",
+    defaultValue: "3"
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupContext.Provider, { value: providerValue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, { ...rovingFocusGroupAttrs, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.View, { style: styles.radioGroup, ...frameAttrs, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItem, { value: "2", id: "2", label: "First Value" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItem, { value: "3", id: "3", label: "Second Value" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItem, { value: "4", id: "4", label: "Third Value" })
+  ] }) }) });
+}
+function RadioGroupItem(props) {
+  const theme = (0, import_tamagui.useTheme)(), { value, id, label } = props, {
+    providerValue,
+    native,
+    bubbleInput,
+    rovingFocusGroupAttrs,
+    frameAttrs,
+    isFormControl,
+    checked
+  } = (0, import_radio_headless.useRadioGroupItem)({
+    radioGroupContext: RadioGroupContext,
+    value,
+    id
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemContext.Provider, { value: providerValue, children: import_tamagui.isWeb && native ? bubbleInput : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.View, { style: styles.radioGroupItemContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, { ...rovingFocusGroupAttrs, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_native.Pressable,
+      {
+        style: {
+          ...styles.radioGroupItem,
+          borderColor: theme.borderColor.get(),
+          ...checked ? { borderWidth: 4 } : { backgroundColor: theme.background.get() }
+        },
+        ...frameAttrs,
+        onFocus: frameAttrs.onFocus,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemIndicator, {})
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Text, { style: { color: theme.color.get() }, children: label }),
+    isFormControl && bubbleInput
+  ] }) });
+}
+function RadioGroupItemIndicator() {
+  const theme = (0, import_tamagui.useTheme)(), params = (0, import_radio_headless.useRadioGroupItemIndicator)({
+    radioGroupItemContext: RadioGroupItemContext,
+    disabled: !1
+  });
+  return params.checked ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_native.View,
+    {
+      style: {
+        ...styles.radioGroupItemIndicator,
+        backgroundColor: theme.color.get()
+      },
+      ...params
+    }
+  ) : null;
+}
+const styles = import_react_native.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
+  }
+});
+//# sourceMappingURL=RadioGroupHeadlessDemo.js.map

package/dist/cjs/RadioGroupHeadlessDemo.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/RadioGroupHeadlessDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,4BAIO,oCACP,sBAAiC,kCACjC,eAA8B,kBAC9B,sBAAkD,yBAClD,iBAAgC,oBAiBxB;AAfR,MAAM,wBAAoB,4BAAsC,CAAC,CAAC,GAC5D,4BAAwB,4BAA0C;AAAA,EACtE,SAAS;AAAA,EACT,UAAU;AACZ,CAAC;AAEM,SAAS,yBAAyB;AACvC,QAAM,EAAE,eAAe,YAAY,sBAAsB,QAAI,qCAAc;AAAA,IACzE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,cAAc;AAAA,EAChB,CAAC;AACD,SACE,4CAAC,kBAAkB,UAAlB,EAA2B,OAAO,eACjC,sDAAC,wCAAkB,GAAG,uBACpB,uDAAC,4BAAK,OAAO,OAAO,YAAa,GAAG,YAClC;AAAA,gDAAC,kBAAe,OAAM,KAAI,IAAG,KAAI,OAAM,eAAc;AAAA,IACrD,4CAAC,kBAAe,OAAM,KAAI,IAAG,KAAI,OAAM,gBAAe;AAAA,IACtD,4CAAC,kBAAe,OAAM,KAAI,IAAG,KAAI,OAAM,eAAc;AAAA,KACvD,GACF,GACF;AAEJ;AAEA,SAAS,eAAe,OAIrB;AACD,QAAM,YAAQ,yBAAS,GACjB,EAAE,OAAO,IAAI,MAAM,IAAI,OACvB;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yCAAkB;AAAA,IACpB,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,4CAAC,sBAAsB,UAAtB,EAA+B,OAAO,eACpC,kCAAS,SACR,cAEA,6CAAC,4BAAK,OAAO,OAAO,yBAClB;AAAA,gDAAC,qCAAiB,MAAjB,EAAuB,GAAG,uBACzB;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,GAAG,OAAO;AAAA,UACL,aAAa,MAAM,YAAY,IAAI;AAAA,UACxC,GAAI,UACA,EAAE,aAAa,EAAE,IACjB,EAAE,iBAAiB,MAAM,WAAW,IAAI,EAAE;AAAA,QAChD;AAAA,QACC,GAAG;AAAA,QACJ,SAAS,WAAW;AAAA,QAEpB,sDAAC,2BAAwB;AAAA;AAAA,IAC3B,GACF;AAAA,IACA,4CAAC,4BAAK,OAAO,EAAE,OAAO,MAAM,MAAM,IAAI,EAAE,GAAI,iBAAM;AAAA,IACjD,iBAAiB;AAAA,KACpB,GAEJ;AAEJ;AAEA,SAAS,0BAA0B;AACjC,QAAM,YAAQ,yBAAS,GACjB,aAAS,kDAA2B;AAAA,IACxC,uBAAuB;AAAA,IACvB,UAAU;AAAA,EACZ,CAAC;AACD,SAAI,OAAO,UAEP;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,GAAG,OAAO;AAAA,QACV,iBAAiB,MAAM,MAAM,IAAI;AAAA,MACnC;AAAA,MACC,GAAG;AAAA;AAAA,EACN,IAGG;AACT;AAEA,MAAM,SAAS,+BAAW,OAAO;AAAA,EAC/B,YAAY;AAAA,IACV,eAAe;AAAA,IACf,KAAK;AAAA,IACL,YAAY;AAAA,EACd;AAAA,EACA,gBAAgB;AAAA,IACd,aAAa;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,YAAY;AAAA,EACd;AAAA,EACA,yBAAyB;AAAA,IACvB,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,yBAAyB;AAAA,IACvB,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,KAAK;AAAA,EACP;AACF,CAAC;",
+  "names": []
+}

package/dist/cjs/RadioGroupHeadlessDemo.native.js

@@ -0,0 +1,168 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var RadioGroupHeadlessDemo_exports = {};
+__export(RadioGroupHeadlessDemo_exports, {
+  RadioGroupHeadlessDemo: () => RadioGroupHeadlessDemo
+});
+module.exports = __toCommonJS(RadioGroupHeadlessDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime"), import_radio_headless = require("@tamagui/radio-headless"), import_roving_focus = require("@tamagui/roving-focus"), import_react = require("react"), import_react_native = require("react-native"), import_tamagui = require("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__ */ (0, import_react.createContext)({}), RadioGroupItemContext = /* @__PURE__ */ (0, import_react.createContext)({
+  checked: !1,
+  disabled: !1
+});
+function RadioGroupHeadlessDemo() {
+  var _useRadioGroup = (0, import_radio_headless.useRadioGroup)({
+    orientation: "vertical",
+    name: "form",
+    defaultValue: "3"
+  }), providerValue = _useRadioGroup.providerValue, frameAttrs = _useRadioGroup.frameAttrs, rovingFocusGroupAttrs = _useRadioGroup.rovingFocusGroupAttrs;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupContext.Provider, {
+    value: providerValue,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, _object_spread_props(_object_spread({}, rovingFocusGroupAttrs), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.View, _object_spread_props(_object_spread({
+        style: styles.radioGroup
+      }, frameAttrs), {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItem, {
+            value: "2",
+            id: "2",
+            label: "First Value"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItem, {
+            value: "3",
+            id: "3",
+            label: "Second Value"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItem, {
+            value: "4",
+            id: "4",
+            label: "Third Value"
+          })
+        ]
+      }))
+    }))
+  });
+}
+function RadioGroupItem(props) {
+  var theme = (0, import_tamagui.useTheme)(), value = props.value, id = props.id, label = props.label, _useRadioGroupItem = (0, import_radio_headless.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__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemContext.Provider, {
+    value: providerValue,
+    children: import_tamagui.isWeb && native ? bubbleInput : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.View, {
+      style: styles.radioGroupItemContainer,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, _object_spread_props(_object_spread({}, rovingFocusGroupAttrs), {
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Pressable, _object_spread_props(_object_spread({
+            style: _object_spread({}, styles.radioGroupItem, {
+              borderColor: theme.borderColor.get()
+            }, checked ? {
+              borderWidth: 4
+            } : {
+              backgroundColor: theme.background.get()
+            })
+          }, frameAttrs), {
+            onFocus: frameAttrs.onFocus,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemIndicator, {})
+          }))
+        })),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Text, {
+          style: {
+            color: theme.color.get()
+          },
+          children: label
+        }),
+        isFormControl && bubbleInput
+      ]
+    })
+  });
+}
+function RadioGroupItemIndicator() {
+  var theme = (0, import_tamagui.useTheme)(), params = (0, import_radio_headless.useRadioGroupItemIndicator)({
+    radioGroupItemContext: RadioGroupItemContext,
+    disabled: !1
+  });
+  return params.checked ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, _object_spread({
+    style: _object_spread_props(_object_spread({}, styles.radioGroupItemIndicator), {
+      backgroundColor: theme.color.get()
+    })
+  }, params)) : null;
+}
+var styles = import_react_native.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
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RadioGroupHeadlessDemo
+});
+//# sourceMappingURL=RadioGroupHeadlessDemo.js.map

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

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

package/dist/cjs/RadioGroupUnstyledDemo.js

@@ -0,0 +1,107 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var RadioGroupUnstyledDemo_exports = {};
+__export(RadioGroupUnstyledDemo_exports, {
+  RadioGroupUnstyledDemo: () => RadioGroupUnstyledDemo
+});
+module.exports = __toCommonJS(RadioGroupUnstyledDemo_exports);
+var import_tamagui = require("tamagui"), import_radio_group = require("@tamagui/radio-group"), import_jsx_runtime = require("react/jsx-runtime");
+const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", RadioGroupItemFrame = (0, import_tamagui.styled)(import_tamagui.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 = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
+  name: RADIO_GROUP_INDICATOR_NAME,
+  width: "53%",
+  height: "53%",
+  borderRadius: 1e3,
+  backgroundColor: "$color",
+  pressTheme: !0
+}), RADIO_GROUP_NAME = "RadioGroup", RadioGroupFrame = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
+  name: RADIO_GROUP_NAME,
+  variants: {
+    orientation: {
+      horizontal: {
+        flexDirection: "row",
+        spaceDirection: "horizontal"
+      },
+      vertical: {
+        flexDirection: "column",
+        spaceDirection: "vertical"
+      }
+    }
+  }
+}), RadioGroup = (0, import_radio_group.createRadioGroup)({
+  Frame: RadioGroupFrame,
+  Indicator: RadioGroupIndicatorFrame,
+  Item: RadioGroupItemFrame
+});
+function RadioGroupUnstyledDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroup, { "aria-labelledby": "Select one item", defaultValue: "3", name: "form", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: 200, alignItems: "center", space: "$2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, { value: "2", label: "Option One" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, { value: "3", label: "Option Two" })
+  ] }) });
+}
+function RadioGroupItemWithLabel(props) {
+  const id = `radiogroup-${props.value}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: 300, alignItems: "center", gap: "$4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroup.Item, { value: props.value, id, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroup.Indicator, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { htmlFor: id, children: props.label })
+  ] });
+}
+//# sourceMappingURL=RadioGroupUnstyledDemo.js.map

package/dist/cjs/RadioGroupUnstyledDemo.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/RadioGroupUnstyledDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA8D,oBAE9D,qBAAiC,iCAoG3B;AAlGN,MAAM,wBAAwB,kBAExB,0BAAsB,uBAAO,+BAAgB;AAAA,EACjD,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,SAAS;AAAA,EAET,YAAY;AAAA,IACV,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AAAA,EAEA,mBAAmB;AAAA,IACjB,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,EAChB;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AAAA,EAEA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,QAAQ;AAAA,QAER,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,mBAAmB;AAAA,UACjB,cAAc;AAAA,QAChB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAU,GAEJ,6BAA6B,uBAE7B,+BAA2B,uBAAO,+BAAgB;AAAA,EACtD,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,YAAY;AACd,CAAC,GAEK,mBAAmB,cAEnB,sBAAkB,uBAAO,+BAAgB;AAAA,EAC7C,MAAM;AAAA,EACN,UAAU;AAAA,IACR,aAAa;AAAA,MACX,YAAY;AAAA,QACV,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,QACR,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAEK,iBAAa,qCAAiB;AAAA,EAClC,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AACR,CAAC;AAEM,SAAS,yBAAyB;AACvC,SACE,4CAAC,cAAW,mBAAgB,mBAAkB,cAAa,KAAI,MAAK,QAClE,uDAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,gDAAC,2BAAwB,OAAM,KAAI,OAAM,cAAa;AAAA,IACtD,4CAAC,2BAAwB,OAAM,KAAI,OAAM,cAAa;AAAA,KACxD,GACF;AAEJ;AAEA,SAAS,wBAAwB,OAG9B;AACD,QAAM,KAAK,cAAc,MAAM,KAAK;AACpC,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C;AAAA,gDAAC,WAAW,MAAX,EAAgB,OAAO,MAAM,OAAO,IACnC,sDAAC,WAAW,WAAX,EAAqB,GACxB;AAAA,IAEA,4CAAC,wBAAM,SAAS,IAAK,gBAAM,OAAM;AAAA,KACnC;AAEJ;",
+  "names": []
+}