@tamagui/demos 1.88.12 → 1.88.14

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ToggleGroupDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAmD,kCACnD,iBAA+D,oBAMvD;AAJD,SAAS,kBAAkB;AAChC,SACE,4CAAC,yBAAO,mBAAkB,MACxB,uDAAC,yBAAO,YAAW,UAAS,OAAM,OAChC;AAAA,iDAAC,yBAAO,YAAW,UAAS,OAAM,MAChC;AAAA,kDAAC,wBAAqB,MAAK,UAAS,MAAK,MAAK,aAAY,cAAa;AAAA,MACvE,4CAAC,wBAAqB,MAAK,YAAW,MAAK,MAAK,aAAY,cAAa;AAAA,OAC3E;AAAA,IACA,6CAAC,yBAAO,YAAW,UAAS,OAAM,MAChC;AAAA,kDAAC,wBAAqB,MAAK,UAAS,MAAK,MAAK,aAAY,YAAW;AAAA,MACrE,4CAAC,wBAAqB,MAAK,YAAW,MAAK,MAAK,aAAY,YAAW;AAAA,OACzE;AAAA,KACF,GACF;AAEJ;AAEA,SAAS,qBAAqB,OAI3B;AACD,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC,IAAI,MAAM,IAAI;AACjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAe,MAAM,gBAAgB,eAAe,QAAQ;AAAA,MAC5D,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,OAAM;AAAA,MAEN;AAAA,oDAAC,wBAAM,cAAa,MAAK,gBAAe,YAAW,MAAM,MAAM,MAAM,SAAS,IAC3E,gBAAM,SAAS,WAAW,WAAW,YACxC;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,aAAa,MAAM;AAAA,YACnB;AAAA,YACA,MAAM,MAAM;AAAA,YACZ,MAAM,MAAM;AAAA,YACZ,qBAAqB,MAAM,SAAS,WAAW,KAAO;AAAA,YAEtD;AAAA,0DAAC,2BAAY,MAAZ,EAAiB,OAAM,QAAO,cAAW,gBACxC,sDAAC,iCAAU,GACb;AAAA,cACA,4CAAC,2BAAY,MAAZ,EAAiB,OAAM,UAAS,cAAW,kBAC1C,sDAAC,mCAAY,GACf;AAAA,cACA,4CAAC,2BAAY,MAAZ,EAAiB,OAAM,SAAQ,cAAW,iBACzC,sDAAC,kCAAW,GACd;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAmD,kCAEnD,iBAAmD,oBAM3C;AAJD,SAAS,kBAAkB;AAChC,SACE,4CAAC,yBAAO,mBAAkB,MACxB,uDAAC,yBAAO,YAAW,UAAS,OAAM,OAChC;AAAA,iDAAC,yBAAO,YAAW,UAAS,OAAM,MAChC;AAAA,kDAAC,wBAAqB,MAAK,UAAS,MAAK,MAAK,aAAY,cAAa;AAAA,MACvE,4CAAC,wBAAqB,MAAK,YAAW,MAAK,MAAK,aAAY,cAAa;AAAA,OAC3E;AAAA,IACA,6CAAC,yBAAO,YAAW,UAAS,OAAM,MAChC;AAAA,kDAAC,wBAAqB,MAAK,UAAS,MAAK,MAAK,aAAY,YAAW;AAAA,MACrE,4CAAC,wBAAqB,MAAK,YAAW,MAAK,MAAK,aAAY,YAAW;AAAA,OACzE;AAAA,KACF,GACF;AAEJ;AAEA,SAAS,qBAAqB,OAI3B;AACD,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC,IAAI,MAAM,IAAI;AACjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAe,MAAM,gBAAgB,eAAe,QAAQ;AAAA,MAC5D,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,OAAM;AAAA,MAEN;AAAA,oDAAC,wBAAM,cAAa,MAAK,gBAAe,YAAW,MAAM,MAAM,MAAM,SAAS,IAC3E,gBAAM,SAAS,WAAW,WAAW,YACxC;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,aAAa,MAAM;AAAA,YACnB;AAAA,YACA,MAAM,MAAM;AAAA,YACZ,MAAM,MAAM;AAAA,YACZ,qBAAqB,MAAM,SAAS,WAAW,KAAO;AAAA,YAEtD;AAAA,0DAAC,2BAAY,MAAZ,EAAiB,OAAM,QAAO,cAAW,gBACxC,sDAAC,iCAAU,GACb;AAAA,cACA,4CAAC,2BAAY,MAAZ,EAAiB,OAAM,UAAS,cAAW,kBAC1C,sDAAC,mCAAY,GACf;AAAA,cACA,4CAAC,2BAAY,MAAZ,EAAiB,OAAM,SAAQ,cAAW,iBACzC,sDAAC,kCAAW,GACd;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/dist/jsx/TokensDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/TokensDemo.tsx"],
-  "mappings": "AAAA,SAAiB,iBAAiB;AAClC,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,IAAI,WAAW,QAAQ,QAAQ,QAAQ,cAAc;AA2B1E,SAKU,KALV;AAvBJ,MAAM,WAA6C;AAAA,EACjD;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF;AAEO,SAAS,aAAa;AAC3B,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkB,MAAM;AAEtD,SACE,qBAAC,UAAO,OAAK,IACX;AAAA,wBAAC,UAAO,YAAW,UAAS,WAAU,UACnC,mBAAS,IAAI,CAAC,EAAE,MAAM,IAAI,MAEvB,oBAAC,OAAO,MAAP,EACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,YAAY,MAAM,WAAW;AAAA,QACpC,YAAW;AAAA,QACX,SAAS,MAAM,WAAW,GAAG;AAAA,QAE5B;AAAA;AAAA,IACH,KARgB,GASlB,CAEH,GACH;AAAA,KAEE,YAAY,UACZ,YAAY,mBACZ,YAAY,WACZ,YAAY,aAAa,oBAAC,eAAY,SAAkB;AAAA,KAC5D;AAEJ;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAyB;AACtD,QAAM,YAAY,UAAU,EAAE,QACxB,SAAS,UAAU,QAAQ,WAAW,OAAO,IAAI,UAAU,OAAO,GAClE,KAAK,OAAO,KAAK,MAAM,EAAE,KAAK,CAAC,GAAG,MAAO,WAAW,CAAC,IAAI,WAAW,CAAC,IAAI,IAAI,EAAG,GAChF,cAAc,GAAG,OAAO,CAAC,MAAM,WAAW,CAAC,KAAK,CAAC,GACjD,sBAAsB,GACzB,OAAO,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAC/B,KAAK,CAAC,GAAG,MAAO,WAAW,CAAC,IAAI,WAAW,CAAC,IAAI,KAAK,CAAE;AAE1D,SACE,qBAAC,UAAO,MAAM,GAAG,OAAK,IACpB;AAAA,wBAAC,MAAG,mBAAK;AAAA,IACT,oBAAC,UAAO,OAAM,QAAO,OAAM,MAAK,WAAW,oBAAC,aAAU,GAClD,uBAAY,kBAAkB,sBAAsB,aAAa;AAAA,MACjE,CAAC,UAEG,qBAAC,UAAO,OAAM,QAAO,YAAW,UAC9B;AAAA,4BAAC,UAAO,OAAM,OACZ,+BAAC,MAAG,MAAK,MAAK;AAAA;AAAA,UAAE;AAAA,WAAM,GACxB;AAAA,QACA,oBAAC,UAAO,OAAM,OACZ,+BAAC,MAAG,MAAK,MAAM;AAAA,iBAAO,KAAK,GAAG;AAAA,UAAI;AAAA,WAAE,GACtC;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,OAAO,KAAK,GAAG;AAAA,YACrB,iBAAgB;AAAA,YACf,GAAI,YAAY,mBAAmB;AAAA,cAClC,iBAAiB;AAAA,cACjB,MACE,CAAC,OACC,oBAAoB;AAAA,gBAClB,CAAC,MAAM,WAAW,CAAC,MAAM,CAAC,WAAW,KAAK;AAAA,cAC5C,KAAK,KACP,GAAG;AAAA,YACP;AAAA,YACC,GAAI,YAAY,YAAY;AAAA,cAC3B,MAAM,UAAU,KAAK,KAAK,GAAG;AAAA,cAC7B,cAAc,OAAO,KAAK,GAAG;AAAA,YAC/B;AAAA;AAAA,QACF;AAAA,WAvB4C,KAwB9C;AAAA,IAGN,GACF;AAAA,KACF;AAEJ;",
+  "mappings": "AACA,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,IAAI,WAAW,QAAQ,QAAQ,QAAQ,cAAc;AA2B1E,SAKU,KALV;AAvBJ,MAAM,WAA6C;AAAA,EACjD;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF;AAEO,SAAS,aAAa;AAC3B,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkB,MAAM;AAEtD,SACE,qBAAC,UAAO,OAAK,IACX;AAAA,wBAAC,UAAO,YAAW,UAAS,WAAU,UACnC,mBAAS,IAAI,CAAC,EAAE,MAAM,IAAI,MAEvB,oBAAC,OAAO,MAAP,EACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,YAAY,MAAM,WAAW;AAAA,QACpC,YAAW;AAAA,QACX,SAAS,MAAM,WAAW,GAAG;AAAA,QAE5B;AAAA;AAAA,IACH,KARgB,GASlB,CAEH,GACH;AAAA,KAEE,YAAY,UACZ,YAAY,mBACZ,YAAY,WACZ,YAAY,aAAa,oBAAC,eAAY,SAAkB;AAAA,KAC5D;AAEJ;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAyB;AACtD,QAAM,YAAY,UAAU,EAAE,QACxB,SAAS,UAAU,QAAQ,WAAW,OAAO,IAAI,UAAU,OAAO,GAClE,KAAK,OAAO,KAAK,MAAM,EAAE,KAAK,CAAC,GAAG,MAAO,WAAW,CAAC,IAAI,WAAW,CAAC,IAAI,IAAI,EAAG,GAChF,cAAc,GAAG,OAAO,CAAC,MAAM,WAAW,CAAC,KAAK,CAAC,GACjD,sBAAsB,GACzB,OAAO,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAC/B,KAAK,CAAC,GAAG,MAAO,WAAW,CAAC,IAAI,WAAW,CAAC,IAAI,KAAK,CAAE;AAE1D,SACE,qBAAC,UAAO,MAAM,GAAG,OAAK,IACpB;AAAA,wBAAC,MAAG,mBAAK;AAAA,IACT,oBAAC,UAAO,OAAM,QAAO,OAAM,MAAK,WAAW,oBAAC,aAAU,GAClD,uBAAY,kBAAkB,sBAAsB,aAAa;AAAA,MACjE,CAAC,UAEG,qBAAC,UAAO,OAAM,QAAO,YAAW,UAC9B;AAAA,4BAAC,UAAO,OAAM,OACZ,+BAAC,MAAG,MAAK,MAAK;AAAA;AAAA,UAAE;AAAA,WAAM,GACxB;AAAA,QACA,oBAAC,UAAO,OAAM,OACZ,+BAAC,MAAG,MAAK,MAAM;AAAA,iBAAO,KAAK,GAAG;AAAA,UAAI;AAAA,WAAE,GACtC;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,OAAO,KAAK,GAAG;AAAA,YACrB,iBAAgB;AAAA,YACf,GAAI,YAAY,mBAAmB;AAAA,cAClC,iBAAiB;AAAA,cACjB,MACE,CAAC,OACC,oBAAoB;AAAA,gBAClB,CAAC,MAAM,WAAW,CAAC,MAAM,CAAC,WAAW,KAAK;AAAA,cAC5C,KAAK,KACP,GAAG;AAAA,YACP;AAAA,YACC,GAAI,YAAY,YAAY;AAAA,cAC3B,MAAM,UAAU,KAAK,KAAK,GAAG;AAAA,cAC7B,cAAc,OAAO,KAAK,GAAG;AAAA,YAC/B;AAAA;AAAA,QACF;AAAA,WAvB4C,KAwB9C;AAAA,IAGN,GACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/jsx/TokensDemo.mjs

@@ -0,0 +1,90 @@
+import { getConfig } from "@tamagui/core";
+import { useState } from "react";
+import { Button, H2, H3, H4, Separator, Square, XGroup, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+const sections = [{
+  name: "Size",
+  key: "size"
+}, {
+  name: "Space",
+  key: "space"
+}, {
+  name: "Space (-)",
+  key: "spaceNegative"
+}, {
+  name: "Radius",
+  key: "radius"
+}];
+function TokensDemo() {
+  const [section, setSection] = useState("size");
+  return /* @__PURE__ */jsxs(YStack, {
+    space: !0,
+    children: [/* @__PURE__ */jsx(XGroup, {
+      alignItems: "center",
+      alignSelf: "center",
+      children: sections.map(({
+        name,
+        key
+      }) => /* @__PURE__ */jsx(XGroup.Item, {
+        children: /* @__PURE__ */jsx(Button, {
+          size: "$3",
+          theme: section === key ? "active" : null,
+          fontFamily: "$silkscreen",
+          onPress: () => setSection(key),
+          children: name
+        })
+      }, key))
+    }), (section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */jsx(SizeSection, {
+      section
+    })]
+  });
+}
+function SizeSection({
+  section
+}) {
+  const allTokens = getConfig().tokens,
+    tokens = allTokens[section.startsWith("space") ? "space" : section],
+    st = Object.keys(tokens).sort((a, b) => parseFloat(a) > parseFloat(b) ? 1 : -1),
+    spaceTokens = st.filter(t => parseFloat(t) >= 0),
+    spaceTokensNegative = st.filter(t => parseFloat(t) < 0).sort((a, b) => parseFloat(a) > parseFloat(b) ? -1 : 1);
+  return /* @__PURE__ */jsxs(YStack, {
+    flex: 1,
+    space: !0,
+    children: [/* @__PURE__ */jsx(H2, {
+      children: "Sizes"
+    }), /* @__PURE__ */jsx(YStack, {
+      width: "100%",
+      space: "$2",
+      separator: /* @__PURE__ */jsx(Separator, {}),
+      children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(token => /* @__PURE__ */jsxs(XStack, {
+        width: "100%",
+        alignItems: "center",
+        children: [/* @__PURE__ */jsx(YStack, {
+          width: "25%",
+          children: /* @__PURE__ */jsxs(H3, {
+            size: "$6",
+            children: ["$", token]
+          })
+        }), /* @__PURE__ */jsx(YStack, {
+          width: "20%",
+          children: /* @__PURE__ */jsxs(H4, {
+            size: "$5",
+            children: [tokens[token]?.val, "px"]
+          })
+        }), /* @__PURE__ */jsx(Square, {
+          size: tokens[token]?.val,
+          backgroundColor: "$color5",
+          ...(section === "spaceNegative" && {
+            backgroundColor: "$red5",
+            size: -tokens[spaceTokensNegative.find(t => parseFloat(t) === -parseFloat(token)) ?? token]?.val
+          }),
+          ...(section === "radius" && {
+            size: allTokens.size[token]?.val,
+            borderRadius: tokens[token]?.val
+          })
+        })]
+      }, token))
+    })]
+  });
+}
+export { TokensDemo };

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/TokensDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAkC,0BAClC,eAAyB,kBACzB,iBAA8E,oBA2B1E;AAvBJ,MAAM,WAA6C;AAAA,EACjD;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF;AAEO,SAAS,aAAa;AAC3B,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAkB,MAAM;AAEtD,SACE,6CAAC,yBAAO,OAAK,IACX;AAAA,gDAAC,yBAAO,YAAW,UAAS,WAAU,UACnC,mBAAS,IAAI,CAAC,EAAE,MAAM,IAAI,MAEvB,4CAAC,sBAAO,MAAP,EACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,YAAY,MAAM,WAAW;AAAA,QACpC,YAAW;AAAA,QACX,SAAS,MAAM,WAAW,GAAG;AAAA,QAE5B;AAAA;AAAA,IACH,KARgB,GASlB,CAEH,GACH;AAAA,KAEE,YAAY,UACZ,YAAY,mBACZ,YAAY,WACZ,YAAY,aAAa,4CAAC,eAAY,SAAkB;AAAA,KAC5D;AAEJ;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAyB;AACtD,QAAM,gBAAY,uBAAU,EAAE,QACxB,SAAS,UAAU,QAAQ,WAAW,OAAO,IAAI,UAAU,OAAO,GAClE,KAAK,OAAO,KAAK,MAAM,EAAE,KAAK,CAAC,GAAG,MAAO,WAAW,CAAC,IAAI,WAAW,CAAC,IAAI,IAAI,EAAG,GAChF,cAAc,GAAG,OAAO,CAAC,MAAM,WAAW,CAAC,KAAK,CAAC,GACjD,sBAAsB,GACzB,OAAO,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAC/B,KAAK,CAAC,GAAG,MAAO,WAAW,CAAC,IAAI,WAAW,CAAC,IAAI,KAAK,CAAE;AAE1D,SACE,6CAAC,yBAAO,MAAM,GAAG,OAAK,IACpB;AAAA,gDAAC,qBAAG,mBAAK;AAAA,IACT,4CAAC,yBAAO,OAAM,QAAO,OAAM,MAAK,WAAW,4CAAC,4BAAU,GAClD,uBAAY,kBAAkB,sBAAsB,aAAa;AAAA,MACjE,CAAC,UAAU;AArErB;AAsEY,eACE,6CAAC,yBAAO,OAAM,QAAO,YAAW,UAC9B;AAAA,sDAAC,yBAAO,OAAM,OACZ,uDAAC,qBAAG,MAAK,MAAK;AAAA;AAAA,YAAE;AAAA,aAAM,GACxB;AAAA,UACA,4CAAC,yBAAO,OAAM,OACZ,uDAAC,qBAAG,MAAK,MAAM;AAAA,yBAAO,KAAK,MAAZ,mBAAe;AAAA,YAAI;AAAA,aAAE,GACtC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAM,YAAO,KAAK,MAAZ,mBAAe;AAAA,cACrB,iBAAgB;AAAA,cACf,GAAI,YAAY,mBAAmB;AAAA,gBAClC,iBAAiB;AAAA,gBACjB,MACE,GAAC,YACC,oBAAoB;AAAA,kBAClB,CAAC,MAAM,WAAW,CAAC,MAAM,CAAC,WAAW,KAAK;AAAA,gBAC5C,KAAK,KACP,MAJC,mBAIE;AAAA,cACP;AAAA,cACC,GAAI,YAAY,YAAY;AAAA,gBAC3B,OAAM,eAAU,KAAK,KAAK,MAApB,mBAAuB;AAAA,gBAC7B,eAAc,YAAO,KAAK,MAAZ,mBAAe;AAAA,cAC/B;AAAA;AAAA,UACF;AAAA,aAvB4C,KAwB9C;AAAA,MAEJ;AAAA,IACF,GACF;AAAA,KACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAA0B,0BAC1B,eAAyB,kBACzB,iBAA8E,oBA2B1E;AAvBJ,MAAM,WAA6C;AAAA,EACjD;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF;AAEO,SAAS,aAAa;AAC3B,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAkB,MAAM;AAEtD,SACE,6CAAC,yBAAO,OAAK,IACX;AAAA,gDAAC,yBAAO,YAAW,UAAS,WAAU,UACnC,mBAAS,IAAI,CAAC,EAAE,MAAM,IAAI,MAEvB,4CAAC,sBAAO,MAAP,EACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,YAAY,MAAM,WAAW;AAAA,QACpC,YAAW;AAAA,QACX,SAAS,MAAM,WAAW,GAAG;AAAA,QAE5B;AAAA;AAAA,IACH,KARgB,GASlB,CAEH,GACH;AAAA,KAEE,YAAY,UACZ,YAAY,mBACZ,YAAY,WACZ,YAAY,aAAa,4CAAC,eAAY,SAAkB;AAAA,KAC5D;AAEJ;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAyB;AACtD,QAAM,gBAAY,uBAAU,EAAE,QACxB,SAAS,UAAU,QAAQ,WAAW,OAAO,IAAI,UAAU,OAAO,GAClE,KAAK,OAAO,KAAK,MAAM,EAAE,KAAK,CAAC,GAAG,MAAO,WAAW,CAAC,IAAI,WAAW,CAAC,IAAI,IAAI,EAAG,GAChF,cAAc,GAAG,OAAO,CAAC,MAAM,WAAW,CAAC,KAAK,CAAC,GACjD,sBAAsB,GACzB,OAAO,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAC/B,KAAK,CAAC,GAAG,MAAO,WAAW,CAAC,IAAI,WAAW,CAAC,IAAI,KAAK,CAAE;AAE1D,SACE,6CAAC,yBAAO,MAAM,GAAG,OAAK,IACpB;AAAA,gDAAC,qBAAG,mBAAK;AAAA,IACT,4CAAC,yBAAO,OAAM,QAAO,OAAM,MAAK,WAAW,4CAAC,4BAAU,GAClD,uBAAY,kBAAkB,sBAAsB,aAAa;AAAA,MACjE,CAAC,UAAU;AAtErB;AAuEY,eACE,6CAAC,yBAAO,OAAM,QAAO,YAAW,UAC9B;AAAA,sDAAC,yBAAO,OAAM,OACZ,uDAAC,qBAAG,MAAK,MAAK;AAAA;AAAA,YAAE;AAAA,aAAM,GACxB;AAAA,UACA,4CAAC,yBAAO,OAAM,OACZ,uDAAC,qBAAG,MAAK,MAAM;AAAA,yBAAO,KAAK,MAAZ,mBAAe;AAAA,YAAI;AAAA,aAAE,GACtC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAM,YAAO,KAAK,MAAZ,mBAAe;AAAA,cACrB,iBAAgB;AAAA,cACf,GAAI,YAAY,mBAAmB;AAAA,gBAClC,iBAAiB;AAAA,gBACjB,MACE,GAAC,YACC,oBAAoB;AAAA,kBAClB,CAAC,MAAM,WAAW,CAAC,MAAM,CAAC,WAAW,KAAK;AAAA,gBAC5C,KAAK,KACP,MAJC,mBAIE;AAAA,cACP;AAAA,cACC,GAAI,YAAY,YAAY;AAAA,gBAC3B,OAAM,eAAU,KAAK,KAAK,MAApB,mBAAuB;AAAA,gBAC7B,eAAc,YAAO,KAAK,MAAZ,mBAAe;AAAA,cAC/B;AAAA;AAAA,UACF;AAAA,aAvB4C,KAwB9C;AAAA,MAEJ;AAAA,IACF,GACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/jsx/TooltipDemo.js

@@ -5,14 +5,7 @@ import {
   ChevronUp,
   Circle
 } from "@tamagui/lucide-icons";
-import {
-  Button,
-  Paragraph,
-  Tooltip,
-  TooltipGroup,
-  XStack,
-  YStack
-} from "tamagui";
+import { Button, Paragraph, Tooltip, TooltipGroup, XStack, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function TooltipDemo() {
   return /* @__PURE__ */ jsx(TooltipGroup, { delay: { open: 3e3, close: 100 }, children: /* @__PURE__ */ jsxs(YStack, { space: "$2", alignSelf: "center", children: [

package/dist/jsx/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;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAMC,SACE,KADF;AAJD,SAAS,cAAc;AAC5B,SACE,oBAAC,gBAAa,OAAO,EAAE,MAAM,KAAM,OAAO,IAAI,GAC5C,+BAAC,UAAO,OAAM,MAAK,WAAU,UAC3B;AAAA,yBAAC,UAAO,OAAM,MACZ;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,OAAM,MACZ;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,OAAM,MACZ;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,OAAM,MAAK,WAAU,UAC3B;AAAA,yBAAC,UAAO,OAAM,MACZ;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,OAAM,MACZ;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,OAAM,MACZ;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;",
   "names": []
 }

package/dist/jsx/TooltipDemo.mjs

@@ -0,0 +1,101 @@
+import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle } from "@tamagui/lucide-icons";
+import { Button, Paragraph, Tooltip, TooltipGroup, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function TooltipDemo() {
+  return /* @__PURE__ */jsx(TooltipGroup, {
+    delay: {
+      open: 3e3,
+      close: 100
+    },
+    children: /* @__PURE__ */jsxs(YStack, {
+      space: "$2",
+      alignSelf: "center",
+      children: [/* @__PURE__ */jsxs(XStack, {
+        space: "$2",
+        children: [/* @__PURE__ */jsx(Demo, {
+          groupId: "0",
+          placement: "top-end",
+          Icon: Circle
+        }), /* @__PURE__ */jsx(Demo, {
+          groupId: "1",
+          placement: "top",
+          Icon: ChevronUp
+        }), /* @__PURE__ */jsx(Demo, {
+          groupId: "2",
+          placement: "top-start",
+          Icon: Circle
+        })]
+      }), /* @__PURE__ */jsxs(XStack, {
+        space: "$2",
+        children: [/* @__PURE__ */jsx(Demo, {
+          groupId: "3",
+          placement: "left",
+          Icon: ChevronLeft
+        }), /* @__PURE__ */jsx(YStack, {
+          flex: 1
+        }), /* @__PURE__ */jsx(Demo, {
+          groupId: "4",
+          placement: "right",
+          Icon: ChevronRight
+        })]
+      }), /* @__PURE__ */jsxs(XStack, {
+        space: "$2",
+        children: [/* @__PURE__ */jsx(Demo, {
+          groupId: "5",
+          placement: "bottom-end",
+          Icon: Circle
+        }), /* @__PURE__ */jsx(Demo, {
+          groupId: "6",
+          placement: "bottom",
+          Icon: ChevronDown
+        }), /* @__PURE__ */jsx(Demo, {
+          groupId: "7",
+          placement: "bottom-start",
+          Icon: Circle
+        })]
+      })]
+    })
+  });
+}
+function Demo({
+  Icon,
+  ...props
+}) {
+  return /* @__PURE__ */jsxs(Tooltip, {
+    ...props,
+    children: [/* @__PURE__ */jsx(Tooltip.Trigger, {
+      children: /* @__PURE__ */jsx(Button, {
+        icon: Icon,
+        circular: !0
+      })
+    }), /* @__PURE__ */jsxs(Tooltip.Content, {
+      enterStyle: {
+        x: 0,
+        y: -5,
+        opacity: 0,
+        scale: 0.9
+      },
+      exitStyle: {
+        x: 0,
+        y: -5,
+        opacity: 0,
+        scale: 0.9
+      },
+      scale: 1,
+      x: 0,
+      y: 0,
+      opacity: 1,
+      animation: ["quick", {
+        opacity: {
+          overshootClamping: !0
+        }
+      }],
+      children: [/* @__PURE__ */jsx(Tooltip.Arrow, {}), /* @__PURE__ */jsx(Paragraph, {
+        size: "$2",
+        lineHeight: "$1",
+        children: "Hello world"
+      })]
+    })]
+  });
+}
+export { TooltipDemo };

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/TooltipDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAMO,kCACP,iBAQO,oBAMC;AAJD,SAAS,cAAc;AAC5B,SACE,4CAAC,+BAAa,OAAO,EAAE,MAAM,KAAM,OAAO,IAAI,GAC5C,uDAAC,yBAAO,OAAM,MAAK,WAAU,UAC3B;AAAA,iDAAC,yBAAO,OAAM,MACZ;AAAA,kDAAC,QAAK,SAAQ,KAAI,WAAU,WAAU,MAAM,4BAAQ;AAAA,MACpD,4CAAC,QAAK,SAAQ,KAAI,WAAU,OAAM,MAAM,+BAAW;AAAA,MACnD,4CAAC,QAAK,SAAQ,KAAI,WAAU,aAAY,MAAM,4BAAQ;AAAA,OACxD;AAAA,IACA,6CAAC,yBAAO,OAAM,MACZ;AAAA,kDAAC,QAAK,SAAQ,KAAI,WAAU,QAAO,MAAM,iCAAa;AAAA,MACtD,4CAAC,yBAAO,MAAM,GAAG;AAAA,MACjB,4CAAC,QAAK,SAAQ,KAAI,WAAU,SAAQ,MAAM,kCAAc;AAAA,OAC1D;AAAA,IACA,6CAAC,yBAAO,OAAM,MACZ;AAAA,kDAAC,QAAK,SAAQ,KAAI,WAAU,cAAa,MAAM,4BAAQ;AAAA,MACvD,4CAAC,QAAK,SAAQ,KAAI,WAAU,UAAS,MAAM,iCAAa;AAAA,MACxD,4CAAC,QAAK,SAAQ,KAAI,WAAU,gBAAe,MAAM,4BAAQ;AAAA,OAC3D;AAAA,KACF,GACF;AAEJ;AAEA,SAAS,KAAK,EAAE,MAAM,GAAG,MAAM,GAAkC;AAC/D,SACE,6CAAC,0BAAS,GAAG,OACX;AAAA,gDAAC,uBAAQ,SAAR,EACC,sDAAC,yBAAO,MAAM,MAAM,UAAQ,IAAC,GAC/B;AAAA,IACA;AAAA,MAAC,uBAAQ;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,sDAAC,uBAAQ,OAAR,EAAc;AAAA,UACf,4CAAC,4BAAU,MAAK,MAAK,YAAW,MAAK,yBAErC;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAMO,kCAEP,iBAAyE,oBAMjE;AAJD,SAAS,cAAc;AAC5B,SACE,4CAAC,+BAAa,OAAO,EAAE,MAAM,KAAM,OAAO,IAAI,GAC5C,uDAAC,yBAAO,OAAM,MAAK,WAAU,UAC3B;AAAA,iDAAC,yBAAO,OAAM,MACZ;AAAA,kDAAC,QAAK,SAAQ,KAAI,WAAU,WAAU,MAAM,4BAAQ;AAAA,MACpD,4CAAC,QAAK,SAAQ,KAAI,WAAU,OAAM,MAAM,+BAAW;AAAA,MACnD,4CAAC,QAAK,SAAQ,KAAI,WAAU,aAAY,MAAM,4BAAQ;AAAA,OACxD;AAAA,IACA,6CAAC,yBAAO,OAAM,MACZ;AAAA,kDAAC,QAAK,SAAQ,KAAI,WAAU,QAAO,MAAM,iCAAa;AAAA,MACtD,4CAAC,yBAAO,MAAM,GAAG;AAAA,MACjB,4CAAC,QAAK,SAAQ,KAAI,WAAU,SAAQ,MAAM,kCAAc;AAAA,OAC1D;AAAA,IACA,6CAAC,yBAAO,OAAM,MACZ;AAAA,kDAAC,QAAK,SAAQ,KAAI,WAAU,cAAa,MAAM,4BAAQ;AAAA,MACvD,4CAAC,QAAK,SAAQ,KAAI,WAAU,UAAS,MAAM,iCAAa;AAAA,MACxD,4CAAC,QAAK,SAAQ,KAAI,WAAU,gBAAe,MAAM,4BAAQ;AAAA,OAC3D;AAAA,KACF,GACF;AAEJ;AAEA,SAAS,KAAK,EAAE,MAAM,GAAG,MAAM,GAAkC;AAC/D,SACE,6CAAC,0BAAS,GAAG,OACX;AAAA,gDAAC,uBAAQ,SAAR,EACC,sDAAC,yBAAO,MAAM,MAAM,UAAQ,IAAC,GAC/B;AAAA,IACA;AAAA,MAAC,uBAAQ;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,sDAAC,uBAAQ,OAAR,EAAc;AAAA,UACf,4CAAC,4BAAU,MAAK,MAAK,YAAW,MAAK,yBAErC;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/jsx/UpdateThemeDemo.mjs

@@ -0,0 +1,46 @@
+import * as Config from "@tamagui/site-config";
+import { addTheme, updateTheme } from "@tamagui/theme";
+import { useState } from "react";
+import { Button, Square, Theme, XStack, YStack, getVariableValue, useForceUpdate, useIsomorphicLayoutEffect } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+const colors = Config.config.tokens.color,
+  colorKeys = Object.keys(colors);
+function UpdateThemeDemo() {
+  const [theme, setTheme] = useState(),
+    update = useForceUpdate();
+  return useIsomorphicLayoutEffect(() => {
+    addTheme({
+      name: "custom",
+      insertCSS: !0,
+      theme: {
+        color: "red"
+      }
+    }), setTheme("custom");
+  }, []), /* @__PURE__ */jsxs(YStack, {
+    alignItems: "center",
+    space: !0,
+    children: [/* @__PURE__ */jsx(XStack, {
+      gap: "$5",
+      children: /* @__PURE__ */jsx(Theme, {
+        name: theme ?? null,
+        children: /* @__PURE__ */jsx(Square, {
+          borderRadius: "$8",
+          size: 100,
+          backgroundColor: "$color"
+        })
+      })
+    }), /* @__PURE__ */jsx(Button, {
+      onPress: () => {
+        const randomColor = getVariableValue(colors[colorKeys[Math.floor(Math.random() * colorKeys.length)]]);
+        updateTheme({
+          name: "custom",
+          theme: {
+            color: randomColor
+          }
+        }), update();
+      },
+      children: "Set to random color"
+    })]
+  });
+}
+export { UpdateThemeDemo };

package/dist/jsx/index.mjs

@@ -0,0 +1,49 @@
+export * from "./AccordionDemo.mjs";
+export * from "./AddThemeDemo.mjs";
+export * from "./AlertDialogDemo.mjs";
+export * from "./AnimationsDemo.mjs";
+export * from "./AnimationsEnterDemo.mjs";
+export * from "./AnimationsHoverDemo.mjs";
+export * from "./AnimationsPresenceDemo.mjs";
+export * from "./AnimationsTimingDemo.mjs";
+export * from "./AvatarDemo.mjs";
+export * from "./BuildAButtonDemo.mjs";
+export * from "./ButtonDemo.mjs";
+export * from "./ThemeBuilderDemo.mjs";
+export * from "./CardDemo.mjs";
+export * from "./CheckboxDemo.mjs";
+export * from "./ColorsDemo.mjs";
+export * from "./DialogDemo.mjs";
+export * from "./FormsDemo.mjs";
+export * from "./GroupDemo.mjs";
+export * from "./HeadingsDemo.mjs";
+export * from "./ImageDemo.mjs";
+export * from "./InputsDemo.mjs";
+export * from "./LabelDemo.mjs";
+export * from "./LinearGradientDemo.mjs";
+export * from "./ListItemDemo.mjs";
+export * from "./LucideIconsDemo.mjs";
+export * from "./PopoverDemo.mjs";
+export * from "./ProgressDemo.mjs";
+export * from "./RadioGroupDemo.mjs";
+export * from "./ReplaceThemeDemo.mjs";
+export * from "./ScrollViewDemo.mjs";
+export * from "./SelectDemo.mjs";
+export * from "./SeparatorDemo.mjs";
+export * from "./ShapesDemo.mjs";
+export * from "./SheetDemo.mjs";
+export * from "./SliderDemo.mjs";
+export * from "./SpinnerDemo.mjs";
+export * from "./StacksDemo.mjs";
+export * from "./SwitchDemo.mjs";
+export * from "./TabsAdvancedDemo.mjs";
+export * from "./TabsDemo.mjs";
+export * from "./TextDemo.mjs";
+export * from "./ThemeInverseDemo.mjs";
+export * from "./ToastDemo.mjs";
+export * from "./ToastDuplicateDemo.mjs";
+export * from "./ToggleGroupDemo.mjs";
+export * from "./TokensDemo.mjs";
+export * from "./TooltipDemo.mjs";
+export * from "./UpdateThemeDemo.mjs";
+export * from "./useOnIntersecting.mjs";

package/dist/jsx/tamagui.config.mjs

@@ -0,0 +1,4 @@
+import { config } from "@tamagui/site-config";
+import { config as config2 } from "@tamagui/site-config";
+var tamagui_config_default = config;
+export { config2 as config, tamagui_config_default as default };

package/dist/jsx/useOnIntersecting.js

@@ -39,7 +39,6 @@ function useOnIntersecting(refsIn, incomingCbRaw, { threshold = 0, root, rootMar
     root,
     rootMargin,
     threshold,
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     ...mountArgs
   ]);
 }

package/dist/jsx/useOnIntersecting.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/useOnIntersecting.tsx"],
-  "mappings": "AAAA,SAA2B,WAAW,gBAAgB;AACtD,SAAS,OAAO,gBAAgB;AAWzB,SAAS,kBACd,MACA,EAAE,MAAM,GAAG,KAAK,IAAmD,CAAC,GAC3B;AACzC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAoB,CAAC,CAAC;AAElD,SAAI,SACF;AAAA,IACE;AAAA,IACA,CAAC,YAAY;AACX,YAAM,eAAe,QAAQ,KAAK,CAAC,MAAM,GAAG,cAAc;AAC1D,MAAI,QAAQ,CAAC,gBACb,UAAU,CAAC,SAAS;AAClB,cAAM,OAAO,QAAQ,IAAI,CAAC,MAAM,GAAG,kBAAkB,EAAK;AAC1D,eAAI,KAAK,WAAW,KAAK,UAAU,KAAK,MAAM,CAAC,GAAG,MAAM,MAAM,KAAK,CAAC,CAAC,IAC5D,OAEF;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA;AAAA,EACF,GAGM,MAAM,QAAQ,IAAI,IAAI,SAAS,OAAO,CAAC;AACjD;AAEO,SAAS,kBACd,QACA,eACA,EAAE,YAAY,GAAG,MAAM,WAAW,IAA8B,CAAC,GACjE,YAAmB,CAAC,GACpB;AACA,QAAM,mBAAmB,SAAS,aAAa;AAE/C,YAAU,MAAM;AACd,UAAM,OAAQ,MAAM,QAAQ,MAAM,IAAI,SAAS,CAAC,MAAM;AACtD,QAAI,CAAC,KAAK;AAAQ;AAElB,QAAI,UAA4B,MAC5B,iBAAuD,CAAC;AAC5D,UAAM,UAAU;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,IACF,GACM,KAAK,IAAI,qBAAqB,CAAC,YAAY;AAC/C,uBAAiB,KAAK,IAAI,CAAC,KAAK,UAE5B,QAAQ,KAAK,CAAC,MAAM,EAAE,WAAW,IAAI,OAAO,KAAK,eAAe,KAAK,KAAK,IAE7E,GACD,UAAU,GACV,UAAU,iBAAiB,cAAc,KAAK;AAAA,IAChD,GAAG,OAAO;AAEV,eAAW,OAAO;AAChB,MAAI,IAAI,WACN,GAAG,QAAQ,IAAI,OAAO;AAI1B,WAAO,MAAM;AACX,gBAAU,GACV,GAAG,WAAW;AAAA,IAChB;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA,GAAG;AAAA,EACL,CAAC;AACH;",
+  "mappings": "AACA,SAAS,WAAW,gBAAgB;AACpC,SAAS,OAAO,gBAAgB;AAWzB,SAAS,kBACd,MACA,EAAE,MAAM,GAAG,KAAK,IAAmD,CAAC,GAC3B;AACzC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAoB,CAAC,CAAC;AAElD,SAAI,SACF;AAAA,IACE;AAAA,IACA,CAAC,YAAY;AACX,YAAM,eAAe,QAAQ,KAAK,CAAC,MAAM,GAAG,cAAc;AAC1D,MAAI,QAAQ,CAAC,gBACb,UAAU,CAAC,SAAS;AAClB,cAAM,OAAO,QAAQ,IAAI,CAAC,MAAM,GAAG,kBAAkB,EAAK;AAC1D,eAAI,KAAK,WAAW,KAAK,UAAU,KAAK,MAAM,CAAC,GAAG,MAAM,MAAM,KAAK,CAAC,CAAC,IAC5D,OAEF;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA;AAAA,EACF,GAGM,MAAM,QAAQ,IAAI,IAAI,SAAS,OAAO,CAAC;AACjD;AAEO,SAAS,kBACd,QACA,eACA,EAAE,YAAY,GAAG,MAAM,WAAW,IAA8B,CAAC,GACjE,YAAmB,CAAC,GACpB;AACA,QAAM,mBAAmB,SAAS,aAAa;AAE/C,YAAU,MAAM;AACd,UAAM,OAAQ,MAAM,QAAQ,MAAM,IAAI,SAAS,CAAC,MAAM;AACtD,QAAI,CAAC,KAAK;AAAQ;AAElB,QAAI,UAA4B,MAC5B,iBAAuD,CAAC;AAC5D,UAAM,UAAU;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,IACF,GACM,KAAK,IAAI,qBAAqB,CAAC,YAAY;AAC/C,uBAAiB,KAAK,IAAI,CAAC,KAAK,UAE5B,QAAQ,KAAK,CAAC,MAAM,EAAE,WAAW,IAAI,OAAO,KAAK,eAAe,KAAK,KAAK,IAE7E,GACD,UAAU,GACV,UAAU,iBAAiB,cAAc,KAAK;AAAA,IAChD,GAAG,OAAO;AAEV,eAAW,OAAO;AAChB,MAAI,IAAI,WACN,GAAG,QAAQ,IAAI,OAAO;AAI1B,WAAO,MAAM;AACX,gBAAU,GACV,GAAG,WAAW;AAAA,IAChB;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,GAAG;AAAA,EACL,CAAC;AACH;",
   "names": []
 }

package/dist/jsx/useOnIntersecting.mjs

@@ -0,0 +1,41 @@
+import { useEffect, useState } from "react";
+import { isWeb, useEvent } from "tamagui";
+function useIsIntersecting(refs, {
+  once,
+  ...opts
+} = {}) {
+  const [values, setValues] = useState([]);
+  return isWeb && useOnIntersecting(refs, entries => {
+    const intersecting = entries.some(x => x?.isIntersecting);
+    once && !intersecting || setValues(prev => {
+      const next = entries.map(e => e?.isIntersecting ?? !1);
+      return prev.length === next.length && prev.every((e, i) => e === next[i]) ? prev : next;
+    });
+  }, opts), Array.isArray(refs) ? values : values[0];
+}
+function useOnIntersecting(refsIn, incomingCbRaw, {
+  threshold = 0,
+  root,
+  rootMargin
+} = {}, mountArgs = []) {
+  const onIntersectEvent = useEvent(incomingCbRaw);
+  useEffect(() => {
+    const refs = Array.isArray(refsIn) ? refsIn : [refsIn];
+    if (!refs.length) return;
+    let dispose = null,
+      currentEntries = [];
+    const options = {
+        threshold,
+        root,
+        rootMargin
+      },
+      io = new IntersectionObserver(entries => {
+        currentEntries = refs.map((ref, index) => entries.find(x => x.target === ref.current) ?? currentEntries[index] ?? null), dispose?.(), dispose = onIntersectEvent(currentEntries) || null;
+      }, options);
+    for (const ref of refs) ref.current && io.observe(ref.current);
+    return () => {
+      dispose?.(), io.disconnect();
+    };
+  }, [onIntersectEvent, refsIn, root, rootMargin, threshold, ...mountArgs]);
+}
+export { useIsIntersecting, useOnIntersecting };

package/dist/jsx/useOnIntersecting.native.js

@@ -59,7 +59,6 @@ function useOnIntersecting(refsIn, incomingCbRaw, { threshold = 0, root, rootMar
     root,
     rootMargin,
     threshold,
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     ...mountArgs
   ]);
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/useOnIntersecting.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsD,kBACtD,iBAAgC;AAWzB,SAAS,kBACd,MACA,EAAE,MAAM,GAAG,KAAK,IAAmD,CAAC,GAC3B;AACzC,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAoB,CAAC,CAAC;AAElD,SAAI,wBACF;AAAA,IACE;AAAA,IACA,CAAC,YAAY;AACX,YAAM,eAAe,QAAQ,KAAK,CAAC,MAAM,uBAAG,cAAc;AAC1D,MAAI,QAAQ,CAAC,gBACb,UAAU,CAAC,SAAS;AAClB,cAAM,OAAO,QAAQ,IAAI,CAAC,OAAM,uBAAG,mBAAkB,EAAK;AAC1D,eAAI,KAAK,WAAW,KAAK,UAAU,KAAK,MAAM,CAAC,GAAG,MAAM,MAAM,KAAK,CAAC,CAAC,IAC5D,OAEF;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA;AAAA,EACF,GAGM,MAAM,QAAQ,IAAI,IAAI,SAAS,OAAO,CAAC;AACjD;AAEO,SAAS,kBACd,QACA,eACA,EAAE,YAAY,GAAG,MAAM,WAAW,IAA8B,CAAC,GACjE,YAAmB,CAAC,GACpB;AACA,QAAM,uBAAmB,yBAAS,aAAa;AAE/C,8BAAU,MAAM;AACd,UAAM,OAAQ,MAAM,QAAQ,MAAM,IAAI,SAAS,CAAC,MAAM;AACtD,QAAI,CAAC,KAAK;AAAQ;AAElB,QAAI,UAA4B,MAC5B,iBAAuD,CAAC;AAC5D,UAAM,UAAU;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,IACF,GACM,KAAK,IAAI,qBAAqB,CAAC,YAAY;AAC/C,uBAAiB,KAAK,IAAI,CAAC,KAAK,UAE5B,QAAQ,KAAK,CAAC,MAAM,EAAE,WAAW,IAAI,OAAO,KAAK,eAAe,KAAK,KAAK,IAE7E,GACD,8BACA,UAAU,iBAAiB,cAAc,KAAK;AAAA,IAChD,GAAG,OAAO;AAEV,eAAW,OAAO;AAChB,MAAI,IAAI,WACN,GAAG,QAAQ,IAAI,OAAO;AAI1B,WAAO,MAAM;AACX,oCACA,GAAG,WAAW;AAAA,IAChB;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA,GAAG;AAAA,EACL,CAAC;AACH;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAoC,kBACpC,iBAAgC;AAWzB,SAAS,kBACd,MACA,EAAE,MAAM,GAAG,KAAK,IAAmD,CAAC,GAC3B;AACzC,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAoB,CAAC,CAAC;AAElD,SAAI,wBACF;AAAA,IACE;AAAA,IACA,CAAC,YAAY;AACX,YAAM,eAAe,QAAQ,KAAK,CAAC,MAAM,uBAAG,cAAc;AAC1D,MAAI,QAAQ,CAAC,gBACb,UAAU,CAAC,SAAS;AAClB,cAAM,OAAO,QAAQ,IAAI,CAAC,OAAM,uBAAG,mBAAkB,EAAK;AAC1D,eAAI,KAAK,WAAW,KAAK,UAAU,KAAK,MAAM,CAAC,GAAG,MAAM,MAAM,KAAK,CAAC,CAAC,IAC5D,OAEF;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA;AAAA,EACF,GAGM,MAAM,QAAQ,IAAI,IAAI,SAAS,OAAO,CAAC;AACjD;AAEO,SAAS,kBACd,QACA,eACA,EAAE,YAAY,GAAG,MAAM,WAAW,IAA8B,CAAC,GACjE,YAAmB,CAAC,GACpB;AACA,QAAM,uBAAmB,yBAAS,aAAa;AAE/C,8BAAU,MAAM;AACd,UAAM,OAAQ,MAAM,QAAQ,MAAM,IAAI,SAAS,CAAC,MAAM;AACtD,QAAI,CAAC,KAAK;AAAQ;AAElB,QAAI,UAA4B,MAC5B,iBAAuD,CAAC;AAC5D,UAAM,UAAU;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,IACF,GACM,KAAK,IAAI,qBAAqB,CAAC,YAAY;AAC/C,uBAAiB,KAAK,IAAI,CAAC,KAAK,UAE5B,QAAQ,KAAK,CAAC,MAAM,EAAE,WAAW,IAAI,OAAO,KAAK,eAAe,KAAK,KAAK,IAE7E,GACD,8BACA,UAAU,iBAAiB,cAAc,KAAK;AAAA,IAChD,GAAG,OAAO;AAEV,eAAW,OAAO;AAChB,MAAI,IAAI,WACN,GAAG,QAAQ,IAAI,OAAO;AAI1B,WAAO,MAAM;AACX,oCACA,GAAG,WAAW;AAAA,IAChB;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,GAAG;AAAA,EACL,CAAC;AACH;",
   "names": []
 }

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@tamagui/demos",
-  "version": "1.88.12",
+  "version": "1.88.14",
   "sideEffects": [
     "*.css"
   ],
-  "source": "src/index.ts",
+  "source": "demos/src/index.tsx",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -40,29 +40,29 @@
     }
   },
   "dependencies": {
-    "@tamagui/avatar": "1.88.12",
-    "@tamagui/button": "1.88.12",
-    "@tamagui/core": "1.88.12",
-    "@tamagui/list-item": "1.88.12",
-    "@tamagui/logo": "1.88.12",
-    "@tamagui/menu": "1.88.12",
-    "@tamagui/popover": "1.88.12",
-    "@tamagui/progress": "1.88.12",
-    "@tamagui/radio-group": "1.88.12",
-    "@tamagui/select": "1.88.12",
-    "@tamagui/sheet": "1.88.12",
-    "@tamagui/site-config": "1.88.12",
-    "@tamagui/slider": "1.88.12",
-    "@tamagui/stacks": "1.88.12",
-    "@tamagui/toast": "1.88.12",
-    "tamagui": "1.88.12"
+    "@tamagui/avatar": "1.88.14",
+    "@tamagui/button": "1.88.14",
+    "@tamagui/core": "1.88.14",
+    "@tamagui/list-item": "1.88.14",
+    "@tamagui/logo": "1.88.14",
+    "@tamagui/menu": "1.88.14",
+    "@tamagui/popover": "1.88.14",
+    "@tamagui/progress": "1.88.14",
+    "@tamagui/radio-group": "1.88.14",
+    "@tamagui/select": "1.88.14",
+    "@tamagui/sheet": "1.88.14",
+    "@tamagui/site-config": "1.88.14",
+    "@tamagui/slider": "1.88.14",
+    "@tamagui/stacks": "1.88.14",
+    "@tamagui/toast": "1.88.14",
+    "tamagui": "1.88.14"
   },
   "peerDependencies": {
     "react": "*",
     "react-dom": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.88.12",
+    "@tamagui/build": "1.88.14",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/src/BuildAButtonDemo.tsx

@@ -1,5 +1,6 @@
 import { Drumstick, Hand } from '@tamagui/lucide-icons'
-import { Button, ButtonProps, ThemeName, XStack, YStack } from 'tamagui'
+import type { ButtonProps, ThemeName } from 'tamagui'
+import { Button, XStack, YStack } from 'tamagui'
 
 const outlined = {
   backgroundColor: 'transparent',

package/src/CardDemo.tsx

@@ -1,4 +1,5 @@
-import { Button, Card, CardProps, H2, Image, Paragraph, XStack } from 'tamagui'
+import type { CardProps } from 'tamagui'
+import { Button, Card, H2, Image, Paragraph, XStack } from 'tamagui'
 
 export function CardDemo() {
   return (

package/src/CheckboxDemo.tsx

@@ -1,5 +1,6 @@
 import { Check as CheckIcon } from '@tamagui/lucide-icons'
-import { Checkbox, CheckboxProps, Label, SizeTokens, XStack, YStack } from 'tamagui'
+import type { CheckboxProps, SizeTokens } from 'tamagui'
+import { Checkbox, Label, XStack, YStack } from 'tamagui'
 
 export function CheckboxDemo() {
   return (

package/src/ColorsDemo.tsx

@@ -1,4 +1,4 @@
-import { Variable } from '@tamagui/core'
+import type { Variable } from '@tamagui/core'
 import {
   H2,
   Paragraph,

package/src/FormsDemo.tsx

@@ -1,5 +1,6 @@
 import { useEffect, useState } from 'react'
-import { Button, Form, H4, SizeTokens, Spinner } from 'tamagui'
+import type { SizeTokens } from 'tamagui'
+import { Button, Form, H4, Spinner } from 'tamagui'
 
 export function FormsDemo(props: { size: SizeTokens }) {
   const [status, setStatus] = useState<'off' | 'submitting' | 'submitted'>('off')

package/src/InputsDemo.tsx

@@ -1,4 +1,5 @@
-import { Button, Input, SizeTokens, TextArea, XStack, YStack } from 'tamagui'
+import type { SizeTokens } from 'tamagui'
+import { Button, Input, TextArea, XStack, YStack } from 'tamagui'
 
 export function InputsDemo() {
   return (

package/src/PopoverDemo.tsx

@@ -1,14 +1,6 @@
 import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from '@tamagui/lucide-icons'
-import {
-  Adapt,
-  Button,
-  Input,
-  Label,
-  Popover,
-  PopoverProps,
-  XStack,
-  YStack,
-} from 'tamagui'
+import type { PopoverProps } from 'tamagui'
+import { Adapt, Button, Input, Label, Popover, XStack, YStack } from 'tamagui'
 
 export function PopoverDemo() {
   return (

package/src/ProgressDemo.tsx

@@ -1,5 +1,6 @@
 import { useEffect, useState } from 'react'
-import { Button, Paragraph, Progress, SizeTokens, Slider, XStack, YStack } from 'tamagui'
+import type { SizeTokens } from 'tamagui'
+import { Button, Paragraph, Progress, Slider, XStack, YStack } from 'tamagui'
 
 export function ProgressDemo() {
   const [size, setSize] = useState(4)

package/src/RadioGroupDemo.tsx

@@ -1,4 +1,5 @@
-import { Label, RadioGroup, SizeTokens, XStack, YStack } from 'tamagui'
+import type { SizeTokens } from 'tamagui'
+import { Label, RadioGroup, XStack, YStack } from 'tamagui'
 
 export function RadioGroupDemo() {
   return (

package/src/SelectDemo.tsx

@@ -1,16 +1,7 @@
 import { Check, ChevronDown, ChevronUp } from '@tamagui/lucide-icons'
 import { useMemo, useState } from 'react'
-import {
-  Adapt,
-  FontSizeTokens,
-  Label,
-  Select,
-  SelectProps,
-  Sheet,
-  XStack,
-  YStack,
-  getFontSize,
-} from 'tamagui'
+import type { FontSizeTokens, SelectProps } from 'tamagui'
+import { Adapt, Label, Select, Sheet, XStack, YStack, getFontSize } from 'tamagui'
 import { LinearGradient } from 'tamagui/linear-gradient'
 
 export function SelectDemo() {

package/src/SheetDemo.tsx

@@ -1,5 +1,6 @@
 import { ChevronDown, ChevronUp } from '@tamagui/lucide-icons'
-import { Sheet, SheetProps, useSheet } from '@tamagui/sheet'
+import type { SheetProps } from '@tamagui/sheet'
+import { Sheet, useSheet } from '@tamagui/sheet'
 import { useState } from 'react'
 import { Button, H1, H2, Input, Paragraph, XStack, YStack } from 'tamagui'