@tamagui/demos 1.123.0 → 1.123.2

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

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Users/n8/tamagui/code/demos/src/AddThemeDemo.tsx"],
-  "mappings": ";AAAA,OAAOA,WAAW;AAClB,SAASC,gBAAgB;AAEzB,SAASC,QAAQC,IAAIC,QAAQC,OAAOC,cAAc;AAE3C,SAASC,eAAAA;AACd,MAAM,CAACC,OAAOC,QAAAA,IAAYT,MAAMU,SAAQ;AAExC,SACE,sBAACJ,QAAAA;IAAOK,YAAW;IAASC,OAAK;;MAC/B,sBAACT,IAAAA;;UAAG;UAAQK,SAAS;;;MAErB,qBAACH,OAAAA;QAAMQ,MAAML,SAAS;kBACpB,qBAACJ,QAAAA;UAAOU,cAAa;UAAKC,MAAM;UAAKC,iBAAgB;;;MAGvD,qBAACd,QAAAA;QACCe,UAAUT,UAAU;QACpBU,SAAS,WAAA;AACPjB,mBAAS;YACPY,MAAM;YACNM,WAAW;YACXX,OAAO;cACLY,YAAY;cACZC,OAAO;YACT;UACF,CAAA,GACAZ,SAAS,WAAA;QACX;kBACD;;;;AAKP;",
-  "names": ["React", "addTheme", "Button", "H3", "Square", "Theme", "YStack", "AddThemeDemo", "theme", "setTheme", "useState", "alignItems", "space", "name", "borderRadius", "size", "backgroundColor", "disabled", "onPress", "insertCSS", "background", "color"]
-}

package/dist/jsx/AlertDialogDemo.js

@@ -1,53 +0,0 @@
-import { AlertDialog, Button, XStack, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function AlertDialogDemo() {
-  return /* @__PURE__ */ jsxs(AlertDialog, { native: !0, children: [
-    /* @__PURE__ */ jsx(AlertDialog.Trigger, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { children: "Show Alert" }) }),
-    /* @__PURE__ */ jsxs(AlertDialog.Portal, { children: [
-      /* @__PURE__ */ jsx(
-        AlertDialog.Overlay,
-        {
-          animation: "quick",
-          opacity: 0.5,
-          enterStyle: { opacity: 0 },
-          exitStyle: { opacity: 0 }
-        },
-        "overlay"
-      ),
-      /* @__PURE__ */ jsx(
-        AlertDialog.Content,
-        {
-          bordered: !0,
-          elevate: !0,
-          animation: [
-            "quick",
-            {
-              opacity: {
-                overshootClamping: !0
-              }
-            }
-          ],
-          enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
-          exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
-          x: 0,
-          scale: 1,
-          opacity: 1,
-          y: 0,
-          children: /* @__PURE__ */ jsxs(YStack, { space: !0, children: [
-            /* @__PURE__ */ jsx(AlertDialog.Title, { children: "Accept" }),
-            /* @__PURE__ */ jsx(AlertDialog.Description, { children: "By pressing yes, you accept our terms and conditions." }),
-            /* @__PURE__ */ jsxs(XStack, { gap: "$3", justifyContent: "flex-end", children: [
-              /* @__PURE__ */ jsx(AlertDialog.Cancel, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { children: "Cancel" }) }),
-              /* @__PURE__ */ jsx(AlertDialog.Action, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { theme: "active", children: "Accept" }) })
-            ] })
-          ] })
-        },
-        "content"
-      )
-    ] })
-  ] });
-}
-export {
-  AlertDialogDemo
-};
-//# sourceMappingURL=AlertDialogDemo.js.map

package/dist/jsx/AlertDialogDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AlertDialogDemo.tsx"],
-  "mappings": "AAAA,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAM5C,cAoCI,YApCJ;AAJD,SAAS,kBAAkB;AAChC,SACE,qBAAC,eAAY,QAAM,IACjB;AAAA,wBAAC,YAAY,SAAZ,EAAoB,SAAO,IAC1B,8BAAC,UAAO,wBAAU,GACpB;AAAA,IAEA,qBAAC,YAAY,QAAZ,EACC;AAAA;AAAA,QAAC,YAAY;AAAA,QAAZ;AAAA,UAEC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,QAJpB;AAAA,MAKN;AAAA,MACA;AAAA,QAAC,YAAY;AAAA,QAAZ;AAAA,UACC,UAAQ;AAAA,UACR,SAAO;AAAA,UAEP,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,GAAG;AAAA,UACH,OAAO;AAAA,UACP,SAAS;AAAA,UACT,GAAG;AAAA,UAEH,+BAAC,UAAO,OAAK,IACX;AAAA,gCAAC,YAAY,OAAZ,EAAkB,oBAAM;AAAA,YACzB,oBAAC,YAAY,aAAZ,EAAwB,mEAEzB;AAAA,YAEA,qBAAC,UAAO,KAAI,MAAK,gBAAe,YAC9B;AAAA,kCAAC,YAAY,QAAZ,EAAmB,SAAO,IACzB,8BAAC,UAAO,oBAAM,GAChB;AAAA,cACA,oBAAC,YAAY,QAAZ,EAAmB,SAAO,IACzB,8BAAC,UAAO,OAAM,UAAS,oBAAM,GAC/B;AAAA,eACF;AAAA,aACF;AAAA;AAAA,QA9BI;AAAA,MA+BN;AAAA,OACF;AAAA,KACF;AAEJ;",
-  "names": []
-}

package/dist/jsx/AlertDialogDemo.mjs

@@ -1,73 +0,0 @@
-import { AlertDialog, Button, XStack, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function AlertDialogDemo() {
-  return /* @__PURE__ */jsxs(AlertDialog, {
-    native: !0,
-    children: [/* @__PURE__ */jsx(AlertDialog.Trigger, {
-      asChild: !0,
-      children: /* @__PURE__ */jsx(Button, {
-        children: "Show Alert"
-      })
-    }), /* @__PURE__ */jsxs(AlertDialog.Portal, {
-      children: [/* @__PURE__ */jsx(AlertDialog.Overlay, {
-        animation: "quick",
-        opacity: 0.5,
-        enterStyle: {
-          opacity: 0
-        },
-        exitStyle: {
-          opacity: 0
-        }
-      }, "overlay"), /* @__PURE__ */jsx(AlertDialog.Content, {
-        bordered: !0,
-        elevate: !0,
-        animation: ["quick", {
-          opacity: {
-            overshootClamping: !0
-          }
-        }],
-        enterStyle: {
-          x: 0,
-          y: -20,
-          opacity: 0,
-          scale: 0.9
-        },
-        exitStyle: {
-          x: 0,
-          y: 10,
-          opacity: 0,
-          scale: 0.95
-        },
-        x: 0,
-        scale: 1,
-        opacity: 1,
-        y: 0,
-        children: /* @__PURE__ */jsxs(YStack, {
-          space: !0,
-          children: [/* @__PURE__ */jsx(AlertDialog.Title, {
-            children: "Accept"
-          }), /* @__PURE__ */jsx(AlertDialog.Description, {
-            children: "By pressing yes, you accept our terms and conditions."
-          }), /* @__PURE__ */jsxs(XStack, {
-            gap: "$3",
-            justifyContent: "flex-end",
-            children: [/* @__PURE__ */jsx(AlertDialog.Cancel, {
-              asChild: !0,
-              children: /* @__PURE__ */jsx(Button, {
-                children: "Cancel"
-              })
-            }), /* @__PURE__ */jsx(AlertDialog.Action, {
-              asChild: !0,
-              children: /* @__PURE__ */jsx(Button, {
-                theme: "active",
-                children: "Accept"
-              })
-            })]
-          })]
-        })
-      }, "content")]
-    })]
-  });
-}
-export { AlertDialogDemo };
-//# sourceMappingURL=AlertDialogDemo.mjs.map

package/dist/jsx/AlertDialogDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["AlertDialog","Button","XStack","YStack","jsx","jsxs","AlertDialogDemo","native","children","Trigger","asChild","Portal","Overlay","animation","opacity","enterStyle","exitStyle","Content","bordered","elevate","overshootClamping","x","y","scale","space","Title","Description","gap","justifyContent","Cancel","Action","theme"],"sources":["../../src/AlertDialogDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,WAAA,EAAaC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAM5C,SAAAC,GAAA,EAoCIC,IAAA,QApCJ;AAJD,SAASC,gBAAA,EAAkB;EAChC,OACE,eAAAD,IAAA,CAACL,WAAA;IAAYO,MAAA,EAAM;IACjBC,QAAA,kBAAAJ,GAAA,CAACJ,WAAA,CAAYS,OAAA,EAAZ;MAAoBC,OAAA,EAAO;MAC1BF,QAAA,iBAAAJ,GAAA,CAACH,MAAA;QAAOO,QAAA;MAAA,CAAU;IAAA,CACpB,GAEA,eAAAH,IAAA,CAACL,WAAA,CAAYW,MAAA,EAAZ;MACCH,QAAA,kBAAAJ,GAAA,CAACJ,WAAA,CAAYY,OAAA,EAAZ;QAECC,SAAA,EAAU;QACVC,OAAA,EAAS;QACTC,UAAA,EAAY;UAAED,OAAA,EAAS;QAAE;QACzBE,SAAA,EAAW;UAAEF,OAAA,EAAS;QAAE;MAAA,GAJpB,SAKN,GACA,eAAAV,GAAA,CAACJ,WAAA,CAAYiB,OAAA,EAAZ;QACCC,QAAA,EAAQ;QACRC,OAAA,EAAO;QAEPN,SAAA,EAAW,CACT,SACA;UACEC,OAAA,EAAS;YACPM,iBAAA,EAAmB;UACrB;QACF,EACF;QACAL,UAAA,EAAY;UAAEM,CAAA,EAAG;UAAGC,CAAA,EAAG;UAAKR,OAAA,EAAS;UAAGS,KAAA,EAAO;QAAI;QACnDP,SAAA,EAAW;UAAEK,CAAA,EAAG;UAAGC,CAAA,EAAG;UAAIR,OAAA,EAAS;UAAGS,KAAA,EAAO;QAAK;QAClDF,CAAA,EAAG;QACHE,KAAA,EAAO;QACPT,OAAA,EAAS;QACTQ,CAAA,EAAG;QAEHd,QAAA,iBAAAH,IAAA,CAACF,MAAA;UAAOqB,KAAA,EAAK;UACXhB,QAAA,kBAAAJ,GAAA,CAACJ,WAAA,CAAYyB,KAAA,EAAZ;YAAkBjB,QAAA;UAAA,CAAM,GACzB,eAAAJ,GAAA,CAACJ,WAAA,CAAY0B,WAAA,EAAZ;YAAwBlB,QAAA;UAAA,CAEzB,GAEA,eAAAH,IAAA,CAACH,MAAA;YAAOyB,GAAA,EAAI;YAAKC,cAAA,EAAe;YAC9BpB,QAAA,kBAAAJ,GAAA,CAACJ,WAAA,CAAY6B,MAAA,EAAZ;cAAmBnB,OAAA,EAAO;cACzBF,QAAA,iBAAAJ,GAAA,CAACH,MAAA;gBAAOO,QAAA;cAAA,CAAM;YAAA,CAChB,GACA,eAAAJ,GAAA,CAACJ,WAAA,CAAY8B,MAAA,EAAZ;cAAmBpB,OAAA,EAAO;cACzBF,QAAA,iBAAAJ,GAAA,CAACH,MAAA;gBAAO8B,KAAA,EAAM;gBAASvB,QAAA;cAAA,CAAM;YAAA,CAC/B;UAAA,CACF;QAAA,CACF;MAAA,GA9BI,SA+BN;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/jsx/AlertDialogDemo.native.js

@@ -1,91 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AlertDialog, Button, XStack, YStack } from "tamagui";
-function AlertDialogDemo() {
-  return /* @__PURE__ */ _jsxs(AlertDialog, {
-    native: !0,
-    children: [
-      /* @__PURE__ */ _jsx(AlertDialog.Trigger, {
-        asChild: !0,
-        children: /* @__PURE__ */ _jsx(Button, {
-          children: "Show Alert"
-        })
-      }),
-      /* @__PURE__ */ _jsxs(AlertDialog.Portal, {
-        children: [
-          /* @__PURE__ */ _jsx(AlertDialog.Overlay, {
-            animation: "quick",
-            opacity: 0.5,
-            enterStyle: {
-              opacity: 0
-            },
-            exitStyle: {
-              opacity: 0
-            }
-          }, "overlay"),
-          /* @__PURE__ */ _jsx(AlertDialog.Content, {
-            bordered: !0,
-            elevate: !0,
-            animation: [
-              "quick",
-              {
-                opacity: {
-                  overshootClamping: !0
-                }
-              }
-            ],
-            enterStyle: {
-              x: 0,
-              y: -20,
-              opacity: 0,
-              scale: 0.9
-            },
-            exitStyle: {
-              x: 0,
-              y: 10,
-              opacity: 0,
-              scale: 0.95
-            },
-            x: 0,
-            scale: 1,
-            opacity: 1,
-            y: 0,
-            children: /* @__PURE__ */ _jsxs(YStack, {
-              space: !0,
-              children: [
-                /* @__PURE__ */ _jsx(AlertDialog.Title, {
-                  children: "Accept"
-                }),
-                /* @__PURE__ */ _jsx(AlertDialog.Description, {
-                  children: "By pressing yes, you accept our terms and conditions."
-                }),
-                /* @__PURE__ */ _jsxs(XStack, {
-                  gap: "$3",
-                  justifyContent: "flex-end",
-                  children: [
-                    /* @__PURE__ */ _jsx(AlertDialog.Cancel, {
-                      asChild: !0,
-                      children: /* @__PURE__ */ _jsx(Button, {
-                        children: "Cancel"
-                      })
-                    }),
-                    /* @__PURE__ */ _jsx(AlertDialog.Action, {
-                      asChild: !0,
-                      children: /* @__PURE__ */ _jsx(Button, {
-                        theme: "active",
-                        children: "Accept"
-                      })
-                    })
-                  ]
-                })
-              ]
-            })
-          }, "content")
-        ]
-      })
-    ]
-  });
-}
-export {
-  AlertDialogDemo
-};
-//# sourceMappingURL=AlertDialogDemo.js.map

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

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Users/n8/tamagui/code/demos/src/AlertDialogDemo.tsx"],
-  "mappings": ";AAAA,SAASA,aAAaC,QAAQC,QAAQC,cAAc;AAE7C,SAASC,kBAAAA;AACd,SACE,sBAACJ,aAAAA;IAAYK,QAAM;;MACjB,qBAACL,YAAYM,SAAO;QAACC,SAAO;kBAC1B,qBAACN,QAAAA;oBAAO;;;MAGV,sBAACD,YAAYQ,QAAM;;UACjB,qBAACR,YAAYS,SAAO;YAElBC,WAAU;YACVC,SAAS;YACTC,YAAY;cAAED,SAAS;YAAE;YACzBE,WAAW;cAAEF,SAAS;YAAE;aAJpB,SAAA;UAMN,qBAACX,YAAYc,SAAO;YAClBC,UAAQ;YACRC,SAAO;YAEPN,WAAW;cACT;cACA;gBACEC,SAAS;kBACPM,mBAAmB;gBACrB;cACF;;YAEFL,YAAY;cAAEM,GAAG;cAAGC,GAAG;cAAKR,SAAS;cAAGS,OAAO;YAAI;YACnDP,WAAW;cAAEK,GAAG;cAAGC,GAAG;cAAIR,SAAS;cAAGS,OAAO;YAAK;YAClDF,GAAG;YACHE,OAAO;YACPT,SAAS;YACTQ,GAAG;sBAEH,sBAAChB,QAAAA;cAAOkB,OAAK;;gBACX,qBAACrB,YAAYsB,OAAK;4BAAC;;gBACnB,qBAACtB,YAAYuB,aAAW;4BAAC;;gBAIzB,sBAACrB,QAAAA;kBAAOsB,KAAI;kBAAKC,gBAAe;;oBAC9B,qBAACzB,YAAY0B,QAAM;sBAACnB,SAAO;gCACzB,qBAACN,QAAAA;kCAAO;;;oBAEV,qBAACD,YAAY2B,QAAM;sBAACpB,SAAO;gCACzB,qBAACN,QAAAA;wBAAO2B,OAAM;kCAAS;;;;;;;aA3BzB,SAAA;;;;;AAmCd;",
-  "names": ["AlertDialog", "Button", "XStack", "YStack", "AlertDialogDemo", "native", "Trigger", "asChild", "Portal", "Overlay", "animation", "opacity", "enterStyle", "exitStyle", "Content", "bordered", "elevate", "overshootClamping", "x", "y", "scale", "space", "Title", "Description", "gap", "justifyContent", "Cancel", "Action", "theme"]
-}

package/dist/jsx/AnimationsDemo.js

@@ -1,86 +0,0 @@
-import { LogoIcon } from "@tamagui/logo";
-import { Play } from "@tamagui/lucide-icons";
-import { Button, Square, useControllableState, useEvent } from "tamagui";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function AnimationsDemo(props) {
-  const [positionI, setPositionI] = useControllableState({
-    strategy: "most-recent-wins",
-    prop: props.position,
-    defaultProp: 0
-  }), position = positions[positionI], onPress = useEvent(() => {
-    setPositionI((x) => (x + 1) % positions.length);
-  });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Square,
-      {
-        animation: props.animation || "bouncy",
-        animateOnly: ["transform"],
-        onPress,
-        size: 104,
-        borderColor: "$borderColor",
-        borderWidth: 1,
-        borderRadius: "$9",
-        backgroundColor: "$color9",
-        hoverStyle: {
-          scale: 1.01
-        },
-        pressStyle: {
-          scale: 0.9
-        },
-        ...position,
-        children: props.children || /* @__PURE__ */ jsx(LogoIcon, { downscale: 0.75 })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        position: "absolute",
-        bottom: 20,
-        left: 20,
-        icon: Play,
-        theme: props.tint,
-        size: "$5",
-        circular: !0,
-        onPress
-      }
-    )
-  ] });
-}
-const positions = [
-  {
-    x: 0,
-    y: 0,
-    scale: 1,
-    rotate: "0deg"
-  },
-  {
-    x: -50,
-    y: -50,
-    scale: 0.5,
-    rotate: "-45deg",
-    hoverStyle: {
-      scale: 0.6
-    },
-    pressStyle: {
-      scale: 0.4
-    }
-  },
-  {
-    x: 50,
-    y: 50,
-    scale: 1,
-    rotate: "180deg",
-    hoverStyle: {
-      scale: 1.1
-    },
-    pressStyle: {
-      scale: 0.9
-    }
-  }
-];
-export {
-  AnimationsDemo,
-  positions
-};
-//# sourceMappingURL=AnimationsDemo.js.map

package/dist/jsx/AnimationsDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AnimationsDemo.tsx"],
-  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,QAAQ,QAAQ,sBAAsB,gBAAgB;AAgB3D,mBAkBuB,KAlBvB;AAdG,SAAS,eAAe,OAAO;AACpC,QAAM,CAAC,WAAW,YAAY,IAAI,qBAAqB;AAAA,IACrD,UAAU;AAAA,IACV,MAAM,MAAM;AAAA,IACZ,aAAa;AAAA,EACf,CAAC,GACK,WAAW,UAAU,SAAS,GAC9B,UAAU,SAAS,MAAM;AAC7B,iBAAa,CAAC,OACJ,IAAI,KAAK,UAAU,MAC5B;AAAA,EACH,CAAC;AAED,SACE,iCACE;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,oBAAC,YAAS,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;",
-  "names": []
-}

package/dist/jsx/AnimationsDemo.mjs

@@ -1,76 +0,0 @@
-import { LogoIcon } from "@tamagui/logo";
-import { Play } from "@tamagui/lucide-icons";
-import { Button, Square, useControllableState, useEvent } from "tamagui";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function AnimationsDemo(props) {
-  const [positionI, setPositionI] = useControllableState({
-      strategy: "most-recent-wins",
-      prop: props.position,
-      defaultProp: 0
-    }),
-    position = positions[positionI],
-    onPress = useEvent(() => {
-      setPositionI(x => (x + 1) % positions.length);
-    });
-  return /* @__PURE__ */jsxs(Fragment, {
-    children: [/* @__PURE__ */jsx(Square, {
-      animation: props.animation || "bouncy",
-      animateOnly: ["transform"],
-      onPress,
-      size: 104,
-      borderColor: "$borderColor",
-      borderWidth: 1,
-      borderRadius: "$9",
-      backgroundColor: "$color9",
-      hoverStyle: {
-        scale: 1.01
-      },
-      pressStyle: {
-        scale: 0.9
-      },
-      ...position,
-      children: props.children || /* @__PURE__ */jsx(LogoIcon, {
-        downscale: 0.75
-      })
-    }), /* @__PURE__ */jsx(Button, {
-      position: "absolute",
-      bottom: 20,
-      left: 20,
-      icon: Play,
-      theme: props.tint,
-      size: "$5",
-      circular: !0,
-      onPress
-    })]
-  });
-}
-const positions = [{
-  x: 0,
-  y: 0,
-  scale: 1,
-  rotate: "0deg"
-}, {
-  x: -50,
-  y: -50,
-  scale: 0.5,
-  rotate: "-45deg",
-  hoverStyle: {
-    scale: 0.6
-  },
-  pressStyle: {
-    scale: 0.4
-  }
-}, {
-  x: 50,
-  y: 50,
-  scale: 1,
-  rotate: "180deg",
-  hoverStyle: {
-    scale: 1.1
-  },
-  pressStyle: {
-    scale: 0.9
-  }
-}];
-export { AnimationsDemo, positions };
-//# sourceMappingURL=AnimationsDemo.mjs.map

package/dist/jsx/AnimationsDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["LogoIcon","Play","Button","Square","useControllableState","useEvent","Fragment","jsx","jsxs","AnimationsDemo","props","positionI","setPositionI","strategy","prop","position","defaultProp","positions","onPress","x","length","children","animation","animateOnly","size","borderColor","borderWidth","borderRadius","backgroundColor","hoverStyle","scale","pressStyle","downscale","bottom","left","icon","theme","tint","circular","y","rotate"],"sources":["../../src/AnimationsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAgB;AACzB,SAASC,IAAA,QAAY;AACrB,SAASC,MAAA,EAAQC,MAAA,EAAQC,oBAAA,EAAsBC,QAAA,QAAgB;AAgB3D,SAAAC,QAAA,EAkBuBC,GAAA,EAlBvBC,IAAA;AAdG,SAASC,eAAeC,KAAA,EAAO;EACpC,MAAM,CAACC,SAAA,EAAWC,YAAY,IAAIR,oBAAA,CAAqB;MACrDS,QAAA,EAAU;MACVC,IAAA,EAAMJ,KAAA,CAAMK,QAAA;MACZC,WAAA,EAAa;IACf,CAAC;IACKD,QAAA,GAAWE,SAAA,CAAUN,SAAS;IAC9BO,OAAA,GAAUb,QAAA,CAAS,MAAM;MAC7BO,YAAA,CAAcO,CAAA,KACJA,CAAA,GAAI,KAAKF,SAAA,CAAUG,MAC5B;IACH,CAAC;EAED,OACE,eAAAZ,IAAA,CAAAF,QAAA;IACEe,QAAA,kBAAAd,GAAA,CAACJ,MAAA;MACCmB,SAAA,EAAYZ,KAAA,CAAMY,SAAA,IAAa;MAC/BC,WAAA,EAAa,CAAC,WAAW;MACzBL,OAAA;MACAM,IAAA,EAAM;MACNC,WAAA,EAAY;MACZC,WAAA,EAAa;MACbC,YAAA,EAAa;MACbC,eAAA,EAAgB;MAChBC,UAAA,EAAY;QACVC,KAAA,EAAO;MACT;MACAC,UAAA,EAAY;QACVD,KAAA,EAAO;MACT;MACC,GAAGf,QAAA;MAEHM,QAAA,EAAAX,KAAA,CAAMW,QAAA,IAAY,eAAAd,GAAA,CAACP,QAAA;QAASgC,SAAA,EAAW;MAAA,CAAM;IAAA,CAChD,GAEA,eAAAzB,GAAA,CAACL,MAAA;MACCa,QAAA,EAAS;MACTkB,MAAA,EAAQ;MACRC,IAAA,EAAM;MACNC,IAAA,EAAMlC,IAAA;MACNmC,KAAA,EAAO1B,KAAA,CAAM2B,IAAA;MACbb,IAAA,EAAK;MACLc,QAAA,EAAQ;MACRpB;IAAA,CACF;EAAA,CACF;AAEJ;AAEO,MAAMD,SAAA,GAAY,CACvB;EACEE,CAAA,EAAG;EACHoB,CAAA,EAAG;EACHT,KAAA,EAAO;EACPU,MAAA,EAAQ;AACV,GACA;EACErB,CAAA,EAAG;EACHoB,CAAA,EAAG;EACHT,KAAA,EAAO;EACPU,MAAA,EAAQ;EACRX,UAAA,EAAY;IACVC,KAAA,EAAO;EACT;EACAC,UAAA,EAAY;IACVD,KAAA,EAAO;EACT;AACF,GACA;EACEX,CAAA,EAAG;EACHoB,CAAA,EAAG;EACHT,KAAA,EAAO;EACPU,MAAA,EAAQ;EACRX,UAAA,EAAY;IACVC,KAAA,EAAO;EACT;EACAC,UAAA,EAAY;IACVD,KAAA,EAAO;EACT;AACF,EACF","ignoreList":[]}

package/dist/jsx/AnimationsDemo.native.js

@@ -1,88 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { LogoIcon } from "@tamagui/logo";
-import { Play } from "@tamagui/lucide-icons";
-import { Button, Square, useControllableState, useEvent } from "tamagui";
-function AnimationsDemo(props) {
-  var [positionI, setPositionI] = useControllableState({
-    strategy: "most-recent-wins",
-    prop: props.position,
-    defaultProp: 0
-  }), position = positions[positionI], onPress = useEvent(function() {
-    setPositionI(function(x) {
-      return (x + 1) % positions.length;
-    });
-  });
-  return /* @__PURE__ */ _jsxs(_Fragment, {
-    children: [
-      /* @__PURE__ */ _jsx(Square, {
-        animation: props.animation || "bouncy",
-        animateOnly: [
-          "transform"
-        ],
-        onPress,
-        size: 104,
-        borderColor: "$borderColor",
-        borderWidth: 1,
-        borderRadius: "$9",
-        backgroundColor: "$color9",
-        hoverStyle: {
-          scale: 1.01
-        },
-        pressStyle: {
-          scale: 0.9
-        },
-        ...position,
-        children: props.children || /* @__PURE__ */ _jsx(LogoIcon, {
-          downscale: 0.75
-        })
-      }),
-      /* @__PURE__ */ _jsx(Button, {
-        position: "absolute",
-        bottom: 20,
-        left: 20,
-        icon: Play,
-        theme: props.tint,
-        size: "$5",
-        circular: !0,
-        onPress
-      })
-    ]
-  });
-}
-var positions = [
-  {
-    x: 0,
-    y: 0,
-    scale: 1,
-    rotate: "0deg"
-  },
-  {
-    x: -50,
-    y: -50,
-    scale: 0.5,
-    rotate: "-45deg",
-    hoverStyle: {
-      scale: 0.6
-    },
-    pressStyle: {
-      scale: 0.4
-    }
-  },
-  {
-    x: 50,
-    y: 50,
-    scale: 1,
-    rotate: "180deg",
-    hoverStyle: {
-      scale: 1.1
-    },
-    pressStyle: {
-      scale: 0.9
-    }
-  }
-];
-export {
-  AnimationsDemo,
-  positions
-};
-//# sourceMappingURL=AnimationsDemo.js.map

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

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Users/n8/tamagui/code/demos/src/AnimationsDemo.tsx"],
-  "mappings": ";AAAA,SAASA,gBAAgB;AACzB,SAASC,YAAY;AACrB,SAASC,QAAQC,QAAQC,sBAAsBC,gBAAgB;AAExD,SAASC,eAAeC,OAAK;AAClC,MAAM,CAACC,WAAWC,YAAAA,IAAgBL,qBAAqB;IACrDM,UAAU;IACVC,MAAMJ,MAAMK;IACZC,aAAa;EACf,CAAA,GACMD,WAAWE,UAAUN,SAAAA,GACrBO,UAAUV,SAAS,WAAA;AACvBI,iBAAa,SAACO,GAAAA;AACZ,cAAQA,IAAI,KAAKF,UAAUG;IAC7B,CAAA;EACF,CAAA;AAEA,SACE,sBAAA,WAAA;;MACE,qBAACd,QAAAA;QACCe,WAAYX,MAAMW,aAAa;QAC/BC,aAAa;UAAC;;QACdJ;QACAK,MAAM;QACNC,aAAY;QACZC,aAAa;QACbC,cAAa;QACbC,iBAAgB;QAChBC,YAAY;UACVC,OAAO;QACT;QACAC,YAAY;UACVD,OAAO;QACT;QACC,GAAGd;kBAEHL,MAAMqB,YAAY,qBAAC5B,UAAAA;UAAS6B,WAAW;;;MAG1C,qBAAC3B,QAAAA;QACCU,UAAS;QACTkB,QAAQ;QACRC,MAAM;QACNC,MAAM/B;QACNgC,OAAO1B,MAAM2B;QACbd,MAAK;QACLe,UAAQ;QACRpB;;;;AAIR;AAEO,IAAMD,YAAY;EACvB;IACEE,GAAG;IACHoB,GAAG;IACHV,OAAO;IACPW,QAAQ;EACV;EACA;IACErB,GAAG;IACHoB,GAAG;IACHV,OAAO;IACPW,QAAQ;IACRZ,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;EACF;EACA;IACEV,GAAG;IACHoB,GAAG;IACHV,OAAO;IACPW,QAAQ;IACRZ,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;EACF;;",
-  "names": ["LogoIcon", "Play", "Button", "Square", "useControllableState", "useEvent", "AnimationsDemo", "props", "positionI", "setPositionI", "strategy", "prop", "position", "defaultProp", "positions", "onPress", "x", "length", "animation", "animateOnly", "size", "borderColor", "borderWidth", "borderRadius", "backgroundColor", "hoverStyle", "scale", "pressStyle", "children", "downscale", "bottom", "left", "icon", "theme", "tint", "circular", "y", "rotate"]
-}

package/dist/jsx/AnimationsEnterDemo.js

@@ -1,35 +0,0 @@
-import React from "react";
-import { LogoIcon } from "@tamagui/logo";
-import { Button, Square, YStack, isWeb } from "tamagui";
-import { useIsIntersecting } from "./useOnIntersecting";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function AnimationsEnterDemo(props) {
-  const ref = React.useRef(null), [key, setKey] = React.useState(0);
-  return isWeb && !useIsIntersecting(ref, { once: !0 }) ? /* @__PURE__ */ jsx(YStack, { ref }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Square,
-      {
-        enterStyle: {
-          scale: 1.5,
-          y: -10,
-          opacity: 0
-        },
-        animation: "bouncy",
-        elevation: "$4",
-        size: 110,
-        opacity: 1,
-        scale: 1,
-        y: 0,
-        backgroundColor: "$pink10",
-        borderRadius: "$9",
-        children: props.children ?? /* @__PURE__ */ jsx(LogoIcon, { downscale: 0.75 })
-      },
-      key
-    ),
-    /* @__PURE__ */ jsx(Button, { size: "$3", marginTop: "$4", onPress: () => setKey(Math.random()), children: "Re-mount" })
-  ] });
-}
-export {
-  AnimationsEnterDemo
-};
-//# sourceMappingURL=AnimationsEnterDemo.js.map

package/dist/jsx/AnimationsEnterDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AnimationsEnterDemo.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,gBAAgB;AAEzB,SAAS,QAAQ,QAAQ,QAAQ,aAAa;AAE9C,SAAS,yBAAyB;AAUrB,SAKT,UALS,KAKT,YALS;AARN,SAAS,oBAAoB,OAAY;AAC9C,QAAM,MAAM,MAAM,OAAoB,IAAI,GACpC,CAAC,KAAK,MAAM,IAAI,MAAM,SAAS,CAAC;AAEtC,SAAI,SAGE,CAFmB,kBAAkB,KAAK,EAAE,MAAM,GAAK,CAAC,IAGnD,oBAAC,UAAO,KAAU,IAK3B,iCACE;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,oBAAC,YAAS,WAAW,MAAM;AAAA;AAAA,MAfzC;AAAA,IAgBP;AAAA,IAEA,oBAAC,UAAO,MAAK,MAAK,WAAU,MAAK,SAAS,MAAM,OAAO,KAAK,OAAO,CAAC,GAAG,sBAEvE;AAAA,KACF;AAEJ;",
-  "names": []
-}

package/dist/jsx/AnimationsEnterDemo.mjs

@@ -1,40 +0,0 @@
-import React from "react";
-import { LogoIcon } from "@tamagui/logo";
-import { Button, Square, YStack, isWeb } from "tamagui";
-import { useIsIntersecting } from "./useOnIntersecting.mjs";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function AnimationsEnterDemo(props) {
-  const ref = React.useRef(null),
-    [key, setKey] = React.useState(0);
-  return isWeb && !useIsIntersecting(ref, {
-    once: !0
-  }) ? /* @__PURE__ */jsx(YStack, {
-    ref
-  }) : /* @__PURE__ */jsxs(Fragment, {
-    children: [/* @__PURE__ */jsx(Square, {
-      enterStyle: {
-        scale: 1.5,
-        y: -10,
-        opacity: 0
-      },
-      animation: "bouncy",
-      elevation: "$4",
-      size: 110,
-      opacity: 1,
-      scale: 1,
-      y: 0,
-      backgroundColor: "$pink10",
-      borderRadius: "$9",
-      children: props.children ?? /* @__PURE__ */jsx(LogoIcon, {
-        downscale: 0.75
-      })
-    }, key), /* @__PURE__ */jsx(Button, {
-      size: "$3",
-      marginTop: "$4",
-      onPress: () => setKey(Math.random()),
-      children: "Re-mount"
-    })]
-  });
-}
-export { AnimationsEnterDemo };
-//# sourceMappingURL=AnimationsEnterDemo.mjs.map

package/dist/jsx/AnimationsEnterDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","LogoIcon","Button","Square","YStack","isWeb","useIsIntersecting","Fragment","jsx","jsxs","AnimationsEnterDemo","props","ref","useRef","key","setKey","useState","once","children","enterStyle","scale","y","opacity","animation","elevation","size","backgroundColor","borderRadius","downscale","marginTop","onPress","Math","random"],"sources":["../../src/AnimationsEnterDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,QAAA,QAAgB;AAEzB,SAASC,MAAA,EAAQC,MAAA,EAAQC,MAAA,EAAQC,KAAA,QAAa;AAE9C,SAASC,iBAAA,QAAyB;AAUrB,SAKTC,QAAA,EALSC,GAAA,EAKTC,IAAA,QALS;AARN,SAASC,oBAAoBC,KAAA,EAAY;EAC9C,MAAMC,GAAA,GAAMZ,KAAA,CAAMa,MAAA,CAAoB,IAAI;IACpC,CAACC,GAAA,EAAKC,MAAM,IAAIf,KAAA,CAAMgB,QAAA,CAAS,CAAC;EAEtC,OAAIX,KAAA,IAGE,CAFmBC,iBAAA,CAAkBM,GAAA,EAAK;IAAEK,IAAA,EAAM;EAAK,CAAC,IAGnD,eAAAT,GAAA,CAACJ,MAAA;IAAOQ;EAAA,CAAU,IAK3B,eAAAH,IAAA,CAAAF,QAAA;IACEW,QAAA,kBAAAV,GAAA,CAACL,MAAA;MAECgB,UAAA,EAAY;QACVC,KAAA,EAAO;QACPC,CAAA,EAAG;QACHC,OAAA,EAAS;MACX;MACAC,SAAA,EAAU;MACVC,SAAA,EAAU;MACVC,IAAA,EAAM;MACNH,OAAA,EAAS;MACTF,KAAA,EAAO;MACPC,CAAA,EAAG;MACHK,eAAA,EAAgB;MAChBC,YAAA,EAAa;MAEZT,QAAA,EAAAP,KAAA,CAAMO,QAAA,IAAY,eAAAV,GAAA,CAACP,QAAA;QAAS2B,SAAA,EAAW;MAAA,CAAM;IAAA,GAfzCd,GAgBP,GAEA,eAAAN,GAAA,CAACN,MAAA;MAAOuB,IAAA,EAAK;MAAKI,SAAA,EAAU;MAAKC,OAAA,EAASA,CAAA,KAAMf,MAAA,CAAOgB,IAAA,CAAKC,MAAA,CAAO,CAAC;MAAGd,QAAA;IAAA,CAEvE;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/jsx/AnimationsEnterDemo.native.js

@@ -1,52 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from "react";
-import { LogoIcon } from "@tamagui/logo";
-import { Button, Square, YStack, isWeb } from "tamagui";
-import { useIsIntersecting } from "./useOnIntersecting";
-function AnimationsEnterDemo(props) {
-  var ref = React.useRef(null), [key, setKey] = React.useState(0);
-  if (isWeb) {
-    var hasIntersected = useIsIntersecting(ref, {
-      once: !0
-    });
-    if (!hasIntersected)
-      return /* @__PURE__ */ _jsx(YStack, {
-        ref
-      });
-  }
-  var _props_children;
-  return /* @__PURE__ */ _jsxs(_Fragment, {
-    children: [
-      /* @__PURE__ */ _jsx(Square, {
-        enterStyle: {
-          scale: 1.5,
-          y: -10,
-          opacity: 0
-        },
-        animation: "bouncy",
-        elevation: "$4",
-        size: 110,
-        opacity: 1,
-        scale: 1,
-        y: 0,
-        backgroundColor: "$pink10",
-        borderRadius: "$9",
-        children: (_props_children = props.children) !== null && _props_children !== void 0 ? _props_children : /* @__PURE__ */ _jsx(LogoIcon, {
-          downscale: 0.75
-        })
-      }, key),
-      /* @__PURE__ */ _jsx(Button, {
-        size: "$3",
-        marginTop: "$4",
-        onPress: function() {
-          return setKey(Math.random());
-        },
-        children: "Re-mount"
-      })
-    ]
-  });
-}
-export {
-  AnimationsEnterDemo
-};
-//# sourceMappingURL=AnimationsEnterDemo.js.map