@tamagui/demos 1.138.5 → 1.139.0

package/dist/cjs/AccordionDemo.cjs

@@ -35,7 +35,7 @@ function AccordionDemo() {
       value: "a1",
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, {
         flexDirection: "row",
-        justifyContent: "space-between",
+        justify: "space-between",
         children: ({
           open
         }) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
@@ -65,7 +65,7 @@ function AccordionDemo() {
       value: "a2",
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, {
         flexDirection: "row",
-        justifyContent: "space-between",
+        justify: "space-between",
         children: ({
           open
         }) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {

package/dist/cjs/AccordionDemo.js

@@ -21,7 +21,7 @@ var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = req
 function AccordionDemo() {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion, { overflow: "hidden", width: "$20", type: "multiple", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion.Item, { value: "a1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", children: ({
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, { flexDirection: "row", justify: "space-between", children: ({
         open
       }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "1. Take a cold shower" }),
@@ -30,7 +30,7 @@ function AccordionDemo() {
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.HeightAnimator, { animation: "medium", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Content, { animation: "medium", exitStyle: { opacity: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue." }) }) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion.Item, { value: "a2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", children: ({
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, { flexDirection: "row", justify: "space-between", children: ({
         open
       }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "2. Eat 4 eggs" }),

package/dist/cjs/AccordionDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/AccordionDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA4B,kCAC5B,iBAA6C,oBAYjC;AAVL,SAAS,gBAAgB;AAC9B,SACE,6CAAC,4BAAU,UAAS,UAAS,OAAM,OAAM,MAAK,YAC5C;AAAA,iDAAC,yBAAU,MAAV,EAAe,OAAM,MACpB;AAAA,kDAAC,yBAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACnD,WAAC;AAAA,QACA;AAAA,MACF,MAGE,4EACE;AAAA,oDAAC,4BAAU,mCAAqB;AAAA,QAChC,4CAAC,yBAAO,WAAU,SAAQ,QAAQ,OAAO,WAAW,QAClD,sDAAC,mCAAY,MAAK,MAAK,GACzB;AAAA,SACF,GAEJ;AAAA,MACA,4CAAC,yBAAU,gBAAV,EAAyB,WAAU,UAClC,sDAAC,yBAAU,SAAV,EAAkB,WAAU,UAAS,WAAW,EAAE,SAAS,EAAE,GAC5D,sDAAC,4BAAU,wJAGX,GACF,GACF;AAAA,OACF;AAAA,IAEA,6CAAC,yBAAU,MAAV,EAAe,OAAM,MACpB;AAAA,kDAAC,yBAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACnD,WAAC;AAAA,QACA;AAAA,MACF,MAGE,4EACE;AAAA,oDAAC,4BAAU,2BAAa;AAAA,QACxB,4CAAC,yBAAO,WAAU,SAAQ,QAAQ,OAAO,WAAW,QAClD,sDAAC,mCAAY,MAAK,MAAK,GACzB;AAAA,SACF,GAEJ;AAAA,MACA,4CAAC,yBAAU,gBAAV,EAAyB,WAAU,UAClC,sDAAC,yBAAU,SAAV,EAAkB,WAAU,UAAS,WAAW,EAAE,SAAS,EAAE,GAC5D,sDAAC,4BAAU,qJAGX,GACF,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA4B,kCAC5B,iBAA6C,oBAYjC;AAVL,SAAS,gBAAgB;AAC9B,SACE,6CAAC,4BAAU,UAAS,UAAS,OAAM,OAAM,MAAK,YAC5C;AAAA,iDAAC,yBAAU,MAAV,EAAe,OAAM,MACpB;AAAA,kDAAC,yBAAU,SAAV,EAAkB,eAAc,OAAM,SAAQ,iBAC5C,WAAC;AAAA,QACA;AAAA,MACF,MAGE,4EACE;AAAA,oDAAC,4BAAU,mCAAqB;AAAA,QAChC,4CAAC,yBAAO,WAAU,SAAQ,QAAQ,OAAO,WAAW,QAClD,sDAAC,mCAAY,MAAK,MAAK,GACzB;AAAA,SACF,GAEJ;AAAA,MACA,4CAAC,yBAAU,gBAAV,EAAyB,WAAU,UAClC,sDAAC,yBAAU,SAAV,EAAkB,WAAU,UAAS,WAAW,EAAE,SAAS,EAAE,GAC5D,sDAAC,4BAAU,wJAGX,GACF,GACF;AAAA,OACF;AAAA,IAEA,6CAAC,yBAAU,MAAV,EAAe,OAAM,MACpB;AAAA,kDAAC,yBAAU,SAAV,EAAkB,eAAc,OAAM,SAAQ,iBAC5C,WAAC;AAAA,QACA;AAAA,MACF,MAGE,4EACE;AAAA,oDAAC,4BAAU,2BAAa;AAAA,QACxB,4CAAC,yBAAO,WAAU,SAAQ,QAAQ,OAAO,WAAW,QAClD,sDAAC,mCAAY,MAAK,MAAK,GACzB;AAAA,SACF,GAEJ;AAAA,MACA,4CAAC,yBAAU,gBAAV,EAAyB,WAAU,UAClC,sDAAC,yBAAU,SAAV,EAAkB,WAAU,UAAS,WAAW,EAAE,SAAS,EAAE,GAC5D,sDAAC,4BAAU,qJAGX,GACF,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/cjs/AccordionDemo.native.js

@@ -37,7 +37,7 @@ function AccordionDemo() {
       value: "a1",
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, {
         flexDirection: "row",
-        justifyContent: "space-between",
+        justify: "space-between",
         children: function (param) {
           var {
             open
@@ -70,7 +70,7 @@ function AccordionDemo() {
       value: "a2",
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, {
         flexDirection: "row",
-        justifyContent: "space-between",
+        justify: "space-between",
         children: function (param) {
           var {
             open

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AccordionDemo_exports","__export","AccordionDemo","module","exports","import_jsx_runtime","require","import_lucide_icons","import_tamagui","jsxs","Accordion","overflow","width","type","children","Item","jsx","Trigger","flexDirection","justifyContent","param","open","Fragment","Paragraph","Square","animation"],"sources":["../../src/AccordionDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA4B,CAAAK,qBAAA;AAGrB,IAAAK,kBAAS,GAAgBC,OAAA;EAAAC,mBAAA,GAAAD,OAAA;EAAAE,cAAA,GAAAF,OAAA;AAC9B,SACEJ,cAAA;EACE,0BAAAG,kBAAA,CAAAI,IAAC,EAAAD,cAAA,CAAAE,SAAU,EAAV;IACCC,QAAA;IACIC,KACA;IAAAC,IACF,YAGE;IACEC,QAAA,GAAgC,eAChC,IAAAT,kBAAA,CAAAI,IAAA,EAAAD,cAAC,CAAAE,SAAA,CAAAK,IAAO;MAERhB,KAGN;MACAe,QAAA,GAQF,mBAAAT,kBAAA,CAAAW,GAAA,EAAAR,cAAA,CAAAE,SAAA,CAAAO,OAAA;QAEAC,aAAA;QACEC,cAAA;QAEIL,QAAA,WAAAA,CAAAM,KAAA;UAIA;YAAAC;UAAA,IAAAD,KAAA;UACE,0BAAAf,kBAAC,CAAAI,IAAA,EAAAJ,kBAAU,CAAAiB,QAAA;YACXR,QAAA,GAKN,mBAAAT,kBAAA,CAAAW,GAAA,EAAAR,cAAA,CAAAe,SAAA;cACAT,QAAA;YAQF,IACF,mBAAAT,kBAAA,CAAAW,GAAA,EAAAR,cAAA,CAAAgB,MAAA;cAEJC,SAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AccordionDemo_exports","__export","AccordionDemo","module","exports","import_jsx_runtime","require","import_lucide_icons","import_tamagui","jsxs","Accordion","overflow","width","type","children","Item","jsx","Trigger","flexDirection","justify","param","open","Fragment","Paragraph","Square","animation"],"sources":["../../src/AccordionDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA4B,CAAAK,qBAAA;AAGrB,IAAAK,kBAAS,GAAgBC,OAAA;EAAAC,mBAAA,GAAAD,OAAA;EAAAE,cAAA,GAAAF,OAAA;AAC9B,SACEJ,cAAA;EACE,0BAAAG,kBAAA,CAAAI,IAAC,EAAAD,cAAA,CAAAE,SAAU,EAAV;IACCC,QAAA;IACIC,KACA;IAAAC,IACF,YAGE;IACEC,QAAA,GAAgC,eAChC,IAAAT,kBAAA,CAAAI,IAAA,EAAAD,cAAC,CAAAE,SAAA,CAAAK,IAAO;MAERhB,KAGN;MACAe,QAAA,GAQF,mBAAAT,kBAAA,CAAAW,GAAA,EAAAR,cAAA,CAAAE,SAAA,CAAAO,OAAA;QAEAC,aAAA;QACEC,OAAA;QAEIL,QAAA,WAAAA,CAAAM,KAAA;UAIA;YAAAC;UAAA,IAAAD,KAAA;UACE,0BAAAf,kBAAC,CAAAI,IAAA,EAAAJ,kBAAU,CAAAiB,QAAA;YACXR,QAAA,GAKN,mBAAAT,kBAAA,CAAAW,GAAA,EAAAR,cAAA,CAAAe,SAAA;cACAT,QAAA;YAQF,IACF,mBAAAT,kBAAA,CAAAW,GAAA,EAAAR,cAAA,CAAAgB,MAAA;cAEJC,SAAA","ignoreList":[]}

package/dist/cjs/AddThemeDemo.cjs

@@ -41,16 +41,16 @@ var import_react = __toESM(require("react"), 1),
 function AddThemeDemo() {
   const [theme, setTheme] = import_react.default.useState();
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    alignItems: "center",
-    space: !0,
+    items: "center",
+    gap: "$4",
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.H3, {
       children: ["Theme: ", theme ?? "none"]
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
       name: theme ?? "red",
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
-        borderRadius: "$8",
+        rounded: "$8",
         size: 100,
-        backgroundColor: "$color"
+        bg: "$color"
       })
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
       disabled: theme === "superblue",

package/dist/cjs/AddThemeDemo.js

@@ -28,12 +28,12 @@ module.exports = __toCommonJS(AddThemeDemo_exports);
 var import_react = __toESM(require("react"), 1), 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", space: !0, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { items: "center", gap: "$4", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H3, { children: [
       "Theme: ",
       theme ?? "none"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: theme ?? "red", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { borderRadius: "$8", size: 100, backgroundColor: "$color" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: theme ?? "red", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { rounded: "$8", size: 100, bg: "$color" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_tamagui.Button,
       {

package/dist/cjs/AddThemeDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/AddThemeDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,8BAClB,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;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,8BAClB,eAAyB,2BAEzB,iBAAkD,oBAO5C;AALC,SAAS,eAAe;AAC7B,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAAA,QAAM,SAAc;AAE9C,SACE,6CAAC,yBAAO,OAAM,UAAS,KAAI,MACzB;AAAA,iDAAC,qBAAG;AAAA;AAAA,MAAQ,SAAS;AAAA,OAAO;AAAA,IAE5B,4CAAC,wBAAM,MAAM,SAAS,OACpB,sDAAC,yBAAO,SAAQ,MAAK,MAAM,KAAK,IAAG,UAAS,GAC9C;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

@@ -43,16 +43,16 @@ var import_jsx_runtime = require("react/jsx-runtime"),
 function AddThemeDemo() {
   var [theme, setTheme] = import_react.default.useState();
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    alignItems: "center",
-    space: !0,
+    items: "center",
+    gap: "$4",
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.H3, {
       children: ["Theme: ", theme ?? "none"]
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
       name: theme ?? "red",
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
-        borderRadius: "$8",
+        rounded: "$8",
         size: 100,
-        backgroundColor: "$color"
+        bg: "$color"
       })
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
       disabled: theme === "superblue",

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AddThemeDemo_exports","__export","AddThemeDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_theme","import_tamagui","theme","setTheme","default","useState","jsxs","YStack","alignItems","space","children","H3","jsx","Theme","name","Square","borderRadius","size","backgroundColor","Button","disabled","onPress","addTheme","insertCSS"],"sources":["../../src/AddThemeDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,oBAClB;AAIO,IAAAK,kBAAS,GAAeC,OAAA;EAAAC,YAAA,GAAAC,OAAA,CAAAF,OAAA;EAAAG,YAAA,GAAAH,OAAA;EAAAI,cAAA,GAAAJ,OAAA;AAC7B,SAAOJ,YAAOA,CAAA,EAAQ;EAEtB,KAAAS,KACE,EAAAC,QAAA,IAAAL,YAAA,CAAAM,OAAA,CAAAC,QAAC;EACC,0BAAAT,kBAAA,CAAAU,IAAC,EAAAL,cAAA,CAAAM,MAAG;IAAAC,UAAA;IAAAC,KAAQ;IAASC,QAAO,GAE5B,mBAAAd,kBAAA,CAAAU,IAAC,EAAAL,cAAA,CAAAU,EAAA;MAIDD,QAAA,GAAC,WAAAR,KAAA;IACqB,EACpB,EACE,mBAAAN,kBAAS,CAAAgB,GAAA,EAAAX,cAAA,CAAAY,KAAA;MAAAC,IACP,EAAAZ,KAAM;MAAAQ,QACN,iBAAW,IAAAd,kBAAA,CAAAgB,GAAA,EAAAX,cAAA,CAAAc,MAAA;QAAAC,YACJ;QAAAC,IACL;QAAYC,eACL;MAAA;IACT,IAEkB,eACtB,IAAAtB,kBAAA,CAAAgB,GAAA,EAAAX,cAAA,CAAAkB,MAAA;MACDC,QAAA,EAAAlB,KAAA;MAAAmB,OAAA,WAAAA,CAAA;QAED,IAAArB,YAAA,CAAAsB,QAAA;UACFR,IAAA;UAEJS,SAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AddThemeDemo_exports","__export","AddThemeDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_theme","import_tamagui","theme","setTheme","default","useState","jsxs","YStack","items","gap","children","H3","jsx","Theme","name","Square","rounded","size","bg","Button","disabled","onPress","addTheme","insertCSS"],"sources":["../../src/AddThemeDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,oBAClB;AAIO,IAAAK,kBAAS,GAAeC,OAAA;EAAAC,YAAA,GAAAC,OAAA,CAAAF,OAAA;EAAAG,YAAA,GAAAH,OAAA;EAAAI,cAAA,GAAAJ,OAAA;AAC7B,SAAOJ,YAAOA,CAAA,EAAQ;EAEtB,KAAAS,KACE,EAAAC,QAAA,IAAAL,YAAA,CAAAM,OAAA,CAAAC,QAAC;EACC,0BAAAT,kBAAA,CAAAU,IAAC,EAAAL,cAAA,CAAAM,MAAG;IAAAC,KAAA;IAAAC,GAAQ;IAASC,QAAO,GAE5B,mBAAAd,kBAAA,CAAAU,IAAC,EAAAL,cAAA,CAAAU,EAAA;MAIDD,QAAA,GAAC,WAAAR,KAAA;IACqB,EACpB,EACE,mBAAAN,kBAAS,CAAAgB,GAAA,EAAAX,cAAA,CAAAY,KAAA;MAAAC,IACP,EAAAZ,KAAM;MAAAQ,QACN,iBAAW,IAAAd,kBAAA,CAAAgB,GAAA,EAAAX,cAAA,CAAAc,MAAA;QAAAC,OACX,EAAO;QAAAC,IACL;QAAYC,EAAA,EACZ;MAAO;IACT,IAEkB,eACtB,IAAAtB,kBAAA,CAAAgB,GAAA,EAAAX,cAAA,CAAAkB,MAAA;MACDC,QAAA,EAAAlB,KAAA;MAAAmB,OAAA,WAAAA,CAAA;QAED,IAAArB,YAAA,CAAAsB,QAAA;UACFR,IAAA;UAEJS,SAAA","ignoreList":[]}

package/dist/cjs/AlertDialogDemo.cjs

@@ -75,7 +75,7 @@ function AlertDialogDemo() {
             children: "By pressing yes, you accept our terms and conditions."
           }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
             gap: "$3",
-            justifyContent: "flex-end",
+            justify: "flex-end",
             children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Cancel, {
               asChild: !0,
               children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {

package/dist/cjs/AlertDialogDemo.js

@@ -54,7 +54,7 @@ function AlertDialogDemo() {
           children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { gap: "$4", 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: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$3", justify: "flex-end", children: [
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Cancel, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Cancel" }) }),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Action, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "accent", children: "Accept" }) })
             ] })

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,KAAI,MACV;AAAA,wDAAC,2BAAY,OAAZ,EAAkB,oBAAM;AAAA,YACzB,4CAAC,2BAAY,aAAZ,EAAwB,mEAEzB;AAAA,YAEA,6CAAC,yBAAO,KAAI,MAAK,SAAQ,YACvB;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

@@ -77,7 +77,7 @@ function AlertDialogDemo() {
             children: "By pressing yes, you accept our terms and conditions."
           }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
             gap: "$3",
-            justifyContent: "flex-end",
+            justify: "flex-end",
             children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Cancel, {
               asChild: !0,
               children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {

package/dist/cjs/AnimationsDemo.cjs

@@ -40,14 +40,14 @@ function AnimationsDemo(props) {
     });
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
-      animation: props.animation || "bouncy",
+      animation: props.animation ?? "bouncy",
       animateOnly: ["transform"],
       onPress,
       size: 104,
       borderColor: "$borderColor",
       borderWidth: 1,
-      borderRadius: "$9",
-      backgroundColor: "$color9",
+      rounded: "$9",
+      bg: "$color9",
       hoverStyle: {
         scale: 1.01
       },
@@ -60,8 +60,8 @@ function AnimationsDemo(props) {
       })
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
       position: "absolute",
-      bottom: 20,
-      left: 20,
+      b: 20,
+      l: 20,
       icon: import_lucide_icons.Play,
       theme: props.tint,
       size: "$5",

package/dist/cjs/AnimationsDemo.js

@@ -31,14 +31,14 @@ function AnimationsDemo(props) {
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_tamagui.Square,
       {
-        animation: props.animation || "bouncy",
+        animation: props.animation ?? "bouncy",
         animateOnly: ["transform"],
         onPress,
         size: 104,
         borderColor: "$borderColor",
         borderWidth: 1,
-        borderRadius: "$9",
-        backgroundColor: "$color9",
+        rounded: "$9",
+        bg: "$color9",
         hoverStyle: {
           scale: 1.01
         },
@@ -53,8 +53,8 @@ function AnimationsDemo(props) {
       import_tamagui.Button,
       {
         position: "absolute",
-        bottom: 20,
-        left: 20,
+        b: 20,
+        l: 20,
         icon: import_lucide_icons.Play,
         theme: props.tint,
         size: "$5",

package/dist/cjs/AnimationsDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/AnimationsDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAyB,0BACzB,sBAAqB,kCACrB,iBAA+D,oBAgB3D;AAdG,SAAS,eAAe,OAAO;AACpC,QAAM,CAAC,WAAW,YAAY,QAAI,qCAAqB;AAAA,IACrD,UAAU;AAAA,IACV,MAAM,MAAM;AAAA,IACZ,aAAa;AAAA,EACf,CAAC,GACK,WAAW,UAAU,SAAS,GAC9B,cAAU,yBAAS,MAAM;AAC7B,iBAAa,CAAC,OACJ,IAAI,KAAK,UAAU,MAC5B;AAAA,EACH,CAAC;AAED,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAY,MAAM,aAAa;AAAA,QAC/B,aAAa,CAAC,WAAW;AAAA,QACzB;AAAA,QACA,MAAM;AAAA,QACN,aAAY;AAAA,QACZ,aAAa;AAAA,QACb,cAAa;AAAA,QACb,iBAAgB;AAAA,QAChB,YAAY;AAAA,UACV,OAAO;AAAA,QACT;AAAA,QACA,YAAY;AAAA,UACV,OAAO;AAAA,QACT;AAAA,QACC,GAAG;AAAA,QAEH,gBAAM,YAAY,4CAAC,wBAAS,WAAW,MAAM;AAAA;AAAA,IAChD;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO,MAAM;AAAA,QACb,MAAK;AAAA,QACL,UAAQ;AAAA,QACR;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEO,MAAM,YAAY;AAAA,EACvB;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AACF;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAyB,0BACzB,sBAAqB,kCACrB,iBAA+D,oBAgB3D;AAdG,SAAS,eAAe,OAAO;AACpC,QAAM,CAAC,WAAW,YAAY,QAAI,qCAAqB;AAAA,IACrD,UAAU;AAAA,IACV,MAAM,MAAM;AAAA,IACZ,aAAa;AAAA,EACf,CAAC,GACK,WAAW,UAAU,SAAS,GAC9B,cAAU,yBAAS,MAAM;AAC7B,iBAAa,CAAC,OACJ,IAAI,KAAK,UAAU,MAC5B;AAAA,EACH,CAAC;AAED,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,MAAM,aAAa;AAAA,QAC9B,aAAa,CAAC,WAAW;AAAA,QACzB;AAAA,QACA,MAAM;AAAA,QACN,aAAY;AAAA,QACZ,aAAa;AAAA,QACb,SAAQ;AAAA,QACR,IAAG;AAAA,QACH,YAAY;AAAA,UACV,OAAO;AAAA,QACT;AAAA,QACA,YAAY;AAAA,UACV,OAAO;AAAA,QACT;AAAA,QACC,GAAG;AAAA,QAEH,gBAAM,YAAY,4CAAC,wBAAS,WAAW,MAAM;AAAA;AAAA,IAChD;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,GAAG;AAAA,QACH,GAAG;AAAA,QACH,MAAM;AAAA,QACN,OAAO,MAAM;AAAA,QACb,MAAK;AAAA,QACL,UAAQ;AAAA,QACR;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEO,MAAM,YAAY;AAAA,EACvB;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/cjs/AnimationsDemo.native.js

@@ -41,17 +41,18 @@ function AnimationsDemo(props) {
       setPositionI(function (x) {
         return (x + 1) % positions.length;
       });
-    });
+    }),
+    _props_animation;
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
-      animation: props.animation || "bouncy",
+      animation: (_props_animation = props.animation) !== null && _props_animation !== void 0 ? _props_animation : "bouncy",
       animateOnly: ["transform"],
       onPress,
       size: 104,
       borderColor: "$borderColor",
       borderWidth: 1,
-      borderRadius: "$9",
-      backgroundColor: "$color9",
+      rounded: "$9",
+      bg: "$color9",
       hoverStyle: {
         scale: 1.01
       },
@@ -64,8 +65,8 @@ function AnimationsDemo(props) {
       })
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
       position: "absolute",
-      bottom: 20,
-      left: 20,
+      b: 20,
+      l: 20,
       icon: import_lucide_icons.Play,
       theme: props.tint,
       size: "$5",

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsDemo_exports","__export","AnimationsDemo","positions","module","exports","import_jsx_runtime","require","import_logo","import_lucide_icons","import_tamagui","props","positionI","setPositionI","useControllableState","strategy","prop","position","defaultProp","onPress","useEvent","x","length","jsxs","Fragment","children","jsx","Square","animation","animateOnly","size","borderColor","borderWidth","borderRadius","backgroundColor","hoverStyle","scale","pressStyle","LogoIcon","downscale","Button","bottom","left","icon","Play","theme","tint","circular","y","rotate"],"sources":["../../src/AnimationsDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAyB,CAAAK,sBACzB;AAGO,IAAAM,kBAAS,GAAeC,OAAO;EAAAC,WAAA,GAAAD,OAAA;EAAAE,mBAAA,GAAAF,OAAA;EAAAG,cAAA,GAAAH,OAAA;AACpC,SAAOL,cAAWA,CAAAS,KAAA;EAAqC,IACrD,CAAAC,SAAU,EAAAC,YAAA,QAAAH,cAAA,CAAAI,oBAAA;MACVC,QAAM,oBAAM;MACZC,IAAA,EAAAL,KAAA,CAAAM,QAAa;MACdC,WACK,EAAW;IAEf;IAAAD,QAAA,GAAad,SACH,CAAAS,SAAS;IAAAO,OAAU,IAC5B,GAAAT,cAAA,CAAAU,QAAA;MACFP,YAAA,WAAAQ,CAAA;QAED,OACE,CAAAA,CAAA,QAAAlB,SAAA,CAAAmB,MAAA;MACE;IAAA;EAAC,0BAAAhB,kBAAA,CAAAiB,IAAA,EAAAjB,kBAAA,CAAAkB,QAAA;IAAAC,QACC,GAA+B,eACjB,IAAAnB,kBAAW,CAAAoB,GAAA,EAAAhB,cAAA,CAAAiB,MAAA;MACzBC,SAAA,EAAAjB,KAAA,CAAAiB,SAAA;MACAC,WAAM,GACN,WAAY,CACZ;MACAV,OAAA;MACAW,IAAA;MACAC,WAAA,EAAY;MAAAC,WACH;MACTC,YAAA;MACAC,eAAY;MAAAC,UACH;QACTC,KAAA;MACC;MAEAC,UAAA;QAA6CD,KAAA;MAChD;MAEA,GAAAnB,QAAA;MAACQ,QAAA,EAAAd,KAAA,CAAAc,QAAA,uBAAAnB,kBAAA,CAAAoB,GAAA,EAAAlB,WAAA,CAAA8B,QAAA;QAAAC,SAAA;MACC;IAAS,EACT,EAAQ,eACF,IAAAjC,kBAAA,CAAAoB,GAAA,EAAAhB,cAAA,CAAA8B,MAAA;MACNvB,QAAM;MACNwB,MAAA,EAAO;MACPC,IAAA,EAAK;MACLC,IAAA,EAAAlC,mBAAQ,CAAAmC,IAAA;MACRC,KAAA,EAAAlC,KAAA,CAAAmC,IAAA;MAAAhB,IAAA;MACFiB,QAAA;MACF5B;IAEJ;EAGE;AAAA;AACK,IACHhB,SAAG;EAEHkB,CAAA;EACF2B,CAAA;EACAZ,KAAA;EACEa,MAAG;AAAA,GACA;EAEH5B,CAAA;EACA2B,CAAA;EAAYZ,KACV,KAAO;EACTa,MAAA;EACAd,UAAA,EAAY;IACVC,KAAA,EAAO;EACT;EACFC,UAAA;IACAD,KAAA;EACE;AAAG,GACA;EAEHf,CAAA;EACA2B,CAAA;EAAYZ,KACV;EACFa,MAAA;EACAd,UAAA,EAAY;IACVC,KAAA,EAAO;EACT;EACFC,UAAA;IACFD,KAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsDemo_exports","__export","AnimationsDemo","positions","module","exports","import_jsx_runtime","require","import_logo","import_lucide_icons","import_tamagui","props","positionI","setPositionI","useControllableState","strategy","prop","position","defaultProp","onPress","useEvent","x","length","_props_animation","jsxs","Fragment","children","jsx","Square","animation","animateOnly","size","borderColor","borderWidth","rounded","bg","hoverStyle","scale","pressStyle","LogoIcon","downscale","Button","b","l","icon","Play","theme","tint","circular","y","rotate"],"sources":["../../src/AnimationsDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAyB,CAAAK,sBACzB;AAGO,IAAAM,kBAAS,GAAeC,OAAO;EAAAC,WAAA,GAAAD,OAAA;EAAAE,mBAAA,GAAAF,OAAA;EAAAG,cAAA,GAAAH,OAAA;AACpC,SAAOL,cAAWA,CAAAS,KAAA;EAAqC,IACrD,CAAAC,SAAU,EAAAC,YAAA,QAAAH,cAAA,CAAAI,oBAAA;MACVC,QAAM,oBAAM;MACZC,IAAA,EAAAL,KAAA,CAAAM,QAAa;MACdC,WACK,EAAW;IAEf;IAAAD,QAAA,GAAad,SACH,CAAAS,SAAS;IAAAO,OAAU,IAC5B,GAAAT,cAAA,CAAAU,QAAA;MACFP,YAAA,WAAAQ,CAAA;QAED,OACE,CAAAA,CAAA,QAAAlB,SAAA,CAAAmB,MAAA;MACE;IAAA;IAACC,gBAAA;EAAA,0BAAAjB,kBAAA,CAAAkB,IAAA,EAAAlB,kBAAA,CAAAmB,QAAA;IAAAC,QACC,GAA8B,eAChB,IAAApB,kBAAW,CAAAqB,GAAA,EAAAjB,cAAA,CAAAkB,MAAA;MACzBC,SAAA,GAAAN,gBAAA,GAAAZ,KAAA,CAAAkB,SAAA,cAAAN,gBAAA,cAAAA,gBAAA;MACAO,WAAM,GACN,WAAY,CACZ;MACAX,OAAA;MACAY,IAAG;MACHC,WAAA,EAAY;MAAAC,WACH;MACTC,OAAA;MACAC,EAAA,WAAY;MAAAC,UACH;QACTC,KAAA;MACC;MAEAC,UAAA;QAA6CD,KAAA;MAChD;MAEA,GAAApB,QAAA;MAACS,QAAA,EAAAf,KAAA,CAAAe,QAAA,uBAAApB,kBAAA,CAAAqB,GAAA,EAAAnB,WAAA,CAAA+B,QAAA;QAAAC,SAAA;MACC;IAAS,EACT,EAAG,eACA,IAAAlC,kBAAA,CAAAqB,GAAA,EAAAjB,cAAA,CAAA+B,MAAA;MACHxB,QAAM;MACNyB,CAAA;MACAC,CAAA;MACAC,IAAA,EAAAnC,mBAAQ,CAAAoC,IAAA;MACRC,KAAA,EAAAnC,KAAA,CAAAoC,IAAA;MAAAhB,IAAA;MACFiB,QAAA;MACF7B;IAEJ;EAGE;AAAA;AACK,IACHhB,SAAG;EAEHkB,CAAA;EACF4B,CAAA;EACAZ,KAAA;EACEa,MAAG;AAAA,GACA;EAEH7B,CAAA;EACA4B,CAAA;EAAYZ,KACV,KAAO;EACTa,MAAA;EACAd,UAAA,EAAY;IACVC,KAAA,EAAO;EACT;EACFC,UAAA;IACAD,KAAA;EACE;AAAG,GACA;EAEHhB,CAAA;EACA4B,CAAA;EAAYZ,KACV;EACFa,MAAA;EACAd,UAAA,EAAY;IACVC,KAAA,EAAO;EACT;EACFC,UAAA;IACFD,KAAA","ignoreList":[]}

package/dist/cjs/AnimationsEnterDemo.cjs

@@ -41,10 +41,11 @@ var import_react = __toESM(require("react"), 1),
   import_jsx_runtime = require("react/jsx-runtime");
 function AnimationsEnterDemo(props) {
   const ref = import_react.default.useRef(null),
-    [key, setKey] = import_react.default.useState(0);
-  return import_tamagui.isWeb && !(0, import_useOnIntersecting.useIsIntersecting)(ref, {
-    once: !0
-  }) ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    [key, setKey] = import_react.default.useState(0),
+    hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {
+      once: !0
+    });
+  return import_tamagui.isWeb && !hasIntersected ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
     ref
   }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
@@ -59,14 +60,14 @@ function AnimationsEnterDemo(props) {
       opacity: 1,
       scale: 1,
       y: 0,
-      backgroundColor: "$pink10",
-      borderRadius: "$9",
+      bg: "$pink10",
+      rounded: "$9",
       children: props.children ?? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
         downscale: 0.75
       })
     }, key), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
       size: "$3",
-      marginTop: "$4",
+      mt: "$4",
       onPress: () => setKey(Math.random()),
       children: "Re-mount"
     })]

package/dist/cjs/AnimationsEnterDemo.js

@@ -27,8 +27,8 @@ __export(AnimationsEnterDemo_exports, {
 module.exports = __toCommonJS(AnimationsEnterDemo_exports);
 var import_react = __toESM(require("react"), 1), import_logo = require("@tamagui/logo"), import_tamagui = require("tamagui"), import_useOnIntersecting = require("./useOnIntersecting"), import_jsx_runtime = require("react/jsx-runtime");
 function AnimationsEnterDemo(props) {
-  const ref = import_react.default.useRef(null), [key, setKey] = import_react.default.useState(0);
-  return import_tamagui.isWeb && !(0, import_useOnIntersecting.useIsIntersecting)(ref, { once: !0 }) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { ref }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  const ref = import_react.default.useRef(null), [key, setKey] = import_react.default.useState(0), hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, { once: !0 });
+  return import_tamagui.isWeb && !hasIntersected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { ref }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_tamagui.Square,
       {
@@ -43,13 +43,13 @@ function AnimationsEnterDemo(props) {
         opacity: 1,
         scale: 1,
         y: 0,
-        backgroundColor: "$pink10",
-        borderRadius: "$9",
+        bg: "$pink10",
+        rounded: "$9",
         children: props.children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: 0.75 })
       },
       key
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$3", marginTop: "$4", onPress: () => setKey(Math.random()), children: "Re-mount" })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$3", mt: "$4", onPress: () => setKey(Math.random()), children: "Re-mount" })
   ] });
 }
 //# sourceMappingURL=AnimationsEnterDemo.js.map

package/dist/cjs/AnimationsEnterDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/AnimationsEnterDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,8BAClB,cAAyB,0BAEzB,iBAA8C,oBAE9C,2BAAkC,gCAUrB;AARN,SAAS,oBAAoB,OAAY;AAC9C,QAAM,MAAM,aAAAA,QAAM,OAAoB,IAAI,GACpC,CAAC,KAAK,MAAM,IAAI,aAAAA,QAAM,SAAS,CAAC;AAEtC,SAAI,wBAGE,KAFmB,4CAAkB,KAAK,EAAE,MAAM,GAAK,CAAC,IAGnD,4CAAC,yBAAO,KAAU,IAK3B,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QAEC,YAAY;AAAA,UACV,OAAO;AAAA,UACP,GAAG;AAAA,UACH,SAAS;AAAA,QACX;AAAA,QACA,WAAU;AAAA,QACV,WAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,OAAO;AAAA,QACP,GAAG;AAAA,QACH,iBAAgB;AAAA,QAChB,cAAa;AAAA,QAEZ,gBAAM,YAAY,4CAAC,wBAAS,WAAW,MAAM;AAAA;AAAA,MAfzC;AAAA,IAgBP;AAAA,IAEA,4CAAC,yBAAO,MAAK,MAAK,WAAU,MAAK,SAAS,MAAM,OAAO,KAAK,OAAO,CAAC,GAAG,sBAEvE;AAAA,KACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,8BAClB,cAAyB,0BAEzB,iBAA8C,oBAE9C,2BAAkC,gCAQvB;AANJ,SAAS,oBAAoB,OAAY;AAC9C,QAAM,MAAM,aAAAA,QAAM,OAAoB,IAAI,GACpC,CAAC,KAAK,MAAM,IAAI,aAAAA,QAAM,SAAS,CAAC,GAChC,qBAAiB,4CAAkB,KAAK,EAAE,MAAM,GAAK,CAAC;AAE5D,SAAI,wBAAS,CAAC,iBACL,4CAAC,yBAAO,KAAU,IAIzB,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QAEC,YAAY;AAAA,UACV,OAAO;AAAA,UACP,GAAG;AAAA,UACH,SAAS;AAAA,QACX;AAAA,QACA,WAAU;AAAA,QACV,WAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,OAAO;AAAA,QACP,GAAG;AAAA,QACH,IAAG;AAAA,QACH,SAAQ;AAAA,QAEP,gBAAM,YAAY,4CAAC,wBAAS,WAAW,MAAM;AAAA;AAAA,MAfzC;AAAA,IAgBP;AAAA,IAEA,4CAAC,yBAAO,MAAK,MAAK,IAAG,MAAK,SAAS,MAAM,OAAO,KAAK,OAAO,CAAC,GAAG,sBAEhE;AAAA,KACF;AAEJ;",
   "names": ["React"]
 }

package/dist/cjs/AnimationsEnterDemo.native.js

@@ -43,15 +43,13 @@ var import_jsx_runtime = require("react/jsx-runtime"),
   import_useOnIntersecting = require("./useOnIntersecting.native.js");
 function AnimationsEnterDemo(props) {
   var ref = import_react.default.useRef(null),
-    [key, setKey] = import_react.default.useState(0);
-  if (import_tamagui.isWeb) {
-    var hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {
+    [key, setKey] = import_react.default.useState(0),
+    hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {
       once: !0
     });
-    if (!hasIntersected) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-      ref
-    });
-  }
+  if (import_tamagui.isWeb && !hasIntersected) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    ref
+  });
   var _props_children;
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
@@ -66,14 +64,14 @@ function AnimationsEnterDemo(props) {
       opacity: 1,
       scale: 1,
       y: 0,
-      backgroundColor: "$pink10",
-      borderRadius: "$9",
+      bg: "$pink10",
+      rounded: "$9",
       children: (_props_children = props.children) !== null && _props_children !== void 0 ? _props_children : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
         downscale: 0.75
       })
     }, key), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
       size: "$3",
-      marginTop: "$4",
+      mt: "$4",
       onPress: function () {
         return setKey(Math.random());
       },

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsEnterDemo_exports","__export","AnimationsEnterDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_logo","import_tamagui","import_useOnIntersecting","props","ref","default","useRef","key","setKey","useState","isWeb","hasIntersected","useIsIntersecting","once","jsx","YStack","_props_children","jsxs","Fragment","children","Square","enterStyle","scale","y","opacity","animation","elevation","size"],"sources":["../../src/AnimationsEnterDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,2BAClB;AAMO,IAAAK,kBAAS,GAAAC,OAAoB,oBAAY;EAAAC,YAAA,GAAAC,OAAA,CAAAF,OAAA;EAAAG,WAAA,GAAAH,OAAA;EAAAI,cAAA,GAAAJ,OAAA;EAAAK,wBAAA,GAAAL,OAAA;AAC9C,SAAMJ,mBAAMA,CAAAU,KAAA,EAAM;EAGlB,IAAAC,GAAI,GAAAN,YAAA,CAAAO,OAAA,CAGEC,MAFmB;IAAA,CAAAC,GAAA,EAAAC,MAAA,IAAAV,YAAA,CAAAO,OAAkB,CAAAI,QAAO,GAAM;EASpD,IAAAR,cAAA,CAAAS,KAAA;IAAA,IAACC,cAAA,OAAAT,wBAAA,CAAAU,iBAAA,EAAAR,GAAA;MAAAS,IAAA;IAAA;IAEa,KAAAF,cACH,SACJ,mBAAAf,kBAAA,CAAAkB,GAAA,EAAAb,cAAA,CAAAc,MAAA;MAAAX;IACM,EACX;EAAA;EACU,IAAAY,eACA;EAAA,OACV,eAAM,IAAApB,kBAAA,CAAAqB,IAAA,EAAArB,kBAAA,CAAAsB,QAAA;IAAAC,QACN,GAAS,eACF,IAAAvB,kBAAA,CAAAkB,GAAA,EAAAb,cAAA,CAAAmB,MAAA;MACPC,UAAG;QACHC,KAAA;QACAC,CAAA;QAECC,OAAA;MAA6C;MAfzCC,SAAA;MAgBPC,SAAA;MAEAC,IAAA;MAGFH,OAAA;MAEJF,KAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsEnterDemo_exports","__export","AnimationsEnterDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_logo","import_tamagui","import_useOnIntersecting","props","ref","default","useRef","key","setKey","useState","hasIntersected","useIsIntersecting","once","isWeb","jsx","YStack","_props_children","jsxs","Fragment","children","Square","enterStyle","scale","y","opacity","animation","elevation","size","bg","rounded"],"sources":["../../src/AnimationsEnterDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,2BAClB;AAMO,IAAAK,kBAAS,GAAAC,OAAoB,oBAAY;EAAAC,YAAA,GAAAC,OAAA,CAAAF,OAAA;EAAAG,WAAA,GAAAH,OAAA;EAAAI,cAAA,GAAAJ,OAAA;EAAAK,wBAAA,GAAAL,OAAA;AAC9C,SAAMJ,mBAAMA,CAAAU,KAAA,EAAM;EAIlB,IAAAC,GAAI,GAAAN,YAAA,CAAAO,OAAA,CAASC,MAAC;IAAA,CAAAC,GACL,EAAAC,MAAA,IAAAV,YAAA,CAAAO,OAAA,CAAAI,QAAA,GAAC;IAAAC,cAAA,OAAAR,wBAIR,CAAAS,iBAAA,EAAAP,GAAA;MACEQ,IAAA;IAAA;EAAC,IAAAX,cAAA,CAAAY,KAAA,KAAAH,cAAA,SAEC,eAAY,IAAAd,kBAAA,CAAAkB,GAAA,EAAAb,cAAA,CAAAc,MAAA;IAAAX;EACH;EACJ,IAAAY,eACM;EAAA,OACX,mBAAApB,kBAAA,CAAAqB,IAAA,EAAArB,kBAAA,CAAAsB,QAAA;IAAAC,QACA,GAAU,eACA,IAAAvB,kBAAA,CAAAkB,GAAA,EAAAb,cAAA,CAAAmB,MAAA;MACVC,UAAM;QACNC,KAAA,EAAS;QACTC,CAAA,KAAO;QACPC,OAAG;MACH;MACAC,SAAQ;MAEPC,SAAA;MAA6CC,IAAA;MAfzCH,OAAA;MAgBPF,KAAA;MAEAC,CAAA;MAGFK,EAAA;MAEJC,OAAA","ignoreList":[]}

package/dist/cjs/AnimationsHoverDemo.cjs

@@ -31,9 +31,9 @@ function AnimationsHoverDemo() {
     borderColor: "$borderColor",
     animation: "bouncy",
     elevation: "$4",
-    backgroundColor: "$color9",
+    bg: "$color9",
     size: 104,
-    borderRadius: "$9",
+    rounded: "$9",
     hoverStyle: {
       scale: 1.2
     },

package/dist/cjs/AnimationsHoverDemo.js

@@ -25,9 +25,9 @@ function AnimationsHoverDemo() {
       borderColor: "$borderColor",
       animation: "bouncy",
       elevation: "$4",
-      backgroundColor: "$color9",
+      bg: "$color9",
       size: 104,
-      borderRadius: "$9",
+      rounded: "$9",
       hoverStyle: {
         scale: 1.2
       },

package/dist/cjs/AnimationsHoverDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/AnimationsHoverDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAyB,0BACzB,iBAAuB,oBAkBjB;AAhBC,SAAS,sBAAsB;AACpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAY;AAAA,MACZ,WAAU;AAAA,MACV,WAAU;AAAA,MACV,iBAAgB;AAAA,MAChB,MAAM;AAAA,MACN,cAAa;AAAA,MACb,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MAEA,sDAAC,wBAAS,WAAW,MAAM;AAAA;AAAA,EAC7B;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAyB,0BACzB,iBAAuB,oBAkBjB;AAhBC,SAAS,sBAAsB;AACpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAY;AAAA,MACZ,WAAU;AAAA,MACV,WAAU;AAAA,MACV,IAAG;AAAA,MACH,MAAM;AAAA,MACN,SAAQ;AAAA,MACR,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MAEA,sDAAC,wBAAS,WAAW,MAAM;AAAA;AAAA,EAC7B;AAEJ;",
   "names": []
 }

package/dist/cjs/AnimationsHoverDemo.native.js

@@ -33,9 +33,9 @@ function AnimationsHoverDemo() {
     borderColor: "$borderColor",
     animation: "bouncy",
     elevation: "$4",
-    backgroundColor: "$color9",
+    bg: "$color9",
     size: 104,
-    borderRadius: "$9",
+    rounded: "$9",
     hoverStyle: {
       scale: 1.2
     },

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsHoverDemo_exports","__export","AnimationsHoverDemo","module","exports","import_jsx_runtime","require","import_logo","import_tamagui","jsx","Square","borderColor","animation","elevation","backgroundColor","size","borderRadius","hoverStyle","scale","pressStyle","children","LogoIcon","downscale"],"sources":["../../src/AnimationsHoverDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAyB,CAAAK,2BACzB;AAEO,IAAAK,kBAAS,GAAAC,OAAsB;EAAAC,WAAA,GAAAD,OAAA;EAAAE,cAAA,GAAAF,OAAA;AACpC,SACEJ,oBAAA;EAAA,OAAC,mBAAAG,kBAAA,CAAAI,GAAA,EAAAD,cAAA,CAAAE,MAAA;IAAAC,WAAA;IAAAC,SACC,UAAY;IAAAC,SACZ,MAAU;IAAAC,eACA;IAAAC,IACV;IAAgBC,YACV;IAAAC,UACN;MACAC,KAAA;IAAY;IACHC,UACT;MACAD,KAAA;IAAY;IACHE,QACT,qBAAAf,kBAAA,CAAAI,GAAA,EAAAF,WAAA,CAAAc,QAAA;MAEAC,SAAA;IAA2B;EAC7B;AAEJ","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsHoverDemo_exports","__export","AnimationsHoverDemo","module","exports","import_jsx_runtime","require","import_logo","import_tamagui","jsx","Square","borderColor","animation","elevation","bg","size","rounded","hoverStyle","scale","pressStyle","children","LogoIcon","downscale"],"sources":["../../src/AnimationsHoverDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAyB,CAAAK,2BACzB;AAEO,IAAAK,kBAAS,GAAAC,OAAsB;EAAAC,WAAA,GAAAD,OAAA;EAAAE,cAAA,GAAAF,OAAA;AACpC,SACEJ,oBAAA;EAAA,OAAC,mBAAAG,kBAAA,CAAAI,GAAA,EAAAD,cAAA,CAAAE,MAAA;IAAAC,WAAA;IAAAC,SACC,UAAY;IAAAC,SACZ,MAAU;IAAAC,EACV,WAAU;IAAAC,IACV,EAAG;IAAAC,OACH,EAAM;IAAAC,UACN,EAAQ;MACRC,KAAA;IAAY;IACHC,UACT;MACAD,KAAA;IAAY;IACHE,QACT,qBAAAf,kBAAA,CAAAI,GAAA,EAAAF,WAAA,CAAAc,QAAA;MAEAC,SAAA;IAA2B;EAC7B;AAEJ","ignoreList":[]}

package/dist/cjs/AnimationsPresenceDemo.cjs

@@ -45,7 +45,7 @@ var import_react = __toESM(require("react"), 1),
   import_jsx_runtime = require("react/jsx-runtime");
 const images = [import_photo1.default, import_photo2.default, import_photo3.default].map(x => x.src || x),
   GalleryItem = (0, import_tamagui.styled)(import_tamagui.YStack, {
-    zIndex: 1,
+    z: 1,
     x: 0,
     opacity: 1,
     fullscreen: !0,
@@ -78,11 +78,11 @@ function AnimationsPresenceDemo() {
     };
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
     overflow: "hidden",
-    backgroundColor: "#000",
+    bg: "#000",
     position: "relative",
     height: 300,
     width: "100%",
-    alignItems: "center",
+    items: "center",
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {
       initial: !1,
       custom: {
@@ -104,21 +104,21 @@ function AnimationsPresenceDemo() {
       icon: import_lucide_icons.ArrowLeft,
       size: "$5",
       position: "absolute",
-      left: "$4",
+      l: "$4",
       circular: !0,
       elevate: !0,
       onPress: () => paginate(-1),
-      zIndex: 100
+      z: 100
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
       "aria-label": "Carousel right",
       icon: import_lucide_icons.ArrowRight,
       size: "$5",
       position: "absolute",
-      right: "$4",
+      r: "$4",
       circular: !0,
       elevate: !0,
       onPress: () => paginate(1),
-      zIndex: 100
+      z: 100
     })]
   });
 }