@tamagui/demos 1.7.8 → 1.7.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/cjs/RadioGroupDemo.js +1 -1
  2. package/dist/cjs/RadioGroupDemo.js.map +2 -2
  3. package/dist/esm/RadioGroupDemo.js +1 -1
  4. package/dist/esm/RadioGroupDemo.js.map +2 -2
  5. package/dist/esm/RadioGroupDemo.mjs +1 -1
  6. package/dist/esm/RadioGroupDemo.mjs.map +2 -2
  7. package/dist/jsx/RadioGroupDemo.js +1 -1
  8. package/dist/jsx/RadioGroupDemo.js.map +2 -2
  9. package/dist/jsx/RadioGroupDemo.mjs +1 -1
  10. package/dist/jsx/RadioGroupDemo.mjs.map +2 -2
  11. package/package.json +17 -17
  12. package/src/RadioGroupDemo.tsx +1 -1
package/dist/cjs/RadioGroupDemo.js CHANGED
@@ -24,7 +24,7 @@ module.exports = __toCommonJS(RadioGroupDemo_exports);
24
24
  var import_jsx_runtime = require("react/jsx-runtime");
25
25
  var import_tamagui = require("tamagui");
26
26
  function RadioGroupDemo() {
27
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup, { name: "form", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { w: 300, ai: "center", space: "$2", children: [
27
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup, { defaultValue: "3", name: "form", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { w: 300, ai: "center", space: "$2", children: [
28
28
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, { size: "$3", value: "2", label: "Second value" }),
29
29
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, { size: "$4", value: "3", label: "Third value" }),
30
30
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, { size: "$5", value: "4", label: "Fourth value" })
package/dist/cjs/RadioGroupDemo.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/RadioGroupDemo.tsx"],
4
- "sourcesContent": ["import { Label, RadioGroup, SizeTokens, ThemeableStack, XStack, YStack } from 'tamagui'\n\nexport function RadioGroupDemo() {\n return (\n <RadioGroup name=\"form\">\n <YStack w={300} ai=\"center\" space=\"$2\">\n <RadioGroupItemWithLabel size=\"$3\" value=\"2\" label=\"Second value\" />\n <RadioGroupItemWithLabel size=\"$4\" value=\"3\" label=\"Third value\" />\n <RadioGroupItemWithLabel size=\"$5\" value=\"4\" label=\"Fourth value\" />\n </YStack>\n </RadioGroup>\n )\n}\n\nfunction RadioGroupItemWithLabel(props: {\n size: SizeTokens\n value: string\n label: string\n}) {\n const id = `radiogroup-${props.value}`\n return (\n <XStack w={300} ai=\"center\" space=\"$4\">\n <RadioGroup.Item value={props.value} id={id} size={props.size}>\n <RadioGroup.Indicator />\n </RadioGroup.Item>\n\n <Label size={props.size} htmlFor={id}>\n {props.label}\n </Label>\n </XStack>\n )\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKM;AALN,qBAA8E;AAEvE,SAAS,iBAAiB;AAC/B,SACE,4CAAC,6BAAW,MAAK,QACf,uDAAC,yBAAO,GAAG,KAAK,IAAG,UAAS,OAAM,MAChC;AAAA,gDAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,IAClE,4CAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,eAAc;AAAA,IACjE,4CAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,KACpE,GACF;AAEJ;AAEA,SAAS,wBAAwB,OAI9B;AACD,QAAM,KAAK,cAAc,MAAM;AAC/B,SACE,6CAAC,yBAAO,GAAG,KAAK,IAAG,UAAS,OAAM,MAChC;AAAA,gDAAC,0BAAW,MAAX,EAAgB,OAAO,MAAM,OAAO,IAAQ,MAAM,MAAM,MACvD,sDAAC,0BAAW,WAAX,EAAqB,GACxB;AAAA,IAEA,4CAAC,wBAAM,MAAM,MAAM,MAAM,SAAS,IAC/B,gBAAM,OACT;AAAA,KACF;AAEJ;",
4
+ "sourcesContent": ["import { Label, RadioGroup, SizeTokens, ThemeableStack, XStack, YStack } from 'tamagui'\n\nexport function RadioGroupDemo() {\n return (\n <RadioGroup defaultValue=\"3\" name=\"form\">\n <YStack w={300} ai=\"center\" space=\"$2\">\n <RadioGroupItemWithLabel size=\"$3\" value=\"2\" label=\"Second value\" />\n <RadioGroupItemWithLabel size=\"$4\" value=\"3\" label=\"Third value\" />\n <RadioGroupItemWithLabel size=\"$5\" value=\"4\" label=\"Fourth value\" />\n </YStack>\n </RadioGroup>\n )\n}\n\nfunction RadioGroupItemWithLabel(props: {\n size: SizeTokens\n value: string\n label: string\n}) {\n const id = `radiogroup-${props.value}`\n return (\n <XStack w={300} ai=\"center\" space=\"$4\">\n <RadioGroup.Item value={props.value} id={id} size={props.size}>\n <RadioGroup.Indicator />\n </RadioGroup.Item>\n\n <Label size={props.size} htmlFor={id}>\n {props.label}\n </Label>\n </XStack>\n )\n}\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKM;AALN,qBAA8E;AAEvE,SAAS,iBAAiB;AAC/B,SACE,4CAAC,6BAAW,cAAa,KAAI,MAAK,QAChC,uDAAC,yBAAO,GAAG,KAAK,IAAG,UAAS,OAAM,MAChC;AAAA,gDAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,IAClE,4CAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,eAAc;AAAA,IACjE,4CAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,KACpE,GACF;AAEJ;AAEA,SAAS,wBAAwB,OAI9B;AACD,QAAM,KAAK,cAAc,MAAM;AAC/B,SACE,6CAAC,yBAAO,GAAG,KAAK,IAAG,UAAS,OAAM,MAChC;AAAA,gDAAC,0BAAW,MAAX,EAAgB,OAAO,MAAM,OAAO,IAAQ,MAAM,MAAM,MACvD,sDAAC,0BAAW,WAAX,EAAqB,GACxB;AAAA,IAEA,4CAAC,wBAAM,MAAM,MAAM,MAAM,SAAS,IAC/B,gBAAM,OACT;AAAA,KACF;AAEJ;",
6
6
  "names": []
7
7
  }
package/dist/esm/RadioGroupDemo.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { Label, RadioGroup, XStack, YStack } from "tamagui";
3
3
  function RadioGroupDemo() {
4
- return /* @__PURE__ */ jsx(RadioGroup, { name: "form", children: /* @__PURE__ */ jsxs(YStack, { w: 300, ai: "center", space: "$2", children: [
4
+ return /* @__PURE__ */ jsx(RadioGroup, { defaultValue: "3", name: "form", children: /* @__PURE__ */ jsxs(YStack, { w: 300, ai: "center", space: "$2", children: [
5
5
  /* @__PURE__ */ jsx(RadioGroupItemWithLabel, { size: "$3", value: "2", label: "Second value" }),
6
6
  /* @__PURE__ */ jsx(RadioGroupItemWithLabel, { size: "$4", value: "3", label: "Third value" }),
7
7
  /* @__PURE__ */ jsx(RadioGroupItemWithLabel, { size: "$5", value: "4", label: "Fourth value" })
package/dist/esm/RadioGroupDemo.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/RadioGroupDemo.tsx"],
4
- "sourcesContent": ["import { Label, RadioGroup, SizeTokens, ThemeableStack, XStack, YStack } from 'tamagui'\n\nexport function RadioGroupDemo() {\n return (\n <RadioGroup name=\"form\">\n <YStack w={300} ai=\"center\" space=\"$2\">\n <RadioGroupItemWithLabel size=\"$3\" value=\"2\" label=\"Second value\" />\n <RadioGroupItemWithLabel size=\"$4\" value=\"3\" label=\"Third value\" />\n <RadioGroupItemWithLabel size=\"$5\" value=\"4\" label=\"Fourth value\" />\n </YStack>\n </RadioGroup>\n )\n}\n\nfunction RadioGroupItemWithLabel(props: {\n size: SizeTokens\n value: string\n label: string\n}) {\n const id = `radiogroup-${props.value}`\n return (\n <XStack w={300} ai=\"center\" space=\"$4\">\n <RadioGroup.Item value={props.value} id={id} size={props.size}>\n <RadioGroup.Indicator />\n </RadioGroup.Item>\n\n <Label size={props.size} htmlFor={id}>\n {props.label}\n </Label>\n </XStack>\n )\n}\n"],
5
- "mappings": "AAKM,SACE,KADF;AALN,SAAS,OAAO,YAAwC,QAAQ,cAAc;AAEvE,SAAS,iBAAiB;AAC/B,SACE,oBAAC,cAAW,MAAK,QACf,+BAAC,UAAO,GAAG,KAAK,IAAG,UAAS,OAAM,MAChC;AAAA,wBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,IAClE,oBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,eAAc;AAAA,IACjE,oBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,KACpE,GACF;AAEJ;AAEA,SAAS,wBAAwB,OAI9B;AACD,QAAM,KAAK,cAAc,MAAM;AAC/B,SACE,qBAAC,UAAO,GAAG,KAAK,IAAG,UAAS,OAAM,MAChC;AAAA,wBAAC,WAAW,MAAX,EAAgB,OAAO,MAAM,OAAO,IAAQ,MAAM,MAAM,MACvD,8BAAC,WAAW,WAAX,EAAqB,GACxB;AAAA,IAEA,oBAAC,SAAM,MAAM,MAAM,MAAM,SAAS,IAC/B,gBAAM,OACT;AAAA,KACF;AAEJ;",
4
+ "sourcesContent": ["import { Label, RadioGroup, SizeTokens, ThemeableStack, XStack, YStack } from 'tamagui'\n\nexport function RadioGroupDemo() {\n return (\n <RadioGroup defaultValue=\"3\" name=\"form\">\n <YStack w={300} ai=\"center\" space=\"$2\">\n <RadioGroupItemWithLabel size=\"$3\" value=\"2\" label=\"Second value\" />\n <RadioGroupItemWithLabel size=\"$4\" value=\"3\" label=\"Third value\" />\n <RadioGroupItemWithLabel size=\"$5\" value=\"4\" label=\"Fourth value\" />\n </YStack>\n </RadioGroup>\n )\n}\n\nfunction RadioGroupItemWithLabel(props: {\n size: SizeTokens\n value: string\n label: string\n}) {\n const id = `radiogroup-${props.value}`\n return (\n <XStack w={300} ai=\"center\" space=\"$4\">\n <RadioGroup.Item value={props.value} id={id} size={props.size}>\n <RadioGroup.Indicator />\n </RadioGroup.Item>\n\n <Label size={props.size} htmlFor={id}>\n {props.label}\n </Label>\n </XStack>\n )\n}\n"],
5
+ "mappings": "AAKM,SACE,KADF;AALN,SAAS,OAAO,YAAwC,QAAQ,cAAc;AAEvE,SAAS,iBAAiB;AAC/B,SACE,oBAAC,cAAW,cAAa,KAAI,MAAK,QAChC,+BAAC,UAAO,GAAG,KAAK,IAAG,UAAS,OAAM,MAChC;AAAA,wBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,IAClE,oBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,eAAc;AAAA,IACjE,oBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,KACpE,GACF;AAEJ;AAEA,SAAS,wBAAwB,OAI9B;AACD,QAAM,KAAK,cAAc,MAAM;AAC/B,SACE,qBAAC,UAAO,GAAG,KAAK,IAAG,UAAS,OAAM,MAChC;AAAA,wBAAC,WAAW,MAAX,EAAgB,OAAO,MAAM,OAAO,IAAQ,MAAM,MAAM,MACvD,8BAAC,WAAW,WAAX,EAAqB,GACxB;AAAA,IAEA,oBAAC,SAAM,MAAM,MAAM,MAAM,SAAS,IAC/B,gBAAM,OACT;AAAA,KACF;AAEJ;",
6
6
  "names": []
7
7
  }
package/dist/esm/RadioGroupDemo.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { Label, RadioGroup, XStack, YStack } from "tamagui";
3
3
  function RadioGroupDemo() {
4
- return /* @__PURE__ */ jsx(RadioGroup, { name: "form", children: /* @__PURE__ */ jsxs(YStack, { w: 300, ai: "center", space: "$2", children: [
4
+ return /* @__PURE__ */ jsx(RadioGroup, { defaultValue: "3", name: "form", children: /* @__PURE__ */ jsxs(YStack, { w: 300, ai: "center", space: "$2", children: [
5
5
  /* @__PURE__ */ jsx(RadioGroupItemWithLabel, { size: "$3", value: "2", label: "Second value" }),
6
6
  /* @__PURE__ */ jsx(RadioGroupItemWithLabel, { size: "$4", value: "3", label: "Third value" }),
7
7
  /* @__PURE__ */ jsx(RadioGroupItemWithLabel, { size: "$5", value: "4", label: "Fourth value" })
package/dist/esm/RadioGroupDemo.mjs.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/RadioGroupDemo.tsx"],
4
- "sourcesContent": ["import { Label, RadioGroup, SizeTokens, ThemeableStack, XStack, YStack } from 'tamagui'\n\nexport function RadioGroupDemo() {\n return (\n <RadioGroup name=\"form\">\n <YStack w={300} ai=\"center\" space=\"$2\">\n <RadioGroupItemWithLabel size=\"$3\" value=\"2\" label=\"Second value\" />\n <RadioGroupItemWithLabel size=\"$4\" value=\"3\" label=\"Third value\" />\n <RadioGroupItemWithLabel size=\"$5\" value=\"4\" label=\"Fourth value\" />\n </YStack>\n </RadioGroup>\n )\n}\n\nfunction RadioGroupItemWithLabel(props: {\n size: SizeTokens\n value: string\n label: string\n}) {\n const id = `radiogroup-${props.value}`\n return (\n <XStack w={300} ai=\"center\" space=\"$4\">\n <RadioGroup.Item value={props.value} id={id} size={props.size}>\n <RadioGroup.Indicator />\n </RadioGroup.Item>\n\n <Label size={props.size} htmlFor={id}>\n {props.label}\n </Label>\n </XStack>\n )\n}\n"],
5
- "mappings": "AAKM,SACE,KADF;AALN,SAAS,OAAO,YAAwC,QAAQ,cAAc;AAEvE,SAAS,iBAAiB;AAC/B,SACE,oBAAC,cAAW,MAAK,QACf,+BAAC,UAAO,GAAG,KAAK,IAAG,UAAS,OAAM,MAChC;AAAA,wBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,IAClE,oBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,eAAc;AAAA,IACjE,oBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,KACpE,GACF;AAEJ;AAEA,SAAS,wBAAwB,OAI9B;AACD,QAAM,KAAK,cAAc,MAAM;AAC/B,SACE,qBAAC,UAAO,GAAG,KAAK,IAAG,UAAS,OAAM,MAChC;AAAA,wBAAC,WAAW,MAAX,EAAgB,OAAO,MAAM,OAAO,IAAQ,MAAM,MAAM,MACvD,8BAAC,WAAW,WAAX,EAAqB,GACxB;AAAA,IAEA,oBAAC,SAAM,MAAM,MAAM,MAAM,SAAS,IAC/B,gBAAM,OACT;AAAA,KACF;AAEJ;",
4
+ "sourcesContent": ["import { Label, RadioGroup, SizeTokens, ThemeableStack, XStack, YStack } from 'tamagui'\n\nexport function RadioGroupDemo() {\n return (\n <RadioGroup defaultValue=\"3\" name=\"form\">\n <YStack w={300} ai=\"center\" space=\"$2\">\n <RadioGroupItemWithLabel size=\"$3\" value=\"2\" label=\"Second value\" />\n <RadioGroupItemWithLabel size=\"$4\" value=\"3\" label=\"Third value\" />\n <RadioGroupItemWithLabel size=\"$5\" value=\"4\" label=\"Fourth value\" />\n </YStack>\n </RadioGroup>\n )\n}\n\nfunction RadioGroupItemWithLabel(props: {\n size: SizeTokens\n value: string\n label: string\n}) {\n const id = `radiogroup-${props.value}`\n return (\n <XStack w={300} ai=\"center\" space=\"$4\">\n <RadioGroup.Item value={props.value} id={id} size={props.size}>\n <RadioGroup.Indicator />\n </RadioGroup.Item>\n\n <Label size={props.size} htmlFor={id}>\n {props.label}\n </Label>\n </XStack>\n )\n}\n"],
5
+ "mappings": "AAKM,SACE,KADF;AALN,SAAS,OAAO,YAAwC,QAAQ,cAAc;AAEvE,SAAS,iBAAiB;AAC/B,SACE,oBAAC,cAAW,cAAa,KAAI,MAAK,QAChC,+BAAC,UAAO,GAAG,KAAK,IAAG,UAAS,OAAM,MAChC;AAAA,wBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,IAClE,oBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,eAAc;AAAA,IACjE,oBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,KACpE,GACF;AAEJ;AAEA,SAAS,wBAAwB,OAI9B;AACD,QAAM,KAAK,cAAc,MAAM;AAC/B,SACE,qBAAC,UAAO,GAAG,KAAK,IAAG,UAAS,OAAM,MAChC;AAAA,wBAAC,WAAW,MAAX,EAAgB,OAAO,MAAM,OAAO,IAAQ,MAAM,MAAM,MACvD,8BAAC,WAAW,WAAX,EAAqB,GACxB;AAAA,IAEA,oBAAC,SAAM,MAAM,MAAM,MAAM,SAAS,IAC/B,gBAAM,OACT;AAAA,KACF;AAEJ;",
6
6
  "names": []
7
7
  }
package/dist/jsx/RadioGroupDemo.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { Label, RadioGroup, XStack, YStack } from "tamagui";
2
2
  function RadioGroupDemo() {
3
- return <RadioGroup name="form"><YStack w={300} ai="center" space="$2">
3
+ return <RadioGroup defaultValue="3" name="form"><YStack w={300} ai="center" space="$2">
4
4
  <RadioGroupItemWithLabel size="$3" value="2" label="Second value" />
5
5
  <RadioGroupItemWithLabel size="$4" value="3" label="Third value" />
6
6
  <RadioGroupItemWithLabel size="$5" value="4" label="Fourth value" />
package/dist/jsx/RadioGroupDemo.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/RadioGroupDemo.tsx"],
4
- "sourcesContent": ["import { Label, RadioGroup, SizeTokens, ThemeableStack, XStack, YStack } from 'tamagui'\n\nexport function RadioGroupDemo() {\n return (\n <RadioGroup name=\"form\">\n <YStack w={300} ai=\"center\" space=\"$2\">\n <RadioGroupItemWithLabel size=\"$3\" value=\"2\" label=\"Second value\" />\n <RadioGroupItemWithLabel size=\"$4\" value=\"3\" label=\"Third value\" />\n <RadioGroupItemWithLabel size=\"$5\" value=\"4\" label=\"Fourth value\" />\n </YStack>\n </RadioGroup>\n )\n}\n\nfunction RadioGroupItemWithLabel(props: {\n size: SizeTokens\n value: string\n label: string\n}) {\n const id = `radiogroup-${props.value}`\n return (\n <XStack w={300} ai=\"center\" space=\"$4\">\n <RadioGroup.Item value={props.value} id={id} size={props.size}>\n <RadioGroup.Indicator />\n </RadioGroup.Item>\n\n <Label size={props.size} htmlFor={id}>\n {props.label}\n </Label>\n </XStack>\n )\n}\n"],
5
- "mappings": "AAAA,SAAS,OAAO,YAAwC,QAAQ,cAAc;AAEvE,SAAS,iBAAiB;AAC/B,SACE,CAAC,WAAW,KAAK,OACf,CAAC,OAAO,GAAG,KAAK,GAAG,SAAS,MAAM;AAAA,IAChC,CAAC,wBAAwB,KAAK,KAAK,MAAM,IAAI,MAAM,eAAe;AAAA,IAClE,CAAC,wBAAwB,KAAK,KAAK,MAAM,IAAI,MAAM,cAAc;AAAA,IACjE,CAAC,wBAAwB,KAAK,KAAK,MAAM,IAAI,MAAM,eAAe;AAAA,EACpE,EAJC,OAKH,EANC;AAQL;AAEA,SAAS,wBAAwB,OAI9B;AACD,QAAM,KAAK,cAAc,MAAM;AAC/B,SACE,CAAC,OAAO,GAAG,KAAK,GAAG,SAAS,MAAM;AAAA,IAChC,CAAC,WAAW,KAAK,OAAO,MAAM,OAAO,IAAI,IAAI,MAAM,MAAM,MACvD,CAAC,WAAW,UAAU,EACxB,EAFC,WAAW;AAAA,IAIZ,CAAC,MAAM,MAAM,MAAM,MAAM,SAAS,KAC/B,MAAM,MACT,EAFC;AAAA,EAGH,EARC;AAUL;",
4
+ "sourcesContent": ["import { Label, RadioGroup, SizeTokens, ThemeableStack, XStack, YStack } from 'tamagui'\n\nexport function RadioGroupDemo() {\n return (\n <RadioGroup defaultValue=\"3\" name=\"form\">\n <YStack w={300} ai=\"center\" space=\"$2\">\n <RadioGroupItemWithLabel size=\"$3\" value=\"2\" label=\"Second value\" />\n <RadioGroupItemWithLabel size=\"$4\" value=\"3\" label=\"Third value\" />\n <RadioGroupItemWithLabel size=\"$5\" value=\"4\" label=\"Fourth value\" />\n </YStack>\n </RadioGroup>\n )\n}\n\nfunction RadioGroupItemWithLabel(props: {\n size: SizeTokens\n value: string\n label: string\n}) {\n const id = `radiogroup-${props.value}`\n return (\n <XStack w={300} ai=\"center\" space=\"$4\">\n <RadioGroup.Item value={props.value} id={id} size={props.size}>\n <RadioGroup.Indicator />\n </RadioGroup.Item>\n\n <Label size={props.size} htmlFor={id}>\n {props.label}\n </Label>\n </XStack>\n )\n}\n"],
5
+ "mappings": "AAAA,SAAS,OAAO,YAAwC,QAAQ,cAAc;AAEvE,SAAS,iBAAiB;AAC/B,SACE,CAAC,WAAW,aAAa,IAAI,KAAK,OAChC,CAAC,OAAO,GAAG,KAAK,GAAG,SAAS,MAAM;AAAA,IAChC,CAAC,wBAAwB,KAAK,KAAK,MAAM,IAAI,MAAM,eAAe;AAAA,IAClE,CAAC,wBAAwB,KAAK,KAAK,MAAM,IAAI,MAAM,cAAc;AAAA,IACjE,CAAC,wBAAwB,KAAK,KAAK,MAAM,IAAI,MAAM,eAAe;AAAA,EACpE,EAJC,OAKH,EANC;AAQL;AAEA,SAAS,wBAAwB,OAI9B;AACD,QAAM,KAAK,cAAc,MAAM;AAC/B,SACE,CAAC,OAAO,GAAG,KAAK,GAAG,SAAS,MAAM;AAAA,IAChC,CAAC,WAAW,KAAK,OAAO,MAAM,OAAO,IAAI,IAAI,MAAM,MAAM,MACvD,CAAC,WAAW,UAAU,EACxB,EAFC,WAAW;AAAA,IAIZ,CAAC,MAAM,MAAM,MAAM,MAAM,SAAS,KAC/B,MAAM,MACT,EAFC;AAAA,EAGH,EARC;AAUL;",
6
6
  "names": []
7
7
  }
package/dist/jsx/RadioGroupDemo.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import { Label, RadioGroup, XStack, YStack } from "tamagui";
2
2
  function RadioGroupDemo() {
3
- return <RadioGroup name="form"><YStack w={300} ai="center" space="$2">
3
+ return <RadioGroup defaultValue="3" name="form"><YStack w={300} ai="center" space="$2">
4
4
  <RadioGroupItemWithLabel size="$3" value="2" label="Second value" />
5
5
  <RadioGroupItemWithLabel size="$4" value="3" label="Third value" />
6
6
  <RadioGroupItemWithLabel size="$5" value="4" label="Fourth value" />
package/dist/jsx/RadioGroupDemo.mjs.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/RadioGroupDemo.tsx"],
4
- "sourcesContent": ["import { Label, RadioGroup, SizeTokens, ThemeableStack, XStack, YStack } from 'tamagui'\n\nexport function RadioGroupDemo() {\n return (\n <RadioGroup name=\"form\">\n <YStack w={300} ai=\"center\" space=\"$2\">\n <RadioGroupItemWithLabel size=\"$3\" value=\"2\" label=\"Second value\" />\n <RadioGroupItemWithLabel size=\"$4\" value=\"3\" label=\"Third value\" />\n <RadioGroupItemWithLabel size=\"$5\" value=\"4\" label=\"Fourth value\" />\n </YStack>\n </RadioGroup>\n )\n}\n\nfunction RadioGroupItemWithLabel(props: {\n size: SizeTokens\n value: string\n label: string\n}) {\n const id = `radiogroup-${props.value}`\n return (\n <XStack w={300} ai=\"center\" space=\"$4\">\n <RadioGroup.Item value={props.value} id={id} size={props.size}>\n <RadioGroup.Indicator />\n </RadioGroup.Item>\n\n <Label size={props.size} htmlFor={id}>\n {props.label}\n </Label>\n </XStack>\n )\n}\n"],
5
- "mappings": "AAAA,SAAS,OAAO,YAAwC,QAAQ,cAAc;AAEvE,SAAS,iBAAiB;AAC/B,SACE,CAAC,WAAW,KAAK,OACf,CAAC,OAAO,GAAG,KAAK,GAAG,SAAS,MAAM;AAAA,IAChC,CAAC,wBAAwB,KAAK,KAAK,MAAM,IAAI,MAAM,eAAe;AAAA,IAClE,CAAC,wBAAwB,KAAK,KAAK,MAAM,IAAI,MAAM,cAAc;AAAA,IACjE,CAAC,wBAAwB,KAAK,KAAK,MAAM,IAAI,MAAM,eAAe;AAAA,EACpE,EAJC,OAKH,EANC;AAQL;AAEA,SAAS,wBAAwB,OAI9B;AACD,QAAM,KAAK,cAAc,MAAM;AAC/B,SACE,CAAC,OAAO,GAAG,KAAK,GAAG,SAAS,MAAM;AAAA,IAChC,CAAC,WAAW,KAAK,OAAO,MAAM,OAAO,IAAI,IAAI,MAAM,MAAM,MACvD,CAAC,WAAW,UAAU,EACxB,EAFC,WAAW;AAAA,IAIZ,CAAC,MAAM,MAAM,MAAM,MAAM,SAAS,KAC/B,MAAM,MACT,EAFC;AAAA,EAGH,EARC;AAUL;",
4
+ "sourcesContent": ["import { Label, RadioGroup, SizeTokens, ThemeableStack, XStack, YStack } from 'tamagui'\n\nexport function RadioGroupDemo() {\n return (\n <RadioGroup defaultValue=\"3\" name=\"form\">\n <YStack w={300} ai=\"center\" space=\"$2\">\n <RadioGroupItemWithLabel size=\"$3\" value=\"2\" label=\"Second value\" />\n <RadioGroupItemWithLabel size=\"$4\" value=\"3\" label=\"Third value\" />\n <RadioGroupItemWithLabel size=\"$5\" value=\"4\" label=\"Fourth value\" />\n </YStack>\n </RadioGroup>\n )\n}\n\nfunction RadioGroupItemWithLabel(props: {\n size: SizeTokens\n value: string\n label: string\n}) {\n const id = `radiogroup-${props.value}`\n return (\n <XStack w={300} ai=\"center\" space=\"$4\">\n <RadioGroup.Item value={props.value} id={id} size={props.size}>\n <RadioGroup.Indicator />\n </RadioGroup.Item>\n\n <Label size={props.size} htmlFor={id}>\n {props.label}\n </Label>\n </XStack>\n )\n}\n"],
5
+ "mappings": "AAAA,SAAS,OAAO,YAAwC,QAAQ,cAAc;AAEvE,SAAS,iBAAiB;AAC/B,SACE,CAAC,WAAW,aAAa,IAAI,KAAK,OAChC,CAAC,OAAO,GAAG,KAAK,GAAG,SAAS,MAAM;AAAA,IAChC,CAAC,wBAAwB,KAAK,KAAK,MAAM,IAAI,MAAM,eAAe;AAAA,IAClE,CAAC,wBAAwB,KAAK,KAAK,MAAM,IAAI,MAAM,cAAc;AAAA,IACjE,CAAC,wBAAwB,KAAK,KAAK,MAAM,IAAI,MAAM,eAAe;AAAA,EACpE,EAJC,OAKH,EANC;AAQL;AAEA,SAAS,wBAAwB,OAI9B;AACD,QAAM,KAAK,cAAc,MAAM;AAC/B,SACE,CAAC,OAAO,GAAG,KAAK,GAAG,SAAS,MAAM;AAAA,IAChC,CAAC,WAAW,KAAK,OAAO,MAAM,OAAO,IAAI,IAAI,MAAM,MAAM,MACvD,CAAC,WAAW,UAAU,EACxB,EAFC,WAAW;AAAA,IAIZ,CAAC,MAAM,MAAM,MAAM,MAAM,SAAS,KAC/B,MAAM,MACT,EAFC;AAAA,EAGH,EARC;AAUL;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/demos",
3
- "version": "1.7.8",
3
+ "version": "1.7.10",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -28,28 +28,28 @@
28
28
  }
29
29
  },
30
30
  "dependencies": {
31
- "@tamagui/avatar": "1.7.8",
32
- "@tamagui/button": "1.7.8",
33
- "@tamagui/config": "1.7.8",
34
- "@tamagui/core": "1.7.8",
35
- "@tamagui/list-item": "1.7.8",
36
- "@tamagui/logo": "1.7.8",
37
- "@tamagui/menu": "1.7.8",
38
- "@tamagui/popover": "1.7.8",
39
- "@tamagui/progress": "1.7.8",
40
- "@tamagui/radio-group": "1.7.8",
41
- "@tamagui/select": "1.7.8",
42
- "@tamagui/sheet": "1.7.8",
43
- "@tamagui/slider": "1.7.8",
44
- "@tamagui/stacks": "1.7.8",
45
- "tamagui": "1.7.8"
31
+ "@tamagui/avatar": "1.7.10",
32
+ "@tamagui/button": "1.7.10",
33
+ "@tamagui/config": "1.7.10",
34
+ "@tamagui/core": "1.7.10",
35
+ "@tamagui/list-item": "1.7.10",
36
+ "@tamagui/logo": "1.7.10",
37
+ "@tamagui/menu": "1.7.10",
38
+ "@tamagui/popover": "1.7.10",
39
+ "@tamagui/progress": "1.7.10",
40
+ "@tamagui/radio-group": "1.7.10",
41
+ "@tamagui/select": "1.7.10",
42
+ "@tamagui/sheet": "1.7.10",
43
+ "@tamagui/slider": "1.7.10",
44
+ "@tamagui/stacks": "1.7.10",
45
+ "tamagui": "1.7.10"
46
46
  },
47
47
  "peerDependencies": {
48
48
  "react": "*",
49
49
  "react-dom": "*"
50
50
  },
51
51
  "devDependencies": {
52
- "@tamagui/build": "1.7.8",
52
+ "@tamagui/build": "1.7.10",
53
53
  "react": "^18.2.0",
54
54
  "react-dom": "^18.2.0"
55
55
  },
package/src/RadioGroupDemo.tsx CHANGED
@@ -2,7 +2,7 @@ import { Label, RadioGroup, SizeTokens, ThemeableStack, XStack, YStack } from 't
2
2
 
3
3
  export function RadioGroupDemo() {
4
4
  return (
5
- <RadioGroup name="form">
5
+ <RadioGroup defaultValue="3" name="form">
6
6
  <YStack w={300} ai="center" space="$2">
7
7
  <RadioGroupItemWithLabel size="$3" value="2" label="Second value" />
8
8
  <RadioGroupItemWithLabel size="$4" value="3" label="Third value" />