@tamagui/radio-group 3.0.0-beta.922.1 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/cjs/RadioGroup.cjs +7 -11
  2. package/dist/cjs/RadioGroup.native.cjs +7 -11
  3. package/dist/cjs/RadioGroup.native.js +7 -11
  4. package/dist/cjs/RadioGroup.native.js.map +1 -1
  5. package/dist/esm/RadioGroup.mjs +7 -11
  6. package/dist/esm/RadioGroup.mjs.map +1 -1
  7. package/dist/esm/RadioGroup.native.js +7 -11
  8. package/dist/esm/RadioGroup.native.js.map +1 -1
  9. package/dist/jsx/RadioGroup.mjs +7 -11
  10. package/dist/jsx/RadioGroup.mjs.map +1 -1
  11. package/dist/jsx/RadioGroup.native.cjs +7 -11
  12. package/dist/jsx/RadioGroup.native.js +7 -11
  13. package/dist/jsx/RadioGroup.native.js.map +1 -1
  14. package/package.json +8 -6
  15. package/src/RadioGroup.tsx +22 -5
  16. package/types/RadioGroup.d.ts +29 -62
  17. package/types/RadioGroup.d.ts.map +1 -1
package/dist/cjs/RadioGroup.cjs CHANGED
@@ -56,14 +56,8 @@ const RADIO_GROUP_NAME = "RadioGroup";
56
56
  const RadioGroupFrame = (0, import_core.styled)(import_core.View, {
57
57
  displayName: RADIO_GROUP_NAME,
58
58
  variants: { orientation: {
59
- horizontal: {
60
- flexDirection: "row",
61
- spaceDirection: "horizontal"
62
- },
63
- vertical: {
64
- flexDirection: "column",
65
- spaceDirection: "vertical"
66
- }
59
+ horizontal: { flexDirection: "row" },
60
+ vertical: { flexDirection: "column" }
67
61
  } }
68
62
  });
69
63
  const RadioGroupContext = import_react.default.createContext({});
@@ -97,8 +91,8 @@ const RadioGroupComponent = (0, import_core.createStyledHOC)(RadioGroupFrame, (p
97
91
  });
98
92
  });
99
93
  const RadioGroupItem = (0, import_core.createStyledHOC)(RadioGroupItemFrame, (props, ref) => {
100
- const { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props;
101
- const { providerValue, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = (0, import_radio_headless.useRadioGroupItem)({
94
+ const { value, labelledBy, onPress, onKeyDown, disabled, id, activeStyle, activeTheme, ...rest } = props;
95
+ const { providerValue, checked, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = (0, import_radio_headless.useRadioGroupItem)({
102
96
  radioGroupContext: RadioGroupContext,
103
97
  value,
104
98
  id,
@@ -112,9 +106,11 @@ const RadioGroupItem = (0, import_core.createStyledHOC)(RadioGroupItemFrame, (pr
112
106
  children: import_core.isWeb && native ? bubbleInput : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
113
107
  ...rovingFocusGroupAttrs,
114
108
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemFrame, {
109
+ theme: checked ? activeTheme ?? null : null,
115
110
  ...frameAttrs,
116
111
  ref,
117
- ...rest
112
+ ...rest,
113
+ style: [rest.style, checked && activeStyle]
118
114
  })
119
115
  }), isFormControl && bubbleInput] })
120
116
  });
package/dist/cjs/RadioGroup.native.cjs CHANGED
@@ -58,14 +58,8 @@ var RADIO_GROUP_NAME = "RadioGroup";
58
58
  var RadioGroupFrame = (0, import_core.styled)(import_core.View, {
59
59
  displayName: RADIO_GROUP_NAME,
60
60
  variants: { orientation: {
61
- horizontal: {
62
- flexDirection: "row",
63
- spaceDirection: "horizontal"
64
- },
65
- vertical: {
66
- flexDirection: "column",
67
- spaceDirection: "vertical"
68
- }
61
+ horizontal: { flexDirection: "row" },
62
+ vertical: { flexDirection: "column" }
69
63
  } }
70
64
  });
71
65
  var RadioGroupContext = /* @__PURE__ */ import_react.default.createContext({});
@@ -99,8 +93,8 @@ var RadioGroupComponent = (0, import_core.createStyledHOC)(RadioGroupFrame, func
99
93
  });
100
94
  });
101
95
  var RadioGroupItem = (0, import_core.createStyledHOC)(RadioGroupItemFrame, function(props, ref) {
102
- var { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props;
103
- var { providerValue, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = (0, import_radio_headless.useRadioGroupItem)({
96
+ var { value, labelledBy, onPress, onKeyDown, disabled, id, activeStyle, activeTheme, ...rest } = props;
97
+ var { providerValue, checked, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = (0, import_radio_headless.useRadioGroupItem)({
104
98
  radioGroupContext: RadioGroupContext,
105
99
  value,
106
100
  id,
@@ -114,9 +108,11 @@ var RadioGroupItem = (0, import_core.createStyledHOC)(RadioGroupItemFrame, funct
114
108
  children: import_core.isWeb && native ? bubbleInput : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
115
109
  ...rovingFocusGroupAttrs,
116
110
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemFrame, {
111
+ theme: checked ? activeTheme !== null && activeTheme !== void 0 ? activeTheme : null : null,
117
112
  ...frameAttrs,
118
113
  ref,
119
- ...rest
114
+ ...rest,
115
+ style: [rest.style, checked && activeStyle]
120
116
  })
121
117
  }), isFormControl && bubbleInput] })
122
118
  });
package/dist/cjs/RadioGroup.native.js CHANGED
@@ -58,14 +58,8 @@ var RADIO_GROUP_NAME = "RadioGroup";
58
58
  var RadioGroupFrame = (0, import_core.styled)(import_core.View, {
59
59
  displayName: RADIO_GROUP_NAME,
60
60
  variants: { orientation: {
61
- horizontal: {
62
- flexDirection: "row",
63
- spaceDirection: "horizontal"
64
- },
65
- vertical: {
66
- flexDirection: "column",
67
- spaceDirection: "vertical"
68
- }
61
+ horizontal: { flexDirection: "row" },
62
+ vertical: { flexDirection: "column" }
69
63
  } }
70
64
  });
71
65
  var RadioGroupContext = /* @__PURE__ */ import_react.default.createContext({});
@@ -99,8 +93,8 @@ var RadioGroupComponent = (0, import_core.createStyledHOC)(RadioGroupFrame, func
99
93
  });
100
94
  });
101
95
  var RadioGroupItem = (0, import_core.createStyledHOC)(RadioGroupItemFrame, function(props, ref) {
102
- var { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props;
103
- var { providerValue, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = (0, import_radio_headless.useRadioGroupItem)({
96
+ var { value, labelledBy, onPress, onKeyDown, disabled, id, activeStyle, activeTheme, ...rest } = props;
97
+ var { providerValue, checked, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = (0, import_radio_headless.useRadioGroupItem)({
104
98
  radioGroupContext: RadioGroupContext,
105
99
  value,
106
100
  id,
@@ -114,9 +108,11 @@ var RadioGroupItem = (0, import_core.createStyledHOC)(RadioGroupItemFrame, funct
114
108
  children: import_core.isWeb && native ? bubbleInput : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
115
109
  ...rovingFocusGroupAttrs,
116
110
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemFrame, {
111
+ theme: checked ? activeTheme !== null && activeTheme !== void 0 ? activeTheme : null : null,
117
112
  ...frameAttrs,
118
113
  ref,
119
- ...rest
114
+ ...rest,
115
+ style: [rest.style, checked && activeStyle]
120
116
  })
121
117
  }), isFormControl && bubbleInput] })
122
118
  });
package/dist/cjs/RadioGroup.native.js.map CHANGED
@@ -1 +1 @@
1
- {"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 // roving focus needs one concrete axis; a conditional flat value\n // (clause string or object) can't drive it, so non-literals fall back\n orientation: orientation === \"horizontal\" ? \"horizontal\" : \"vertical\",\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,OAAM,CAAE,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,OAAM,CAAE,YAAY,MAAM,EACvE,aAAa,2BACf,CAAC;AACD,IAAI,mBAAmB;AACvB,IAAI,mBAAmB,GAAG,YAAY,OAAM,CAAE,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,gBAAe,CAAE,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,cAAa,CAAE;EAGlG,aAAa,gBAAgB,eAAe,eAAe;EAC3D;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,kBAAkB,UAAU;EAC7E,OAAO;EACP,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,oBAAoB,kBAAkB;GAC1F,GAAG;GACH,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,iBAAiB;IACrE,GAAG;IACH;IACA,GAAG;GACL,CAAC;EACH,CAAC;CACH,CAAC;AACH,CAAC;AACD,IAAI,kBAAkB,GAAG,YAAY,gBAAe,CAAE,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,kBAAiB,CAAE;EAC1I,mBAAmB;EACnB;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,sBAAsB,UAAU;EACjF,OAAO;EACP,UAAU,YAAY,SAAS,SAAS,cAA8B,iBAAC,GAAG,mBAAmB,KAAI,CAAE,mBAAmB,UAAU,EAC9H,UAAU,CACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,oBAAoB,iBAAiB,MAAM;GACrF,GAAG;GACH,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,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,gBAAe,CAAE,0BAA0B,SAAS,OAAO,cAAc;CACjH,IAAI,EAAE,YAAY,UAAU,GAAG,mBAAmB;CAClD,IAAI,EAAE,SAAS,GAAG,sBAAsB,GAAG,sBAAsB,2BAA0B,CAAE;EAC3F,uBAAuB;EACvB;CACF,CAAC;CACD,IAAI,cAAc,SAAS;EACzB,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,0BAA0B;GAC3E,GAAG;GACH,KAAK;GACL,GAAG;EACL,CAAC;CACH;CACA,OAAO;AACT,CAAC;AACD,oBAAoB,cAAc;AAClC,IAAI,cAAc,GAAG,YAAY,qBAAoB,CAAE,qBAAqB;CAC1E,MAAM;CACN,WAAW;AACb,CAAC;AACD,WAAW,cAAc"}
1
+ {"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 },\n vertical: {\n flexDirection: \"column\"\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 // roving focus needs one concrete axis; a conditional flat value\n // (clause string or object) can't drive it, so non-literals fall back\n orientation: orientation === \"horizontal\" ? \"horizontal\" : \"vertical\",\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, activeStyle, activeTheme, ...rest } = props;\n var { providerValue, checked, 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 theme: checked ? activeTheme !== null && activeTheme !== void 0 ? activeTheme : null : null,\n ...frameAttrs,\n ref,\n ...rest,\n style: [\n rest.style,\n checked && activeStyle\n ]\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":"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"}
package/dist/esm/RadioGroup.mjs CHANGED
@@ -21,14 +21,8 @@ const RADIO_GROUP_NAME = "RadioGroup";
21
21
  const RadioGroupFrame = styled(View, {
22
22
  displayName: RADIO_GROUP_NAME,
23
23
  variants: { orientation: {
24
- horizontal: {
25
- flexDirection: "row",
26
- spaceDirection: "horizontal"
27
- },
28
- vertical: {
29
- flexDirection: "column",
30
- spaceDirection: "vertical"
31
- }
24
+ horizontal: { flexDirection: "row" },
25
+ vertical: { flexDirection: "column" }
32
26
  } }
33
27
  });
34
28
  const RadioGroupContext = React.createContext({});
@@ -62,8 +56,8 @@ const RadioGroupComponent = createStyledHOC(RadioGroupFrame, (props, ref) => {
62
56
  });
63
57
  });
64
58
  const RadioGroupItem = createStyledHOC(RadioGroupItemFrame, (props, ref) => {
65
- const { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props;
66
- const { providerValue, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = useRadioGroupItem({
59
+ const { value, labelledBy, onPress, onKeyDown, disabled, id, activeStyle, activeTheme, ...rest } = props;
60
+ const { providerValue, checked, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = useRadioGroupItem({
67
61
  radioGroupContext: RadioGroupContext,
68
62
  value,
69
63
  id,
@@ -77,9 +71,11 @@ const RadioGroupItem = createStyledHOC(RadioGroupItemFrame, (props, ref) => {
77
71
  children: isWeb && native ? bubbleInput : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(RovingFocusGroup.Item, {
78
72
  ...rovingFocusGroupAttrs,
79
73
  children: /* @__PURE__ */ jsx(RadioGroupItemFrame, {
74
+ theme: checked ? activeTheme ?? null : null,
80
75
  ...frameAttrs,
81
76
  ref,
82
- ...rest
77
+ ...rest,
78
+ style: [rest.style, checked && activeStyle]
83
79
  })
84
80
  }), isFormControl && bubbleInput] })
85
81
  });
package/dist/esm/RadioGroup.mjs.map CHANGED
@@ -1 +1 @@
1
- {"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 // roving focus needs one concrete axis; a conditional flat value\n // (clause string or object) can't drive it, so non-literals fall back\n orientation: orientation === \"horizontal\" ? \"horizontal\" : \"vertical\",\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;EAGzE,aAAa,gBAAgB,eAAe,eAAe;EAC3D;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"}
1
+ {"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 },\n vertical: {\n flexDirection: \"column\"\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 // roving focus needs one concrete axis; a conditional flat value\n // (clause string or object) can't drive it, so non-literals fall back\n orientation: orientation === \"horizontal\" ? \"horizontal\" : \"vertical\",\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 {\n value,\n labelledBy,\n onPress,\n onKeyDown,\n disabled,\n id,\n activeStyle,\n activeTheme,\n ...rest\n } = props;\n const {\n providerValue,\n checked,\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(\n RadioGroupItemFrame,\n {\n theme: checked ? activeTheme ?? null : null,\n ...frameAttrs,\n ref,\n ...rest,\n style: [rest.style, checked && activeStyle]\n }\n ) }),\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,EACV,eAAe,MACjB;EACA,UAAU,EACR,eAAe,SACjB;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;EAGzE,aAAa,gBAAgB,eAAe,eAAe;EAC3D;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,EACJ,OACA,YACA,SACA,WACA,UACA,IACA,aACA,aACA,GAAG,SACD;CACJ,MAAM,EACJ,eACA,SACA,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,oBAC/F,qBACA;IACE,OAAO,UAAU,eAAe,OAAO;IACvC,GAAG;IACH;IACA,GAAG;IACH,OAAO,CAAC,KAAK,OAAO,WAAW,WAAW;GAC5C,CACF;EAAE,CAAC,GACH,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 CHANGED
@@ -21,14 +21,8 @@ var RADIO_GROUP_NAME = "RadioGroup";
21
21
  var RadioGroupFrame = styled(View, {
22
22
  displayName: RADIO_GROUP_NAME,
23
23
  variants: { orientation: {
24
- horizontal: {
25
- flexDirection: "row",
26
- spaceDirection: "horizontal"
27
- },
28
- vertical: {
29
- flexDirection: "column",
30
- spaceDirection: "vertical"
31
- }
24
+ horizontal: { flexDirection: "row" },
25
+ vertical: { flexDirection: "column" }
32
26
  } }
33
27
  });
34
28
  var RadioGroupContext = /* @__PURE__ */ React.createContext({});
@@ -62,8 +56,8 @@ var RadioGroupComponent = createStyledHOC(RadioGroupFrame, function(props, ref)
62
56
  });
63
57
  });
64
58
  var RadioGroupItem = createStyledHOC(RadioGroupItemFrame, function(props, ref) {
65
- var { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props;
66
- var { providerValue, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = useRadioGroupItem({
59
+ var { value, labelledBy, onPress, onKeyDown, disabled, id, activeStyle, activeTheme, ...rest } = props;
60
+ var { providerValue, checked, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = useRadioGroupItem({
67
61
  radioGroupContext: RadioGroupContext,
68
62
  value,
69
63
  id,
@@ -77,9 +71,11 @@ var RadioGroupItem = createStyledHOC(RadioGroupItemFrame, function(props, ref) {
77
71
  children: isWeb && native ? bubbleInput : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(RovingFocusGroup.Item, {
78
72
  ...rovingFocusGroupAttrs,
79
73
  children: /* @__PURE__ */ jsx(RadioGroupItemFrame, {
74
+ theme: checked ? activeTheme !== null && activeTheme !== void 0 ? activeTheme : null : null,
80
75
  ...frameAttrs,
81
76
  ref,
82
- ...rest
77
+ ...rest,
78
+ style: [rest.style, checked && activeStyle]
83
79
  })
84
80
  }), isFormControl && bubbleInput] })
85
81
  });
package/dist/esm/RadioGroup.native.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RadioGroup.native.js","names":["_Fragment"],"sources":["esm/RadioGroup.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { createStyledHOC, isWeb, styled, View, withStaticProperties } from \"@tamagui/core\";\nimport { useRadioGroup, useRadioGroupItem, useRadioGroupItemIndicator } from \"@tamagui/radio-headless\";\nimport { RovingFocusGroup } from \"@tamagui/roving-focus\";\nimport React from \"react\";\nvar RADIO_GROUP_ITEM_NAME = \"RadioGroupItem\";\nvar 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});\nvar RADIO_GROUP_INDICATOR_NAME = \"RadioGroupIndicator\";\nvar RadioGroupIndicatorFrame = styled(View, {\n displayName: RADIO_GROUP_INDICATOR_NAME\n});\nvar RADIO_GROUP_NAME = \"RadioGroup\";\nvar 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});\nvar RadioGroupContext = /* @__PURE__ */ React.createContext({});\nvar RadioGroupItemContext = /* @__PURE__ */ React.createContext({\n checked: false,\n disabled: false\n});\nvar RadioGroupComponent = 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 } = useRadioGroup({\n // roving focus needs one concrete axis; a conditional flat value\n // (clause string or object) can't drive it, so non-literals fall back\n orientation: orientation === \"horizontal\" ? \"horizontal\" : \"vertical\",\n name,\n defaultValue,\n value,\n onValueChange,\n required,\n disabled,\n native,\n accentColor\n });\n return /* @__PURE__ */ _jsx(RadioGroupContext.Provider, {\n value: providerValue,\n children: /* @__PURE__ */ _jsx(RovingFocusGroup, {\n ...rovingFocusGroupAttrs,\n children: /* @__PURE__ */ _jsx(RadioGroupFrame, {\n ...frameAttrs,\n ref,\n ...rest\n })\n })\n });\n});\nvar RadioGroupItem = createStyledHOC(RadioGroupItemFrame, function(props, ref) {\n var { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props;\n var { providerValue, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = useRadioGroupItem({\n radioGroupContext: RadioGroupContext,\n value,\n id,\n labelledBy,\n disabled,\n onPress,\n onKeyDown\n });\n return /* @__PURE__ */ _jsx(RadioGroupItemContext.Provider, {\n value: providerValue,\n children: isWeb && native ? bubbleInput : /* @__PURE__ */ _jsxs(_Fragment, {\n children: [\n /* @__PURE__ */ _jsx(RovingFocusGroup.Item, {\n ...rovingFocusGroupAttrs,\n children: /* @__PURE__ */ _jsx(RadioGroupItemFrame, {\n ...frameAttrs,\n ref,\n ...rest\n })\n }),\n isFormControl && bubbleInput\n ]\n })\n });\n});\nRadioGroupItem.displayName = \"RadioGroupItem\";\nvar RadioGroupIndicator = createStyledHOC(RadioGroupIndicatorFrame, function(props, forwardedRef) {\n var { forceMount, disabled, ...indicatorProps } = props;\n var { checked, ...useIndicatorRest } = useRadioGroupItemIndicator({\n radioGroupItemContext: RadioGroupItemContext,\n disabled\n });\n if (forceMount || checked) {\n return /* @__PURE__ */ _jsx(RadioGroupIndicatorFrame, {\n ...useIndicatorRest,\n ref: forwardedRef,\n ...indicatorProps\n });\n }\n return null;\n});\nRadioGroupIndicator.displayName = \"RadioGroupIndicator\";\nvar 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":";;;;;;;AAKA,IAAI,wBAAwB;AAC5B,IAAI,sBAAsB,OAAO,MAAM;CACrC,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,2BAA2B,OAAO,MAAM,EAC1C,aAAa,2BACf,CAAC;AACD,IAAI,mBAAmB;AACvB,IAAI,kBAAkB,OAAO,MAAM;CACjC,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,sBAAM,cAAc,CAAC,CAAC;AAC9D,IAAI,wBAAwC,sBAAM,cAAc;CAC9D,SAAS;CACT,UAAU;AACZ,CAAC;AACD,IAAI,sBAAsB,gBAAgB,iBAAiB,SAAS,OAAO,KAAK;CAC9E,IAAI,EAAE,OAAO,cAAc,eAAe,WAAW,OAAO,WAAW,OAAO,MAAM,QAAQ,aAAa,cAAc,YAAY,GAAG,SAAS;CAC/I,IAAI,EAAE,eAAe,YAAY,0BAA0B,cAAc;EAGvE,aAAa,gBAAgB,eAAe,eAAe;EAC3D;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,OAAuB,oBAAK,kBAAkB,UAAU;EACtD,OAAO;EACP,UAA0B,oBAAK,kBAAkB;GAC/C,GAAG;GACH,UAA0B,oBAAK,iBAAiB;IAC9C,GAAG;IACH;IACA,GAAG;GACL,CAAC;EACH,CAAC;CACH,CAAC;AACH,CAAC;AACD,IAAI,iBAAiB,gBAAgB,qBAAqB,SAAS,OAAO,KAAK;CAC7E,IAAI,EAAE,OAAO,YAAY,SAAS,WAAW,UAAU,IAAI,GAAG,SAAS;CACvE,IAAI,EAAE,eAAe,aAAa,uBAAuB,YAAY,eAAe,WAAW,kBAAkB;EAC/G,mBAAmB;EACnB;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,OAAuB,oBAAK,sBAAsB,UAAU;EAC1D,OAAO;EACP,UAAU,SAAS,SAAS,cAA8B,qBAAMA,UAAW,EACzE,UAAU,CACQ,oBAAK,iBAAiB,MAAM;GAC1C,GAAG;GACH,UAA0B,oBAAK,qBAAqB;IAClD,GAAG;IACH;IACA,GAAG;GACL,CAAC;EACH,CAAC,GACD,iBAAiB,WACnB,EACF,CAAC;CACH,CAAC;AACH,CAAC;AACD,eAAe,cAAc;AAC7B,IAAI,sBAAsB,gBAAgB,0BAA0B,SAAS,OAAO,cAAc;CAChG,IAAI,EAAE,YAAY,UAAU,GAAG,mBAAmB;CAClD,IAAI,EAAE,SAAS,GAAG,qBAAqB,2BAA2B;EAChE,uBAAuB;EACvB;CACF,CAAC;CACD,IAAI,cAAc,SAAS;EACzB,OAAuB,oBAAK,0BAA0B;GACpD,GAAG;GACH,KAAK;GACL,GAAG;EACL,CAAC;CACH;CACA,OAAO;AACT,CAAC;AACD,oBAAoB,cAAc;AAClC,IAAI,aAAa,qBAAqB,qBAAqB;CACzD,MAAM;CACN,WAAW;AACb,CAAC;AACD,WAAW,cAAc"}
1
+ {"version":3,"file":"RadioGroup.native.js","names":["_Fragment"],"sources":["esm/RadioGroup.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { createStyledHOC, isWeb, styled, View, withStaticProperties } from \"@tamagui/core\";\nimport { useRadioGroup, useRadioGroupItem, useRadioGroupItemIndicator } from \"@tamagui/radio-headless\";\nimport { RovingFocusGroup } from \"@tamagui/roving-focus\";\nimport React from \"react\";\nvar RADIO_GROUP_ITEM_NAME = \"RadioGroupItem\";\nvar 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});\nvar RADIO_GROUP_INDICATOR_NAME = \"RadioGroupIndicator\";\nvar RadioGroupIndicatorFrame = styled(View, {\n displayName: RADIO_GROUP_INDICATOR_NAME\n});\nvar RADIO_GROUP_NAME = \"RadioGroup\";\nvar RadioGroupFrame = styled(View, {\n displayName: RADIO_GROUP_NAME,\n variants: {\n orientation: {\n horizontal: {\n flexDirection: \"row\"\n },\n vertical: {\n flexDirection: \"column\"\n }\n }\n }\n});\nvar RadioGroupContext = /* @__PURE__ */ React.createContext({});\nvar RadioGroupItemContext = /* @__PURE__ */ React.createContext({\n checked: false,\n disabled: false\n});\nvar RadioGroupComponent = 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 } = useRadioGroup({\n // roving focus needs one concrete axis; a conditional flat value\n // (clause string or object) can't drive it, so non-literals fall back\n orientation: orientation === \"horizontal\" ? \"horizontal\" : \"vertical\",\n name,\n defaultValue,\n value,\n onValueChange,\n required,\n disabled,\n native,\n accentColor\n });\n return /* @__PURE__ */ _jsx(RadioGroupContext.Provider, {\n value: providerValue,\n children: /* @__PURE__ */ _jsx(RovingFocusGroup, {\n ...rovingFocusGroupAttrs,\n children: /* @__PURE__ */ _jsx(RadioGroupFrame, {\n ...frameAttrs,\n ref,\n ...rest\n })\n })\n });\n});\nvar RadioGroupItem = createStyledHOC(RadioGroupItemFrame, function(props, ref) {\n var { value, labelledBy, onPress, onKeyDown, disabled, id, activeStyle, activeTheme, ...rest } = props;\n var { providerValue, checked, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = useRadioGroupItem({\n radioGroupContext: RadioGroupContext,\n value,\n id,\n labelledBy,\n disabled,\n onPress,\n onKeyDown\n });\n return /* @__PURE__ */ _jsx(RadioGroupItemContext.Provider, {\n value: providerValue,\n children: isWeb && native ? bubbleInput : /* @__PURE__ */ _jsxs(_Fragment, {\n children: [\n /* @__PURE__ */ _jsx(RovingFocusGroup.Item, {\n ...rovingFocusGroupAttrs,\n children: /* @__PURE__ */ _jsx(RadioGroupItemFrame, {\n theme: checked ? activeTheme !== null && activeTheme !== void 0 ? activeTheme : null : null,\n ...frameAttrs,\n ref,\n ...rest,\n style: [\n rest.style,\n checked && activeStyle\n ]\n })\n }),\n isFormControl && bubbleInput\n ]\n })\n });\n});\nRadioGroupItem.displayName = \"RadioGroupItem\";\nvar RadioGroupIndicator = createStyledHOC(RadioGroupIndicatorFrame, function(props, forwardedRef) {\n var { forceMount, disabled, ...indicatorProps } = props;\n var { checked, ...useIndicatorRest } = useRadioGroupItemIndicator({\n radioGroupItemContext: RadioGroupItemContext,\n disabled\n });\n if (forceMount || checked) {\n return /* @__PURE__ */ _jsx(RadioGroupIndicatorFrame, {\n ...useIndicatorRest,\n ref: forwardedRef,\n ...indicatorProps\n });\n }\n return null;\n});\nRadioGroupIndicator.displayName = \"RadioGroupIndicator\";\nvar 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":";;;;;;;AAKA,IAAI,wBAAwB;AAC5B,IAAI,sBAAsB,OAAO,MAAM;CACrC,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,2BAA2B,OAAO,MAAM,EAC1C,aAAa,2BACf,CAAC;AACD,IAAI,mBAAmB;AACvB,IAAI,kBAAkB,OAAO,MAAM;CACjC,aAAa;CACb,UAAU,EACR,aAAa;EACX,YAAY,EACV,eAAe,MACjB;EACA,UAAU,EACR,eAAe,SACjB;CACF,EACF;AACF,CAAC;AACD,IAAI,oBAAoC,sBAAM,cAAc,CAAC,CAAC;AAC9D,IAAI,wBAAwC,sBAAM,cAAc;CAC9D,SAAS;CACT,UAAU;AACZ,CAAC;AACD,IAAI,sBAAsB,gBAAgB,iBAAiB,SAAS,OAAO,KAAK;CAC9E,IAAI,EAAE,OAAO,cAAc,eAAe,WAAW,OAAO,WAAW,OAAO,MAAM,QAAQ,aAAa,cAAc,YAAY,GAAG,SAAS;CAC/I,IAAI,EAAE,eAAe,YAAY,0BAA0B,cAAc;EAGvE,aAAa,gBAAgB,eAAe,eAAe;EAC3D;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,OAAuB,oBAAK,kBAAkB,UAAU;EACtD,OAAO;EACP,UAA0B,oBAAK,kBAAkB;GAC/C,GAAG;GACH,UAA0B,oBAAK,iBAAiB;IAC9C,GAAG;IACH;IACA,GAAG;GACL,CAAC;EACH,CAAC;CACH,CAAC;AACH,CAAC;AACD,IAAI,iBAAiB,gBAAgB,qBAAqB,SAAS,OAAO,KAAK;CAC7E,IAAI,EAAE,OAAO,YAAY,SAAS,WAAW,UAAU,IAAI,aAAa,aAAa,GAAG,SAAS;CACjG,IAAI,EAAE,eAAe,SAAS,aAAa,uBAAuB,YAAY,eAAe,WAAW,kBAAkB;EACxH,mBAAmB;EACnB;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,OAAuB,oBAAK,sBAAsB,UAAU;EAC1D,OAAO;EACP,UAAU,SAAS,SAAS,cAA8B,qBAAMA,UAAW,EACzE,UAAU,CACQ,oBAAK,iBAAiB,MAAM;GAC1C,GAAG;GACH,UAA0B,oBAAK,qBAAqB;IAClD,OAAO,UAAU,gBAAgB,QAAQ,gBAAgB,KAAK,IAAI,cAAc,OAAO;IACvF,GAAG;IACH;IACA,GAAG;IACH,OAAO,CACL,KAAK,OACL,WAAW,WACb;GACF,CAAC;EACH,CAAC,GACD,iBAAiB,WACnB,EACF,CAAC;CACH,CAAC;AACH,CAAC;AACD,eAAe,cAAc;AAC7B,IAAI,sBAAsB,gBAAgB,0BAA0B,SAAS,OAAO,cAAc;CAChG,IAAI,EAAE,YAAY,UAAU,GAAG,mBAAmB;CAClD,IAAI,EAAE,SAAS,GAAG,qBAAqB,2BAA2B;EAChE,uBAAuB;EACvB;CACF,CAAC;CACD,IAAI,cAAc,SAAS;EACzB,OAAuB,oBAAK,0BAA0B;GACpD,GAAG;GACH,KAAK;GACL,GAAG;EACL,CAAC;CACH;CACA,OAAO;AACT,CAAC;AACD,oBAAoB,cAAc;AAClC,IAAI,aAAa,qBAAqB,qBAAqB;CACzD,MAAM;CACN,WAAW;AACb,CAAC;AACD,WAAW,cAAc"}
package/dist/jsx/RadioGroup.mjs CHANGED
@@ -21,14 +21,8 @@ const RADIO_GROUP_NAME = "RadioGroup";
21
21
  const RadioGroupFrame = styled(View, {
22
22
  displayName: RADIO_GROUP_NAME,
23
23
  variants: { orientation: {
24
- horizontal: {
25
- flexDirection: "row",
26
- spaceDirection: "horizontal"
27
- },
28
- vertical: {
29
- flexDirection: "column",
30
- spaceDirection: "vertical"
31
- }
24
+ horizontal: { flexDirection: "row" },
25
+ vertical: { flexDirection: "column" }
32
26
  } }
33
27
  });
34
28
  const RadioGroupContext = React.createContext({});
@@ -62,8 +56,8 @@ const RadioGroupComponent = createStyledHOC(RadioGroupFrame, (props, ref) => {
62
56
  });
63
57
  });
64
58
  const RadioGroupItem = createStyledHOC(RadioGroupItemFrame, (props, ref) => {
65
- const { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props;
66
- const { providerValue, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = useRadioGroupItem({
59
+ const { value, labelledBy, onPress, onKeyDown, disabled, id, activeStyle, activeTheme, ...rest } = props;
60
+ const { providerValue, checked, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = useRadioGroupItem({
67
61
  radioGroupContext: RadioGroupContext,
68
62
  value,
69
63
  id,
@@ -77,9 +71,11 @@ const RadioGroupItem = createStyledHOC(RadioGroupItemFrame, (props, ref) => {
77
71
  children: isWeb && native ? bubbleInput : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(RovingFocusGroup.Item, {
78
72
  ...rovingFocusGroupAttrs,
79
73
  children: /* @__PURE__ */ jsx(RadioGroupItemFrame, {
74
+ theme: checked ? activeTheme ?? null : null,
80
75
  ...frameAttrs,
81
76
  ref,
82
- ...rest
77
+ ...rest,
78
+ style: [rest.style, checked && activeStyle]
83
79
  })
84
80
  }), isFormControl && bubbleInput] })
85
81
  });
package/dist/jsx/RadioGroup.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RadioGroup.js","names":[],"sources":["jsx/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 // roving focus needs one concrete axis; a conditional flat value\n // (clause string or object) can't drive it, so non-literals fall back\n orientation: orientation === \"horizontal\" ? \"horizontal\" : \"vertical\",\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;EAGzE,aAAa,gBAAgB,eAAe,eAAe;EAC3D;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"}
1
+ {"version":3,"file":"RadioGroup.js","names":[],"sources":["jsx/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 },\n vertical: {\n flexDirection: \"column\"\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 // roving focus needs one concrete axis; a conditional flat value\n // (clause string or object) can't drive it, so non-literals fall back\n orientation: orientation === \"horizontal\" ? \"horizontal\" : \"vertical\",\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 {\n value,\n labelledBy,\n onPress,\n onKeyDown,\n disabled,\n id,\n activeStyle,\n activeTheme,\n ...rest\n } = props;\n const {\n providerValue,\n checked,\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(\n RadioGroupItemFrame,\n {\n theme: checked ? activeTheme ?? null : null,\n ...frameAttrs,\n ref,\n ...rest,\n style: [rest.style, checked && activeStyle]\n }\n ) }),\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,EACV,eAAe,MACjB;EACA,UAAU,EACR,eAAe,SACjB;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;EAGzE,aAAa,gBAAgB,eAAe,eAAe;EAC3D;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,EACJ,OACA,YACA,SACA,WACA,UACA,IACA,aACA,aACA,GAAG,SACD;CACJ,MAAM,EACJ,eACA,SACA,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,oBAC/F,qBACA;IACE,OAAO,UAAU,eAAe,OAAO;IACvC,GAAG;IACH;IACA,GAAG;IACH,OAAO,CAAC,KAAK,OAAO,WAAW,WAAW;GAC5C,CACF;EAAE,CAAC,GACH,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/jsx/RadioGroup.native.cjs CHANGED
@@ -58,14 +58,8 @@ var RADIO_GROUP_NAME = "RadioGroup";
58
58
  var RadioGroupFrame = (0, import_core.styled)(import_core.View, {
59
59
  displayName: RADIO_GROUP_NAME,
60
60
  variants: { orientation: {
61
- horizontal: {
62
- flexDirection: "row",
63
- spaceDirection: "horizontal"
64
- },
65
- vertical: {
66
- flexDirection: "column",
67
- spaceDirection: "vertical"
68
- }
61
+ horizontal: { flexDirection: "row" },
62
+ vertical: { flexDirection: "column" }
69
63
  } }
70
64
  });
71
65
  var RadioGroupContext = /* @__PURE__ */ import_react.default.createContext({});
@@ -99,8 +93,8 @@ var RadioGroupComponent = (0, import_core.createStyledHOC)(RadioGroupFrame, func
99
93
  });
100
94
  });
101
95
  var RadioGroupItem = (0, import_core.createStyledHOC)(RadioGroupItemFrame, function(props, ref) {
102
- var { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props;
103
- var { providerValue, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = (0, import_radio_headless.useRadioGroupItem)({
96
+ var { value, labelledBy, onPress, onKeyDown, disabled, id, activeStyle, activeTheme, ...rest } = props;
97
+ var { providerValue, checked, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = (0, import_radio_headless.useRadioGroupItem)({
104
98
  radioGroupContext: RadioGroupContext,
105
99
  value,
106
100
  id,
@@ -114,9 +108,11 @@ var RadioGroupItem = (0, import_core.createStyledHOC)(RadioGroupItemFrame, funct
114
108
  children: import_core.isWeb && native ? bubbleInput : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
115
109
  ...rovingFocusGroupAttrs,
116
110
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemFrame, {
111
+ theme: checked ? activeTheme !== null && activeTheme !== void 0 ? activeTheme : null : null,
117
112
  ...frameAttrs,
118
113
  ref,
119
- ...rest
114
+ ...rest,
115
+ style: [rest.style, checked && activeStyle]
120
116
  })
121
117
  }), isFormControl && bubbleInput] })
122
118
  });
package/dist/jsx/RadioGroup.native.js CHANGED
@@ -58,14 +58,8 @@ var RADIO_GROUP_NAME = "RadioGroup";
58
58
  var RadioGroupFrame = (0, import_core.styled)(import_core.View, {
59
59
  displayName: RADIO_GROUP_NAME,
60
60
  variants: { orientation: {
61
- horizontal: {
62
- flexDirection: "row",
63
- spaceDirection: "horizontal"
64
- },
65
- vertical: {
66
- flexDirection: "column",
67
- spaceDirection: "vertical"
68
- }
61
+ horizontal: { flexDirection: "row" },
62
+ vertical: { flexDirection: "column" }
69
63
  } }
70
64
  });
71
65
  var RadioGroupContext = /* @__PURE__ */ import_react.default.createContext({});
@@ -99,8 +93,8 @@ var RadioGroupComponent = (0, import_core.createStyledHOC)(RadioGroupFrame, func
99
93
  });
100
94
  });
101
95
  var RadioGroupItem = (0, import_core.createStyledHOC)(RadioGroupItemFrame, function(props, ref) {
102
- var { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props;
103
- var { providerValue, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = (0, import_radio_headless.useRadioGroupItem)({
96
+ var { value, labelledBy, onPress, onKeyDown, disabled, id, activeStyle, activeTheme, ...rest } = props;
97
+ var { providerValue, checked, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = (0, import_radio_headless.useRadioGroupItem)({
104
98
  radioGroupContext: RadioGroupContext,
105
99
  value,
106
100
  id,
@@ -114,9 +108,11 @@ var RadioGroupItem = (0, import_core.createStyledHOC)(RadioGroupItemFrame, funct
114
108
  children: import_core.isWeb && native ? bubbleInput : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
115
109
  ...rovingFocusGroupAttrs,
116
110
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemFrame, {
111
+ theme: checked ? activeTheme !== null && activeTheme !== void 0 ? activeTheme : null : null,
117
112
  ...frameAttrs,
118
113
  ref,
119
- ...rest
114
+ ...rest,
115
+ style: [rest.style, checked && activeStyle]
120
116
  })
121
117
  }), isFormControl && bubbleInput] })
122
118
  });
package/dist/jsx/RadioGroup.native.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RadioGroup.native.js","names":[],"sources":["jsx/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 // roving focus needs one concrete axis; a conditional flat value\n // (clause string or object) can't drive it, so non-literals fall back\n orientation: orientation === \"horizontal\" ? \"horizontal\" : \"vertical\",\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":"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"}
1
+ {"version":3,"file":"RadioGroup.native.js","names":[],"sources":["jsx/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 },\n vertical: {\n flexDirection: \"column\"\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 // roving focus needs one concrete axis; a conditional flat value\n // (clause string or object) can't drive it, so non-literals fall back\n orientation: orientation === \"horizontal\" ? \"horizontal\" : \"vertical\",\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, activeStyle, activeTheme, ...rest } = props;\n var { providerValue, checked, 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 theme: checked ? activeTheme !== null && activeTheme !== void 0 ? activeTheme : null : null,\n ...frameAttrs,\n ref,\n ...rest,\n style: [\n rest.style,\n checked && activeStyle\n ]\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":"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"}
package/package.json CHANGED
@@ -1,6 +1,7 @@
1
1
  {
2
2
  "name": "@tamagui/radio-group",
3
- "version": "3.0.0-beta.922.1",
3
+ "version": "3.0.0",
4
+ "license": "MIT",
4
5
  "source": "src/index.ts",
5
6
  "files": [
6
7
  "src",
@@ -34,12 +35,12 @@
34
35
  "clean:build": "tamagui-build clean:build"
35
36
  },
36
37
  "dependencies": {
37
- "@tamagui/core": "3.0.0-beta.922.1",
38
- "@tamagui/radio-headless": "3.0.0-beta.922.1",
39
- "@tamagui/roving-focus": "3.0.0-beta.922.1"
38
+ "@tamagui/core": "3.0.0",
39
+ "@tamagui/radio-headless": "3.0.0",
40
+ "@tamagui/roving-focus": "3.0.0"
40
41
  },
41
42
  "devDependencies": {
42
- "@tamagui/build": "3.0.0-beta.922.1",
43
+ "@tamagui/build": "3.0.0",
43
44
  "react": "19.2.3"
44
45
  },
45
46
  "peerDependencies": {
@@ -51,5 +52,6 @@
51
52
  "type": "git",
52
53
  "url": "git+https://github.com/tamagui/tamagui.git",
53
54
  "directory": "code/ui/radio-group"
54
- }
55
+ },
56
+ "releaseSourceCommit": "15fbca480b143f876f6975601e23a17d3f90d2ee"
55
57
  }
package/src/RadioGroup.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import type { GetProps } from '@tamagui/core'
1
+ import type { GetProps, StylePiece } from '@tamagui/core'
2
2
  import { createStyledHOC, isWeb, styled, View, withStaticProperties } from '@tamagui/core'
3
3
  import type {
4
4
  RadioGroupContextValue,
@@ -45,11 +45,9 @@ export const RadioGroupFrame = styled(View, {
45
45
  orientation: {
46
46
  horizontal: {
47
47
  flexDirection: 'row',
48
- spaceDirection: 'horizontal',
49
48
  },
50
49
  vertical: {
51
50
  flexDirection: 'column',
52
- spaceDirection: 'vertical',
53
51
  },
54
52
  },
55
53
  } as const,
@@ -70,6 +68,8 @@ export type RadioGroupItemProps = GetProps<typeof RadioGroupItemFrame> & {
70
68
  id?: string
71
69
  labelledBy?: string
72
70
  disabled?: boolean
71
+ activeStyle?: StylePiece
72
+ activeTheme?: string | null
73
73
  }
74
74
 
75
75
  export type RadioGroupProps = GetProps<typeof RadioGroupFrame> & {
@@ -126,10 +126,21 @@ const RadioGroupComponent = createStyledHOC(
126
126
  const RadioGroupItem = createStyledHOC(
127
127
  RadioGroupItemFrame,
128
128
  (props: RadioGroupItemProps, ref) => {
129
- const { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props
129
+ const {
130
+ value,
131
+ labelledBy,
132
+ onPress,
133
+ onKeyDown,
134
+ disabled,
135
+ id,
136
+ activeStyle,
137
+ activeTheme,
138
+ ...rest
139
+ } = props
130
140
 
131
141
  const {
132
142
  providerValue,
143
+ checked,
133
144
  bubbleInput,
134
145
  rovingFocusGroupAttrs,
135
146
  frameAttrs,
@@ -152,7 +163,13 @@ const RadioGroupItem = createStyledHOC(
152
163
  ) : (
153
164
  <>
154
165
  <RovingFocusGroup.Item {...rovingFocusGroupAttrs}>
155
- <RadioGroupItemFrame {...frameAttrs} ref={ref} {...rest} />
166
+ <RadioGroupItemFrame
167
+ theme={checked ? (activeTheme ?? null) : null}
168
+ {...frameAttrs}
169
+ ref={ref}
170
+ {...rest}
171
+ style={[rest.style, checked && activeStyle]}
172
+ />
156
173
  </RovingFocusGroup.Item>
157
174
  {isFormControl && bubbleInput}
158
175
  </>
package/types/RadioGroup.d.ts CHANGED
@@ -1,9 +1,9 @@
1
- import type { GetProps } from '@tamagui/core';
1
+ import type { GetProps, StylePiece } from '@tamagui/core';
2
2
  import type { RadioGroupContextValue, RadioGroupItemContextValue } from '@tamagui/radio-headless';
3
3
  import React from 'react';
4
- export declare const RadioGroupItemFrame: React.FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "disabled" | keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithFlatVariantValues<{
4
+ export declare const RadioGroupItemFrame: React.FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "disabled"> & Omit<import("@tamagui/core").WithThemeValues<Omit<import("@tamagui/core").StackStyleBase, "disabled">> & import("@tamagui/core").WithFlatVariantValues<{
5
5
  disabled?: boolean | undefined;
6
- }> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
6
+ }> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>, "accessibilityActions" | "accessibilityElementsHidden" | "accessibilityHint" | "accessibilityIgnoresInvertColors" | "accessibilityLabel" | "accessibilityLabelledBy" | "accessibilityLanguage" | "accessibilityLargeContentTitle" | "accessibilityLiveRegion" | "accessibilityRespondsToUserInteraction" | "accessibilityRole" | "accessibilityShowsLargeContentViewer" | "accessibilityState" | "accessibilityValue" | "accessibilityViewIsModal" | "accessible" | "animatedBy" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-hidden" | "aria-label" | "aria-labelledby" | "aria-live" | "aria-modal" | "aria-selected" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "asChild" | "children" | "className" | "collapsable" | "collapsableChildren" | "container" | "dangerouslySetInnerHTML" | "debug" | "disableClassName" | "disableNativeStyle" | "disableOptimization" | "download" | "experimental_accessibilityOrder" | "forceStyle" | "group" | "hasTVPreferredFocus" | "hitSlop" | "htmlFor" | "id" | "importantForAccessibility" | "name" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "nativeID" | "needsOffscreenAlphaCompositing" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "onAccessibilityAction" | "onAccessibilityEscape" | "onAccessibilityTap" | "onBeforeInput" | "onBlur" | "onBlurCapture" | "onChange" | "onClick" | "onClickCapture" | "onContextMenu" | "onCopy" | "onCut" | "onDoubleClick" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onFocus" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onLayout" | "onLongPress" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMagicTap" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseOut" | "onMouseOver" | "onMouseUp" | "onMoveShouldSetResponder" | "onMoveShouldSetResponderCapture" | "onPaste" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onPress" | "onPressIn" | "onPressOut" | "onResponderEnd" | "onResponderGrant" | "onResponderMove" | "onResponderReject" | "onResponderRelease" | "onResponderStart" | "onResponderTerminate" | "onResponderTerminationRequest" | "onScroll" | "onScrollShouldSetResponder" | "onScrollShouldSetResponderCapture" | "onSelectionChangeShouldSetResponder" | "onSelectionChangeShouldSetResponderCapture" | "onStartShouldSetResponder" | "onStartShouldSetResponderCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onWheel" | "rel" | "removeClippedSubviews" | "render" | "renderToHardwareTextureAndroid" | "role" | "screenReaderFocusable" | "shouldRasterizeIOS" | "style" | "tabIndex" | "target" | "testID" | "theme" | "themeShallow" | "untilMeasured"> & {
7
7
  ref?: React.Ref<import("@tamagui/core").TamaguiElement> | undefined;
8
8
  }> & import("@tamagui/core").StaticComponentObject<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
9
9
  disabled?: boolean | undefined;
@@ -12,14 +12,14 @@ export declare const RadioGroupItemFrame: React.FunctionComponent<Omit<import("@
12
12
  disabled?: boolean | undefined;
13
13
  }, import("@tamagui/core").StaticConfigPublic];
14
14
  };
15
- export declare const RadioGroupIndicatorFrame: React.FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithFlatVariantValues<{}> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
15
+ export declare const RadioGroupIndicatorFrame: React.FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, never> & Omit<import("@tamagui/core").WithThemeValues<Omit<import("@tamagui/core").StackStyleBase, never>> & import("@tamagui/core").WithFlatVariantValues<{}> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>, keyof import("@tamagui/core").RNTamaguiViewNonStyleProps> & {
16
16
  ref?: React.Ref<import("@tamagui/core").TamaguiElement> | undefined;
17
17
  }> & import("@tamagui/core").StaticComponentObject<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic> & Omit<import("@tamagui/core").StaticConfigPublic, "staticConfig"> & {
18
18
  __tama: [import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic];
19
19
  };
20
- export declare const RadioGroupFrame: React.FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "orientation" | keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithFlatVariantValues<{
20
+ export declare const RadioGroupFrame: React.FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "orientation"> & Omit<import("@tamagui/core").WithThemeValues<Omit<import("@tamagui/core").StackStyleBase, "orientation">> & import("@tamagui/core").WithFlatVariantValues<{
21
21
  orientation?: "horizontal" | "vertical" | undefined;
22
- }> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
22
+ }> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>, keyof import("@tamagui/core").RNTamaguiViewNonStyleProps> & {
23
23
  ref?: React.Ref<import("@tamagui/core").TamaguiElement> | undefined;
24
24
  }> & import("@tamagui/core").StaticComponentObject<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
25
25
  orientation?: "horizontal" | "vertical" | undefined;
@@ -38,6 +38,8 @@ export type RadioGroupItemProps = GetProps<typeof RadioGroupItemFrame> & {
38
38
  id?: string;
39
39
  labelledBy?: string;
40
40
  disabled?: boolean;
41
+ activeStyle?: StylePiece;
42
+ activeTheme?: string | null;
41
43
  };
42
44
  export type RadioGroupProps = GetProps<typeof RadioGroupFrame> & {
43
45
  value?: string;
@@ -49,11 +51,9 @@ export type RadioGroupProps = GetProps<typeof RadioGroupFrame> & {
49
51
  native?: boolean;
50
52
  accentColor?: string;
51
53
  };
52
- export declare const RadioGroup: React.FunctionComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
54
+ export declare const RadioGroup: React.FunctionComponent<Omit<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "defaultValue" | "native" | "onValueChange" | "orientation" | "required" | "value" | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps | keyof import("@tamagui/core").StackStyleBase> & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "orientation"> & Omit<import("@tamagui/core").WithThemeValues<Omit<import("@tamagui/core").StackStyleBase, "orientation">> & import("@tamagui/core").WithFlatVariantValues<{
53
55
  orientation?: "horizontal" | "vertical" | undefined;
54
- }>, "accentColor" | "defaultValue" | "native" | "onValueChange" | "orientation" | "required" | "value" | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps | keyof import("@tamagui/core").StackStyleBase> & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "orientation" | keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithFlatVariantValues<{
55
- orientation?: "horizontal" | "vertical" | undefined;
56
- }> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
56
+ }> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>, keyof import("@tamagui/core").RNTamaguiViewNonStyleProps> & {
57
57
  value?: string;
58
58
  defaultValue?: string;
59
59
  onValueChange?: (value: string) => void;
@@ -62,24 +62,13 @@ export declare const RadioGroup: React.FunctionComponent<Omit<import("@tamagui/c
62
62
  name?: string;
63
63
  native?: boolean;
64
64
  accentColor?: string;
65
- } & {
66
- ref?: React.Ref<import("@tamagui/core").TamaguiElement> | undefined;
67
- }> & import("@tamagui/core").StaticComponentObject<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
68
- orientation?: "horizontal" | "vertical" | undefined;
69
- }>, "accentColor" | "defaultValue" | "native" | "onValueChange" | "orientation" | "required" | "value" | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps | keyof import("@tamagui/core").StackStyleBase> & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "orientation" | keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithFlatVariantValues<{
65
+ }, never> & Omit<import("@tamagui/core").WithThemeValues<Omit<import("@tamagui/core").StackStyleBase, never>> & import("@tamagui/core").WithFlatVariantValues<Omit<{
70
66
  orientation?: "horizontal" | "vertical" | undefined;
71
- }> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
72
- value?: string;
73
- defaultValue?: string;
74
- onValueChange?: (value: string) => void;
75
- required?: boolean;
76
- disabled?: boolean;
77
- name?: string;
78
- native?: boolean;
79
- accentColor?: string;
80
- }, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "orientation" | keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithFlatVariantValues<{
67
+ }, "defaultValue" | "native" | "onValueChange" | "orientation" | "required" | "value" | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps | keyof import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>, "defaultValue" | "native" | "onValueChange" | "orientation" | "required" | "value" | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps | keyof import("@tamagui/core").StackStyleBase> & {
68
+ ref?: React.Ref<import("@tamagui/core").TamaguiElement> | undefined;
69
+ }> & import("@tamagui/core").StaticComponentObject<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "defaultValue" | "native" | "onValueChange" | "orientation" | "required" | "value" | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps | keyof import("@tamagui/core").StackStyleBase> & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "orientation"> & Omit<import("@tamagui/core").WithThemeValues<Omit<import("@tamagui/core").StackStyleBase, "orientation">> & import("@tamagui/core").WithFlatVariantValues<{
81
70
  orientation?: "horizontal" | "vertical" | undefined;
82
- }> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
71
+ }> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>, keyof import("@tamagui/core").RNTamaguiViewNonStyleProps> & {
83
72
  value?: string;
84
73
  defaultValue?: string;
85
74
  onValueChange?: (value: string) => void;
@@ -88,25 +77,12 @@ export declare const RadioGroup: React.FunctionComponent<Omit<import("@tamagui/c
88
77
  name?: string;
89
78
  native?: boolean;
90
79
  accentColor?: string;
91
- }, import("@tamagui/core").StackStyleBase, {
80
+ }, import("@tamagui/core").StackStyleBase, Omit<{
92
81
  orientation?: "horizontal" | "vertical" | undefined;
93
- }, import("@tamagui/core").StaticConfigPublic> & Omit<import("@tamagui/core").StaticConfigPublic, "staticConfig"> & {
94
- __tama: [Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
95
- orientation?: "horizontal" | "vertical" | undefined;
96
- }>, "accentColor" | "defaultValue" | "native" | "onValueChange" | "orientation" | "required" | "value" | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps | keyof import("@tamagui/core").StackStyleBase> & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "orientation" | keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithFlatVariantValues<{
97
- orientation?: "horizontal" | "vertical" | undefined;
98
- }> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
99
- value?: string;
100
- defaultValue?: string;
101
- onValueChange?: (value: string) => void;
102
- required?: boolean;
103
- disabled?: boolean;
104
- name?: string;
105
- native?: boolean;
106
- accentColor?: string;
107
- }, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "orientation" | keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithFlatVariantValues<{
82
+ }, "defaultValue" | "native" | "onValueChange" | "orientation" | "required" | "value" | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps | keyof import("@tamagui/core").StackStyleBase>, import("@tamagui/core").StaticConfigPublic> & Omit<import("@tamagui/core").StaticConfigPublic, "staticConfig"> & {
83
+ __tama: [import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "defaultValue" | "native" | "onValueChange" | "orientation" | "required" | "value" | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps | keyof import("@tamagui/core").StackStyleBase> & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "orientation"> & Omit<import("@tamagui/core").WithThemeValues<Omit<import("@tamagui/core").StackStyleBase, "orientation">> & import("@tamagui/core").WithFlatVariantValues<{
108
84
  orientation?: "horizontal" | "vertical" | undefined;
109
- }> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
85
+ }> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>, keyof import("@tamagui/core").RNTamaguiViewNonStyleProps> & {
110
86
  value?: string;
111
87
  defaultValue?: string;
112
88
  onValueChange?: (value: string) => void;
@@ -115,33 +91,24 @@ export declare const RadioGroup: React.FunctionComponent<Omit<import("@tamagui/c
115
91
  name?: string;
116
92
  native?: boolean;
117
93
  accentColor?: string;
118
- }, import("@tamagui/core").StackStyleBase, {
94
+ }, import("@tamagui/core").StackStyleBase, Omit<{
119
95
  orientation?: "horizontal" | "vertical" | undefined;
120
- }, import("@tamagui/core").StaticConfigPublic];
96
+ }, "defaultValue" | "native" | "onValueChange" | "orientation" | "required" | "value" | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps | keyof import("@tamagui/core").StackStyleBase>, import("@tamagui/core").StaticConfigPublic];
121
97
  } & {
122
- Item: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
123
- disabled?: boolean | undefined;
124
- }>, "accessibilityActions" | "accessibilityElementsHidden" | "accessibilityHint" | "accessibilityIgnoresInvertColors" | "accessibilityLabel" | "accessibilityLabelledBy" | "accessibilityLanguage" | "accessibilityLargeContentTitle" | "accessibilityLiveRegion" | "accessibilityRespondsToUserInteraction" | "accessibilityRole" | "accessibilityShowsLargeContentViewer" | "accessibilityState" | "accessibilityValue" | "accessibilityViewIsModal" | "accessible" | "animatedBy" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-hidden" | "aria-label" | "aria-labelledby" | "aria-live" | "aria-modal" | "aria-selected" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "asChild" | "children" | "className" | "collapsable" | "collapsableChildren" | "container" | "dangerouslySetInnerHTML" | "debug" | "disableClassName" | "disableNativeStyle" | "disableOptimization" | "disabled" | "download" | "elevationAndroid" | "forceStyle" | "group" | "hasTVPreferredFocus" | "hitSlop" | "htmlFor" | "id" | "importantForAccessibility" | "isTVSelectable" | "labelledBy" | "name" | "nativeID" | "needsOffscreenAlphaCompositing" | "onAccessibilityAction" | "onAccessibilityEscape" | "onAccessibilityTap" | "onBeforeInput" | "onBlur" | "onChange" | "onClick" | "onContextMenu" | "onCopy" | "onCut" | "onDoubleClick" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onFocus" | "onInput" | "onKeyDown" | "onKeyUp" | "onLayout" | "onLongPress" | "onMagicTap" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseOut" | "onMouseOver" | "onMouseUp" | "onMoveShouldSetResponder" | "onMoveShouldSetResponderCapture" | "onPaste" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPress" | "onPressIn" | "onPressOut" | "onResponderEnd" | "onResponderGrant" | "onResponderMove" | "onResponderReject" | "onResponderRelease" | "onResponderStart" | "onResponderTerminate" | "onResponderTerminationRequest" | "onScroll" | "onScrollShouldSetResponder" | "onScrollShouldSetResponderCapture" | "onSelectionChangeShouldSetResponder" | "onSelectionChangeShouldSetResponderCapture" | "onStartShouldSetResponder" | "onStartShouldSetResponderCapture" | "onTouchCancel" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchStart" | "onWheel" | "rel" | "removeClippedSubviews" | "render" | "renderToHardwareTextureAndroid" | "role" | "screenReaderFocusable" | "shouldRasterizeIOS" | "style" | "tabIndex" | "target" | "testID" | "theme" | "themeShallow" | "tvParallaxMagnification" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "untilMeasured" | "value" | keyof import("@tamagui/core").StackStyleBase> & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "disabled" | keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithFlatVariantValues<{
125
- disabled?: boolean | undefined;
126
- }> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
127
- value: string;
128
- id?: string;
129
- labelledBy?: string;
130
- disabled?: boolean;
131
- }, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "disabled" | keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithFlatVariantValues<{
98
+ Item: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "accessibilityActions" | "accessibilityElementsHidden" | "accessibilityHint" | "accessibilityIgnoresInvertColors" | "accessibilityLabel" | "accessibilityLabelledBy" | "accessibilityLanguage" | "accessibilityLargeContentTitle" | "accessibilityLiveRegion" | "accessibilityRespondsToUserInteraction" | "accessibilityRole" | "accessibilityShowsLargeContentViewer" | "accessibilityState" | "accessibilityValue" | "accessibilityViewIsModal" | "accessible" | "activeStyle" | "activeTheme" | "animatedBy" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-hidden" | "aria-label" | "aria-labelledby" | "aria-live" | "aria-modal" | "aria-selected" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "asChild" | "children" | "className" | "collapsable" | "collapsableChildren" | "container" | "dangerouslySetInnerHTML" | "debug" | "disableClassName" | "disableNativeStyle" | "disableOptimization" | "disabled" | "download" | "experimental_accessibilityOrder" | "forceStyle" | "group" | "hasTVPreferredFocus" | "hitSlop" | "htmlFor" | "id" | "importantForAccessibility" | "labelledBy" | "name" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "nativeID" | "needsOffscreenAlphaCompositing" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "onAccessibilityAction" | "onAccessibilityEscape" | "onAccessibilityTap" | "onBeforeInput" | "onBlur" | "onBlurCapture" | "onChange" | "onClick" | "onClickCapture" | "onContextMenu" | "onCopy" | "onCut" | "onDoubleClick" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onFocus" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onLayout" | "onLongPress" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMagicTap" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseOut" | "onMouseOver" | "onMouseUp" | "onMoveShouldSetResponder" | "onMoveShouldSetResponderCapture" | "onPaste" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onPress" | "onPressIn" | "onPressOut" | "onResponderEnd" | "onResponderGrant" | "onResponderMove" | "onResponderReject" | "onResponderRelease" | "onResponderStart" | "onResponderTerminate" | "onResponderTerminationRequest" | "onScroll" | "onScrollShouldSetResponder" | "onScrollShouldSetResponderCapture" | "onSelectionChangeShouldSetResponder" | "onSelectionChangeShouldSetResponderCapture" | "onStartShouldSetResponder" | "onStartShouldSetResponderCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onWheel" | "rel" | "removeClippedSubviews" | "render" | "renderToHardwareTextureAndroid" | "role" | "screenReaderFocusable" | "shouldRasterizeIOS" | "style" | "tabIndex" | "target" | "testID" | "theme" | "themeShallow" | "untilMeasured" | "value" | keyof import("@tamagui/core").StackStyleBase> & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "disabled"> & Omit<import("@tamagui/core").WithThemeValues<Omit<import("@tamagui/core").StackStyleBase, "disabled">> & import("@tamagui/core").WithFlatVariantValues<{
132
99
  disabled?: boolean | undefined;
133
- }> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
100
+ }> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>, "accessibilityActions" | "accessibilityElementsHidden" | "accessibilityHint" | "accessibilityIgnoresInvertColors" | "accessibilityLabel" | "accessibilityLabelledBy" | "accessibilityLanguage" | "accessibilityLargeContentTitle" | "accessibilityLiveRegion" | "accessibilityRespondsToUserInteraction" | "accessibilityRole" | "accessibilityShowsLargeContentViewer" | "accessibilityState" | "accessibilityValue" | "accessibilityViewIsModal" | "accessible" | "animatedBy" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-hidden" | "aria-label" | "aria-labelledby" | "aria-live" | "aria-modal" | "aria-selected" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "asChild" | "children" | "className" | "collapsable" | "collapsableChildren" | "container" | "dangerouslySetInnerHTML" | "debug" | "disableClassName" | "disableNativeStyle" | "disableOptimization" | "download" | "experimental_accessibilityOrder" | "forceStyle" | "group" | "hasTVPreferredFocus" | "hitSlop" | "htmlFor" | "id" | "importantForAccessibility" | "name" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "nativeID" | "needsOffscreenAlphaCompositing" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "onAccessibilityAction" | "onAccessibilityEscape" | "onAccessibilityTap" | "onBeforeInput" | "onBlur" | "onBlurCapture" | "onChange" | "onClick" | "onClickCapture" | "onContextMenu" | "onCopy" | "onCut" | "onDoubleClick" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onFocus" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onLayout" | "onLongPress" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMagicTap" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseOut" | "onMouseOver" | "onMouseUp" | "onMoveShouldSetResponder" | "onMoveShouldSetResponderCapture" | "onPaste" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onPress" | "onPressIn" | "onPressOut" | "onResponderEnd" | "onResponderGrant" | "onResponderMove" | "onResponderReject" | "onResponderRelease" | "onResponderStart" | "onResponderTerminate" | "onResponderTerminationRequest" | "onScroll" | "onScrollShouldSetResponder" | "onScrollShouldSetResponderCapture" | "onSelectionChangeShouldSetResponder" | "onSelectionChangeShouldSetResponderCapture" | "onStartShouldSetResponder" | "onStartShouldSetResponderCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onWheel" | "rel" | "removeClippedSubviews" | "render" | "renderToHardwareTextureAndroid" | "role" | "screenReaderFocusable" | "shouldRasterizeIOS" | "style" | "tabIndex" | "target" | "testID" | "theme" | "themeShallow" | "untilMeasured"> & {
134
101
  value: string;
135
102
  id?: string;
136
103
  labelledBy?: string;
137
104
  disabled?: boolean;
138
- }, import("@tamagui/core").StackStyleBase, {
105
+ activeStyle?: StylePiece;
106
+ activeTheme?: string | null;
107
+ }, import("@tamagui/core").StackStyleBase, Omit<{
139
108
  disabled?: boolean | undefined;
140
- }, import("@tamagui/core").StaticConfigPublic>;
141
- Indicator: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}>, "forceMount" | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps | keyof import("@tamagui/core").StackStyleBase> & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithFlatVariantValues<{}> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
142
- forceMount?: boolean;
143
- }, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithFlatVariantValues<{}> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
109
+ }, "accessibilityActions" | "accessibilityElementsHidden" | "accessibilityHint" | "accessibilityIgnoresInvertColors" | "accessibilityLabel" | "accessibilityLabelledBy" | "accessibilityLanguage" | "accessibilityLargeContentTitle" | "accessibilityLiveRegion" | "accessibilityRespondsToUserInteraction" | "accessibilityRole" | "accessibilityShowsLargeContentViewer" | "accessibilityState" | "accessibilityValue" | "accessibilityViewIsModal" | "accessible" | "activeStyle" | "activeTheme" | "animatedBy" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-hidden" | "aria-label" | "aria-labelledby" | "aria-live" | "aria-modal" | "aria-selected" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "asChild" | "children" | "className" | "collapsable" | "collapsableChildren" | "container" | "dangerouslySetInnerHTML" | "debug" | "disableClassName" | "disableNativeStyle" | "disableOptimization" | "disabled" | "download" | "experimental_accessibilityOrder" | "forceStyle" | "group" | "hasTVPreferredFocus" | "hitSlop" | "htmlFor" | "id" | "importantForAccessibility" | "labelledBy" | "name" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "nativeID" | "needsOffscreenAlphaCompositing" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "onAccessibilityAction" | "onAccessibilityEscape" | "onAccessibilityTap" | "onBeforeInput" | "onBlur" | "onBlurCapture" | "onChange" | "onClick" | "onClickCapture" | "onContextMenu" | "onCopy" | "onCut" | "onDoubleClick" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onFocus" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onLayout" | "onLongPress" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMagicTap" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseOut" | "onMouseOver" | "onMouseUp" | "onMoveShouldSetResponder" | "onMoveShouldSetResponderCapture" | "onPaste" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onPress" | "onPressIn" | "onPressOut" | "onResponderEnd" | "onResponderGrant" | "onResponderMove" | "onResponderReject" | "onResponderRelease" | "onResponderStart" | "onResponderTerminate" | "onResponderTerminationRequest" | "onScroll" | "onScrollShouldSetResponder" | "onScrollShouldSetResponderCapture" | "onSelectionChangeShouldSetResponder" | "onSelectionChangeShouldSetResponderCapture" | "onStartShouldSetResponder" | "onStartShouldSetResponderCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onWheel" | "rel" | "removeClippedSubviews" | "render" | "renderToHardwareTextureAndroid" | "role" | "screenReaderFocusable" | "shouldRasterizeIOS" | "style" | "tabIndex" | "target" | "testID" | "theme" | "themeShallow" | "untilMeasured" | "value" | keyof import("@tamagui/core").StackStyleBase>, import("@tamagui/core").StaticConfigPublic>;
110
+ Indicator: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "forceMount" | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps | keyof import("@tamagui/core").StackStyleBase> & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, never> & Omit<import("@tamagui/core").WithThemeValues<Omit<import("@tamagui/core").StackStyleBase, never>> & import("@tamagui/core").WithFlatVariantValues<{}> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>, keyof import("@tamagui/core").RNTamaguiViewNonStyleProps> & {
144
111
  forceMount?: boolean;
145
- }, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic>;
112
+ }, import("@tamagui/core").StackStyleBase, Omit<{}, "forceMount" | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps | keyof import("@tamagui/core").StackStyleBase>, import("@tamagui/core").StaticConfigPublic>;
146
113
  };
147
114
  //# sourceMappingURL=RadioGroup.d.ts.map
package/types/RadioGroup.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../src/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,OAAO,KAAK,EACV,sBAAsB,EACtB,0BAA0B,EAC3B,MAAM,yBAAyB,CAAA;AAOhC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,mBAAmB;;;;;;;;;;CAc9B,CAAA;AAIF,eAAO,MAAM,wBAAwB;;;;CAEnC,CAAA;AAIF,eAAO,MAAM,eAAe;;;;;;;;;;CAe1B,CAAA;AAEF,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC,OAAO,wBAAwB,CAAC,GAAG;IACjF,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,iBAAiB,uCAAkD,CAAA;AAChF,eAAO,MAAM,qBAAqB,2CAGhC,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,GAAG;IACvE,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,GAAG;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AA4GD,eAAO,MAAM,UAAU;;;;;YApHb,MAAM;mBACC,MAAM;oBACL,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;eAC5B,OAAO;eACP,OAAO;WACX,MAAM;aACJ,OAAO;kBACF,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAPZ,MAAM;uBACC,MAAM;wBACL,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;mBAC5B,OAAO;mBACP,OAAO;eACX,MAAM;iBACJ,OAAO;sBACF,MAAM;;;;;;;;;;;;;;;;;;;;;eAdb,MAAM;aACR,MAAM;qBACE,MAAM;mBACR,OAAO;;;;;;;;;;;;qBAbL,OAAO;;;;CAwIpB,CAAA"}
1
+ {"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../src/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAEzD,OAAO,KAAK,EACV,sBAAsB,EACtB,0BAA0B,EAC3B,MAAM,yBAAyB,CAAA;AAOhC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,mBAAmB;;;;;;;;;;CAc9B,CAAA;AAIF,eAAO,MAAM,wBAAwB;;;;CAEnC,CAAA;AAIF,eAAO,MAAM,eAAe;;;;;;;;;;CAa1B,CAAA;AAEF,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC,OAAO,wBAAwB,CAAC,GAAG;IACjF,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,iBAAiB,uCAAkD,CAAA;AAChF,eAAO,MAAM,qBAAqB,2CAGhC,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,GAAG;IACvE,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,UAAU,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,GAAG;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AA6HD,eAAO,MAAM,UAAU;;;YArIb,MAAM;mBACC,MAAM;oBACL,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;eAC5B,OAAO;eACP,OAAO;WACX,MAAM;aACJ,OAAO;kBACF,MAAM;;;;;;;;;;;;;;;;;;;;;;gBAPZ,MAAM;uBACC,MAAM;wBACL,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;mBAC5B,OAAO;mBACP,OAAO;eACX,MAAM;iBACJ,OAAO;sBACF,MAAM;;;;;;;;eAhBb,MAAM;aACR,MAAM;qBACE,MAAM;mBACR,OAAO;sBACJ,UAAU;sBACV,MAAM,GAAG,IAAI;;;;;qBAfd,OAAO;;CA2JpB,CAAA"}