@tamagui/demos 1.121.12-1737247304231 → 1.121.12-1737270844392

package/dist/cjs/TokensDemo.js

@@ -25,7 +25,7 @@ __export(TokensDemo_exports, {
   TokensDemo: () => TokensDemo
 });
 module.exports = __toCommonJS(TokensDemo_exports);
-var import_react = __toESM(require("react")), import_core = require("@tamagui/core"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@tamagui/core"), import_react = __toESM(require("react")), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 const sections = [
   {
     name: "Size",
@@ -46,7 +46,7 @@ const sections = [
 ];
 function TokensDemo() {
   const [section, setSection] = import_react.default.useState("size");
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: !0, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { gap: "$4", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup, { alignItems: "center", alignSelf: "center", children: sections.map(({ name, key }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_tamagui.Button,
       {
@@ -64,9 +64,9 @@ function SizeSection({ section }) {
   const allTokens = (0, import_core.getConfig)().tokens, tokens = allTokens[section.startsWith("space") ? "space" : section], st = Object.keys(tokens).sort(
     (a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1
   ), spaceTokens = st.filter((t) => Number.parseFloat(t) >= 0), spaceTokensNegative = st.filter((t) => Number.parseFloat(t) < 0).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { flex: 1, space: !0, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { flex: 1, gap: "$4", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, { children: "Sizes" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: "100%", space: "$2", separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}), children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: "100%", gap: "$2", children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(
       (token) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: "100%", alignItems: "center", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: "25%", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H3, { size: "$6", children: [
           "$",

package/dist/cjs/TokensDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/TokensDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAElB,cAA0B,0BAE1B,iBAA8E,oBA2B1E;AAvBJ,MAAM,WAA6C;AAAA,EACjD;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF;AAEO,SAAS,aAAa;AAC3B,QAAM,CAAC,SAAS,UAAU,IAAI,aAAAA,QAAM,SAAkB,MAAM;AAE5D,SACE,6CAAC,yBAAO,OAAK,IACX;AAAA,gDAAC,yBAAO,YAAW,UAAS,WAAU,UACnC,mBAAS,IAAI,CAAC,EAAE,MAAM,IAAI,MAEvB,4CAAC,sBAAO,MAAP,EACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,YAAY,MAAM,WAAW;AAAA,QACpC,YAAW;AAAA,QACX,SAAS,MAAM,WAAW,GAAG;AAAA,QAE5B;AAAA;AAAA,IACH,KARgB,GASlB,CAEH,GACH;AAAA,KAEE,YAAY,UACZ,YAAY,mBACZ,YAAY,WACZ,YAAY,aAAa,4CAAC,eAAY,SAAkB;AAAA,KAC5D;AAEJ;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAyB;AACtD,QAAM,gBAAY,uBAAU,EAAE,QACxB,SAAS,UAAU,QAAQ,WAAW,OAAO,IAAI,UAAU,OAAO,GAClE,KAAK,OAAO,KAAK,MAAM,EAAE;AAAA,IAAK,CAAC,GAAG,MACtC,OAAO,WAAW,CAAC,IAAI,OAAO,WAAW,CAAC,IAAI,IAAI;AAAA,EACpD,GACM,cAAc,GAAG,OAAO,CAAC,MAAM,OAAO,WAAW,CAAC,KAAK,CAAC,GACxD,sBAAsB,GACzB,OAAO,CAAC,MAAM,OAAO,WAAW,CAAC,IAAI,CAAC,EACtC,KAAK,CAAC,GAAG,MAAO,OAAO,WAAW,CAAC,IAAI,OAAO,WAAW,CAAC,IAAI,KAAK,CAAE;AAExE,SACE,6CAAC,yBAAO,MAAM,GAAG,OAAK,IACpB;AAAA,gDAAC,qBAAG,mBAAK;AAAA,IACT,4CAAC,yBAAO,OAAM,QAAO,OAAM,MAAK,WAAW,4CAAC,4BAAU,GAClD,uBAAY,kBAAkB,sBAAsB,aAAa;AAAA,MACjE,CAAC,UAEG,6CAAC,yBAAO,OAAM,QAAO,YAAW,UAC9B;AAAA,oDAAC,yBAAO,OAAM,OACZ,uDAAC,qBAAG,MAAK,MAAK;AAAA;AAAA,UAAE;AAAA,WAAM,GACxB;AAAA,QACA,4CAAC,yBAAO,OAAM,OACZ,uDAAC,qBAAG,MAAK,MAAM;AAAA,iBAAO,KAAK,GAAG;AAAA,UAAI;AAAA,WAAE,GACtC;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,OAAO,KAAK,GAAG;AAAA,YACrB,iBAAgB;AAAA,YACf,GAAI,YAAY,mBAAmB;AAAA,cAClC,iBAAiB;AAAA,cACjB,MACE,CAAC,OACC,oBAAoB;AAAA,gBAClB,CAAC,MAAM,OAAO,WAAW,CAAC,MAAM,CAAC,OAAO,WAAW,KAAK;AAAA,cAC1D,KAAK,KACP,GAAG;AAAA,YACP;AAAA,YACC,GAAI,YAAY,YAAY;AAAA,cAC3B,MAAM,UAAU,KAAK,KAAK,GAAG;AAAA,cAC7B,cAAc,OAAO,KAAK,GAAG;AAAA,YAC/B;AAAA;AAAA,QACF;AAAA,WAvB4C,KAwB9C;AAAA,IAGN,GACF;AAAA,KACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAA0B,0BAC1B,eAAkB,2BAClB,iBAAmE,oBA2B/D;AAvBJ,MAAM,WAA6C;AAAA,EACjD;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF;AAEO,SAAS,aAAa;AAC3B,QAAM,CAAC,SAAS,UAAU,IAAI,aAAAA,QAAM,SAAkB,MAAM;AAE5D,SACE,6CAAC,yBAAO,KAAI,MACV;AAAA,gDAAC,yBAAO,YAAW,UAAS,WAAU,UACnC,mBAAS,IAAI,CAAC,EAAE,MAAM,IAAI,MAEvB,4CAAC,sBAAO,MAAP,EACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,YAAY,MAAM,WAAW;AAAA,QACpC,YAAW;AAAA,QACX,SAAS,MAAM,WAAW,GAAG;AAAA,QAE5B;AAAA;AAAA,IACH,KARgB,GASlB,CAEH,GACH;AAAA,KAEE,YAAY,UACZ,YAAY,mBACZ,YAAY,WACZ,YAAY,aAAa,4CAAC,eAAY,SAAkB;AAAA,KAC5D;AAEJ;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAyB;AACtD,QAAM,gBAAY,uBAAU,EAAE,QACxB,SAAS,UAAU,QAAQ,WAAW,OAAO,IAAI,UAAU,OAAO,GAClE,KAAK,OAAO,KAAK,MAAM,EAAE;AAAA,IAAK,CAAC,GAAG,MACtC,OAAO,WAAW,CAAC,IAAI,OAAO,WAAW,CAAC,IAAI,IAAI;AAAA,EACpD,GACM,cAAc,GAAG,OAAO,CAAC,MAAM,OAAO,WAAW,CAAC,KAAK,CAAC,GACxD,sBAAsB,GACzB,OAAO,CAAC,MAAM,OAAO,WAAW,CAAC,IAAI,CAAC,EACtC,KAAK,CAAC,GAAG,MAAO,OAAO,WAAW,CAAC,IAAI,OAAO,WAAW,CAAC,IAAI,KAAK,CAAE;AAExE,SACE,6CAAC,yBAAO,MAAM,GAAG,KAAI,MACnB;AAAA,gDAAC,qBAAG,mBAAK;AAAA,IACT,4CAAC,yBAAO,OAAM,QAAO,KAAI,MACrB,uBAAY,kBAAkB,sBAAsB,aAAa;AAAA,MACjE,CAAC,UAEG,6CAAC,yBAAO,OAAM,QAAO,YAAW,UAC9B;AAAA,oDAAC,yBAAO,OAAM,OACZ,uDAAC,qBAAG,MAAK,MAAK;AAAA;AAAA,UAAE;AAAA,WAAM,GACxB;AAAA,QACA,4CAAC,yBAAO,OAAM,OACZ,uDAAC,qBAAG,MAAK,MAAM;AAAA,iBAAO,KAAK,GAAG;AAAA,UAAI;AAAA,WAAE,GACtC;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,OAAO,KAAK,GAAG;AAAA,YACrB,iBAAgB;AAAA,YACf,GAAI,YAAY,mBAAmB;AAAA,cAClC,iBAAiB;AAAA,cACjB,MACE,CAAC,OACC,oBAAoB;AAAA,gBAClB,CAAC,MAAM,OAAO,WAAW,CAAC,MAAM,CAAC,OAAO,WAAW,KAAK;AAAA,cAC1D,KAAK,KACP,GAAG;AAAA,YACP;AAAA,YACC,GAAI,YAAY,YAAY;AAAA,cAC3B,MAAM,UAAU,KAAK,KAAK,GAAG;AAAA,cAC7B,cAAc,OAAO,KAAK,GAAG;AAAA,YAC/B;AAAA;AAAA,QACF;AAAA,WAvB4C,KAwB9C;AAAA,IAGN,GACF;AAAA,KACF;AAEJ;",
   "names": ["React"]
 }

package/dist/cjs/TokensDemo.native.js

@@ -26,7 +26,7 @@ __export(TokensDemo_exports, {
   TokensDemo: () => TokensDemo
 });
 module.exports = __toCommonJS(TokensDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(require("react")), import_core = require("@tamagui/core"), import_tamagui = require("tamagui"), sections = [
+var import_jsx_runtime = require("react/jsx-runtime"), import_core = require("@tamagui/core"), import_react = __toESM(require("react")), import_tamagui = require("tamagui"), sections = [
   {
     name: "Size",
     key: "size"
@@ -47,7 +47,7 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(re
 function TokensDemo() {
   var [section, setSection] = import_react.default.useState("size");
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    space: !0,
+    gap: "$4",
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup, {
         alignItems: "center",
@@ -85,15 +85,14 @@ function SizeSection(param) {
   });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     flex: 1,
-    space: !0,
+    gap: "$4",
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, {
         children: "Sizes"
       }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
         width: "100%",
-        space: "$2",
-        separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}),
+        gap: "$2",
         children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(function(token) {
           var _tokens_token, _tokens_token1, _tokens_, _allTokens_size_token, _tokens_token2, _spaceTokensNegative_find;
           return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/TokensDemo.tsx"],
-  "mappings": "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",
-  "names": ["sections", "name", "key", "TokensDemo", "section", "setSection", "React", "useState", "_jsxs", "YStack", "space", "_jsx", "XGroup", "alignItems", "alignSelf", "map", "Item", "Button", "size", "theme", "fontFamily", "onPress", "SizeSection", "allTokens", "getConfig", "tokens", "startsWith", "st", "Object", "keys", "sort", "a", "b", "Number", "parseFloat", "spaceTokens", "filter", "t", "spaceTokensNegative", "flex", "H2", "width", "separator", "Separator", "token", "XStack", "H3", "H4", "val", "Square", "backgroundColor", "find", "borderRadius"]
+  "mappings": "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",
+  "names": ["sections", "name", "key", "TokensDemo", "section", "setSection", "React", "useState", "_jsxs", "YStack", "gap", "_jsx", "XGroup", "alignItems", "alignSelf", "map", "Item", "Button", "size", "theme", "fontFamily", "onPress", "SizeSection", "allTokens", "getConfig", "tokens", "startsWith", "st", "Object", "keys", "sort", "a", "b", "Number", "parseFloat", "spaceTokens", "filter", "t", "spaceTokensNegative", "flex", "H2", "width", "token", "XStack", "H3", "H4", "val", "Square", "backgroundColor", "find", "borderRadius"]
 }

package/dist/cjs/UpdateThemeDemo.cjs

@@ -54,7 +54,7 @@ function UpdateThemeDemo() {
     }), setTheme("custom");
   }, []), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     alignItems: "center",
-    space: !0,
+    gap: "$4",
     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/UpdateThemeDemo.js

@@ -37,7 +37,7 @@ function UpdateThemeDemo() {
         color: "red"
       }
     }), setTheme("custom");
-  }, []), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { alignItems: "center", space: !0, children: [
+  }, []), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { alignItems: "center", gap: "$4", 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/UpdateThemeDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/UpdateThemeDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAClB,YAAuB,+BACvB,eAAsC,2BAEtC,iBASO,oBAqBH;AAnBJ,MAAM,SAAS,iBAAO,OAAO,OACvB,YAAY,OAAO,KAAK,MAAM;AAE7B,SAAS,kBAAkB;AAChC,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,MACT;AAAA,IACF,CAAC,GACD,SAAS,QAAQ;AAAA,EACnB,GAAG,CAAC,CAAC,GAGH,6CAAC,yBAAO,YAAW,UAAS,OAAK,IAC/B;AAAA,gDAAC,yBAAO,KAAK,MACX,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,gBAAM,kBAAc;AAAA,YAClB,OAAO,UAAU,KAAK,MAAM,KAAK,OAAO,IAAI,UAAU,MAAM,CAAC,CAAC;AAAA,UAChE;AACA,wCAAY;AAAA,YACV,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,YAAuB,+BACvB,eAAsC,2BAEtC,iBASO,oBAqBH;AAnBJ,MAAM,SAAS,iBAAO,OAAO,OACvB,YAAY,OAAO,KAAK,MAAM;AAE7B,SAAS,kBAAkB;AAChC,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,MACT;AAAA,IACF,CAAC,GACD,SAAS,QAAQ;AAAA,EACnB,GAAG,CAAC,CAAC,GAGH,6CAAC,yBAAO,YAAW,UAAS,KAAI,MAC9B;AAAA,gDAAC,yBAAO,KAAK,MACX,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,gBAAM,kBAAc;AAAA,YAClB,OAAO,UAAU,KAAK,MAAM,KAAK,OAAO,IAAI,UAAU,MAAM,CAAC,CAAC;AAAA,UAChE;AACA,wCAAY;AAAA,YACV,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/UpdateThemeDemo.native.js

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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/UpdateThemeDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,2BAClB,YAAuB,+BACvB,eAAsC,2BAEtC,iBASO,oBAEDA,SAASC,iBAAOC,OAAOC,OACvBC,YAAYC,OAAOC,KAAKN,MAAAA;AAEvB,SAASO,kBAAAA;AACd,MAAM,CAACC,OAAOC,QAAAA,IAAYC,aAAAA,QAAMC,SAAQ,GAClCC,aAASC,+BAAAA;AAEfC,uDAA0B,WAAA;AACxBC,+BAAS;MACPC,MAAM;MACNC,WAAW;MACXT,OAAO;QACLL,OAAO;MACT;IACF,CAAA,GACAM,SAAS,QAAA;EACX,GAAG,CAAA,CAAE,GAGH,uCAAAS,MAACC,uBAAAA;IAAOC,YAAW;IAASC,OAAK;;MAC/B,uCAAAC,KAACC,uBAAAA;QAAOC,KAAK;kBACX,uCAAAF,KAACG,sBAAAA;UAAMT,MAAMR,SAAS;oBACpB,uCAAAc,KAACI,uBAAAA;YAAOC,cAAa;YAAKC,MAAM;YAAKC,iBAAgB;;;;MAIzD,uCAAAP,KAACQ,uBAAAA;QACCC,SAAS,WAAA;AACP,cAAMC,kBAAcC,iCAClBjC,OAAOI,UAAU8B,KAAKC,MAAMD,KAAKE,OAAM,IAAKhC,UAAUiC,MAAM,CAAA,CAAE,CAAC;AAEjEC,wCAAY;YACVtB,MAAM;YACNR,OAAO;cACLL,OAAO6B;YACT;UACF,CAAA,GACApB,OAAAA;QACF;kBACD;;;;AAKP;",
-  "names": ["colors", "config", "tokens", "color", "colorKeys", "Object", "keys", "UpdateThemeDemo", "theme", "setTheme", "React", "useState", "update", "useForceUpdate", "useIsomorphicLayoutEffect", "addTheme", "name", "insertCSS", "_jsxs", "YStack", "alignItems", "space", "_jsx", "XStack", "gap", "Theme", "Square", "borderRadius", "size", "backgroundColor", "Button", "onPress", "randomColor", "getVariableValue", "Math", "floor", "random", "length", "updateTheme"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,2BAClB,YAAuB,+BACvB,eAAsC,2BAEtC,iBASO,oBAEDA,SAASC,iBAAOC,OAAOC,OACvBC,YAAYC,OAAOC,KAAKN,MAAAA;AAEvB,SAASO,kBAAAA;AACd,MAAM,CAACC,OAAOC,QAAAA,IAAYC,aAAAA,QAAMC,SAAQ,GAClCC,aAASC,+BAAAA;AAEfC,uDAA0B,WAAA;AACxBC,+BAAS;MACPC,MAAM;MACNC,WAAW;MACXT,OAAO;QACLL,OAAO;MACT;IACF,CAAA,GACAM,SAAS,QAAA;EACX,GAAG,CAAA,CAAE,GAGH,uCAAAS,MAACC,uBAAAA;IAAOC,YAAW;IAASC,KAAI;;MAC9B,uCAAAC,KAACC,uBAAAA;QAAOF,KAAK;kBACX,uCAAAC,KAACE,sBAAAA;UAAMR,MAAMR,SAAS;oBACpB,uCAAAc,KAACG,uBAAAA;YAAOC,cAAa;YAAKC,MAAM;YAAKC,iBAAgB;;;;MAIzD,uCAAAN,KAACO,uBAAAA;QACCC,SAAS,WAAA;AACP,cAAMC,kBAAcC,iCAClBhC,OAAOI,UAAU6B,KAAKC,MAAMD,KAAKE,OAAM,IAAK/B,UAAUgC,MAAM,CAAA,CAAE,CAAC;AAEjEC,wCAAY;YACVrB,MAAM;YACNR,OAAO;cACLL,OAAO4B;YACT;UACF,CAAA,GACAnB,OAAAA;QACF;kBACD;;;;AAKP;",
+  "names": ["colors", "config", "tokens", "color", "colorKeys", "Object", "keys", "UpdateThemeDemo", "theme", "setTheme", "React", "useState", "update", "useForceUpdate", "useIsomorphicLayoutEffect", "addTheme", "name", "insertCSS", "_jsxs", "YStack", "alignItems", "gap", "_jsx", "XStack", "Theme", "Square", "borderRadius", "size", "backgroundColor", "Button", "onPress", "randomColor", "getVariableValue", "Math", "floor", "random", "length", "updateTheme"]
 }

package/dist/cjs/tamagui.config.cjs

@@ -25,5 +25,7 @@ __export(tamagui_config_exports, {
 });
 module.exports = __toCommonJS(tamagui_config_exports);
 var import_v3 = require("@tamagui/config/v3"),
+  import_web = require("@tamagui/web"),
   import_v32 = require("@tamagui/config/v3"),
-  tamagui_config_default = import_v3.config;
+  tamagui_config_default = import_v3.config;
+const createdConfig = (0, import_web.createTamagui)(import_v3.config);

package/dist/cjs/tamagui.config.js

@@ -18,5 +18,6 @@ __export(tamagui_config_exports, {
   default: () => tamagui_config_default
 });
 module.exports = __toCommonJS(tamagui_config_exports);
-var import_v3 = require("@tamagui/config/v3"), import_v32 = require("@tamagui/config/v3"), tamagui_config_default = import_v3.config;
+var import_v3 = require("@tamagui/config/v3"), import_web = require("@tamagui/web"), import_v32 = require("@tamagui/config/v3"), tamagui_config_default = import_v3.config;
+const createdConfig = (0, import_web.createTamagui)(import_v3.config);
 //# sourceMappingURL=tamagui.config.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/tamagui.config.ts"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAuB,+BAEvBA,aAAuB,+BAChB,yBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAuB,+BACvB,aAA8B,yBAE9BA,aAAuB,+BAChB,yBAAQ;AAEf,MAAM,oBAAgB,0BAAc,gBAAM;",
   "names": ["import_v3"]
 }

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

@@ -19,7 +19,7 @@ __export(tamagui_config_exports, {
   default: () => tamagui_config_default
 });
 module.exports = __toCommonJS(tamagui_config_exports);
-var import_v3 = require("@tamagui/config/v3"), import_v32 = require("@tamagui/config/v3"), tamagui_config_default = import_v3.config;
+var import_v3 = require("@tamagui/config/v3"), import_web = require("@tamagui/web"), import_v32 = require("@tamagui/config/v3"), tamagui_config_default = import_v3.config, createdConfig = (0, import_web.createTamagui)(import_v3.config);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   config

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/tamagui.config.ts"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;gBAAuB,+BAEvBA,aAAuB,+BACvB,yBAAeC;",
-  "names": ["import_v3", "config"]
+  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;gBAAuB,+BACvB,aAA8B,yBAE9BA,aAAuB,+BACvB,yBAAeC,kBAETC,oBAAgBC,0BAAcF,gBAAAA;",
+  "names": ["import_v3", "config", "createdConfig", "createTamagui"]
 }

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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