@tamagui/demos 2.7.7 → 3.0.0-beta.1093.1

package/dist/cjs/RadioGroupCustomDemo.native.cjs

@@ -0,0 +1,112 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var RadioGroupCustomDemo_exports = {};
+__export(RadioGroupCustomDemo_exports, { RadioGroupCustomDemo: () => RadioGroupCustomDemo });
+module.exports = __toCommonJS(RadioGroupCustomDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_radio_group = require("@tamagui/radio-group");
+var RADIO_GROUP_ITEM_NAME = "RadioGroupItem";
+var RadioGroupItemFrame = (0, import_tamagui.styled)(import_radio_group.RadioGroup.Item, {
+	displayName: RADIO_GROUP_ITEM_NAME,
+	render: "button",
+	rounded: 1e3,
+	bg: "background hover:background-hover press:background-focus focus:background-hover",
+	items: "center",
+	justify: "center",
+	borderWidth: 1,
+	borderColor: "border-color hover:border-color-hover press:border-color-focus focus:border-color-hover",
+	p: 0,
+	outlineStyle: "focus-visible:solid",
+	outlineWidth: "focus-visible:2px",
+	outlineColor: "focus-visible:outline-color",
+	variants: { disabled: { true: {
+		pointerEvents: "none",
+		userSelect: "none",
+		cursor: "not-allowed",
+		borderColor: "hover:border-color press:border-color",
+		bg: "hover:background press:background",
+		outlineWidth: "focus-visible:0px"
+	} } }
+});
+var RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator";
+var RadioGroupIndicatorFrame = (0, import_tamagui.styled)(import_radio_group.RadioGroup.Indicator, {
+	displayName: RADIO_GROUP_INDICATOR_NAME,
+	width: "53%",
+	height: "53%",
+	rounded: 1e3,
+	bg: "color"
+});
+var RADIO_GROUP_NAME = "RadioGroup";
+var RadioGroupFrame = (0, import_tamagui.styled)(import_radio_group.RadioGroup, {
+	displayName: RADIO_GROUP_NAME,
+	variants: { orientation: {
+		horizontal: {
+			flexDirection: "row",
+			spaceDirection: "horizontal"
+		},
+		vertical: {
+			flexDirection: "column",
+			spaceDirection: "vertical"
+		}
+	} }
+});
+var RadioGroup = (0, import_tamagui.withStaticProperties)(RadioGroupFrame, {
+	Item: RadioGroupItemFrame,
+	Indicator: RadioGroupIndicatorFrame
+});
+function RadioGroupCustomDemo() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroup, {
+		"aria-labelledby": "Select one item",
+		defaultValue: "3",
+		name: "form",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+			width: 200,
+			items: "center",
+			gap: "2",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
+				value: "2",
+				label: "Option One"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
+				value: "3",
+				label: "Option Two"
+			})]
+		})
+	});
+}
+function RadioGroupItemWithLabel(props) {
+	var id = `radiogroup-${props.value}`;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+		width: 300,
+		items: "center",
+		gap: "4",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroup.Item, {
+			value: props.value,
+			id,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroup.Indicator, {})
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+			htmlFor: id,
+			children: props.label
+		})]
+	});
+}

package/dist/cjs/RadioGroupCustomDemo.native.js

@@ -0,0 +1,114 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var RadioGroupCustomDemo_exports = {};
+__export(RadioGroupCustomDemo_exports, { RadioGroupCustomDemo: () => RadioGroupCustomDemo });
+module.exports = __toCommonJS(RadioGroupCustomDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_radio_group = require("@tamagui/radio-group");
+var RADIO_GROUP_ITEM_NAME = "RadioGroupItem";
+var RadioGroupItemFrame = (0, import_tamagui.styled)(import_radio_group.RadioGroup.Item, {
+	displayName: RADIO_GROUP_ITEM_NAME,
+	render: "button",
+	rounded: 1e3,
+	bg: "background hover:background-hover press:background-focus focus:background-hover",
+	items: "center",
+	justify: "center",
+	borderWidth: 1,
+	borderColor: "border-color hover:border-color-hover press:border-color-focus focus:border-color-hover",
+	p: 0,
+	outlineStyle: "focus-visible:solid",
+	outlineWidth: "focus-visible:2px",
+	outlineColor: "focus-visible:outline-color",
+	variants: { disabled: { true: {
+		pointerEvents: "none",
+		userSelect: "none",
+		cursor: "not-allowed",
+		borderColor: "hover:border-color press:border-color",
+		bg: "hover:background press:background",
+		outlineWidth: "focus-visible:0px"
+	} } }
+});
+var RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator";
+var RadioGroupIndicatorFrame = (0, import_tamagui.styled)(import_radio_group.RadioGroup.Indicator, {
+	displayName: RADIO_GROUP_INDICATOR_NAME,
+	width: "53%",
+	height: "53%",
+	rounded: 1e3,
+	bg: "color"
+});
+var RADIO_GROUP_NAME = "RadioGroup";
+var RadioGroupFrame = (0, import_tamagui.styled)(import_radio_group.RadioGroup, {
+	displayName: RADIO_GROUP_NAME,
+	variants: { orientation: {
+		horizontal: {
+			flexDirection: "row",
+			spaceDirection: "horizontal"
+		},
+		vertical: {
+			flexDirection: "column",
+			spaceDirection: "vertical"
+		}
+	} }
+});
+var RadioGroup = (0, import_tamagui.withStaticProperties)(RadioGroupFrame, {
+	Item: RadioGroupItemFrame,
+	Indicator: RadioGroupIndicatorFrame
+});
+function RadioGroupCustomDemo() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroup, {
+		"aria-labelledby": "Select one item",
+		defaultValue: "3",
+		name: "form",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+			width: 200,
+			items: "center",
+			gap: "2",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
+				value: "2",
+				label: "Option One"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
+				value: "3",
+				label: "Option Two"
+			})]
+		})
+	});
+}
+function RadioGroupItemWithLabel(props) {
+	var id = `radiogroup-${props.value}`;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+		width: 300,
+		items: "center",
+		gap: "4",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroup.Item, {
+			value: props.value,
+			id,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroup.Indicator, {})
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+			htmlFor: id,
+			children: props.label
+		})]
+	});
+}
+
+//# sourceMappingURL=RadioGroupCustomDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupCustomDemo.native.js","names":[],"sources":["cjs/RadioGroupCustomDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\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 __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar RadioGroupCustomDemo_exports = {};\n__export(RadioGroupCustomDemo_exports, {\n  RadioGroupCustomDemo: () => RadioGroupCustomDemo\n});\nmodule.exports = __toCommonJS(RadioGroupCustomDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_tamagui = require(\"tamagui\");\nvar import_radio_group = require(\"@tamagui/radio-group\");\nvar RADIO_GROUP_ITEM_NAME = \"RadioGroupItem\";\nvar RadioGroupItemFrame = (0, import_tamagui.styled)(import_radio_group.RadioGroup.Item, {\n  displayName: RADIO_GROUP_ITEM_NAME,\n  render: \"button\",\n  rounded: 1e3,\n  bg: \"background hover:background-hover press:background-focus focus:background-hover\",\n  items: \"center\",\n  justify: \"center\",\n  borderWidth: 1,\n  borderColor: \"border-color hover:border-color-hover press:border-color-focus focus:border-color-hover\",\n  p: 0,\n  outlineStyle: \"focus-visible:solid\",\n  outlineWidth: \"focus-visible:2px\",\n  outlineColor: \"focus-visible:outline-color\",\n  variants: {\n    disabled: {\n      true: {\n        pointerEvents: \"none\",\n        userSelect: \"none\",\n        cursor: \"not-allowed\",\n        borderColor: \"hover:border-color press:border-color\",\n        bg: \"hover:background press:background\",\n        outlineWidth: \"focus-visible:0px\"\n      }\n    }\n  }\n});\nvar RADIO_GROUP_INDICATOR_NAME = \"RadioGroupIndicator\";\nvar RadioGroupIndicatorFrame = (0, import_tamagui.styled)(import_radio_group.RadioGroup.Indicator, {\n  displayName: RADIO_GROUP_INDICATOR_NAME,\n  width: \"53%\",\n  height: \"53%\",\n  rounded: 1e3,\n  bg: \"color\"\n});\nvar RADIO_GROUP_NAME = \"RadioGroup\";\nvar RadioGroupFrame = (0, import_tamagui.styled)(import_radio_group.RadioGroup, {\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 RadioGroup = (0, import_tamagui.withStaticProperties)(RadioGroupFrame, {\n  Item: RadioGroupItemFrame,\n  Indicator: RadioGroupIndicatorFrame\n});\nfunction RadioGroupCustomDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroup, {\n    \"aria-labelledby\": \"Select one item\",\n    defaultValue: \"3\",\n    name: \"form\",\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n      width: 200,\n      items: \"center\",\n      gap: \"2\",\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {\n          value: \"2\",\n          label: \"Option One\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {\n          value: \"3\",\n          label: \"Option Two\"\n        })\n      ]\n    })\n  });\n}\nfunction RadioGroupItemWithLabel(props) {\n  var id = `radiogroup-${props.value}`;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n    width: 300,\n    items: \"center\",\n    gap: \"4\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroup.Item, {\n        value: props.value,\n        id,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroup.Indicator, {})\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {\n        htmlFor: id,\n        children: props.label\n      })\n    ]\n  });\n}\n//# sourceMappingURL=RadioGroupCustomDemo.js.map\n"],"mappings":"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"}

package/dist/cjs/RadioGroupDemo.cjs

@@ -3,74 +3,76 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var RadioGroupDemo_exports = {};
 __export(RadioGroupDemo_exports, {
-  RadioGroupDemo: () => RadioGroupDemo,
-  RadioGroupItemWithLabel: () => RadioGroupItemWithLabel
+	RadioGroupDemo: () => RadioGroupDemo,
+	RadioGroupItemWithLabel: () => RadioGroupItemWithLabel
 });
 module.exports = __toCommonJS(RadioGroupDemo_exports);
 var import_tamagui = require("tamagui");
 var import_jsx_runtime = require("react/jsx-runtime");
 function RadioGroupDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
-    name: "surface2",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup, {
-      "aria-labelledby": "Select one item",
-      defaultValue: "3",
-      name: "form",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-        width: 300,
-        items: "center",
-        gap: "$2",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
-          size: "$3",
-          value: "2",
-          label: "Second value"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
-          size: "$4",
-          value: "3",
-          label: "Third value"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
-          size: "$5",
-          value: "4",
-          label: "Fourth value"
-        })]
-      })
-    })
-  });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
+		name: "level3",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup, {
+			"aria-labelledby": "Select one item",
+			defaultValue: "3",
+			name: "form",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+				width: 300,
+				items: "center",
+				gap: "2",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
+						size: "3",
+						value: "2",
+						label: "Second value"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
+						size: "4",
+						value: "3",
+						label: "Third value"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
+						size: "5",
+						value: "4",
+						label: "Fourth value"
+					})
+				]
+			})
+		})
+	});
 }
 function RadioGroupItemWithLabel(props) {
-  const id = `radiogroup-${props.value}`;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-    width: 300,
-    items: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup.Item, {
-      value: props.value,
-      id,
-      size: props.size,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup.Indicator, {})
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-      size: props.size,
-      htmlFor: id,
-      children: props.label
-    })]
-  });
-}
+	const id = `radiogroup-${props.value}`;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+		width: 300,
+		items: "center",
+		gap: "4",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup.Item, {
+			value: props.value,
+			id,
+			size: props.size,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup.Indicator, {})
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+			size: props.size,
+			htmlFor: id,
+			children: props.label
+		})]
+	});
+}

package/dist/cjs/RadioGroupDemo.native.cjs

@@ -0,0 +1,80 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var RadioGroupDemo_exports = {};
+__export(RadioGroupDemo_exports, {
+	RadioGroupDemo: () => RadioGroupDemo,
+	RadioGroupItemWithLabel: () => RadioGroupItemWithLabel
+});
+module.exports = __toCommonJS(RadioGroupDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+function RadioGroupDemo() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
+		name: "level3",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup, {
+			"aria-labelledby": "Select one item",
+			defaultValue: "3",
+			name: "form",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+				width: 300,
+				items: "center",
+				gap: "2",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
+						size: "3",
+						value: "2",
+						label: "Second value"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
+						size: "4",
+						value: "3",
+						label: "Third value"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
+						size: "5",
+						value: "4",
+						label: "Fourth value"
+					})
+				]
+			})
+		})
+	});
+}
+function RadioGroupItemWithLabel(props) {
+	var id = `radiogroup-${props.value}`;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+		width: 300,
+		items: "center",
+		gap: "4",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup.Item, {
+			value: props.value,
+			id,
+			size: props.size,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup.Indicator, {})
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+			size: props.size,
+			htmlFor: id,
+			children: props.label
+		})]
+	});
+}

package/dist/cjs/RadioGroupDemo.native.js

@@ -5,75 +5,78 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var RadioGroupDemo_exports = {};
 __export(RadioGroupDemo_exports, {
-  RadioGroupDemo: () => RadioGroupDemo,
-  RadioGroupItemWithLabel: () => RadioGroupItemWithLabel
+	RadioGroupDemo: () => RadioGroupDemo,
+	RadioGroupItemWithLabel: () => RadioGroupItemWithLabel
 });
 module.exports = __toCommonJS(RadioGroupDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_tamagui = require("tamagui");
 function RadioGroupDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
-    name: "surface2",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup, {
-      "aria-labelledby": "Select one item",
-      defaultValue: "3",
-      name: "form",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-        width: 300,
-        items: "center",
-        gap: "$2",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
-          size: "$3",
-          value: "2",
-          label: "Second value"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
-          size: "$4",
-          value: "3",
-          label: "Third value"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
-          size: "$5",
-          value: "4",
-          label: "Fourth value"
-        })]
-      })
-    })
-  });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
+		name: "level3",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup, {
+			"aria-labelledby": "Select one item",
+			defaultValue: "3",
+			name: "form",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+				width: 300,
+				items: "center",
+				gap: "2",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
+						size: "3",
+						value: "2",
+						label: "Second value"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
+						size: "4",
+						value: "3",
+						label: "Third value"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
+						size: "5",
+						value: "4",
+						label: "Fourth value"
+					})
+				]
+			})
+		})
+	});
 }
 function RadioGroupItemWithLabel(props) {
-  var id = `radiogroup-${props.value}`;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-    width: 300,
-    items: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup.Item, {
-      value: props.value,
-      id,
-      size: props.size,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup.Indicator, {})
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-      size: props.size,
-      htmlFor: id,
-      children: props.label
-    })]
-  });
+	var id = `radiogroup-${props.value}`;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+		width: 300,
+		items: "center",
+		gap: "4",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup.Item, {
+			value: props.value,
+			id,
+			size: props.size,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup.Indicator, {})
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+			size: props.size,
+			htmlFor: id,
+			children: props.label
+		})]
+	});
 }
+
 //# sourceMappingURL=RadioGroupDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","RadioGroupDemo_exports","__export","RadioGroupDemo","RadioGroupItemWithLabel","module","exports","import_jsx_runtime","require","import_tamagui","jsx","Theme","name","children","RadioGroup","defaultValue","jsxs","YStack","width","items","gap"],"sources":["../../src/RadioGroupDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,uBAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAV,YAAyD,CAAAK,sBAAA;AAMjD,IAAAM,kBAAA,GAAAC,OAAA;AAJD,IAAAC,cAAS,GAAAD,OAAiB;AAC/B,SACEL,eAAA;EAGM,0BAAAI,kBAAA,CAACG,GAAA,EAAAD,cAAA,CAAAE,KAAA,EAAwB;IACzBC,IAAA;IACAC,QAAA,qBAAAN,kBAAC,CAAAG,GAAA,EAAAD,cAAA,CAAAK,UAA6B;MAChC,iBAEJ;MAEJC,YAAA;MAEOH,IAAS;MAKdC,QAAW,iBAAc,CAAM,GAAAN,kBAAK,CAAAS,IAAA,EAAAP,cAAA,CAAAQ,MAAA;QACpCC,KACE;QACEC,KAAA;QAIAC,GAAA;QAGFP,QAAA,GAEJ,mBAAAN,kBAAA,CAAAG,GAAA,EAAAN,uBAAA","ignoreList":[]}
+{"version":3,"file":"RadioGroupDemo.native.js","names":[],"sources":["cjs/RadioGroupDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\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 __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar RadioGroupDemo_exports = {};\n__export(RadioGroupDemo_exports, {\n  RadioGroupDemo: () => RadioGroupDemo,\n  RadioGroupItemWithLabel: () => RadioGroupItemWithLabel\n});\nmodule.exports = __toCommonJS(RadioGroupDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_tamagui = require(\"tamagui\");\nfunction RadioGroupDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {\n    name: \"level3\",\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup, {\n      \"aria-labelledby\": \"Select one item\",\n      defaultValue: \"3\",\n      name: \"form\",\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n        width: 300,\n        items: \"center\",\n        gap: \"2\",\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {\n            size: \"3\",\n            value: \"2\",\n            label: \"Second value\"\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {\n            size: \"4\",\n            value: \"3\",\n            label: \"Third value\"\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {\n            size: \"5\",\n            value: \"4\",\n            label: \"Fourth value\"\n          })\n        ]\n      })\n    })\n  });\n}\nfunction RadioGroupItemWithLabel(props) {\n  var id = `radiogroup-${props.value}`;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n    width: 300,\n    items: \"center\",\n    gap: \"4\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup.Item, {\n        value: props.value,\n        id,\n        size: props.size,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup.Indicator, {})\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {\n        size: props.size,\n        htmlFor: id,\n        children: props.label\n      })\n    ]\n  });\n}\n//# sourceMappingURL=RadioGroupDemo.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,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,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,yBAAyB,CAAC;AAC9B,SAAS,wBAAwB;CAC/B,sBAAsB;CACtB,+BAA+B;AACjC,CAAC;AACD,OAAO,UAAU,aAAa,sBAAsB;AACpD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,iBAAiB,QAAQ,SAAS;AACtC,SAAS,iBAAiB;CACxB,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,OAAO;EACvE,MAAM;EACN,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,YAAY;GAC/E,mBAAmB;GACnB,cAAc;GACd,MAAM;GACN,UAA0B,iBAAC,GAAG,mBAAmB,KAAI,CAAE,eAAe,QAAQ;IAC5E,OAAO;IACP,OAAO;IACP,KAAK;IACL,UAAU;KACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,yBAAyB;MACnE,MAAM;MACN,OAAO;MACP,OAAO;KACT,CAAC;KACe,iBAAC,GAAG,mBAAmB,IAAG,CAAE,yBAAyB;MACnE,MAAM;MACN,OAAO;MACP,OAAO;KACT,CAAC;KACe,iBAAC,GAAG,mBAAmB,IAAG,CAAE,yBAAyB;MACnE,MAAM;MACN,OAAO;MACP,OAAO;KACT,CAAC;IACH;GACF,CAAC;EACH,CAAC;CACH,CAAC;AACH;AACA,SAAS,wBAAwB,OAAO;CACtC,IAAI,KAAK,cAAc,MAAM;CAC7B,OAAuB,iBAAC,GAAG,mBAAmB,KAAI,CAAE,eAAe,QAAQ;EACzE,OAAO;EACP,OAAO;EACP,KAAK;EACL,UAAU,CACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,WAAW,MAAM;GAC1E,OAAO,MAAM;GACb;GACA,MAAM,MAAM;GACZ,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,WAAW,WAAW,CAAC,CAAC;EAC/F,CAAC,GACe,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,OAAO;GAChE,MAAM,MAAM;GACZ,SAAS;GACT,UAAU,MAAM;EAClB,CAAC,CACH;CACF,CAAC;AACH"}