@tamagui/demos 1.0.1-beta.68 → 1.0.1-beta.69

package/dist/jsx/demos/AnimationsDemo.js

@@ -1,64 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { Play } from "@tamagui/feather-icons";
-import { Button, Square, useControllableState } from "tamagui";
-import { useTint } from "../ColorToggleButton";
-import { LogoIcon } from "../TamaguiLogo";
-var AnimationsDemo_default = /* @__PURE__ */ __name((props) => {
-  const { tint } = useTint();
-  const [positionI, setPositionI] = useControllableState({
-    strategy: "most-recent-wins",
-    prop: props.position,
-    defaultProp: 0
-  });
-  const position = positions[positionI];
-  const next = /* @__PURE__ */ __name((to = 1) => {
-    setPositionI((x) => {
-      return (x + to) % positions.length;
-    });
-  }, "next");
-  return <>
-    <Square animation={props.animation || "bouncy"} onPress={() => next()} size={110} bc="$pink10" br="$9" hoverStyle={{
-      scale: 1.1
-    }} pressStyle={{
-      scale: 0.9
-    }} {...position}><LogoIcon downscale={0.75} /></Square>
-    <Button pos="absolute" b={20} l={20} icon={Play} theme={tint} size="$5" circular onPress={() => next()} />
-  </>;
-}, "default");
-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_default as default,
-  positions
-};

package/dist/jsx/demos/AnimationsEnterDemo.js

@@ -1,25 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { useRef, useState } from "react";
-import { Button, Square, YStack } from "tamagui";
-import { LogoIcon } from "../TamaguiLogo";
-import { useIsIntersecting } from "../useOnIntersecting";
-var AnimationsEnterDemo_default = /* @__PURE__ */ __name(() => {
-  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} bc="$pink10" br="$9"><LogoIcon downscale={0.75} /></Square>
-    <Button size="$3" mt="$4" onPress={() => setKey(Math.random())}>Re-mount</Button>
-  </>;
-}, "default");
-export {
-  AnimationsEnterDemo_default as default
-};

package/dist/jsx/demos/AnimationsHoverDemo.js

@@ -1,14 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { Square } from "tamagui";
-import { LogoIcon } from "../TamaguiLogo";
-var AnimationsHoverDemo_default = /* @__PURE__ */ __name(() => {
-  return <Square bc="$pink10" animation="bouncy" elevation="$4" size={110} br="$9" hoverStyle={{
-    scale: 1.2
-  }} pressStyle={{
-    scale: 0.9
-  }}><LogoIcon downscale={0.75} /></Square>;
-}, "default");
-export {
-  AnimationsHoverDemo_default as default
-};

package/dist/jsx/demos/AnimationsPresenceDemo.js

@@ -1,38 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { AnimatePresence } from "@tamagui/animate-presence";
-import { ArrowLeft, ArrowRight } from "@tamagui/feather-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.src, photo2.src, photo3.src];
-const YStackEnterable = styled(YStack, {
-  variants: {
-    isLeft: { true: { x: -300, opacity: 0 } },
-    isRight: { true: { x: 300, opacity: 0 } }
-  }
-});
-var AnimationsPresenceDemo_default = /* @__PURE__ */ __name(() => {
-  const [[page, direction], setPage] = useState([0, 0]);
-  const imageIndex = wrap(0, images.length, page);
-  const paginate = /* @__PURE__ */ __name((newDirection) => {
-    setPage([page + newDirection, newDirection]);
-  }, "paginate");
-  const enterVariant = direction === 1 || direction === 0 ? "isRight" : "isLeft";
-  const exitVariant = direction === 1 ? "isLeft" : "isRight";
-  return <XStack ov="hidden" bc="#000" pos="relative" h={300} w="100%" ai="center">
-    <AnimatePresence enterVariant={enterVariant} exitVariant={exitVariant}><YStackEnterable key={page} animation="bouncy" fullscreen x={0} o={1}><Image src={images[imageIndex]} width={700} height={300} /></YStackEnterable></AnimatePresence>
-    <Button accessibilityLabel="Carousel left" icon={ArrowLeft} circular size="$5" pos="absolute" l="$4" onPress={() => paginate(-1)} />
-    <Button accessibilityLabel="Carousel right" icon={ArrowRight} circular size="$5" pos="absolute" r="$4" onPress={() => paginate(1)} />
-  </XStack>;
-}, "default");
-const wrap = /* @__PURE__ */ __name((min, max, v) => {
-  const rangeSize = max - min;
-  return ((v - min) % rangeSize + rangeSize) % rangeSize + min;
-}, "wrap");
-export {
-  AnimationsPresenceDemo_default as default,
-  images
-};

package/dist/jsx/demos/AvatarDemo.js

@@ -1,19 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { Avatar, XStack } from "tamagui";
-function AvatarDemo() {
-  return <XStack ai="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"} width={150} height={150} />
-      <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"} width={100} height={100} />
-      <Avatar.Fallback delayMs={600} backgroundColor="$blue10" />
-    </Avatar>
-  </XStack>;
-}
-__name(AvatarDemo, "AvatarDemo");
-export {
-  AvatarDemo as default
-};

package/dist/jsx/demos/ButtonDemo.js

@@ -1,26 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { Activity, Airplay } from "@tamagui/feather-icons";
-import { Button, Group, XStack, YStack } from "tamagui";
-function ButtonDemo(props) {
-  return <YStack p="$3" space="$2" {...props}>
-    <Button>Plain</Button>
-    <Button als="center" icon={Airplay} size="$6">Large</Button>
-    <Group>
-      <Button w="50%" size="$3" br={0} theme="alt2">Alt2</Button>
-      <Button w="50%" size="$3" br={0} theme="yellow">Yellow</Button>
-    </Group>
-    <XStack space>
-      <Button themeInverse size="$2">Small Inverse</Button>
-      <Button iconAfter={Activity} size="$2">After</Button>
-    </XStack>
-    <Group>
-      <Button br={0} w="50%" size="$1" disabled>disabled</Button>
-      <Button br={0} w="50%" size="$1" chromeless>chromeless</Button>
-    </Group>
-  </YStack>;
-}
-__name(ButtonDemo, "ButtonDemo");
-export {
-  ButtonDemo as default
-};

package/dist/jsx/demos/CardDemo.js

@@ -1,28 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { Button, Card, H2, Image, Paragraph, XStack } from "tamagui";
-import camera from "../../public/camera.jpg";
-function CardDemo() {
-  return <XStack $sm={{ als: "flex-start" }} px="$4" space>
-    <DemoCard animation="bouncy" size="$4" w={250} h={300} scale={0.9} hoverStyle={{ scale: 0.95 }} pressStyle={{ scale: 0.85 }} />
-    <DemoCard size="$5" w={250} h={300} />
-  </XStack>;
-}
-__name(CardDemo, "CardDemo");
-function DemoCard(props) {
-  return <Card theme="dark" elevate size="$4" {...props}>
-    <Card.Header padded>
-      <H2>Sony A7IV</H2>
-      <Paragraph theme="alt2">Now available</Paragraph>
-    </Card.Header>
-    <Card.Footer padded>
-      <XStack f={1} />
-      <Button br="$10">Purchase</Button>
-    </Card.Footer>
-    <Card.Background><Image pos="absolute" width={300} height={500} resizeMode="cover" src={camera.src} /></Card.Background>
-  </Card>;
-}
-__name(DemoCard, "DemoCard");
-export {
-  CardDemo as default
-};

package/dist/jsx/demos/DialogDemo.js

@@ -1,37 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { X } from "@tamagui/feather-icons";
-import { Button, Dialog, Fieldset, Input, Label, Unspaced, YStack } from "tamagui";
-function DialogDemo() {
-  return <Dialog modal>
-    <Dialog.Trigger asChild><Button>Edit Profile</Button></Dialog.Trigger>
-    <Dialog.Portal>
-      <Dialog.Overlay key="overlay" o={0.5} />
-      <Dialog.Content bordered elevate key="content" space 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}>
-        <Dialog.Title>Edit profile</Dialog.Title>
-        <Dialog.Description>Make changes to your profile here. Click save when you're done.</Dialog.Description>
-        <Fieldset horizontal>
-          <Label w={160} justifyContent="flex-end" htmlFor="name">Name</Label>
-          <Input f={1} id="name" defaultValue="Nate Wienert" />
-        </Fieldset>
-        <Fieldset horizontal>
-          <Label w={160} justifyContent="flex-end" htmlFor="username">Username</Label>
-          <Input f={1} id="username" defaultValue="@natebirdman" />
-        </Fieldset>
-        <YStack ai="flex-end" mt="$2"><Dialog.Close asChild><Button theme="alt1" aria-label="Close">Save changes</Button></Dialog.Close></YStack>
-        <Unspaced><Dialog.Close asChild><Button pos="absolute" t="$4" r="$4" circular icon={X} /></Dialog.Close></Unspaced>
-      </Dialog.Content>
-    </Dialog.Portal>
-  </Dialog>;
-}
-__name(DialogDemo, "DialogDemo");
-export {
-  DialogDemo as default
-};

package/dist/jsx/demos/DrawerDemo.js

@@ -1,20 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { Drawer } from "@tamagui/drawer";
-import { ChevronDown, ChevronUp } from "@tamagui/feather-icons";
-import { useState } from "react";
-import { Button, Paragraph, YStack } from "tamagui";
-function DrawerDemo() {
-  const [show, setShow] = useState(false);
-  return <YStack minWidth={230} w="100%" h="100%" ai="center" jc="center" position="relative"><Drawer.Provider>
-    <Button size="$6" icon={show ? ChevronDown : ChevronUp} circular onPress={() => setShow((x) => !x)} elevation="$2" />
-    <Drawer open={show} onChangeOpen={setShow}><Drawer.Frame h={200} ai="center" jc="center" p="$6" space>
-      <Paragraph selectable={false}>Hello.</Paragraph>
-      <Button size="$6" icon={show ? ChevronDown : ChevronUp} circular onPress={() => setShow((x) => !x)} elevation="$2" />
-    </Drawer.Frame></Drawer>
-  </Drawer.Provider></YStack>;
-}
-__name(DrawerDemo, "DrawerDemo");
-export {
-  DrawerDemo as default
-};

package/dist/jsx/demos/FeatherIconsDemo.js

@@ -1,34 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import * as FeatherIcons from "@tamagui/feather-icons";
-import { useMemo, useState } from "react";
-import { ScrollView } from "react-native";
-import { Grid, Input, Paragraph, Spacer, YStack, useDebounceValue } from "tamagui";
-const featherIcons = Object.keys(FeatherIcons).map((name) => ({
-  key: name.toLowerCase(),
-  name,
-  Icon: FeatherIcons[name]
-}));
-function FeatherIconsDemo() {
-  const [searchRaw, setSearch] = useState("");
-  const search = useDebounceValue(searchRaw, 400);
-  const size = 100;
-  const iconsMemo = useMemo(() => {
-    const icons = featherIcons.filter((x) => x.key.startsWith(search.toLowerCase()));
-    return icons.map(({ Icon, name }) => {
-      return <YStack h={size} ai="center" jc="center" key={name}>
-        <Icon size={size * 0.25} />
-        <Spacer />
-        <Paragraph size="$2" o={0.5}>{name}</Paragraph>
-      </YStack>;
-    });
-  }, [search]);
-  return <YStack als="stretch" p="$4" pb="$0" space>
-    <Input value={searchRaw} onChangeText={setSearch} placeholder="Search..." />
-    <YStack h={420}><ScrollView><Grid itemMinWidth={size}>{iconsMemo}</Grid></ScrollView></YStack>
-  </YStack>;
-}
-__name(FeatherIconsDemo, "FeatherIconsDemo");
-export {
-  FeatherIconsDemo as default
-};

package/dist/jsx/demos/FormsDemo.js

@@ -1,22 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { Button, Input, TextArea, XStack, YStack } from "tamagui";
-function FormsDemo() {
-  return <YStack maxWidth={200} overflow="hidden" space="$2" m="$3" p="$2">
-    <FormDemo size="$1" />
-    <FormDemo size="$2" />
-    <FormDemo size="$4" />
-    <TextArea numberOfLines={2} />
-  </YStack>;
-}
-__name(FormsDemo, "FormsDemo");
-function FormDemo(props) {
-  return <XStack ai="center" space="$1">
-    <Input f={1} w="0%" size={props.size} placeholder={`Size ${props.size}...`} />
-    <Button size={props.size}>Go</Button>
-  </XStack>;
-}
-__name(FormDemo, "FormDemo");
-export {
-  FormsDemo as default
-};

package/dist/jsx/demos/GroupDemo.js

@@ -1,21 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { Activity, Airplay } from "@tamagui/feather-icons";
-import { Button, Group, XStack } from "tamagui";
-function GroupDemo() {
-  return <XStack p="$3" space="$2" ai="center">
-    <Group size="$3">
-      <Button>First</Button>
-      <Button>Second</Button>
-      <Button>Third</Button>
-    </Group>
-    <Group size="$5">
-      <Button icon={Activity}>First</Button>
-      <Button icon={Airplay}>Second</Button>
-    </Group>
-  </XStack>;
-}
-__name(GroupDemo, "GroupDemo");
-export {
-  GroupDemo as default
-};

package/dist/jsx/demos/HeadingsDemo.js

@@ -1,17 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { H1, H2, H3, H4, H5, H6, YStack } from "tamagui";
-function HeadingsDemo() {
-  return <YStack als="center">
-    <H1>Heading 1</H1>
-    <H2>Heading 2</H2>
-    <H3>Heading 3</H3>
-    <H4>Heading 4</H4>
-    <H5>Heading 5</H5>
-    <H6>Heading 6</H6>
-  </YStack>;
-}
-__name(HeadingsDemo, "HeadingsDemo");
-export {
-  HeadingsDemo as default
-};

package/dist/jsx/demos/ImageDemo.js

@@ -1,10 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { Image } from "tamagui";
-function ImageDemo() {
-  return <Image src="http://placekitten.com/200/300" width={200} height={300} />;
-}
-__name(ImageDemo, "ImageDemo");
-export {
-  ImageDemo as default
-};

package/dist/jsx/demos/LabelDemo.js

@@ -1,13 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { Input, Label, XStack } from "tamagui";
-function LabelDemo() {
-  return <XStack p="$3" space="$2">
-    <Label htmlFor="name">Name</Label>
-    <Input id="name" defaultValue="Nate Wienert" />
-  </XStack>;
-}
-__name(LabelDemo, "LabelDemo");
-export {
-  LabelDemo as default
-};

package/dist/jsx/demos/LinearGradientDemo.js

@@ -1,10 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { LinearGradient } from "tamagui";
-function LinearGradientDemo() {
-  return <LinearGradient als="center" width={100} height={100} colors={["$red10", "$yellow10"]} start={[0, 1]} br="$4" end={[0, 0]} />;
-}
-__name(LinearGradientDemo, "LinearGradientDemo");
-export {
-  LinearGradientDemo as default
-};

package/dist/jsx/demos/ListItemDemo.js

@@ -1,30 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { Cloud, Moon, Star, Sun } from "@tamagui/feather-icons";
-import { Group, ListItem, Separator, XStack } from "tamagui";
-function ListItemDemo() {
-  return <XStack $sm={{ als: "flex-start" }} px="$4" space>
-    <ListItemDemo1 />
-    <ListItemDemo2 />
-  </XStack>;
-}
-__name(ListItemDemo, "ListItemDemo");
-function ListItemDemo1() {
-  return <Group als="center" bordered w={240} size="$4" vertical>
-    <ListItem hoverable icon={Star}>Star</ListItem>
-    <ListItem hoverable icon={Moon}>Moon</ListItem>
-    <ListItem hoverable icon={Sun}>Sun</ListItem>
-    <ListItem hoverable icon={Cloud}>Cloud</ListItem>
-  </Group>;
-}
-__name(ListItemDemo1, "ListItemDemo1");
-function ListItemDemo2() {
-  return <Group als="center" bordered w={240} size="$5" vertical separator={<Separator />}>
-    <ListItem subTitle="Subtitle" iconAfter={Star}>Star</ListItem>
-    <ListItem subTitle="Subtitle" iconAfter={Moon}>Moon</ListItem>
-  </Group>;
-}
-__name(ListItemDemo2, "ListItemDemo2");
-export {
-  ListItemDemo as default
-};

package/dist/jsx/demos/MenuDemo.js

@@ -1,17 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { Menu as MenuIcon } from "@tamagui/feather-icons";
-import { Menu } from "@tamagui/menu";
-import { useState } from "react";
-import { Button, H4, Paragraph, YStack } from "tamagui";
-function MenuDemo() {
-  const [show, setShow] = useState(false);
-  return <Menu.Provider><Menu open={show} onChangeOpen={setShow} trigger={<Button size="$6" icon={MenuIcon} theme={show ? "active" : null} circular onPress={() => setShow((x) => !x)} />}><Menu.Item><YStack p="$2">
-    <H4>Menu contents</H4>
-    <Paragraph>Lorem ipsum dolor sit amet.</Paragraph>
-  </YStack></Menu.Item></Menu></Menu.Provider>;
-}
-__name(MenuDemo, "MenuDemo");
-export {
-  MenuDemo as default
-};

package/dist/jsx/demos/PopoverDemo.js

@@ -1,29 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { ChevronDown, ChevronLeft, ChevronRight } from "@tamagui/feather-icons";
-import { Button, Input, Label, Popover, XStack, YStack } from "tamagui";
-function PopoverDemo() {
-  return <XStack space="$2">
-    <Demo placement="left" Icon={ChevronLeft} />
-    <Demo placement="bottom" Icon={ChevronDown} />
-    <Demo placement="right" Icon={ChevronRight} />
-  </XStack>;
-}
-__name(PopoverDemo, "PopoverDemo");
-function Demo({ Icon, ...props }) {
-  return <Popover modal {...props}>
-    <Popover.Trigger><Button icon={Icon} /></Popover.Trigger>
-    <Popover.Content elevation="$4" enterStyle={{ x: 0, y: -10, o: 0 }} exitStyle={{ x: 0, y: -10, o: 0 }} x={0} y={0} o={1} animation="bouncy">
-      <Popover.Arrow />
-      <YStack p="$2"><XStack space="$2">
-        <Label size="$2" htmlFor="name">Name</Label>
-        <Input size="$2" id="name" />
-      </XStack></YStack>
-    </Popover.Content>
-  </Popover>;
-}
-__name(Demo, "Demo");
-export {
-  Demo,
-  PopoverDemo as default
-};

package/dist/jsx/demos/ProgressDemo.js

@@ -1,37 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { useEffect, useState } from "react";
-import { Button, Paragraph, Progress, Slider, XStack, YStack } from "tamagui";
-function ProgressDemo() {
-  const [size, setSize] = useState(4);
-  const [progress, setProgress] = useState(20);
-  const sizeProp = `$${size}`;
-  useEffect(() => {
-    const timer = setTimeout(() => setProgress(60), 1e3);
-    return () => {
-      clearTimeout(timer);
-    };
-  }, []);
-  return <>
-    <YStack h={60} ai="center" space>
-      <Paragraph h={30} o={0.5}>
-        {"Size: "}
-        {size}
-      </Paragraph>
-      <Progress size={sizeProp} value={progress}><Progress.Indicator animation="bouncy" /></Progress>
-    </YStack>
-    <XStack ai="center" space pos="absolute" b={10} l={20} $sm={{ disp: "none" }}>
-      <Slider size="$1" w={130} defaultValue={[4]} min={2} max={6} step={1} onValueChange={([val]) => {
-        setSize(val);
-      }}>
-        <Slider.Track><Slider.TrackActive /></Slider.Track>
-        <Slider.Thumb circular index={0} />
-      </Slider>
-      <Button size="$2" onPress={() => setProgress((prev) => (prev + 20) % 100)}>Load</Button>
-    </XStack>
-  </>;
-}
-__name(ProgressDemo, "ProgressDemo");
-export {
-  ProgressDemo as default
-};

package/dist/jsx/demos/SeparatorDemo.js

@@ -1,21 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { Paragraph, Separator, XStack, YStack } from "tamagui";
-function SeparatorDemo() {
-  return <YStack w="100%" maw={300} mx={15}>
-    <Paragraph fontWeight="800">Tamagui</Paragraph>
-    <Paragraph>An cross-platform component library.</Paragraph>
-    <Separator my={15} />
-    <XStack h={20} ai="center">
-      <Paragraph>Blog</Paragraph>
-      <Separator als="stretch" vertical mx={15} />
-      <Paragraph>Docs</Paragraph>
-      <Separator als="stretch" vertical mx={15} />
-      <Paragraph>Source</Paragraph>
-    </XStack>
-  </YStack>;
-}
-__name(SeparatorDemo, "SeparatorDemo");
-export {
-  SeparatorDemo as default
-};

package/dist/jsx/demos/ShapesDemo.js

@@ -1,13 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { Circle, Square, XStack } from "tamagui";
-function ShapesDemo() {
-  return <XStack p="$2" space="$4">
-    <Square size={100} bc="$color" elevation="$4" />
-    <Circle size={100} bc="$color" elevation="$4" />
-  </XStack>;
-}
-__name(ShapesDemo, "ShapesDemo");
-export {
-  ShapesDemo as default
-};

package/dist/jsx/demos/SliderDemo.js

@@ -1,19 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { Slider, XStack } from "tamagui";
-function SliderDemo() {
-  return <XStack width={300} height={200} ai="center" space="$8">
-    <Slider height={200} orientation="vertical" defaultValue={[50]} max={100} step={1}>
-      <Slider.Track><Slider.TrackActive /></Slider.Track>
-      <Slider.Thumb hoverable bordered circular elevate index={0} />
-    </Slider>
-    <Slider width={200} defaultValue={[50]} max={100} step={1}>
-      <Slider.Track><Slider.TrackActive /></Slider.Track>
-      <Slider.Thumb hoverable bordered circular elevate index={0} />
-    </Slider>
-  </XStack>;
-}
-__name(SliderDemo, "SliderDemo");
-export {
-  SliderDemo as default
-};

package/dist/jsx/demos/SpinnerDemo.js

@@ -1,13 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { Spinner, YStack } from "tamagui";
-function SpinnerDemo() {
-  return <YStack p="$3" space="$4" ai="center">
-    <Spinner size="small" color="$green10" />
-    <Spinner size="large" color="$orange10" />
-  </YStack>;
-}
-__name(SpinnerDemo, "SpinnerDemo");
-export {
-  SpinnerDemo as default
-};

package/dist/jsx/demos/StacksDemo.js

@@ -1,26 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { XStack, YStack, ZStack } from "tamagui";
-function StacksDemo() {
-  return <XStack als="center" space>
-    <YStack flex={1} space="$2" bw={2} boc="$color" br="$4" p="$2">
-      <YStack bc="$color" br="$3" p="$2" />
-      <YStack bc="$color" br="$3" p="$2" />
-      <YStack bc="$color" br="$3" p="$2" />
-    </YStack>
-    <XStack flex={1} space="$2" bw={2} boc="$color" br="$4" p="$2">
-      <YStack bc="$color" br="$3" p="$2" />
-      <YStack bc="$color" br="$3" p="$2" />
-      <YStack bc="$color" br="$3" p="$2" />
-    </XStack>
-    <ZStack maw={50} mah={85} w={100} flex={1}>
-      <YStack fullscreen bw={2} br="$4" p="$2" />
-      <YStack fullscreen y={10} x={10} bw={2} br="$4" p="$2" />
-      <YStack fullscreen y={20} x={20} bw={2} bc="$color" br="$4" p="$2" />
-    </ZStack>
-  </XStack>;
-}
-__name(StacksDemo, "StacksDemo");
-export {
-  StacksDemo as default
-};