@tamagui/radio-group 2.7.7 → 3.0.0-beta.643.1

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","RadioGroup_exports","__export","RadioGroupFrame","RadioGroupIndicatorFrame","RadioGroupItemFrame","module","exports","import_core","require","import_get_token","import_stacks","RADIO_GROUP_ITEM_NAME","styled","YStack","name","render","variants","unstyled","false","size","borderRadius","backgroundColor","alignItems","justifyContent","borderWidth","borderColor","padding","hoverStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","pressStyle","disabled","true","pointerEvents","userSelect","cursor","...size","param","props","_props_scaleSize","Math","floor","getVariableValue","getSize","width","height","defaultVariants","process","env","TAMAGUI_HEADLESS","RADIO_GROUP_INDICATOR_NAME","RADIO_GROUP_NAME","orientation","horizontal","flexDirection","spaceDirection","vertical"],"sources":["../../src/RadioGroup.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,wBAAA,EAAAA,CAAA,KAAAA,wBAAA;EAAAC,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAX,YAAyC,CAAAK,kBAAA;AACzC,IAAAO,WAAA,GAAAC,OAAwB;AACxB,IAAAC,gBAAuB,GAAAD,OAAA;AAEvB,IAAAE,aAAM,GAAAF,OAAA,kBAAwB;AAEvB,IAAAG,qBAAM,mBAAsB;AAAe,IAChDP,mBAAM,OAAAG,WAAA,CAAAK,MAAA,EAAAF,aAAA,CAAAG,MAAA;EACNC,IAAA,EAAAH,qBAAQ;EAERI,MAAA,UAAU;EAAAC,QACR;IAAUC,QACR,EAAO;MAAAC,KACL;QACAC,IAAA;QACAC,YAAA,KAAiB;QACjBC,eAAY;QACZC,UAAA,UAAgB;QAChBC,cAAa;QACbC,WAAA,EAAa;QACbC,WAAS;QAETC,OAAA;QAAYC,UACV;UACAF,WAAA,qBAAiB;UACnBJ,eAAA;QAEA;QAAYO,UACV;UACAH,WAAA,qBAAiB;UACnBJ,eAAA;QAEA;QAAmBQ,iBACH;UACdC,YAAA,EAAc;UACdC,YAAA,EAAc;UAChBC,YAAA;QAEA;QAAYC,UACV;UACAR,WAAA,qBAAiB;UACnBJ,eAAA;QACF;MACF;IAEA;IAAUa,QACF;MAAAC,IACJ;QACAC,aAAY;QACZC,UAAQ;QAERC,MAAA,eAAY;QAAAX,UACV;UACAF,WAAA,gBAAiB;UACnBJ,eAAA;QAEA;QAAYY,UACV;UACAR,WAAA,gBAAiB;UACnBJ,eAAA;QAEA;QAAmBQ,iBACH;UAChBE,YAAA;QACF;MACF;IAEA;IAAMZ,IACJ;MACE,SAAM,WAAAoB,CAAYxC,KAAA,EAAAyC,KAAA;QAAA;UAChBC;QAAA,IAAAD,KAAA;QACF,IAAAE,gBAAA;QACA,IAAAvB,IAAO,GAAAwB,IAAA,CAAAC,KAAA,KAAArC,WAAA,CAAAsC,gBAAA,MAAApC,gBAAA,CAAAqC,OAAA,EAAA/C,KAAA,OAAA2C,gBAAA,GAAAD,KAAA,2BAAAC,gBAAA,cAAAA,gBAAA;QAAA,OACL;UACAK,KAAA,EAAA5B,IAAQ;UACV6B,MAAA,EAAA7B;QACF;MACF;IACF;EAEA;EAAiB8B,eACL;IACZhC,QAAA,EAAAiC,OAAA,CAAAC,GAAA,CAAAC,gBAAA;EACD;AAED;AAEO,IAAAC,0BAAM,wBAA2B;AAAe,IACrDlD,wBAAM,OAAAI,WAAA,CAAAK,MAAA,EAAAF,aAAA,CAAAG,MAAA;EAENC,IAAA,EAAAuC,0BAAU;EAAArC,QACR;IAAUC,QACR,EAAO;MAAAC,KACL;QACA6B,KAAA,OAAQ;QACRC,MAAA;QACA5B,YAAA,KAAiB;QACnBC,eAAA;MACF;IACF;EAEA;EAAiB4B,eACL;IACZhC,QAAA,EAAAiC,OAAA,CAAAC,GAAA,CAAAC,gBAAA;EACD;AAED;AAEO,IAAAE,gBAAM,eAAkB;AAAe,IAC5CpD,eAAM,OAAAK,WAAA,CAAAK,MAAA,EAAAF,aAAA,CAAAG,MAAA;EAENC,IAAA,EAAAwC,gBAAU;EAAAtC,QACR;IAAauC,WACX;MAAYC,UACV;QACAC,aAAA,OAAgB;QAClBC,cAAA;MACA;MAAUC,QACR;QACAF,aAAA,UAAgB;QAClBC,cAAA;MACF;IACF;EACD","ignoreList":[]}
+{"version":3,"file":"RadioGroup.native.js","names":[],"sources":["cjs/RadioGroup.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar RadioGroup_exports = {};\n__export(RadioGroup_exports, {\n  RadioGroup: () => RadioGroup,\n  RadioGroupContext: () => RadioGroupContext,\n  RadioGroupFrame: () => RadioGroupFrame,\n  RadioGroupIndicatorFrame: () => RadioGroupIndicatorFrame,\n  RadioGroupItemContext: () => RadioGroupItemContext,\n  RadioGroupItemFrame: () => RadioGroupItemFrame\n});\nmodule.exports = __toCommonJS(RadioGroup_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_radio_headless = require(\"@tamagui/radio-headless\");\nvar import_roving_focus = require(\"@tamagui/roving-focus\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar RADIO_GROUP_ITEM_NAME = \"RadioGroupItem\";\nvar RadioGroupItemFrame = (0, import_core.styled)(import_core.View, {\n  displayName: RADIO_GROUP_ITEM_NAME,\n  render: \"button\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  variants: {\n    disabled: {\n      true: {\n        pointerEvents: \"none\",\n        userSelect: \"none\"\n      }\n    }\n  }\n});\nvar RADIO_GROUP_INDICATOR_NAME = \"RadioGroupIndicator\";\nvar RadioGroupIndicatorFrame = (0, import_core.styled)(import_core.View, {\n  displayName: RADIO_GROUP_INDICATOR_NAME\n});\nvar RADIO_GROUP_NAME = \"RadioGroup\";\nvar RadioGroupFrame = (0, import_core.styled)(import_core.View, {\n  displayName: RADIO_GROUP_NAME,\n  variants: {\n    orientation: {\n      horizontal: {\n        flexDirection: \"row\",\n        spaceDirection: \"horizontal\"\n      },\n      vertical: {\n        flexDirection: \"column\",\n        spaceDirection: \"vertical\"\n      }\n    }\n  }\n});\nvar RadioGroupContext = /* @__PURE__ */ import_react.default.createContext({});\nvar RadioGroupItemContext = /* @__PURE__ */ import_react.default.createContext({\n  checked: false,\n  disabled: false\n});\nvar RadioGroupComponent = (0, import_core.createStyledHOC)(RadioGroupFrame, function(props, ref) {\n  var { value, defaultValue, onValueChange, required = false, disabled = false, name, native, accentColor, orientation = \"vertical\", ...rest } = props;\n  var { providerValue, frameAttrs, rovingFocusGroupAttrs } = (0, import_radio_headless.useRadioGroup)({\n    orientation,\n    name,\n    defaultValue,\n    value,\n    onValueChange,\n    required,\n    disabled,\n    native,\n    accentColor\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupContext.Provider, {\n    value: providerValue,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {\n      ...rovingFocusGroupAttrs,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupFrame, {\n        ...frameAttrs,\n        ref,\n        ...rest\n      })\n    })\n  });\n});\nvar RadioGroupItem = (0, import_core.createStyledHOC)(RadioGroupItemFrame, function(props, ref) {\n  var { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props;\n  var { providerValue, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = (0, import_radio_headless.useRadioGroupItem)({\n    radioGroupContext: RadioGroupContext,\n    value,\n    id,\n    labelledBy,\n    disabled,\n    onPress,\n    onKeyDown\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemContext.Provider, {\n    value: providerValue,\n    children: import_core.isWeb && native ? bubbleInput : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {\n          ...rovingFocusGroupAttrs,\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemFrame, {\n            ...frameAttrs,\n            ref,\n            ...rest\n          })\n        }),\n        isFormControl && bubbleInput\n      ]\n    })\n  });\n});\nRadioGroupItem.displayName = \"RadioGroupItem\";\nvar RadioGroupIndicator = (0, import_core.createStyledHOC)(RadioGroupIndicatorFrame, function(props, forwardedRef) {\n  var { forceMount, disabled, ...indicatorProps } = props;\n  var { checked, ...useIndicatorRest } = (0, import_radio_headless.useRadioGroupItemIndicator)({\n    radioGroupItemContext: RadioGroupItemContext,\n    disabled\n  });\n  if (forceMount || checked) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupIndicatorFrame, {\n      ...useIndicatorRest,\n      ref: forwardedRef,\n      ...indicatorProps\n    });\n  }\n  return null;\n});\nRadioGroupIndicator.displayName = \"RadioGroupIndicator\";\nvar RadioGroup = (0, import_core.withStaticProperties)(RadioGroupComponent, {\n  Item: RadioGroupItem,\n  Indicator: RadioGroupIndicator\n});\nRadioGroup.displayName = \"RadioGroup\";\n//# sourceMappingURL=RadioGroup.js.map\n"],"mappings":";;;;AACA,IAAI,WAAW,OAAO;AACtB,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO;AAC1B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,WAAW,KAAK,YAAY,YAAY,SAAS,OAAO,OAAO,SAAS,aAAa,GAAG,CAAC,IAAI,CAAC,GAAG,YAKnG,cAAc,CAAC,OAAO,CAAC,IAAI,aAAa,UAAU,QAAQ,WAAW;CAAE,OAAO;CAAK,YAAY;AAAK,CAAC,IAAI,QACzG,GACF;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,qBAAqB,CAAC;AAC1B,SAAS,oBAAoB;CAC3B,kBAAkB;CAClB,yBAAyB;CACzB,uBAAuB;CACvB,gCAAgC;CAChC,6BAA6B;CAC7B,2BAA2B;AAC7B,CAAC;AACD,OAAO,UAAU,aAAa,kBAAkB;AAChD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,wBAAwB,QAAQ,yBAAyB;AAC7D,IAAI,sBAAsB,QAAQ,uBAAuB;AACzD,IAAI,eAAe,QAAQ,QAAQ,OAAO,GAAG,CAAC;AAC9C,IAAI,wBAAwB;AAC5B,IAAI,uBAAuB,GAAG,YAAY,QAAQ,YAAY,MAAM;CAClE,aAAa;CACb,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,UAAU,EACR,UAAU,EACR,MAAM;EACJ,eAAe;EACf,YAAY;CACd,EACF,EACF;AACF,CAAC;AACD,IAAI,6BAA6B;AACjC,IAAI,4BAA4B,GAAG,YAAY,QAAQ,YAAY,MAAM,EACvE,aAAa,2BACf,CAAC;AACD,IAAI,mBAAmB;AACvB,IAAI,mBAAmB,GAAG,YAAY,QAAQ,YAAY,MAAM;CAC9D,aAAa;CACb,UAAU,EACR,aAAa;EACX,YAAY;GACV,eAAe;GACf,gBAAgB;EAClB;EACA,UAAU;GACR,eAAe;GACf,gBAAgB;EAClB;CACF,EACF;AACF,CAAC;AACD,IAAI,oBAAoC,6BAAa,QAAQ,cAAc,CAAC,CAAC;AAC7E,IAAI,wBAAwC,6BAAa,QAAQ,cAAc;CAC7E,SAAS;CACT,UAAU;AACZ,CAAC;AACD,IAAI,uBAAuB,GAAG,YAAY,iBAAiB,iBAAiB,SAAS,OAAO,KAAK;CAC/F,IAAI,EAAE,OAAO,cAAc,eAAe,WAAW,OAAO,WAAW,OAAO,MAAM,QAAQ,aAAa,cAAc,YAAY,GAAG,SAAS;CAC/I,IAAI,EAAE,eAAe,YAAY,2BAA2B,GAAG,sBAAsB,eAAe;EAClG;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,OAAuB,iBAAC,GAAG,mBAAmB,KAAK,kBAAkB,UAAU;EAC7E,OAAO;EACP,UAA0B,iBAAC,GAAG,mBAAmB,KAAK,oBAAoB,kBAAkB;GAC1F,GAAG;GACH,UAA0B,iBAAC,GAAG,mBAAmB,KAAK,iBAAiB;IACrE,GAAG;IACH;IACA,GAAG;GACL,CAAC;EACH,CAAC;CACH,CAAC;AACH,CAAC;AACD,IAAI,kBAAkB,GAAG,YAAY,iBAAiB,qBAAqB,SAAS,OAAO,KAAK;CAC9F,IAAI,EAAE,OAAO,YAAY,SAAS,WAAW,UAAU,IAAI,GAAG,SAAS;CACvE,IAAI,EAAE,eAAe,aAAa,uBAAuB,YAAY,eAAe,YAAY,GAAG,sBAAsB,mBAAmB;EAC1I,mBAAmB;EACnB;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,OAAuB,iBAAC,GAAG,mBAAmB,KAAK,sBAAsB,UAAU;EACjF,OAAO;EACP,UAAU,YAAY,SAAS,SAAS,cAA8B,iBAAC,GAAG,mBAAmB,MAAM,mBAAmB,UAAU,EAC9H,UAAU,CACQ,iBAAC,GAAG,mBAAmB,KAAK,oBAAoB,iBAAiB,MAAM;GACrF,GAAG;GACH,UAA0B,iBAAC,GAAG,mBAAmB,KAAK,qBAAqB;IACzE,GAAG;IACH;IACA,GAAG;GACL,CAAC;EACH,CAAC,GACD,iBAAiB,WACnB,EACF,CAAC;CACH,CAAC;AACH,CAAC;AACD,eAAe,cAAc;AAC7B,IAAI,uBAAuB,GAAG,YAAY,iBAAiB,0BAA0B,SAAS,OAAO,cAAc;CACjH,IAAI,EAAE,YAAY,UAAU,GAAG,mBAAmB;CAClD,IAAI,EAAE,SAAS,GAAG,sBAAsB,GAAG,sBAAsB,4BAA4B;EAC3F,uBAAuB;EACvB;CACF,CAAC;CACD,IAAI,cAAc,SAAS;EACzB,OAAuB,iBAAC,GAAG,mBAAmB,KAAK,0BAA0B;GAC3E,GAAG;GACH,KAAK;GACL,GAAG;EACL,CAAC;CACH;CACA,OAAO;AACT,CAAC;AACD,oBAAoB,cAAc;AAClC,IAAI,cAAc,GAAG,YAAY,sBAAsB,qBAAqB;CAC1E,MAAM;CACN,WAAW;AACb,CAAC;AACD,WAAW,cAAc"}

package/dist/cjs/index.cjs

@@ -1,38 +1,19 @@
+
 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: true
-  });
-};
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
-__export(index_exports, {
-  RadioGroup: () => RadioGroup
-});
 module.exports = __toCommonJS(index_exports);
-var import_RadioGroup = require("./RadioGroup.cjs");
-var import_createRadioGroup = require("./createRadioGroup.cjs");
-__reExport(index_exports, require("./createRadioGroup.cjs"), module.exports);
 __reExport(index_exports, require("./RadioGroup.cjs"), module.exports);
-__reExport(index_exports, require("./RadioGroupStyledContext.cjs"), module.exports);
-const RadioGroup = (0, import_createRadioGroup.createRadioGroup)({
-  Frame: import_RadioGroup.RadioGroupFrame,
-  Indicator: import_RadioGroup.RadioGroupIndicatorFrame,
-  Item: import_RadioGroup.RadioGroupItemFrame
-});

package/dist/cjs/index.native.cjs

@@ -0,0 +1,21 @@
+"use strict";
+
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./RadioGroup.native.js"), module.exports);

package/dist/cjs/index.native.js

@@ -1,41 +1,23 @@
 "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: true
-  });
-};
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
-__export(index_exports, {
-  RadioGroup: () => RadioGroup
-});
 module.exports = __toCommonJS(index_exports);
-var import_RadioGroup = require("./RadioGroup.native.js");
-var import_createRadioGroup = require("./createRadioGroup.native.js");
-__reExport(index_exports, require("./createRadioGroup.native.js"), module.exports);
 __reExport(index_exports, require("./RadioGroup.native.js"), module.exports);
-__reExport(index_exports, require("./RadioGroupStyledContext.native.js"), module.exports);
-var RadioGroup = (0, import_createRadioGroup.createRadioGroup)({
-  Frame: import_RadioGroup.RadioGroupFrame,
-  Indicator: import_RadioGroup.RadioGroupIndicatorFrame,
-  Item: import_RadioGroup.RadioGroupItemFrame
-});
+
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","__export","RadioGroup","module","exports","import_RadioGroup","require","import_createRadioGroup","__reExport","createRadioGroup","Frame","RadioGroupFrame","Indicator","RadioGroupIndicatorFrame","Item","RadioGroupItemFrame"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAIO,CAAAK,aAAA;AACP,IAAAK,iBAAA,GAAAC,OAAiC;AAEjC,IAAAC,uBAAc,GAAAD,OAAA,+BAPd;AAQAE,UAAA,CAAAR,aAAA,EAAcM,OAAA,+BARd,GAAAH,MAAA,CAAAC,OAAA;AASAI,UAAA,CAAAR,aAAA,EAAcM,OAAA,4BAAAH,MAAA,CAAAC,OATd;AAWOI,UAAM,CAAAR,aAAa,EAAAM,OAAA,yCAAAH,MAAiB,CAAAC,OAAA;AAAA,IACzCF,UAAO,OAAAK,uBAAA,CAAAE,gBAAA;EACPC,KAAA,EAAAL,iBAAW,CAAAM,eAAA;EACXC,SAAM,EAAAP,iBAAA,CAAAQ,wBAAA;EACPC,IAAA,EAAAT,iBAAA,CAAAU","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":[],"sources":["cjs/index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, \"default\"), secondTarget && __copyProps(secondTarget, mod, \"default\"));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar index_exports = {};\nmodule.exports = __toCommonJS(index_exports);\n__reExport(index_exports, require(\"./RadioGroup\"), module.exports);\n//# sourceMappingURL=index.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,cAAc,QAAQ,KAAK,kBAAkB,YAAY,QAAQ,KAAK,SAAS,GAAG,gBAAgB,YAAY,cAAc,KAAK,SAAS;AAC9I,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,gBAAgB,CAAC;AACrB,OAAO,UAAU,aAAa,aAAa;AAC3C,WAAW,eAAe,QAAQ,wBAAc,GAAG,OAAO,OAAO"}

package/dist/esm/RadioGroup.mjs

@@ -1,106 +1,111 @@
-import { getVariableValue, styled } from "@tamagui/core";
-import { getSize } from "@tamagui/get-token";
-import { YStack } from "@tamagui/stacks";
+import { View, createStyledHOC, isWeb, styled, withStaticProperties } from "@tamagui/core";
+import { useRadioGroup, useRadioGroupItem, useRadioGroupItemIndicator } from "@tamagui/radio-headless";
+import { RovingFocusGroup } from "@tamagui/roving-focus";
+import React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
 const RADIO_GROUP_ITEM_NAME = "RadioGroupItem";
-const RadioGroupItemFrame = styled(YStack, {
-  name: RADIO_GROUP_ITEM_NAME,
-  render: "button",
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true",
-        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"
-        }
-      }
-    },
-    disabled: {
-      true: {
-        pointerEvents: "none",
-        userSelect: "none",
-        cursor: "not-allowed",
-        hoverStyle: {
-          borderColor: "$borderColor",
-          backgroundColor: "$background"
-        },
-        pressStyle: {
-          borderColor: "$borderColor",
-          backgroundColor: "$background"
-        },
-        focusVisibleStyle: {
-          outlineWidth: 0
-        }
-      }
-    },
-    size: {
-      "...size": (value, {
-        props
-      }) => {
-        const size = Math.floor(getVariableValue(getSize(value)) * (props["scaleSize"] ?? 0.5));
-        return {
-          width: size,
-          height: size
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+const RadioGroupItemFrame = styled(View, {
+	displayName: RADIO_GROUP_ITEM_NAME,
+	render: "button",
+	alignItems: "center",
+	justifyContent: "center",
+	variants: { disabled: { true: {
+		pointerEvents: "none",
+		userSelect: "none"
+	} } }
 });
 const RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator";
-const RadioGroupIndicatorFrame = styled(YStack, {
-  name: RADIO_GROUP_INDICATOR_NAME,
-  variants: {
-    unstyled: {
-      false: {
-        width: "33%",
-        height: "33%",
-        borderRadius: 1e3,
-        backgroundColor: "$color"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-});
+const RadioGroupIndicatorFrame = styled(View, { displayName: RADIO_GROUP_INDICATOR_NAME });
 const RADIO_GROUP_NAME = "RadioGroup";
-const RadioGroupFrame = styled(YStack, {
-  name: RADIO_GROUP_NAME,
-  variants: {
-    orientation: {
-      horizontal: {
-        flexDirection: "row",
-        spaceDirection: "horizontal"
-      },
-      vertical: {
-        flexDirection: "column",
-        spaceDirection: "vertical"
-      }
-    }
-  }
+const RadioGroupFrame = styled(View, {
+	displayName: RADIO_GROUP_NAME,
+	variants: { orientation: {
+		horizontal: {
+			flexDirection: "row",
+			spaceDirection: "horizontal"
+		},
+		vertical: {
+			flexDirection: "column",
+			spaceDirection: "vertical"
+		}
+	} }
+});
+const RadioGroupContext = React.createContext({});
+const RadioGroupItemContext = React.createContext({
+	checked: false,
+	disabled: false
+});
+const RadioGroupComponent = createStyledHOC(RadioGroupFrame, (props, ref) => {
+	const { value, defaultValue, onValueChange, required = false, disabled = false, name, native, accentColor, orientation = "vertical", ...rest } = props;
+	const { providerValue, frameAttrs, rovingFocusGroupAttrs } = useRadioGroup({
+		orientation,
+		name,
+		defaultValue,
+		value,
+		onValueChange,
+		required,
+		disabled,
+		native,
+		accentColor
+	});
+	return /* @__PURE__ */ jsx(RadioGroupContext.Provider, {
+		value: providerValue,
+		children: /* @__PURE__ */ jsx(RovingFocusGroup, {
+			...rovingFocusGroupAttrs,
+			children: /* @__PURE__ */ jsx(RadioGroupFrame, {
+				...frameAttrs,
+				ref,
+				...rest
+			})
+		})
+	});
+});
+const RadioGroupItem = createStyledHOC(RadioGroupItemFrame, (props, ref) => {
+	const { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props;
+	const { providerValue, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = useRadioGroupItem({
+		radioGroupContext: RadioGroupContext,
+		value,
+		id,
+		labelledBy,
+		disabled,
+		onPress,
+		onKeyDown
+	});
+	return /* @__PURE__ */ jsx(RadioGroupItemContext.Provider, {
+		value: providerValue,
+		children: isWeb && native ? bubbleInput : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(RovingFocusGroup.Item, {
+			...rovingFocusGroupAttrs,
+			children: /* @__PURE__ */ jsx(RadioGroupItemFrame, {
+				...frameAttrs,
+				ref,
+				...rest
+			})
+		}), isFormControl && bubbleInput] })
+	});
+});
+RadioGroupItem.displayName = "RadioGroupItem";
+const RadioGroupIndicator = createStyledHOC(RadioGroupIndicatorFrame, (props, forwardedRef) => {
+	const { forceMount, disabled, ...indicatorProps } = props;
+	const { checked, ...useIndicatorRest } = useRadioGroupItemIndicator({
+		radioGroupItemContext: RadioGroupItemContext,
+		disabled
+	});
+	if (forceMount || checked) {
+		return /* @__PURE__ */ jsx(RadioGroupIndicatorFrame, {
+			...useIndicatorRest,
+			ref: forwardedRef,
+			...indicatorProps
+		});
+	}
+	return null;
+});
+RadioGroupIndicator.displayName = "RadioGroupIndicator";
+const RadioGroup = withStaticProperties(RadioGroupComponent, {
+	Item: RadioGroupItem,
+	Indicator: RadioGroupIndicator
 });
-export { RadioGroupFrame, RadioGroupIndicatorFrame, RadioGroupItemFrame };
+RadioGroup.displayName = "RadioGroup";
+
+export { RadioGroup, RadioGroupContext, RadioGroupFrame, RadioGroupIndicatorFrame, RadioGroupItemContext, RadioGroupItemFrame };
 //# sourceMappingURL=RadioGroup.mjs.map

package/dist/esm/RadioGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["getVariableValue","styled","getSize","YStack","RADIO_GROUP_ITEM_NAME","RadioGroupItemFrame","name","render","variants","unstyled","false","size","borderRadius","backgroundColor","alignItems","justifyContent","borderWidth","borderColor","padding","hoverStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","pressStyle","disabled","true","pointerEvents","userSelect","cursor","...size","value","props","Math","floor","width","height","defaultVariants","process","env","TAMAGUI_HEADLESS","RADIO_GROUP_INDICATOR_NAME","RadioGroupIndicatorFrame","RADIO_GROUP_NAME","RadioGroupFrame","orientation","horizontal","flexDirection","spaceDirection","vertical"],"sources":["../../src/RadioGroup.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,EAAkBC,MAAA,QAAc;AACzC,SAASC,OAAA,QAAe;AACxB,SAASC,MAAA,QAAc;AAEvB,MAAMC,qBAAA,GAAwB;AAEvB,MAAMC,mBAAA,GAAsBJ,MAAA,CAAOE,MAAA,EAAQ;EAChDG,IAAA,EAAMF,qBAAA;EACNG,MAAA,EAAQ;EAERC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLC,IAAA,EAAM;QACNC,YAAA,EAAc;QACdC,eAAA,EAAiB;QACjBC,UAAA,EAAY;QACZC,cAAA,EAAgB;QAChBC,WAAA,EAAa;QACbC,WAAA,EAAa;QACbC,OAAA,EAAS;QAETC,UAAA,EAAY;UACVF,WAAA,EAAa;UACbJ,eAAA,EAAiB;QACnB;QAEAO,UAAA,EAAY;UACVH,WAAA,EAAa;UACbJ,eAAA,EAAiB;QACnB;QAEAQ,iBAAA,EAAmB;UACjBC,YAAA,EAAc;UACdC,YAAA,EAAc;UACdC,YAAA,EAAc;QAChB;QAEAC,UAAA,EAAY;UACVR,WAAA,EAAa;UACbJ,eAAA,EAAiB;QACnB;MACF;IACF;IAEAa,QAAA,EAAU;MACRC,IAAA,EAAM;QACJC,aAAA,EAAe;QACfC,UAAA,EAAY;QACZC,MAAA,EAAQ;QAERX,UAAA,EAAY;UACVF,WAAA,EAAa;UACbJ,eAAA,EAAiB;QACnB;QAEAY,UAAA,EAAY;UACVR,WAAA,EAAa;UACbJ,eAAA,EAAiB;QACnB;QAEAQ,iBAAA,EAAmB;UACjBE,YAAA,EAAc;QAChB;MACF;IACF;IAEAZ,IAAA,EAAM;MACJ,WAAWoB,CAACC,KAAA,EAAO;QAAEC;MAAM,MAAM;QAC/B,MAAMtB,IAAA,GAAOuB,IAAA,CAAKC,KAAA,CAChBnC,gBAAA,CAAiBE,OAAA,CAAQ8B,KAAK,CAAC,KAAKC,KAAA,CAAM,WAAW,KAAK,IAC5D;QACA,OAAO;UACLG,KAAA,EAAOzB,IAAA;UACP0B,MAAA,EAAQ1B;QACV;MACF;IACF;EACF;EAEA2B,eAAA,EAAiB;IACf7B,QAAA,EAAU8B,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;EAC7C;AACF,CAAC;AAED,MAAMC,0BAAA,GAA6B;AAE5B,MAAMC,wBAAA,GAA2B1C,MAAA,CAAOE,MAAA,EAAQ;EACrDG,IAAA,EAAMoC,0BAAA;EAENlC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACL0B,KAAA,EAAO;QACPC,MAAA,EAAQ;QACRzB,YAAA,EAAc;QACdC,eAAA,EAAiB;MACnB;IACF;EACF;EAEAyB,eAAA,EAAiB;IACf7B,QAAA,EAAU8B,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;EAC7C;AACF,CAAC;AAED,MAAMG,gBAAA,GAAmB;AAElB,MAAMC,eAAA,GAAkB5C,MAAA,CAAOE,MAAA,EAAQ;EAC5CG,IAAA,EAAMsC,gBAAA;EAENpC,QAAA,EAAU;IACRsC,WAAA,EAAa;MACXC,UAAA,EAAY;QACVC,aAAA,EAAe;QACfC,cAAA,EAAgB;MAClB;MACAC,QAAA,EAAU;QACRF,aAAA,EAAe;QACfC,cAAA,EAAgB;MAClB;IACF;EACF;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"RadioGroup.js","names":[],"sources":["esm/RadioGroup.js"],"sourcesContent":["import { createStyledHOC, isWeb, styled, View, withStaticProperties } from \"@tamagui/core\";\nimport {\n  useRadioGroup,\n  useRadioGroupItem,\n  useRadioGroupItemIndicator\n} from \"@tamagui/radio-headless\";\nimport { RovingFocusGroup } from \"@tamagui/roving-focus\";\nimport React from \"react\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nconst RADIO_GROUP_ITEM_NAME = \"RadioGroupItem\";\nconst RadioGroupItemFrame = styled(View, {\n  displayName: RADIO_GROUP_ITEM_NAME,\n  render: \"button\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  variants: {\n    disabled: {\n      true: {\n        pointerEvents: \"none\",\n        userSelect: \"none\"\n      }\n    }\n  }\n});\nconst RADIO_GROUP_INDICATOR_NAME = \"RadioGroupIndicator\";\nconst RadioGroupIndicatorFrame = styled(View, {\n  displayName: RADIO_GROUP_INDICATOR_NAME\n});\nconst RADIO_GROUP_NAME = \"RadioGroup\";\nconst RadioGroupFrame = styled(View, {\n  displayName: RADIO_GROUP_NAME,\n  variants: {\n    orientation: {\n      horizontal: {\n        flexDirection: \"row\",\n        spaceDirection: \"horizontal\"\n      },\n      vertical: {\n        flexDirection: \"column\",\n        spaceDirection: \"vertical\"\n      }\n    }\n  }\n});\nconst RadioGroupContext = React.createContext({});\nconst RadioGroupItemContext = React.createContext({\n  checked: false,\n  disabled: false\n});\nconst RadioGroupComponent = createStyledHOC(\n  RadioGroupFrame,\n  (props, ref) => {\n    const {\n      value,\n      defaultValue,\n      onValueChange,\n      required = false,\n      disabled = false,\n      name,\n      native,\n      accentColor,\n      orientation = \"vertical\",\n      ...rest\n    } = props;\n    const { providerValue, frameAttrs, rovingFocusGroupAttrs } = useRadioGroup({\n      orientation,\n      name,\n      defaultValue,\n      value,\n      onValueChange,\n      required,\n      disabled,\n      native,\n      accentColor\n    });\n    return /* @__PURE__ */ jsx(RadioGroupContext.Provider, { value: providerValue, children: /* @__PURE__ */ jsx(RovingFocusGroup, { ...rovingFocusGroupAttrs, children: /* @__PURE__ */ jsx(RadioGroupFrame, { ...frameAttrs, ref, ...rest }) }) });\n  }\n);\nconst RadioGroupItem = createStyledHOC(\n  RadioGroupItemFrame,\n  (props, ref) => {\n    const { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props;\n    const {\n      providerValue,\n      bubbleInput,\n      rovingFocusGroupAttrs,\n      frameAttrs,\n      isFormControl,\n      native\n    } = useRadioGroupItem({\n      radioGroupContext: RadioGroupContext,\n      value,\n      id,\n      labelledBy,\n      disabled,\n      onPress,\n      onKeyDown\n    });\n    return /* @__PURE__ */ jsx(RadioGroupItemContext.Provider, { value: providerValue, children: isWeb && native ? bubbleInput : /* @__PURE__ */ jsxs(Fragment, { children: [\n      /* @__PURE__ */ jsx(RovingFocusGroup.Item, { ...rovingFocusGroupAttrs, children: /* @__PURE__ */ jsx(RadioGroupItemFrame, { ...frameAttrs, ref, ...rest }) }),\n      isFormControl && bubbleInput\n    ] }) });\n  }\n);\nRadioGroupItem.displayName = \"RadioGroupItem\";\nconst RadioGroupIndicator = createStyledHOC(\n  RadioGroupIndicatorFrame,\n  (props, forwardedRef) => {\n    const { forceMount, disabled, ...indicatorProps } = props;\n    const { checked, ...useIndicatorRest } = useRadioGroupItemIndicator({\n      radioGroupItemContext: RadioGroupItemContext,\n      disabled\n    });\n    if (forceMount || checked) {\n      return /* @__PURE__ */ jsx(\n        RadioGroupIndicatorFrame,\n        {\n          ...useIndicatorRest,\n          ref: forwardedRef,\n          ...indicatorProps\n        }\n      );\n    }\n    return null;\n  }\n);\nRadioGroupIndicator.displayName = \"RadioGroupIndicator\";\nconst RadioGroup = withStaticProperties(RadioGroupComponent, {\n  Item: RadioGroupItem,\n  Indicator: RadioGroupIndicator\n});\nRadioGroup.displayName = \"RadioGroup\";\nexport {\n  RadioGroup,\n  RadioGroupContext,\n  RadioGroupFrame,\n  RadioGroupIndicatorFrame,\n  RadioGroupItemContext,\n  RadioGroupItemFrame\n};\n//# sourceMappingURL=RadioGroup.js.map\n"],"mappings":";;;;;;;AASA,MAAM,wBAAwB;AAC9B,MAAM,sBAAsB,OAAO,MAAM;CACvC,aAAa;CACb,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,UAAU,EACR,UAAU,EACR,MAAM;EACJ,eAAe;EACf,YAAY;CACd,EACF,EACF;AACF,CAAC;AACD,MAAM,6BAA6B;AACnC,MAAM,2BAA2B,OAAO,MAAM,EAC5C,aAAa,2BACf,CAAC;AACD,MAAM,mBAAmB;AACzB,MAAM,kBAAkB,OAAO,MAAM;CACnC,aAAa;CACb,UAAU,EACR,aAAa;EACX,YAAY;GACV,eAAe;GACf,gBAAgB;EAClB;EACA,UAAU;GACR,eAAe;GACf,gBAAgB;EAClB;CACF,EACF;AACF,CAAC;AACD,MAAM,oBAAoB,MAAM,cAAc,CAAC,CAAC;AAChD,MAAM,wBAAwB,MAAM,cAAc;CAChD,SAAS;CACT,UAAU;AACZ,CAAC;AACD,MAAM,sBAAsB,gBAC1B,kBACC,OAAO,QAAQ;CACd,MAAM,EACJ,OACA,cACA,eACA,WAAW,OACX,WAAW,OACX,MACA,QACA,aACA,cAAc,YACd,GAAG,SACD;CACJ,MAAM,EAAE,eAAe,YAAY,0BAA0B,cAAc;EACzE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,OAAuB,oBAAI,kBAAkB,UAAU;EAAE,OAAO;EAAe,UAA0B,oBAAI,kBAAkB;GAAE,GAAG;GAAuB,UAA0B,oBAAI,iBAAiB;IAAE,GAAG;IAAY;IAAK,GAAG;GAAK,CAAC;EAAE,CAAC;CAAE,CAAC;AACjP,CACF;AACA,MAAM,iBAAiB,gBACrB,sBACC,OAAO,QAAQ;CACd,MAAM,EAAE,OAAO,YAAY,SAAS,WAAW,UAAU,IAAI,GAAG,SAAS;CACzE,MAAM,EACJ,eACA,aACA,uBACA,YACA,eACA,WACE,kBAAkB;EACpB,mBAAmB;EACnB;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,OAAuB,oBAAI,sBAAsB,UAAU;EAAE,OAAO;EAAe,UAAU,SAAS,SAAS,cAA8B,qBAAK,UAAU,EAAE,UAAU,CACtJ,oBAAI,iBAAiB,MAAM;GAAE,GAAG;GAAuB,UAA0B,oBAAI,qBAAqB;IAAE,GAAG;IAAY;IAAK,GAAG;GAAK,CAAC;EAAE,CAAC,GAC5J,iBAAiB,WACnB,EAAE,CAAC;CAAE,CAAC;AACR,CACF;AACA,eAAe,cAAc;AAC7B,MAAM,sBAAsB,gBAC1B,2BACC,OAAO,iBAAiB;CACvB,MAAM,EAAE,YAAY,UAAU,GAAG,mBAAmB;CACpD,MAAM,EAAE,SAAS,GAAG,qBAAqB,2BAA2B;EAClE,uBAAuB;EACvB;CACF,CAAC;CACD,IAAI,cAAc,SAAS;EACzB,OAAuB,oBACrB,0BACA;GACE,GAAG;GACH,KAAK;GACL,GAAG;EACL,CACF;CACF;CACA,OAAO;AACT,CACF;AACA,oBAAoB,cAAc;AAClC,MAAM,aAAa,qBAAqB,qBAAqB;CAC3D,MAAM;CACN,WAAW;AACb,CAAC;AACD,WAAW,cAAc"}

package/dist/esm/RadioGroup.native.js

@@ -1,108 +1,111 @@
-import { getVariableValue, styled } from "@tamagui/core";
-import { getSize } from "@tamagui/get-token";
-import { YStack } from "@tamagui/stacks";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { View, createStyledHOC, isWeb, styled, withStaticProperties } from "@tamagui/core";
+import { useRadioGroup, useRadioGroupItem, useRadioGroupItemIndicator } from "@tamagui/radio-headless";
+import { RovingFocusGroup } from "@tamagui/roving-focus";
+import React from "react";
+
 var RADIO_GROUP_ITEM_NAME = "RadioGroupItem";
-var RadioGroupItemFrame = styled(YStack, {
-  name: RADIO_GROUP_ITEM_NAME,
-  render: "button",
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true",
-        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"
-        }
-      }
-    },
-    disabled: {
-      true: {
-        pointerEvents: "none",
-        userSelect: "none",
-        cursor: "not-allowed",
-        hoverStyle: {
-          borderColor: "$borderColor",
-          backgroundColor: "$background"
-        },
-        pressStyle: {
-          borderColor: "$borderColor",
-          backgroundColor: "$background"
-        },
-        focusVisibleStyle: {
-          outlineWidth: 0
-        }
-      }
-    },
-    size: {
-      "...size": function (value, param) {
-        var {
-          props
-        } = param;
-        var _props_scaleSize;
-        var size = Math.floor(getVariableValue(getSize(value)) * ((_props_scaleSize = props["scaleSize"]) !== null && _props_scaleSize !== void 0 ? _props_scaleSize : 0.5));
-        return {
-          width: size,
-          height: size
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+var RadioGroupItemFrame = styled(View, {
+	displayName: RADIO_GROUP_ITEM_NAME,
+	render: "button",
+	alignItems: "center",
+	justifyContent: "center",
+	variants: { disabled: { true: {
+		pointerEvents: "none",
+		userSelect: "none"
+	} } }
 });
 var RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator";
-var RadioGroupIndicatorFrame = styled(YStack, {
-  name: RADIO_GROUP_INDICATOR_NAME,
-  variants: {
-    unstyled: {
-      false: {
-        width: "33%",
-        height: "33%",
-        borderRadius: 1e3,
-        backgroundColor: "$color"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-});
+var RadioGroupIndicatorFrame = styled(View, { displayName: RADIO_GROUP_INDICATOR_NAME });
 var RADIO_GROUP_NAME = "RadioGroup";
-var RadioGroupFrame = styled(YStack, {
-  name: RADIO_GROUP_NAME,
-  variants: {
-    orientation: {
-      horizontal: {
-        flexDirection: "row",
-        spaceDirection: "horizontal"
-      },
-      vertical: {
-        flexDirection: "column",
-        spaceDirection: "vertical"
-      }
-    }
-  }
+var RadioGroupFrame = styled(View, {
+	displayName: RADIO_GROUP_NAME,
+	variants: { orientation: {
+		horizontal: {
+			flexDirection: "row",
+			spaceDirection: "horizontal"
+		},
+		vertical: {
+			flexDirection: "column",
+			spaceDirection: "vertical"
+		}
+	} }
+});
+var RadioGroupContext = /* @__PURE__ */ React.createContext({});
+var RadioGroupItemContext = /* @__PURE__ */ React.createContext({
+	checked: false,
+	disabled: false
+});
+var RadioGroupComponent = createStyledHOC(RadioGroupFrame, function(props, ref) {
+	var { value, defaultValue, onValueChange, required = false, disabled = false, name, native, accentColor, orientation = "vertical", ...rest } = props;
+	var { providerValue, frameAttrs, rovingFocusGroupAttrs } = useRadioGroup({
+		orientation,
+		name,
+		defaultValue,
+		value,
+		onValueChange,
+		required,
+		disabled,
+		native,
+		accentColor
+	});
+	return /* @__PURE__ */ jsx(RadioGroupContext.Provider, {
+		value: providerValue,
+		children: /* @__PURE__ */ jsx(RovingFocusGroup, {
+			...rovingFocusGroupAttrs,
+			children: /* @__PURE__ */ jsx(RadioGroupFrame, {
+				...frameAttrs,
+				ref,
+				...rest
+			})
+		})
+	});
+});
+var RadioGroupItem = createStyledHOC(RadioGroupItemFrame, function(props, ref) {
+	var { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props;
+	var { providerValue, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = useRadioGroupItem({
+		radioGroupContext: RadioGroupContext,
+		value,
+		id,
+		labelledBy,
+		disabled,
+		onPress,
+		onKeyDown
+	});
+	return /* @__PURE__ */ jsx(RadioGroupItemContext.Provider, {
+		value: providerValue,
+		children: isWeb && native ? bubbleInput : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(RovingFocusGroup.Item, {
+			...rovingFocusGroupAttrs,
+			children: /* @__PURE__ */ jsx(RadioGroupItemFrame, {
+				...frameAttrs,
+				ref,
+				...rest
+			})
+		}), isFormControl && bubbleInput] })
+	});
+});
+RadioGroupItem.displayName = "RadioGroupItem";
+var RadioGroupIndicator = createStyledHOC(RadioGroupIndicatorFrame, function(props, forwardedRef) {
+	var { forceMount, disabled, ...indicatorProps } = props;
+	var { checked, ...useIndicatorRest } = useRadioGroupItemIndicator({
+		radioGroupItemContext: RadioGroupItemContext,
+		disabled
+	});
+	if (forceMount || checked) {
+		return /* @__PURE__ */ jsx(RadioGroupIndicatorFrame, {
+			...useIndicatorRest,
+			ref: forwardedRef,
+			...indicatorProps
+		});
+	}
+	return null;
+});
+RadioGroupIndicator.displayName = "RadioGroupIndicator";
+var RadioGroup = withStaticProperties(RadioGroupComponent, {
+	Item: RadioGroupItem,
+	Indicator: RadioGroupIndicator
 });
-export { RadioGroupFrame, RadioGroupIndicatorFrame, RadioGroupItemFrame };
+RadioGroup.displayName = "RadioGroup";
+
+export { RadioGroup, RadioGroupContext, RadioGroupFrame, RadioGroupIndicatorFrame, RadioGroupItemContext, RadioGroupItemFrame };
 //# sourceMappingURL=RadioGroup.native.js.map