@tamagui/radio-group 3.0.0-beta.745.1 → 3.0.0-beta.752.1
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.
- package/dist/cjs/RadioGroup.cjs +1 -1
- package/dist/cjs/RadioGroup.native.cjs +1 -1
- package/dist/cjs/RadioGroup.native.js +1 -1
- package/dist/cjs/RadioGroup.native.js.map +1 -1
- package/dist/esm/RadioGroup.mjs +1 -1
- package/dist/esm/RadioGroup.mjs.map +1 -1
- package/dist/esm/RadioGroup.native.js +1 -1
- package/dist/esm/RadioGroup.native.js.map +1 -1
- package/dist/jsx/RadioGroup.mjs +1 -1
- package/dist/jsx/RadioGroup.mjs.map +1 -1
- package/dist/jsx/RadioGroup.native.cjs +1 -1
- package/dist/jsx/RadioGroup.native.js +1 -1
- package/dist/jsx/RadioGroup.native.js.map +1 -1
- package/package.json +5 -5
- package/src/RadioGroup.tsx +3 -1
- package/types/RadioGroup.d.ts +21 -21
- package/types/RadioGroup.d.ts.map +1 -1
package/dist/cjs/RadioGroup.cjs
CHANGED
|
@@ -74,7 +74,7 @@ const RadioGroupItemContext = import_react.default.createContext({
|
|
|
74
74
|
const RadioGroupComponent = (0, import_core.createStyledHOC)(RadioGroupFrame, (props, ref) => {
|
|
75
75
|
const { value, defaultValue, onValueChange, required = false, disabled = false, name, native, accentColor, orientation = "vertical", ...rest } = props;
|
|
76
76
|
const { providerValue, frameAttrs, rovingFocusGroupAttrs } = (0, import_radio_headless.useRadioGroup)({
|
|
77
|
-
orientation,
|
|
77
|
+
orientation: orientation === "horizontal" ? "horizontal" : "vertical",
|
|
78
78
|
name,
|
|
79
79
|
defaultValue,
|
|
80
80
|
value,
|
|
@@ -76,7 +76,7 @@ var RadioGroupItemContext = /* @__PURE__ */ import_react.default.createContext({
|
|
|
76
76
|
var RadioGroupComponent = (0, import_core.createStyledHOC)(RadioGroupFrame, function(props, ref) {
|
|
77
77
|
var { value, defaultValue, onValueChange, required = false, disabled = false, name, native, accentColor, orientation = "vertical", ...rest } = props;
|
|
78
78
|
var { providerValue, frameAttrs, rovingFocusGroupAttrs } = (0, import_radio_headless.useRadioGroup)({
|
|
79
|
-
orientation,
|
|
79
|
+
orientation: orientation === "horizontal" ? "horizontal" : "vertical",
|
|
80
80
|
name,
|
|
81
81
|
defaultValue,
|
|
82
82
|
value,
|
|
@@ -76,7 +76,7 @@ var RadioGroupItemContext = /* @__PURE__ */ import_react.default.createContext({
|
|
|
76
76
|
var RadioGroupComponent = (0, import_core.createStyledHOC)(RadioGroupFrame, function(props, ref) {
|
|
77
77
|
var { value, defaultValue, onValueChange, required = false, disabled = false, name, native, accentColor, orientation = "vertical", ...rest } = props;
|
|
78
78
|
var { providerValue, frameAttrs, rovingFocusGroupAttrs } = (0, import_radio_headless.useRadioGroup)({
|
|
79
|
-
orientation,
|
|
79
|
+
orientation: orientation === "horizontal" ? "horizontal" : "vertical",
|
|
80
80
|
name,
|
|
81
81
|
defaultValue,
|
|
82
82
|
value,
|
|
@@ -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 orientation,\n name,\n defaultValue,\n value,\n onValueChange,\n required,\n disabled,\n native,\n accentColor\n });\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupContext.Provider, {\n value: providerValue,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {\n ...rovingFocusGroupAttrs,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupFrame, {\n ...frameAttrs,\n ref,\n ...rest\n })\n })\n });\n});\nvar RadioGroupItem = (0, import_core.createStyledHOC)(RadioGroupItemFrame, function(props, ref) {\n var { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props;\n var { providerValue, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = (0, import_radio_headless.useRadioGroupItem)({\n radioGroupContext: RadioGroupContext,\n value,\n id,\n labelledBy,\n disabled,\n onPress,\n onKeyDown\n });\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemContext.Provider, {\n value: providerValue,\n children: import_core.isWeb && native ? bubbleInput : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {\n ...rovingFocusGroupAttrs,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemFrame, {\n ...frameAttrs,\n ref,\n ...rest\n })\n }),\n isFormControl && bubbleInput\n ]\n })\n });\n});\nRadioGroupItem.displayName = \"RadioGroupItem\";\nvar RadioGroupIndicator = (0, import_core.createStyledHOC)(RadioGroupIndicatorFrame, function(props, forwardedRef) {\n var { forceMount, disabled, ...indicatorProps } = props;\n var { checked, ...useIndicatorRest } = (0, import_radio_headless.useRadioGroupItemIndicator)({\n radioGroupItemContext: RadioGroupItemContext,\n disabled\n });\n if (forceMount || checked) {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupIndicatorFrame, {\n ...useIndicatorRest,\n ref: forwardedRef,\n ...indicatorProps\n });\n }\n return null;\n});\nRadioGroupIndicator.displayName = \"RadioGroupIndicator\";\nvar RadioGroup = (0, import_core.withStaticProperties)(RadioGroupComponent, {\n Item: RadioGroupItem,\n Indicator: RadioGroupIndicator\n});\nRadioGroup.displayName = \"RadioGroup\";\n//# sourceMappingURL=RadioGroup.js.map\n"],"mappings":";;;AACA,IAAI,WAAW,OAAO;AACtB,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO;AAC1B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,WAAW,KAAK,YAAY,YAAY,SAAS,OAAO,OAAO,SAAS,aAAa,GAAG,CAAC,IAAI,CAAC,GAAG,YAKnG,cAAc,CAAC,OAAO,CAAC,IAAI,aAAa,UAAU,QAAQ,WAAW;CAAE,OAAO;CAAK,YAAY;AAAK,CAAC,IAAI,QACzG,GACF;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,qBAAqB,CAAC;AAC1B,SAAS,oBAAoB;CAC3B,kBAAkB;CAClB,yBAAyB;CACzB,uBAAuB;CACvB,gCAAgC;CAChC,6BAA6B;CAC7B,2BAA2B;AAC7B,CAAC;AACD,OAAO,UAAU,aAAa,kBAAkB;AAChD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,wBAAwB,QAAQ,yBAAyB;AAC7D,IAAI,sBAAsB,QAAQ,uBAAuB;AACzD,IAAI,eAAe,QAAQ,QAAQ,OAAO,GAAG,CAAC;AAC9C,IAAI,wBAAwB;AAC5B,IAAI,uBAAuB,GAAG,YAAY,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;
|
|
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":"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"}
|
package/dist/esm/RadioGroup.mjs
CHANGED
|
@@ -39,7 +39,7 @@ const RadioGroupItemContext = React.createContext({
|
|
|
39
39
|
const RadioGroupComponent = createStyledHOC(RadioGroupFrame, (props, ref) => {
|
|
40
40
|
const { value, defaultValue, onValueChange, required = false, disabled = false, name, native, accentColor, orientation = "vertical", ...rest } = props;
|
|
41
41
|
const { providerValue, frameAttrs, rovingFocusGroupAttrs } = useRadioGroup({
|
|
42
|
-
orientation,
|
|
42
|
+
orientation: orientation === "horizontal" ? "horizontal" : "vertical",
|
|
43
43
|
name,
|
|
44
44
|
defaultValue,
|
|
45
45
|
value,
|
|
@@ -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 orientation,\n name,\n defaultValue,\n value,\n onValueChange,\n required,\n disabled,\n native,\n accentColor\n });\n return /* @__PURE__ */ jsx(RadioGroupContext.Provider, { value: providerValue, children: /* @__PURE__ */ jsx(RovingFocusGroup, { ...rovingFocusGroupAttrs, children: /* @__PURE__ */ jsx(RadioGroupFrame, { ...frameAttrs, ref, ...rest }) }) });\n }\n);\nconst RadioGroupItem = createStyledHOC(\n RadioGroupItemFrame,\n (props, ref) => {\n const { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props;\n const {\n providerValue,\n bubbleInput,\n rovingFocusGroupAttrs,\n frameAttrs,\n isFormControl,\n native\n } = useRadioGroupItem({\n radioGroupContext: RadioGroupContext,\n value,\n id,\n labelledBy,\n disabled,\n onPress,\n onKeyDown\n });\n return /* @__PURE__ */ jsx(RadioGroupItemContext.Provider, { value: providerValue, children: isWeb && native ? bubbleInput : /* @__PURE__ */ jsxs(Fragment, { children: [\n /* @__PURE__ */ jsx(RovingFocusGroup.Item, { ...rovingFocusGroupAttrs, children: /* @__PURE__ */ jsx(RadioGroupItemFrame, { ...frameAttrs, ref, ...rest }) }),\n isFormControl && bubbleInput\n ] }) });\n }\n);\nRadioGroupItem.displayName = \"RadioGroupItem\";\nconst RadioGroupIndicator = createStyledHOC(\n RadioGroupIndicatorFrame,\n (props, forwardedRef) => {\n const { forceMount, disabled, ...indicatorProps } = props;\n const { checked, ...useIndicatorRest } = useRadioGroupItemIndicator({\n radioGroupItemContext: RadioGroupItemContext,\n disabled\n });\n if (forceMount || checked) {\n return /* @__PURE__ */ jsx(\n RadioGroupIndicatorFrame,\n {\n ...useIndicatorRest,\n ref: forwardedRef,\n ...indicatorProps\n }\n );\n }\n return null;\n }\n);\nRadioGroupIndicator.displayName = \"RadioGroupIndicator\";\nconst RadioGroup = withStaticProperties(RadioGroupComponent, {\n Item: RadioGroupItem,\n Indicator: RadioGroupIndicator\n});\nRadioGroup.displayName = \"RadioGroup\";\nexport {\n RadioGroup,\n RadioGroupContext,\n RadioGroupFrame,\n RadioGroupIndicatorFrame,\n RadioGroupItemContext,\n RadioGroupItemFrame\n};\n//# sourceMappingURL=RadioGroup.js.map\n"],"mappings":";;;;;;;AASA,MAAM,wBAAwB;AAC9B,MAAM,sBAAsB,OAAO,MAAM;CACvC,aAAa;CACb,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,UAAU,EACR,UAAU,EACR,MAAM;EACJ,eAAe;EACf,YAAY;CACd,EACF,EACF;AACF,CAAC;AACD,MAAM,6BAA6B;AACnC,MAAM,2BAA2B,OAAO,MAAM,EAC5C,aAAa,2BACf,CAAC;AACD,MAAM,mBAAmB;AACzB,MAAM,kBAAkB,OAAO,MAAM;CACnC,aAAa;CACb,UAAU,EACR,aAAa;EACX,YAAY;GACV,eAAe;GACf,gBAAgB;EAClB;EACA,UAAU;GACR,eAAe;GACf,gBAAgB;EAClB;CACF,EACF;AACF,CAAC;AACD,MAAM,oBAAoB,MAAM,cAAc,CAAC,CAAC;AAChD,MAAM,wBAAwB,MAAM,cAAc;CAChD,SAAS;CACT,UAAU;AACZ,CAAC;AACD,MAAM,sBAAsB,gBAC1B,kBACC,OAAO,QAAQ;CACd,MAAM,EACJ,OACA,cACA,eACA,WAAW,OACX,WAAW,OACX,MACA,QACA,aACA,cAAc,YACd,GAAG,SACD;CACJ,MAAM,EAAE,eAAe,YAAY,0BAA0B,cAAc;
|
|
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"}
|
|
@@ -39,7 +39,7 @@ var RadioGroupItemContext = /* @__PURE__ */ React.createContext({
|
|
|
39
39
|
var RadioGroupComponent = createStyledHOC(RadioGroupFrame, function(props, ref) {
|
|
40
40
|
var { value, defaultValue, onValueChange, required = false, disabled = false, name, native, accentColor, orientation = "vertical", ...rest } = props;
|
|
41
41
|
var { providerValue, frameAttrs, rovingFocusGroupAttrs } = useRadioGroup({
|
|
42
|
-
orientation,
|
|
42
|
+
orientation: orientation === "horizontal" ? "horizontal" : "vertical",
|
|
43
43
|
name,
|
|
44
44
|
defaultValue,
|
|
45
45
|
value,
|
|
@@ -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 orientation,\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;
|
|
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"}
|
package/dist/jsx/RadioGroup.mjs
CHANGED
|
@@ -39,7 +39,7 @@ const RadioGroupItemContext = React.createContext({
|
|
|
39
39
|
const RadioGroupComponent = createStyledHOC(RadioGroupFrame, (props, ref) => {
|
|
40
40
|
const { value, defaultValue, onValueChange, required = false, disabled = false, name, native, accentColor, orientation = "vertical", ...rest } = props;
|
|
41
41
|
const { providerValue, frameAttrs, rovingFocusGroupAttrs } = useRadioGroup({
|
|
42
|
-
orientation,
|
|
42
|
+
orientation: orientation === "horizontal" ? "horizontal" : "vertical",
|
|
43
43
|
name,
|
|
44
44
|
defaultValue,
|
|
45
45
|
value,
|
|
@@ -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 orientation,\n name,\n defaultValue,\n value,\n onValueChange,\n required,\n disabled,\n native,\n accentColor\n });\n return /* @__PURE__ */ jsx(RadioGroupContext.Provider, { value: providerValue, children: /* @__PURE__ */ jsx(RovingFocusGroup, { ...rovingFocusGroupAttrs, children: /* @__PURE__ */ jsx(RadioGroupFrame, { ...frameAttrs, ref, ...rest }) }) });\n }\n);\nconst RadioGroupItem = createStyledHOC(\n RadioGroupItemFrame,\n (props, ref) => {\n const { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props;\n const {\n providerValue,\n bubbleInput,\n rovingFocusGroupAttrs,\n frameAttrs,\n isFormControl,\n native\n } = useRadioGroupItem({\n radioGroupContext: RadioGroupContext,\n value,\n id,\n labelledBy,\n disabled,\n onPress,\n onKeyDown\n });\n return /* @__PURE__ */ jsx(RadioGroupItemContext.Provider, { value: providerValue, children: isWeb && native ? bubbleInput : /* @__PURE__ */ jsxs(Fragment, { children: [\n /* @__PURE__ */ jsx(RovingFocusGroup.Item, { ...rovingFocusGroupAttrs, children: /* @__PURE__ */ jsx(RadioGroupItemFrame, { ...frameAttrs, ref, ...rest }) }),\n isFormControl && bubbleInput\n ] }) });\n }\n);\nRadioGroupItem.displayName = \"RadioGroupItem\";\nconst RadioGroupIndicator = createStyledHOC(\n RadioGroupIndicatorFrame,\n (props, forwardedRef) => {\n const { forceMount, disabled, ...indicatorProps } = props;\n const { checked, ...useIndicatorRest } = useRadioGroupItemIndicator({\n radioGroupItemContext: RadioGroupItemContext,\n disabled\n });\n if (forceMount || checked) {\n return /* @__PURE__ */ jsx(\n RadioGroupIndicatorFrame,\n {\n ...useIndicatorRest,\n ref: forwardedRef,\n ...indicatorProps\n }\n );\n }\n return null;\n }\n);\nRadioGroupIndicator.displayName = \"RadioGroupIndicator\";\nconst RadioGroup = withStaticProperties(RadioGroupComponent, {\n Item: RadioGroupItem,\n Indicator: RadioGroupIndicator\n});\nRadioGroup.displayName = \"RadioGroup\";\nexport {\n RadioGroup,\n RadioGroupContext,\n RadioGroupFrame,\n RadioGroupIndicatorFrame,\n RadioGroupItemContext,\n RadioGroupItemFrame\n};\n//# sourceMappingURL=RadioGroup.js.map\n"],"mappings":";;;;;;;AASA,MAAM,wBAAwB;AAC9B,MAAM,sBAAsB,OAAO,MAAM;CACvC,aAAa;CACb,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,UAAU,EACR,UAAU,EACR,MAAM;EACJ,eAAe;EACf,YAAY;CACd,EACF,EACF;AACF,CAAC;AACD,MAAM,6BAA6B;AACnC,MAAM,2BAA2B,OAAO,MAAM,EAC5C,aAAa,2BACf,CAAC;AACD,MAAM,mBAAmB;AACzB,MAAM,kBAAkB,OAAO,MAAM;CACnC,aAAa;CACb,UAAU,EACR,aAAa;EACX,YAAY;GACV,eAAe;GACf,gBAAgB;EAClB;EACA,UAAU;GACR,eAAe;GACf,gBAAgB;EAClB;CACF,EACF;AACF,CAAC;AACD,MAAM,oBAAoB,MAAM,cAAc,CAAC,CAAC;AAChD,MAAM,wBAAwB,MAAM,cAAc;CAChD,SAAS;CACT,UAAU;AACZ,CAAC;AACD,MAAM,sBAAsB,gBAC1B,kBACC,OAAO,QAAQ;CACd,MAAM,EACJ,OACA,cACA,eACA,WAAW,OACX,WAAW,OACX,MACA,QACA,aACA,cAAc,YACd,GAAG,SACD;CACJ,MAAM,EAAE,eAAe,YAAY,0BAA0B,cAAc;
|
|
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"}
|
|
@@ -76,7 +76,7 @@ var RadioGroupItemContext = /* @__PURE__ */ import_react.default.createContext({
|
|
|
76
76
|
var RadioGroupComponent = (0, import_core.createStyledHOC)(RadioGroupFrame, function(props, ref) {
|
|
77
77
|
var { value, defaultValue, onValueChange, required = false, disabled = false, name, native, accentColor, orientation = "vertical", ...rest } = props;
|
|
78
78
|
var { providerValue, frameAttrs, rovingFocusGroupAttrs } = (0, import_radio_headless.useRadioGroup)({
|
|
79
|
-
orientation,
|
|
79
|
+
orientation: orientation === "horizontal" ? "horizontal" : "vertical",
|
|
80
80
|
name,
|
|
81
81
|
defaultValue,
|
|
82
82
|
value,
|
|
@@ -76,7 +76,7 @@ var RadioGroupItemContext = /* @__PURE__ */ import_react.default.createContext({
|
|
|
76
76
|
var RadioGroupComponent = (0, import_core.createStyledHOC)(RadioGroupFrame, function(props, ref) {
|
|
77
77
|
var { value, defaultValue, onValueChange, required = false, disabled = false, name, native, accentColor, orientation = "vertical", ...rest } = props;
|
|
78
78
|
var { providerValue, frameAttrs, rovingFocusGroupAttrs } = (0, import_radio_headless.useRadioGroup)({
|
|
79
|
-
orientation,
|
|
79
|
+
orientation: orientation === "horizontal" ? "horizontal" : "vertical",
|
|
80
80
|
name,
|
|
81
81
|
defaultValue,
|
|
82
82
|
value,
|
|
@@ -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 orientation,\n name,\n defaultValue,\n value,\n onValueChange,\n required,\n disabled,\n native,\n accentColor\n });\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupContext.Provider, {\n value: providerValue,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {\n ...rovingFocusGroupAttrs,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupFrame, {\n ...frameAttrs,\n ref,\n ...rest\n })\n })\n });\n});\nvar RadioGroupItem = (0, import_core.createStyledHOC)(RadioGroupItemFrame, function(props, ref) {\n var { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props;\n var { providerValue, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = (0, import_radio_headless.useRadioGroupItem)({\n radioGroupContext: RadioGroupContext,\n value,\n id,\n labelledBy,\n disabled,\n onPress,\n onKeyDown\n });\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemContext.Provider, {\n value: providerValue,\n children: import_core.isWeb && native ? bubbleInput : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {\n ...rovingFocusGroupAttrs,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemFrame, {\n ...frameAttrs,\n ref,\n ...rest\n })\n }),\n isFormControl && bubbleInput\n ]\n })\n });\n});\nRadioGroupItem.displayName = \"RadioGroupItem\";\nvar RadioGroupIndicator = (0, import_core.createStyledHOC)(RadioGroupIndicatorFrame, function(props, forwardedRef) {\n var { forceMount, disabled, ...indicatorProps } = props;\n var { checked, ...useIndicatorRest } = (0, import_radio_headless.useRadioGroupItemIndicator)({\n radioGroupItemContext: RadioGroupItemContext,\n disabled\n });\n if (forceMount || checked) {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupIndicatorFrame, {\n ...useIndicatorRest,\n ref: forwardedRef,\n ...indicatorProps\n });\n }\n return null;\n});\nRadioGroupIndicator.displayName = \"RadioGroupIndicator\";\nvar RadioGroup = (0, import_core.withStaticProperties)(RadioGroupComponent, {\n Item: RadioGroupItem,\n Indicator: RadioGroupIndicator\n});\nRadioGroup.displayName = \"RadioGroup\";\n//# sourceMappingURL=RadioGroup.js.map\n"],"mappings":";;;AACA,IAAI,WAAW,OAAO;AACtB,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO;AAC1B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,WAAW,KAAK,YAAY,YAAY,SAAS,OAAO,OAAO,SAAS,aAAa,GAAG,CAAC,IAAI,CAAC,GAAG,YAKnG,cAAc,CAAC,OAAO,CAAC,IAAI,aAAa,UAAU,QAAQ,WAAW;CAAE,OAAO;CAAK,YAAY;AAAK,CAAC,IAAI,QACzG,GACF;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,qBAAqB,CAAC;AAC1B,SAAS,oBAAoB;CAC3B,kBAAkB;CAClB,yBAAyB;CACzB,uBAAuB;CACvB,gCAAgC;CAChC,6BAA6B;CAC7B,2BAA2B;AAC7B,CAAC;AACD,OAAO,UAAU,aAAa,kBAAkB;AAChD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,wBAAwB,QAAQ,yBAAyB;AAC7D,IAAI,sBAAsB,QAAQ,uBAAuB;AACzD,IAAI,eAAe,QAAQ,QAAQ,OAAO,GAAG,CAAC;AAC9C,IAAI,wBAAwB;AAC5B,IAAI,uBAAuB,GAAG,YAAY,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;
|
|
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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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/radio-group",
|
|
3
|
-
"version": "3.0.0-beta.
|
|
3
|
+
"version": "3.0.0-beta.752.1",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"files": [
|
|
6
6
|
"src",
|
|
@@ -34,12 +34,12 @@
|
|
|
34
34
|
"clean:build": "tamagui-build clean:build"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@tamagui/core": "3.0.0-beta.
|
|
38
|
-
"@tamagui/radio-headless": "3.0.0-beta.
|
|
39
|
-
"@tamagui/roving-focus": "3.0.0-beta.
|
|
37
|
+
"@tamagui/core": "3.0.0-beta.752.1",
|
|
38
|
+
"@tamagui/radio-headless": "3.0.0-beta.752.1",
|
|
39
|
+
"@tamagui/roving-focus": "3.0.0-beta.752.1"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
|
-
"@tamagui/build": "3.0.0-beta.
|
|
42
|
+
"@tamagui/build": "3.0.0-beta.752.1",
|
|
43
43
|
"react": "19.2.3"
|
|
44
44
|
},
|
|
45
45
|
"peerDependencies": {
|
package/src/RadioGroup.tsx
CHANGED
|
@@ -100,7 +100,9 @@ const RadioGroupComponent = createStyledHOC(
|
|
|
100
100
|
} = props
|
|
101
101
|
|
|
102
102
|
const { providerValue, frameAttrs, rovingFocusGroupAttrs } = useRadioGroup({
|
|
103
|
-
|
|
103
|
+
// roving focus needs one concrete axis; a conditional flat value
|
|
104
|
+
// (clause string or object) can't drive it, so non-literals fall back
|
|
105
|
+
orientation: orientation === 'horizontal' ? 'horizontal' : 'vertical',
|
|
104
106
|
name,
|
|
105
107
|
defaultValue,
|
|
106
108
|
value,
|
package/types/RadioGroup.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { GetProps } 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> & {
|
|
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<{
|
|
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>> & {
|
|
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").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
|
|
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>> & {
|
|
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> & {
|
|
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<{
|
|
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>> & {
|
|
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;
|
|
@@ -51,9 +51,9 @@ export type RadioGroupProps = GetProps<typeof RadioGroupFrame> & {
|
|
|
51
51
|
};
|
|
52
52
|
export declare const RadioGroup: React.FunctionComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
|
|
53
53
|
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> & {
|
|
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
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>> & {
|
|
57
57
|
value?: string;
|
|
58
58
|
defaultValue?: string;
|
|
59
59
|
onValueChange?: (value: string) => void;
|
|
@@ -66,9 +66,9 @@ export declare const RadioGroup: React.FunctionComponent<Omit<import("@tamagui/c
|
|
|
66
66
|
ref?: React.Ref<import("react-native").View | (HTMLElement & import("@tamagui/core").TamaguiElementMethods)> | undefined;
|
|
67
67
|
}> & import("@tamagui/core").StaticComponentObject<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
|
|
68
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> & {
|
|
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<{
|
|
70
70
|
orientation?: "horizontal" | "vertical" | undefined;
|
|
71
|
-
} & 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>> & {
|
|
72
72
|
value?: string;
|
|
73
73
|
defaultValue?: string;
|
|
74
74
|
onValueChange?: (value: string) => void;
|
|
@@ -77,9 +77,9 @@ export declare const RadioGroup: React.FunctionComponent<Omit<import("@tamagui/c
|
|
|
77
77
|
name?: string;
|
|
78
78
|
native?: boolean;
|
|
79
79
|
accentColor?: string;
|
|
80
|
-
}, import("react-native").View | (HTMLElement & import("@tamagui/core").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "orientation" | keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & {
|
|
80
|
+
}, import("react-native").View | (HTMLElement & import("@tamagui/core").TamaguiElementMethods), 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<{
|
|
81
81
|
orientation?: "horizontal" | "vertical" | undefined;
|
|
82
|
-
} & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
|
|
82
|
+
}> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
|
|
83
83
|
value?: string;
|
|
84
84
|
defaultValue?: string;
|
|
85
85
|
onValueChange?: (value: string) => void;
|
|
@@ -93,9 +93,9 @@ export declare const RadioGroup: React.FunctionComponent<Omit<import("@tamagui/c
|
|
|
93
93
|
}, import("@tamagui/core").StaticConfigPublic> & Omit<import("@tamagui/core").StaticConfigPublic, "staticConfig"> & {
|
|
94
94
|
__tama: [Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
|
|
95
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> & {
|
|
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
97
|
orientation?: "horizontal" | "vertical" | undefined;
|
|
98
|
-
} & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
|
|
98
|
+
}> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
|
|
99
99
|
value?: string;
|
|
100
100
|
defaultValue?: string;
|
|
101
101
|
onValueChange?: (value: string) => void;
|
|
@@ -104,9 +104,9 @@ export declare const RadioGroup: React.FunctionComponent<Omit<import("@tamagui/c
|
|
|
104
104
|
name?: string;
|
|
105
105
|
native?: boolean;
|
|
106
106
|
accentColor?: string;
|
|
107
|
-
}, import("react-native").View | (HTMLElement & import("@tamagui/core").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "orientation" | keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & {
|
|
107
|
+
}, import("react-native").View | (HTMLElement & import("@tamagui/core").TamaguiElementMethods), 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<{
|
|
108
108
|
orientation?: "horizontal" | "vertical" | undefined;
|
|
109
|
-
} & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
|
|
109
|
+
}> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
|
|
110
110
|
value?: string;
|
|
111
111
|
defaultValue?: string;
|
|
112
112
|
onValueChange?: (value: string) => void;
|
|
@@ -121,16 +121,16 @@ export declare const RadioGroup: React.FunctionComponent<Omit<import("@tamagui/c
|
|
|
121
121
|
} & {
|
|
122
122
|
Item: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
|
|
123
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> & {
|
|
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
125
|
disabled?: boolean | undefined;
|
|
126
|
-
} & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
|
|
126
|
+
}> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
|
|
127
127
|
value: string;
|
|
128
128
|
id?: string;
|
|
129
129
|
labelledBy?: string;
|
|
130
130
|
disabled?: boolean;
|
|
131
|
-
}, import("react-native").View | (HTMLElement & import("@tamagui/core").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "disabled" | keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & {
|
|
131
|
+
}, import("react-native").View | (HTMLElement & import("@tamagui/core").TamaguiElementMethods), 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<{
|
|
132
132
|
disabled?: boolean | undefined;
|
|
133
|
-
} & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
|
|
133
|
+
}> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
|
|
134
134
|
value: string;
|
|
135
135
|
id?: string;
|
|
136
136
|
labelledBy?: string;
|
|
@@ -138,9 +138,9 @@ export declare const RadioGroup: React.FunctionComponent<Omit<import("@tamagui/c
|
|
|
138
138
|
}, import("@tamagui/core").StackStyleBase, {
|
|
139
139
|
disabled?: boolean | undefined;
|
|
140
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").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
|
|
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
142
|
forceMount?: boolean;
|
|
143
|
-
}, import("react-native").View | (HTMLElement & import("@tamagui/core").TamaguiElementMethods), 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").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
|
|
143
|
+
}, import("react-native").View | (HTMLElement & import("@tamagui/core").TamaguiElementMethods), 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>> & {
|
|
144
144
|
forceMount?: boolean;
|
|
145
145
|
}, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic>;
|
|
146
146
|
};
|
|
@@ -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;
|
|
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"}
|