@tamagui/demos 1.121.12-1737270844392 → 1.121.12-1737271201540

package/dist/cjs/RadioGroupDemo.js

@@ -20,7 +20,7 @@ __export(RadioGroupDemo_exports, {
 module.exports = __toCommonJS(RadioGroupDemo_exports);
 var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function RadioGroupDemo() {
-  return /* @__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, alignItems: "center", gap: "$2", children: [
+  return /* @__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, alignItems: "center", space: "$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" })
@@ -28,7 +28,7 @@ function RadioGroupDemo() {
 }
 function RadioGroupItemWithLabel(props) {
   const id = `radiogroup-${props.value}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: 300, alignItems: "center", gap: "$4", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: 300, alignItems: "center", space: "$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.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/RadioGroupDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAkD,oBAK5C;AAHC,SAAS,iBAAiB;AAC/B,SACE,4CAAC,6BAAW,mBAAgB,mBAAkB,cAAa,KAAI,MAAK,QAClE,uDAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C;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;AAEO,SAAS,wBAAwB,OAIrC;AACD,QAAM,KAAK,cAAc,MAAM,KAAK;AACpC,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C;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;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAkD,oBAK5C;AAHC,SAAS,iBAAiB;AAC/B,SACE,4CAAC,6BAAW,mBAAgB,mBAAkB,cAAa,KAAI,MAAK,QAClE,uDAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;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;AAEO,SAAS,wBAAwB,OAIrC;AACD,QAAM,KAAK,cAAc,MAAM,KAAK;AACpC,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;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;",
   "names": []
 }

package/dist/cjs/RadioGroupDemo.native.js

@@ -28,7 +28,7 @@ function RadioGroupDemo() {
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
       width: 300,
       alignItems: "center",
-      gap: "$2",
+      space: "$2",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
           size: "$3",
@@ -54,7 +54,7 @@ function RadioGroupItemWithLabel(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
     width: 300,
     alignItems: "center",
-    gap: "$4",
+    space: "$4",
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup.Item, {
         value: props.value,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/RadioGroupDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;uDACA,iBAAkD;AAE3C,SAASA,iBAAAA;AACd,SACE,uCAAAC,KAACC,2BAAAA;IAAWC,mBAAgB;IAAkBC,cAAa;IAAIC,MAAK;cAClE,uCAAAC,MAACC,uBAAAA;MAAOC,OAAO;MAAKC,YAAW;MAASC,KAAI;;QAC1C,uCAAAT,KAACU,yBAAAA;UAAwBC,MAAK;UAAKC,OAAM;UAAIC,OAAM;;QACnD,uCAAAb,KAACU,yBAAAA;UAAwBC,MAAK;UAAKC,OAAM;UAAIC,OAAM;;QACnD,uCAAAb,KAACU,yBAAAA;UAAwBC,MAAK;UAAKC,OAAM;UAAIC,OAAM;;;;;AAI3D;AAEO,SAASH,wBAAwBI,OAIvC;AACC,MAAMC,KAAK,cAAcD,MAAMF,KAAK;AACpC,SACE,uCAAAP,MAACW,uBAAAA;IAAOT,OAAO;IAAKC,YAAW;IAASC,KAAI;;MAC1C,uCAAAT,KAACC,0BAAWgB,MAAI;QAACL,OAAOE,MAAMF;QAAOG;QAAQJ,MAAMG,MAAMH;kBACvD,uCAAAX,KAACC,0BAAWiB,WAAS,CAAA,CAAA;;MAGvB,uCAAAlB,KAACmB,sBAAAA;QAAMR,MAAMG,MAAMH;QAAMS,SAASL;kBAC/BD,MAAMD;;;;AAIf;",
-  "names": ["RadioGroupDemo", "_jsx", "RadioGroup", "aria-labelledby", "defaultValue", "name", "_jsxs", "YStack", "width", "alignItems", "gap", "RadioGroupItemWithLabel", "size", "value", "label", "props", "id", "XStack", "Item", "Indicator", "Label", "htmlFor"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;uDACA,iBAAkD;AAE3C,SAASA,iBAAAA;AACd,SACE,uCAAAC,KAACC,2BAAAA;IAAWC,mBAAgB;IAAkBC,cAAa;IAAIC,MAAK;cAClE,uCAAAC,MAACC,uBAAAA;MAAOC,OAAO;MAAKC,YAAW;MAASC,OAAM;;QAC5C,uCAAAT,KAACU,yBAAAA;UAAwBC,MAAK;UAAKC,OAAM;UAAIC,OAAM;;QACnD,uCAAAb,KAACU,yBAAAA;UAAwBC,MAAK;UAAKC,OAAM;UAAIC,OAAM;;QACnD,uCAAAb,KAACU,yBAAAA;UAAwBC,MAAK;UAAKC,OAAM;UAAIC,OAAM;;;;;AAI3D;AAEO,SAASH,wBAAwBI,OAIvC;AACC,MAAMC,KAAK,cAAcD,MAAMF,KAAK;AACpC,SACE,uCAAAP,MAACW,uBAAAA;IAAOT,OAAO;IAAKC,YAAW;IAASC,OAAM;;MAC5C,uCAAAT,KAACC,0BAAWgB,MAAI;QAACL,OAAOE,MAAMF;QAAOG;QAAQJ,MAAMG,MAAMH;kBACvD,uCAAAX,KAACC,0BAAWiB,WAAS,CAAA,CAAA;;MAGvB,uCAAAlB,KAACmB,sBAAAA;QAAMR,MAAMG,MAAMH;QAAMS,SAASL;kBAC/BD,MAAMD;;;;AAIf;",
+  "names": ["RadioGroupDemo", "_jsx", "RadioGroup", "aria-labelledby", "defaultValue", "name", "_jsxs", "YStack", "width", "alignItems", "space", "RadioGroupItemWithLabel", "size", "value", "label", "props", "id", "XStack", "Item", "Indicator", "Label", "htmlFor"]
 }

package/dist/cjs/RadioGroupUnstyledDemo.cjs

@@ -27,7 +27,7 @@ var import_tamagui = require("tamagui"),
   import_radio_group = require("@tamagui/radio-group"),
   import_jsx_runtime = require("react/jsx-runtime");
 const RADIO_GROUP_ITEM_NAME = "RadioGroupItem",
-  RadioGroupItemFrame = (0, import_tamagui.styled)(import_tamagui.YStack, {
+  RadioGroupItemFrame = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
     name: RADIO_GROUP_ITEM_NAME,
     tag: "button",
     borderRadius: 1e3,
@@ -76,15 +76,16 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem",
     }
   }),
   RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator",
-  RadioGroupIndicatorFrame = (0, import_tamagui.styled)(import_tamagui.YStack, {
+  RadioGroupIndicatorFrame = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
     name: RADIO_GROUP_INDICATOR_NAME,
     width: "53%",
     height: "53%",
     borderRadius: 1e3,
-    backgroundColor: "$color"
+    backgroundColor: "$color",
+    pressTheme: !0
   }),
   RADIO_GROUP_NAME = "RadioGroup",
-  RadioGroupFrame = (0, import_tamagui.styled)(import_tamagui.YStack, {
+  RadioGroupFrame = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
     name: RADIO_GROUP_NAME,
     variants: {
       orientation: {
@@ -112,7 +113,7 @@ function RadioGroupUnstyledDemo() {
     children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
       width: 200,
       alignItems: "center",
-      gap: "$2",
+      space: "$2",
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
         value: "2",
         label: "Option One"

package/dist/cjs/RadioGroupUnstyledDemo.js

@@ -18,7 +18,7 @@ __export(RadioGroupUnstyledDemo_exports, {
 });
 module.exports = __toCommonJS(RadioGroupUnstyledDemo_exports);
 var import_tamagui = require("tamagui"), import_radio_group = require("@tamagui/radio-group"), import_jsx_runtime = require("react/jsx-runtime");
-const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", RadioGroupItemFrame = (0, import_tamagui.styled)(import_tamagui.YStack, {
+const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", RadioGroupItemFrame = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
   name: RADIO_GROUP_ITEM_NAME,
   tag: "button",
   borderRadius: 1e3,
@@ -65,13 +65,14 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", RadioGroupItemFrame = (0, import
       }
     }
   }
-}), RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioGroupIndicatorFrame = (0, import_tamagui.styled)(import_tamagui.YStack, {
+}), RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioGroupIndicatorFrame = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
   name: RADIO_GROUP_INDICATOR_NAME,
   width: "53%",
   height: "53%",
   borderRadius: 1e3,
-  backgroundColor: "$color"
-}), RADIO_GROUP_NAME = "RadioGroup", RadioGroupFrame = (0, import_tamagui.styled)(import_tamagui.YStack, {
+  backgroundColor: "$color",
+  pressTheme: !0
+}), RADIO_GROUP_NAME = "RadioGroup", RadioGroupFrame = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
   name: RADIO_GROUP_NAME,
   variants: {
     orientation: {
@@ -91,7 +92,7 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", RadioGroupItemFrame = (0, import
   Item: RadioGroupItemFrame
 });
 function RadioGroupUnstyledDemo() {
-  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, alignItems: "center", gap: "$2", children: [
+  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, alignItems: "center", space: "$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" })
   ] }) });

package/dist/cjs/RadioGroupUnstyledDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/RadioGroupUnstyledDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA8C,oBAE9C,qBAAiC,iCAmG3B;AAjGN,MAAM,wBAAwB,kBAExB,0BAAsB,uBAAO,uBAAQ;AAAA,EACzC,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,SAAS;AAAA,EAET,YAAY;AAAA,IACV,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AAAA,EAEA,mBAAmB;AAAA,IACjB,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,EAChB;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AAAA,EAEA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,QAAQ;AAAA,QAER,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,mBAAmB;AAAA,UACjB,cAAc;AAAA,QAChB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAU,GAEJ,6BAA6B,uBAE7B,+BAA2B,uBAAO,uBAAQ;AAAA,EAC9C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,iBAAiB;AACnB,CAAC,GAEK,mBAAmB,cAEnB,sBAAkB,uBAAO,uBAAQ;AAAA,EACrC,MAAM;AAAA,EACN,UAAU;AAAA,IACR,aAAa;AAAA,MACX,YAAY;AAAA,QACV,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,QACR,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAEK,iBAAa,qCAAiB;AAAA,EAClC,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AACR,CAAC;AAEM,SAAS,yBAAyB;AACvC,SACE,4CAAC,cAAW,mBAAgB,mBAAkB,cAAa,KAAI,MAAK,QAClE,uDAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C;AAAA,gDAAC,2BAAwB,OAAM,KAAI,OAAM,cAAa;AAAA,IACtD,4CAAC,2BAAwB,OAAM,KAAI,OAAM,cAAa;AAAA,KACxD,GACF;AAEJ;AAEA,SAAS,wBAAwB,OAG9B;AACD,QAAM,KAAK,cAAc,MAAM,KAAK;AACpC,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C;AAAA,gDAAC,WAAW,MAAX,EAAgB,OAAO,MAAM,OAAO,IACnC,sDAAC,WAAW,WAAX,EAAqB,GACxB;AAAA,IAEA,4CAAC,wBAAM,SAAS,IAAK,gBAAM,OAAM;AAAA,KACnC;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA8D,oBAE9D,qBAAiC,iCAoG3B;AAlGN,MAAM,wBAAwB,kBAExB,0BAAsB,uBAAO,+BAAgB;AAAA,EACjD,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,SAAS;AAAA,EAET,YAAY;AAAA,IACV,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AAAA,EAEA,mBAAmB;AAAA,IACjB,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,EAChB;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AAAA,EAEA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,QAAQ;AAAA,QAER,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,mBAAmB;AAAA,UACjB,cAAc;AAAA,QAChB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAU,GAEJ,6BAA6B,uBAE7B,+BAA2B,uBAAO,+BAAgB;AAAA,EACtD,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,YAAY;AACd,CAAC,GAEK,mBAAmB,cAEnB,sBAAkB,uBAAO,+BAAgB;AAAA,EAC7C,MAAM;AAAA,EACN,UAAU;AAAA,IACR,aAAa;AAAA,MACX,YAAY;AAAA,QACV,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,QACR,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAEK,iBAAa,qCAAiB;AAAA,EAClC,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AACR,CAAC;AAEM,SAAS,yBAAyB;AACvC,SACE,4CAAC,cAAW,mBAAgB,mBAAkB,cAAa,KAAI,MAAK,QAClE,uDAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,gDAAC,2BAAwB,OAAM,KAAI,OAAM,cAAa;AAAA,IACtD,4CAAC,2BAAwB,OAAM,KAAI,OAAM,cAAa;AAAA,KACxD,GACF;AAEJ;AAEA,SAAS,wBAAwB,OAG9B;AACD,QAAM,KAAK,cAAc,MAAM,KAAK;AACpC,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C;AAAA,gDAAC,WAAW,MAAX,EAAgB,OAAO,MAAM,OAAO,IACnC,sDAAC,WAAW,WAAX,EAAqB,GACxB;AAAA,IAEA,4CAAC,wBAAM,SAAS,IAAK,gBAAM,OAAM;AAAA,KACnC;AAEJ;",
   "names": []
 }

package/dist/cjs/RadioGroupUnstyledDemo.native.js

@@ -18,7 +18,7 @@ __export(RadioGroupUnstyledDemo_exports, {
   RadioGroupUnstyledDemo: () => RadioGroupUnstyledDemo
 });
 module.exports = __toCommonJS(RadioGroupUnstyledDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"), import_tamagui = require("tamagui"), import_radio_group = require("@tamagui/radio-group"), RADIO_GROUP_ITEM_NAME = "RadioGroupItem", RadioGroupItemFrame = (0, import_tamagui.styled)(import_tamagui.YStack, {
+var import_jsx_runtime = require("react/jsx-runtime"), import_tamagui = require("tamagui"), import_radio_group = require("@tamagui/radio-group"), RADIO_GROUP_ITEM_NAME = "RadioGroupItem", RadioGroupItemFrame = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
   name: RADIO_GROUP_ITEM_NAME,
   tag: "button",
   borderRadius: 1e3,
@@ -65,13 +65,14 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_tamagui = require(
       }
     }
   }
-}), RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioGroupIndicatorFrame = (0, import_tamagui.styled)(import_tamagui.YStack, {
+}), RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioGroupIndicatorFrame = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
   name: RADIO_GROUP_INDICATOR_NAME,
   width: "53%",
   height: "53%",
   borderRadius: 1e3,
-  backgroundColor: "$color"
-}), RADIO_GROUP_NAME = "RadioGroup", RadioGroupFrame = (0, import_tamagui.styled)(import_tamagui.YStack, {
+  backgroundColor: "$color",
+  pressTheme: !0
+}), RADIO_GROUP_NAME = "RadioGroup", RadioGroupFrame = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
   name: RADIO_GROUP_NAME,
   variants: {
     orientation: {
@@ -98,7 +99,7 @@ function RadioGroupUnstyledDemo() {
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
       width: 200,
       alignItems: "center",
-      gap: "$2",
+      space: "$2",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
           value: "2",

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/RadioGroupUnstyledDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,iBAA8C,oBAE9C,qBAAiC,iCAE3BA,wBAAwB,kBAExBC,0BAAsBC,uBAAOC,uBAAQ;EACzCC,MAAMJ;EACNK,KAAK;EAELC,cAAc;EACdC,iBAAiB;EACjBC,YAAY;EACZC,gBAAgB;EAChBC,aAAa;EACbC,aAAa;EACbC,SAAS;EAETC,YAAY;IACVF,aAAa;IACbJ,iBAAiB;EACnB;EAEAO,YAAY;IACVH,aAAa;IACbJ,iBAAiB;EACnB;EAEAQ,mBAAmB;IACjBC,cAAc;IACdC,cAAc;IACdC,cAAc;EAChB;EAEAC,YAAY;IACVR,aAAa;IACbJ,iBAAiB;EACnB;EAEAa,UAAU;IACRC,UAAU;MACRC,MAAM;QACJC,eAAe;QACfC,YAAY;QACZC,QAAQ;QAERZ,YAAY;UACVF,aAAa;UACbJ,iBAAiB;QACnB;QAEAY,YAAY;UACVR,aAAa;UACbJ,iBAAiB;QACnB;QAEAQ,mBAAmB;UACjBE,cAAc;QAChB;MACF;IACF;EACF;AACF,CAAA,GAEMS,6BAA6B,uBAE7BC,+BAA2BzB,uBAAOC,uBAAQ;EAC9CC,MAAMsB;EACNE,OAAO;EACPC,QAAQ;EACRvB,cAAc;EACdC,iBAAiB;AACnB,CAAA,GAEMuB,mBAAmB,cAEnBC,sBAAkB7B,uBAAOC,uBAAQ;EACrCC,MAAM0B;EACNV,UAAU;IACRY,aAAa;MACXC,YAAY;QACVC,eAAe;QACfC,gBAAgB;MAClB;MACAC,UAAU;QACRF,eAAe;QACfC,gBAAgB;MAClB;IACF;EACF;AACF,CAAA,GAEME,iBAAaC,qCAAiB;EAClCC,OAAOR;EACPS,WAAWb;EACXc,MAAMxC;AACR,CAAA;AAEO,SAASyC,yBAAAA;AACd,SACE,uCAAAC,KAACN,YAAAA;IAAWO,mBAAgB;IAAkBC,cAAa;IAAIzC,MAAK;cAClE,uCAAA0C,MAAC3C,uBAAAA;MAAOyB,OAAO;MAAKpB,YAAW;MAASuC,KAAI;;QAC1C,uCAAAJ,KAACK,yBAAAA;UAAwBC,OAAM;UAAIC,OAAM;;QACzC,uCAAAP,KAACK,yBAAAA;UAAwBC,OAAM;UAAIC,OAAM;;;;;AAIjD;AAEA,SAASF,wBAAwBG,OAGhC;AACC,MAAMC,KAAK,cAAcD,MAAMF,KAAK;AACpC,SACE,uCAAAH,MAACO,uBAAAA;IAAOzB,OAAO;IAAKpB,YAAW;IAASuC,KAAI;;MAC1C,uCAAAJ,KAACN,WAAWI,MAAI;QAACQ,OAAOE,MAAMF;QAAOG;kBACnC,uCAAAT,KAACN,WAAWG,WAAS,CAAA,CAAA;;MAGvB,uCAAAG,KAACW,sBAAAA;QAAMC,SAASH;kBAAKD,MAAMD;;;;AAGjC;",
-  "names": ["RADIO_GROUP_ITEM_NAME", "RadioGroupItemFrame", "styled", "YStack", "name", "tag", "borderRadius", "backgroundColor", "alignItems", "justifyContent", "borderWidth", "borderColor", "padding", "hoverStyle", "focusStyle", "focusVisibleStyle", "outlineStyle", "outlineWidth", "outlineColor", "pressStyle", "variants", "disabled", "true", "pointerEvents", "userSelect", "cursor", "RADIO_GROUP_INDICATOR_NAME", "RadioGroupIndicatorFrame", "width", "height", "RADIO_GROUP_NAME", "RadioGroupFrame", "orientation", "horizontal", "flexDirection", "spaceDirection", "vertical", "RadioGroup", "createRadioGroup", "Frame", "Indicator", "Item", "RadioGroupUnstyledDemo", "_jsx", "aria-labelledby", "defaultValue", "_jsxs", "gap", "RadioGroupItemWithLabel", "value", "label", "props", "id", "XStack", "Label", "htmlFor"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDACA,iBAA8D,oBAE9D,qBAAiC,iCAE3BA,wBAAwB,kBAExBC,0BAAsBC,uBAAOC,+BAAgB;EACjDC,MAAMJ;EACNK,KAAK;EAELC,cAAc;EACdC,iBAAiB;EACjBC,YAAY;EACZC,gBAAgB;EAChBC,aAAa;EACbC,aAAa;EACbC,SAAS;EAETC,YAAY;IACVF,aAAa;IACbJ,iBAAiB;EACnB;EAEAO,YAAY;IACVH,aAAa;IACbJ,iBAAiB;EACnB;EAEAQ,mBAAmB;IACjBC,cAAc;IACdC,cAAc;IACdC,cAAc;EAChB;EAEAC,YAAY;IACVR,aAAa;IACbJ,iBAAiB;EACnB;EAEAa,UAAU;IACRC,UAAU;MACRC,MAAM;QACJC,eAAe;QACfC,YAAY;QACZC,QAAQ;QAERZ,YAAY;UACVF,aAAa;UACbJ,iBAAiB;QACnB;QAEAY,YAAY;UACVR,aAAa;UACbJ,iBAAiB;QACnB;QAEAQ,mBAAmB;UACjBE,cAAc;QAChB;MACF;IACF;EACF;AACF,CAAA,GAEMS,6BAA6B,uBAE7BC,+BAA2BzB,uBAAOC,+BAAgB;EACtDC,MAAMsB;EACNE,OAAO;EACPC,QAAQ;EACRvB,cAAc;EACdC,iBAAiB;EACjBuB,YAAY;AACd,CAAA,GAEMC,mBAAmB,cAEnBC,sBAAkB9B,uBAAOC,+BAAgB;EAC7CC,MAAM2B;EACNX,UAAU;IACRa,aAAa;MACXC,YAAY;QACVC,eAAe;QACfC,gBAAgB;MAClB;MACAC,UAAU;QACRF,eAAe;QACfC,gBAAgB;MAClB;IACF;EACF;AACF,CAAA,GAEME,iBAAaC,qCAAiB;EAClCC,OAAOR;EACPS,WAAWd;EACXe,MAAMzC;AACR,CAAA;AAEO,SAAS0C,yBAAAA;AACd,SACE,uCAAAC,KAACN,YAAAA;IAAWO,mBAAgB;IAAkBC,cAAa;IAAI1C,MAAK;cAClE,uCAAA2C,MAACC,uBAAAA;MAAOpB,OAAO;MAAKpB,YAAW;MAASyC,OAAM;;QAC5C,uCAAAL,KAACM,yBAAAA;UAAwBC,OAAM;UAAIC,OAAM;;QACzC,uCAAAR,KAACM,yBAAAA;UAAwBC,OAAM;UAAIC,OAAM;;;;;AAIjD;AAEA,SAASF,wBAAwBG,OAGhC;AACC,MAAMC,KAAK,cAAcD,MAAMF,KAAK;AACpC,SACE,uCAAAJ,MAACQ,uBAAAA;IAAO3B,OAAO;IAAKpB,YAAW;IAASgD,KAAI;;MAC1C,uCAAAZ,KAACN,WAAWI,MAAI;QAACS,OAAOE,MAAMF;QAAOG;kBACnC,uCAAAV,KAACN,WAAWG,WAAS,CAAA,CAAA;;MAGvB,uCAAAG,KAACa,sBAAAA;QAAMC,SAASJ;kBAAKD,MAAMD;;;;AAGjC;",
+  "names": ["RADIO_GROUP_ITEM_NAME", "RadioGroupItemFrame", "styled", "ThemeableStack", "name", "tag", "borderRadius", "backgroundColor", "alignItems", "justifyContent", "borderWidth", "borderColor", "padding", "hoverStyle", "focusStyle", "focusVisibleStyle", "outlineStyle", "outlineWidth", "outlineColor", "pressStyle", "variants", "disabled", "true", "pointerEvents", "userSelect", "cursor", "RADIO_GROUP_INDICATOR_NAME", "RadioGroupIndicatorFrame", "width", "height", "pressTheme", "RADIO_GROUP_NAME", "RadioGroupFrame", "orientation", "horizontal", "flexDirection", "spaceDirection", "vertical", "RadioGroup", "createRadioGroup", "Frame", "Indicator", "Item", "RadioGroupUnstyledDemo", "_jsx", "aria-labelledby", "defaultValue", "_jsxs", "YStack", "space", "RadioGroupItemWithLabel", "value", "label", "props", "id", "XStack", "gap", "Label", "htmlFor"]
 }

package/dist/cjs/ReplaceThemeDemo.cjs

@@ -52,7 +52,7 @@ function ReplaceThemeDemo() {
     }), setTheme("mytheme");
   }, []), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     alignItems: "center",
-    gap: "$4",
+    space: !0,
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
       gap: "$5",
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Theme, {

package/dist/cjs/ReplaceThemeDemo.js

@@ -37,7 +37,7 @@ function ReplaceThemeDemo() {
         color2: "green"
       }
     }), setTheme("mytheme");
-  }, []), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { alignItems: "center", gap: "$4", children: [
+  }, []), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { alignItems: "center", space: !0, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, { gap: "$5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: theme ?? null, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { borderRadius: "$8", size: 100, backgroundColor: "$color" }) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_tamagui.Button,

package/dist/cjs/ReplaceThemeDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ReplaceThemeDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAClB,eAAuC,2BAEvC,iBAQO,oBAmBH;AAjBG,SAAS,mBAAmB;AACjC,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAAA,QAAM,SAAc,GACxC,aAAS,+BAAe;AAE9B,uDAA0B,MAAM;AAC9B,+BAAS;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,IACF,CAAC,GACD,SAAS,SAAS;AAAA,EACpB,GAAG,CAAC,CAAC,GAGH,6CAAC,yBAAO,YAAW,UAAS,KAAI,MAC9B;AAAA,gDAAC,yBAAO,KAAI,MACV,sDAAC,wBAAM,MAAM,SAAS,MACpB,sDAAC,yBAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE,GACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,yCAAa;AAAA,YACX,MAAM;AAAA,YACN,OAAO;AAAA,cACL,OAAO;AAAA,YACT;AAAA,UACF,CAAC,GACD,OAAO;AAAA,QACT;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAClB,eAAuC,2BAEvC,iBAQO,oBAmBH;AAjBG,SAAS,mBAAmB;AACjC,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAAA,QAAM,SAAc,GACxC,aAAS,+BAAe;AAE9B,uDAA0B,MAAM;AAC9B,+BAAS;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,IACF,CAAC,GACD,SAAS,SAAS;AAAA,EACpB,GAAG,CAAC,CAAC,GAGH,6CAAC,yBAAO,YAAW,UAAS,OAAK,IAC/B;AAAA,gDAAC,yBAAO,KAAI,MACV,sDAAC,wBAAM,MAAM,SAAS,MACpB,sDAAC,yBAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE,GACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,yCAAa;AAAA,YACX,MAAM;AAAA,YACN,OAAO;AAAA,cACL,OAAO;AAAA,YACT;AAAA,UACF,CAAC,GACD,OAAO;AAAA,QACT;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
   "names": ["React"]
 }

package/dist/cjs/ReplaceThemeDemo.native.js

@@ -40,7 +40,7 @@ function ReplaceThemeDemo() {
     }), setTheme("mytheme");
   }, []), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     alignItems: "center",
-    gap: "$4",
+    space: !0,
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
         gap: "$5",

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/ReplaceThemeDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,2BAClB,eAAuC,2BAEvC,iBAQO;AAEA,SAASA,mBAAAA;AACd,MAAM,CAACC,OAAOC,QAAAA,IAAYC,aAAAA,QAAMC,SAAQ,GAClCC,aAASC,+BAAAA;AAEfC,uDAA0B,WAAA;AACxBC,+BAAS;MACPC,MAAM;MACNC,WAAW;MACXT,OAAO;QACLU,OAAO;QACPC,QAAQ;MACV;IACF,CAAA,GACAV,SAAS,SAAA;EACX,GAAG,CAAA,CAAE,GAGH,uCAAAW,MAACC,uBAAAA;IAAOC,YAAW;IAASC,KAAI;;MAC9B,uCAAAC,KAACC,uBAAAA;QAAOF,KAAI;kBACV,uCAAAC,KAACE,sBAAAA;UAAMV,MAAMR,SAAS;oBACpB,uCAAAgB,KAACG,uBAAAA;YAAOC,cAAa;YAAKC,MAAM;YAAKC,iBAAgB;;;;MAIzD,uCAAAN,KAACO,uBAAAA;QACCC,SAAS,WAAA;AACPC,yCAAa;YACXjB,MAAM;YACNR,OAAO;cACLU,OAAO;YACT;UACF,CAAA,GACAN,OAAAA;QACF;kBACD;;;;AAKP;",
-  "names": ["ReplaceThemeDemo", "theme", "setTheme", "React", "useState", "update", "useForceUpdate", "useIsomorphicLayoutEffect", "addTheme", "name", "insertCSS", "color", "color2", "_jsxs", "YStack", "alignItems", "gap", "_jsx", "XStack", "Theme", "Square", "borderRadius", "size", "backgroundColor", "Button", "onPress", "replaceTheme"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,2BAClB,eAAuC,2BAEvC,iBAQO;AAEA,SAASA,mBAAAA;AACd,MAAM,CAACC,OAAOC,QAAAA,IAAYC,aAAAA,QAAMC,SAAQ,GAClCC,aAASC,+BAAAA;AAEfC,uDAA0B,WAAA;AACxBC,+BAAS;MACPC,MAAM;MACNC,WAAW;MACXT,OAAO;QACLU,OAAO;QACPC,QAAQ;MACV;IACF,CAAA,GACAV,SAAS,SAAA;EACX,GAAG,CAAA,CAAE,GAGH,uCAAAW,MAACC,uBAAAA;IAAOC,YAAW;IAASC,OAAK;;MAC/B,uCAAAC,KAACC,uBAAAA;QAAOC,KAAI;kBACV,uCAAAF,KAACG,sBAAAA;UAAMX,MAAMR,SAAS;oBACpB,uCAAAgB,KAACI,uBAAAA;YAAOC,cAAa;YAAKC,MAAM;YAAKC,iBAAgB;;;;MAIzD,uCAAAP,KAACQ,uBAAAA;QACCC,SAAS,WAAA;AACPC,yCAAa;YACXlB,MAAM;YACNR,OAAO;cACLU,OAAO;YACT;UACF,CAAA,GACAN,OAAAA;QACF;kBACD;;;;AAKP;",
+  "names": ["ReplaceThemeDemo", "theme", "setTheme", "React", "useState", "update", "useForceUpdate", "useIsomorphicLayoutEffect", "addTheme", "name", "insertCSS", "color", "color2", "_jsxs", "YStack", "alignItems", "space", "_jsx", "XStack", "gap", "Theme", "Square", "borderRadius", "size", "backgroundColor", "Button", "onPress", "replaceTheme"]
 }

package/dist/cjs/ShapesDemo.cjs

@@ -28,7 +28,7 @@ var import_tamagui = require("tamagui"),
 function ShapesDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
     padding: "$2",
-    gap: "$4",
+    space: "$4",
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
       size: 100,
       backgroundColor: "$color",

package/dist/cjs/ShapesDemo.js

@@ -19,7 +19,7 @@ __export(ShapesDemo_exports, {
 module.exports = __toCommonJS(ShapesDemo_exports);
 var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function ShapesDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { padding: "$2", gap: "$4", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { padding: "$2", space: "$4", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { size: 100, backgroundColor: "$color", elevation: "$4" }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Circle, { size: 100, backgroundColor: "$color", elevation: "$4" })
   ] });

package/dist/cjs/ShapesDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ShapesDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAuC,oBAInC;AAFG,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,SAAQ,MAAK,KAAI,MACvB;AAAA,gDAAC,yBAAO,MAAM,KAAK,iBAAgB,UAAS,WAAU,MAAK;AAAA,IAC3D,4CAAC,yBAAO,MAAM,KAAK,iBAAgB,UAAS,WAAU,MAAK;AAAA,KAC7D;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAuC,oBAInC;AAFG,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,SAAQ,MAAK,OAAM,MACzB;AAAA,gDAAC,yBAAO,MAAM,KAAK,iBAAgB,UAAS,WAAU,MAAK;AAAA,IAC3D,4CAAC,yBAAO,MAAM,KAAK,iBAAgB,UAAS,WAAU,MAAK;AAAA,KAC7D;AAEJ;",
   "names": []
 }

package/dist/cjs/ShapesDemo.native.js

@@ -22,7 +22,7 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_tamagui = require(
 function ShapesDemo() {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
     padding: "$2",
-    gap: "$4",
+    space: "$4",
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
         size: 100,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/ShapesDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,iBAAuC;AAEhC,SAASA,aAAAA;AACd,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,SAAQ;IAAKC,KAAI;;MACvB,uCAAAC,KAACC,uBAAAA;QAAOC,MAAM;QAAKC,iBAAgB;QAASC,WAAU;;MACtD,uCAAAJ,KAACK,uBAAAA;QAAOH,MAAM;QAAKC,iBAAgB;QAASC,WAAU;;;;AAG5D;",
-  "names": ["ShapesDemo", "_jsxs", "XStack", "padding", "gap", "_jsx", "Square", "size", "backgroundColor", "elevation", "Circle"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,iBAAuC;AAEhC,SAASA,aAAAA;AACd,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,SAAQ;IAAKC,OAAM;;MACzB,uCAAAC,KAACC,uBAAAA;QAAOC,MAAM;QAAKC,iBAAgB;QAASC,WAAU;;MACtD,uCAAAJ,KAACK,uBAAAA;QAAOH,MAAM;QAAKC,iBAAgB;QAASC,WAAU;;;;AAG5D;",
+  "names": ["ShapesDemo", "_jsxs", "XStack", "padding", "space", "_jsx", "Square", "size", "backgroundColor", "elevation", "Circle"]
 }

package/dist/cjs/SpinnerDemo.cjs

@@ -28,7 +28,7 @@ var import_tamagui = require("tamagui"),
 function SpinnerDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     padding: "$3",
-    gap: "$4",
+    space: "$4",
     alignItems: "center",
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
       size: "small",

package/dist/cjs/SpinnerDemo.js

@@ -19,7 +19,7 @@ __export(SpinnerDemo_exports, {
 module.exports = __toCommonJS(SpinnerDemo_exports);
 var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function SpinnerDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$3", gap: "$4", alignItems: "center", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$3", space: "$4", alignItems: "center", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, { size: "small", color: "$green10" }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, { size: "large", color: "$orange10" })
   ] });

package/dist/cjs/SpinnerDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SpinnerDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAgC,oBAI5B;AAFG,SAAS,cAAc;AAC5B,SACE,6CAAC,yBAAO,SAAQ,MAAK,KAAI,MAAK,YAAW,UACvC;AAAA,gDAAC,0BAAQ,MAAK,SAAQ,OAAM,YAAW;AAAA,IACvC,4CAAC,0BAAQ,MAAK,SAAQ,OAAM,aAAY;AAAA,KAC1C;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAgC,oBAI5B;AAFG,SAAS,cAAc;AAC5B,SACE,6CAAC,yBAAO,SAAQ,MAAK,OAAM,MAAK,YAAW,UACzC;AAAA,gDAAC,0BAAQ,MAAK,SAAQ,OAAM,YAAW;AAAA,IACvC,4CAAC,0BAAQ,MAAK,SAAQ,OAAM,aAAY;AAAA,KAC1C;AAEJ;",
   "names": []
 }

package/dist/cjs/SpinnerDemo.native.js

@@ -22,7 +22,7 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_tamagui = require(
 function SpinnerDemo() {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     padding: "$3",
-    gap: "$4",
+    space: "$4",
     alignItems: "center",
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/SpinnerDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,iBAAgC;AAEzB,SAASA,cAAAA;AACd,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,SAAQ;IAAKC,KAAI;IAAKC,YAAW;;MACvC,uCAAAC,KAACC,wBAAAA;QAAQC,MAAK;QAAQC,OAAM;;MAC5B,uCAAAH,KAACC,wBAAAA;QAAQC,MAAK;QAAQC,OAAM;;;;AAGlC;",
-  "names": ["SpinnerDemo", "_jsxs", "YStack", "padding", "gap", "alignItems", "_jsx", "Spinner", "size", "color"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,iBAAgC;AAEzB,SAASA,cAAAA;AACd,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,SAAQ;IAAKC,OAAM;IAAKC,YAAW;;MACzC,uCAAAC,KAACC,wBAAAA;QAAQC,MAAK;QAAQC,OAAM;;MAC5B,uCAAAH,KAACC,wBAAAA;QAAQC,MAAK;QAAQC,OAAM;;;;AAGlC;",
+  "names": ["SpinnerDemo", "_jsxs", "YStack", "padding", "space", "alignItems", "_jsx", "Spinner", "size", "color"]
 }

package/dist/cjs/SwitchHeadlessDemo.cjs

@@ -43,7 +43,7 @@ function SwitchHeadlessDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
     width: 200,
     alignItems: "center",
-    gap: "$3",
+    space: "$3",
     children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
       gap: "$3",
       alignItems: "center",

package/dist/cjs/SwitchHeadlessDemo.js

@@ -27,7 +27,7 @@ __export(SwitchHeadlessDemo_exports, {
 module.exports = __toCommonJS(SwitchHeadlessDemo_exports);
 var import_react = __toESM(require("react")), import_switch_headless = require("@tamagui/switch-headless"), import_react_native = require("react-native-web"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function SwitchHeadlessDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: 200, alignItems: "center", gap: "$3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$3", alignItems: "center", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: 200, alignItems: "center", space: "$3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$3", alignItems: "center", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { htmlFor: "headless", children: "Headless" }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HeadlessSwitch, { defaultChecked: !0, id: "headless" })
   ] }) });

package/dist/cjs/SwitchHeadlessDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SwitchHeadlessDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAElB,yBAA0B,qCAG1B,sBAAoC,yBACpC,iBAAsC,oBAKhC;AAHC,SAAS,qBAAqB;AACnC,SACE,4CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C,uDAAC,yBAAO,KAAI,MAAK,YAAW,UAC1B;AAAA,gDAAC,wBAAM,SAAQ,YAAW,sBAAQ;AAAA,IAClC,4CAAC,kBAAe,gBAAc,IAAC,IAAG,YAAW;AAAA,KAC/C,GACF;AAEJ;AAEA,MAAM,iBAAiB,aAAAA,QAAM,WAAsC,CAAC,OAAO,QAAQ;AACjF,QAAM,CAAC,SAAS,UAAU,IAAI,aAAAA,QAAM,SAAS,MAAM,kBAAkB,EAAK,GACpE,EAAE,aAAa,WAAW,YAAY,QAAI;AAAA,IAC9C;AAAA,IACA,CAAC,SAAS,UAAU;AAAA,IACpB;AAAA,EACF,GAEM,YAAY,aAAAA,QAAM,OAAO,IAAI,6BAAS,MAAM,UAAU,IAAI,CAAC,CAAC,EAAE;AAEpE,sBAAAA,QAAM,UAAU,MAAM;AACpB,iCAAS,OAAO,WAAW;AAAA,MACzB,SAAS,UAAU,IAAI;AAAA,MACvB,UAAU;AAAA,MACV,iBAAiB;AAAA,IACnB,CAAC,EAAE,MAAM;AAAA,EACX,GAAG,CAAC,OAAO,CAAC,GAGV,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,iBAAiB,UAAU,cAAc;AAAA,QAC3C;AAAA,QACA,KAAK;AAAA,QACJ,GAAG;AAAA,QAEJ;AAAA,UAAC,6BAAS;AAAA,UAAT;AAAA,YACC,OAAO;AAAA,cACL;AAAA,gBACE,iBAAiB;AAAA,gBACjB,cAAc;AAAA,gBACd,OAAO;AAAA,gBACP,QAAQ;AAAA,cACV;AAAA,cACA;AAAA,gBACE,WAAW;AAAA,kBACT;AAAA,oBACE,YAAY,UAAU,YAAY;AAAA,sBAChC,YAAY,CAAC,GAAG,CAAC;AAAA,sBACjB,aAAa,CAAC,GAAG,EAAE;AAAA,oBACrB,CAAC;AAAA,kBACH;AAAA,gBACF;AAAA,cACF;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACC;AAAA,KACH;AAEJ,CAAC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAElB,yBAA0B,qCAG1B,sBAAoC,yBACpC,iBAAsC,oBAKhC;AAHC,SAAS,qBAAqB;AACnC,SACE,4CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C,uDAAC,yBAAO,KAAI,MAAK,YAAW,UAC1B;AAAA,gDAAC,wBAAM,SAAQ,YAAW,sBAAQ;AAAA,IAClC,4CAAC,kBAAe,gBAAc,IAAC,IAAG,YAAW;AAAA,KAC/C,GACF;AAEJ;AAEA,MAAM,iBAAiB,aAAAA,QAAM,WAAsC,CAAC,OAAO,QAAQ;AACjF,QAAM,CAAC,SAAS,UAAU,IAAI,aAAAA,QAAM,SAAS,MAAM,kBAAkB,EAAK,GACpE,EAAE,aAAa,WAAW,YAAY,QAAI;AAAA,IAC9C;AAAA,IACA,CAAC,SAAS,UAAU;AAAA,IACpB;AAAA,EACF,GAEM,YAAY,aAAAA,QAAM,OAAO,IAAI,6BAAS,MAAM,UAAU,IAAI,CAAC,CAAC,EAAE;AAEpE,sBAAAA,QAAM,UAAU,MAAM;AACpB,iCAAS,OAAO,WAAW;AAAA,MACzB,SAAS,UAAU,IAAI;AAAA,MACvB,UAAU;AAAA,MACV,iBAAiB;AAAA,IACnB,CAAC,EAAE,MAAM;AAAA,EACX,GAAG,CAAC,OAAO,CAAC,GAGV,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,iBAAiB,UAAU,cAAc;AAAA,QAC3C;AAAA,QACA,KAAK;AAAA,QACJ,GAAG;AAAA,QAEJ;AAAA,UAAC,6BAAS;AAAA,UAAT;AAAA,YACC,OAAO;AAAA,cACL;AAAA,gBACE,iBAAiB;AAAA,gBACjB,cAAc;AAAA,gBACd,OAAO;AAAA,gBACP,QAAQ;AAAA,cACV;AAAA,cACA;AAAA,gBACE,WAAW;AAAA,kBACT;AAAA,oBACE,YAAY,UAAU,YAAY;AAAA,sBAChC,YAAY,CAAC,GAAG,CAAC;AAAA,sBACjB,aAAa,CAAC,GAAG,EAAE;AAAA,oBACrB,CAAC;AAAA,kBACH;AAAA,gBACF;AAAA,cACF;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACC;AAAA,KACH;AAEJ,CAAC;",
   "names": ["React"]
 }

package/dist/cjs/SwitchHeadlessDemo.native.js

@@ -31,7 +31,7 @@ function SwitchHeadlessDemo() {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
     width: 200,
     alignItems: "center",
-    gap: "$3",
+    space: "$3",
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
       gap: "$3",
       alignItems: "center",

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/SwitchHeadlessDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,2BAElB,yBAA0B,qCAG1B,sBAAoC,yBACpC,iBAAsC;AAE/B,SAASA,qBAAAA;AACd,SACE,uCAAAC,KAACC,uBAAAA;IAAOC,OAAO;IAAKC,YAAW;IAASC,KAAI;cAC1C,uCAAAC,MAACC,uBAAAA;MAAOF,KAAI;MAAKD,YAAW;;QAC1B,uCAAAH,KAACO,sBAAAA;UAAMC,SAAQ;oBAAW;;QAC1B,uCAAAR,KAACS,gBAAAA;UAAeC,gBAAc;UAACC,IAAG;;;;;AAI1C;AAEA,IAAMF,iBAAiBG,6BAAAA,QAAMC,WAAsC,SAACC,OAAOC,KAAAA;AACzE,MAAM,CAACC,SAASC,UAAAA,IAAcL,aAAAA,QAAMM,SAASJ,MAAMJ,kBAAkB,EAAA,GAC/D,EAAES,aAAaC,WAAWC,YAAW,QAAKC,kCAC9CR,OACA;IAACE;IAASC;KACVF,GAAAA,GAGIQ,YAAYX,aAAAA,QAAMY,OAAO,IAAIC,6BAASC,MAAMV,UAAU,IAAI,CAAA,CAAA,EAAIW;AAEpEf,sBAAAA,QAAMgB,UAAU,WAAA;AACdH,iCAASI,OAAON,WAAW;MACzBO,SAASd,UAAU,IAAI;MACvBe,UAAU;MACVC,iBAAiB;IACnB,CAAA,EAAGC,MAAK;EACV,GAAG;IAACjB;GAAQ,GAGV,uCAAAX,MAAA,mBAAA6B,UAAA;;MACE,uCAAAlC,KAACmC,+BAAAA;QACCC,OAAO;UACLlC,OAAO;UACPmC,QAAQ;UACRC,cAAc;UACdC,iBAAiBvB,UAAU,cAAc;QAC3C;QACAD,KAAKK;QACJ,GAAGD;kBAEJ,uCAAAnB,KAACyB,6BAASe,MAAI;UACZJ,OAAO;YACL;cACEG,iBAAiB;cACjBD,cAAc;cACdpC,OAAO;cACPmC,QAAQ;YACV;YACA;cACEI,WAAW;gBACT;kBACEC,YAAYnB,UAAUoB,YAAY;oBAChCC,YAAY;sBAAC;sBAAG;;oBAChBC,aAAa;sBAAC;sBAAG;;kBACnB,CAAA;gBACF;;YAEJ;;;;MAILxB;;;AAGP,CAAA;",
-  "names": ["SwitchHeadlessDemo", "_jsx", "YStack", "width", "alignItems", "gap", "_jsxs", "XStack", "Label", "htmlFor", "HeadlessSwitch", "defaultChecked", "id", "React", "forwardRef", "props", "ref", "checked", "setChecked", "useState", "switchProps", "switchRef", "bubbleInput", "useSwitch", "animation", "useRef", "Animated", "Value", "current", "useEffect", "timing", "toValue", "duration", "useNativeDriver", "start", "_Fragment", "Pressable", "style", "height", "borderRadius", "backgroundColor", "View", "transform", "translateX", "interpolate", "inputRange", "outputRange"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,2BAElB,yBAA0B,qCAG1B,sBAAoC,yBACpC,iBAAsC;AAE/B,SAASA,qBAAAA;AACd,SACE,uCAAAC,KAACC,uBAAAA;IAAOC,OAAO;IAAKC,YAAW;IAASC,OAAM;cAC5C,uCAAAC,MAACC,uBAAAA;MAAOC,KAAI;MAAKJ,YAAW;;QAC1B,uCAAAH,KAACQ,sBAAAA;UAAMC,SAAQ;oBAAW;;QAC1B,uCAAAT,KAACU,gBAAAA;UAAeC,gBAAc;UAACC,IAAG;;;;;AAI1C;AAEA,IAAMF,iBAAiBG,6BAAAA,QAAMC,WAAsC,SAACC,OAAOC,KAAAA;AACzE,MAAM,CAACC,SAASC,UAAAA,IAAcL,aAAAA,QAAMM,SAASJ,MAAMJ,kBAAkB,EAAA,GAC/D,EAAES,aAAaC,WAAWC,YAAW,QAAKC,kCAC9CR,OACA;IAACE;IAASC;KACVF,GAAAA,GAGIQ,YAAYX,aAAAA,QAAMY,OAAO,IAAIC,6BAASC,MAAMV,UAAU,IAAI,CAAA,CAAA,EAAIW;AAEpEf,sBAAAA,QAAMgB,UAAU,WAAA;AACdH,iCAASI,OAAON,WAAW;MACzBO,SAASd,UAAU,IAAI;MACvBe,UAAU;MACVC,iBAAiB;IACnB,CAAA,EAAGC,MAAK;EACV,GAAG;IAACjB;GAAQ,GAGV,uCAAAZ,MAAA,mBAAA8B,UAAA;;MACE,uCAAAnC,KAACoC,+BAAAA;QACCC,OAAO;UACLnC,OAAO;UACPoC,QAAQ;UACRC,cAAc;UACdC,iBAAiBvB,UAAU,cAAc;QAC3C;QACAD,KAAKK;QACJ,GAAGD;kBAEJ,uCAAApB,KAAC0B,6BAASe,MAAI;UACZJ,OAAO;YACL;cACEG,iBAAiB;cACjBD,cAAc;cACdrC,OAAO;cACPoC,QAAQ;YACV;YACA;cACEI,WAAW;gBACT;kBACEC,YAAYnB,UAAUoB,YAAY;oBAChCC,YAAY;sBAAC;sBAAG;;oBAChBC,aAAa;sBAAC;sBAAG;;kBACnB,CAAA;gBACF;;YAEJ;;;;MAILxB;;;AAGP,CAAA;",
+  "names": ["SwitchHeadlessDemo", "_jsx", "YStack", "width", "alignItems", "space", "_jsxs", "XStack", "gap", "Label", "htmlFor", "HeadlessSwitch", "defaultChecked", "id", "React", "forwardRef", "props", "ref", "checked", "setChecked", "useState", "switchProps", "switchRef", "bubbleInput", "useSwitch", "animation", "useRef", "Animated", "Value", "current", "useEffect", "timing", "toValue", "duration", "useNativeDriver", "start", "_Fragment", "Pressable", "style", "height", "borderRadius", "backgroundColor", "View", "transform", "translateX", "interpolate", "inputRange", "outputRange"]
 }

package/dist/cjs/SwitchUnstyledDemo.cjs

@@ -70,7 +70,7 @@ function SwitchUnstyledDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
     width: 200,
     alignItems: "center",
-    gap: "$3",
+    space: "$3",
     children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
       gap: "$3",
       alignItems: "center",

package/dist/cjs/SwitchUnstyledDemo.js

@@ -56,7 +56,7 @@ const Frame = (0, import_core.styled)(import_core.Stack, {
   Thumb
 });
 function SwitchUnstyledDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: 200, alignItems: "center", gap: "$3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$3", alignItems: "center", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: 200, alignItems: "center", space: "$3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$3", alignItems: "center", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { htmlFor: "unstyled-switch", children: "Unstyled" }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Switch, { defaultChecked: !0, id: "unstyled-switch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Switch.Thumb, { animation: "quick" }) })
   ] }) });

package/dist/cjs/SwitchUnstyledDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SwitchUnstyledDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAA8B,0BAC9B,gBAA6B,4BAC7B,iBAAsC,oBA+ChC;AA7CN,MAAM,YAAQ,oBAAO,mBAAO;AAAA,EAC1B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GAEK,YAAQ,oBAAO,mBAAO;AAAA,EAC1B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAEY,aAAS,4BAAa;AAAA,EACjC;AAAA,EACA;AACF,CAAC;AAEM,SAAS,qBAAqB;AACnC,SACE,4CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C,uDAAC,yBAAO,KAAI,MAAK,YAAW,UAC1B;AAAA,gDAAC,wBAAM,SAAQ,mBAAkB,sBAAQ;AAAA,IACzC,4CAAC,UAAO,gBAAc,IAAC,IAAG,mBACxB,sDAAC,OAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,KACF,GACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAA8B,0BAC9B,gBAA6B,4BAC7B,iBAAsC,oBA+ChC;AA7CN,MAAM,YAAQ,oBAAO,mBAAO;AAAA,EAC1B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GAEK,YAAQ,oBAAO,mBAAO;AAAA,EAC1B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAEY,aAAS,4BAAa;AAAA,EACjC;AAAA,EACA;AACF,CAAC;AAEM,SAAS,qBAAqB;AACnC,SACE,4CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C,uDAAC,yBAAO,KAAI,MAAK,YAAW,UAC1B;AAAA,gDAAC,wBAAM,SAAQ,mBAAkB,sBAAQ;AAAA,IACzC,4CAAC,UAAO,gBAAc,IAAC,IAAG,mBACxB,sDAAC,OAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,KACF,GACF;AAEJ;",
   "names": []
 }

package/dist/cjs/SwitchUnstyledDemo.native.js

@@ -59,7 +59,7 @@ function SwitchUnstyledDemo() {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
     width: 200,
     alignItems: "center",
-    gap: "$3",
+    space: "$3",
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
       gap: "$3",
       alignItems: "center",

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/SwitchUnstyledDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;uDACA,cAA8B,0BAC9B,gBAA6B,4BAC7B,iBAAsC,oBAEhCA,YAAQC,oBAAOC,mBAAO;EAC1BC,OAAO;EACPC,QAAQ;EACRC,cAAc;EACdC,UAAU;IACRC,SAAS;MACPC,MAAM;QACJC,iBAAiB;MACnB;MACAC,OAAO;QACLD,iBAAiB;MACnB;IACF;EACF;EACAE,iBAAiB;IACfJ,SAAS;EACX;AACF,CAAA,GAEMK,YAAQX,oBAAOC,mBAAO;EAC1BC,OAAO;EACPC,QAAQ;EACRK,iBAAiB;EACjBJ,cAAc;EAEdC,UAAU;IACRC,SAAS;MACPC,MAAM;QACJK,SAAS;MACX;MACAH,OAAO;QACLG,SAAS;MACX;IACF;EACF;AACF,CAAA,GAEaC,aAASC,4BAAa;EACjCf;EACAY;AACF,CAAA;AAEO,SAASI,qBAAAA;AACd,SACE,uCAAAC,KAACC,uBAAAA;IAAOf,OAAO;IAAKgB,YAAW;IAASC,KAAI;cAC1C,uCAAAC,MAACC,uBAAAA;MAAOF,KAAI;MAAKD,YAAW;;QAC1B,uCAAAF,KAACM,sBAAAA;UAAMC,SAAQ;oBAAkB;;QACjC,uCAAAP,KAACH,QAAAA;UAAOW,gBAAc;UAACC,IAAG;oBACxB,uCAAAT,KAACH,OAAOF,OAAK;YAACe,WAAU;;;;;;AAKlC;",
-  "names": ["Frame", "styled", "Stack", "width", "height", "borderRadius", "variants", "checked", "true", "backgroundColor", "false", "defaultVariants", "Thumb", "opacity", "Switch", "createSwitch", "SwitchUnstyledDemo", "_jsx", "YStack", "alignItems", "gap", "_jsxs", "XStack", "Label", "htmlFor", "defaultChecked", "id", "animation"]
+  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;uDACA,cAA8B,0BAC9B,gBAA6B,4BAC7B,iBAAsC,oBAEhCA,YAAQC,oBAAOC,mBAAO;EAC1BC,OAAO;EACPC,QAAQ;EACRC,cAAc;EACdC,UAAU;IACRC,SAAS;MACPC,MAAM;QACJC,iBAAiB;MACnB;MACAC,OAAO;QACLD,iBAAiB;MACnB;IACF;EACF;EACAE,iBAAiB;IACfJ,SAAS;EACX;AACF,CAAA,GAEMK,YAAQX,oBAAOC,mBAAO;EAC1BC,OAAO;EACPC,QAAQ;EACRK,iBAAiB;EACjBJ,cAAc;EAEdC,UAAU;IACRC,SAAS;MACPC,MAAM;QACJK,SAAS;MACX;MACAH,OAAO;QACLG,SAAS;MACX;IACF;EACF;AACF,CAAA,GAEaC,aAASC,4BAAa;EACjCf;EACAY;AACF,CAAA;AAEO,SAASI,qBAAAA;AACd,SACE,uCAAAC,KAACC,uBAAAA;IAAOf,OAAO;IAAKgB,YAAW;IAASC,OAAM;cAC5C,uCAAAC,MAACC,uBAAAA;MAAOC,KAAI;MAAKJ,YAAW;;QAC1B,uCAAAF,KAACO,sBAAAA;UAAMC,SAAQ;oBAAkB;;QACjC,uCAAAR,KAACH,QAAAA;UAAOY,gBAAc;UAACC,IAAG;oBACxB,uCAAAV,KAACH,OAAOF,OAAK;YAACgB,WAAU;;;;;;AAKlC;",
+  "names": ["Frame", "styled", "Stack", "width", "height", "borderRadius", "variants", "checked", "true", "backgroundColor", "false", "defaultVariants", "Thumb", "opacity", "Switch", "createSwitch", "SwitchUnstyledDemo", "_jsx", "YStack", "alignItems", "space", "_jsxs", "XStack", "gap", "Label", "htmlFor", "defaultChecked", "id", "animation"]
 }

package/dist/cjs/TabsDemo.cjs

@@ -54,7 +54,7 @@ function TabsDemo() {
     }),
     children: [demo === "horizontal" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(HorizontalTabs, {}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(VerticalTabs, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
       alignItems: "center",
-      gap: "$4",
+      space: !0,
       position: "absolute",
       bottom: "$3",
       left: "$4",
@@ -80,6 +80,9 @@ const HorizontalTabs = () => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_
     overflow: "hidden",
     borderColor: "$borderColor",
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Tabs.List, {
+      separator: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
+        vertical: !0
+      }),
       disablePassBorderRadius: "bottom",
       "aria-label": "Manage your account",
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
@@ -133,6 +136,7 @@ const HorizontalTabs = () => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Tabs.List, {
       disablePassBorderRadius: "end",
       "aria-label": "Manage your account",
+      separator: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}),
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
         value: "tab1",
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {

package/dist/cjs/TabsDemo.js

@@ -48,7 +48,7 @@ function TabsDemo() {
           import_tamagui.XStack,
           {
             alignItems: "center",
-            gap: "$4",
+            space: !0,
             position: "absolute",
             bottom: "$3",
             left: "$4",
@@ -73,11 +73,19 @@ const HorizontalTabs = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     overflow: "hidden",
     borderColor: "$borderColor",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tabs.List, { disablePassBorderRadius: "bottom", "aria-label": "Manage your account", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { flex: 1, value: "tab1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { fontFamily: "$body", children: "Profile" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { flex: 1, value: "tab2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { fontFamily: "$body", children: "Connections" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { flex: 1, value: "tab3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { fontFamily: "$body", children: "Notifications" }) })
-      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_tamagui.Tabs.List,
+        {
+          separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, { vertical: !0 }),
+          disablePassBorderRadius: "bottom",
+          "aria-label": "Manage your account",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { flex: 1, value: "tab1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { fontFamily: "$body", children: "Profile" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { flex: 1, value: "tab2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { fontFamily: "$body", children: "Connections" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { flex: 1, value: "tab3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { fontFamily: "$body", children: "Notifications" }) })
+          ]
+        }
+      ),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, { value: "tab1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { children: "Profile" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, { value: "tab2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { children: "Connections" }) }),
@@ -96,11 +104,19 @@ const HorizontalTabs = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     overflow: "hidden",
     borderColor: "$borderColor",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tabs.List, { disablePassBorderRadius: "end", "aria-label": "Manage your account", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { value: "tab1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Profile" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { value: "tab2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Connections" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { value: "tab3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Notifications" }) })
-      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_tamagui.Tabs.List,
+        {
+          disablePassBorderRadius: "end",
+          "aria-label": "Manage your account",
+          separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { value: "tab1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Profile" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { value: "tab2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Connections" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { value: "tab3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Notifications" }) })
+          ]
+        }
+      ),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, { vertical: !0 }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, { value: "tab1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { textAlign: "center", children: "Profile" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, { value: "tab2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { textAlign: "center", children: "Connections" }) }),