@tamagui/demos 1.125.34 → 1.126.0

package/dist/esm/TabsDemo.native.js

@@ -23,7 +23,7 @@ function TabsDemo() {
         position: "absolute",
         bottom: "$3",
         left: "$4",
-        $xxs: {
+        $maxXs: {
           display: "none"
         },
         children: /* @__PURE__ */_jsx(Button, {
@@ -44,6 +44,9 @@ var HorizontalTabs = function () {
       defaultValue: "tab1",
       orientation: "horizontal",
       flexDirection: "column",
+      $maxMd: {
+        width: 300
+      },
       width: 400,
       height: 150,
       borderRadius: "$4",
@@ -64,7 +67,8 @@ var HorizontalTabs = function () {
           value: "tab1",
           children: /* @__PURE__ */_jsx(SizableText, {
             fontFamily: "$body",
-            children: "Profile ne"
+            textAlign: "center",
+            children: "Profile"
           })
         }), /* @__PURE__ */_jsx(Tabs.Tab, {
           focusStyle: {
@@ -74,6 +78,7 @@ var HorizontalTabs = function () {
           value: "tab2",
           children: /* @__PURE__ */_jsx(SizableText, {
             fontFamily: "$body",
+            textAlign: "center",
             children: "Connections"
           })
         }), /* @__PURE__ */_jsx(Tabs.Tab, {
@@ -84,6 +89,7 @@ var HorizontalTabs = function () {
           value: "tab3",
           children: /* @__PURE__ */_jsx(SizableText, {
             fontFamily: "$body",
+            textAlign: "center",
             children: "Notifications"
           })
         })]

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","Button","H5","Separator","SizableText","Tabs","XStack","YStack","isWeb","demos","demosTitle","horizontal","vertical","TabsDemo","demoIndex","setDemoIndex","useState","demo","paddingHorizontal","position","children","HorizontalTabs","VerticalTabs","alignItems","space","bottom","left","$xxs","display","size","onPress","x","length","defaultValue","orientation","flexDirection","width","height","borderRadius","borderWidth","overflow","borderColor","List","separator","disablePassBorderRadius","Tab","focusStyle","backgroundColor","flex","value","fontFamily","TabsContent"],"sources":["../../src/TabsDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","Button","H5","Separator","SizableText","Tabs","XStack","YStack","isWeb","demos","demosTitle","horizontal","vertical","TabsDemo","demoIndex","setDemoIndex","useState","demo","paddingHorizontal","position","children","HorizontalTabs","VerticalTabs","alignItems","space","bottom","left","$maxXs","display","size","onPress","x","length","defaultValue","orientation","flexDirection","$maxMd","width","height","borderRadius","borderWidth","overflow","borderColor","List","separator","disablePassBorderRadius","Tab","focusStyle","backgroundColor","flex","value","fontFamily","textAlign","TabsContent"],"sources":["../../src/TabsDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/TabsHeadlessDemo.js

@@ -0,0 +1,108 @@
+import { useState } from "react";
+import {
+  Button,
+  SizableStack,
+  ThemeableStack,
+  XStack,
+  YStack,
+  isWeb,
+  styled
+} from "tamagui";
+import { createTabs } from "@tamagui/tabs";
+import { getButtonSized } from "@tamagui/get-button-sized";
+import { jsx, jsxs } from "react/jsx-runtime";
+const demos = ["horizontal", "vertical"], TabsFrame = styled(SizableStack, {
+  name: "TabsFrame"
+}), TabFrame = styled(ThemeableStack, {
+  name: "TabsTrigger",
+  tag: "button",
+  cursor: "pointer",
+  variants: {
+    size: {
+      "...size": getButtonSized
+    },
+    disabled: {
+      true: {
+        pointerEvents: "none"
+      }
+    },
+    active: {
+      true: {
+        hoverStyle: {
+          backgroundColor: "$background"
+        },
+        focusStyle: {
+          backgroundColor: "$background"
+        }
+      }
+    }
+  }
+}), CONTENT_NAME = "TabsContent", ContentFrame = styled(ThemeableStack, {
+  name: CONTENT_NAME,
+  flex: 1,
+  padding: "$6",
+  justifyContent: "center",
+  alignItems: "center",
+  backgroundColor: "$color4",
+  borderRadius: "$4"
+}), CustomTabs = createTabs({
+  TabsFrame,
+  TabFrame,
+  ContentFrame
+});
+function TabsHeadlessDemo() {
+  const [demo, setDemo] = useState(demos[0]);
+  return (
+    // web only fix for position relative
+    /* @__PURE__ */ jsxs(
+      YStack,
+      {
+        paddingHorizontal: "$4",
+        ...isWeb && {
+          position: "unset"
+        },
+        children: [
+          /* @__PURE__ */ jsx(TabsView, { flexDirection: demo === "horizontal" ? "row" : "column" }),
+          /* @__PURE__ */ jsx(
+            XStack,
+            {
+              alignItems: "center",
+              space: !0,
+              position: "absolute",
+              bottom: "$3",
+              left: "$4",
+              $xxs: { display: "none" },
+              children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "$2",
+                  onPress: () => setDemo(demo === "horizontal" ? "vertical" : "horizontal"),
+                  children: /* @__PURE__ */ jsx(Button.Text, { textTransform: "capitalize", children: demo })
+                }
+              )
+            }
+          )
+        ]
+      }
+    )
+  );
+}
+const content = ["Home", "Profile", "Settings"], TabsView = ({ flexDirection = "row" }) => /* @__PURE__ */ jsxs(
+  CustomTabs,
+  {
+    flexDirection: flexDirection === "column" ? "row" : "column",
+    defaultValue: content[0],
+    children: [
+      /* @__PURE__ */ jsx(CustomTabs.List, { flexDirection, children: content.map((name, index) => /* @__PURE__ */ jsx(CustomTabs.Tab, { value: name, children: name }, index)) }),
+      content.map((name, index) => /* @__PURE__ */ jsx(CustomTabs.Content, { value: name, children: name }, index))
+    ]
+  }
+);
+export {
+  ContentFrame,
+  CustomTabs,
+  TabFrame,
+  TabsFrame,
+  TabsHeadlessDemo
+};
+//# sourceMappingURL=TabsHeadlessDemo.js.map

package/dist/esm/TabsHeadlessDemo.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/TabsHeadlessDemo.tsx"],
+  "mappings": "AAAA,SAAgB,gBAAgB;AAEhC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AA4D3B,SAME,KANF;AA1DJ,MAAM,QAAQ,CAAC,cAAc,UAAU,GAE1B,YAAY,OAAO,cAAc;AAAA,EAC5C,MAAM;AACR,CAAC,GAEY,WAAW,OAAO,gBAAgB;AAAA,EAC7C,MAAM;AAAA,EACN,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAEK,eAAe,eAER,eAAe,OAAO,gBAAgB;AAAA,EACjD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,cAAc;AAChB,CAAC,GAEY,aAAa,WAAW;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAEM,SAAS,mBAAmB;AACjC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAiC,MAAM,CAAC,CAAC;AAEjE;AAAA;AAAA,IAEE;AAAA,MAAC;AAAA;AAAA,QACC,mBAAkB;AAAA,QACjB,GAAI,SAAS;AAAA,UACZ,UAAU;AAAA,QACZ;AAAA,QAEA;AAAA,8BAAC,YAAS,eAAe,SAAS,eAAe,QAAQ,UAAU;AAAA,UAEnE;AAAA,YAAC;AAAA;AAAA,cACC,YAAW;AAAA,cACX,OAAK;AAAA,cACL,UAAS;AAAA,cACT,QAAO;AAAA,cACP,MAAK;AAAA,cACL,MAAM,EAAE,SAAS,OAAO;AAAA,cAExB;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAS,MAAM,QAAQ,SAAS,eAAe,aAAa,YAAY;AAAA,kBAExE,8BAAC,OAAO,MAAP,EAAY,eAAc,cAAc,gBAAK;AAAA;AAAA,cAChD;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF;AAAA;AAEJ;AAEA,MAAM,UAAU,CAAC,QAAQ,WAAW,UAAU,GAExC,WAAW,CAAC,EAAE,gBAAgB,MAAM,MAEtC;AAAA,EAAC;AAAA;AAAA,IACC,eAAe,kBAAkB,WAAW,QAAQ;AAAA,IACpD,cAAc,QAAQ,CAAC;AAAA,IAEvB;AAAA,0BAAC,WAAW,MAAX,EAAgB,eACd,kBAAQ,IAAI,CAAC,MAAM,UAClB,oBAAC,WAAW,KAAX,EAA2B,OAAO,MAChC,kBADkB,KAErB,CACD,GACH;AAAA,MACC,QAAQ,IAAI,CAAC,MAAM,UAClB,oBAAC,WAAW,SAAX,EAA+B,OAAO,MACpC,kBADsB,KAEzB,CACD;AAAA;AAAA;AACH;",
+  "names": []
+}

package/dist/esm/TabsHeadlessDemo.mjs

@@ -0,0 +1,101 @@
+import { useState } from "react";
+import { Button, SizableStack, ThemeableStack, XStack, YStack, isWeb, styled } from "tamagui";
+import { createTabs } from "@tamagui/tabs";
+import { getButtonSized } from "@tamagui/get-button-sized";
+import { jsx, jsxs } from "react/jsx-runtime";
+const demos = ["horizontal", "vertical"],
+  TabsFrame = styled(SizableStack, {
+    name: "TabsFrame"
+  }),
+  TabFrame = styled(ThemeableStack, {
+    name: "TabsTrigger",
+    tag: "button",
+    cursor: "pointer",
+    variants: {
+      size: {
+        "...size": getButtonSized
+      },
+      disabled: {
+        true: {
+          pointerEvents: "none"
+        }
+      },
+      active: {
+        true: {
+          hoverStyle: {
+            backgroundColor: "$background"
+          },
+          focusStyle: {
+            backgroundColor: "$background"
+          }
+        }
+      }
+    }
+  }),
+  CONTENT_NAME = "TabsContent",
+  ContentFrame = styled(ThemeableStack, {
+    name: CONTENT_NAME,
+    flex: 1,
+    padding: "$6",
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "$color4",
+    borderRadius: "$4"
+  }),
+  CustomTabs = createTabs({
+    TabsFrame,
+    TabFrame,
+    ContentFrame
+  });
+function TabsHeadlessDemo() {
+  const [demo, setDemo] = useState(demos[0]);
+  return (
+    // web only fix for position relative
+    /* @__PURE__ */
+    jsxs(YStack, {
+      paddingHorizontal: "$4",
+      ...(isWeb && {
+        position: "unset"
+      }),
+      children: [/* @__PURE__ */jsx(TabsView, {
+        flexDirection: demo === "horizontal" ? "row" : "column"
+      }), /* @__PURE__ */jsx(XStack, {
+        alignItems: "center",
+        space: !0,
+        position: "absolute",
+        bottom: "$3",
+        left: "$4",
+        $xxs: {
+          display: "none"
+        },
+        children: /* @__PURE__ */jsx(Button, {
+          size: "$2",
+          onPress: () => setDemo(demo === "horizontal" ? "vertical" : "horizontal"),
+          children: /* @__PURE__ */jsx(Button.Text, {
+            textTransform: "capitalize",
+            children: demo
+          })
+        })
+      })]
+    })
+  );
+}
+const content = ["Home", "Profile", "Settings"],
+  TabsView = ({
+    flexDirection = "row"
+  }) => /* @__PURE__ */jsxs(CustomTabs, {
+    flexDirection: flexDirection === "column" ? "row" : "column",
+    defaultValue: content[0],
+    children: [/* @__PURE__ */jsx(CustomTabs.List, {
+      flexDirection,
+      children: content.map((name, index) => /* @__PURE__ */jsx(CustomTabs.Tab, {
+        value: name,
+        children: name
+      }, index))
+    }), content.map((name, index) => /* @__PURE__ */jsx(CustomTabs.Content, {
+      value: name,
+      children: name
+    }, index))]
+  });
+export { ContentFrame, CustomTabs, TabFrame, TabsFrame, TabsHeadlessDemo };
+//# sourceMappingURL=TabsHeadlessDemo.mjs.map

package/dist/esm/TabsHeadlessDemo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","Button","SizableStack","ThemeableStack","XStack","YStack","isWeb","styled","createTabs","getButtonSized","jsx","jsxs","demos","TabsFrame","name","TabFrame","tag","cursor","variants","size","disabled","true","pointerEvents","active","hoverStyle","backgroundColor","focusStyle","CONTENT_NAME","ContentFrame","flex","padding","justifyContent","alignItems","borderRadius","CustomTabs","TabsHeadlessDemo","demo","setDemo","paddingHorizontal","position","children","TabsView","flexDirection","space","bottom","left","$xxs","display","onPress","Text","textTransform","content","defaultValue","List","map","index","Tab","value","Content"],"sources":["../../src/TabsHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/TabsHeadlessDemo.native.js

@@ -0,0 +1,110 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button, SizableStack, ThemeableStack, XStack, YStack, isWeb, styled } from "tamagui";
+import { createTabs } from "@tamagui/tabs";
+import { getButtonSized } from "@tamagui/get-button-sized";
+var demos = ["horizontal", "vertical"],
+  TabsFrame = styled(SizableStack, {
+    name: "TabsFrame"
+  }),
+  TabFrame = styled(ThemeableStack, {
+    name: "TabsTrigger",
+    tag: "button",
+    cursor: "pointer",
+    variants: {
+      size: {
+        "...size": getButtonSized
+      },
+      disabled: {
+        true: {
+          pointerEvents: "none"
+        }
+      },
+      active: {
+        true: {
+          hoverStyle: {
+            backgroundColor: "$background"
+          },
+          focusStyle: {
+            backgroundColor: "$background"
+          }
+        }
+      }
+    }
+  }),
+  CONTENT_NAME = "TabsContent",
+  ContentFrame = styled(ThemeableStack, {
+    name: CONTENT_NAME,
+    flex: 1,
+    padding: "$6",
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "$color4",
+    borderRadius: "$4"
+  }),
+  CustomTabs = createTabs({
+    TabsFrame,
+    TabFrame,
+    ContentFrame
+  });
+function TabsHeadlessDemo() {
+  var [demo, setDemo] = useState(demos[0]);
+  return (
+    // web only fix for position relative
+    /* @__PURE__ */
+    _jsxs(YStack, {
+      paddingHorizontal: "$4",
+      ...(isWeb && {
+        position: "unset"
+      }),
+      children: [/* @__PURE__ */_jsx(TabsView, {
+        flexDirection: demo === "horizontal" ? "row" : "column"
+      }), /* @__PURE__ */_jsx(XStack, {
+        alignItems: "center",
+        space: !0,
+        position: "absolute",
+        bottom: "$3",
+        left: "$4",
+        $xxs: {
+          display: "none"
+        },
+        children: /* @__PURE__ */_jsx(Button, {
+          size: "$2",
+          onPress: function () {
+            return setDemo(demo === "horizontal" ? "vertical" : "horizontal");
+          },
+          children: /* @__PURE__ */_jsx(Button.Text, {
+            textTransform: "capitalize",
+            children: demo
+          })
+        })
+      })]
+    })
+  );
+}
+var content = ["Home", "Profile", "Settings"],
+  TabsView = function (param) {
+    var {
+      flexDirection = "row"
+    } = param;
+    return /* @__PURE__ */_jsxs(CustomTabs, {
+      flexDirection: flexDirection === "column" ? "row" : "column",
+      defaultValue: content[0],
+      children: [/* @__PURE__ */_jsx(CustomTabs.List, {
+        flexDirection,
+        children: content.map(function (name, index) {
+          return /* @__PURE__ */_jsx(CustomTabs.Tab, {
+            value: name,
+            children: name
+          }, index);
+        })
+      }), content.map(function (name, index) {
+        return /* @__PURE__ */_jsx(CustomTabs.Content, {
+          value: name,
+          children: name
+        }, index);
+      })]
+    });
+  };
+export { ContentFrame, CustomTabs, TabFrame, TabsFrame, TabsHeadlessDemo };
+//# sourceMappingURL=TabsHeadlessDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useState","Button","SizableStack","ThemeableStack","XStack","YStack","isWeb","styled","createTabs","getButtonSized","demos","TabsFrame","name","TabFrame","tag","cursor","variants","size","disabled","true","pointerEvents","active","hoverStyle","backgroundColor","focusStyle","CONTENT_NAME","ContentFrame","flex","padding","justifyContent","alignItems","borderRadius","CustomTabs","TabsHeadlessDemo","demo","setDemo","paddingHorizontal","position","children","TabsView","flexDirection","space","bottom","left","$xxs","display","onPress","Text","textTransform","content","param","defaultValue","List","map","index","Tab","value"],"sources":["../../src/TabsHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAgBA,GAAA,IAAAC,IAAA,EAAAC,IAAgB,IAAAC,KAAA;AAEhC,SAAAC,QAAA;AAAA,SACEC,MAAA,EAAAC,YAAA,EAAAC,cAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,MAAA;AAAA,SACAC,UAAA;AAAA,SACAC,cAAA;AAAA,IACAC,KAAA,IACA,cACA;EACAC,SAAA,GAAAJ,MAAA,CAAAL,YAAA;IAAAU,IAAA,EACK;EACP;EAAAC,QAAS,GAAAN,MAAA,CAAAJ,cAAkB;IAC3BS,IAAA,eAAS;IA4DLE,GAAA;IA1DJC,MAAM,WAAS;IAGbC,QAAM;MAGKC,IAAA;QACX,SAAM,EAAAR;MACN;MACAS,QAAQ;QACRC,IAAA,EAAU;UACRC,aAAM;QACJ;MACF;MAEAC,MAAA;QACEF,IAAA,EAAM;UACJG,UAAA;YACFC,eAAA;UACF;UAEAC,UAAQ;YACND,eAAM;UACJ;QAAY;MACO;IACnB;EAEY;EAAAE,YACV,gBAAiB;EAAAC,YAAA,GAAAnB,MAAA,CAAAJ,cAAA;IAAAS,IAAA,EACnBa,YAAA;IAAAE,IACF;IAAAC,OACF;IACFC,cAAA;IACDC,UAEK,UAAe;IAGnBP,eAAM;IACNQ,YAAM;EAAA,EACN;EAAAC,UAAS,GAAAxB,UAAA;IACTG,SAAA;IACAE,QAAA;IACAa;EAAiB,EACjB;AACF,SAEaO,gBAAaA,CAAA,EAAW;EACnC,KAAAC,IAAA,EAAAC,OAAA,IAAAnC,QAAA,CAAAU,KAAA;EACA;IACA;IACD;IAAAX,KAAA,CAAAM,MAAA;MAEM+B,iBAAS,MAAmB;MACjC,IAAO9B,KAAA,IAAM;QAEb+B,QAAA;MAAA;MAEEC,QAAA,GAAC,eAAAzC,IAAA,CAAA0C,QAAA;QAAAC,aAAA,EAAAN,IAAA;MACC,IACC,eAAarC,IAAA,CAAAO,MAAA;QACZ0B,UAAU;QACZW,KAAA;QAEAJ,QAAA;QAAAK,MAAA;QAEAC,IAAA;QAAAC,IAAC;UAAAC,OAAA;QAAA;QACYP,QACX,iBAAKzC,IAAA,CAAAI,MAAA;UAAAgB,IACL;UAAS6B,OACT,WAAAA,CAAA,EAAO;YACP,OAAKX,OAAA,CAAAD,IAAA;UAAA;UACmBI,QAExB,iBAAAzC,IAAA,CAAAI,MAAA,CAAA8C,IAAA;YAAAC,aAAC;YAAAV,QAAA,EAAAJ;UAAA;QACM;MACmE;IAE1B;EAAA;AAChD;AACF,IAAAe,OAAA,qBACF,aAEJ;EAAAV,QAAA,YAAAA,CAAAW,KAAA;IAEA,IAAM;MAAAV,aAAW;IAAQ,IAAAU,KAAW;IAI/B,sBAAAnD,KAAA,CAAAiC,UAAA;MAAAQ,aAAA,EAAAA,aAAA;MACCW,YAAA,EAAAF,OAAe;MACfX,QAAA,GAEA,eAAAzC,IAAA,CAAAmC,UAAA,CAAAoB,IAAA;QAAAZ,aAAA;QAOCF,QAAQ,EAAIW,OAAO,CAAAI,GAAA,WAClBzC,IAAA,EAAA0C,KAAA;UAGD,sBAAAzD,IAAA,CAAAmC,UAAA,CAAAuB,GAAA;YAAAC,KAAA,EAAA5C,IAAA;YACH0B,QAAA,EAAA1B","ignoreList":[]}

package/dist/esm/TooltipDemo.js

@@ -38,6 +38,7 @@ function Demo({ Icon, ...props }) {
         x: 0,
         y: 0,
         opacity: 1,
+        py: "$2",
         animation: [
           "quick",
           {

package/dist/esm/TooltipDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/TooltipDemo.tsx"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,QAAQ,WAAW,SAAS,cAAc,QAAQ,cAAc;AAMjE,SACE,KADF;AAJD,SAAS,cAAc;AAC5B,SACE,oBAAC,gBAAa,OAAO,EAAE,MAAM,KAAM,OAAO,IAAI,GAC5C,+BAAC,UAAO,KAAI,MAAK,WAAU,UACzB;AAAA,yBAAC,UAAO,KAAI,MACV;AAAA,0BAAC,QAAK,SAAQ,KAAI,WAAU,WAAU,MAAM,QAAQ;AAAA,MACpD,oBAAC,QAAK,SAAQ,KAAI,WAAU,OAAM,MAAM,WAAW;AAAA,MACnD,oBAAC,QAAK,SAAQ,KAAI,WAAU,aAAY,MAAM,QAAQ;AAAA,OACxD;AAAA,IACA,qBAAC,UAAO,KAAI,MACV;AAAA,0BAAC,QAAK,SAAQ,KAAI,WAAU,QAAO,MAAM,aAAa;AAAA,MACtD,oBAAC,UAAO,MAAM,GAAG;AAAA,MACjB,oBAAC,QAAK,SAAQ,KAAI,WAAU,SAAQ,MAAM,cAAc;AAAA,OAC1D;AAAA,IACA,qBAAC,UAAO,KAAI,MACV;AAAA,0BAAC,QAAK,SAAQ,KAAI,WAAU,cAAa,MAAM,QAAQ;AAAA,MACvD,oBAAC,QAAK,SAAQ,KAAI,WAAU,UAAS,MAAM,aAAa;AAAA,MACxD,oBAAC,QAAK,SAAQ,KAAI,WAAU,gBAAe,MAAM,QAAQ;AAAA,OAC3D;AAAA,KACF,GACF;AAEJ;AAEA,SAAS,KAAK,EAAE,MAAM,GAAG,MAAM,GAAkC;AAC/D,SACE,qBAAC,WAAS,GAAG,OACX;AAAA,wBAAC,QAAQ,SAAR,EACC,8BAAC,UAAO,MAAM,MAAM,UAAQ,IAAC,GAC/B;AAAA,IACA;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,IAAI;AAAA,QAClD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,IAAI;AAAA,QACjD,OAAO;AAAA,QACP,GAAG;AAAA,QACH,GAAG;AAAA,QACH,SAAS;AAAA,QACT,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAEA;AAAA,8BAAC,QAAQ,OAAR,EAAc;AAAA,UACf,oBAAC,aAAU,MAAK,MAAK,YAAW,MAAK,yBAErC;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,QAAQ,WAAW,SAAS,cAAc,QAAQ,cAAc;AAMjE,SACE,KADF;AAJD,SAAS,cAAc;AAC5B,SACE,oBAAC,gBAAa,OAAO,EAAE,MAAM,KAAM,OAAO,IAAI,GAC5C,+BAAC,UAAO,KAAI,MAAK,WAAU,UACzB;AAAA,yBAAC,UAAO,KAAI,MACV;AAAA,0BAAC,QAAK,SAAQ,KAAI,WAAU,WAAU,MAAM,QAAQ;AAAA,MACpD,oBAAC,QAAK,SAAQ,KAAI,WAAU,OAAM,MAAM,WAAW;AAAA,MACnD,oBAAC,QAAK,SAAQ,KAAI,WAAU,aAAY,MAAM,QAAQ;AAAA,OACxD;AAAA,IACA,qBAAC,UAAO,KAAI,MACV;AAAA,0BAAC,QAAK,SAAQ,KAAI,WAAU,QAAO,MAAM,aAAa;AAAA,MACtD,oBAAC,UAAO,MAAM,GAAG;AAAA,MACjB,oBAAC,QAAK,SAAQ,KAAI,WAAU,SAAQ,MAAM,cAAc;AAAA,OAC1D;AAAA,IACA,qBAAC,UAAO,KAAI,MACV;AAAA,0BAAC,QAAK,SAAQ,KAAI,WAAU,cAAa,MAAM,QAAQ;AAAA,MACvD,oBAAC,QAAK,SAAQ,KAAI,WAAU,UAAS,MAAM,aAAa;AAAA,MACxD,oBAAC,QAAK,SAAQ,KAAI,WAAU,gBAAe,MAAM,QAAQ;AAAA,OAC3D;AAAA,KACF,GACF;AAEJ;AAEA,SAAS,KAAK,EAAE,MAAM,GAAG,MAAM,GAAkC;AAC/D,SACE,qBAAC,WAAS,GAAG,OACX;AAAA,wBAAC,QAAQ,SAAR,EACC,8BAAC,UAAO,MAAM,MAAM,UAAQ,IAAC,GAC/B;AAAA,IACA;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,IAAI;AAAA,QAClD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,IAAI;AAAA,QACjD,OAAO;AAAA,QACP,GAAG;AAAA,QACH,GAAG;AAAA,QACH,SAAS;AAAA,QACT,IAAG;AAAA,QACH,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAEA;AAAA,8BAAC,QAAQ,OAAR,EAAc;AAAA,UACf,oBAAC,aAAU,MAAK,MAAK,YAAW,MAAK,yBAErC;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/esm/TooltipDemo.mjs

@@ -85,6 +85,7 @@ function Demo({
       x: 0,
       y: 0,
       opacity: 1,
+      py: "$2",
       animation: ["quick", {
         opacity: {
           overshootClamping: !0

package/dist/esm/TooltipDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["ChevronDown","ChevronLeft","ChevronRight","ChevronUp","Circle","Button","Paragraph","Tooltip","TooltipGroup","XStack","YStack","jsx","jsxs","TooltipDemo","delay","open","close","children","gap","alignSelf","Demo","groupId","placement","Icon","flex","props","Trigger","icon","circular","Content","enterStyle","x","y","opacity","scale","exitStyle","animation","overshootClamping","Arrow","size","lineHeight"],"sources":["../../src/TooltipDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["ChevronDown","ChevronLeft","ChevronRight","ChevronUp","Circle","Button","Paragraph","Tooltip","TooltipGroup","XStack","YStack","jsx","jsxs","TooltipDemo","delay","open","close","children","gap","alignSelf","Demo","groupId","placement","Icon","flex","props","Trigger","icon","circular","Content","enterStyle","x","y","opacity","scale","exitStyle","py","animation","overshootClamping","Arrow","size","lineHeight"],"sources":["../../src/TooltipDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/TooltipDemo.native.js

@@ -86,6 +86,7 @@ function Demo(param) {
       x: 0,
       y: 0,
       opacity: 1,
+      py: "$2",
       animation: ["quick", {
         opacity: {
           overshootClamping: !0

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","Circle","Button","Paragraph","Tooltip","TooltipGroup","XStack","YStack","TooltipDemo","delay","open","close","children","gap","alignSelf","Demo","groupId","placement","Icon","flex"],"sources":["../../src/TooltipDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAAA,SACEC,WAAA,EAAAC,WAAA,EAAAC,YAAA,EAAAC,SAAA,EAAAC,MAAA;AAAA,SACAC,MAAA,EAAAC,SAAA,EAAAC,OAAA,EAAAC,YAAA,EAAAC,MAAA,EAAAC,MAAA;AAAA,SACAC,YAAA;EACA,sBAAAd,IAAA,CAAAW,YAAA;IACAI,KAAA;MAAAC,IACK;MAEPC,KAAS;IAMD;IAJDC,QAAS,iBAAchB,KAAA,CAAAW,MAAA;MAC5BM,GACE;MAEIC,SAAA,UAAC;MACCF,QAAA,GACA,eAAAhB,KAAC,CAAAU,MAAK;QACNO,GAAA;QACFD,QAAA,GACA,eAAClB,IAAA,CAAAqB,IAAO;UACNC,OAAA,KAAC;UACDC,SAAA,WAAC;UACDC,IAAA,EAAAjB;QACF,IACA,eAACP,IAAA,CAAAqB,IAAO;UACNC,OAAA,KAAC;UACDC,SAAA,OAAC;UACDC,IAAA,EAAAlB;QACF,IAEJ,eAAAN,IAAA,CAAAqB,IAAA;UAEJC,OAAA;UAEcC,SAAQ,EAAG,WAAwC;UAE7DC,IAAA,EAAAjB;QACE;MAGC,mBAAAL,KAAA,CAAAU,MAAA;QACCO,GAAA;QACAD,QAAA,EAAW,CACX,eAAOlB,IAAA,CAAAqB,IAAA;UACJC,OAAA;UACAC,SAAA;UACHC,IAAS,EAAApB;QACT,IACE,eAAAJ,IAAA,CAAAa,MAAA;UACAY,IAAA;QACE,IAAS,eACPzB,IAAA,CAAmBqB,IAAA;UACrBC,OAAA;UACFC,SAAA;UACFC,IAAA,EAAAnB;QAEA;MAAe,EACf,EAEA,eAAAH,KAAA,CAAAU,MAAA;QAAAO,GAAA;QACFD,QAAA,GACF,eAAAlB,IAAA,CAAAqB,IAAA;UAEJC,OAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","Circle","Button","Paragraph","Tooltip","TooltipGroup","XStack","YStack","TooltipDemo","delay","open","close","children","gap","alignSelf","Demo","groupId","placement","Icon","flex"],"sources":["../../src/TooltipDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAAA,SACEC,WAAA,EAAAC,WAAA,EAAAC,YAAA,EAAAC,SAAA,EAAAC,MAAA;AAAA,SACAC,MAAA,EAAAC,SAAA,EAAAC,OAAA,EAAAC,YAAA,EAAAC,MAAA,EAAAC,MAAA;AAAA,SACAC,YAAA;EACA,sBAAAd,IAAA,CAAAW,YAAA;IACAI,KAAA;MAAAC,IACK;MAEPC,KAAS;IAMD;IAJDC,QAAS,iBAAchB,KAAA,CAAAW,MAAA;MAC5BM,GACE;MAEIC,SAAA,UAAC;MACCF,QAAA,GACA,eAAAhB,KAAC,CAAAU,MAAK;QACNO,GAAA;QACFD,QAAA,GACA,eAAClB,IAAA,CAAAqB,IAAO;UACNC,OAAA,KAAC;UACDC,SAAA,WAAC;UACDC,IAAA,EAAAjB;QACF,IACA,eAACP,IAAA,CAAAqB,IAAO;UACNC,OAAA,KAAC;UACDC,SAAA,OAAC;UACDC,IAAA,EAAAlB;QACF,IAEJ,eAAAN,IAAA,CAAAqB,IAAA;UAEJC,OAAA;UAEcC,SAAQ,EAAG,WAAwC;UAE7DC,IAAA,EAAAjB;QACE;MAGC,mBAAAL,KAAA,CAAAU,MAAA;QACCO,GAAA;QACAD,QAAA,EAAW,CACX,eAAOlB,IAAA,CAAAqB,IAAA;UACJC,OAAA;UACAC,SAAA;UACHC,IAAS,EAAApB;QACN,IACH,eAAWJ,IAAA,CAAAa,MAAA;UACTY,IAAA;QACA,IACE,eAASzB,IAAA,CAAAqB,IAAA;UACPC,OAAA;UACFC,SAAA;UACFC,IAAA,EAAAnB;QACF;MAEA,IAAe,eACfH,KAAA,CAACU,MAAA;QAEDO,GAAA;QAAAD,QAAA,GACF,eAAAlB,IAAA,CAAAqB,IAAA;UACFC,OAAA;UAEJC,SAAA","ignoreList":[]}

package/dist/esm/index.js

@@ -55,4 +55,5 @@ export * from "./TokensDemo";
 export * from "./TooltipDemo";
 export * from "./UpdateThemeDemo";
 export * from "./useOnIntersecting";
+export * from "./TabsHeadlessDemo";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/index.mjs

@@ -55,4 +55,5 @@ export * from "./TokensDemo.mjs";
 export * from "./TooltipDemo.mjs";
 export * from "./UpdateThemeDemo.mjs";
 export * from "./useOnIntersecting.mjs";
+export * from "./TabsHeadlessDemo.mjs";
 //# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/index.native.js

@@ -55,4 +55,5 @@ export * from "./TokensDemo.native.js";
 export * from "./TooltipDemo.native.js";
 export * from "./UpdateThemeDemo.native.js";
 export * from "./useOnIntersecting.native.js";
+export * from "./TabsHeadlessDemo.native.js";
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/demos",
-  "version": "1.125.34",
+  "version": "1.126.0",
   "sideEffects": [
     "*.css"
   ],
@@ -45,30 +45,30 @@
     }
   },
   "dependencies": {
-    "@tamagui/avatar": "1.125.34",
-    "@tamagui/button": "1.125.34",
-    "@tamagui/config": "1.125.34",
-    "@tamagui/core": "1.125.34",
-    "@tamagui/list-item": "1.125.34",
-    "@tamagui/logo": "1.125.34",
-    "@tamagui/lucide-icons": "1.125.34",
-    "@tamagui/menu": "1.125.34",
-    "@tamagui/popover": "1.125.34",
-    "@tamagui/progress": "1.125.34",
-    "@tamagui/radio-group": "1.125.34",
-    "@tamagui/select": "1.125.34",
-    "@tamagui/sheet": "1.125.34",
-    "@tamagui/slider": "1.125.34",
-    "@tamagui/stacks": "1.125.34",
-    "@tamagui/tamagui-dev-config": "1.125.34",
-    "@tamagui/toast": "1.125.34",
-    "tamagui": "1.125.34"
+    "@tamagui/avatar": "1.126.0",
+    "@tamagui/button": "1.126.0",
+    "@tamagui/config": "1.126.0",
+    "@tamagui/core": "1.126.0",
+    "@tamagui/list-item": "1.126.0",
+    "@tamagui/logo": "1.126.0",
+    "@tamagui/lucide-icons": "1.126.0",
+    "@tamagui/menu": "1.126.0",
+    "@tamagui/popover": "1.126.0",
+    "@tamagui/progress": "1.126.0",
+    "@tamagui/radio-group": "1.126.0",
+    "@tamagui/select": "1.126.0",
+    "@tamagui/sheet": "1.126.0",
+    "@tamagui/slider": "1.126.0",
+    "@tamagui/stacks": "1.126.0",
+    "@tamagui/tamagui-dev-config": "1.126.0",
+    "@tamagui/toast": "1.126.0",
+    "tamagui": "1.126.0"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.125.34",
+    "@tamagui/build": "1.126.0",
     "react": "*"
   },
   "publishConfig": {

package/src/CardDemo.tsx

@@ -3,7 +3,7 @@ import { Button, Card, H2, Image, Paragraph, XStack } from 'tamagui'
 
 export function CardDemo() {
   return (
-    <XStack $sm={{ flexDirection: 'column' }} paddingHorizontal="$4" space>
+    <XStack $maxMd={{ flexDirection: 'column' }} paddingHorizontal="$4" space>
       <DemoCard
         animation="bouncy"
         size="$4"

package/src/DialogDemo.tsx

@@ -32,7 +32,7 @@ function DialogInstance({ disableAdapt }: { disableAdapt?: boolean }) {
       </Dialog.Trigger>
 
       {!disableAdapt && (
-        <Adapt when="sm" platform="touch">
+        <Adapt when="maxMd" platform="touch">
           <Sheet animation="medium" zIndex={200000} modal dismissOnSnapToBottom>
             <Sheet.Frame padding="$4" gap="$4">
               <Adapt.Contents />

package/src/InputsDemo.tsx

@@ -7,7 +7,7 @@ export function InputsDemo() {
       width={200}
       minHeight={250}
       overflow="hidden"
-      space="$2"
+      gap="$2"
       margin="$3"
       padding="$2"
     >

package/src/LabelDemo.tsx

@@ -2,8 +2,8 @@ import { Input, Label, Switch, XStack, YStack } from 'tamagui'
 
 export function LabelDemo() {
   return (
-    <YStack padding="$3" minWidth={300} space="$4">
-      <XStack alignItems="center" space="$4">
+    <YStack $maxMd={{ width: '100%' }} minWidth={300} gap="$4">
+      <XStack alignItems="center" gap="$4">
         <Label width={90} htmlFor="name">
           Name
         </Label>