@tamagui/demos 1.121.12-1737270844392 → 1.121.12-1737271201540

package/dist/cjs/AddThemeDemo.cjs

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

package/dist/cjs/AddThemeDemo.js

@@ -28,7 +28,7 @@ module.exports = __toCommonJS(AddThemeDemo_exports);
 var import_react = __toESM(require("react")), import_theme = require("@tamagui/theme"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function AddThemeDemo() {
   const [theme, setTheme] = import_react.default.useState();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { alignItems: "center", gap: "$4", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { alignItems: "center", space: !0, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H3, { children: [
       "Theme: ",
       theme ?? "none"

package/dist/cjs/AddThemeDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/AddThemeDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAClB,eAAyB,2BAEzB,iBAAkD,oBAO5C;AALC,SAAS,eAAe;AAC7B,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAAA,QAAM,SAAc;AAE9C,SACE,6CAAC,yBAAO,YAAW,UAAS,KAAI,MAC9B;AAAA,iDAAC,qBAAG;AAAA;AAAA,MAAQ,SAAS;AAAA,OAAO;AAAA,IAE5B,4CAAC,wBAAM,MAAM,SAAS,OACpB,sDAAC,yBAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,UAAU;AAAA,QACpB,SAAS,MAAM;AACb,qCAAS;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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAClB,eAAyB,2BAEzB,iBAAkD,oBAO5C;AALC,SAAS,eAAe;AAC7B,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAAA,QAAM,SAAc;AAE9C,SACE,6CAAC,yBAAO,YAAW,UAAS,OAAK,IAC/B;AAAA,iDAAC,qBAAG;AAAA;AAAA,MAAQ,SAAS;AAAA,OAAO;AAAA,IAE5B,4CAAC,wBAAM,MAAM,SAAS,OACpB,sDAAC,yBAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,UAAU;AAAA,QACpB,SAAS,MAAM;AACb,qCAAS;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": ["React"]
 }

package/dist/cjs/AddThemeDemo.native.js

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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/AddThemeDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,2BAClB,eAAyB,2BAEzB,iBAAkD;AAE3C,SAASA,eAAAA;AACd,MAAM,CAACC,OAAOC,QAAAA,IAAYC,aAAAA,QAAMC,SAAQ;AAExC,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,YAAW;IAASC,KAAI;;MAC9B,uCAAAH,MAACI,mBAAAA;;UAAG;UAAQR,SAAS;;;MAErB,uCAAAS,KAACC,sBAAAA;QAAMC,MAAMX,SAAS;kBACpB,uCAAAS,KAACG,uBAAAA;UAAOC,cAAa;UAAKC,MAAM;UAAKC,iBAAgB;;;MAGvD,uCAAAN,KAACO,uBAAAA;QACCC,UAAUjB,UAAU;QACpBkB,SAAS,WAAA;AACPC,qCAAS;YACPR,MAAM;YACNS,WAAW;YACXpB,OAAO;cACLqB,YAAY;cACZC,OAAO;YACT;UACF,CAAA,GACArB,SAAS,WAAA;QACX;kBACD;;;;AAKP;",
-  "names": ["AddThemeDemo", "theme", "setTheme", "React", "useState", "_jsxs", "YStack", "alignItems", "gap", "H3", "_jsx", "Theme", "name", "Square", "borderRadius", "size", "backgroundColor", "Button", "disabled", "onPress", "addTheme", "insertCSS", "background", "color"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,2BAClB,eAAyB,2BAEzB,iBAAkD;AAE3C,SAASA,eAAAA;AACd,MAAM,CAACC,OAAOC,QAAAA,IAAYC,aAAAA,QAAMC,SAAQ;AAExC,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,YAAW;IAASC,OAAK;;MAC/B,uCAAAH,MAACI,mBAAAA;;UAAG;UAAQR,SAAS;;;MAErB,uCAAAS,KAACC,sBAAAA;QAAMC,MAAMX,SAAS;kBACpB,uCAAAS,KAACG,uBAAAA;UAAOC,cAAa;UAAKC,MAAM;UAAKC,iBAAgB;;;MAGvD,uCAAAN,KAACO,uBAAAA;QACCC,UAAUjB,UAAU;QACpBkB,SAAS,WAAA;AACPC,qCAAS;YACPR,MAAM;YACNS,WAAW;YACXpB,OAAO;cACLqB,YAAY;cACZC,OAAO;YACT;UACF,CAAA,GACArB,SAAS,WAAA;QACX;kBACD;;;;AAKP;",
+  "names": ["AddThemeDemo", "theme", "setTheme", "React", "useState", "_jsxs", "YStack", "alignItems", "space", "H3", "_jsx", "Theme", "name", "Square", "borderRadius", "size", "backgroundColor", "Button", "disabled", "onPress", "addTheme", "insertCSS", "background", "color"]
 }

package/dist/cjs/AlertDialogDemo.cjs

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

package/dist/cjs/AlertDialogDemo.js

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

package/dist/cjs/AlertDialogDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/AlertDialogDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAoD,oBAM5C;AAJD,SAAS,kBAAkB;AAChC,SACE,6CAAC,8BAAY,QAAM,IACjB;AAAA,gDAAC,2BAAY,SAAZ,EAAoB,SAAO,IAC1B,sDAAC,yBAAO,wBAAU,GACpB;AAAA,IAEA,6CAAC,2BAAY,QAAZ,EACC;AAAA;AAAA,QAAC,2BAAY;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,2BAAY;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,uDAAC,yBAAO,KAAI,MACV;AAAA,wDAAC,2BAAY,OAAZ,EAAkB,oBAAM;AAAA,YACzB,4CAAC,2BAAY,aAAZ,EAAwB,mEAEzB;AAAA,YAEA,6CAAC,yBAAO,KAAI,MAAK,gBAAe,YAC9B;AAAA,0DAAC,2BAAY,QAAZ,EAAmB,SAAO,IACzB,sDAAC,yBAAO,oBAAM,GAChB;AAAA,cACA,4CAAC,2BAAY,QAAZ,EAAmB,SAAO,IACzB,sDAAC,yBAAO,OAAM,UAAS,oBAAM,GAC/B;AAAA,eACF;AAAA,aACF;AAAA;AAAA,QA9BI;AAAA,MA+BN;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAoD,oBAM5C;AAJD,SAAS,kBAAkB;AAChC,SACE,6CAAC,8BAAY,QAAM,IACjB;AAAA,gDAAC,2BAAY,SAAZ,EAAoB,SAAO,IAC1B,sDAAC,yBAAO,wBAAU,GACpB;AAAA,IAEA,6CAAC,2BAAY,QAAZ,EACC;AAAA;AAAA,QAAC,2BAAY;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,2BAAY;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,uDAAC,yBAAO,OAAK,IACX;AAAA,wDAAC,2BAAY,OAAZ,EAAkB,oBAAM;AAAA,YACzB,4CAAC,2BAAY,aAAZ,EAAwB,mEAEzB;AAAA,YAEA,6CAAC,yBAAO,KAAI,MAAK,gBAAe,YAC9B;AAAA,0DAAC,2BAAY,QAAZ,EAAmB,SAAO,IACzB,sDAAC,yBAAO,oBAAM,GAChB;AAAA,cACA,4CAAC,2BAAY,QAAZ,EAAmB,SAAO,IACzB,sDAAC,yBAAO,OAAM,UAAS,oBAAM,GAC/B;AAAA,eACF;AAAA,aACF;AAAA;AAAA,QA9BI;AAAA,MA+BN;AAAA,OACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/cjs/AlertDialogDemo.native.js

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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/AlertDialogDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,iBAAoD;AAE7C,SAASA,kBAAAA;AACd,SACE,uCAAAC,MAACC,4BAAAA;IAAYC,QAAM;;MACjB,uCAAAC,KAACF,2BAAYG,SAAO;QAACC,SAAO;kBAC1B,uCAAAF,KAACG,uBAAAA;oBAAO;;;MAGV,uCAAAN,MAACC,2BAAYM,QAAM;;UACjB,uCAAAJ,KAACF,2BAAYO,SAAO;YAElBC,WAAU;YACVC,SAAS;YACTC,YAAY;cAAED,SAAS;YAAE;YACzBE,WAAW;cAAEF,SAAS;YAAE;aAJpB,SAAA;UAMN,uCAAAP,KAACF,2BAAYY,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,uCAAAlB,MAACoB,uBAAAA;cAAOC,KAAI;;gBACV,uCAAAlB,KAACF,2BAAYqB,OAAK;4BAAC;;gBACnB,uCAAAnB,KAACF,2BAAYsB,aAAW;4BAAC;;gBAIzB,uCAAAvB,MAACwB,uBAAAA;kBAAOH,KAAI;kBAAKI,gBAAe;;oBAC9B,uCAAAtB,KAACF,2BAAYyB,QAAM;sBAACrB,SAAO;gCACzB,uCAAAF,KAACG,uBAAAA;kCAAO;;;oBAEV,uCAAAH,KAACF,2BAAY0B,QAAM;sBAACtB,SAAO;gCACzB,uCAAAF,KAACG,uBAAAA;wBAAOsB,OAAM;kCAAS;;;;;;;aA3BzB,SAAA;;;;;AAmCd;",
-  "names": ["AlertDialogDemo", "_jsxs", "AlertDialog", "native", "_jsx", "Trigger", "asChild", "Button", "Portal", "Overlay", "animation", "opacity", "enterStyle", "exitStyle", "Content", "bordered", "elevate", "overshootClamping", "x", "y", "scale", "YStack", "gap", "Title", "Description", "XStack", "justifyContent", "Cancel", "Action", "theme"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,iBAAoD;AAE7C,SAASA,kBAAAA;AACd,SACE,uCAAAC,MAACC,4BAAAA;IAAYC,QAAM;;MACjB,uCAAAC,KAACF,2BAAYG,SAAO;QAACC,SAAO;kBAC1B,uCAAAF,KAACG,uBAAAA;oBAAO;;;MAGV,uCAAAN,MAACC,2BAAYM,QAAM;;UACjB,uCAAAJ,KAACF,2BAAYO,SAAO;YAElBC,WAAU;YACVC,SAAS;YACTC,YAAY;cAAED,SAAS;YAAE;YACzBE,WAAW;cAAEF,SAAS;YAAE;aAJpB,SAAA;UAMN,uCAAAP,KAACF,2BAAYY,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,uCAAAlB,MAACoB,uBAAAA;cAAOC,OAAK;;gBACX,uCAAAlB,KAACF,2BAAYqB,OAAK;4BAAC;;gBACnB,uCAAAnB,KAACF,2BAAYsB,aAAW;4BAAC;;gBAIzB,uCAAAvB,MAACwB,uBAAAA;kBAAOC,KAAI;kBAAKC,gBAAe;;oBAC9B,uCAAAvB,KAACF,2BAAY0B,QAAM;sBAACtB,SAAO;gCACzB,uCAAAF,KAACG,uBAAAA;kCAAO;;;oBAEV,uCAAAH,KAACF,2BAAY2B,QAAM;sBAACvB,SAAO;gCACzB,uCAAAF,KAACG,uBAAAA;wBAAOuB,OAAM;kCAAS;;;;;;;aA3BzB,SAAA;;;;;AAmCd;",
+  "names": ["AlertDialogDemo", "_jsxs", "AlertDialog", "native", "_jsx", "Trigger", "asChild", "Button", "Portal", "Overlay", "animation", "opacity", "enterStyle", "exitStyle", "Content", "bordered", "elevate", "overshootClamping", "x", "y", "scale", "YStack", "space", "Title", "Description", "XStack", "gap", "justifyContent", "Cancel", "Action", "theme"]
 }

package/dist/cjs/ButtonDemo.cjs

@@ -25,17 +25,15 @@ __export(ButtonDemo_exports, {
 module.exports = __toCommonJS(ButtonDemo_exports);
 var import_lucide_icons = require("@tamagui/lucide-icons"),
   import_tamagui = require("tamagui"),
-  import_button_next = require("@tamagui/button-next"),
   import_jsx_runtime = require("react/jsx-runtime");
 function ButtonDemo(props) {
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     padding: "$3",
     gap: "$3",
-    w: "100%",
     ...props,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button_next.Button, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
       children: "Plain"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button_next.Button, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
       alignSelf: "center",
       icon: import_lucide_icons.Airplay,
       size: "$6",
@@ -43,29 +41,29 @@ function ButtonDemo(props) {
     }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
       gap: "$2",
       justifyContent: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button_next.Button, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
         size: "$3",
         theme: "active",
         children: "Active"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button_next.Button, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
         size: "$3",
         variant: "outlined",
         children: "Outlined"
       })]
     }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
       gap: "$2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button_next.Button, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
         themeInverse: !0,
         size: "$3",
         children: "Inverse"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button_next.Button, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
         iconAfter: import_lucide_icons.Activity,
         size: "$3",
         children: "iconAfter"
       })]
     }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XGroup, {
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, {
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button_next.Button, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
           width: "50%",
           size: "$2",
           disabled: !0,
@@ -73,10 +71,11 @@ function ButtonDemo(props) {
           children: "disabled"
         })
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, {
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button_next.Button, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
           width: "50%",
           size: "$2",
-          children: "plain"
+          chromeless: !0,
+          children: "chromeless"
         })
       })]
     })]

package/dist/cjs/ButtonDemo.js

@@ -17,22 +17,22 @@ __export(ButtonDemo_exports, {
   ButtonDemo: () => ButtonDemo
 });
 module.exports = __toCommonJS(ButtonDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_button_next = require("@tamagui/button-next"), import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function ButtonDemo(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$3", gap: "$3", w: "100%", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button_next.Button, { children: "Plain" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button_next.Button, { alignSelf: "center", icon: import_lucide_icons.Airplay, size: "$6", children: "Large" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$3", gap: "$3", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Plain" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { alignSelf: "center", icon: import_lucide_icons.Airplay, size: "$6", children: "Large" }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$2", justifyContent: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button_next.Button, { size: "$3", theme: "active", children: "Active" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button_next.Button, { size: "$3", variant: "outlined", children: "Outlined" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$3", theme: "active", children: "Active" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$3", variant: "outlined", children: "Outlined" })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button_next.Button, { themeInverse: !0, size: "$3", children: "Inverse" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button_next.Button, { iconAfter: import_lucide_icons.Activity, size: "$3", children: "iconAfter" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { themeInverse: !0, size: "$3", children: "Inverse" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { iconAfter: import_lucide_icons.Activity, size: "$3", children: "iconAfter" })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XGroup, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button_next.Button, { width: "50%", size: "$2", disabled: !0, opacity: 0.5, children: "disabled" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button_next.Button, { width: "50%", size: "$2", children: "plain" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { width: "50%", size: "$2", disabled: !0, opacity: 0.5, children: "disabled" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { width: "50%", size: "$2", chromeless: !0, children: "chromeless" }) })
     ] })
   ] });
 }

package/dist/cjs/ButtonDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ButtonDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAkC,kCAClC,iBAAuC,oBACvC,qBAAuB,iCAKjB;AAHC,SAAS,WAAW,OAAO;AAChC,SACE,6CAAC,yBAAO,SAAQ,MAAK,KAAI,MAAK,GAAE,QAAQ,GAAG,OACzC;AAAA,gDAAC,6BAAO,mBAAK;AAAA,IACb,4CAAC,6BAAO,WAAU,UAAS,MAAM,6BAAS,MAAK,MAAK,mBAEpD;AAAA,IACA,6CAAC,yBAAO,KAAI,MAAK,gBAAe,UAC9B;AAAA,kDAAC,6BAAO,MAAK,MAAK,OAAM,UAAS,oBAEjC;AAAA,MACA,4CAAC,6BAAO,MAAK,MAAK,SAAQ,YAAW,sBAErC;AAAA,OACF;AAAA,IACA,6CAAC,yBAAO,KAAI,MACV;AAAA,kDAAC,6BAAO,cAAY,IAAC,MAAK,MAAK,qBAE/B;AAAA,MACA,4CAAC,6BAAO,WAAW,8BAAU,MAAK,MAAK,uBAEvC;AAAA,OACF;AAAA,IACA,6CAAC,yBACC;AAAA,kDAAC,sBAAO,MAAP,EACC,sDAAC,6BAAO,OAAM,OAAM,MAAK,MAAK,UAAQ,IAAC,SAAS,KAAK,sBAErD,GACF;AAAA,MAEA,4CAAC,sBAAO,MAAP,EACC,sDAAC,6BAAO,OAAM,OAAM,MAAK,MAAK,mBAE9B,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAkC,kCAClC,iBAA+C,oBAKzC;AAHC,SAAS,WAAW,OAAO;AAChC,SACE,6CAAC,yBAAO,SAAQ,MAAK,KAAI,MAAM,GAAG,OAChC;AAAA,gDAAC,yBAAO,mBAAK;AAAA,IACb,4CAAC,yBAAO,WAAU,UAAS,MAAM,6BAAS,MAAK,MAAK,mBAEpD;AAAA,IACA,6CAAC,yBAAO,KAAI,MAAK,gBAAe,UAC9B;AAAA,kDAAC,yBAAO,MAAK,MAAK,OAAM,UAAS,oBAEjC;AAAA,MACA,4CAAC,yBAAO,MAAK,MAAK,SAAQ,YAAW,sBAErC;AAAA,OACF;AAAA,IACA,6CAAC,yBAAO,KAAI,MACV;AAAA,kDAAC,yBAAO,cAAY,IAAC,MAAK,MAAK,qBAE/B;AAAA,MACA,4CAAC,yBAAO,WAAW,8BAAU,MAAK,MAAK,uBAEvC;AAAA,OACF;AAAA,IACA,6CAAC,yBACC;AAAA,kDAAC,sBAAO,MAAP,EACC,sDAAC,yBAAO,OAAM,OAAM,MAAK,MAAK,UAAQ,IAAC,SAAS,KAAK,sBAErD,GACF;AAAA,MAEA,4CAAC,sBAAO,MAAP,EACC,sDAAC,yBAAO,OAAM,OAAM,MAAK,MAAK,YAAU,IAAC,wBAEzC,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/cjs/ButtonDemo.native.js

@@ -18,18 +18,17 @@ __export(ButtonDemo_exports, {
   ButtonDemo: () => ButtonDemo
 });
 module.exports = __toCommonJS(ButtonDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_button_next = require("@tamagui/button-next");
+var import_jsx_runtime = require("react/jsx-runtime"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui");
 function ButtonDemo(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     padding: "$3",
     gap: "$3",
-    w: "100%",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button_next.Button, {
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
         children: "Plain"
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button_next.Button, {
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
         alignSelf: "center",
         icon: import_lucide_icons.Airplay,
         size: "$6",
@@ -39,12 +38,12 @@ function ButtonDemo(props) {
         gap: "$2",
         justifyContent: "center",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button_next.Button, {
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
             size: "$3",
             theme: "active",
             children: "Active"
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button_next.Button, {
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
             size: "$3",
             variant: "outlined",
             children: "Outlined"
@@ -54,12 +53,12 @@ function ButtonDemo(props) {
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
         gap: "$2",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button_next.Button, {
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
             themeInverse: !0,
             size: "$3",
             children: "Inverse"
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button_next.Button, {
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
             iconAfter: import_lucide_icons.Activity,
             size: "$3",
             children: "iconAfter"
@@ -69,7 +68,7 @@ function ButtonDemo(props) {
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XGroup, {
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button_next.Button, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
               width: "50%",
               size: "$2",
               disabled: !0,
@@ -78,10 +77,11 @@ function ButtonDemo(props) {
             })
           }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button_next.Button, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
               width: "50%",
               size: "$2",
-              children: "plain"
+              chromeless: !0,
+              children: "chromeless"
             })
           })
         ]

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/ButtonDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,sBAAkC,kCAClC,iBAAuC,oBACvC,qBAAuB;AAEhB,SAASA,WAAWC,OAAK;AAC9B,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,SAAQ;IAAKC,KAAI;IAAKC,GAAE;IAAQ,GAAGL;;MACzC,uCAAAM,KAACC,2BAAAA;kBAAO;;MACR,uCAAAD,KAACC,2BAAAA;QAAOC,WAAU;QAASC,MAAMC;QAASC,MAAK;kBAAK;;MAGpD,uCAAAV,MAACW,uBAAAA;QAAOR,KAAI;QAAKS,gBAAe;;UAC9B,uCAAAP,KAACC,2BAAAA;YAAOI,MAAK;YAAKG,OAAM;sBAAS;;UAGjC,uCAAAR,KAACC,2BAAAA;YAAOI,MAAK;YAAKI,SAAQ;sBAAW;;;;MAIvC,uCAAAd,MAACW,uBAAAA;QAAOR,KAAI;;UACV,uCAAAE,KAACC,2BAAAA;YAAOS,cAAY;YAACL,MAAK;sBAAK;;UAG/B,uCAAAL,KAACC,2BAAAA;YAAOU,WAAWC;YAAUP,MAAK;sBAAK;;;;MAIzC,uCAAAV,MAACkB,uBAAAA;;UACC,uCAAAb,KAACa,sBAAOC,MAAI;sBACV,uCAAAd,KAACC,2BAAAA;cAAOc,OAAM;cAAMV,MAAK;cAAKW,UAAQ;cAACC,SAAS;wBAAK;;;UAKvD,uCAAAjB,KAACa,sBAAOC,MAAI;sBACV,uCAAAd,KAACC,2BAAAA;cAAOc,OAAM;cAAMV,MAAK;wBAAK;;;;;;;AAOxC;",
-  "names": ["ButtonDemo", "props", "_jsxs", "YStack", "padding", "gap", "w", "_jsx", "Button", "alignSelf", "icon", "Airplay", "size", "XStack", "justifyContent", "theme", "variant", "themeInverse", "iconAfter", "Activity", "XGroup", "Item", "width", "disabled", "opacity"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,sBAAkC,kCAClC,iBAA+C;AAExC,SAASA,WAAWC,OAAK;AAC9B,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,SAAQ;IAAKC,KAAI;IAAM,GAAGJ;;MAChC,uCAAAK,KAACC,uBAAAA;kBAAO;;MACR,uCAAAD,KAACC,uBAAAA;QAAOC,WAAU;QAASC,MAAMC;QAASC,MAAK;kBAAK;;MAGpD,uCAAAT,MAACU,uBAAAA;QAAOP,KAAI;QAAKQ,gBAAe;;UAC9B,uCAAAP,KAACC,uBAAAA;YAAOI,MAAK;YAAKG,OAAM;sBAAS;;UAGjC,uCAAAR,KAACC,uBAAAA;YAAOI,MAAK;YAAKI,SAAQ;sBAAW;;;;MAIvC,uCAAAb,MAACU,uBAAAA;QAAOP,KAAI;;UACV,uCAAAC,KAACC,uBAAAA;YAAOS,cAAY;YAACL,MAAK;sBAAK;;UAG/B,uCAAAL,KAACC,uBAAAA;YAAOU,WAAWC;YAAUP,MAAK;sBAAK;;;;MAIzC,uCAAAT,MAACiB,uBAAAA;;UACC,uCAAAb,KAACa,sBAAOC,MAAI;sBACV,uCAAAd,KAACC,uBAAAA;cAAOc,OAAM;cAAMV,MAAK;cAAKW,UAAQ;cAACC,SAAS;wBAAK;;;UAKvD,uCAAAjB,KAACa,sBAAOC,MAAI;sBACV,uCAAAd,KAACC,uBAAAA;cAAOc,OAAM;cAAMV,MAAK;cAAKa,YAAU;wBAAC;;;;;;;AAOnD;",
+  "names": ["ButtonDemo", "props", "_jsxs", "YStack", "padding", "gap", "_jsx", "Button", "alignSelf", "icon", "Airplay", "size", "XStack", "justifyContent", "theme", "variant", "themeInverse", "iconAfter", "Activity", "XGroup", "Item", "width", "disabled", "opacity", "chromeless"]
 }

package/dist/cjs/CardDemo.cjs

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

package/dist/cjs/CardDemo.js

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

package/dist/cjs/CardDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/CardDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA2D,oBAIvD;AAFG,SAAS,WAAW;AACzB,SACE,6CAAC,yBAAO,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,4CAAC,YAAS,MAAK,MAAK,OAAO,KAAK,QAAQ,KAAK;AAAA,KAC/C;AAEJ;AAEO,SAAS,SAAS,OAAkB;AACzC,SACE,6CAAC,uBAAK,MAAK,MAAK,aAAa,GAAG,aAAY,gBAAgB,GAAG,OAC7D;AAAA,iDAAC,oBAAK,QAAL,EAAY,SAAQ,MACnB;AAAA,kDAAC,qBAAG,uBAAS;AAAA,MACb,4CAAC,4BAAU,OAAM,QAAO,2BAAa;AAAA,OACvC;AAAA,IACA,6CAAC,oBAAK,QAAL,EAAY,SAAQ,MACnB;AAAA,kDAAC,yBAAO,MAAM,GAAG;AAAA,MACjB,4CAAC,yBAAO,cAAa,OAAM,sBAAQ;AAAA,OACrC;AAAA,IACA,4CAAC,oBAAK,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": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA2D,oBAIvD;AAFG,SAAS,WAAW;AACzB,SACE,6CAAC,yBAAO,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,4CAAC,YAAS,MAAK,MAAK,OAAO,KAAK,QAAQ,KAAK;AAAA,KAC/C;AAEJ;AAEO,SAAS,SAAS,OAAkB;AACzC,SACE,6CAAC,uBAAK,SAAO,IAAC,MAAK,MAAK,UAAQ,IAAE,GAAG,OACnC;AAAA,iDAAC,oBAAK,QAAL,EAAY,QAAM,IACjB;AAAA,kDAAC,qBAAG,uBAAS;AAAA,MACb,4CAAC,4BAAU,OAAM,QAAO,2BAAa;AAAA,OACvC;AAAA,IACA,6CAAC,oBAAK,QAAL,EAAY,QAAM,IACjB;AAAA,kDAAC,yBAAO,MAAM,GAAG;AAAA,MACjB,4CAAC,yBAAO,cAAa,OAAM,sBAAQ;AAAA,OACrC;AAAA,IACA,4CAAC,oBAAK,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/cjs/CardDemo.native.js

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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/CardDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;uDACA,iBAA2D;AAEpD,SAASA,WAAAA;AACd,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,KAAK;MAAEC,eAAe;IAAS;IAAGC,mBAAkB;IAAKC,KAAI;;MACnE,uCAAAC,KAACC,UAAAA;QACCC,WAAU;QACVC,MAAK;QACLC,OAAO;QACPC,QAAQ;QACRC,OAAO;QACPC,YAAY;UAAED,OAAO;QAAM;QAC3BE,YAAY;UAAEF,OAAO;QAAM;;MAE7B,uCAAAN,KAACC,UAAAA;QAASE,MAAK;QAAKC,OAAO;QAAKC,QAAQ;;;;AAG9C;AAEO,SAASJ,SAASQ,OAAgB;AACvC,SACE,uCAAAf,MAACgB,qBAAAA;IAAKP,MAAK;IAAKQ,aAAa;IAAGC,aAAY;IAAgB,GAAGH;;MAC7D,uCAAAf,MAACgB,oBAAKG,QAAM;QAACC,SAAQ;;UACnB,uCAAAd,KAACe,mBAAAA;sBAAG;;UACJ,uCAAAf,KAACgB,0BAAAA;YAAUC,OAAM;sBAAO;;;;MAE1B,uCAAAvB,MAACgB,oBAAKQ,QAAM;QAACJ,SAAQ;;UACnB,uCAAAd,KAACL,uBAAAA;YAAOwB,MAAM;;UACd,uCAAAnB,KAACoB,uBAAAA;YAAOC,cAAa;sBAAM;;;;MAE7B,uCAAArB,KAACU,oBAAKY,YAAU;kBACd,uCAAAtB,KAACuB,sBAAAA;UACCC,YAAW;UACXC,WAAU;UACVC,QAAQ;YACNtB,OAAO;YACPC,QAAQ;YACRsB,KAAK;UACP;;;;;AAKV;",
-  "names": ["CardDemo", "_jsxs", "XStack", "$sm", "flexDirection", "paddingHorizontal", "gap", "_jsx", "DemoCard", "animation", "size", "width", "height", "scale", "hoverStyle", "pressStyle", "props", "Card", "borderWidth", "borderColor", "Header", "padding", "H2", "Paragraph", "theme", "Footer", "flex", "Button", "borderRadius", "Background", "Image", "resizeMode", "alignSelf", "source", "uri"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;uDACA,iBAA2D;AAEpD,SAASA,WAAAA;AACd,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,KAAK;MAAEC,eAAe;IAAS;IAAGC,mBAAkB;IAAKC,OAAK;;MACpE,uCAAAC,KAACC,UAAAA;QACCC,WAAU;QACVC,MAAK;QACLC,OAAO;QACPC,QAAQ;QACRC,OAAO;QACPC,YAAY;UAAED,OAAO;QAAM;QAC3BE,YAAY;UAAEF,OAAO;QAAM;;MAE7B,uCAAAN,KAACC,UAAAA;QAASE,MAAK;QAAKC,OAAO;QAAKC,QAAQ;;;;AAG9C;AAEO,SAASJ,SAASQ,OAAgB;AACvC,SACE,uCAAAf,MAACgB,qBAAAA;IAAKC,SAAO;IAACR,MAAK;IAAKS,UAAQ;IAAE,GAAGH;;MACnC,uCAAAf,MAACgB,oBAAKG,QAAM;QAACC,QAAM;;UACjB,uCAAAd,KAACe,mBAAAA;sBAAG;;UACJ,uCAAAf,KAACgB,0BAAAA;YAAUC,OAAM;sBAAO;;;;MAE1B,uCAAAvB,MAACgB,oBAAKQ,QAAM;QAACJ,QAAM;;UACjB,uCAAAd,KAACL,uBAAAA;YAAOwB,MAAM;;UACd,uCAAAnB,KAACoB,uBAAAA;YAAOC,cAAa;sBAAM;;;;MAE7B,uCAAArB,KAACU,oBAAKY,YAAU;kBACd,uCAAAtB,KAACuB,sBAAAA;UACCC,YAAW;UACXC,WAAU;UACVC,QAAQ;YACNtB,OAAO;YACPC,QAAQ;YACRsB,KAAK;UACP;;;;;AAKV;",
+  "names": ["CardDemo", "_jsxs", "XStack", "$sm", "flexDirection", "paddingHorizontal", "space", "_jsx", "DemoCard", "animation", "size", "width", "height", "scale", "hoverStyle", "pressStyle", "props", "Card", "elevate", "bordered", "Header", "padded", "H2", "Paragraph", "theme", "Footer", "flex", "Button", "borderRadius", "Background", "Image", "resizeMode", "alignSelf", "source", "uri"]
 }

package/dist/cjs/ColorsDemo.cjs

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

package/dist/cjs/ColorsDemo.js

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

package/dist/cjs/ColorsDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ColorsDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBASO,oBASH;AAPJ,MAAM,cAAc,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAE1E,SAAS,aAAa;AAC3B,QAAM,aAAS,0BAAU,EAAE,UAAU,GAAM,CAAC,EAAE,OACxC,CAAC,aAAa,UAAU,IAAI,CAAC,UAAU,MAAM,GAAG,UAAU,QAAQ,EAAI,CAAC;AAE7E,SACE,6CAAC,yBAAO,WAAU,MAAK,KAAI,MACzB;AAAA,gDAAC,aAAU,OAAM,SAAQ,QAAQ,aAAa;AAAA,IAC9C,4CAAC,4BAAU;AAAA,IACX,4CAAC,aAAU,OAAM,QAAO,QAAQ,YAAY;AAAA,KAC9C;AAEJ;AAEA,SAAS,UAAU,EAAE,OAAO,OAAO,GAA4C;AAC7E,SACE,6CAAC,yBAAO,KAAI,MAAK,KAAK,EAAE,KAAK,KAAK,GAChC;AAAA,gDAAC,qBAAG,MAAK,MAAM,iBAAM;AAAA,IAErB,6CAAC,yBAAO,KAAI,MAAK,WAAU,UACzB;AAAA,mDAAC,yBAAO,KAAI,MAAK,KAAK,EAAE,KAAK,KAAK,GAAG,WAAU,UAC5C;AAAA,eAAO,IAAI,CAAC,OAAO,UAEhB,4CAAC,yBAAO,KAAI,MACT,gBAAM,IAAI,CAAC,UAER;AAAA,UAAC;AAAA;AAAA,YAEC,cAAa;AAAA,YACb,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAa;AAAA,YACb,qBAAiB,iCAAiB,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,4CAAC,yBAAO,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,4CAAC,yBAAO,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": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBASO,oBASH;AAPJ,MAAM,cAAc,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAE1E,SAAS,aAAa;AAC3B,QAAM,aAAS,0BAAU,EAAE,UAAU,GAAM,CAAC,EAAE,OACxC,CAAC,aAAa,UAAU,IAAI,CAAC,UAAU,MAAM,GAAG,UAAU,QAAQ,EAAI,CAAC;AAE7E,SACE,6CAAC,yBAAO,WAAU,MAAK,OAAM,MAC3B;AAAA,gDAAC,aAAU,OAAM,SAAQ,QAAQ,aAAa;AAAA,IAC9C,4CAAC,4BAAU;AAAA,IACX,4CAAC,aAAU,OAAM,QAAO,QAAQ,YAAY;AAAA,KAC9C;AAEJ;AAEA,SAAS,UAAU,EAAE,OAAO,OAAO,GAA4C;AAC7E,SACE,6CAAC,yBAAO,OAAK,IAAC,KAAK,EAAE,OAAO,KAAK,GAC/B;AAAA,gDAAC,qBAAG,MAAK,MAAM,iBAAM;AAAA,IAErB,6CAAC,yBAAO,OAAK,IAAC,WAAU,UACtB;AAAA,mDAAC,yBAAO,OAAK,IAAC,KAAK,EAAE,OAAO,KAAK,GAAG,WAAU,UAC3C;AAAA,eAAO,IAAI,CAAC,OAAO,UAEhB,4CAAC,yBAAO,KAAI,MACT,gBAAM,IAAI,CAAC,UAER;AAAA,UAAC;AAAA;AAAA,YAEC,cAAa;AAAA,YACb,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAa;AAAA,YACb,qBAAiB,iCAAiB,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,4CAAC,yBAAO,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,4CAAC,yBAAO,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/cjs/ColorsDemo.native.js

@@ -36,7 +36,7 @@ function ColorsDemo() {
   ];
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     marginTop: "$4",
-    gap: "$8",
+    space: "$8",
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColorsRow, {
         title: "Light",
@@ -53,9 +53,9 @@ function ColorsDemo() {
 function ColorsRow(param) {
   var { title, colors } = param;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    gap: "$4",
+    space: !0,
     $sm: {
-      gap: "$2"
+      space: "$2"
     },
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, {
@@ -63,13 +63,13 @@ function ColorsRow(param) {
         children: title
       }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-        gap: "$4",
+        space: !0,
         alignSelf: "center",
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-            gap: "$4",
+            space: !0,
             $sm: {
-              gap: "$2"
+              space: "$2"
             },
             alignSelf: "center",
             children: [

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/ColorsDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;uDACA,iBASO,oBAEDA,cAAc;EAAC;EAAU;EAAU;EAAS;EAAQ;EAAU;EAAQ;;AAErE,SAASC,aAAAA;AACd,MAAMC,aAASC,0BAAU;IAAEC,UAAU;EAAM,CAAA,EAAGC,OACxC,CAACC,aAAaC,UAAAA,IAAc;IAACC,UAAUN,MAAAA;IAASM,UAAUN,QAAQ,EAAA;;AAExE,SACE,uCAAAO,MAACC,uBAAAA;IAAOC,WAAU;IAAKC,KAAI;;MACzB,uCAAAC,KAACC,WAAAA;QAAUC,OAAM;QAAQb,QAAQI;;MACjC,uCAAAO,KAACG,0BAAAA,CAAAA,CAAAA;MACD,uCAAAH,KAACC,WAAAA;QAAUC,OAAM;QAAOb,QAAQK;;;;AAGtC;AAEA,SAASO,UAAU,OAA0D;MAA1D,EAAEC,OAAOb,OAAM,IAAf;AACjB,SACE,uCAAAO,MAACC,uBAAAA;IAAOE,KAAI;IAAKK,KAAK;MAAEL,KAAK;IAAK;;MAChC,uCAAAC,KAACK,mBAAAA;QAAGC,MAAK;kBAAMJ;;MAEf,uCAAAN,MAACW,uBAAAA;QAAOR,KAAI;QAAKS,WAAU;;UACzB,uCAAAZ,MAACC,uBAAAA;YAAOE,KAAI;YAAKK,KAAK;cAAEL,KAAK;YAAK;YAAGS,WAAU;;cAC5CnB,OAAOoB,IAAI,SAACC,OAAOC,OAAAA;AAClB,uBACE,uCAAAX,KAACO,uBAAAA;kBAAOR,KAAI;4BACTW,MAAMD,IAAI,SAACjB,OAAAA;AACV,2BACE,uCAAAQ,KAACY,uBAAAA;sBAECC,cAAa;sBACbP,MAAK;sBACLQ,QAAO;sBACPC,aAAa;sBACbC,qBAAiBC,iCAAiBzB,KAAAA;sBAClC0B,aAAY;sBACZd,KAAK;wBACHE,MAAM;sBACR;sBACAa,KAAK;wBACHb,MAAM;sBACR;uBAZK,GAAGd,MAAM4B,GAAG,GAAGT,KAAAA,EAAO;kBAejC,CAAA;mBAnBoBA,KAAAA;cAsB1B,CAAA;cAEA,uCAAAX,KAACO,uBAAAA;gBAAOR,KAAI;gBAAKS,WAAU;0BACxB,IAAIa,MAAM,EAAA,EACRC,KAAK,CAAA,EACLC,MAAM,CAAA,EACNd,IAAI,SAACe,GAAGb,OAAAA;AACP,yBACE,uCAAAX,KAACyB,0BAAAA;oBACCjC,OAAM;oBACNkC,WAAU;oBACVC,OAAM;oBACNvB,KAAK;sBACHuB,OAAO;oBACT;oBACAR,KAAK;sBACHQ,OAAO;oBACT;8BAGChB;qBAFIA,KAAAA;gBAKX,CAAA;;;;UAIN,uCAAAX,KAACH,uBAAAA;YAAOE,KAAI;YAAKD,WAAU;sBACxBX,YAAYsB,IAAI,SAACmB,MAAAA;qBAChB,uCAAA5B,KAACyB,0BAAAA;gBACCI,OAAOD;gBACPpC,OAAM;gBACNsB,QAAO;gBACPgB,QAAO;gBACP1B,KAAK;kBACHU,QAAQ;gBACV;gBACAK,KAAK;kBACHL,QAAQ;gBACV;0BAGCc;iBAFIA,IAAAA;;;;;;;AASnB;AAEA,SAASjC,UAAUN,QAAgC;MAAE0C,OAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAO;AAC1D,SAAO5C,YAAYsB,IAAI,SAACC,OAAAA;AACtB,WAAOsB,OAAOC,KAAK5C,MAAAA,EAChB6C,OACC,SAAC1C,OAAAA;aACCA,MAAM2C,WAAWzB,KAAAA,MAChBqB,OAAOvC,MAAM4C,SAAS,MAAA,IAAU,CAAC5C,MAAM4C,SAAS,MAAA;OAEpD3B,IAAI,SAACW,KAAAA;aAAQ/B,OAAO+B,GAAAA;;EACzB,CAAA;AACF;",
-  "names": ["colorGroups", "ColorsDemo", "colors", "getTokens", "prefixed", "color", "colorsLight", "colorsDark", "getColors", "_jsxs", "YStack", "marginTop", "gap", "_jsx", "ColorsRow", "title", "Separator", "$sm", "H2", "size", "XStack", "alignSelf", "map", "group", "index", "Square", "borderRadius", "height", "borderWidth", "backgroundColor", "getVariableValue", "borderColor", "$xs", "key", "Array", "fill", "slice", "_", "Paragraph", "textAlign", "width", "name", "theme", "rotate", "dark", "Object", "keys", "filter", "startsWith", "endsWith"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDACA,iBASO,oBAEDA,cAAc;EAAC;EAAU;EAAU;EAAS;EAAQ;EAAU;EAAQ;;AAErE,SAASC,aAAAA;AACd,MAAMC,aAASC,0BAAU;IAAEC,UAAU;EAAM,CAAA,EAAGC,OACxC,CAACC,aAAaC,UAAAA,IAAc;IAACC,UAAUN,MAAAA;IAASM,UAAUN,QAAQ,EAAA;;AAExE,SACE,uCAAAO,MAACC,uBAAAA;IAAOC,WAAU;IAAKC,OAAM;;MAC3B,uCAAAC,KAACC,WAAAA;QAAUC,OAAM;QAAQb,QAAQI;;MACjC,uCAAAO,KAACG,0BAAAA,CAAAA,CAAAA;MACD,uCAAAH,KAACC,WAAAA;QAAUC,OAAM;QAAOb,QAAQK;;;;AAGtC;AAEA,SAASO,UAAU,OAA0D;MAA1D,EAAEC,OAAOb,OAAM,IAAf;AACjB,SACE,uCAAAO,MAACC,uBAAAA;IAAOE,OAAK;IAACK,KAAK;MAAEL,OAAO;IAAK;;MAC/B,uCAAAC,KAACK,mBAAAA;QAAGC,MAAK;kBAAMJ;;MAEf,uCAAAN,MAACW,uBAAAA;QAAOR,OAAK;QAACS,WAAU;;UACtB,uCAAAZ,MAACC,uBAAAA;YAAOE,OAAK;YAACK,KAAK;cAAEL,OAAO;YAAK;YAAGS,WAAU;;cAC3CnB,OAAOoB,IAAI,SAACC,OAAOC,OAAAA;AAClB,uBACE,uCAAAX,KAACO,uBAAAA;kBAAOK,KAAI;4BACTF,MAAMD,IAAI,SAACjB,OAAAA;AACV,2BACE,uCAAAQ,KAACa,uBAAAA;sBAECC,cAAa;sBACbR,MAAK;sBACLS,QAAO;sBACPC,aAAa;sBACbC,qBAAiBC,iCAAiB1B,KAAAA;sBAClC2B,aAAY;sBACZf,KAAK;wBACHE,MAAM;sBACR;sBACAc,KAAK;wBACHd,MAAM;sBACR;uBAZK,GAAGd,MAAM6B,GAAG,GAAGV,KAAAA,EAAO;kBAejC,CAAA;mBAnBoBA,KAAAA;cAsB1B,CAAA;cAEA,uCAAAX,KAACO,uBAAAA;gBAAOK,KAAI;gBAAKJ,WAAU;0BACxB,IAAIc,MAAM,EAAA,EACRC,KAAK,CAAA,EACLC,MAAM,CAAA,EACNf,IAAI,SAACgB,GAAGd,OAAAA;AACP,yBACE,uCAAAX,KAAC0B,0BAAAA;oBACClC,OAAM;oBACNmC,WAAU;oBACVC,OAAM;oBACNxB,KAAK;sBACHwB,OAAO;oBACT;oBACAR,KAAK;sBACHQ,OAAO;oBACT;8BAGCjB;qBAFIA,KAAAA;gBAKX,CAAA;;;;UAIN,uCAAAX,KAACH,uBAAAA;YAAOe,KAAI;YAAKd,WAAU;sBACxBX,YAAYsB,IAAI,SAACoB,MAAAA;qBAChB,uCAAA7B,KAAC0B,0BAAAA;gBACCI,OAAOD;gBACPrC,OAAM;gBACNuB,QAAO;gBACPgB,QAAO;gBACP3B,KAAK;kBACHW,QAAQ;gBACV;gBACAK,KAAK;kBACHL,QAAQ;gBACV;0BAGCc;iBAFIA,IAAAA;;;;;;;AASnB;AAEA,SAASlC,UAAUN,QAAgC;MAAE2C,OAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAO;AAC1D,SAAO7C,YAAYsB,IAAI,SAACC,OAAAA;AACtB,WAAOuB,OAAOC,KAAK7C,MAAAA,EAChB8C,OACC,SAAC3C,OAAAA;aACCA,MAAM4C,WAAW1B,KAAAA,MAChBsB,OAAOxC,MAAM6C,SAAS,MAAA,IAAU,CAAC7C,MAAM6C,SAAS,MAAA;OAEpD5B,IAAI,SAACY,KAAAA;aAAQhC,OAAOgC,GAAAA;;EACzB,CAAA;AACF;",
+  "names": ["colorGroups", "ColorsDemo", "colors", "getTokens", "prefixed", "color", "colorsLight", "colorsDark", "getColors", "_jsxs", "YStack", "marginTop", "space", "_jsx", "ColorsRow", "title", "Separator", "$sm", "H2", "size", "XStack", "alignSelf", "map", "group", "index", "gap", "Square", "borderRadius", "height", "borderWidth", "backgroundColor", "getVariableValue", "borderColor", "$xs", "key", "Array", "fill", "slice", "_", "Paragraph", "textAlign", "width", "name", "theme", "rotate", "dark", "Object", "keys", "filter", "startsWith", "endsWith"]
 }

package/dist/cjs/GroupDemo.cjs

@@ -29,7 +29,7 @@ var import_lucide_icons = require("@tamagui/lucide-icons"),
 function GroupDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     padding: "$3",
-    gap: "$2",
+    space: "$2",
     alignItems: "center",
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Group, {
       orientation: "horizontal",

package/dist/cjs/GroupDemo.js

@@ -19,7 +19,7 @@ __export(GroupDemo_exports, {
 module.exports = __toCommonJS(GroupDemo_exports);
 var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function GroupDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$3", gap: "$2", alignItems: "center", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$3", space: "$2", alignItems: "center", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Group, { orientation: "horizontal", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Group.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "First" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Group.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Second" }) }),