@tamagui/demos 1.74.7 → 1.74.9

package/dist/jsx/AddThemeDemo.mjs

@@ -1,31 +0,0 @@
-import { addTheme } from "@tamagui/theme";
-import { useState } from "react";
-import { Button, H3, Square, Theme, YStack } from "tamagui";
-function AddThemeDemo() {
-  const [theme, setTheme] = useState();
-  return <YStack alignItems="center" space>
-    <H3>
-      {"Theme: "}
-      {theme ?? "none"}
-    </H3>
-    <Theme name={theme ?? "red"}><Square borderRadius="$8" size={100} backgroundColor="$color" /></Theme>
-    <Button
-      disabled={theme === "superblue"}
-      onPress={() => {
-        addTheme({
-          name: "superblue",
-          insertCSS: true,
-          theme: {
-            background: "#000",
-            color: "blue"
-          }
-        });
-        setTheme("superblue");
-      }}
-    >Add superblue theme</Button>
-  </YStack>;
-}
-export {
-  AddThemeDemo
-};
-//# sourceMappingURL=AddThemeDemo.mjs.map

package/dist/jsx/AddThemeDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AddThemeDemo.tsx"],
-  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,QAAQ,OAAO,cAAc;AAE3C,SAAS,eAAe;AAC7B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAc;AAExC,SACE,CAAC,OAAO,WAAW,SAAS;AAAA,IAC1B,CAAC;AAAA,OAAG;AAAA,OAAQ,SAAS;AAAA,IAAO,EAA3B;AAAA,IAED,CAAC,MAAM,MAAM,SAAS,OACpB,CAAC,OAAO,aAAa,KAAK,MAAM,KAAK,gBAAgB,SAAS,EAChE,EAFC;AAAA,IAID,CAAC;AAAA,MACC,UAAU,UAAU;AAAA,MACpB,SAAS,MAAM;AACb,iBAAS;AAAA,UACP,MAAM;AAAA,UACN,WAAW;AAAA,UACX,OAAO;AAAA,YACL,YAAY;AAAA,YACZ,OAAO;AAAA,UACT;AAAA,QACF,CAAC;AACD,iBAAS,WAAW;AAAA,MACtB;AAAA,KACD,mBAED,EAfC;AAAA,EAgBH,EAvBC;AAyBL;",
-  "names": []
-}

package/dist/jsx/AlertDialogDemo.mjs

@@ -1,45 +0,0 @@
-import { AlertDialog, Button, XStack, YStack } from "tamagui";
-function AlertDialogDemo() {
-  return <AlertDialog native>
-    <AlertDialog.Trigger asChild><Button>Show Alert</Button></AlertDialog.Trigger>
-    <AlertDialog.Portal>
-      <AlertDialog.Overlay
-        key="overlay"
-        animation="quick"
-        opacity={0.5}
-        enterStyle={{ opacity: 0 }}
-        exitStyle={{ opacity: 0 }}
-      />
-      <AlertDialog.Content
-        bordered
-        elevate
-        key="content"
-        animation={[
-          "quick",
-          {
-            opacity: {
-              overshootClamping: true
-            }
-          }
-        ]}
-        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}
-      ><YStack space>
-        <AlertDialog.Title>Accept</AlertDialog.Title>
-        <AlertDialog.Description>By pressing yes, you accept our terms and conditions.</AlertDialog.Description>
-        <XStack space="$3" justifyContent="flex-end">
-          <AlertDialog.Cancel asChild><Button>Cancel</Button></AlertDialog.Cancel>
-          <AlertDialog.Action asChild><Button theme="active">Accept</Button></AlertDialog.Action>
-        </XStack>
-      </YStack></AlertDialog.Content>
-    </AlertDialog.Portal>
-  </AlertDialog>;
-}
-export {
-  AlertDialogDemo
-};
-//# sourceMappingURL=AlertDialogDemo.mjs.map

package/dist/jsx/AlertDialogDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AlertDialogDemo.tsx"],
-  "mappings": "AAAA,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAE7C,SAAS,kBAAkB;AAChC,SACE,CAAC,YAAY;AAAA,IACX,CAAC,YAAY,QAAQ,QACnB,CAAC,OAAO,UAAU,EAAjB,OACH,EAFC,YAAY;AAAA,IAIb,CAAC,YAAY;AAAA,MACX,CAAC,YAAY;AAAA,QACX,IAAI;AAAA,QACJ,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY,EAAE,SAAS,EAAE;AAAA,QACzB,WAAW,EAAE,SAAS,EAAE;AAAA,MAC1B;AAAA,MACA,CAAC,YAAY;AAAA,QACX;AAAA,QACA;AAAA,QACA,IAAI;AAAA,QACJ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,QACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,QAClD,GAAG;AAAA,QACH,OAAO;AAAA,QACP,SAAS;AAAA,QACT,GAAG;AAAA,OAEH,CAAC,OAAO;AAAA,QACN,CAAC,YAAY,MAAM,MAAM,EAAxB,YAAY;AAAA,QACb,CAAC,YAAY,YAAY,qDAEzB,EAFC,YAAY;AAAA,QAIb,CAAC,OAAO,MAAM,KAAK,eAAe;AAAA,UAChC,CAAC,YAAY,OAAO,QAClB,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,YAAY;AAAA,UAGb,CAAC,YAAY,OAAO,QAClB,CAAC,OAAO,MAAM,SAAS,MAAM,EAA5B,OACH,EAFC,YAAY;AAAA,QAGf,EAPC;AAAA,MAQH,EAdC,OAeH,EAlCC,YAAY;AAAA,IAmCf,EA3CC,YAAY;AAAA,EA4Cf,EAjDC;AAmDL;",
-  "names": []
-}

package/dist/jsx/AnimationCSSDriverLayoutDemo.js

@@ -1,93 +0,0 @@
-import { LogoIcon } from "@tamagui/logo";
-import { Play } from "@tamagui/lucide-icons";
-import { forwardRef, useState } from "react";
-import {
-  Button,
-  SizableText,
-  XStack,
-  YGroup,
-  YStack,
-  useEvent
-} from "tamagui";
-function AnimationCSSDriverLayoutDemo(props) {
-  const [birds, setBirds] = useState(1);
-  const [fd, setFd] = useState("row");
-  const onPress = useEvent(() => {
-    setBirds(5);
-  });
-  return <>
-    <XStack
-      justifyContent="space-between"
-      alignContent="space-between"
-      flexWrap="wrap"
-      width={400}
-      height={350}
-      fd={fd}
-      gap={5}
-    >{Array(birds).fill(0).map((_, index) => {
-      return <Bird index={index} birds={birds} setBirds={setBirds} key={index} />;
-    })}</XStack>
-    <Button
-      position="absolute"
-      bottom={20}
-      left="$7"
-      icon={Play}
-      theme={props.tint}
-      size="$5"
-      circular
-      onPress={onPress}
-    />
-    <YStack left="$5" bottom={90} position="absolute" space>
-      <YStack space>
-        <SizableText color="$gray11">Flex Direction</SizableText>
-        <YGroup>
-          <Button
-            onPress={() => {
-              setFd("row");
-            }}
-          >Row</Button>
-          <Button
-            onPress={() => {
-              setFd("column");
-            }}
-          >Column</Button>
-        </YGroup>
-      </YStack>
-      <YStack alignItems="center" space>
-        <SizableText color="$gray11">Actions</SizableText>
-        <YGroup>
-          <Button
-            onPress={() => {
-              setBirds(birds - 1);
-            }}
-          >Remove</Button>
-          <Button
-            onPress={() => {
-              setBirds(birds + 1);
-            }}
-          >Add</Button>
-        </YGroup>
-      </YStack>
-    </YStack>
-  </>;
-}
-const Bird = forwardRef((props, ref) => <YStack
-  width={60}
-  ref={ref}
-  height={60}
-  onPress={() => {
-    props.setBirds(props.birds - 1);
-  }}
-  hoverStyle={{
-    width: 100,
-    height: 100
-  }}
-  backgroundColor="$color9"
-  borderRadius={10}
-  animation="bouncy"
-  layout
-><LogoIcon downscale={1.5} /></YStack>);
-export {
-  AnimationCSSDriverLayoutDemo
-};
-//# sourceMappingURL=AnimationCSSDriverLayoutDemo.js.map

package/dist/jsx/AnimationCSSDriverLayoutDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AnimationCSSDriverLayoutDemo.tsx"],
-  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,YAAY,gBAAgB;AACrC;AAAA,EACE;AAAA,EAGA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AAEA,SAAS,6BAA6B,OAAO;AAClD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AACpC,QAAM,CAAC,IAAI,KAAK,IAAI,SAA2B,KAAK;AAEpD,QAAM,UAAU,SAAS,MAAM;AAC7B,aAAS,CAAC;AAAA,EACZ,CAAC;AACD,SACE;AAAA,IACE,CAAC;AAAA,MACC,eAAe;AAAA,MACf,aAAa;AAAA,MACb,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,KAAK;AAAA,MAEJ,MAAM,KAAK,EACT,KAAK,CAAC,EACN,IAAI,CAAC,GAAG,UAAU;AACjB,aAAO,CAAC,KAAK,OAAO,OAAO,OAAO,OAAO,UAAU,UAAU,KAAK,OAAO;AAAA,IAC3E,CAAC,EACL,EAdC;AAAA,IAeD,CAAC;AAAA,MACC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,KAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO,MAAM;AAAA,MACb,KAAK;AAAA,MACL;AAAA,MACA,SAAS;AAAA,IACX;AAAA,IACA,CAAC,OAAO,KAAM,KAAM,QAAQ,IAAI,SAAS,WAAW;AAAA,MAClD,CAAC,OAAO;AAAA,QACN,CAAC,YAAY,MAAM,UAAU,cAAc,EAA1C;AAAA,QACD,CAAC;AAAA,UACC,CAAC;AAAA,YACC,SAAS,MAAM;AACb,oBAAM,KAAK;AAAA,YACb;AAAA,WACD,GAED,EANC;AAAA,UAOD,CAAC;AAAA,YACC,SAAS,MAAM;AACb,oBAAM,QAAQ;AAAA,YAChB;AAAA,WACD,MAED,EANC;AAAA,QAOH,EAfC;AAAA,MAgBH,EAlBC;AAAA,MAmBD,CAAC,OAAO,WAAW,SAAS;AAAA,QAC1B,CAAC,YAAY,MAAM,UAAU,OAAO,EAAnC;AAAA,QACD,CAAC;AAAA,UACC,CAAC;AAAA,YACC,SAAS,MAAM;AACb,uBAAS,QAAQ,CAAC;AAAA,YACpB;AAAA,WACD,MAED,EANC;AAAA,UAOD,CAAC;AAAA,YACC,SAAS,MAAM;AACb,uBAAS,QAAQ,CAAC;AAAA,YACpB;AAAA,WACD,GAED,EANC;AAAA,QAOH,EAfC;AAAA,MAgBH,EAlBC;AAAA,IAmBH,EAvCC;AAAA,EAwCH;AAEJ;AAOA,MAAM,OAAO,WAAW,CAAC,OAAkB,QACzC,CAAC;AAAA,EACC,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,SAAS,MAAM;AACb,UAAM,SAAS,MAAM,QAAQ,CAAC;AAAA,EAChC;AAAA,EACA,YAAY;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EAEA,gBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,UAAW;AAAA,EACX;AAAA,CAEA,CAAC,SAAS,WAAW,KAAK,EAC5B,EAlBC,OAmBF;",
-  "names": []
-}

package/dist/jsx/AnimationCSSDriverLayoutDemo.mjs

@@ -1,93 +0,0 @@
-import { LogoIcon } from "@tamagui/logo";
-import { Play } from "@tamagui/lucide-icons";
-import { forwardRef, useState } from "react";
-import {
-  Button,
-  SizableText,
-  XStack,
-  YGroup,
-  YStack,
-  useEvent
-} from "tamagui";
-function AnimationCSSDriverLayoutDemo(props) {
-  const [birds, setBirds] = useState(1);
-  const [fd, setFd] = useState("row");
-  const onPress = useEvent(() => {
-    setBirds(5);
-  });
-  return <>
-    <XStack
-      justifyContent="space-between"
-      alignContent="space-between"
-      flexWrap="wrap"
-      width={400}
-      height={350}
-      fd={fd}
-      gap={5}
-    >{Array(birds).fill(0).map((_, index) => {
-      return <Bird index={index} birds={birds} setBirds={setBirds} key={index} />;
-    })}</XStack>
-    <Button
-      position="absolute"
-      bottom={20}
-      left="$7"
-      icon={Play}
-      theme={props.tint}
-      size="$5"
-      circular
-      onPress={onPress}
-    />
-    <YStack left="$5" bottom={90} position="absolute" space>
-      <YStack space>
-        <SizableText color="$gray11">Flex Direction</SizableText>
-        <YGroup>
-          <Button
-            onPress={() => {
-              setFd("row");
-            }}
-          >Row</Button>
-          <Button
-            onPress={() => {
-              setFd("column");
-            }}
-          >Column</Button>
-        </YGroup>
-      </YStack>
-      <YStack alignItems="center" space>
-        <SizableText color="$gray11">Actions</SizableText>
-        <YGroup>
-          <Button
-            onPress={() => {
-              setBirds(birds - 1);
-            }}
-          >Remove</Button>
-          <Button
-            onPress={() => {
-              setBirds(birds + 1);
-            }}
-          >Add</Button>
-        </YGroup>
-      </YStack>
-    </YStack>
-  </>;
-}
-const Bird = forwardRef((props, ref) => <YStack
-  width={60}
-  ref={ref}
-  height={60}
-  onPress={() => {
-    props.setBirds(props.birds - 1);
-  }}
-  hoverStyle={{
-    width: 100,
-    height: 100
-  }}
-  backgroundColor="$color9"
-  borderRadius={10}
-  animation="bouncy"
-  layout
-><LogoIcon downscale={1.5} /></YStack>);
-export {
-  AnimationCSSDriverLayoutDemo
-};
-//# sourceMappingURL=AnimationCSSDriverLayoutDemo.mjs.map

package/dist/jsx/AnimationCSSDriverLayoutDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AnimationCSSDriverLayoutDemo.tsx"],
-  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,YAAY,gBAAgB;AACrC;AAAA,EACE;AAAA,EAGA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AAEA,SAAS,6BAA6B,OAAO;AAClD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AACpC,QAAM,CAAC,IAAI,KAAK,IAAI,SAA2B,KAAK;AAEpD,QAAM,UAAU,SAAS,MAAM;AAC7B,aAAS,CAAC;AAAA,EACZ,CAAC;AACD,SACE;AAAA,IACE,CAAC;AAAA,MACC,eAAe;AAAA,MACf,aAAa;AAAA,MACb,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,KAAK;AAAA,MAEJ,MAAM,KAAK,EACT,KAAK,CAAC,EACN,IAAI,CAAC,GAAG,UAAU;AACjB,aAAO,CAAC,KAAK,OAAO,OAAO,OAAO,OAAO,UAAU,UAAU,KAAK,OAAO;AAAA,IAC3E,CAAC,EACL,EAdC;AAAA,IAeD,CAAC;AAAA,MACC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,KAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO,MAAM;AAAA,MACb,KAAK;AAAA,MACL;AAAA,MACA,SAAS;AAAA,IACX;AAAA,IACA,CAAC,OAAO,KAAM,KAAM,QAAQ,IAAI,SAAS,WAAW;AAAA,MAClD,CAAC,OAAO;AAAA,QACN,CAAC,YAAY,MAAM,UAAU,cAAc,EAA1C;AAAA,QACD,CAAC;AAAA,UACC,CAAC;AAAA,YACC,SAAS,MAAM;AACb,oBAAM,KAAK;AAAA,YACb;AAAA,WACD,GAED,EANC;AAAA,UAOD,CAAC;AAAA,YACC,SAAS,MAAM;AACb,oBAAM,QAAQ;AAAA,YAChB;AAAA,WACD,MAED,EANC;AAAA,QAOH,EAfC;AAAA,MAgBH,EAlBC;AAAA,MAmBD,CAAC,OAAO,WAAW,SAAS;AAAA,QAC1B,CAAC,YAAY,MAAM,UAAU,OAAO,EAAnC;AAAA,QACD,CAAC;AAAA,UACC,CAAC;AAAA,YACC,SAAS,MAAM;AACb,uBAAS,QAAQ,CAAC;AAAA,YACpB;AAAA,WACD,MAED,EANC;AAAA,UAOD,CAAC;AAAA,YACC,SAAS,MAAM;AACb,uBAAS,QAAQ,CAAC;AAAA,YACpB;AAAA,WACD,GAED,EANC;AAAA,QAOH,EAfC;AAAA,MAgBH,EAlBC;AAAA,IAmBH,EAvCC;AAAA,EAwCH;AAEJ;AAOA,MAAM,OAAO,WAAW,CAAC,OAAkB,QACzC,CAAC;AAAA,EACC,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,SAAS,MAAM;AACb,UAAM,SAAS,MAAM,QAAQ,CAAC;AAAA,EAChC;AAAA,EACA,YAAY;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EAEA,gBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,UAAW;AAAA,EACX;AAAA,CAEA,CAAC,SAAS,WAAW,KAAK,EAC5B,EAlBC,OAmBF;",
-  "names": []
-}

package/dist/jsx/AnimationsDemo.mjs

@@ -1,82 +0,0 @@
-import { LogoIcon } from "@tamagui/logo";
-import { Play } from "@tamagui/lucide-icons";
-import { Button, Square, useControllableState, useEvent } from "tamagui";
-function AnimationsDemo(props) {
-  const [positionI, setPositionI] = useControllableState({
-    strategy: "most-recent-wins",
-    prop: props.position,
-    defaultProp: 0
-  });
-  const position = positions[positionI];
-  const onPress = useEvent(() => {
-    setPositionI((x) => {
-      return (x + 1) % positions.length;
-    });
-  });
-  return <>
-    <Square
-      animation={props.animation || "bouncy"}
-      animateOnly={["transform"]}
-      onPress={onPress}
-      size={104}
-      borderColor="$borderColor"
-      borderWidth={1}
-      borderRadius="$9"
-      backgroundColor="$color9"
-      hoverStyle={{
-        scale: 1.5
-      }}
-      pressStyle={{
-        scale: 0.9
-      }}
-      {...position}
-    >{props.children || <LogoIcon downscale={0.75} />}</Square>
-    <Button
-      position="absolute"
-      bottom={20}
-      left={20}
-      icon={Play}
-      theme={props.tint}
-      size="$5"
-      circular
-      onPress={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,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AnimationsDemo.tsx"],
-  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,QAAQ,QAAQ,sBAAsB,gBAAgB;AAExD,SAAS,eAAe,OAAO;AACpC,QAAM,CAAC,WAAW,YAAY,IAAI,qBAAqB;AAAA,IACrD,UAAU;AAAA,IACV,MAAM,MAAM;AAAA,IACZ,aAAa;AAAA,EACf,CAAC;AACD,QAAM,WAAW,UAAU,SAAS;AACpC,QAAM,UAAU,SAAS,MAAM;AAC7B,iBAAa,CAAC,MAAM;AAClB,cAAQ,IAAI,KAAK,UAAU;AAAA,IAC7B,CAAC;AAAA,EACH,CAAC;AAED,SACE;AAAA,IACE,CAAC;AAAA,MACC,WAAW,MAAM,aAAa;AAAA,MAC9B,aAAa,CAAC,WAAW;AAAA,MACzB,SAAS;AAAA,MACT,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,aAAa;AAAA,MACb,gBAAgB;AAAA,MAChB,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,UACI;AAAA,MAEH,MAAM,YAAY,CAAC,SAAS,WAAW,MAAM,GAChD,EAlBC;AAAA,IAoBD,CAAC;AAAA,MACC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO,MAAM;AAAA,MACb,KAAK;AAAA,MACL;AAAA,MACA,SAAS;AAAA,IACX;AAAA,EACF;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/AnimationsEnterDemo.mjs

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

package/dist/jsx/AnimationsEnterDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AnimationsEnterDemo.tsx"],
-  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,QAAQ,gBAAgB;AACjC,SAAS,QAAQ,QAAQ,cAAc;AAEvC,SAAS,yBAAyB;AAE3B,SAAS,oBAAoB,OAAY;AAC9C,QAAM,MAAM,OAAoB,IAAI;AACpC,QAAM,iBAAiB,kBAAkB,KAAK,EAAE,MAAM,KAAK,CAAC;AAC5D,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,CAAC;AAEhC,MAAI,CAAC,gBAAgB;AACnB,WAAO,CAAC,OAAO,KAAK,KAAK;AAAA,EAC3B;AAEA,SACE;AAAA,IACE,CAAC;AAAA,MACC,KAAK;AAAA,MACL,YAAY;AAAA,QACV,OAAO;AAAA,QACP,GAAG;AAAA,QACH,SAAS;AAAA,MACX;AAAA,MACA,UAAU;AAAA,MACV,UAAU;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO;AAAA,MACP,GAAG;AAAA,MACH,gBAAgB;AAAA,MAChB,aAAa;AAAA,MAEZ,MAAM,YAAY,CAAC,SAAS,WAAW,MAAM,GAChD,EAjBC;AAAA,IAmBD,CAAC,OAAO,KAAK,KAAK,UAAU,KAAK,SAAS,MAAM,OAAO,KAAK,OAAO,CAAC,GAAG,QAEvE,EAFC;AAAA,EAGH;AAEJ;",
-  "names": []
-}

package/dist/jsx/AnimationsHoverDemo.mjs

@@ -1,22 +0,0 @@
-import { LogoIcon } from "@tamagui/logo";
-import { Square } from "tamagui";
-function AnimationsHoverDemo() {
-  return <Square
-    borderColor="$borderColor"
-    animation="bouncy"
-    elevation="$4"
-    backgroundColor="$color9"
-    size={104}
-    borderRadius="$9"
-    hoverStyle={{
-      scale: 1.2
-    }}
-    pressStyle={{
-      scale: 0.9
-    }}
-  ><LogoIcon downscale={0.75} /></Square>;
-}
-export {
-  AnimationsHoverDemo
-};
-//# sourceMappingURL=AnimationsHoverDemo.mjs.map

package/dist/jsx/AnimationsHoverDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AnimationsHoverDemo.tsx"],
-  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAEhB,SAAS,sBAAsB;AACpC,SACE,CAAC;AAAA,IACC,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,MAAM;AAAA,IACN,aAAa;AAAA,IACb,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,GAEA,CAAC,SAAS,WAAW,MAAM,EAC7B,EAfC;AAiBL;",
-  "names": []
-}

package/dist/jsx/AnimationsPresenceDemo.mjs

@@ -1,69 +0,0 @@
-import { AnimatePresence } from "@tamagui/animate-presence";
-import { ArrowLeft, ArrowRight } from "@tamagui/lucide-icons";
-import { useState } from "react";
-import { Button, Image, XStack, YStack, styled } from "tamagui";
-import photo1 from "../../public/photo1.jpg";
-import photo2 from "../../public/photo2.jpg";
-import photo3 from "../../public/photo3.jpg";
-const images = [photo1, photo2, photo3].map((x) => x.src || x);
-const YStackEnterable = styled(YStack, {
-  variants: {
-    isLeft: { true: { x: -300, opacity: 0 } },
-    isRight: { true: { x: 300, opacity: 0 } }
-  }
-});
-function AnimationsPresenceDemo() {
-  const [[page, direction], setPage] = useState([0, 0]);
-  const imageIndex = wrap(0, images.length, page);
-  const paginate = (newDirection) => {
-    setPage([page + newDirection, newDirection]);
-  };
-  const enterVariant = direction === 1 || direction === 0 ? "isRight" : "isLeft";
-  const exitVariant = direction === 1 ? "isLeft" : "isRight";
-  return <XStack
-    overflow="hidden"
-    backgroundColor="#000"
-    position="relative"
-    height={300}
-    width="100%"
-    alignItems="center"
-  >
-    <AnimatePresence enterVariant={enterVariant} exitVariant={exitVariant}><YStackEnterable
-      debug="verbose"
-      key={page}
-      animation="bouncy"
-      fullscreen
-      x={0}
-      opacity={1}
-    ><Image source={{ uri: images[imageIndex], width: 780, height: 300 }} /></YStackEnterable></AnimatePresence>
-    <Button
-      accessibilityLabel="Carousel left"
-      icon={ArrowLeft}
-      size="$5"
-      position="absolute"
-      left="$4"
-      circular
-      elevate
-      onPress={() => paginate(-1)}
-    />
-    <Button
-      accessibilityLabel="Carousel right"
-      icon={ArrowRight}
-      size="$5"
-      position="absolute"
-      right="$4"
-      circular
-      elevate
-      onPress={() => paginate(1)}
-    />
-  </XStack>;
-}
-const wrap = (min, max, v) => {
-  const rangeSize = max - min;
-  return ((v - min) % rangeSize + rangeSize) % rangeSize + min;
-};
-export {
-  AnimationsPresenceDemo,
-  images
-};
-//# sourceMappingURL=AnimationsPresenceDemo.mjs.map

package/dist/jsx/AnimationsPresenceDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AnimationsPresenceDemo.tsx"],
-  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,WAAW,kBAAkB;AACtC,SAAS,gBAAgB;AACzB,SAAS,QAAQ,OAAO,QAAQ,QAAQ,cAAc;AAGtD,OAAO,YAAY;AAEnB,OAAO,YAAY;AAEnB,OAAO,YAAY;AAEZ,MAAM,SAAS,CAAC,QAAQ,QAAQ,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;AAEpE,MAAM,kBAAkB,OAAO,QAAQ;AAAA,EACrC,UAAU;AAAA,IACR,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,SAAS,EAAE,EAAE;AAAA,IACxC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,SAAS,EAAE,EAAE;AAAA,EAC1C;AACF,CAAC;AAEM,SAAS,yBAAyB;AACvC,QAAM,CAAC,CAAC,MAAM,SAAS,GAAG,OAAO,IAAI,SAAS,CAAC,GAAG,CAAC,CAAC;AAEpD,QAAM,aAAa,KAAK,GAAG,OAAO,QAAQ,IAAI;AAE9C,QAAM,WAAW,CAAC,iBAAyB;AACzC,YAAQ,CAAC,OAAO,cAAc,YAAY,CAAC;AAAA,EAC7C;AAEA,QAAM,eAAe,cAAc,KAAK,cAAc,IAAI,YAAY;AACtE,QAAM,cAAc,cAAc,IAAI,WAAW;AAEjD,SACE,CAAC;AAAA,IACC,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,WAAW;AAAA;AAAA,IAEX,CAAC,gBAAgB,cAAc,cAAc,aAAa,aACxD,CAAC;AAAA,MACC,MAAM;AAAA,MACN,KAAK;AAAA,MACL,UAAU;AAAA,MACV;AAAA,MACA,GAAG;AAAA,MACH,SAAS;AAAA,KAET,CAAC,MAAM,QAAQ,EAAE,KAAK,OAAO,UAAU,GAAG,OAAO,KAAK,QAAQ,IAAI,GAAG,EACvE,EATC,gBAUH,EAXC;AAAA,IAaD,CAAC;AAAA,MACC,mBAAmB;AAAA,MACnB,MAAM;AAAA,MACN,KAAK;AAAA,MACL,SAAS;AAAA,MACT,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,SAAS,MAAM,SAAS,EAAE;AAAA,IAC5B;AAAA,IACA,CAAC;AAAA,MACC,mBAAmB;AAAA,MACnB,MAAM;AAAA,MACN,KAAK;AAAA,MACL,SAAS;AAAA,MACT,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,SAAS,MAAM,SAAS,CAAC;AAAA,IAC3B;AAAA,EACF,EAzCC;AA2CL;AAEA,MAAM,OAAO,CAAC,KAAa,KAAa,MAAc;AACpD,QAAM,YAAY,MAAM;AACxB,WAAW,IAAI,OAAO,YAAa,aAAa,YAAa;AAC/D;",
-  "names": []
-}

package/dist/jsx/AnimationsTimingDemo.mjs

@@ -1,21 +0,0 @@
-import { LogoIcon } from "@tamagui/logo";
-import { Square } from "tamagui";
-function AnimationsTimingDemo() {
-  return <Square
-    backgroundColor="$pink10"
-    animation="100ms"
-    elevation="$4"
-    size={110}
-    borderRadius="$9"
-    hoverStyle={{
-      scale: 1.2
-    }}
-    pressStyle={{
-      scale: 0.9
-    }}
-  ><LogoIcon downscale={0.75} /></Square>;
-}
-export {
-  AnimationsTimingDemo
-};
-//# sourceMappingURL=AnimationsTimingDemo.mjs.map

package/dist/jsx/AnimationsTimingDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AnimationsTimingDemo.tsx"],
-  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAEhB,SAAS,uBAAuB;AACrC,SACE,CAAC;AAAA,IACC,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,UAAU;AAAA,IACV,MAAM;AAAA,IACN,aAAa;AAAA,IACb,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,GAEA,CAAC,SAAS,WAAW,MAAM,EAC7B,EAdC;AAgBL;",
-  "names": []
-}

package/dist/jsx/AvatarDemo.mjs

@@ -1,23 +0,0 @@
-import { Avatar, XStack } from "tamagui";
-function AvatarDemo() {
-  return <XStack alignItems="center" space="$6">
-    <Avatar circular size="$10">
-      <Avatar.Image
-        accessibilityLabel="Cam"
-        src={"https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"}
-      />
-      <Avatar.Fallback backgroundColor="$blue10" />
-    </Avatar>
-    <Avatar circular size="$8">
-      <Avatar.Image
-        accessibilityLabel="Nate Wienert"
-        src={"https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"}
-      />
-      <Avatar.Fallback delayMs={600} backgroundColor="$blue10" />
-    </Avatar>
-  </XStack>;
-}
-export {
-  AvatarDemo
-};
-//# sourceMappingURL=AvatarDemo.mjs.map

package/dist/jsx/AvatarDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AvatarDemo.tsx"],
-  "mappings": "AACA,SAAS,QAAQ,cAAc;AAExB,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,IAChC,CAAC,OAAO,SAAS,KAAK;AAAA,MACpB,CAAC,OAAO;AAAA,QACN,mBAAmB;AAAA,QACnB,KAAI;AAAA,MACN;AAAA,MACA,CAAC,OAAO,SAAS,gBAAgB,UAAU;AAAA,IAC7C,EANC;AAAA,IAQD,CAAC,OAAO,SAAS,KAAK;AAAA,MACpB,CAAC,OAAO;AAAA,QACN,mBAAmB;AAAA,QACnB,KAAI;AAAA,MACN;AAAA,MACA,CAAC,OAAO,SAAS,SAAS,KAAK,gBAAgB,UAAU;AAAA,IAC3D,EANC;AAAA,EAOH,EAhBC;AAkBL;",
-  "names": []
-}

package/dist/jsx/BuildAButtonDemo.mjs

@@ -1,42 +0,0 @@
-import { Drumstick, Hand } from "@tamagui/lucide-icons";
-import { Button, XStack, YStack } from "tamagui";
-const outlined = {
-  backgroundColor: "transparent",
-  borderWidth: 2,
-  borderColor: "$background",
-  borderRadius: "$10",
-  hoverStyle: {
-    backgroundColor: "transparent",
-    borderColor: "$backgroundPress"
-  }
-};
-function BuildAButtonDemo() {
-  return <YStack fullscreen ov="hidden"><XStack mah={200} y={-100} x={-40} rotate="-10deg">
-    <ButtonCol y={35} size="$2" {...outlined} subTheme="alt1" borderWidth={1} />
-    <ButtonCol y={30} />
-    <ButtonCol y={-50} {...outlined} />
-    <ButtonCol {...outlined} icon={<Hand />} />
-    <ButtonCol size="$6" subTheme="alt2" />
-    <ButtonCol size="$6" subTheme="alt2" {...outlined} />
-    <ButtonCol size="$8" subTheme="alt2" iconAfter={<Drumstick />} {...outlined} />
-    <ButtonCol size="$10" subTheme="alt1" />
-    <ButtonCol size="$8" subTheme="alt2" {...outlined} borderRadius={0} />
-  </XStack></YStack>;
-}
-function ButtonCol(props) {
-  const subTheme = props.subTheme ? `_${props.subTheme}` : "";
-  return <YStack padding="$2" space="$3">
-    <Button theme={props.subTheme} {...props}>Hello</Button>
-    <Button theme={"orange" + subTheme} {...props}>Hello</Button>
-    <Button theme={"yellow" + subTheme} {...props}>Hello</Button>
-    <Button theme={"green" + subTheme} {...props}>Hello</Button>
-    <Button theme={"blue" + subTheme} {...props}>Hello</Button>
-    <Button theme={"purple" + subTheme} {...props}>Hello</Button>
-    <Button theme={"pink" + subTheme} {...props}>Hello</Button>
-    <Button theme={"red" + subTheme} {...props}>Hello</Button>
-  </YStack>;
-}
-export {
-  BuildAButtonDemo
-};
-//# sourceMappingURL=BuildAButtonDemo.mjs.map

package/dist/jsx/BuildAButtonDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/BuildAButtonDemo.tsx"],
-  "mappings": "AAAA,SAAS,WAAW,YAAY;AAChC,SAAS,QAAgC,QAAQ,cAAc;AAE/D,MAAM,WAAW;AAAA,EACf,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EAEd,YAAY;AAAA,IACV,iBAAiB;AAAA,IACjB,aAAa;AAAA,EACf;AACF;AAEO,SAAS,mBAAmB;AACjC,SACE,CAAC,OAAO,WAAW,GAAG,SACpB,CAAC,OAAO,KAAK,KAAK,GAAG,MAAM,GAAG,KAAK,OAAO;AAAA,IACxC,CAAC,UAAU,GAAG,IAAI,KAAK,SAAS,UAAU,SAAS,OAAO,aAAa,GAAG;AAAA,IAC1E,CAAC,UAAU,GAAG,IAAI;AAAA,IAClB,CAAC,UAAU,GAAG,SAAS,UAAU;AAAA,IACjC,CAAC,cAAc,UAAU,MAAM,CAAC,KAAK,IAAI;AAAA,IACzC,CAAC,UAAU,KAAK,KAAK,SAAS,OAAO;AAAA,IACrC,CAAC,UAAU,KAAK,KAAK,SAAS,WAAW,UAAU;AAAA,IACnD,CAAC,UAAU,KAAK,KAAK,SAAS,OAAO,WAAW,CAAC,UAAU,QAAQ,UAAU;AAAA,IAC7E,CAAC,UAAU,KAAK,MAAM,SAAS,OAAO;AAAA,IACtC,CAAC,UAAU,KAAK,KAAK,SAAS,WAAW,UAAU,cAAc,GAAG;AAAA,EACtE,EAVC,OAWH,EAZC;AAcL;AAEA,SAAS,UACP,OAGA;AACA,QAAM,WAAW,MAAM,WAAW,IAAI,MAAM,aAAa;AACzD,SACE,CAAC,OAAO,QAAQ,KAAK,MAAM;AAAA,IACzB,CAAC,OAAO,OAAO,MAAM,cAAc,OAAO,KAE1C,EAFC;AAAA,IAGD,CAAC,OAAO,OAAQ,WAAW,cAA4B,OAAO,KAE9D,EAFC;AAAA,IAGD,CAAC,OAAO,OAAQ,WAAW,cAA4B,OAAO,KAE9D,EAFC;AAAA,IAGD,CAAC,OAAO,OAAQ,UAAU,cAA4B,OAAO,KAE7D,EAFC;AAAA,IAGD,CAAC,OAAO,OAAQ,SAAS,cAA4B,OAAO,KAE5D,EAFC;AAAA,IAGD,CAAC,OAAO,OAAQ,WAAW,cAA4B,OAAO,KAE9D,EAFC;AAAA,IAGD,CAAC,OAAO,OAAQ,SAAS,cAA4B,OAAO,KAE5D,EAFC;AAAA,IAGD,CAAC,OAAO,OAAQ,QAAQ,cAA4B,OAAO,KAE3D,EAFC;AAAA,EAGH,EAzBC;AA2BL;",
-  "names": []
-}