@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/RadioGroupCustomDemo.mjs

@@ -0,0 +1,91 @@
+import { Label, XStack, YStack, styled, withStaticProperties } from "tamagui";
+import { RadioGroup } from "@tamagui/radio-group";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+const RADIO_GROUP_ITEM_NAME = "RadioGroupItem";
+const RadioGroupItemFrame = styled(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"
+	} } }
+});
+const RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator";
+const RadioGroupIndicatorFrame = styled(RadioGroup.Indicator, {
+	displayName: RADIO_GROUP_INDICATOR_NAME,
+	width: "53%",
+	height: "53%",
+	rounded: 1e3,
+	bg: "color"
+});
+const RADIO_GROUP_NAME = "RadioGroup";
+const RadioGroupFrame = styled(RadioGroup, {
+	displayName: RADIO_GROUP_NAME,
+	variants: { orientation: {
+		horizontal: {
+			flexDirection: "row",
+			spaceDirection: "horizontal"
+		},
+		vertical: {
+			flexDirection: "column",
+			spaceDirection: "vertical"
+		}
+	} }
+});
+const RadioGroup$1 = withStaticProperties(RadioGroupFrame, {
+	Item: RadioGroupItemFrame,
+	Indicator: RadioGroupIndicatorFrame
+});
+function RadioGroupCustomDemo() {
+	return /* @__PURE__ */ jsx(RadioGroup$1, {
+		"aria-labelledby": "Select one item",
+		defaultValue: "3",
+		name: "form",
+		children: /* @__PURE__ */ jsxs(YStack, {
+			width: 200,
+			items: "center",
+			gap: "2",
+			children: [/* @__PURE__ */ jsx(RadioGroupItemWithLabel, {
+				value: "2",
+				label: "Option One"
+			}), /* @__PURE__ */ jsx(RadioGroupItemWithLabel, {
+				value: "3",
+				label: "Option Two"
+			})]
+		})
+	});
+}
+function RadioGroupItemWithLabel(props) {
+	const id = `radiogroup-${props.value}`;
+	return /* @__PURE__ */ jsxs(XStack, {
+		width: 300,
+		items: "center",
+		gap: "4",
+		children: [/* @__PURE__ */ jsx(RadioGroup$1.Item, {
+			value: props.value,
+			id,
+			children: /* @__PURE__ */ jsx(RadioGroup$1.Indicator, {})
+		}), /* @__PURE__ */ jsx(Label, {
+			htmlFor: id,
+			children: props.label
+		})]
+	});
+}
+
+export { RadioGroupCustomDemo };
+//# sourceMappingURL=RadioGroupCustomDemo.mjs.map

package/dist/esm/RadioGroupCustomDemo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupCustomDemo.js","names":["RadioGroupBehavior","RadioGroup"],"sources":["esm/RadioGroupCustomDemo.js"],"sourcesContent":["import { Label, XStack, YStack, styled, withStaticProperties } from \"tamagui\";\nimport { RadioGroup as RadioGroupBehavior } from \"@tamagui/radio-group\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nconst RADIO_GROUP_ITEM_NAME = \"RadioGroupItem\";\nconst RadioGroupItemFrame = styled(RadioGroupBehavior.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});\nconst RADIO_GROUP_INDICATOR_NAME = \"RadioGroupIndicator\";\nconst RadioGroupIndicatorFrame = styled(RadioGroupBehavior.Indicator, {\n  displayName: RADIO_GROUP_INDICATOR_NAME,\n  width: \"53%\",\n  height: \"53%\",\n  rounded: 1e3,\n  bg: \"color\"\n});\nconst RADIO_GROUP_NAME = \"RadioGroup\";\nconst RadioGroupFrame = styled(RadioGroupBehavior, {\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 RadioGroup = withStaticProperties(RadioGroupFrame, {\n  Item: RadioGroupItemFrame,\n  Indicator: RadioGroupIndicatorFrame\n});\nfunction RadioGroupCustomDemo() {\n  return /* @__PURE__ */ jsx(RadioGroup, { \"aria-labelledby\": \"Select one item\", defaultValue: \"3\", name: \"form\", children: /* @__PURE__ */ jsxs(YStack, { width: 200, items: \"center\", gap: \"2\", children: [\n    /* @__PURE__ */ jsx(RadioGroupItemWithLabel, { value: \"2\", label: \"Option One\" }),\n    /* @__PURE__ */ jsx(RadioGroupItemWithLabel, { value: \"3\", label: \"Option Two\" })\n  ] }) });\n}\nfunction RadioGroupItemWithLabel(props) {\n  const id = `radiogroup-${props.value}`;\n  return /* @__PURE__ */ jsxs(XStack, { width: 300, items: \"center\", gap: \"4\", children: [\n    /* @__PURE__ */ jsx(RadioGroup.Item, { value: props.value, id, children: /* @__PURE__ */ jsx(RadioGroup.Indicator, {}) }),\n    /* @__PURE__ */ jsx(Label, { htmlFor: id, children: props.label })\n  ] });\n}\nexport {\n  RadioGroupCustomDemo\n};\n//# sourceMappingURL=RadioGroupCustomDemo.js.map\n"],"mappings":";;;;;AAGA,MAAM,wBAAwB;AAC9B,MAAM,sBAAsB,OAAOA,WAAmB,MAAM;CAC1D,aAAa;CACb,QAAQ;CACR,SAAS;CACT,IAAI;CACJ,OAAO;CACP,SAAS;CACT,aAAa;CACb,aAAa;CACb,GAAG;CACH,cAAc;CACd,cAAc;CACd,cAAc;CACd,UAAU,EACR,UAAU,EACR,MAAM;EACJ,eAAe;EACf,YAAY;EACZ,QAAQ;EACR,aAAa;EACb,IAAI;EACJ,cAAc;CAChB,EACF,EACF;AACF,CAAC;AACD,MAAM,6BAA6B;AACnC,MAAM,2BAA2B,OAAOA,WAAmB,WAAW;CACpE,aAAa;CACb,OAAO;CACP,QAAQ;CACR,SAAS;CACT,IAAI;AACN,CAAC;AACD,MAAM,mBAAmB;AACzB,MAAM,kBAAkB,OAAOA,YAAoB;CACjD,aAAa;CACb,UAAU,EACR,aAAa;EACX,YAAY;GACV,eAAe;GACf,gBAAgB;EAClB;EACA,UAAU;GACR,eAAe;GACf,gBAAgB;EAClB;CACF,EACF;AACF,CAAC;AACD,MAAMC,eAAa,qBAAqB,iBAAiB;CACvD,MAAM;CACN,WAAW;AACb,CAAC;AACD,SAAS,uBAAuB;CAC9B,OAAuB,oBAAIA,cAAY;EAAE,mBAAmB;EAAmB,cAAc;EAAK,MAAM;EAAQ,UAA0B,qBAAK,QAAQ;GAAE,OAAO;GAAK,OAAO;GAAU,KAAK;GAAK,UAAU,CACxL,oBAAI,yBAAyB;IAAE,OAAO;IAAK,OAAO;GAAa,CAAC,GAChE,oBAAI,yBAAyB;IAAE,OAAO;IAAK,OAAO;GAAa,CAAC,CAClF;EAAE,CAAC;CAAE,CAAC;AACR;AACA,SAAS,wBAAwB,OAAO;CACtC,MAAM,KAAK,cAAc,MAAM;CAC/B,OAAuB,qBAAK,QAAQ;EAAE,OAAO;EAAK,OAAO;EAAU,KAAK;EAAK,UAAU,CACrE,oBAAIA,aAAW,MAAM;GAAE,OAAO,MAAM;GAAO;GAAI,UAA0B,oBAAIA,aAAW,WAAW,CAAC,CAAC;EAAE,CAAC,GACxG,oBAAI,OAAO;GAAE,SAAS;GAAI,UAAU,MAAM;EAAM,CAAC,CACnE;CAAE,CAAC;AACL"}

package/dist/esm/RadioGroupCustomDemo.native.js

@@ -0,0 +1,91 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Label, XStack, YStack, styled, withStaticProperties } from "tamagui";
+import { RadioGroup } from "@tamagui/radio-group";
+
+var RADIO_GROUP_ITEM_NAME = "RadioGroupItem";
+var RadioGroupItemFrame = styled(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 = styled(RadioGroup.Indicator, {
+	displayName: RADIO_GROUP_INDICATOR_NAME,
+	width: "53%",
+	height: "53%",
+	rounded: 1e3,
+	bg: "color"
+});
+var RADIO_GROUP_NAME = "RadioGroup";
+var RadioGroupFrame = styled(RadioGroup, {
+	displayName: RADIO_GROUP_NAME,
+	variants: { orientation: {
+		horizontal: {
+			flexDirection: "row",
+			spaceDirection: "horizontal"
+		},
+		vertical: {
+			flexDirection: "column",
+			spaceDirection: "vertical"
+		}
+	} }
+});
+var RadioGroup$1 = withStaticProperties(RadioGroupFrame, {
+	Item: RadioGroupItemFrame,
+	Indicator: RadioGroupIndicatorFrame
+});
+function RadioGroupCustomDemo() {
+	return /* @__PURE__ */ jsx(RadioGroup$1, {
+		"aria-labelledby": "Select one item",
+		defaultValue: "3",
+		name: "form",
+		children: /* @__PURE__ */ jsxs(YStack, {
+			width: 200,
+			items: "center",
+			gap: "2",
+			children: [/* @__PURE__ */ jsx(RadioGroupItemWithLabel, {
+				value: "2",
+				label: "Option One"
+			}), /* @__PURE__ */ jsx(RadioGroupItemWithLabel, {
+				value: "3",
+				label: "Option Two"
+			})]
+		})
+	});
+}
+function RadioGroupItemWithLabel(props) {
+	var id = `radiogroup-${props.value}`;
+	return /* @__PURE__ */ jsxs(XStack, {
+		width: 300,
+		items: "center",
+		gap: "4",
+		children: [/* @__PURE__ */ jsx(RadioGroup$1.Item, {
+			value: props.value,
+			id,
+			children: /* @__PURE__ */ jsx(RadioGroup$1.Indicator, {})
+		}), /* @__PURE__ */ jsx(Label, {
+			htmlFor: id,
+			children: props.label
+		})]
+	});
+}
+
+export { RadioGroupCustomDemo };
+//# sourceMappingURL=RadioGroupCustomDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupCustomDemo.native.js","names":["RadioGroupBehavior","RadioGroup"],"sources":["esm/RadioGroupCustomDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Label, XStack, YStack, styled, withStaticProperties } from \"tamagui\";\nimport { RadioGroup as RadioGroupBehavior } from \"@tamagui/radio-group\";\nvar RADIO_GROUP_ITEM_NAME = \"RadioGroupItem\";\nvar RadioGroupItemFrame = styled(RadioGroupBehavior.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 = styled(RadioGroupBehavior.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 = styled(RadioGroupBehavior, {\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 = withStaticProperties(RadioGroupFrame, {\n  Item: RadioGroupItemFrame,\n  Indicator: RadioGroupIndicatorFrame\n});\nfunction RadioGroupCustomDemo() {\n  return /* @__PURE__ */ _jsx(RadioGroup, {\n    \"aria-labelledby\": \"Select one item\",\n    defaultValue: \"3\",\n    name: \"form\",\n    children: /* @__PURE__ */ _jsxs(YStack, {\n      width: 200,\n      items: \"center\",\n      gap: \"2\",\n      children: [\n        /* @__PURE__ */ _jsx(RadioGroupItemWithLabel, {\n          value: \"2\",\n          label: \"Option One\"\n        }),\n        /* @__PURE__ */ _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__ */ _jsxs(XStack, {\n    width: 300,\n    items: \"center\",\n    gap: \"4\",\n    children: [\n      /* @__PURE__ */ _jsx(RadioGroup.Item, {\n        value: props.value,\n        id,\n        children: /* @__PURE__ */ _jsx(RadioGroup.Indicator, {})\n      }),\n      /* @__PURE__ */ _jsx(Label, {\n        htmlFor: id,\n        children: props.label\n      })\n    ]\n  });\n}\nexport {\n  RadioGroupCustomDemo\n};\n//# sourceMappingURL=RadioGroupCustomDemo.js.map\n"],"mappings":";;;;;AAGA,IAAI,wBAAwB;AAC5B,IAAI,sBAAsB,OAAOA,WAAmB,MAAM;CACxD,aAAa;CACb,QAAQ;CACR,SAAS;CACT,IAAI;CACJ,OAAO;CACP,SAAS;CACT,aAAa;CACb,aAAa;CACb,GAAG;CACH,cAAc;CACd,cAAc;CACd,cAAc;CACd,UAAU,EACR,UAAU,EACR,MAAM;EACJ,eAAe;EACf,YAAY;EACZ,QAAQ;EACR,aAAa;EACb,IAAI;EACJ,cAAc;CAChB,EACF,EACF;AACF,CAAC;AACD,IAAI,6BAA6B;AACjC,IAAI,2BAA2B,OAAOA,WAAmB,WAAW;CAClE,aAAa;CACb,OAAO;CACP,QAAQ;CACR,SAAS;CACT,IAAI;AACN,CAAC;AACD,IAAI,mBAAmB;AACvB,IAAI,kBAAkB,OAAOA,YAAoB;CAC/C,aAAa;CACb,UAAU,EACR,aAAa;EACX,YAAY;GACV,eAAe;GACf,gBAAgB;EAClB;EACA,UAAU;GACR,eAAe;GACf,gBAAgB;EAClB;CACF,EACF;AACF,CAAC;AACD,IAAIC,eAAa,qBAAqB,iBAAiB;CACrD,MAAM;CACN,WAAW;AACb,CAAC;AACD,SAAS,uBAAuB;CAC9B,OAAuB,oBAAKA,cAAY;EACtC,mBAAmB;EACnB,cAAc;EACd,MAAM;EACN,UAA0B,qBAAM,QAAQ;GACtC,OAAO;GACP,OAAO;GACP,KAAK;GACL,UAAU,CACQ,oBAAK,yBAAyB;IAC5C,OAAO;IACP,OAAO;GACT,CAAC,GACe,oBAAK,yBAAyB;IAC5C,OAAO;IACP,OAAO;GACT,CAAC,CACH;EACF,CAAC;CACH,CAAC;AACH;AACA,SAAS,wBAAwB,OAAO;CACtC,IAAI,KAAK,cAAc,MAAM;CAC7B,OAAuB,qBAAM,QAAQ;EACnC,OAAO;EACP,OAAO;EACP,KAAK;EACL,UAAU,CACQ,oBAAKA,aAAW,MAAM;GACpC,OAAO,MAAM;GACb;GACA,UAA0B,oBAAKA,aAAW,WAAW,CAAC,CAAC;EACzD,CAAC,GACe,oBAAK,OAAO;GAC1B,SAAS;GACT,UAAU,MAAM;EAClB,CAAC,CACH;CACF,CAAC;AACH"}

package/dist/esm/RadioGroupDemo.mjs

@@ -1,50 +1,56 @@
 import { Label, RadioGroup, Theme, XStack, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 function RadioGroupDemo() {
-  return /* @__PURE__ */jsx(Theme, {
-    name: "surface2",
-    children: /* @__PURE__ */jsx(RadioGroup, {
-      "aria-labelledby": "Select one item",
-      defaultValue: "3",
-      name: "form",
-      children: /* @__PURE__ */jsxs(YStack, {
-        width: 300,
-        items: "center",
-        gap: "$2",
-        children: [/* @__PURE__ */jsx(RadioGroupItemWithLabel, {
-          size: "$3",
-          value: "2",
-          label: "Second value"
-        }), /* @__PURE__ */jsx(RadioGroupItemWithLabel, {
-          size: "$4",
-          value: "3",
-          label: "Third value"
-        }), /* @__PURE__ */jsx(RadioGroupItemWithLabel, {
-          size: "$5",
-          value: "4",
-          label: "Fourth value"
-        })]
-      })
-    })
-  });
+	return /* @__PURE__ */ jsx(Theme, {
+		name: "level3",
+		children: /* @__PURE__ */ jsx(RadioGroup, {
+			"aria-labelledby": "Select one item",
+			defaultValue: "3",
+			name: "form",
+			children: /* @__PURE__ */ jsxs(YStack, {
+				width: 300,
+				items: "center",
+				gap: "2",
+				children: [
+					/* @__PURE__ */ jsx(RadioGroupItemWithLabel, {
+						size: "3",
+						value: "2",
+						label: "Second value"
+					}),
+					/* @__PURE__ */ jsx(RadioGroupItemWithLabel, {
+						size: "4",
+						value: "3",
+						label: "Third value"
+					}),
+					/* @__PURE__ */ jsx(RadioGroupItemWithLabel, {
+						size: "5",
+						value: "4",
+						label: "Fourth value"
+					})
+				]
+			})
+		})
+	});
 }
 function RadioGroupItemWithLabel(props) {
-  const id = `radiogroup-${props.value}`;
-  return /* @__PURE__ */jsxs(XStack, {
-    width: 300,
-    items: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */jsx(RadioGroup.Item, {
-      value: props.value,
-      id,
-      size: props.size,
-      children: /* @__PURE__ */jsx(RadioGroup.Indicator, {})
-    }), /* @__PURE__ */jsx(Label, {
-      size: props.size,
-      htmlFor: id,
-      children: props.label
-    })]
-  });
+	const id = `radiogroup-${props.value}`;
+	return /* @__PURE__ */ jsxs(XStack, {
+		width: 300,
+		items: "center",
+		gap: "4",
+		children: [/* @__PURE__ */ jsx(RadioGroup.Item, {
+			value: props.value,
+			id,
+			size: props.size,
+			children: /* @__PURE__ */ jsx(RadioGroup.Indicator, {})
+		}), /* @__PURE__ */ jsx(Label, {
+			size: props.size,
+			htmlFor: id,
+			children: props.label
+		})]
+	});
 }
+
 export { RadioGroupDemo, RadioGroupItemWithLabel };
 //# sourceMappingURL=RadioGroupDemo.mjs.map

package/dist/esm/RadioGroupDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Label","RadioGroup","Theme","XStack","YStack","jsx","jsxs","RadioGroupDemo","name","children","defaultValue","width","items","gap","RadioGroupItemWithLabel","size","value","label","props","id","Item","Indicator","htmlFor"],"sources":["../../src/RadioGroupDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,KAAA,EAAOC,UAAA,EAAYC,KAAA,EAAOC,MAAA,EAAQC,MAAA,QAAc;AAMjD,SACEC,GAAA,EADFC,IAAA;AAJD,SAASC,eAAA,EAAiB;EAC/B,OACE,eAAAF,GAAA,CAACH,KAAA;IAAMM,IAAA,EAAK;IACVC,QAAA,iBAAAJ,GAAA,CAACJ,UAAA;MAAW,mBAAgB;MAAkBS,YAAA,EAAa;MAAIF,IAAA,EAAK;MAClEC,QAAA,iBAAAH,IAAA,CAACF,MAAA;QAAOO,KAAA,EAAO;QAAKC,KAAA,EAAM;QAASC,GAAA,EAAI;QACrCJ,QAAA,kBAAAJ,GAAA,CAACS,uBAAA;UAAwBC,IAAA,EAAK;UAAKC,KAAA,EAAM;UAAIC,KAAA,EAAM;QAAA,CAAe,GAClE,eAAAZ,GAAA,CAACS,uBAAA;UAAwBC,IAAA,EAAK;UAAKC,KAAA,EAAM;UAAIC,KAAA,EAAM;QAAA,CAAc,GACjE,eAAAZ,GAAA,CAACS,uBAAA;UAAwBC,IAAA,EAAK;UAAKC,KAAA,EAAM;UAAIC,KAAA,EAAM;QAAA,CAAe;MAAA,CACpE;IAAA,CACF;EAAA,CACF;AAEJ;AAEO,SAASH,wBAAwBI,KAAA,EAIrC;EACD,MAAMC,EAAA,GAAK,cAAcD,KAAA,CAAMF,KAAK;EACpC,OACE,eAAAV,IAAA,CAACH,MAAA;IAAOQ,KAAA,EAAO;IAAKC,KAAA,EAAM;IAASC,GAAA,EAAI;IACrCJ,QAAA,kBAAAJ,GAAA,CAACJ,UAAA,CAAWmB,IAAA,EAAX;MAAgBJ,KAAA,EAAOE,KAAA,CAAMF,KAAA;MAAOG,EAAA;MAAQJ,IAAA,EAAMG,KAAA,CAAMH,IAAA;MACvDN,QAAA,iBAAAJ,GAAA,CAACJ,UAAA,CAAWoB,SAAA,EAAX,EAAqB;IAAA,CACxB,GAEA,eAAAhB,GAAA,CAACL,KAAA;MAAMe,IAAA,EAAMG,KAAA,CAAMH,IAAA;MAAMO,OAAA,EAASH,EAAA;MAC/BV,QAAA,EAAAS,KAAA,CAAMD;IAAA,CACT;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"file":"RadioGroupDemo.js","names":[],"sources":["esm/RadioGroupDemo.js"],"sourcesContent":["import { Label, RadioGroup, Theme, XStack, YStack } from \"tamagui\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nfunction RadioGroupDemo() {\n  return /* @__PURE__ */ jsx(Theme, { name: \"level3\", children: /* @__PURE__ */ jsx(RadioGroup, { \"aria-labelledby\": \"Select one item\", defaultValue: \"3\", name: \"form\", children: /* @__PURE__ */ jsxs(YStack, { width: 300, items: \"center\", gap: \"2\", children: [\n    /* @__PURE__ */ jsx(RadioGroupItemWithLabel, { size: \"3\", value: \"2\", label: \"Second value\" }),\n    /* @__PURE__ */ jsx(RadioGroupItemWithLabel, { size: \"4\", value: \"3\", label: \"Third value\" }),\n    /* @__PURE__ */ jsx(RadioGroupItemWithLabel, { size: \"5\", value: \"4\", label: \"Fourth value\" })\n  ] }) }) });\n}\nfunction RadioGroupItemWithLabel(props) {\n  const id = `radiogroup-${props.value}`;\n  return /* @__PURE__ */ jsxs(XStack, { width: 300, items: \"center\", gap: \"4\", children: [\n    /* @__PURE__ */ jsx(RadioGroup.Item, { value: props.value, id, size: props.size, children: /* @__PURE__ */ jsx(RadioGroup.Indicator, {}) }),\n    /* @__PURE__ */ jsx(Label, { size: props.size, htmlFor: id, children: props.label })\n  ] });\n}\nexport {\n  RadioGroupDemo,\n  RadioGroupItemWithLabel\n};\n//# sourceMappingURL=RadioGroupDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,iBAAiB;CACxB,OAAuB,oBAAI,OAAO;EAAE,MAAM;EAAU,UAA0B,oBAAI,YAAY;GAAE,mBAAmB;GAAmB,cAAc;GAAK,MAAM;GAAQ,UAA0B,qBAAK,QAAQ;IAAE,OAAO;IAAK,OAAO;IAAU,KAAK;IAAK,UAAU;KAC/O,oBAAI,yBAAyB;MAAE,MAAM;MAAK,OAAO;MAAK,OAAO;KAAe,CAAC;KAC7E,oBAAI,yBAAyB;MAAE,MAAM;MAAK,OAAO;MAAK,OAAO;KAAc,CAAC;KAC5E,oBAAI,yBAAyB;MAAE,MAAM;MAAK,OAAO;MAAK,OAAO;KAAe,CAAC;IAC/F;GAAE,CAAC;EAAE,CAAC;CAAE,CAAC;AACX;AACA,SAAS,wBAAwB,OAAO;CACtC,MAAM,KAAK,cAAc,MAAM;CAC/B,OAAuB,qBAAK,QAAQ;EAAE,OAAO;EAAK,OAAO;EAAU,KAAK;EAAK,UAAU,CACrE,oBAAI,WAAW,MAAM;GAAE,OAAO,MAAM;GAAO;GAAI,MAAM,MAAM;GAAM,UAA0B,oBAAI,WAAW,WAAW,CAAC,CAAC;EAAE,CAAC,GAC1H,oBAAI,OAAO;GAAE,MAAM,MAAM;GAAM,SAAS;GAAI,UAAU,MAAM;EAAM,CAAC,CACrF;CAAE,CAAC;AACL"}

package/dist/esm/RadioGroupDemo.native.js

@@ -1,50 +1,56 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Label, RadioGroup, Theme, XStack, YStack } from "tamagui";
+
 function RadioGroupDemo() {
-  return /* @__PURE__ */_jsx(Theme, {
-    name: "surface2",
-    children: /* @__PURE__ */_jsx(RadioGroup, {
-      "aria-labelledby": "Select one item",
-      defaultValue: "3",
-      name: "form",
-      children: /* @__PURE__ */_jsxs(YStack, {
-        width: 300,
-        items: "center",
-        gap: "$2",
-        children: [/* @__PURE__ */_jsx(RadioGroupItemWithLabel, {
-          size: "$3",
-          value: "2",
-          label: "Second value"
-        }), /* @__PURE__ */_jsx(RadioGroupItemWithLabel, {
-          size: "$4",
-          value: "3",
-          label: "Third value"
-        }), /* @__PURE__ */_jsx(RadioGroupItemWithLabel, {
-          size: "$5",
-          value: "4",
-          label: "Fourth value"
-        })]
-      })
-    })
-  });
+	return /* @__PURE__ */ jsx(Theme, {
+		name: "level3",
+		children: /* @__PURE__ */ jsx(RadioGroup, {
+			"aria-labelledby": "Select one item",
+			defaultValue: "3",
+			name: "form",
+			children: /* @__PURE__ */ jsxs(YStack, {
+				width: 300,
+				items: "center",
+				gap: "2",
+				children: [
+					/* @__PURE__ */ jsx(RadioGroupItemWithLabel, {
+						size: "3",
+						value: "2",
+						label: "Second value"
+					}),
+					/* @__PURE__ */ jsx(RadioGroupItemWithLabel, {
+						size: "4",
+						value: "3",
+						label: "Third value"
+					}),
+					/* @__PURE__ */ jsx(RadioGroupItemWithLabel, {
+						size: "5",
+						value: "4",
+						label: "Fourth value"
+					})
+				]
+			})
+		})
+	});
 }
 function RadioGroupItemWithLabel(props) {
-  var id = `radiogroup-${props.value}`;
-  return /* @__PURE__ */_jsxs(XStack, {
-    width: 300,
-    items: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */_jsx(RadioGroup.Item, {
-      value: props.value,
-      id,
-      size: props.size,
-      children: /* @__PURE__ */_jsx(RadioGroup.Indicator, {})
-    }), /* @__PURE__ */_jsx(Label, {
-      size: props.size,
-      htmlFor: id,
-      children: props.label
-    })]
-  });
+	var id = `radiogroup-${props.value}`;
+	return /* @__PURE__ */ jsxs(XStack, {
+		width: 300,
+		items: "center",
+		gap: "4",
+		children: [/* @__PURE__ */ jsx(RadioGroup.Item, {
+			value: props.value,
+			id,
+			size: props.size,
+			children: /* @__PURE__ */ jsx(RadioGroup.Indicator, {})
+		}), /* @__PURE__ */ jsx(Label, {
+			size: props.size,
+			htmlFor: id,
+			children: props.label
+		})]
+	});
 }
+
 export { RadioGroupDemo, RadioGroupItemWithLabel };
 //# sourceMappingURL=RadioGroupDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Label","RadioGroup","Theme","XStack","YStack","RadioGroupDemo","name","children","defaultValue","width","items","gap","RadioGroupItemWithLabel","size"],"sources":["../../src/RadioGroupDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAYC,KAAO,QAAQ,mBAAc;AAMjD,SACEC,KADF,EAAAC,UAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA;AAJD,SAASC,eAAA,EAAiB;EAC/B,OACE,eAAAR,IAAC,CAAAK,KAAA;IAGKI,IAAA;IACAC,QAAA,iBAACV,IAAA,CAAAI,UAAA;MACD,mBAAC;MACHO,YAEJ;MAEJF,IAAA;MAEOC,QAAS,iBAAAR,KAAwB,CAAAK,MAIrC;QACKK,KAAK;QACXC,KACE;QACEC,GAAA;QAIAJ,QAAA,GAGF,eAAAV,IAAA,CAAAe,uBAAA;UAEJC,IAAA","ignoreList":[]}
+{"version":3,"file":"RadioGroupDemo.native.js","names":[],"sources":["esm/RadioGroupDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Label, RadioGroup, Theme, XStack, YStack } from \"tamagui\";\nfunction RadioGroupDemo() {\n  return /* @__PURE__ */ _jsx(Theme, {\n    name: \"level3\",\n    children: /* @__PURE__ */ _jsx(RadioGroup, {\n      \"aria-labelledby\": \"Select one item\",\n      defaultValue: \"3\",\n      name: \"form\",\n      children: /* @__PURE__ */ _jsxs(YStack, {\n        width: 300,\n        items: \"center\",\n        gap: \"2\",\n        children: [\n          /* @__PURE__ */ _jsx(RadioGroupItemWithLabel, {\n            size: \"3\",\n            value: \"2\",\n            label: \"Second value\"\n          }),\n          /* @__PURE__ */ _jsx(RadioGroupItemWithLabel, {\n            size: \"4\",\n            value: \"3\",\n            label: \"Third value\"\n          }),\n          /* @__PURE__ */ _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__ */ _jsxs(XStack, {\n    width: 300,\n    items: \"center\",\n    gap: \"4\",\n    children: [\n      /* @__PURE__ */ _jsx(RadioGroup.Item, {\n        value: props.value,\n        id,\n        size: props.size,\n        children: /* @__PURE__ */ _jsx(RadioGroup.Indicator, {})\n      }),\n      /* @__PURE__ */ _jsx(Label, {\n        size: props.size,\n        htmlFor: id,\n        children: props.label\n      })\n    ]\n  });\n}\nexport {\n  RadioGroupDemo,\n  RadioGroupItemWithLabel\n};\n//# sourceMappingURL=RadioGroupDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,iBAAiB;CACxB,OAAuB,oBAAK,OAAO;EACjC,MAAM;EACN,UAA0B,oBAAK,YAAY;GACzC,mBAAmB;GACnB,cAAc;GACd,MAAM;GACN,UAA0B,qBAAM,QAAQ;IACtC,OAAO;IACP,OAAO;IACP,KAAK;IACL,UAAU;KACQ,oBAAK,yBAAyB;MAC5C,MAAM;MACN,OAAO;MACP,OAAO;KACT,CAAC;KACe,oBAAK,yBAAyB;MAC5C,MAAM;MACN,OAAO;MACP,OAAO;KACT,CAAC;KACe,oBAAK,yBAAyB;MAC5C,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,qBAAM,QAAQ;EACnC,OAAO;EACP,OAAO;EACP,KAAK;EACL,UAAU,CACQ,oBAAK,WAAW,MAAM;GACpC,OAAO,MAAM;GACb;GACA,MAAM,MAAM;GACZ,UAA0B,oBAAK,WAAW,WAAW,CAAC,CAAC;EACzD,CAAC,GACe,oBAAK,OAAO;GAC1B,MAAM,MAAM;GACZ,SAAS;GACT,UAAU,MAAM;EAClB,CAAC,CACH;CACF,CAAC;AACH"}