@tamagui/demos 1.74.7 → 1.74.9

package/dist/jsx/DialogDemo.mjs

@@ -1,87 +0,0 @@
-import { X } from "@tamagui/lucide-icons";
-import { useState } from "react";
-import {
-  Adapt,
-  Button,
-  Dialog,
-  Fieldset,
-  Input,
-  Label,
-  Paragraph,
-  Sheet,
-  TooltipSimple,
-  Unspaced,
-  XStack
-} from "tamagui";
-import { SelectDemoItem } from "./SelectDemo";
-function DialogDemo() {
-  return <DialogInstance />;
-}
-function DialogInstance() {
-  const [open, setOpen] = useState(false);
-  return <Dialog
-    modal
-    onOpenChange={(open2) => {
-      setOpen(open2);
-    }}
-  >
-    <Dialog.Trigger asChild><Button>Show Dialog</Button></Dialog.Trigger>
-    <Adapt when="sm" platform="touch"><Sheet zIndex={2e5} modal dismissOnSnapToBottom>
-      <Sheet.Frame padding="$4" space><Adapt.Contents /></Sheet.Frame>
-      <Sheet.Overlay />
-    </Sheet></Adapt>
-    <Dialog.Portal>
-      <Dialog.Overlay
-        key="overlay"
-        animation="quick"
-        opacity={0.5}
-        enterStyle={{ opacity: 0 }}
-        exitStyle={{ opacity: 0 }}
-      />
-      <Dialog.Content
-        bordered
-        elevate
-        key="content"
-        animateOnly={["transform", "opacity"]}
-        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 }}
-        space
-      >
-        <Dialog.Title>Edit profile</Dialog.Title>
-        <Dialog.Description>Make changes to your profile here. Click save when you're done.</Dialog.Description>
-        <Fieldset space="$4" horizontal>
-          <Label width={160} justifyContent="flex-end" htmlFor="name">Name</Label>
-          <Input flex={1} id="name" defaultValue="Nate Wienert" />
-        </Fieldset>
-        <Fieldset space="$4" horizontal>
-          <Label width={160} justifyContent="flex-end" htmlFor="username"><TooltipSimple label="Pick your favorite" placement="bottom-start"><Paragraph>Food</Paragraph></TooltipSimple></Label>
-          <SelectDemoItem />
-        </Fieldset>
-        <XStack alignSelf="flex-end" space>
-          <DialogInstance />
-          <Dialog.Close displayWhenAdapted asChild><Button theme="alt1" aria-label="Close">Save changes</Button></Dialog.Close>
-        </XStack>
-        <Unspaced><Dialog.Close asChild><Button
-          position="absolute"
-          top="$3"
-          right="$3"
-          size="$2"
-          circular
-          icon={X}
-        /></Dialog.Close></Unspaced>
-      </Dialog.Content>
-    </Dialog.Portal>
-  </Dialog>;
-}
-export {
-  DialogDemo
-};
-//# sourceMappingURL=DialogDemo.mjs.map

package/dist/jsx/DialogDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DialogDemo.tsx"],
-  "mappings": "AAAA,SAAS,SAAS;AAClB,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAEP,SAAS,sBAAsB;AAExB,SAAS,aAAa;AAC3B,SAAO,CAAC,eAAe;AACzB;AAEA,SAAS,iBAAiB;AACxB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,SACE,CAAC;AAAA,IACC;AAAA,IACA,cAAc,CAACA,UAAS;AACtB,cAAQA,KAAI;AAAA,IACd;AAAA;AAAA,IAEA,CAAC,OAAO,QAAQ,QACd,CAAC,OAAO,WAAW,EAAlB,OACH,EAFC,OAAO;AAAA,IAIR,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,MAAM,QAAQ,KAAQ,MAAM;AAAA,MAC3B,CAAC,MAAM,MAAM,QAAQ,KAAK,MACxB,CAAC,MAAM,SAAS,EAClB,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,QAAQ;AAAA,IACjB,EALC,MAMH,EAPC;AAAA,IASD,CAAC,OAAO;AAAA,MACN,CAAC,OAAO;AAAA,QACN,IAAI;AAAA,QACJ,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY,EAAE,SAAS,EAAE;AAAA,QACzB,WAAW,EAAE,SAAS,EAAE;AAAA,MAC1B;AAAA,MAEA,CAAC,OAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA,IAAI;AAAA,QACJ,aAAa,CAAC,aAAa,SAAS;AAAA,QACpC,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;AAAA;AAAA,QAEA,CAAC,OAAO,MAAM,YAAY,EAAzB,OAAO;AAAA,QACR,CAAC,OAAO,YAAY,+DAEpB,EAFC,OAAO;AAAA,QAGR,CAAC,SAAS,MAAM,KAAK;AAAA,UACnB,CAAC,MAAM,OAAO,KAAK,eAAe,WAAW,QAAQ,OAAO,IAE5D,EAFC;AAAA,UAGD,CAAC,MAAM,MAAM,GAAG,GAAG,OAAO,aAAa,eAAe;AAAA,QACxD,EALC;AAAA,QAMD,CAAC,SAAS,MAAM,KAAK;AAAA,UACnB,CAAC,MAAM,OAAO,KAAK,eAAe,WAAW,QAAQ,WACnD,CAAC,cAAc,MAAM,qBAAqB,UAAU,eAClD,CAAC,UAAU,IAAI,EAAd,UACH,EAFC,cAGH,EAJC;AAAA,UAKD,CAAC,eAAe;AAAA,QAClB,EAPC;AAAA,QASD,CAAC,OAAO,UAAU,WAAW;AAAA,UAC3B,CAAC,eAAe;AAAA,UAEhB,CAAC,OAAO,MAAM,mBAAmB,QAC/B,CAAC,OAAO,MAAM,OAAO,WAAW,QAAQ,YAExC,EAFC,OAGH,EAJC,OAAO;AAAA,QAKV,EARC;AAAA,QAUD,CAAC,SACC,CAAC,OAAO,MAAM,QACZ,CAAC;AAAA,UACC,SAAS;AAAA,UACT,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,KAAK;AAAA,UACL;AAAA,UACA,MAAM;AAAA,QACR,EACF,EATC,OAAO,MAUV,EAXC;AAAA,MAYH,EA1DC,OAAO;AAAA,IA2DV,EApEC,OAAO;AAAA,EAqEV,EAxFC;AA0FL;",
-  "names": ["open"]
-}

package/dist/jsx/FormsDemo.mjs

@@ -1,31 +0,0 @@
-import { useEffect, useState } from "react";
-import { Button, Form, H4, Spinner } from "tamagui";
-function FormsDemo(props) {
-  const [status, setStatus] = useState("off");
-  useEffect(() => {
-    if (status === "submitting") {
-      const timer = setTimeout(() => setStatus("off"), 2e3);
-      return () => {
-        clearTimeout(timer);
-      };
-    }
-  }, [status]);
-  return <Form
-    alignItems="center"
-    minWidth={300}
-    space
-    onSubmit={() => setStatus("submitting")}
-    borderWidth={1}
-    borderRadius="$4"
-    backgroundColor="$background"
-    borderColor="$borderColor"
-    padding="$8"
-  >
-    <H4>{status[0].toUpperCase() + status.slice(1)}</H4>
-    <Form.Trigger asChild disabled={status !== "off"}><Button icon={status === "submitting" ? () => <Spinner /> : void 0}>Submit</Button></Form.Trigger>
-  </Form>;
-}
-export {
-  FormsDemo
-};
-//# sourceMappingURL=FormsDemo.mjs.map

package/dist/jsx/FormsDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/FormsDemo.tsx"],
-  "mappings": "AAEA,SAAS,WAAW,gBAAgB;AACpC,SAAS,QAAQ,MAAM,IAAgB,eAA+B;AAE/D,SAAS,UAAU,OAA6B;AACrD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6C,KAAK;AAE9E,YAAU,MAAM;AACd,QAAI,WAAW,cAAc;AAC3B,YAAM,QAAQ,WAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AACrD,aAAO,MAAM;AACX,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,CAAC;AAAA,IACC,WAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,IACA,UAAU,MAAM,UAAU,YAAY;AAAA,IACtC,aAAa;AAAA,IACb,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,QAAQ;AAAA;AAAA,IAER,CAAC,IAAI,OAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC,EAAE,EAA9C;AAAA,IAED,CAAC,KAAK,QAAQ,QAAQ,UAAU,WAAW,OACzC,CAAC,OAAO,MAAM,WAAW,eAAe,MAAM,CAAC,QAAQ,KAAK,QAAW,MAEvE,EAFC,OAGH,EAJC,KAAK;AAAA,EAKR,EAlBC;AAoBL;",
-  "names": []
-}

package/dist/jsx/GroupDemo.mjs

@@ -1,30 +0,0 @@
-import { Activity, Airplay } from "@tamagui/lucide-icons";
-import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "tamagui";
-function GroupDemo() {
-  return <YStack padding="$3" space="$2" alignItems="center">
-    <Group orientation="horizontal">
-      <Group.Item><Button>First</Button></Group.Item>
-      <Group.Item><Button>Second</Button></Group.Item>
-      <Group.Item><Button>Third</Button></Group.Item>
-    </Group>
-    {
-      /* responsive + size */
-    }
-    <XGroup size="$3" $gtSm={{ size: "$5" }}>
-      <XGroup.Item><Button size="$3" icon={Activity}>First</Button></XGroup.Item>
-      <XGroup.Item><Button size="$3" icon={Airplay}>Second</Button></XGroup.Item>
-    </XGroup>
-    {
-      /* Separator */
-    }
-    <YGroup separator={<Separator />}>
-      <YGroup.Item><ListItem title="First" /></YGroup.Item>
-      <YGroup.Item><ListItem title="Second" subTitle="Second subtitle" /></YGroup.Item>
-      <YGroup.Item><ListItem>Third</ListItem></YGroup.Item>
-    </YGroup>
-  </YStack>;
-}
-export {
-  GroupDemo
-};
-//# sourceMappingURL=GroupDemo.mjs.map

package/dist/jsx/GroupDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/GroupDemo.tsx"],
-  "mappings": "AAAA,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,OAAO,UAAU,WAAW,QAAQ,QAAQ,cAAc;AAEpE,SAAS,YAAY;AAC1B,SACE,CAAC,OAAO,QAAQ,KAAK,MAAM,KAAK,WAAW;AAAA,IACzC,CAAC,MAAM,YAAY;AAAA,MACjB,CAAC,MAAM,KACL,CAAC,OAAO,KAAK,EAAZ,OACH,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,KACL,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,KACL,CAAC,OAAO,KAAK,EAAZ,OACH,EAFC,MAAM;AAAA,IAGT,EAVC;AAAA;AAAA;AAAA;AAAA,IAaD,CAAC,OAAO,KAAK,KAAK,OAAO,EAAE,MAAM,KAAK;AAAA,MACpC,CAAC,OAAO,KACN,CAAC,OAAO,KAAK,KAAK,MAAM,UAAU,KAElC,EAFC,OAGH,EAJC,OAAO;AAAA,MAKR,CAAC,OAAO,KACN,CAAC,OAAO,KAAK,KAAK,MAAM,SAAS,MAEjC,EAFC,OAGH,EAJC,OAAO;AAAA,IAKV,EAXC;AAAA;AAAA;AAAA;AAAA,IAcD,CAAC,OAAO,WAAW,CAAC,UAAU;AAAA,MAC5B,CAAC,OAAO,KACN,CAAC,SAAS,MAAM,QAAQ,EAC1B,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO,KACN,CAAC,SAAS,MAAM,SAAS,SAAS,kBAAkB,EACtD,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO,KACN,CAAC,SAAS,KAAK,EAAd,SACH,EAFC,OAAO;AAAA,IAGV,EAVC;AAAA,EAWH,EAvCC;AAyCL;",
-  "names": []
-}

package/dist/jsx/HeadingsDemo.mjs

@@ -1,15 +0,0 @@
-import { H1, H2, H3, H4, H5, H6, YStack } from "tamagui";
-function HeadingsDemo() {
-  return <YStack alignSelf="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>;
-}
-export {
-  HeadingsDemo
-};
-//# sourceMappingURL=HeadingsDemo.mjs.map

package/dist/jsx/HeadingsDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/HeadingsDemo.tsx"],
-  "mappings": "AACA,SAAS,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,cAAc;AAExC,SAAS,eAAe;AAC7B,SACE,CAAC,OAAO,UAAU;AAAA,IAChB,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,EACH,EAPC;AASL;",
-  "names": []
-}

package/dist/jsx/ImageDemo.mjs

@@ -1,14 +0,0 @@
-import { Image } from "tamagui";
-function ImageDemo() {
-  return <Image
-    source={{
-      uri: "https://placekitten.com/200/300",
-      width: 200,
-      height: 300
-    }}
-  />;
-}
-export {
-  ImageDemo
-};
-//# sourceMappingURL=ImageDemo.mjs.map

package/dist/jsx/ImageDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ImageDemo.tsx"],
-  "mappings": "AAAA,SAAS,aAAa;AAEf,SAAS,YAAY;AAC1B,SACE,CAAC;AAAA,IACC,QAAQ;AAAA,MACN,KAAK;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AAEJ;",
-  "names": []
-}

package/dist/jsx/InputsDemo.mjs

@@ -1,26 +0,0 @@
-import { Button, Input, TextArea, XStack, YStack } from "tamagui";
-function InputsDemo() {
-  return <YStack
-    width={200}
-    minHeight={250}
-    overflow="hidden"
-    space="$2"
-    margin="$3"
-    padding="$2"
-  >
-    <InputDemo size="$2" />
-    <InputDemo size="$3" />
-    <InputDemo size="$4" />
-    <TextArea placeholder="Enter your details..." />
-  </YStack>;
-}
-function InputDemo(props) {
-  return <XStack alignItems="center" space="$2">
-    <Input flex={1} size={props.size} placeholder={`Size ${props.size}...`} />
-    <Button size={props.size}>Go</Button>
-  </XStack>;
-}
-export {
-  InputsDemo
-};
-//# sourceMappingURL=InputsDemo.mjs.map

package/dist/jsx/InputsDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/InputsDemo.tsx"],
-  "mappings": "AAAA,SAAS,QAAQ,OAAmB,UAAU,QAAQ,cAAc;AAE7D,SAAS,aAAa;AAC3B,SACE,CAAC;AAAA,IACC,OAAO;AAAA,IACP,WAAW;AAAA,IACX,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA;AAAA,IAER,CAAC,UAAU,KAAK,KAAK;AAAA,IACrB,CAAC,UAAU,KAAK,KAAK;AAAA,IACrB,CAAC,UAAU,KAAK,KAAK;AAAA,IACrB,CAAC,SAAS,YAAY,wBAAwB;AAAA,EAChD,EAZC;AAcL;AAEA,SAAS,UAAU,OAA6B;AAC9C,SACE,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,IAChC,CAAC,MAAM,MAAM,GAAG,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,WAAW;AAAA,IACxE,CAAC,OAAO,MAAM,MAAM,MAAM,EAAE,EAA3B;AAAA,EACH,EAHC;AAKL;",
-  "names": []
-}

package/dist/jsx/LabelDemo.mjs

@@ -1,17 +0,0 @@
-import { Input, Label, Switch, XStack, YStack } from "tamagui";
-function LabelDemo() {
-  return <YStack padding="$3" minWidth={300} space="$4">
-    <XStack alignItems="center" space="$4">
-      <Label width={90} htmlFor="name">Name</Label>
-      <Input flex={1} id="name" defaultValue="Nate Wienert" />
-    </XStack>
-    <XStack alignItems="center" space="$4">
-      <Label width={90} htmlFor="notify">Notifications</Label>
-      <Switch id="notify"><Switch.Thumb animation="quick" /></Switch>
-    </XStack>
-  </YStack>;
-}
-export {
-  LabelDemo
-};
-//# sourceMappingURL=LabelDemo.mjs.map

package/dist/jsx/LabelDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/LabelDemo.tsx"],
-  "mappings": "AAAA,SAAS,OAAO,OAAO,QAAQ,QAAQ,cAAc;AAE9C,SAAS,YAAY;AAC1B,SACE,CAAC,OAAO,QAAQ,KAAK,UAAU,KAAK,MAAM;AAAA,IACxC,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,MAChC,CAAC,MAAM,OAAO,IAAI,QAAQ,OAAO,IAEjC,EAFC;AAAA,MAGD,CAAC,MAAM,MAAM,GAAG,GAAG,OAAO,aAAa,eAAe;AAAA,IACxD,EALC;AAAA,IAOD,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,MAChC,CAAC,MAAM,OAAO,IAAI,QAAQ,SAAS,aAEnC,EAFC;AAAA,MAGD,CAAC,OAAO,GAAG,SACT,CAAC,OAAO,MAAM,UAAU,QAAQ,EAClC,EAFC;AAAA,IAGH,EAPC;AAAA,EAQH,EAhBC;AAkBL;",
-  "names": []
-}

package/dist/jsx/LinearGradientDemo.mjs

@@ -1,32 +0,0 @@
-import { XStack } from "tamagui";
-import { LinearGradient } from "tamagui/linear-gradient";
-function LinearGradientDemo() {
-  return <XStack space>
-    {
-      /* tokens */
-    }
-    <LinearGradient
-      width="$6"
-      height="$6"
-      borderRadius="$4"
-      colors={["$red10", "$yellow10"]}
-      start={[0, 1]}
-      end={[0, 0]}
-    />
-    {
-      /* theme values */
-    }
-    <LinearGradient
-      width="$6"
-      height="$6"
-      borderRadius="$4"
-      colors={["$background", "$color"]}
-      start={[1, 1]}
-      end={[0, 0]}
-    />
-  </XStack>;
-}
-export {
-  LinearGradientDemo
-};
-//# sourceMappingURL=LinearGradientDemo.mjs.map

package/dist/jsx/LinearGradientDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/LinearGradientDemo.tsx"],
-  "mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAExB,SAAS,qBAAqB;AACnC,SACE,CAAC,OAAO;AAAA;AAAA;AAAA;AAAA,IAEN,CAAC;AAAA,MACC,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ,CAAC,UAAU,WAAW;AAAA,MAC9B,OAAO,CAAC,GAAG,CAAC;AAAA,MACZ,KAAK,CAAC,GAAG,CAAC;AAAA,IACZ;AAAA;AAAA;AAAA;AAAA,IAGA,CAAC;AAAA,MACC,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ,CAAC,eAAe,QAAQ;AAAA,MAChC,OAAO,CAAC,GAAG,CAAC;AAAA,MACZ,KAAK,CAAC,GAAG,CAAC;AAAA,IACZ;AAAA,EACF,EApBC;AAsBL;",
-  "names": []
-}

package/dist/jsx/ListItemDemo.mjs

@@ -1,40 +0,0 @@
-import { ChevronRight, Cloud, Moon, Star, Sun } from "@tamagui/lucide-icons";
-import { ListItem, Separator, XStack, YGroup } from "tamagui";
-function ListItemDemo() {
-  return <XStack $sm={{ flexDirection: "column" }} paddingHorizontal="$4" space>
-    <ListItemDemo1 />
-    <ListItemDemo2 />
-  </XStack>;
-}
-function ListItemDemo1() {
-  return <YGroup alignSelf="center" bordered width={240} size="$4">
-    <YGroup.Item><ListItem hoverTheme icon={Star} title="Star" subTitle="Twinkles" /></YGroup.Item>
-    <YGroup.Item><ListItem hoverTheme icon={Moon}>Moon</ListItem></YGroup.Item>
-    <YGroup.Item><ListItem hoverTheme icon={Sun}>Sun</ListItem></YGroup.Item>
-    <YGroup.Item><ListItem hoverTheme icon={Cloud}>Cloud</ListItem></YGroup.Item>
-  </YGroup>;
-}
-function ListItemDemo2() {
-  return <YGroup alignSelf="center" bordered width={240} size="$5" separator={<Separator />}>
-    <YGroup.Item><ListItem
-      hoverTheme
-      pressTheme
-      title="Star"
-      subTitle="Subtitle"
-      icon={Star}
-      iconAfter={ChevronRight}
-    /></YGroup.Item>
-    <YGroup.Item><ListItem
-      hoverTheme
-      pressTheme
-      title="Moon"
-      subTitle="Subtitle"
-      icon={Moon}
-      iconAfter={ChevronRight}
-    /></YGroup.Item>
-  </YGroup>;
-}
-export {
-  ListItemDemo
-};
-//# sourceMappingURL=ListItemDemo.mjs.map

package/dist/jsx/ListItemDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ListItemDemo.tsx"],
-  "mappings": "AAAA,SAAS,cAAc,OAAO,MAAM,MAAM,WAAW;AACrD,SAAS,UAAU,WAAW,QAAQ,cAAc;AAE7C,SAAS,eAAe;AAC7B,SACE,CAAC,OAAO,KAAK,EAAE,eAAe,SAAS,GAAG,kBAAkB,KAAK;AAAA,IAC/D,CAAC,cAAc;AAAA,IACf,CAAC,cAAc;AAAA,EACjB,EAHC;AAKL;AAEA,SAAS,gBAAgB;AACvB,SACE,CAAC,OAAO,UAAU,SAAS,SAAS,OAAO,KAAK,KAAK;AAAA,IACnD,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,MAAM,MAAM,OAAO,SAAS,WAAW,EACpE,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,MAAM,IAEjC,EAFC,SAGH,EAJC,OAAO;AAAA,IAKR,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,KAAK,GAEhC,EAFC,SAGH,EAJC,OAAO;AAAA,IAKR,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,OAAO,KAElC,EAFC,SAGH,EAJC,OAAO;AAAA,EAKV,EAnBC;AAqBL;AAEA,SAAS,gBAAgB;AACvB,SACE,CAAC,OAAO,UAAU,SAAS,SAAS,OAAO,KAAK,KAAK,KAAK,WAAW,CAAC,UAAU;AAAA,IAC9E,CAAC,OAAO,KACN,CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,MACN,WAAW;AAAA,IACb,EACF,EATC,OAAO;AAAA,IAUR,CAAC,OAAO,KACN,CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,MACN,WAAW;AAAA,IACb,EACF,EATC,OAAO;AAAA,EAUV,EArBC;AAuBL;",
-  "names": []
-}

package/dist/jsx/LucideIconsDemo.mjs

@@ -1,43 +0,0 @@
-import * as LucideIcons from "@tamagui/lucide-icons";
-import { useMemo, useState } from "react";
-import { ScrollView } from "react-native";
-import { Grid, Input, Paragraph, Spacer, YStack, useDebounceValue } from "tamagui";
-const lucideIcons = Object.keys(LucideIcons).map((name) => ({
-  key: name.toLowerCase(),
-  name,
-  Icon: LucideIcons[name]
-}));
-function LucideIconsDemo() {
-  const [searchRaw, setSearch] = useState("");
-  const search = useDebounceValue(searchRaw, 400);
-  const size = 100;
-  const iconsMemo = useMemo(
-    () => lucideIcons.filter((x) => x.key.startsWith(search.toLowerCase())).map(({ Icon, name }) => <YStack
-      height={size + 20}
-      alignItems="center"
-      justifyContent="center"
-      key={name}
-    >
-      <Icon size={size * 0.25} />
-      <Spacer />
-      <Paragraph
-        height="$6"
-        wordWrap="break-word"
-        maxWidth="100%"
-        textAlign="center"
-        paddingHorizontal="$2"
-        size="$1"
-        opacity={0.5}
-      >{name}</Paragraph>
-    </YStack>),
-    [search]
-  );
-  return <YStack minWidth="100%" padding="$4" paddingBottom="$0" space>
-    <Input value={searchRaw} onChangeText={setSearch} placeholder="Search..." />
-    <YStack height={420}><ScrollView><Grid itemMinWidth={size}>{iconsMemo}</Grid></ScrollView></YStack>
-  </YStack>;
-}
-export {
-  LucideIconsDemo
-};
-//# sourceMappingURL=LucideIconsDemo.mjs.map

package/dist/jsx/LucideIconsDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/LucideIconsDemo.tsx"],
-  "mappings": "AAAA,YAAY,iBAAiB;AAC7B,SAAS,SAAS,gBAAgB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,MAAM,OAAO,WAAW,QAAQ,QAAQ,wBAAwB;AAEzE,MAAM,cAAc,OAAO,KAAK,WAAW,EAAE,IAAI,CAAC,UAAU;AAAA,EAC1D,KAAK,KAAK,YAAY;AAAA,EACtB;AAAA,EACA,MAAM,YAAY,IAAI;AACxB,EAAE;AAEK,SAAS,kBAAkB;AAChC,QAAM,CAAC,WAAW,SAAS,IAAI,SAAS,EAAE;AAC1C,QAAM,SAAS,iBAAiB,WAAW,GAAG;AAE9C,QAAM,OAAO;AAEb,QAAM,YAAY;AAAA,IAChB,MACE,YACG,OAAO,CAAC,MAAM,EAAE,IAAI,WAAW,OAAO,YAAY,CAAC,CAAC,EACpD,IAAI,CAAC,EAAE,MAAM,KAAK,MACjB,CAAC;AAAA,MACC,QAAQ,OAAO;AAAA,MACf,WAAW;AAAA,MACX,eAAe;AAAA,MACf,KAAK;AAAA;AAAA,MAEL,CAAC,KAAK,MAAM,OAAO,MAAM;AAAA,MACzB,CAAC,OAAO;AAAA,MACR,CAAC;AAAA,QACC,OAAO;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,QACT,UAAU;AAAA,QACV,kBAAkB;AAAA,QAClB,KAAK;AAAA,QACL,SAAS;AAAA,QAER,KACH,EAVC;AAAA,IAWH,EAnBC,OAoBF;AAAA,IACL,CAAC,MAAM;AAAA,EACT;AAEA,SACE,CAAC,OAAO,SAAS,OAAO,QAAQ,KAAK,cAAc,KAAK;AAAA,IACtD,CAAC,MAAM,OAAO,WAAW,cAAc,WAAW,YAAY,YAAY;AAAA,IAE1E,CAAC,OAAO,QAAQ,KACd,CAAC,WACC,CAAC,KAAK,cAAc,OAAO,UAAU,EAApC,KACH,EAFC,WAGH,EAJC;AAAA,EAKH,EARC;AAUL;",
-  "names": []
-}

package/dist/jsx/PopoverDemo.mjs

@@ -1,65 +0,0 @@
-import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
-import {
-  Adapt,
-  Button,
-  Input,
-  Label,
-  Popover,
-  XStack,
-  YStack
-} from "tamagui";
-function PopoverDemo() {
-  return <XStack space="$2" flex={1} justifyContent="center" alignItems="center">
-    <Demo placement="left" Icon={ChevronLeft} Name="left-popover" />
-    <Demo placement="bottom" Icon={ChevronDown} Name="bottom-popover" />
-    <Demo placement="top" Icon={ChevronUp} Name="top-popover" />
-    <Demo placement="right" Icon={ChevronRight} Name="right-popover" />
-  </XStack>;
-}
-function Demo({
-  Icon,
-  Name,
-  ...props
-}) {
-  return <Popover size="$5" allowFlip {...props}>
-    <Popover.Trigger asChild><Button icon={Icon} /></Popover.Trigger>
-    <Adapt when="sm" platform="touch"><Popover.Sheet modal dismissOnSnapToBottom>
-      <Popover.Sheet.Frame padding="$4"><Adapt.Contents /></Popover.Sheet.Frame>
-      <Popover.Sheet.Overlay />
-    </Popover.Sheet></Adapt>
-    <Popover.Content
-      borderWidth={1}
-      borderColor="$borderColor"
-      enterStyle={{ y: -10, opacity: 0 }}
-      exitStyle={{ y: -10, opacity: 0 }}
-      elevate
-      debug="verbose"
-      animation={[
-        "quick",
-        {
-          opacity: {
-            overshootClamping: true
-          }
-        }
-      ]}
-    >
-      <Popover.Arrow borderWidth={1} borderColor="$borderColor" />
-      <YStack space="$3">
-        <XStack space="$3">
-          <Label size="$3" htmlFor={Name}>Name</Label>
-          <Input size="$3" id={Name} />
-        </XStack>
-        <Popover.Close asChild><Button
-          size="$3"
-          onPress={() => {
-          }}
-        >Submit</Button></Popover.Close>
-      </YStack>
-    </Popover.Content>
-  </Popover>;
-}
-export {
-  Demo,
-  PopoverDemo
-};
-//# sourceMappingURL=PopoverDemo.mjs.map

package/dist/jsx/PopoverDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/PopoverDemo.tsx"],
-  "mappings": "AAAA,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAClE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,cAAc;AAC5B,SACE,CAAC,OAAO,MAAM,KAAK,MAAM,GAAG,eAAe,SAAS,WAAW;AAAA,IAC7D,CAAC,KAAK,UAAU,OAAO,MAAM,aAAa,KAAK,eAAe;AAAA,IAC9D,CAAC,KAAK,UAAU,SAAS,MAAM,aAAa,KAAK,iBAAiB;AAAA,IAClE,CAAC,KAAK,UAAU,MAAM,MAAM,WAAW,KAAK,cAAc;AAAA,IAC1D,CAAC,KAAK,UAAU,QAAQ,MAAM,cAAc,KAAK,gBAAgB;AAAA,EACnE,EALC;AAOL;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiD;AAC/C,SACE,CAAC,QAAQ,KAAK,KAAK,cAAc;AAAA,IAC/B,CAAC,QAAQ,QAAQ,QACf,CAAC,OAAO,MAAM,MAAM,EACtB,EAFC,QAAQ;AAAA,IAIT,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,QAAQ,MAAM,MAAM;AAAA,MACnB,CAAC,QAAQ,MAAM,MAAM,QAAQ,KAC3B,CAAC,MAAM,SAAS,EAClB,EAFC,QAAQ,MAAM;AAAA,MAGf,CAAC,QAAQ,MAAM,QAAQ;AAAA,IACzB,EALC,QAAQ,MAMX,EAPC;AAAA,IASD,CAAC,QAAQ;AAAA,MACP,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,MACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,MAChC;AAAA,MACA,MAAM;AAAA,MACN,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA;AAAA,MAEA,CAAC,QAAQ,MAAM,aAAa,GAAG,YAAY,eAAe;AAAA,MAE1D,CAAC,OAAO,MAAM;AAAA,QACZ,CAAC,OAAO,MAAM;AAAA,UACZ,CAAC,MAAM,KAAK,KAAK,SAAS,MAAM,IAEhC,EAFC;AAAA,UAGD,CAAC,MAAM,KAAK,KAAK,IAAI,MAAM;AAAA,QAC7B,EALC;AAAA,QAMD,CAAC,QAAQ,MAAM,QACb,CAAC;AAAA,UACC,KAAK;AAAA,UACL,SAAS,MAAM;AAAA,UAEf;AAAA,SACD,MAED,EAPC,OAQH,EATC,QAAQ;AAAA,MAUX,EAjBC;AAAA,IAkBH,EApCC,QAAQ;AAAA,EAqCX,EAnDC;AAqDL;",
-  "names": []
-}

package/dist/jsx/ProgressDemo.mjs

@@ -1,50 +0,0 @@
-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 height={60} alignItems="center" space>
-      <Paragraph height={30} opacity={0.5}>
-        {"Size: "}
-        {size}
-      </Paragraph>
-      <Progress size={sizeProp} value={progress}><Progress.Indicator animation="bouncy" /></Progress>
-    </YStack>
-    <XStack
-      alignItems="center"
-      space
-      position="absolute"
-      bottom="$3"
-      left="$4"
-      $xxs={{ display: "none" }}
-    >
-      <Slider
-        size="$2"
-        width={130}
-        defaultValue={[4]}
-        min={2}
-        max={6}
-        step={1}
-        onValueChange={([val]) => {
-          setSize(val);
-        }}
-      >
-        <Slider.Track borderWidth={1} borderColor="$color5"><Slider.TrackActive /></Slider.Track>
-        <Slider.Thumb circular index={0} />
-      </Slider>
-      <Button size="$2" onPress={() => setProgress((prev) => (prev + 20) % 100)}>Load</Button>
-    </XStack>
-  </>;
-}
-export {
-  ProgressDemo
-};
-//# sourceMappingURL=ProgressDemo.mjs.map

package/dist/jsx/ProgressDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ProgressDemo.tsx"],
-  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AACpC,SAAS,QAAQ,WAAW,UAAsB,QAAQ,QAAQ,cAAc;AAEzE,SAAS,eAAe;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC;AAClC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE;AAC3C,QAAM,WAAW,IAAI;AAErB,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,EAAE,GAAG,GAAI;AACpD,WAAO,MAAM;AACX,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SACE;AAAA,IACE,CAAC,OAAO,QAAQ,IAAI,WAAW,SAAS;AAAA,MACtC,CAAC,UAAU,QAAQ,IAAI,SAAS;AAAA,SAAK;AAAA,SAC5B;AAAA,MACT,EAFC;AAAA,MAGD,CAAC,SAAS,MAAM,UAAU,OAAO,UAC/B,CAAC,SAAS,UAAU,UAAU,SAAS,EACzC,EAFC;AAAA,IAGH,EAPC;AAAA,IASD,CAAC;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA,SAAS;AAAA,MACT,OAAO;AAAA,MACP,KAAK;AAAA,MACL,MAAM,EAAE,SAAS,OAAO;AAAA;AAAA,MAExB,CAAC;AAAA,QACC,KAAK;AAAA,QACL,OAAO;AAAA,QACP,cAAc,CAAC,CAAC;AAAA,QAChB,KAAK;AAAA,QACL,KAAK;AAAA,QACL,MAAM;AAAA,QACN,eAAe,CAAC,CAAC,GAAG,MAAM;AACxB,kBAAQ,GAAG;AAAA,QACb;AAAA;AAAA,QAEA,CAAC,OAAO,MAAM,aAAa,GAAG,YAAY,UACxC,CAAC,OAAO,YAAY,EACtB,EAFC,OAAO;AAAA,QAGR,CAAC,OAAO,MAAM,SAAS,OAAO,GAAG;AAAA,MACnC,EAfC;AAAA,MAiBD,CAAC,OAAO,KAAK,KAAK,SAAS,MAAM,YAAY,CAAC,UAAU,OAAO,MAAM,GAAG,GAAG,IAE3E,EAFC;AAAA,IAGH,EA5BC;AAAA,EA6BH;AAEJ;",
-  "names": []
-}

package/dist/jsx/RadioGroupDemo.mjs

@@ -1,20 +0,0 @@
-import { Label, RadioGroup, XStack, YStack } from "tamagui";
-function RadioGroupDemo() {
-  return <RadioGroup defaultValue="3" name="form"><YStack width={300} alignItems="center" space="$2">
-    <RadioGroupItemWithLabel size="$3" value="2" label="Second value" />
-    <RadioGroupItemWithLabel size="$4" value="3" label="Third value" />
-    <RadioGroupItemWithLabel size="$5" value="4" label="Fourth value" />
-  </YStack></RadioGroup>;
-}
-function RadioGroupItemWithLabel(props) {
-  const id = `radiogroup-${props.value}`;
-  return <XStack width={300} alignItems="center" space="$4">
-    <RadioGroup.Item value={props.value} id={id} size={props.size}><RadioGroup.Indicator /></RadioGroup.Item>
-    <Label size={props.size} htmlFor={id}>{props.label}</Label>
-  </XStack>;
-}
-export {
-  RadioGroupDemo,
-  RadioGroupItemWithLabel
-};
-//# sourceMappingURL=RadioGroupDemo.mjs.map

package/dist/jsx/RadioGroupDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/RadioGroupDemo.tsx"],
-  "mappings": "AAAA,SAAS,OAAO,YAAwC,QAAQ,cAAc;AAEvE,SAAS,iBAAiB;AAC/B,SACE,CAAC,WAAW,aAAa,IAAI,KAAK,OAChC,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM;AAAA,IAC5C,CAAC,wBAAwB,KAAK,KAAK,MAAM,IAAI,MAAM,eAAe;AAAA,IAClE,CAAC,wBAAwB,KAAK,KAAK,MAAM,IAAI,MAAM,cAAc;AAAA,IACjE,CAAC,wBAAwB,KAAK,KAAK,MAAM,IAAI,MAAM,eAAe;AAAA,EACpE,EAJC,OAKH,EANC;AAQL;AAEO,SAAS,wBAAwB,OAIrC;AACD,QAAM,KAAK,cAAc,MAAM;AAC/B,SACE,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM;AAAA,IAC5C,CAAC,WAAW,KAAK,OAAO,MAAM,OAAO,IAAI,IAAI,MAAM,MAAM,MACvD,CAAC,WAAW,UAAU,EACxB,EAFC,WAAW;AAAA,IAIZ,CAAC,MAAM,MAAM,MAAM,MAAM,SAAS,KAC/B,MAAM,MACT,EAFC;AAAA,EAGH,EARC;AAUL;",
-  "names": []
-}

package/dist/jsx/ReplaceThemeDemo.mjs

@@ -1,44 +0,0 @@
-import { addTheme, replaceTheme } from "@tamagui/theme";
-import { useState } from "react";
-import {
-  Button,
-  Square,
-  Theme,
-  XStack,
-  YStack,
-  useForceUpdate,
-  useIsomorphicLayoutEffect
-} from "tamagui";
-function ReplaceThemeDemo() {
-  const [theme, setTheme] = useState();
-  const update = useForceUpdate();
-  useIsomorphicLayoutEffect(() => {
-    addTheme({
-      name: "mytheme",
-      insertCSS: true,
-      theme: {
-        color: "red",
-        color2: "green"
-      }
-    });
-    setTheme("mytheme");
-  }, []);
-  return <YStack alignItems="center" space>
-    <XStack gap="$5"><Theme name={theme ?? null}><Square borderRadius="$8" size={100} backgroundColor="$color" /></Theme></XStack>
-    <Button
-      onPress={() => {
-        replaceTheme({
-          name: "mytheme",
-          theme: {
-            color: "blue"
-          }
-        });
-        update();
-      }}
-    >Replace theme to only have $color: blue</Button>
-  </YStack>;
-}
-export {
-  ReplaceThemeDemo
-};
-//# sourceMappingURL=ReplaceThemeDemo.mjs.map

package/dist/jsx/ReplaceThemeDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ReplaceThemeDemo.tsx"],
-  "mappings": "AAAA,SAAS,UAAU,oBAAoB;AACvC,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,mBAAmB;AACjC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAc;AACxC,QAAM,SAAS,eAAe;AAE9B,4BAA0B,MAAM;AAC9B,aAAS;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,IACF,CAAC;AACD,aAAS,SAAS;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,SACE,CAAC,OAAO,WAAW,SAAS;AAAA,IAC1B,CAAC,OAAO,IAAI,KACV,CAAC,MAAM,MAAM,SAAS,MACpB,CAAC,OAAO,aAAa,KAAK,MAAM,KAAK,gBAAgB,SAAS,EAChE,EAFC,MAGH,EAJC;AAAA,IAMD,CAAC;AAAA,MACC,SAAS,MAAM;AACb,qBAAa;AAAA,UACX,MAAM;AAAA,UACN,OAAO;AAAA,YACL,OAAO;AAAA,UACT;AAAA,QACF,CAAC;AACD,eAAO;AAAA,MACT;AAAA,KACD,uCAED,EAZC;AAAA,EAaH,EApBC;AAsBL;",
-  "names": []
-}