@tamagui/demos 1.121.12-1737247304231 → 1.121.12-1737270661595

package/dist/esm/UpdateThemeDemo.mjs

@@ -18,7 +18,7 @@ function UpdateThemeDemo() {
     }), setTheme("custom");
   }, []), /* @__PURE__ */jsxs(YStack, {
     alignItems: "center",
-    space: !0,
+    gap: "$4",
     children: [/* @__PURE__ */jsx(XStack, {
       gap: "$5",
       children: /* @__PURE__ */jsx(Theme, {

package/dist/esm/UpdateThemeDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","config","addTheme","updateTheme","Button","Square","Theme","XStack","YStack","getVariableValue","useForceUpdate","useIsomorphicLayoutEffect","jsx","jsxs","colors","tokens","color","colorKeys","Object","keys","UpdateThemeDemo","theme","setTheme","useState","update","name","insertCSS","alignItems","space","children","gap","borderRadius","size","backgroundColor","onPress","randomColor","Math","floor","random","length"],"sources":["../../src/UpdateThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,MAAA,QAAc;AACvB,SAASC,QAAA,EAAUC,WAAA,QAAmB;AAEtC,SACEC,MAAA,EACAC,MAAA,EACAC,KAAA,EACAC,MAAA,EACAC,MAAA,EACAC,gBAAA,EACAC,cAAA,EACAC,yBAAA,QACK;AAqBH,SAGMC,GAAA,EAHNC,IAAA;AAnBJ,MAAMC,MAAA,GAASb,MAAA,CAAOc,MAAA,CAAOC,KAAA;EACvBC,SAAA,GAAYC,MAAA,CAAOC,IAAA,CAAKL,MAAM;AAE7B,SAASM,gBAAA,EAAkB;EAChC,MAAM,CAACC,KAAA,EAAOC,QAAQ,IAAItB,KAAA,CAAMuB,QAAA,CAAc;IACxCC,MAAA,GAASd,cAAA,CAAe;EAE9B,OAAAC,yBAAA,CAA0B,MAAM;IAC9BT,QAAA,CAAS;MACPuB,IAAA,EAAM;MACNC,SAAA,EAAW;MACXL,KAAA,EAAO;QACLL,KAAA,EAAO;MACT;IACF,CAAC,GACDM,QAAA,CAAS,QAAQ;EACnB,GAAG,EAAE,GAGH,eAAAT,IAAA,CAACL,MAAA;IAAOmB,UAAA,EAAW;IAASC,KAAA,EAAK;IAC/BC,QAAA,kBAAAjB,GAAA,CAACL,MAAA;MAAOuB,GAAA,EAAK;MACXD,QAAA,iBAAAjB,GAAA,CAACN,KAAA;QAAMmB,IAAA,EAAMJ,KAAA,IAAS;QACpBQ,QAAA,iBAAAjB,GAAA,CAACP,MAAA;UAAO0B,YAAA,EAAa;UAAKC,IAAA,EAAM;UAAKC,eAAA,EAAgB;QAAA,CAAS;MAAA,CAChE;IAAA,CACF,GAEA,eAAArB,GAAA,CAACR,MAAA;MACC8B,OAAA,EAASA,CAAA,KAAM;QACb,MAAMC,WAAA,GAAc1B,gBAAA,CAClBK,MAAA,CAAOG,SAAA,CAAUmB,IAAA,CAAKC,KAAA,CAAMD,IAAA,CAAKE,MAAA,CAAO,IAAIrB,SAAA,CAAUsB,MAAM,CAAC,CAAC,CAChE;QACApC,WAAA,CAAY;UACVsB,IAAA,EAAM;UACNJ,KAAA,EAAO;YACLL,KAAA,EAAOmB;UACT;QACF,CAAC,GACDX,MAAA,CAAO;MACT;MACDK,QAAA;IAAA,CAED;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["React","config","addTheme","updateTheme","Button","Square","Theme","XStack","YStack","getVariableValue","useForceUpdate","useIsomorphicLayoutEffect","jsx","jsxs","colors","tokens","color","colorKeys","Object","keys","UpdateThemeDemo","theme","setTheme","useState","update","name","insertCSS","alignItems","gap","children","borderRadius","size","backgroundColor","onPress","randomColor","Math","floor","random","length"],"sources":["../../src/UpdateThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,MAAA,QAAc;AACvB,SAASC,QAAA,EAAUC,WAAA,QAAmB;AAEtC,SACEC,MAAA,EACAC,MAAA,EACAC,KAAA,EACAC,MAAA,EACAC,MAAA,EACAC,gBAAA,EACAC,cAAA,EACAC,yBAAA,QACK;AAqBH,SAGMC,GAAA,EAHNC,IAAA;AAnBJ,MAAMC,MAAA,GAASb,MAAA,CAAOc,MAAA,CAAOC,KAAA;EACvBC,SAAA,GAAYC,MAAA,CAAOC,IAAA,CAAKL,MAAM;AAE7B,SAASM,gBAAA,EAAkB;EAChC,MAAM,CAACC,KAAA,EAAOC,QAAQ,IAAItB,KAAA,CAAMuB,QAAA,CAAc;IACxCC,MAAA,GAASd,cAAA,CAAe;EAE9B,OAAAC,yBAAA,CAA0B,MAAM;IAC9BT,QAAA,CAAS;MACPuB,IAAA,EAAM;MACNC,SAAA,EAAW;MACXL,KAAA,EAAO;QACLL,KAAA,EAAO;MACT;IACF,CAAC,GACDM,QAAA,CAAS,QAAQ;EACnB,GAAG,EAAE,GAGH,eAAAT,IAAA,CAACL,MAAA;IAAOmB,UAAA,EAAW;IAASC,GAAA,EAAI;IAC9BC,QAAA,kBAAAjB,GAAA,CAACL,MAAA;MAAOqB,GAAA,EAAK;MACXC,QAAA,iBAAAjB,GAAA,CAACN,KAAA;QAAMmB,IAAA,EAAMJ,KAAA,IAAS;QACpBQ,QAAA,iBAAAjB,GAAA,CAACP,MAAA;UAAOyB,YAAA,EAAa;UAAKC,IAAA,EAAM;UAAKC,eAAA,EAAgB;QAAA,CAAS;MAAA,CAChE;IAAA,CACF,GAEA,eAAApB,GAAA,CAACR,MAAA;MACC6B,OAAA,EAASA,CAAA,KAAM;QACb,MAAMC,WAAA,GAAczB,gBAAA,CAClBK,MAAA,CAAOG,SAAA,CAAUkB,IAAA,CAAKC,KAAA,CAAMD,IAAA,CAAKE,MAAA,CAAO,IAAIpB,SAAA,CAAUqB,MAAM,CAAC,CAAC,CAChE;QACAnC,WAAA,CAAY;UACVsB,IAAA,EAAM;UACNJ,KAAA,EAAO;YACLL,KAAA,EAAOkB;UACT;QACF,CAAC,GACDV,MAAA,CAAO;MACT;MACDK,QAAA;IAAA,CAED;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/UpdateThemeDemo.native.js

@@ -16,7 +16,7 @@ function UpdateThemeDemo() {
     }), setTheme("custom");
   }, []), /* @__PURE__ */ _jsxs(YStack, {
     alignItems: "center",
-    space: !0,
+    gap: "$4",
     children: [
       /* @__PURE__ */ _jsx(XStack, {
         gap: "$5",

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/UpdateThemeDemo.tsx"],
-  "mappings": ";AAAA,OAAOA,WAAW;AAClB,SAASC,cAAc;AACvB,SAASC,UAAUC,mBAAmB;AAEtC,SACEC,QACAC,QACAC,OACAC,QACAC,QACAC,kBACAC,gBACAC,iCACK;AAEP,IAAMC,SAASX,OAAOY,OAAOC,OACvBC,YAAYC,OAAOC,KAAKL,MAAAA;AAEvB,SAASM,kBAAAA;AACd,MAAM,CAACC,OAAOC,QAAAA,IAAYpB,MAAMqB,SAAQ,GAClCC,SAASZ,eAAAA;AAEfC,mCAA0B,WAAA;AACxBT,aAAS;MACPqB,MAAM;MACNC,WAAW;MACXL,OAAO;QACLL,OAAO;MACT;IACF,CAAA,GACAM,SAAS,QAAA;EACX,GAAG,CAAA,CAAE,GAGH,sBAACZ,QAAAA;IAAOiB,YAAW;IAASC,OAAK;;MAC/B,qBAACnB,QAAAA;QAAOoB,KAAK;kBACX,qBAACrB,OAAAA;UAAMiB,MAAMJ,SAAS;oBACpB,qBAACd,QAAAA;YAAOuB,cAAa;YAAKC,MAAM;YAAKC,iBAAgB;;;;MAIzD,qBAAC1B,QAAAA;QACC2B,SAAS,WAAA;AACP,cAAMC,cAAcvB,iBAClBG,OAAOG,UAAUkB,KAAKC,MAAMD,KAAKE,OAAM,IAAKpB,UAAUqB,MAAM,CAAA,CAAE,CAAC;AAEjEjC,sBAAY;YACVoB,MAAM;YACNJ,OAAO;cACLL,OAAOkB;YACT;UACF,CAAA,GACAV,OAAAA;QACF;kBACD;;;;AAKP;",
-  "names": ["React", "config", "addTheme", "updateTheme", "Button", "Square", "Theme", "XStack", "YStack", "getVariableValue", "useForceUpdate", "useIsomorphicLayoutEffect", "colors", "tokens", "color", "colorKeys", "Object", "keys", "UpdateThemeDemo", "theme", "setTheme", "useState", "update", "name", "insertCSS", "alignItems", "space", "gap", "borderRadius", "size", "backgroundColor", "onPress", "randomColor", "Math", "floor", "random", "length"]
+  "mappings": ";AAAA,OAAOA,WAAW;AAClB,SAASC,cAAc;AACvB,SAASC,UAAUC,mBAAmB;AAEtC,SACEC,QACAC,QACAC,OACAC,QACAC,QACAC,kBACAC,gBACAC,iCACK;AAEP,IAAMC,SAASX,OAAOY,OAAOC,OACvBC,YAAYC,OAAOC,KAAKL,MAAAA;AAEvB,SAASM,kBAAAA;AACd,MAAM,CAACC,OAAOC,QAAAA,IAAYpB,MAAMqB,SAAQ,GAClCC,SAASZ,eAAAA;AAEfC,mCAA0B,WAAA;AACxBT,aAAS;MACPqB,MAAM;MACNC,WAAW;MACXL,OAAO;QACLL,OAAO;MACT;IACF,CAAA,GACAM,SAAS,QAAA;EACX,GAAG,CAAA,CAAE,GAGH,sBAACZ,QAAAA;IAAOiB,YAAW;IAASC,KAAI;;MAC9B,qBAACnB,QAAAA;QAAOmB,KAAK;kBACX,qBAACpB,OAAAA;UAAMiB,MAAMJ,SAAS;oBACpB,qBAACd,QAAAA;YAAOsB,cAAa;YAAKC,MAAM;YAAKC,iBAAgB;;;;MAIzD,qBAACzB,QAAAA;QACC0B,SAAS,WAAA;AACP,cAAMC,cAActB,iBAClBG,OAAOG,UAAUiB,KAAKC,MAAMD,KAAKE,OAAM,IAAKnB,UAAUoB,MAAM,CAAA,CAAE,CAAC;AAEjEhC,sBAAY;YACVoB,MAAM;YACNJ,OAAO;cACLL,OAAOiB;YACT;UACF,CAAA,GACAT,OAAAA;QACF;kBACD;;;;AAKP;",
+  "names": ["React", "config", "addTheme", "updateTheme", "Button", "Square", "Theme", "XStack", "YStack", "getVariableValue", "useForceUpdate", "useIsomorphicLayoutEffect", "colors", "tokens", "color", "colorKeys", "Object", "keys", "UpdateThemeDemo", "theme", "setTheme", "useState", "update", "name", "insertCSS", "alignItems", "gap", "borderRadius", "size", "backgroundColor", "onPress", "randomColor", "Math", "floor", "random", "length"]
 }

package/dist/esm/tamagui.config.js

@@ -1,6 +1,8 @@
 import { config } from "@tamagui/config/v3";
+import { createTamagui } from "@tamagui/web";
 import { config as config2 } from "@tamagui/config/v3";
 var tamagui_config_default = config;
+const createdConfig = createTamagui(config);
 export {
   config2 as config,
   tamagui_config_default as default

package/dist/esm/tamagui.config.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/tamagui.config.ts"],
-  "mappings": "AAAA,SAAS,cAAc;AAEvB,SAAS,UAAAA,eAAc;AACvB,IAAO,yBAAQ;",
+  "mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAE9B,SAAS,UAAAA,eAAc;AACvB,IAAO,yBAAQ;AAEf,MAAM,gBAAgB,cAAc,MAAM;",
   "names": ["config"]
 }

package/dist/esm/tamagui.config.mjs

@@ -1,5 +1,7 @@
 import { config } from "@tamagui/config/v3";
+import { createTamagui } from "@tamagui/web";
 import { config as config2 } from "@tamagui/config/v3";
 var tamagui_config_default = config;
+const createdConfig = createTamagui(config);
 export { config2 as config, tamagui_config_default as default };
 //# sourceMappingURL=tamagui.config.mjs.map

package/dist/esm/tamagui.config.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["config","config2","tamagui_config_default"],"sources":["../../src/tamagui.config.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AAEvB,SAASA,MAAA,IAAAC,OAAA,QAAc;AACvB,IAAOC,sBAAA,GAAQF,MAAA","ignoreList":[]}
+{"version":3,"names":["config","createTamagui","config2","tamagui_config_default","createdConfig"],"sources":["../../src/tamagui.config.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,aAAA,QAAqB;AAE9B,SAASD,MAAA,IAAAE,OAAA,QAAc;AACvB,IAAOC,sBAAA,GAAQH,MAAA;AAEf,MAAMI,aAAA,GAAgBH,aAAA,CAAcD,MAAM","ignoreList":[]}

package/dist/esm/tamagui.config.native.js

@@ -1,6 +1,7 @@
 import { config } from "@tamagui/config/v3";
+import { createTamagui } from "@tamagui/web";
 import { config as config2 } from "@tamagui/config/v3";
-var tamagui_config_default = config;
+var tamagui_config_default = config, createdConfig = createTamagui(config);
 export {
   config2 as config,
   tamagui_config_default as default

package/dist/esm/tamagui.config.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/tamagui.config.ts"],
-  "mappings": "AAAA,SAASA,cAAc;AAEvB,SAASA,UAAAA,eAAc;AACvB,IAAA,yBAAeA;",
-  "names": ["config"]
+  "mappings": "AAAA,SAASA,cAAc;AACvB,SAASC,qBAAqB;AAE9B,SAASD,UAAAA,eAAc;AACvB,IAAA,yBAAeA,QAETE,gBAAgBD,cAAcD,MAAAA;",
+  "names": ["config", "createTamagui", "createdConfig"]
 }

package/dist/jsx/AddThemeDemo.js

@@ -4,7 +4,7 @@ import { Button, H3, Square, Theme, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function AddThemeDemo() {
   const [theme, setTheme] = React.useState();
-  return /* @__PURE__ */ jsxs(YStack, { alignItems: "center", space: !0, children: [
+  return /* @__PURE__ */ jsxs(YStack, { alignItems: "center", gap: "$4", children: [
     /* @__PURE__ */ jsxs(H3, { children: [
       "Theme: ",
       theme ?? "none"

package/dist/jsx/AddThemeDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/AddThemeDemo.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,gBAAgB;AAEzB,SAAS,QAAQ,IAAI,QAAQ,OAAO,cAAc;AAO5C,SAGE,KAHF;AALC,SAAS,eAAe;AAC7B,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAc;AAE9C,SACE,qBAAC,UAAO,YAAW,UAAS,OAAK,IAC/B;AAAA,yBAAC,MAAG;AAAA;AAAA,MAAQ,SAAS;AAAA,OAAO;AAAA,IAE5B,oBAAC,SAAM,MAAM,SAAS,OACpB,8BAAC,UAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,UAAU;AAAA,QACpB,SAAS,MAAM;AACb,mBAAS;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,OAAO;AAAA,cACL,YAAY;AAAA,cACZ,OAAO;AAAA,YACT;AAAA,UACF,CAAC,GACD,SAAS,WAAW;AAAA,QACtB;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,gBAAgB;AAEzB,SAAS,QAAQ,IAAI,QAAQ,OAAO,cAAc;AAO5C,SAGE,KAHF;AALC,SAAS,eAAe;AAC7B,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAc;AAE9C,SACE,qBAAC,UAAO,YAAW,UAAS,KAAI,MAC9B;AAAA,yBAAC,MAAG;AAAA;AAAA,MAAQ,SAAS;AAAA,OAAO;AAAA,IAE5B,oBAAC,SAAM,MAAM,SAAS,OACpB,8BAAC,UAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,UAAU;AAAA,QACpB,SAAS,MAAM;AACb,mBAAS;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,OAAO;AAAA,cACL,YAAY;AAAA,cACZ,OAAO;AAAA,YACT;AAAA,UACF,CAAC,GACD,SAAS,WAAW;AAAA,QACtB;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/jsx/AddThemeDemo.mjs

@@ -6,7 +6,7 @@ function AddThemeDemo() {
   const [theme, setTheme] = React.useState();
   return /* @__PURE__ */jsxs(YStack, {
     alignItems: "center",
-    space: !0,
+    gap: "$4",
     children: [/* @__PURE__ */jsxs(H3, {
       children: ["Theme: ", theme ?? "none"]
     }), /* @__PURE__ */jsx(Theme, {

package/dist/jsx/AddThemeDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","addTheme","Button","H3","Square","Theme","YStack","jsx","jsxs","AddThemeDemo","theme","setTheme","useState","alignItems","space","children","name","borderRadius","size","backgroundColor","disabled","onPress","insertCSS","background","color"],"sources":["../../src/AddThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,QAAA,QAAgB;AAEzB,SAASC,MAAA,EAAQC,EAAA,EAAIC,MAAA,EAAQC,KAAA,EAAOC,MAAA,QAAc;AAO5C,SAGEC,GAAA,EAHFC,IAAA;AALC,SAASC,aAAA,EAAe;EAC7B,MAAM,CAACC,KAAA,EAAOC,QAAQ,IAAIX,KAAA,CAAMY,QAAA,CAAc;EAE9C,OACE,eAAAJ,IAAA,CAACF,MAAA;IAAOO,UAAA,EAAW;IAASC,KAAA,EAAK;IAC/BC,QAAA,kBAAAP,IAAA,CAACL,EAAA;MAAGY,QAAA,cAAQL,KAAA,IAAS;IAAA,CAAO,GAE5B,eAAAH,GAAA,CAACF,KAAA;MAAMW,IAAA,EAAMN,KAAA,IAAS;MACpBK,QAAA,iBAAAR,GAAA,CAACH,MAAA;QAAOa,YAAA,EAAa;QAAKC,IAAA,EAAM;QAAKC,eAAA,EAAgB;MAAA,CAAS;IAAA,CAChE,GAEA,eAAAZ,GAAA,CAACL,MAAA;MACCkB,QAAA,EAAUV,KAAA,KAAU;MACpBW,OAAA,EAASA,CAAA,KAAM;QACbpB,QAAA,CAAS;UACPe,IAAA,EAAM;UACNM,SAAA,EAAW;UACXZ,KAAA,EAAO;YACLa,UAAA,EAAY;YACZC,KAAA,EAAO;UACT;QACF,CAAC,GACDb,QAAA,CAAS,WAAW;MACtB;MACDI,QAAA;IAAA,CAED;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["React","addTheme","Button","H3","Square","Theme","YStack","jsx","jsxs","AddThemeDemo","theme","setTheme","useState","alignItems","gap","children","name","borderRadius","size","backgroundColor","disabled","onPress","insertCSS","background","color"],"sources":["../../src/AddThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,QAAA,QAAgB;AAEzB,SAASC,MAAA,EAAQC,EAAA,EAAIC,MAAA,EAAQC,KAAA,EAAOC,MAAA,QAAc;AAO5C,SAGEC,GAAA,EAHFC,IAAA;AALC,SAASC,aAAA,EAAe;EAC7B,MAAM,CAACC,KAAA,EAAOC,QAAQ,IAAIX,KAAA,CAAMY,QAAA,CAAc;EAE9C,OACE,eAAAJ,IAAA,CAACF,MAAA;IAAOO,UAAA,EAAW;IAASC,GAAA,EAAI;IAC9BC,QAAA,kBAAAP,IAAA,CAACL,EAAA;MAAGY,QAAA,cAAQL,KAAA,IAAS;IAAA,CAAO,GAE5B,eAAAH,GAAA,CAACF,KAAA;MAAMW,IAAA,EAAMN,KAAA,IAAS;MACpBK,QAAA,iBAAAR,GAAA,CAACH,MAAA;QAAOa,YAAA,EAAa;QAAKC,IAAA,EAAM;QAAKC,eAAA,EAAgB;MAAA,CAAS;IAAA,CAChE,GAEA,eAAAZ,GAAA,CAACL,MAAA;MACCkB,QAAA,EAAUV,KAAA,KAAU;MACpBW,OAAA,EAASA,CAAA,KAAM;QACbpB,QAAA,CAAS;UACPe,IAAA,EAAM;UACNM,SAAA,EAAW;UACXZ,KAAA,EAAO;YACLa,UAAA,EAAY;YACZC,KAAA,EAAO;UACT;QACF,CAAC,GACDb,QAAA,CAAS,WAAW;MACtB;MACDI,QAAA;IAAA,CAED;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/jsx/AddThemeDemo.native.js

@@ -6,7 +6,7 @@ function AddThemeDemo() {
   var [theme, setTheme] = React.useState();
   return /* @__PURE__ */ _jsxs(YStack, {
     alignItems: "center",
-    space: !0,
+    gap: "$4",
     children: [
       /* @__PURE__ */ _jsxs(H3, {
         children: [

package/dist/jsx/AddThemeDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/AddThemeDemo.tsx"],
-  "mappings": ";AAAA,OAAOA,WAAW;AAClB,SAASC,gBAAgB;AAEzB,SAASC,QAAQC,IAAIC,QAAQC,OAAOC,cAAc;AAE3C,SAASC,eAAAA;AACd,MAAM,CAACC,OAAOC,QAAAA,IAAYT,MAAMU,SAAQ;AAExC,SACE,sBAACJ,QAAAA;IAAOK,YAAW;IAASC,OAAK;;MAC/B,sBAACT,IAAAA;;UAAG;UAAQK,SAAS;;;MAErB,qBAACH,OAAAA;QAAMQ,MAAML,SAAS;kBACpB,qBAACJ,QAAAA;UAAOU,cAAa;UAAKC,MAAM;UAAKC,iBAAgB;;;MAGvD,qBAACd,QAAAA;QACCe,UAAUT,UAAU;QACpBU,SAAS,WAAA;AACPjB,mBAAS;YACPY,MAAM;YACNM,WAAW;YACXX,OAAO;cACLY,YAAY;cACZC,OAAO;YACT;UACF,CAAA,GACAZ,SAAS,WAAA;QACX;kBACD;;;;AAKP;",
-  "names": ["React", "addTheme", "Button", "H3", "Square", "Theme", "YStack", "AddThemeDemo", "theme", "setTheme", "useState", "alignItems", "space", "name", "borderRadius", "size", "backgroundColor", "disabled", "onPress", "insertCSS", "background", "color"]
+  "mappings": ";AAAA,OAAOA,WAAW;AAClB,SAASC,gBAAgB;AAEzB,SAASC,QAAQC,IAAIC,QAAQC,OAAOC,cAAc;AAE3C,SAASC,eAAAA;AACd,MAAM,CAACC,OAAOC,QAAAA,IAAYT,MAAMU,SAAQ;AAExC,SACE,sBAACJ,QAAAA;IAAOK,YAAW;IAASC,KAAI;;MAC9B,sBAACT,IAAAA;;UAAG;UAAQK,SAAS;;;MAErB,qBAACH,OAAAA;QAAMQ,MAAML,SAAS;kBACpB,qBAACJ,QAAAA;UAAOU,cAAa;UAAKC,MAAM;UAAKC,iBAAgB;;;MAGvD,qBAACd,QAAAA;QACCe,UAAUT,UAAU;QACpBU,SAAS,WAAA;AACPjB,mBAAS;YACPY,MAAM;YACNM,WAAW;YACXX,OAAO;cACLY,YAAY;cACZC,OAAO;YACT;UACF,CAAA,GACAZ,SAAS,WAAA;QACX;kBACD;;;;AAKP;",
+  "names": ["React", "addTheme", "Button", "H3", "Square", "Theme", "YStack", "AddThemeDemo", "theme", "setTheme", "useState", "alignItems", "gap", "name", "borderRadius", "size", "backgroundColor", "disabled", "onPress", "insertCSS", "background", "color"]
 }

package/dist/jsx/AlertDialogDemo.js

@@ -33,7 +33,7 @@ function AlertDialogDemo() {
           scale: 1,
           opacity: 1,
           y: 0,
-          children: /* @__PURE__ */ jsxs(YStack, { space: !0, children: [
+          children: /* @__PURE__ */ jsxs(YStack, { gap: "$4", children: [
             /* @__PURE__ */ jsx(AlertDialog.Title, { children: "Accept" }),
             /* @__PURE__ */ jsx(AlertDialog.Description, { children: "By pressing yes, you accept our terms and conditions." }),
             /* @__PURE__ */ jsxs(XStack, { gap: "$3", justifyContent: "flex-end", children: [

package/dist/jsx/AlertDialogDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/AlertDialogDemo.tsx"],
-  "mappings": "AAAA,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAM5C,cAoCI,YApCJ;AAJD,SAAS,kBAAkB;AAChC,SACE,qBAAC,eAAY,QAAM,IACjB;AAAA,wBAAC,YAAY,SAAZ,EAAoB,SAAO,IAC1B,8BAAC,UAAO,wBAAU,GACpB;AAAA,IAEA,qBAAC,YAAY,QAAZ,EACC;AAAA;AAAA,QAAC,YAAY;AAAA,QAAZ;AAAA,UAEC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,QAJpB;AAAA,MAKN;AAAA,MACA;AAAA,QAAC,YAAY;AAAA,QAAZ;AAAA,UACC,UAAQ;AAAA,UACR,SAAO;AAAA,UAEP,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,GAAG;AAAA,UACH,OAAO;AAAA,UACP,SAAS;AAAA,UACT,GAAG;AAAA,UAEH,+BAAC,UAAO,OAAK,IACX;AAAA,gCAAC,YAAY,OAAZ,EAAkB,oBAAM;AAAA,YACzB,oBAAC,YAAY,aAAZ,EAAwB,mEAEzB;AAAA,YAEA,qBAAC,UAAO,KAAI,MAAK,gBAAe,YAC9B;AAAA,kCAAC,YAAY,QAAZ,EAAmB,SAAO,IACzB,8BAAC,UAAO,oBAAM,GAChB;AAAA,cACA,oBAAC,YAAY,QAAZ,EAAmB,SAAO,IACzB,8BAAC,UAAO,OAAM,UAAS,oBAAM,GAC/B;AAAA,eACF;AAAA,aACF;AAAA;AAAA,QA9BI;AAAA,MA+BN;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "mappings": "AAAA,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAM5C,cAoCI,YApCJ;AAJD,SAAS,kBAAkB;AAChC,SACE,qBAAC,eAAY,QAAM,IACjB;AAAA,wBAAC,YAAY,SAAZ,EAAoB,SAAO,IAC1B,8BAAC,UAAO,wBAAU,GACpB;AAAA,IAEA,qBAAC,YAAY,QAAZ,EACC;AAAA;AAAA,QAAC,YAAY;AAAA,QAAZ;AAAA,UAEC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,QAJpB;AAAA,MAKN;AAAA,MACA;AAAA,QAAC,YAAY;AAAA,QAAZ;AAAA,UACC,UAAQ;AAAA,UACR,SAAO;AAAA,UAEP,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,GAAG;AAAA,UACH,OAAO;AAAA,UACP,SAAS;AAAA,UACT,GAAG;AAAA,UAEH,+BAAC,UAAO,KAAI,MACV;AAAA,gCAAC,YAAY,OAAZ,EAAkB,oBAAM;AAAA,YACzB,oBAAC,YAAY,aAAZ,EAAwB,mEAEzB;AAAA,YAEA,qBAAC,UAAO,KAAI,MAAK,gBAAe,YAC9B;AAAA,kCAAC,YAAY,QAAZ,EAAmB,SAAO,IACzB,8BAAC,UAAO,oBAAM,GAChB;AAAA,cACA,oBAAC,YAAY,QAAZ,EAAmB,SAAO,IACzB,8BAAC,UAAO,OAAM,UAAS,oBAAM,GAC/B;AAAA,eACF;AAAA,aACF;AAAA;AAAA,QA9BI;AAAA,MA+BN;AAAA,OACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/jsx/AlertDialogDemo.mjs

@@ -43,7 +43,7 @@ function AlertDialogDemo() {
         opacity: 1,
         y: 0,
         children: /* @__PURE__ */jsxs(YStack, {
-          space: !0,
+          gap: "$4",
           children: [/* @__PURE__ */jsx(AlertDialog.Title, {
             children: "Accept"
           }), /* @__PURE__ */jsx(AlertDialog.Description, {

package/dist/jsx/AlertDialogDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["AlertDialog","Button","XStack","YStack","jsx","jsxs","AlertDialogDemo","native","children","Trigger","asChild","Portal","Overlay","animation","opacity","enterStyle","exitStyle","Content","bordered","elevate","overshootClamping","x","y","scale","space","Title","Description","gap","justifyContent","Cancel","Action","theme"],"sources":["../../src/AlertDialogDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,WAAA,EAAaC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAM5C,SAAAC,GAAA,EAoCIC,IAAA,QApCJ;AAJD,SAASC,gBAAA,EAAkB;EAChC,OACE,eAAAD,IAAA,CAACL,WAAA;IAAYO,MAAA,EAAM;IACjBC,QAAA,kBAAAJ,GAAA,CAACJ,WAAA,CAAYS,OAAA,EAAZ;MAAoBC,OAAA,EAAO;MAC1BF,QAAA,iBAAAJ,GAAA,CAACH,MAAA;QAAOO,QAAA;MAAA,CAAU;IAAA,CACpB,GAEA,eAAAH,IAAA,CAACL,WAAA,CAAYW,MAAA,EAAZ;MACCH,QAAA,kBAAAJ,GAAA,CAACJ,WAAA,CAAYY,OAAA,EAAZ;QAECC,SAAA,EAAU;QACVC,OAAA,EAAS;QACTC,UAAA,EAAY;UAAED,OAAA,EAAS;QAAE;QACzBE,SAAA,EAAW;UAAEF,OAAA,EAAS;QAAE;MAAA,GAJpB,SAKN,GACA,eAAAV,GAAA,CAACJ,WAAA,CAAYiB,OAAA,EAAZ;QACCC,QAAA,EAAQ;QACRC,OAAA,EAAO;QAEPN,SAAA,EAAW,CACT,SACA;UACEC,OAAA,EAAS;YACPM,iBAAA,EAAmB;UACrB;QACF,EACF;QACAL,UAAA,EAAY;UAAEM,CAAA,EAAG;UAAGC,CAAA,EAAG;UAAKR,OAAA,EAAS;UAAGS,KAAA,EAAO;QAAI;QACnDP,SAAA,EAAW;UAAEK,CAAA,EAAG;UAAGC,CAAA,EAAG;UAAIR,OAAA,EAAS;UAAGS,KAAA,EAAO;QAAK;QAClDF,CAAA,EAAG;QACHE,KAAA,EAAO;QACPT,OAAA,EAAS;QACTQ,CAAA,EAAG;QAEHd,QAAA,iBAAAH,IAAA,CAACF,MAAA;UAAOqB,KAAA,EAAK;UACXhB,QAAA,kBAAAJ,GAAA,CAACJ,WAAA,CAAYyB,KAAA,EAAZ;YAAkBjB,QAAA;UAAA,CAAM,GACzB,eAAAJ,GAAA,CAACJ,WAAA,CAAY0B,WAAA,EAAZ;YAAwBlB,QAAA;UAAA,CAEzB,GAEA,eAAAH,IAAA,CAACH,MAAA;YAAOyB,GAAA,EAAI;YAAKC,cAAA,EAAe;YAC9BpB,QAAA,kBAAAJ,GAAA,CAACJ,WAAA,CAAY6B,MAAA,EAAZ;cAAmBnB,OAAA,EAAO;cACzBF,QAAA,iBAAAJ,GAAA,CAACH,MAAA;gBAAOO,QAAA;cAAA,CAAM;YAAA,CAChB,GACA,eAAAJ,GAAA,CAACJ,WAAA,CAAY8B,MAAA,EAAZ;cAAmBpB,OAAA,EAAO;cACzBF,QAAA,iBAAAJ,GAAA,CAACH,MAAA;gBAAO8B,KAAA,EAAM;gBAASvB,QAAA;cAAA,CAAM;YAAA,CAC/B;UAAA,CACF;QAAA,CACF;MAAA,GA9BI,SA+BN;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["AlertDialog","Button","XStack","YStack","jsx","jsxs","AlertDialogDemo","native","children","Trigger","asChild","Portal","Overlay","animation","opacity","enterStyle","exitStyle","Content","bordered","elevate","overshootClamping","x","y","scale","gap","Title","Description","justifyContent","Cancel","Action","theme"],"sources":["../../src/AlertDialogDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,WAAA,EAAaC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAM5C,SAAAC,GAAA,EAoCIC,IAAA,QApCJ;AAJD,SAASC,gBAAA,EAAkB;EAChC,OACE,eAAAD,IAAA,CAACL,WAAA;IAAYO,MAAA,EAAM;IACjBC,QAAA,kBAAAJ,GAAA,CAACJ,WAAA,CAAYS,OAAA,EAAZ;MAAoBC,OAAA,EAAO;MAC1BF,QAAA,iBAAAJ,GAAA,CAACH,MAAA;QAAOO,QAAA;MAAA,CAAU;IAAA,CACpB,GAEA,eAAAH,IAAA,CAACL,WAAA,CAAYW,MAAA,EAAZ;MACCH,QAAA,kBAAAJ,GAAA,CAACJ,WAAA,CAAYY,OAAA,EAAZ;QAECC,SAAA,EAAU;QACVC,OAAA,EAAS;QACTC,UAAA,EAAY;UAAED,OAAA,EAAS;QAAE;QACzBE,SAAA,EAAW;UAAEF,OAAA,EAAS;QAAE;MAAA,GAJpB,SAKN,GACA,eAAAV,GAAA,CAACJ,WAAA,CAAYiB,OAAA,EAAZ;QACCC,QAAA,EAAQ;QACRC,OAAA,EAAO;QAEPN,SAAA,EAAW,CACT,SACA;UACEC,OAAA,EAAS;YACPM,iBAAA,EAAmB;UACrB;QACF,EACF;QACAL,UAAA,EAAY;UAAEM,CAAA,EAAG;UAAGC,CAAA,EAAG;UAAKR,OAAA,EAAS;UAAGS,KAAA,EAAO;QAAI;QACnDP,SAAA,EAAW;UAAEK,CAAA,EAAG;UAAGC,CAAA,EAAG;UAAIR,OAAA,EAAS;UAAGS,KAAA,EAAO;QAAK;QAClDF,CAAA,EAAG;QACHE,KAAA,EAAO;QACPT,OAAA,EAAS;QACTQ,CAAA,EAAG;QAEHd,QAAA,iBAAAH,IAAA,CAACF,MAAA;UAAOqB,GAAA,EAAI;UACVhB,QAAA,kBAAAJ,GAAA,CAACJ,WAAA,CAAYyB,KAAA,EAAZ;YAAkBjB,QAAA;UAAA,CAAM,GACzB,eAAAJ,GAAA,CAACJ,WAAA,CAAY0B,WAAA,EAAZ;YAAwBlB,QAAA;UAAA,CAEzB,GAEA,eAAAH,IAAA,CAACH,MAAA;YAAOsB,GAAA,EAAI;YAAKG,cAAA,EAAe;YAC9BnB,QAAA,kBAAAJ,GAAA,CAACJ,WAAA,CAAY4B,MAAA,EAAZ;cAAmBlB,OAAA,EAAO;cACzBF,QAAA,iBAAAJ,GAAA,CAACH,MAAA;gBAAOO,QAAA;cAAA,CAAM;YAAA,CAChB,GACA,eAAAJ,GAAA,CAACJ,WAAA,CAAY6B,MAAA,EAAZ;cAAmBnB,OAAA,EAAO;cACzBF,QAAA,iBAAAJ,GAAA,CAACH,MAAA;gBAAO6B,KAAA,EAAM;gBAAStB,QAAA;cAAA,CAAM;YAAA,CAC/B;UAAA,CACF;QAAA,CACF;MAAA,GA9BI,SA+BN;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/jsx/AlertDialogDemo.native.js

@@ -50,7 +50,7 @@ function AlertDialogDemo() {
             opacity: 1,
             y: 0,
             children: /* @__PURE__ */ _jsxs(YStack, {
-              space: !0,
+              gap: "$4",
               children: [
                 /* @__PURE__ */ _jsx(AlertDialog.Title, {
                   children: "Accept"

package/dist/jsx/AlertDialogDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/AlertDialogDemo.tsx"],
-  "mappings": ";AAAA,SAASA,aAAaC,QAAQC,QAAQC,cAAc;AAE7C,SAASC,kBAAAA;AACd,SACE,sBAACJ,aAAAA;IAAYK,QAAM;;MACjB,qBAACL,YAAYM,SAAO;QAACC,SAAO;kBAC1B,qBAACN,QAAAA;oBAAO;;;MAGV,sBAACD,YAAYQ,QAAM;;UACjB,qBAACR,YAAYS,SAAO;YAElBC,WAAU;YACVC,SAAS;YACTC,YAAY;cAAED,SAAS;YAAE;YACzBE,WAAW;cAAEF,SAAS;YAAE;aAJpB,SAAA;UAMN,qBAACX,YAAYc,SAAO;YAClBC,UAAQ;YACRC,SAAO;YAEPN,WAAW;cACT;cACA;gBACEC,SAAS;kBACPM,mBAAmB;gBACrB;cACF;;YAEFL,YAAY;cAAEM,GAAG;cAAGC,GAAG;cAAKR,SAAS;cAAGS,OAAO;YAAI;YACnDP,WAAW;cAAEK,GAAG;cAAGC,GAAG;cAAIR,SAAS;cAAGS,OAAO;YAAK;YAClDF,GAAG;YACHE,OAAO;YACPT,SAAS;YACTQ,GAAG;sBAEH,sBAAChB,QAAAA;cAAOkB,OAAK;;gBACX,qBAACrB,YAAYsB,OAAK;4BAAC;;gBACnB,qBAACtB,YAAYuB,aAAW;4BAAC;;gBAIzB,sBAACrB,QAAAA;kBAAOsB,KAAI;kBAAKC,gBAAe;;oBAC9B,qBAACzB,YAAY0B,QAAM;sBAACnB,SAAO;gCACzB,qBAACN,QAAAA;kCAAO;;;oBAEV,qBAACD,YAAY2B,QAAM;sBAACpB,SAAO;gCACzB,qBAACN,QAAAA;wBAAO2B,OAAM;kCAAS;;;;;;;aA3BzB,SAAA;;;;;AAmCd;",
-  "names": ["AlertDialog", "Button", "XStack", "YStack", "AlertDialogDemo", "native", "Trigger", "asChild", "Portal", "Overlay", "animation", "opacity", "enterStyle", "exitStyle", "Content", "bordered", "elevate", "overshootClamping", "x", "y", "scale", "space", "Title", "Description", "gap", "justifyContent", "Cancel", "Action", "theme"]
+  "mappings": ";AAAA,SAASA,aAAaC,QAAQC,QAAQC,cAAc;AAE7C,SAASC,kBAAAA;AACd,SACE,sBAACJ,aAAAA;IAAYK,QAAM;;MACjB,qBAACL,YAAYM,SAAO;QAACC,SAAO;kBAC1B,qBAACN,QAAAA;oBAAO;;;MAGV,sBAACD,YAAYQ,QAAM;;UACjB,qBAACR,YAAYS,SAAO;YAElBC,WAAU;YACVC,SAAS;YACTC,YAAY;cAAED,SAAS;YAAE;YACzBE,WAAW;cAAEF,SAAS;YAAE;aAJpB,SAAA;UAMN,qBAACX,YAAYc,SAAO;YAClBC,UAAQ;YACRC,SAAO;YAEPN,WAAW;cACT;cACA;gBACEC,SAAS;kBACPM,mBAAmB;gBACrB;cACF;;YAEFL,YAAY;cAAEM,GAAG;cAAGC,GAAG;cAAKR,SAAS;cAAGS,OAAO;YAAI;YACnDP,WAAW;cAAEK,GAAG;cAAGC,GAAG;cAAIR,SAAS;cAAGS,OAAO;YAAK;YAClDF,GAAG;YACHE,OAAO;YACPT,SAAS;YACTQ,GAAG;sBAEH,sBAAChB,QAAAA;cAAOkB,KAAI;;gBACV,qBAACrB,YAAYsB,OAAK;4BAAC;;gBACnB,qBAACtB,YAAYuB,aAAW;4BAAC;;gBAIzB,sBAACrB,QAAAA;kBAAOmB,KAAI;kBAAKG,gBAAe;;oBAC9B,qBAACxB,YAAYyB,QAAM;sBAAClB,SAAO;gCACzB,qBAACN,QAAAA;kCAAO;;;oBAEV,qBAACD,YAAY0B,QAAM;sBAACnB,SAAO;gCACzB,qBAACN,QAAAA;wBAAO0B,OAAM;kCAAS;;;;;;;aA3BzB,SAAA;;;;;AAmCd;",
+  "names": ["AlertDialog", "Button", "XStack", "YStack", "AlertDialogDemo", "native", "Trigger", "asChild", "Portal", "Overlay", "animation", "opacity", "enterStyle", "exitStyle", "Content", "bordered", "elevate", "overshootClamping", "x", "y", "scale", "gap", "Title", "Description", "justifyContent", "Cancel", "Action", "theme"]
 }

package/dist/jsx/ButtonDemo.js

@@ -1,8 +1,9 @@
 import { Activity, Airplay } from "@tamagui/lucide-icons";
-import { Button, XGroup, XStack, YStack } from "tamagui";
+import { XGroup, XStack, YStack } from "tamagui";
+import { Button } from "@tamagui/button-next";
 import { jsx, jsxs } from "react/jsx-runtime";
 function ButtonDemo(props) {
-  return /* @__PURE__ */ jsxs(YStack, { padding: "$3", gap: "$3", ...props, children: [
+  return /* @__PURE__ */ jsxs(YStack, { padding: "$3", gap: "$3", w: "100%", ...props, children: [
     /* @__PURE__ */ jsx(Button, { children: "Plain" }),
     /* @__PURE__ */ jsx(Button, { alignSelf: "center", icon: Airplay, size: "$6", children: "Large" }),
     /* @__PURE__ */ jsxs(XStack, { gap: "$2", justifyContent: "center", children: [
@@ -15,7 +16,7 @@ function ButtonDemo(props) {
     ] }),
     /* @__PURE__ */ jsxs(XGroup, { children: [
       /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, { width: "50%", size: "$2", disabled: !0, opacity: 0.5, children: "disabled" }) }),
-      /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, { width: "50%", size: "$2", chromeless: !0, children: "chromeless" }) })
+      /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, { width: "50%", size: "$2", children: "plain" }) })
     ] })
   ] });
 }

package/dist/jsx/ButtonDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ButtonDemo.tsx"],
-  "mappings": "AAAA,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,QAAQ,QAAQ,cAAc;AAKzC,cAIA,YAJA;AAHC,SAAS,WAAW,OAAO;AAChC,SACE,qBAAC,UAAO,SAAQ,MAAK,KAAI,MAAM,GAAG,OAChC;AAAA,wBAAC,UAAO,mBAAK;AAAA,IACb,oBAAC,UAAO,WAAU,UAAS,MAAM,SAAS,MAAK,MAAK,mBAEpD;AAAA,IACA,qBAAC,UAAO,KAAI,MAAK,gBAAe,UAC9B;AAAA,0BAAC,UAAO,MAAK,MAAK,OAAM,UAAS,oBAEjC;AAAA,MACA,oBAAC,UAAO,MAAK,MAAK,SAAQ,YAAW,sBAErC;AAAA,OACF;AAAA,IACA,qBAAC,UAAO,KAAI,MACV;AAAA,0BAAC,UAAO,cAAY,IAAC,MAAK,MAAK,qBAE/B;AAAA,MACA,oBAAC,UAAO,WAAW,UAAU,MAAK,MAAK,uBAEvC;AAAA,OACF;AAAA,IACA,qBAAC,UACC;AAAA,0BAAC,OAAO,MAAP,EACC,8BAAC,UAAO,OAAM,OAAM,MAAK,MAAK,UAAQ,IAAC,SAAS,KAAK,sBAErD,GACF;AAAA,MAEA,oBAAC,OAAO,MAAP,EACC,8BAAC,UAAO,OAAM,OAAM,MAAK,MAAK,YAAU,IAAC,wBAEzC,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "mappings": "AAAA,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,QAAQ,cAAc;AACvC,SAAS,cAAc;AAKjB,cAIA,YAJA;AAHC,SAAS,WAAW,OAAO;AAChC,SACE,qBAAC,UAAO,SAAQ,MAAK,KAAI,MAAK,GAAE,QAAQ,GAAG,OACzC;AAAA,wBAAC,UAAO,mBAAK;AAAA,IACb,oBAAC,UAAO,WAAU,UAAS,MAAM,SAAS,MAAK,MAAK,mBAEpD;AAAA,IACA,qBAAC,UAAO,KAAI,MAAK,gBAAe,UAC9B;AAAA,0BAAC,UAAO,MAAK,MAAK,OAAM,UAAS,oBAEjC;AAAA,MACA,oBAAC,UAAO,MAAK,MAAK,SAAQ,YAAW,sBAErC;AAAA,OACF;AAAA,IACA,qBAAC,UAAO,KAAI,MACV;AAAA,0BAAC,UAAO,cAAY,IAAC,MAAK,MAAK,qBAE/B;AAAA,MACA,oBAAC,UAAO,WAAW,UAAU,MAAK,MAAK,uBAEvC;AAAA,OACF;AAAA,IACA,qBAAC,UACC;AAAA,0BAAC,OAAO,MAAP,EACC,8BAAC,UAAO,OAAM,OAAM,MAAK,MAAK,UAAQ,IAAC,SAAS,KAAK,sBAErD,GACF;AAAA,MAEA,oBAAC,OAAO,MAAP,EACC,8BAAC,UAAO,OAAM,OAAM,MAAK,MAAK,mBAE9B,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/jsx/ButtonDemo.mjs

@@ -1,10 +1,12 @@
 import { Activity, Airplay } from "@tamagui/lucide-icons";
-import { Button, XGroup, XStack, YStack } from "tamagui";
+import { XGroup, XStack, YStack } from "tamagui";
+import { Button } from "@tamagui/button-next";
 import { jsx, jsxs } from "react/jsx-runtime";
 function ButtonDemo(props) {
   return /* @__PURE__ */jsxs(YStack, {
     padding: "$3",
     gap: "$3",
+    w: "100%",
     ...props,
     children: [/* @__PURE__ */jsx(Button, {
       children: "Plain"
@@ -49,8 +51,7 @@ function ButtonDemo(props) {
         children: /* @__PURE__ */jsx(Button, {
           width: "50%",
           size: "$2",
-          chromeless: !0,
-          children: "chromeless"
+          children: "plain"
         })
       })]
     })]

package/dist/jsx/ButtonDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Activity","Airplay","Button","XGroup","XStack","YStack","jsx","jsxs","ButtonDemo","props","padding","gap","children","alignSelf","icon","size","justifyContent","theme","variant","themeInverse","iconAfter","Item","width","disabled","opacity","chromeless"],"sources":["../../src/ButtonDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,EAAUC,OAAA,QAAe;AAClC,SAASC,MAAA,EAAQC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAKzC,SAAAC,GAAA,EAIAC,IAAA,QAJA;AAHC,SAASC,WAAWC,KAAA,EAAO;EAChC,OACE,eAAAF,IAAA,CAACF,MAAA;IAAOK,OAAA,EAAQ;IAAKC,GAAA,EAAI;IAAM,GAAGF,KAAA;IAChCG,QAAA,kBAAAN,GAAA,CAACJ,MAAA;MAAOU,QAAA;IAAA,CAAK,GACb,eAAAN,GAAA,CAACJ,MAAA;MAAOW,SAAA,EAAU;MAASC,IAAA,EAAMb,OAAA;MAASc,IAAA,EAAK;MAAKH,QAAA;IAAA,CAEpD,GACA,eAAAL,IAAA,CAACH,MAAA;MAAOO,GAAA,EAAI;MAAKK,cAAA,EAAe;MAC9BJ,QAAA,kBAAAN,GAAA,CAACJ,MAAA;QAAOa,IAAA,EAAK;QAAKE,KAAA,EAAM;QAASL,QAAA;MAAA,CAEjC,GACA,eAAAN,GAAA,CAACJ,MAAA;QAAOa,IAAA,EAAK;QAAKG,OAAA,EAAQ;QAAWN,QAAA;MAAA,CAErC;IAAA,CACF,GACA,eAAAL,IAAA,CAACH,MAAA;MAAOO,GAAA,EAAI;MACVC,QAAA,kBAAAN,GAAA,CAACJ,MAAA;QAAOiB,YAAA,EAAY;QAACJ,IAAA,EAAK;QAAKH,QAAA;MAAA,CAE/B,GACA,eAAAN,GAAA,CAACJ,MAAA;QAAOkB,SAAA,EAAWpB,QAAA;QAAUe,IAAA,EAAK;QAAKH,QAAA;MAAA,CAEvC;IAAA,CACF,GACA,eAAAL,IAAA,CAACJ,MAAA;MACCS,QAAA,kBAAAN,GAAA,CAACH,MAAA,CAAOkB,IAAA,EAAP;QACCT,QAAA,iBAAAN,GAAA,CAACJ,MAAA;UAAOoB,KAAA,EAAM;UAAMP,IAAA,EAAK;UAAKQ,QAAA,EAAQ;UAACC,OAAA,EAAS;UAAKZ,QAAA;QAAA,CAErD;MAAA,CACF,GAEA,eAAAN,GAAA,CAACH,MAAA,CAAOkB,IAAA,EAAP;QACCT,QAAA,iBAAAN,GAAA,CAACJ,MAAA;UAAOoB,KAAA,EAAM;UAAMP,IAAA,EAAK;UAAKU,UAAA,EAAU;UAACb,QAAA;QAAA,CAEzC;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["Activity","Airplay","XGroup","XStack","YStack","Button","jsx","jsxs","ButtonDemo","props","padding","gap","w","children","alignSelf","icon","size","justifyContent","theme","variant","themeInverse","iconAfter","Item","width","disabled","opacity"],"sources":["../../src/ButtonDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,EAAUC,OAAA,QAAe;AAClC,SAASC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AACvC,SAASC,MAAA,QAAc;AAKjB,SAAAC,GAAA,EAIAC,IAAA,QAJA;AAHC,SAASC,WAAWC,KAAA,EAAO;EAChC,OACE,eAAAF,IAAA,CAACH,MAAA;IAAOM,OAAA,EAAQ;IAAKC,GAAA,EAAI;IAAKC,CAAA,EAAE;IAAQ,GAAGH,KAAA;IACzCI,QAAA,kBAAAP,GAAA,CAACD,MAAA;MAAOQ,QAAA;IAAA,CAAK,GACb,eAAAP,GAAA,CAACD,MAAA;MAAOS,SAAA,EAAU;MAASC,IAAA,EAAMd,OAAA;MAASe,IAAA,EAAK;MAAKH,QAAA;IAAA,CAEpD,GACA,eAAAN,IAAA,CAACJ,MAAA;MAAOQ,GAAA,EAAI;MAAKM,cAAA,EAAe;MAC9BJ,QAAA,kBAAAP,GAAA,CAACD,MAAA;QAAOW,IAAA,EAAK;QAAKE,KAAA,EAAM;QAASL,QAAA;MAAA,CAEjC,GACA,eAAAP,GAAA,CAACD,MAAA;QAAOW,IAAA,EAAK;QAAKG,OAAA,EAAQ;QAAWN,QAAA;MAAA,CAErC;IAAA,CACF,GACA,eAAAN,IAAA,CAACJ,MAAA;MAAOQ,GAAA,EAAI;MACVE,QAAA,kBAAAP,GAAA,CAACD,MAAA;QAAOe,YAAA,EAAY;QAACJ,IAAA,EAAK;QAAKH,QAAA;MAAA,CAE/B,GACA,eAAAP,GAAA,CAACD,MAAA;QAAOgB,SAAA,EAAWrB,QAAA;QAAUgB,IAAA,EAAK;QAAKH,QAAA;MAAA,CAEvC;IAAA,CACF,GACA,eAAAN,IAAA,CAACL,MAAA;MACCW,QAAA,kBAAAP,GAAA,CAACJ,MAAA,CAAOoB,IAAA,EAAP;QACCT,QAAA,iBAAAP,GAAA,CAACD,MAAA;UAAOkB,KAAA,EAAM;UAAMP,IAAA,EAAK;UAAKQ,QAAA,EAAQ;UAACC,OAAA,EAAS;UAAKZ,QAAA;QAAA,CAErD;MAAA,CACF,GAEA,eAAAP,GAAA,CAACJ,MAAA,CAAOoB,IAAA,EAAP;QACCT,QAAA,iBAAAP,GAAA,CAACD,MAAA;UAAOkB,KAAA,EAAM;UAAMP,IAAA,EAAK;UAAKH,QAAA;QAAA,CAE9B;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/jsx/ButtonDemo.native.js

@@ -1,10 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Activity, Airplay } from "@tamagui/lucide-icons";
-import { Button, XGroup, XStack, YStack } from "tamagui";
+import { XGroup, XStack, YStack } from "tamagui";
+import { Button } from "@tamagui/button-next";
 function ButtonDemo(props) {
   return /* @__PURE__ */ _jsxs(YStack, {
     padding: "$3",
     gap: "$3",
+    w: "100%",
     ...props,
     children: [
       /* @__PURE__ */ _jsx(Button, {
@@ -62,8 +64,7 @@ function ButtonDemo(props) {
             children: /* @__PURE__ */ _jsx(Button, {
               width: "50%",
               size: "$2",
-              chromeless: !0,
-              children: "chromeless"
+              children: "plain"
             })
           })
         ]

package/dist/jsx/ButtonDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/ButtonDemo.tsx"],
-  "mappings": ";AAAA,SAASA,UAAUC,eAAe;AAClC,SAASC,QAAQC,QAAQC,QAAQC,cAAc;AAExC,SAASC,WAAWC,OAAK;AAC9B,SACE,sBAACF,QAAAA;IAAOG,SAAQ;IAAKC,KAAI;IAAM,GAAGF;;MAChC,qBAACL,QAAAA;kBAAO;;MACR,qBAACA,QAAAA;QAAOQ,WAAU;QAASC,MAAMV;QAASW,MAAK;kBAAK;;MAGpD,sBAACR,QAAAA;QAAOK,KAAI;QAAKI,gBAAe;;UAC9B,qBAACX,QAAAA;YAAOU,MAAK;YAAKE,OAAM;sBAAS;;UAGjC,qBAACZ,QAAAA;YAAOU,MAAK;YAAKG,SAAQ;sBAAW;;;;MAIvC,sBAACX,QAAAA;QAAOK,KAAI;;UACV,qBAACP,QAAAA;YAAOc,cAAY;YAACJ,MAAK;sBAAK;;UAG/B,qBAACV,QAAAA;YAAOe,WAAWjB;YAAUY,MAAK;sBAAK;;;;MAIzC,sBAACT,QAAAA;;UACC,qBAACA,OAAOe,MAAI;sBACV,qBAAChB,QAAAA;cAAOiB,OAAM;cAAMP,MAAK;cAAKQ,UAAQ;cAACC,SAAS;wBAAK;;;UAKvD,qBAAClB,OAAOe,MAAI;sBACV,qBAAChB,QAAAA;cAAOiB,OAAM;cAAMP,MAAK;cAAKU,YAAU;wBAAC;;;;;;;AAOnD;",
-  "names": ["Activity", "Airplay", "Button", "XGroup", "XStack", "YStack", "ButtonDemo", "props", "padding", "gap", "alignSelf", "icon", "size", "justifyContent", "theme", "variant", "themeInverse", "iconAfter", "Item", "width", "disabled", "opacity", "chromeless"]
+  "mappings": ";AAAA,SAASA,UAAUC,eAAe;AAClC,SAASC,QAAQC,QAAQC,cAAc;AACvC,SAASC,cAAc;AAEhB,SAASC,WAAWC,OAAK;AAC9B,SACE,sBAACH,QAAAA;IAAOI,SAAQ;IAAKC,KAAI;IAAKC,GAAE;IAAQ,GAAGH;;MACzC,qBAACF,QAAAA;kBAAO;;MACR,qBAACA,QAAAA;QAAOM,WAAU;QAASC,MAAMX;QAASY,MAAK;kBAAK;;MAGpD,sBAACV,QAAAA;QAAOM,KAAI;QAAKK,gBAAe;;UAC9B,qBAACT,QAAAA;YAAOQ,MAAK;YAAKE,OAAM;sBAAS;;UAGjC,qBAACV,QAAAA;YAAOQ,MAAK;YAAKG,SAAQ;sBAAW;;;;MAIvC,sBAACb,QAAAA;QAAOM,KAAI;;UACV,qBAACJ,QAAAA;YAAOY,cAAY;YAACJ,MAAK;sBAAK;;UAG/B,qBAACR,QAAAA;YAAOa,WAAWlB;YAAUa,MAAK;sBAAK;;;;MAIzC,sBAACX,QAAAA;;UACC,qBAACA,OAAOiB,MAAI;sBACV,qBAACd,QAAAA;cAAOe,OAAM;cAAMP,MAAK;cAAKQ,UAAQ;cAACC,SAAS;wBAAK;;;UAKvD,qBAACpB,OAAOiB,MAAI;sBACV,qBAACd,QAAAA;cAAOe,OAAM;cAAMP,MAAK;wBAAK;;;;;;;AAOxC;",
+  "names": ["Activity", "Airplay", "XGroup", "XStack", "YStack", "Button", "ButtonDemo", "props", "padding", "gap", "w", "alignSelf", "icon", "size", "justifyContent", "theme", "variant", "themeInverse", "iconAfter", "Item", "width", "disabled", "opacity"]
 }

package/dist/jsx/CardDemo.js

@@ -1,7 +1,7 @@
 import { Button, Card, H2, Image, Paragraph, XStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function CardDemo() {
-  return /* @__PURE__ */ jsxs(XStack, { $sm: { flexDirection: "column" }, paddingHorizontal: "$4", space: !0, children: [
+  return /* @__PURE__ */ jsxs(XStack, { $sm: { flexDirection: "column" }, paddingHorizontal: "$4", gap: "$4", children: [
     /* @__PURE__ */ jsx(
       DemoCard,
       {
@@ -18,12 +18,12 @@ function CardDemo() {
   ] });
 }
 function DemoCard(props) {
-  return /* @__PURE__ */ jsxs(Card, { elevate: !0, size: "$4", bordered: !0, ...props, children: [
-    /* @__PURE__ */ jsxs(Card.Header, { padded: !0, children: [
+  return /* @__PURE__ */ jsxs(Card, { size: "$4", borderWidth: 1, borderColor: "$borderColor", ...props, children: [
+    /* @__PURE__ */ jsxs(Card.Header, { padding: "$4", children: [
       /* @__PURE__ */ jsx(H2, { children: "Sony A7IV" }),
       /* @__PURE__ */ jsx(Paragraph, { theme: "alt2", children: "Now available" })
     ] }),
-    /* @__PURE__ */ jsxs(Card.Footer, { padded: !0, children: [
+    /* @__PURE__ */ jsxs(Card.Footer, { padding: "$4", children: [
       /* @__PURE__ */ jsx(XStack, { flex: 1 }),
       /* @__PURE__ */ jsx(Button, { borderRadius: "$10", children: "Purchase" })
     ] }),

package/dist/jsx/CardDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/CardDemo.tsx"],
-  "mappings": "AACA,SAAS,QAAQ,MAAM,IAAI,OAAO,WAAW,cAAc;AAIvD,SACE,KADF;AAFG,SAAS,WAAW;AACzB,SACE,qBAAC,UAAO,KAAK,EAAE,eAAe,SAAS,GAAG,mBAAkB,MAAK,OAAK,IACpE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,YAAY,EAAE,OAAO,MAAM;AAAA,QAC3B,YAAY,EAAE,OAAO,MAAM;AAAA;AAAA,IAC7B;AAAA,IACA,oBAAC,YAAS,MAAK,MAAK,OAAO,KAAK,QAAQ,KAAK;AAAA,KAC/C;AAEJ;AAEO,SAAS,SAAS,OAAkB;AACzC,SACE,qBAAC,QAAK,SAAO,IAAC,MAAK,MAAK,UAAQ,IAAE,GAAG,OACnC;AAAA,yBAAC,KAAK,QAAL,EAAY,QAAM,IACjB;AAAA,0BAAC,MAAG,uBAAS;AAAA,MACb,oBAAC,aAAU,OAAM,QAAO,2BAAa;AAAA,OACvC;AAAA,IACA,qBAAC,KAAK,QAAL,EAAY,QAAM,IACjB;AAAA,0BAAC,UAAO,MAAM,GAAG;AAAA,MACjB,oBAAC,UAAO,cAAa,OAAM,sBAAQ;AAAA,OACrC;AAAA,IACA,oBAAC,KAAK,YAAL,EACC;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,WAAU;AAAA,QACV,QAAQ;AAAA,UACN,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,KAAK;AAAA,QACP;AAAA;AAAA,IACF,GACF;AAAA,KACF;AAEJ;",
+  "mappings": "AACA,SAAS,QAAQ,MAAM,IAAI,OAAO,WAAW,cAAc;AAIvD,SACE,KADF;AAFG,SAAS,WAAW;AACzB,SACE,qBAAC,UAAO,KAAK,EAAE,eAAe,SAAS,GAAG,mBAAkB,MAAK,KAAI,MACnE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,YAAY,EAAE,OAAO,MAAM;AAAA,QAC3B,YAAY,EAAE,OAAO,MAAM;AAAA;AAAA,IAC7B;AAAA,IACA,oBAAC,YAAS,MAAK,MAAK,OAAO,KAAK,QAAQ,KAAK;AAAA,KAC/C;AAEJ;AAEO,SAAS,SAAS,OAAkB;AACzC,SACE,qBAAC,QAAK,MAAK,MAAK,aAAa,GAAG,aAAY,gBAAgB,GAAG,OAC7D;AAAA,yBAAC,KAAK,QAAL,EAAY,SAAQ,MACnB;AAAA,0BAAC,MAAG,uBAAS;AAAA,MACb,oBAAC,aAAU,OAAM,QAAO,2BAAa;AAAA,OACvC;AAAA,IACA,qBAAC,KAAK,QAAL,EAAY,SAAQ,MACnB;AAAA,0BAAC,UAAO,MAAM,GAAG;AAAA,MACjB,oBAAC,UAAO,cAAa,OAAM,sBAAQ;AAAA,OACrC;AAAA,IACA,oBAAC,KAAK,YAAL,EACC;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,WAAU;AAAA,QACV,QAAQ;AAAA,UACN,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,KAAK;AAAA,QACP;AAAA;AAAA,IACF,GACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/jsx/CardDemo.mjs

@@ -6,7 +6,7 @@ function CardDemo() {
       flexDirection: "column"
     },
     paddingHorizontal: "$4",
-    space: !0,
+    gap: "$4",
     children: [/* @__PURE__ */jsx(DemoCard, {
       animation: "bouncy",
       size: "$4",
@@ -28,12 +28,12 @@ function CardDemo() {
 }
 function DemoCard(props) {
   return /* @__PURE__ */jsxs(Card, {
-    elevate: !0,
     size: "$4",
-    bordered: !0,
+    borderWidth: 1,
+    borderColor: "$borderColor",
     ...props,
     children: [/* @__PURE__ */jsxs(Card.Header, {
-      padded: !0,
+      padding: "$4",
       children: [/* @__PURE__ */jsx(H2, {
         children: "Sony A7IV"
       }), /* @__PURE__ */jsx(Paragraph, {
@@ -41,7 +41,7 @@ function DemoCard(props) {
         children: "Now available"
       })]
     }), /* @__PURE__ */jsxs(Card.Footer, {
-      padded: !0,
+      padding: "$4",
       children: [/* @__PURE__ */jsx(XStack, {
         flex: 1
       }), /* @__PURE__ */jsx(Button, {

package/dist/jsx/CardDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Button","Card","H2","Image","Paragraph","XStack","jsx","jsxs","CardDemo","$sm","flexDirection","paddingHorizontal","space","children","DemoCard","animation","size","width","height","scale","hoverStyle","pressStyle","props","elevate","bordered","Header","padded","theme","Footer","flex","borderRadius","Background","resizeMode","alignSelf","source","uri"],"sources":["../../src/CardDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,EAAQC,IAAA,EAAMC,EAAA,EAAIC,KAAA,EAAOC,SAAA,EAAWC,MAAA,QAAc;AAIvD,SACEC,GAAA,EADFC,IAAA;AAFG,SAASC,SAAA,EAAW;EACzB,OACE,eAAAD,IAAA,CAACF,MAAA;IAAOI,GAAA,EAAK;MAAEC,aAAA,EAAe;IAAS;IAAGC,iBAAA,EAAkB;IAAKC,KAAA,EAAK;IACpEC,QAAA,kBAAAP,GAAA,CAACQ,QAAA;MACCC,SAAA,EAAU;MACVC,IAAA,EAAK;MACLC,KAAA,EAAO;MACPC,MAAA,EAAQ;MACRC,KAAA,EAAO;MACPC,UAAA,EAAY;QAAED,KAAA,EAAO;MAAM;MAC3BE,UAAA,EAAY;QAAEF,KAAA,EAAO;MAAM;IAAA,CAC7B,GACA,eAAAb,GAAA,CAACQ,QAAA;MAASE,IAAA,EAAK;MAAKC,KAAA,EAAO;MAAKC,MAAA,EAAQ;IAAA,CAAK;EAAA,CAC/C;AAEJ;AAEO,SAASJ,SAASQ,KAAA,EAAkB;EACzC,OACE,eAAAf,IAAA,CAACN,IAAA;IAAKsB,OAAA,EAAO;IAACP,IAAA,EAAK;IAAKQ,QAAA,EAAQ;IAAE,GAAGF,KAAA;IACnCT,QAAA,kBAAAN,IAAA,CAACN,IAAA,CAAKwB,MAAA,EAAL;MAAYC,MAAA,EAAM;MACjBb,QAAA,kBAAAP,GAAA,CAACJ,EAAA;QAAGW,QAAA;MAAA,CAAS,GACb,eAAAP,GAAA,CAACF,SAAA;QAAUuB,KAAA,EAAM;QAAOd,QAAA;MAAA,CAAa;IAAA,CACvC,GACA,eAAAN,IAAA,CAACN,IAAA,CAAK2B,MAAA,EAAL;MAAYF,MAAA,EAAM;MACjBb,QAAA,kBAAAP,GAAA,CAACD,MAAA;QAAOwB,IAAA,EAAM;MAAA,CAAG,GACjB,eAAAvB,GAAA,CAACN,MAAA;QAAO8B,YAAA,EAAa;QAAMjB,QAAA;MAAA,CAAQ;IAAA,CACrC,GACA,eAAAP,GAAA,CAACL,IAAA,CAAK8B,UAAA,EAAL;MACClB,QAAA,iBAAAP,GAAA,CAACH,KAAA;QACC6B,UAAA,EAAW;QACXC,SAAA,EAAU;QACVC,MAAA,EAAQ;UACNjB,KAAA,EAAO;UACPC,MAAA,EAAQ;UACRiB,GAAA,EAAK;QACP;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["Button","Card","H2","Image","Paragraph","XStack","jsx","jsxs","CardDemo","$sm","flexDirection","paddingHorizontal","gap","children","DemoCard","animation","size","width","height","scale","hoverStyle","pressStyle","props","borderWidth","borderColor","Header","padding","theme","Footer","flex","borderRadius","Background","resizeMode","alignSelf","source","uri"],"sources":["../../src/CardDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,EAAQC,IAAA,EAAMC,EAAA,EAAIC,KAAA,EAAOC,SAAA,EAAWC,MAAA,QAAc;AAIvD,SACEC,GAAA,EADFC,IAAA;AAFG,SAASC,SAAA,EAAW;EACzB,OACE,eAAAD,IAAA,CAACF,MAAA;IAAOI,GAAA,EAAK;MAAEC,aAAA,EAAe;IAAS;IAAGC,iBAAA,EAAkB;IAAKC,GAAA,EAAI;IACnEC,QAAA,kBAAAP,GAAA,CAACQ,QAAA;MACCC,SAAA,EAAU;MACVC,IAAA,EAAK;MACLC,KAAA,EAAO;MACPC,MAAA,EAAQ;MACRC,KAAA,EAAO;MACPC,UAAA,EAAY;QAAED,KAAA,EAAO;MAAM;MAC3BE,UAAA,EAAY;QAAEF,KAAA,EAAO;MAAM;IAAA,CAC7B,GACA,eAAAb,GAAA,CAACQ,QAAA;MAASE,IAAA,EAAK;MAAKC,KAAA,EAAO;MAAKC,MAAA,EAAQ;IAAA,CAAK;EAAA,CAC/C;AAEJ;AAEO,SAASJ,SAASQ,KAAA,EAAkB;EACzC,OACE,eAAAf,IAAA,CAACN,IAAA;IAAKe,IAAA,EAAK;IAAKO,WAAA,EAAa;IAAGC,WAAA,EAAY;IAAgB,GAAGF,KAAA;IAC7DT,QAAA,kBAAAN,IAAA,CAACN,IAAA,CAAKwB,MAAA,EAAL;MAAYC,OAAA,EAAQ;MACnBb,QAAA,kBAAAP,GAAA,CAACJ,EAAA;QAAGW,QAAA;MAAA,CAAS,GACb,eAAAP,GAAA,CAACF,SAAA;QAAUuB,KAAA,EAAM;QAAOd,QAAA;MAAA,CAAa;IAAA,CACvC,GACA,eAAAN,IAAA,CAACN,IAAA,CAAK2B,MAAA,EAAL;MAAYF,OAAA,EAAQ;MACnBb,QAAA,kBAAAP,GAAA,CAACD,MAAA;QAAOwB,IAAA,EAAM;MAAA,CAAG,GACjB,eAAAvB,GAAA,CAACN,MAAA;QAAO8B,YAAA,EAAa;QAAMjB,QAAA;MAAA,CAAQ;IAAA,CACrC,GACA,eAAAP,GAAA,CAACL,IAAA,CAAK8B,UAAA,EAAL;MACClB,QAAA,iBAAAP,GAAA,CAACH,KAAA;QACC6B,UAAA,EAAW;QACXC,SAAA,EAAU;QACVC,MAAA,EAAQ;UACNjB,KAAA,EAAO;UACPC,MAAA,EAAQ;UACRiB,GAAA,EAAK;QACP;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/jsx/CardDemo.native.js

@@ -6,7 +6,7 @@ function CardDemo() {
       flexDirection: "column"
     },
     paddingHorizontal: "$4",
-    space: !0,
+    gap: "$4",
     children: [
       /* @__PURE__ */ _jsx(DemoCard, {
         animation: "bouncy",
@@ -31,13 +31,13 @@ function CardDemo() {
 }
 function DemoCard(props) {
   return /* @__PURE__ */ _jsxs(Card, {
-    elevate: !0,
     size: "$4",
-    bordered: !0,
+    borderWidth: 1,
+    borderColor: "$borderColor",
     ...props,
     children: [
       /* @__PURE__ */ _jsxs(Card.Header, {
-        padded: !0,
+        padding: "$4",
         children: [
           /* @__PURE__ */ _jsx(H2, {
             children: "Sony A7IV"
@@ -49,7 +49,7 @@ function DemoCard(props) {
         ]
       }),
       /* @__PURE__ */ _jsxs(Card.Footer, {
-        padded: !0,
+        padding: "$4",
         children: [
           /* @__PURE__ */ _jsx(XStack, {
             flex: 1

package/dist/jsx/CardDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/CardDemo.tsx"],
-  "mappings": ";AACA,SAASA,QAAQC,MAAMC,IAAIC,OAAOC,WAAWC,cAAc;AAEpD,SAASC,WAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,KAAK;MAAEC,eAAe;IAAS;IAAGC,mBAAkB;IAAKC,OAAK;;MACpE,qBAACC,UAAAA;QACCC,WAAU;QACVC,MAAK;QACLC,OAAO;QACPC,QAAQ;QACRC,OAAO;QACPC,YAAY;UAAED,OAAO;QAAM;QAC3BE,YAAY;UAAEF,OAAO;QAAM;;MAE7B,qBAACL,UAAAA;QAASE,MAAK;QAAKC,OAAO;QAAKC,QAAQ;;;;AAG9C;AAEO,SAASJ,SAASQ,OAAgB;AACvC,SACE,sBAAClB,MAAAA;IAAKmB,SAAO;IAACP,MAAK;IAAKQ,UAAQ;IAAE,GAAGF;;MACnC,sBAAClB,KAAKqB,QAAM;QAACC,QAAM;;UACjB,qBAACrB,IAAAA;sBAAG;;UACJ,qBAACE,WAAAA;YAAUoB,OAAM;sBAAO;;;;MAE1B,sBAACvB,KAAKwB,QAAM;QAACF,QAAM;;UACjB,qBAAClB,QAAAA;YAAOqB,MAAM;;UACd,qBAAC1B,QAAAA;YAAO2B,cAAa;sBAAM;;;;MAE7B,qBAAC1B,KAAK2B,YAAU;kBACd,qBAACzB,OAAAA;UACC0B,YAAW;UACXC,WAAU;UACVC,QAAQ;YACNjB,OAAO;YACPC,QAAQ;YACRiB,KAAK;UACP;;;;;AAKV;",
-  "names": ["Button", "Card", "H2", "Image", "Paragraph", "XStack", "CardDemo", "$sm", "flexDirection", "paddingHorizontal", "space", "DemoCard", "animation", "size", "width", "height", "scale", "hoverStyle", "pressStyle", "props", "elevate", "bordered", "Header", "padded", "theme", "Footer", "flex", "borderRadius", "Background", "resizeMode", "alignSelf", "source", "uri"]
+  "mappings": ";AACA,SAASA,QAAQC,MAAMC,IAAIC,OAAOC,WAAWC,cAAc;AAEpD,SAASC,WAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,KAAK;MAAEC,eAAe;IAAS;IAAGC,mBAAkB;IAAKC,KAAI;;MACnE,qBAACC,UAAAA;QACCC,WAAU;QACVC,MAAK;QACLC,OAAO;QACPC,QAAQ;QACRC,OAAO;QACPC,YAAY;UAAED,OAAO;QAAM;QAC3BE,YAAY;UAAEF,OAAO;QAAM;;MAE7B,qBAACL,UAAAA;QAASE,MAAK;QAAKC,OAAO;QAAKC,QAAQ;;;;AAG9C;AAEO,SAASJ,SAASQ,OAAgB;AACvC,SACE,sBAAClB,MAAAA;IAAKY,MAAK;IAAKO,aAAa;IAAGC,aAAY;IAAgB,GAAGF;;MAC7D,sBAAClB,KAAKqB,QAAM;QAACC,SAAQ;;UACnB,qBAACrB,IAAAA;sBAAG;;UACJ,qBAACE,WAAAA;YAAUoB,OAAM;sBAAO;;;;MAE1B,sBAACvB,KAAKwB,QAAM;QAACF,SAAQ;;UACnB,qBAAClB,QAAAA;YAAOqB,MAAM;;UACd,qBAAC1B,QAAAA;YAAO2B,cAAa;sBAAM;;;;MAE7B,qBAAC1B,KAAK2B,YAAU;kBACd,qBAACzB,OAAAA;UACC0B,YAAW;UACXC,WAAU;UACVC,QAAQ;YACNjB,OAAO;YACPC,QAAQ;YACRiB,KAAK;UACP;;;;;AAKV;",
+  "names": ["Button", "Card", "H2", "Image", "Paragraph", "XStack", "CardDemo", "$sm", "flexDirection", "paddingHorizontal", "gap", "DemoCard", "animation", "size", "width", "height", "scale", "hoverStyle", "pressStyle", "props", "borderWidth", "borderColor", "Header", "padding", "theme", "Footer", "flex", "borderRadius", "Background", "resizeMode", "alignSelf", "source", "uri"]
 }

package/dist/jsx/ColorsDemo.js

@@ -12,17 +12,17 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const colorGroups = ["orange", "yellow", "green", "blue", "purple", "pink", "red"];
 function ColorsDemo() {
   const colors = getTokens({ prefixed: !1 }).color, [colorsLight, colorsDark] = [getColors(colors), getColors(colors, !0)];
-  return /* @__PURE__ */ jsxs(YStack, { marginTop: "$4", space: "$8", children: [
+  return /* @__PURE__ */ jsxs(YStack, { marginTop: "$4", gap: "$8", children: [
     /* @__PURE__ */ jsx(ColorsRow, { title: "Light", colors: colorsLight }),
     /* @__PURE__ */ jsx(Separator, {}),
     /* @__PURE__ */ jsx(ColorsRow, { title: "Dark", colors: colorsDark })
   ] });
 }
 function ColorsRow({ title, colors }) {
-  return /* @__PURE__ */ jsxs(YStack, { space: !0, $sm: { space: "$2" }, children: [
+  return /* @__PURE__ */ jsxs(YStack, { gap: "$4", $sm: { gap: "$2" }, children: [
     /* @__PURE__ */ jsx(H2, { size: "$2", children: title }),
-    /* @__PURE__ */ jsxs(XStack, { space: !0, alignSelf: "center", children: [
-      /* @__PURE__ */ jsxs(YStack, { space: !0, $sm: { space: "$2" }, alignSelf: "center", children: [
+    /* @__PURE__ */ jsxs(XStack, { gap: "$4", alignSelf: "center", children: [
+      /* @__PURE__ */ jsxs(YStack, { gap: "$4", $sm: { gap: "$2" }, alignSelf: "center", children: [
         colors.map((group, index) => /* @__PURE__ */ jsx(XStack, { gap: "$2", children: group.map((color) => /* @__PURE__ */ jsx(
           Square,
           {

package/dist/jsx/ColorsDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ColorsDemo.tsx"],
-  "mappings": "AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AASH,SACE,KADF;AAPJ,MAAM,cAAc,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAE1E,SAAS,aAAa;AAC3B,QAAM,SAAS,UAAU,EAAE,UAAU,GAAM,CAAC,EAAE,OACxC,CAAC,aAAa,UAAU,IAAI,CAAC,UAAU,MAAM,GAAG,UAAU,QAAQ,EAAI,CAAC;AAE7E,SACE,qBAAC,UAAO,WAAU,MAAK,OAAM,MAC3B;AAAA,wBAAC,aAAU,OAAM,SAAQ,QAAQ,aAAa;AAAA,IAC9C,oBAAC,aAAU;AAAA,IACX,oBAAC,aAAU,OAAM,QAAO,QAAQ,YAAY;AAAA,KAC9C;AAEJ;AAEA,SAAS,UAAU,EAAE,OAAO,OAAO,GAA4C;AAC7E,SACE,qBAAC,UAAO,OAAK,IAAC,KAAK,EAAE,OAAO,KAAK,GAC/B;AAAA,wBAAC,MAAG,MAAK,MAAM,iBAAM;AAAA,IAErB,qBAAC,UAAO,OAAK,IAAC,WAAU,UACtB;AAAA,2BAAC,UAAO,OAAK,IAAC,KAAK,EAAE,OAAO,KAAK,GAAG,WAAU,UAC3C;AAAA,eAAO,IAAI,CAAC,OAAO,UAEhB,oBAAC,UAAO,KAAI,MACT,gBAAM,IAAI,CAAC,UAER;AAAA,UAAC;AAAA;AAAA,YAEC,cAAa;AAAA,YACb,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAa;AAAA,YACb,iBAAiB,iBAAiB,KAAK;AAAA,YACvC,aAAY;AAAA,YACZ,KAAK;AAAA,cACH,MAAM;AAAA,YACR;AAAA,YACA,KAAK;AAAA,cACH,MAAM;AAAA,YACR;AAAA;AAAA,UAZK,GAAG,MAAM,GAAG,GAAG,KAAK;AAAA,QAa3B,CAEH,KAnBmB,KAoBtB,CAEH;AAAA,QAED,oBAAC,UAAO,KAAI,MAAK,WAAU,UACxB,cAAI,MAAM,EAAE,EACV,KAAK,CAAC,EACN,MAAM,CAAC,EACP,IAAI,CAAC,GAAG,UAEL;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,WAAU;AAAA,YACV,OAAM;AAAA,YACN,KAAK;AAAA,cACH,OAAO;AAAA,YACT;AAAA,YACA,KAAK;AAAA,cACH,OAAO;AAAA,YACT;AAAA,YAGC;AAAA;AAAA,UAFI;AAAA,QAGP,CAEH,GACL;AAAA,SACF;AAAA,MAEA,oBAAC,UAAO,KAAI,MAAK,WAAU,MACxB,sBAAY,IAAI,CAAC,SAChB;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAO;AAAA,UACP,KAAK;AAAA,YACH,QAAQ;AAAA,UACV;AAAA,UACA,KAAK;AAAA,YACH,QAAQ;AAAA,UACV;AAAA,UAGC;AAAA;AAAA,QAFI;AAAA,MAGP,CACD,GACH;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,SAAS,UAAU,QAAkC,OAAO,IAAO;AACjE,SAAO,YAAY,IAAI,CAAC,UACf,OAAO,KAAK,MAAM,EACtB;AAAA,IACC,CAAC,UACC,MAAM,WAAW,KAAK,MACrB,OAAO,MAAM,SAAS,MAAM,IAAI,CAAC,MAAM,SAAS,MAAM;AAAA,EAC3D,EACC,IAAI,CAAC,QAAQ,OAAO,GAAG,CAAC,CAC5B;AACH;",
+  "mappings": "AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AASH,SACE,KADF;AAPJ,MAAM,cAAc,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAE1E,SAAS,aAAa;AAC3B,QAAM,SAAS,UAAU,EAAE,UAAU,GAAM,CAAC,EAAE,OACxC,CAAC,aAAa,UAAU,IAAI,CAAC,UAAU,MAAM,GAAG,UAAU,QAAQ,EAAI,CAAC;AAE7E,SACE,qBAAC,UAAO,WAAU,MAAK,KAAI,MACzB;AAAA,wBAAC,aAAU,OAAM,SAAQ,QAAQ,aAAa;AAAA,IAC9C,oBAAC,aAAU;AAAA,IACX,oBAAC,aAAU,OAAM,QAAO,QAAQ,YAAY;AAAA,KAC9C;AAEJ;AAEA,SAAS,UAAU,EAAE,OAAO,OAAO,GAA4C;AAC7E,SACE,qBAAC,UAAO,KAAI,MAAK,KAAK,EAAE,KAAK,KAAK,GAChC;AAAA,wBAAC,MAAG,MAAK,MAAM,iBAAM;AAAA,IAErB,qBAAC,UAAO,KAAI,MAAK,WAAU,UACzB;AAAA,2BAAC,UAAO,KAAI,MAAK,KAAK,EAAE,KAAK,KAAK,GAAG,WAAU,UAC5C;AAAA,eAAO,IAAI,CAAC,OAAO,UAEhB,oBAAC,UAAO,KAAI,MACT,gBAAM,IAAI,CAAC,UAER;AAAA,UAAC;AAAA;AAAA,YAEC,cAAa;AAAA,YACb,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAa;AAAA,YACb,iBAAiB,iBAAiB,KAAK;AAAA,YACvC,aAAY;AAAA,YACZ,KAAK;AAAA,cACH,MAAM;AAAA,YACR;AAAA,YACA,KAAK;AAAA,cACH,MAAM;AAAA,YACR;AAAA;AAAA,UAZK,GAAG,MAAM,GAAG,GAAG,KAAK;AAAA,QAa3B,CAEH,KAnBmB,KAoBtB,CAEH;AAAA,QAED,oBAAC,UAAO,KAAI,MAAK,WAAU,UACxB,cAAI,MAAM,EAAE,EACV,KAAK,CAAC,EACN,MAAM,CAAC,EACP,IAAI,CAAC,GAAG,UAEL;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,WAAU;AAAA,YACV,OAAM;AAAA,YACN,KAAK;AAAA,cACH,OAAO;AAAA,YACT;AAAA,YACA,KAAK;AAAA,cACH,OAAO;AAAA,YACT;AAAA,YAGC;AAAA;AAAA,UAFI;AAAA,QAGP,CAEH,GACL;AAAA,SACF;AAAA,MAEA,oBAAC,UAAO,KAAI,MAAK,WAAU,MACxB,sBAAY,IAAI,CAAC,SAChB;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAO;AAAA,UACP,KAAK;AAAA,YACH,QAAQ;AAAA,UACV;AAAA,UACA,KAAK;AAAA,YACH,QAAQ;AAAA,UACV;AAAA,UAGC;AAAA;AAAA,QAFI;AAAA,MAGP,CACD,GACH;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,SAAS,UAAU,QAAkC,OAAO,IAAO;AACjE,SAAO,YAAY,IAAI,CAAC,UACf,OAAO,KAAK,MAAM,EACtB;AAAA,IACC,CAAC,UACC,MAAM,WAAW,KAAK,MACrB,OAAO,MAAM,SAAS,MAAM,IAAI,CAAC,MAAM,SAAS,MAAM;AAAA,EAC3D,EACC,IAAI,CAAC,QAAQ,OAAO,GAAG,CAAC,CAC5B;AACH;",
   "names": []
 }

package/dist/jsx/ColorsDemo.mjs

@@ -8,7 +8,7 @@ function ColorsDemo() {
     [colorsLight, colorsDark] = [getColors(colors), getColors(colors, !0)];
   return /* @__PURE__ */jsxs(YStack, {
     marginTop: "$4",
-    space: "$8",
+    gap: "$8",
     children: [/* @__PURE__ */jsx(ColorsRow, {
       title: "Light",
       colors: colorsLight
@@ -23,20 +23,20 @@ function ColorsRow({
   colors
 }) {
   return /* @__PURE__ */jsxs(YStack, {
-    space: !0,
+    gap: "$4",
     $sm: {
-      space: "$2"
+      gap: "$2"
     },
     children: [/* @__PURE__ */jsx(H2, {
       size: "$2",
       children: title
     }), /* @__PURE__ */jsxs(XStack, {
-      space: !0,
+      gap: "$4",
       alignSelf: "center",
       children: [/* @__PURE__ */jsxs(YStack, {
-        space: !0,
+        gap: "$4",
         $sm: {
-          space: "$2"
+          gap: "$2"
         },
         alignSelf: "center",
         children: [colors.map((group, index) => /* @__PURE__ */jsx(XStack, {

package/dist/jsx/ColorsDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["H2","Paragraph","Separator","Square","XStack","YStack","getTokens","getVariableValue","jsx","jsxs","colorGroups","ColorsDemo","colors","prefixed","color","colorsLight","colorsDark","getColors","marginTop","space","children","ColorsRow","title","$sm","size","alignSelf","map","group","index","gap","borderRadius","height","borderWidth","backgroundColor","borderColor","$xs","key","Array","fill","slice","_","textAlign","width","name","theme","rotate","dark","Object","keys","filter","startsWith","endsWith"],"sources":["../../src/ColorsDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["H2","Paragraph","Separator","Square","XStack","YStack","getTokens","getVariableValue","jsx","jsxs","colorGroups","ColorsDemo","colors","prefixed","color","colorsLight","colorsDark","getColors","marginTop","gap","children","ColorsRow","title","$sm","size","alignSelf","map","group","index","borderRadius","height","borderWidth","backgroundColor","borderColor","$xs","key","Array","fill","slice","_","textAlign","width","name","theme","rotate","dark","Object","keys","filter","startsWith","endsWith"],"sources":["../../src/ColorsDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}