@tamagui/demos 1.0.1-beta.100

package/dist/esm/demos/FeatherIconsDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/demos/FeatherIconsDemo.tsx"],
+  "sourcesContent": ["import * as FeatherIcons from '@tamagui/feather-icons'\nimport { useMemo, useState } from 'react'\nimport { ScrollView } from 'react-native'\nimport { Grid, Input, Paragraph, Spacer, YStack, useDebounceValue } from 'tamagui'\n\nconst featherIcons = Object.keys(FeatherIcons).map((name) => ({\n  key: name.toLowerCase(),\n  name,\n  Icon: FeatherIcons[name],\n}))\n\nexport default function FeatherIconsDemo() {\n  const [searchRaw, setSearch] = useState('')\n  const search = useDebounceValue(searchRaw, 400)\n\n  const size = 100\n\n  const iconsMemo = useMemo(() => {\n    const icons = featherIcons.filter((x) => x.key.startsWith(search.toLowerCase()))\n    return icons.map(({ Icon, name }) => {\n      return (\n        <YStack h={size} ai=\"center\" jc=\"center\" key={name}>\n          <Icon size={size * 0.25} />\n          <Spacer />\n          <Paragraph size=\"$2\" o={0.5}>\n            {name}\n          </Paragraph>\n        </YStack>\n      )\n    })\n  }, [search])\n\n  return (\n    <YStack als=\"stretch\" p=\"$4\" pb=\"$0\" space>\n      <Input value={searchRaw} onChangeText={setSearch} placeholder=\"Search...\" />\n\n      <YStack h={420}>\n        <ScrollView>\n          <Grid itemMinWidth={size}>{iconsMemo}</Grid>\n        </ScrollView>\n      </YStack>\n    </YStack>\n  )\n}\n"],
+  "mappings": ";;AAAA;AACA;AACA;AACA;AAEA,MAAM,eAAe,OAAO,KAAK,YAAY,EAAE,IAAI,CAAC,SAAU;AAAA,EAC5D,KAAK,KAAK,YAAY;AAAA,EACtB;AAAA,EACA,MAAM,aAAa;AACrB,EAAE;AAEa,4BAA4B;AACzC,QAAM,CAAC,WAAW,aAAa,SAAS,EAAE;AAC1C,QAAM,SAAS,iBAAiB,WAAW,GAAG;AAE9C,QAAM,OAAO;AAEb,QAAM,YAAY,QAAQ,MAAM;AAC9B,UAAM,QAAQ,aAAa,OAAO,CAAC,MAAM,EAAE,IAAI,WAAW,OAAO,YAAY,CAAC,CAAC;AAC/E,WAAO,MAAM,IAAI,CAAC,EAAE,MAAM,WAAW;AACnC,aACE,oCAAC;AAAA,QAAO,GAAG;AAAA,QAAM,IAAG;AAAA,QAAS,IAAG;AAAA,QAAS,KAAK;AAAA,SAC5C,oCAAC;AAAA,QAAK,MAAM,OAAO;AAAA,OAAM,GACzB,oCAAC,YAAO,GACR,oCAAC;AAAA,QAAU,MAAK;AAAA,QAAK,GAAG;AAAA,SACrB,IACH,CACF;AAAA,IAEJ,CAAC;AAAA,EACH,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,oCAAC;AAAA,IAAO,KAAI;AAAA,IAAU,GAAE;AAAA,IAAK,IAAG;AAAA,IAAK,OAAK;AAAA,KACxC,oCAAC;AAAA,IAAM,OAAO;AAAA,IAAW,cAAc;AAAA,IAAW,aAAY;AAAA,GAAY,GAE1E,oCAAC;AAAA,IAAO,GAAG;AAAA,KACT,oCAAC,kBACC,oCAAC;AAAA,IAAK,cAAc;AAAA,KAAO,SAAU,CACvC,CACF,CACF;AAEJ;AAhCwB;",
+  "names": []
+}

package/dist/esm/demos/FormsDemo.js

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

package/dist/esm/demos/FormsDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/demos/FormsDemo.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { Button, Input, SizeTokens, TextArea, XStack, YStack } from 'tamagui'\n\nexport default function FormsDemo() {\n  return (\n    <YStack maxWidth={200} overflow=\"hidden\" space=\"$2\" m=\"$3\" p=\"$2\">\n      <FormDemo size=\"$1\" />\n      <FormDemo size=\"$2\" />\n      <FormDemo size=\"$4\" />\n      <TextArea numberOfLines={2} />\n    </YStack>\n  )\n}\n\nfunction FormDemo(props: { size: SizeTokens }) {\n  return (\n    <XStack ai=\"center\" space=\"$1\">\n      <Input f={1} w=\"0%\" size={props.size} placeholder={`Size ${props.size}...`} />\n      <Button size={props.size}>Go</Button>\n    </XStack>\n  )\n}\n"],
+  "mappings": ";;AAAA;AACA;AAEe,qBAAqB;AAClC,SACE,oCAAC;AAAA,IAAO,UAAU;AAAA,IAAK,UAAS;AAAA,IAAS,OAAM;AAAA,IAAK,GAAE;AAAA,IAAK,GAAE;AAAA,KAC3D,oCAAC;AAAA,IAAS,MAAK;AAAA,GAAK,GACpB,oCAAC;AAAA,IAAS,MAAK;AAAA,GAAK,GACpB,oCAAC;AAAA,IAAS,MAAK;AAAA,GAAK,GACpB,oCAAC;AAAA,IAAS,eAAe;AAAA,GAAG,CAC9B;AAEJ;AATwB;AAWxB,kBAAkB,OAA6B;AAC7C,SACE,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,OAAM;AAAA,KACxB,oCAAC;AAAA,IAAM,GAAG;AAAA,IAAG,GAAE;AAAA,IAAK,MAAM,MAAM;AAAA,IAAM,aAAa,QAAQ,MAAM;AAAA,GAAW,GAC5E,oCAAC;AAAA,IAAO,MAAM,MAAM;AAAA,KAAM,IAAE,CAC9B;AAEJ;AAPS;",
+  "names": []
+}

package/dist/esm/demos/GroupDemo.js

@@ -0,0 +1,24 @@
+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 /* @__PURE__ */ React.createElement(XStack, {
+    p: "$3",
+    space: "$2",
+    ai: "center"
+  }, /* @__PURE__ */ React.createElement(Group, {
+    size: "$3"
+  }, /* @__PURE__ */ React.createElement(Button, null, "First"), /* @__PURE__ */ React.createElement(Button, null, "Second"), /* @__PURE__ */ React.createElement(Button, null, "Third")), /* @__PURE__ */ React.createElement(Group, {
+    size: "$5"
+  }, /* @__PURE__ */ React.createElement(Button, {
+    icon: Activity
+  }, "First"), /* @__PURE__ */ React.createElement(Button, {
+    icon: Airplay
+  }, "Second")));
+}
+__name(GroupDemo, "GroupDemo");
+export {
+  GroupDemo as default
+};
+//# sourceMappingURL=GroupDemo.js.map

package/dist/esm/demos/GroupDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/demos/GroupDemo.tsx"],
+  "sourcesContent": ["import { Activity, Airplay } from '@tamagui/feather-icons'\nimport { Button, Group, XStack, YStack } from 'tamagui'\n\nexport default function GroupDemo() {\n  return (\n    <XStack p=\"$3\" space=\"$2\" ai=\"center\">\n      <Group size=\"$3\">\n        <Button>First</Button>\n        <Button>Second</Button>\n        <Button>Third</Button>\n      </Group>\n\n      <Group size=\"$5\">\n        <Button icon={Activity}>First</Button>\n        <Button icon={Airplay}>Second</Button>\n      </Group>\n    </XStack>\n  )\n}\n"],
+  "mappings": ";;AAAA;AACA;AAEe,qBAAqB;AAClC,SACE,oCAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,IAAG;AAAA,KAC3B,oCAAC;AAAA,IAAM,MAAK;AAAA,KACV,oCAAC,cAAO,OAAK,GACb,oCAAC,cAAO,QAAM,GACd,oCAAC,cAAO,OAAK,CACf,GAEA,oCAAC;AAAA,IAAM,MAAK;AAAA,KACV,oCAAC;AAAA,IAAO,MAAM;AAAA,KAAU,OAAK,GAC7B,oCAAC;AAAA,IAAO,MAAM;AAAA,KAAS,QAAM,CAC/B,CACF;AAEJ;AAfwB;",
+  "names": []
+}

package/dist/esm/demos/HeadingsDemo.js

@@ -0,0 +1,14 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { H1, H2, H3, H4, H5, H6, YStack } from "tamagui";
+function HeadingsDemo() {
+  return /* @__PURE__ */ React.createElement(YStack, {
+    als: "center"
+  }, /* @__PURE__ */ React.createElement(H1, null, "Heading 1"), /* @__PURE__ */ React.createElement(H2, null, "Heading 2"), /* @__PURE__ */ React.createElement(H3, null, "Heading 3"), /* @__PURE__ */ React.createElement(H4, null, "Heading 4"), /* @__PURE__ */ React.createElement(H5, null, "Heading 5"), /* @__PURE__ */ React.createElement(H6, null, "Heading 6"));
+}
+__name(HeadingsDemo, "HeadingsDemo");
+export {
+  HeadingsDemo as default
+};
+//# sourceMappingURL=HeadingsDemo.js.map

package/dist/esm/demos/HeadingsDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/demos/HeadingsDemo.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { H1, H2, H3, H4, H5, H6, YStack } from 'tamagui'\n\nexport default function HeadingsDemo() {\n  return (\n    <YStack als=\"center\">\n      <H1>Heading 1</H1>\n      <H2>Heading 2</H2>\n      <H3>Heading 3</H3>\n      <H4>Heading 4</H4>\n      <H5>Heading 5</H5>\n      <H6>Heading 6</H6>\n    </YStack>\n  )\n}\n"],
+  "mappings": ";;AAAA;AACA;AAEe,wBAAwB;AACrC,SACE,oCAAC;AAAA,IAAO,KAAI;AAAA,KACV,oCAAC,UAAG,WAAS,GACb,oCAAC,UAAG,WAAS,GACb,oCAAC,UAAG,WAAS,GACb,oCAAC,UAAG,WAAS,GACb,oCAAC,UAAG,WAAS,GACb,oCAAC,UAAG,WAAS,CACf;AAEJ;AAXwB;",
+  "names": []
+}

package/dist/esm/demos/ImageDemo.js

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { Image } from "tamagui";
+function ImageDemo() {
+  return /* @__PURE__ */ React.createElement(Image, {
+    src: "http://placekitten.com/200/300",
+    width: 200,
+    height: 300
+  });
+}
+__name(ImageDemo, "ImageDemo");
+export {
+  ImageDemo as default
+};
+//# sourceMappingURL=ImageDemo.js.map

package/dist/esm/demos/ImageDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/demos/ImageDemo.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { Image } from 'tamagui'\n\nexport default function ImageDemo() {\n  return <Image src=\"http://placekitten.com/200/300\" width={200} height={300} />\n}\n"],
+  "mappings": ";;AAAA;AACA;AAEe,qBAAqB;AAClC,SAAO,oCAAC;AAAA,IAAM,KAAI;AAAA,IAAiC,OAAO;AAAA,IAAK,QAAQ;AAAA,GAAK;AAC9E;AAFwB;",
+  "names": []
+}

package/dist/esm/demos/LabelDemo.js

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

package/dist/esm/demos/LabelDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/demos/LabelDemo.tsx"],
+  "sourcesContent": ["import { Input, Label, XStack } from 'tamagui'\n\nexport default function LabelDemo() {\n  return (\n    <XStack p=\"$3\" space=\"$2\">\n      <Label htmlFor=\"name\">Name</Label>\n      <Input id=\"name\" defaultValue=\"Nate Wienert\" />\n    </XStack>\n  )\n}\n"],
+  "mappings": ";;AAAA;AAEe,qBAAqB;AAClC,SACE,oCAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAM;AAAA,KACnB,oCAAC;AAAA,IAAM,SAAQ;AAAA,KAAO,MAAI,GAC1B,oCAAC;AAAA,IAAM,IAAG;AAAA,IAAO,cAAa;AAAA,GAAe,CAC/C;AAEJ;AAPwB;",
+  "names": []
+}

package/dist/esm/demos/LinearGradientDemo.js

@@ -0,0 +1,20 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { LinearGradient } from "tamagui";
+function LinearGradientDemo() {
+  return /* @__PURE__ */ React.createElement(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
+};
+//# sourceMappingURL=LinearGradientDemo.js.map

package/dist/esm/demos/LinearGradientDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/demos/LinearGradientDemo.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { LinearGradient } from 'tamagui'\n\nexport default function LinearGradientDemo() {\n  return (\n    <LinearGradient\n      als=\"center\"\n      width={100}\n      height={100}\n      colors={['$red10', '$yellow10']}\n      start={[0, 1]}\n      br=\"$4\"\n      end={[0, 0]}\n    />\n  )\n}\n"],
+  "mappings": ";;AAAA;AACA;AAEe,8BAA8B;AAC3C,SACE,oCAAC;AAAA,IACC,KAAI;AAAA,IACJ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ,CAAC,UAAU,WAAW;AAAA,IAC9B,OAAO,CAAC,GAAG,CAAC;AAAA,IACZ,IAAG;AAAA,IACH,KAAK,CAAC,GAAG,CAAC;AAAA,GACZ;AAEJ;AAZwB;",
+  "names": []
+}

package/dist/esm/demos/ListItemDemo.js

@@ -0,0 +1,55 @@
+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 /* @__PURE__ */ React.createElement(XStack, {
+    $sm: { als: "flex-start" },
+    px: "$4",
+    space: true
+  }, /* @__PURE__ */ React.createElement(ListItemDemo1, null), /* @__PURE__ */ React.createElement(ListItemDemo2, null));
+}
+__name(ListItemDemo, "ListItemDemo");
+function ListItemDemo1() {
+  return /* @__PURE__ */ React.createElement(Group, {
+    als: "center",
+    bordered: true,
+    w: 240,
+    size: "$4",
+    vertical: true
+  }, /* @__PURE__ */ React.createElement(ListItem, {
+    hoverable: true,
+    icon: Star
+  }, "Star"), /* @__PURE__ */ React.createElement(ListItem, {
+    hoverable: true,
+    icon: Moon
+  }, "Moon"), /* @__PURE__ */ React.createElement(ListItem, {
+    hoverable: true,
+    icon: Sun
+  }, "Sun"), /* @__PURE__ */ React.createElement(ListItem, {
+    hoverable: true,
+    icon: Cloud
+  }, "Cloud"));
+}
+__name(ListItemDemo1, "ListItemDemo1");
+function ListItemDemo2() {
+  return /* @__PURE__ */ React.createElement(Group, {
+    als: "center",
+    bordered: true,
+    w: 240,
+    size: "$5",
+    vertical: true,
+    separator: /* @__PURE__ */ React.createElement(Separator, null)
+  }, /* @__PURE__ */ React.createElement(ListItem, {
+    subTitle: "Subtitle",
+    iconAfter: Star
+  }, "Star"), /* @__PURE__ */ React.createElement(ListItem, {
+    subTitle: "Subtitle",
+    iconAfter: Moon
+  }, "Moon"));
+}
+__name(ListItemDemo2, "ListItemDemo2");
+export {
+  ListItemDemo as default
+};
+//# sourceMappingURL=ListItemDemo.js.map

package/dist/esm/demos/ListItemDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/demos/ListItemDemo.tsx"],
+  "sourcesContent": ["import { Cloud, Moon, Star, Sun } from '@tamagui/feather-icons'\nimport { Group, ListItem, Separator, XStack } from 'tamagui'\n\nexport default function ListItemDemo() {\n  return (\n    <XStack $sm={{ als: 'flex-start' }} px=\"$4\" space>\n      <ListItemDemo1 />\n      <ListItemDemo2 />\n    </XStack>\n  )\n}\n\nfunction ListItemDemo1() {\n  return (\n    <Group als=\"center\" bordered w={240} size=\"$4\" vertical>\n      <ListItem hoverable icon={Star}>\n        Star\n      </ListItem>\n      <ListItem hoverable icon={Moon}>\n        Moon\n      </ListItem>\n      <ListItem hoverable icon={Sun}>\n        Sun\n      </ListItem>\n      <ListItem hoverable icon={Cloud}>\n        Cloud\n      </ListItem>\n    </Group>\n  )\n}\n\nfunction ListItemDemo2() {\n  return (\n    <Group als=\"center\" bordered w={240} size=\"$5\" vertical separator={<Separator />}>\n      <ListItem subTitle=\"Subtitle\" iconAfter={Star}>\n        Star\n      </ListItem>\n      <ListItem subTitle=\"Subtitle\" iconAfter={Moon}>\n        Moon\n      </ListItem>\n    </Group>\n  )\n}\n"],
+  "mappings": ";;AAAA;AACA;AAEe,wBAAwB;AACrC,SACE,oCAAC;AAAA,IAAO,KAAK,EAAE,KAAK,aAAa;AAAA,IAAG,IAAG;AAAA,IAAK,OAAK;AAAA,KAC/C,oCAAC,mBAAc,GACf,oCAAC,mBAAc,CACjB;AAEJ;AAPwB;AASxB,yBAAyB;AACvB,SACE,oCAAC;AAAA,IAAM,KAAI;AAAA,IAAS,UAAQ;AAAA,IAAC,GAAG;AAAA,IAAK,MAAK;AAAA,IAAK,UAAQ;AAAA,KACrD,oCAAC;AAAA,IAAS,WAAS;AAAA,IAAC,MAAM;AAAA,KAAM,MAEhC,GACA,oCAAC;AAAA,IAAS,WAAS;AAAA,IAAC,MAAM;AAAA,KAAM,MAEhC,GACA,oCAAC;AAAA,IAAS,WAAS;AAAA,IAAC,MAAM;AAAA,KAAK,KAE/B,GACA,oCAAC;AAAA,IAAS,WAAS;AAAA,IAAC,MAAM;AAAA,KAAO,OAEjC,CACF;AAEJ;AAjBS;AAmBT,yBAAyB;AACvB,SACE,oCAAC;AAAA,IAAM,KAAI;AAAA,IAAS,UAAQ;AAAA,IAAC,GAAG;AAAA,IAAK,MAAK;AAAA,IAAK,UAAQ;AAAA,IAAC,WAAW,oCAAC,eAAU;AAAA,KAC5E,oCAAC;AAAA,IAAS,UAAS;AAAA,IAAW,WAAW;AAAA,KAAM,MAE/C,GACA,oCAAC;AAAA,IAAS,UAAS;AAAA,IAAW,WAAW;AAAA,KAAM,MAE/C,CACF;AAEJ;AAXS;",
+  "names": []
+}

package/dist/esm/demos/MenuDemo.js

@@ -0,0 +1,27 @@
+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 React, { useState } from "react";
+import { Button, H4, Paragraph, YStack } from "tamagui";
+function MenuDemo() {
+  const [show, setShow] = useState(false);
+  return /* @__PURE__ */ React.createElement(Menu.Provider, null, /* @__PURE__ */ React.createElement(Menu, {
+    open: show,
+    onChangeOpen: setShow,
+    trigger: /* @__PURE__ */ React.createElement(Button, {
+      size: "$6",
+      icon: MenuIcon,
+      theme: show ? "active" : null,
+      circular: true,
+      onPress: () => setShow((x) => !x)
+    })
+  }, /* @__PURE__ */ React.createElement(Menu.Item, null, /* @__PURE__ */ React.createElement(YStack, {
+    p: "$2"
+  }, /* @__PURE__ */ React.createElement(H4, null, "Menu contents"), /* @__PURE__ */ React.createElement(Paragraph, null, "Lorem ipsum dolor sit amet.")))));
+}
+__name(MenuDemo, "MenuDemo");
+export {
+  MenuDemo as default
+};
+//# sourceMappingURL=MenuDemo.js.map

package/dist/esm/demos/MenuDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/demos/MenuDemo.tsx"],
+  "sourcesContent": ["import { Menu as MenuIcon } from '@tamagui/feather-icons'\nimport { Menu } from '@tamagui/menu'\nimport React, { useState } from 'react'\nimport { Button, H4, Paragraph, YStack } from 'tamagui'\n\nexport default function MenuDemo() {\n  const [show, setShow] = useState(false)\n\n  return (\n    <Menu.Provider>\n      <Menu\n        open={show}\n        onChangeOpen={setShow}\n        trigger={\n          <Button\n            size=\"$6\"\n            icon={MenuIcon}\n            theme={show ? 'active' : null}\n            circular\n            onPress={() => setShow((x) => !x)}\n          />\n        }\n      >\n        <Menu.Item>\n          <YStack p=\"$2\">\n            <H4>Menu contents</H4>\n            <Paragraph>Lorem ipsum dolor sit amet.</Paragraph>\n          </YStack>\n        </Menu.Item>\n      </Menu>\n    </Menu.Provider>\n  )\n}\n"],
+  "mappings": ";;AAAA;AACA;AACA;AACA;AAEe,oBAAoB;AACjC,QAAM,CAAC,MAAM,WAAW,SAAS,KAAK;AAEtC,SACE,oCAAC,KAAK,UAAL,MACC,oCAAC;AAAA,IACC,MAAM;AAAA,IACN,cAAc;AAAA,IACd,SACE,oCAAC;AAAA,MACC,MAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO,OAAO,WAAW;AAAA,MACzB,UAAQ;AAAA,MACR,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,KAClC;AAAA,KAGF,oCAAC,KAAK,MAAL,MACC,oCAAC;AAAA,IAAO,GAAE;AAAA,KACR,oCAAC,UAAG,eAAa,GACjB,oCAAC,iBAAU,6BAA2B,CACxC,CACF,CACF,CACF;AAEJ;AA3BwB;",
+  "names": []
+}

package/dist/esm/demos/PopoverDemo.js

@@ -0,0 +1,51 @@
+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 /* @__PURE__ */ React.createElement(XStack, {
+    space: "$2"
+  }, /* @__PURE__ */ React.createElement(Demo, {
+    placement: "left",
+    Icon: ChevronLeft
+  }), /* @__PURE__ */ React.createElement(Demo, {
+    placement: "bottom",
+    Icon: ChevronDown
+  }), /* @__PURE__ */ React.createElement(Demo, {
+    placement: "right",
+    Icon: ChevronRight
+  }));
+}
+__name(PopoverDemo, "PopoverDemo");
+function Demo({ Icon, ...props }) {
+  return /* @__PURE__ */ React.createElement(Popover, {
+    modal: true,
+    ...props
+  }, /* @__PURE__ */ React.createElement(Popover.Trigger, null, /* @__PURE__ */ React.createElement(Button, {
+    icon: Icon
+  })), /* @__PURE__ */ React.createElement(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"
+  }, /* @__PURE__ */ React.createElement(Popover.Arrow, null), /* @__PURE__ */ React.createElement(YStack, {
+    p: "$2"
+  }, /* @__PURE__ */ React.createElement(XStack, {
+    space: "$2"
+  }, /* @__PURE__ */ React.createElement(Label, {
+    size: "$2",
+    htmlFor: "name"
+  }, "Name"), /* @__PURE__ */ React.createElement(Input, {
+    size: "$2",
+    id: "name"
+  })))));
+}
+__name(Demo, "Demo");
+export {
+  Demo,
+  PopoverDemo as default
+};
+//# sourceMappingURL=PopoverDemo.js.map

package/dist/esm/demos/PopoverDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/demos/PopoverDemo.tsx"],
+  "sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight } from '@tamagui/feather-icons'\nimport { Button, Input, Label, Popover, PopoverProps, XStack, YStack } from 'tamagui'\n\nexport default function PopoverDemo() {\n  return (\n    <XStack space=\"$2\">\n      <Demo placement=\"left\" Icon={ChevronLeft} />\n      <Demo placement=\"bottom\" Icon={ChevronDown} />\n      <Demo placement=\"right\" Icon={ChevronRight} />\n    </XStack>\n  )\n}\n\nexport function Demo({ Icon, ...props }: PopoverProps & { Icon?: any }) {\n  return (\n    <Popover modal {...props}>\n      <Popover.Trigger>\n        <Button icon={Icon} />\n      </Popover.Trigger>\n      <Popover.Content\n        elevation=\"$4\"\n        enterStyle={{ x: 0, y: -10, o: 0 }}\n        exitStyle={{ x: 0, y: -10, o: 0 }}\n        x={0}\n        y={0}\n        o={1}\n        animation=\"bouncy\"\n      >\n        <Popover.Arrow />\n        <YStack p=\"$2\">\n          <XStack space=\"$2\">\n            <Label size=\"$2\" htmlFor=\"name\">\n              Name\n            </Label>\n            <Input size=\"$2\" id=\"name\" />\n          </XStack>\n        </YStack>\n      </Popover.Content>\n    </Popover>\n  )\n}\n"],
+  "mappings": ";;AAAA;AACA;AAEe,uBAAuB;AACpC,SACE,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAK,WAAU;AAAA,IAAO,MAAM;AAAA,GAAa,GAC1C,oCAAC;AAAA,IAAK,WAAU;AAAA,IAAS,MAAM;AAAA,GAAa,GAC5C,oCAAC;AAAA,IAAK,WAAU;AAAA,IAAQ,MAAM;AAAA,GAAc,CAC9C;AAEJ;AARwB;AAUjB,cAAc,EAAE,SAAS,SAAwC;AACtE,SACE,oCAAC;AAAA,IAAQ,OAAK;AAAA,IAAE,GAAG;AAAA,KACjB,oCAAC,QAAQ,SAAR,MACC,oCAAC;AAAA,IAAO,MAAM;AAAA,GAAM,CACtB,GACA,oCAAC,QAAQ,SAAR;AAAA,IACC,WAAU;AAAA,IACV,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE;AAAA,IACjC,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE;AAAA,IAChC,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,WAAU;AAAA,KAEV,oCAAC,QAAQ,OAAR,IAAc,GACf,oCAAC;AAAA,IAAO,GAAE;AAAA,KACR,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAM,MAAK;AAAA,IAAK,SAAQ;AAAA,KAAO,MAEhC,GACA,oCAAC;AAAA,IAAM,MAAK;AAAA,IAAK,IAAG;AAAA,GAAO,CAC7B,CACF,CACF,CACF;AAEJ;AA3BgB;",
+  "names": []
+}

package/dist/esm/demos/ProgressDemo.js

@@ -0,0 +1,56 @@
+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 /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(YStack, {
+    h: 60,
+    ai: "center",
+    space: true
+  }, /* @__PURE__ */ React.createElement(Paragraph, {
+    h: 30,
+    o: 0.5
+  }, "Size: ", size), /* @__PURE__ */ React.createElement(Progress, {
+    size: sizeProp,
+    value: progress
+  }, /* @__PURE__ */ React.createElement(Progress.Indicator, {
+    animation: "bouncy"
+  }))), /* @__PURE__ */ React.createElement(XStack, {
+    ai: "center",
+    space: true,
+    pos: "absolute",
+    b: 10,
+    l: 20,
+    $sm: { disp: "none" }
+  }, /* @__PURE__ */ React.createElement(Slider, {
+    size: "$1",
+    w: 130,
+    defaultValue: [4],
+    min: 2,
+    max: 6,
+    step: 1,
+    onValueChange: ([val]) => {
+      setSize(val);
+    }
+  }, /* @__PURE__ */ React.createElement(Slider.Track, null, /* @__PURE__ */ React.createElement(Slider.TrackActive, null)), /* @__PURE__ */ React.createElement(Slider.Thumb, {
+    circular: true,
+    index: 0
+  })), /* @__PURE__ */ React.createElement(Button, {
+    size: "$2",
+    onPress: () => setProgress((prev) => (prev + 20) % 100)
+  }, "Load")));
+}
+__name(ProgressDemo, "ProgressDemo");
+export {
+  ProgressDemo as default
+};
+//# sourceMappingURL=ProgressDemo.js.map

package/dist/esm/demos/ProgressDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/demos/ProgressDemo.tsx"],
+  "sourcesContent": ["import { useEffect, useState } from 'react'\nimport { Button, Paragraph, Progress, SizeTokens, Slider, XStack, YStack } from 'tamagui'\n\nexport default function ProgressDemo() {\n  const [size, setSize] = useState(4)\n  const [progress, setProgress] = useState(20)\n  const sizeProp = `$${size}` as SizeTokens\n\n  useEffect(() => {\n    const timer = setTimeout(() => setProgress(60), 1000)\n    return () => {\n      clearTimeout(timer)\n    }\n  }, [])\n\n  return (\n    <>\n      <YStack h={60} ai=\"center\" space>\n        <Paragraph h={30} o={0.5}>\n          Size: {size}\n        </Paragraph>\n        <Progress size={sizeProp} value={progress}>\n          <Progress.Indicator animation=\"bouncy\" />\n        </Progress>\n      </YStack>\n\n      <XStack ai=\"center\" space pos=\"absolute\" b={10} l={20} $sm={{ disp: 'none' }}>\n        <Slider\n          size=\"$1\"\n          w={130}\n          defaultValue={[4]}\n          min={2}\n          max={6}\n          step={1}\n          onValueChange={([val]) => {\n            setSize(val)\n          }}\n        >\n          <Slider.Track>\n            <Slider.TrackActive />\n          </Slider.Track>\n          <Slider.Thumb circular index={0} />\n        </Slider>\n\n        <Button size=\"$2\" onPress={() => setProgress((prev) => (prev + 20) % 100)}>\n          Load\n        </Button>\n      </XStack>\n    </>\n  )\n}\n"],
+  "mappings": ";;AAAA;AACA;AAEe,wBAAwB;AACrC,QAAM,CAAC,MAAM,WAAW,SAAS,CAAC;AAClC,QAAM,CAAC,UAAU,eAAe,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,0DACE,oCAAC;AAAA,IAAO,GAAG;AAAA,IAAI,IAAG;AAAA,IAAS,OAAK;AAAA,KAC9B,oCAAC;AAAA,IAAU,GAAG;AAAA,IAAI,GAAG;AAAA,KAAK,UACjB,IACT,GACA,oCAAC;AAAA,IAAS,MAAM;AAAA,IAAU,OAAO;AAAA,KAC/B,oCAAC,SAAS,WAAT;AAAA,IAAmB,WAAU;AAAA,GAAS,CACzC,CACF,GAEA,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,OAAK;AAAA,IAAC,KAAI;AAAA,IAAW,GAAG;AAAA,IAAI,GAAG;AAAA,IAAI,KAAK,EAAE,MAAM,OAAO;AAAA,KACzE,oCAAC;AAAA,IACC,MAAK;AAAA,IACL,GAAG;AAAA,IACH,cAAc,CAAC,CAAC;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,MAAM;AAAA,IACN,eAAe,CAAC,CAAC,SAAS;AACxB,cAAQ,GAAG;AAAA,IACb;AAAA,KAEA,oCAAC,OAAO,OAAP,MACC,oCAAC,OAAO,aAAP,IAAmB,CACtB,GACA,oCAAC,OAAO,OAAP;AAAA,IAAa,UAAQ;AAAA,IAAC,OAAO;AAAA,GAAG,CACnC,GAEA,oCAAC;AAAA,IAAO,MAAK;AAAA,IAAK,SAAS,MAAM,YAAY,CAAC,SAAU,QAAO,MAAM,GAAG;AAAA,KAAG,MAE3E,CACF,CACF;AAEJ;AA/CwB;",
+  "names": []
+}

package/dist/esm/demos/SeparatorDemo.js

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

package/dist/esm/demos/SeparatorDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/demos/SeparatorDemo.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { Paragraph, Separator, XStack, YStack } from 'tamagui'\n\nexport default function SeparatorDemo() {\n  return (\n    <YStack w=\"100%\" maw={300} mx={15}>\n      <Paragraph fontWeight=\"800\">Tamagui</Paragraph>\n      <Paragraph>An cross-platform component library.</Paragraph>\n      <Separator my={15} />\n      <XStack h={20} ai=\"center\">\n        <Paragraph>Blog</Paragraph>\n        <Separator als=\"stretch\" vertical mx={15} />\n        <Paragraph>Docs</Paragraph>\n        <Separator als=\"stretch\" vertical mx={15} />\n        <Paragraph>Source</Paragraph>\n      </XStack>\n    </YStack>\n  )\n}\n"],
+  "mappings": ";;AAAA;AACA;AAEe,yBAAyB;AACtC,SACE,oCAAC;AAAA,IAAO,GAAE;AAAA,IAAO,KAAK;AAAA,IAAK,IAAI;AAAA,KAC7B,oCAAC;AAAA,IAAU,YAAW;AAAA,KAAM,SAAO,GACnC,oCAAC,iBAAU,sCAAoC,GAC/C,oCAAC;AAAA,IAAU,IAAI;AAAA,GAAI,GACnB,oCAAC;AAAA,IAAO,GAAG;AAAA,IAAI,IAAG;AAAA,KAChB,oCAAC,iBAAU,MAAI,GACf,oCAAC;AAAA,IAAU,KAAI;AAAA,IAAU,UAAQ;AAAA,IAAC,IAAI;AAAA,GAAI,GAC1C,oCAAC,iBAAU,MAAI,GACf,oCAAC;AAAA,IAAU,KAAI;AAAA,IAAU,UAAQ;AAAA,IAAC,IAAI;AAAA,GAAI,GAC1C,oCAAC,iBAAU,QAAM,CACnB,CACF;AAEJ;AAfwB;",
+  "names": []
+}

package/dist/esm/demos/ShapesDemo.js

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

package/dist/esm/demos/ShapesDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/demos/ShapesDemo.tsx"],
+  "sourcesContent": ["import { Circle, Square, XStack } from 'tamagui'\n\nexport default function ShapesDemo() {\n  return (\n    <XStack p=\"$2\" space=\"$4\">\n      <Square size={100} bc=\"$color\" elevation=\"$4\" />\n      <Circle size={100} bc=\"$color\" elevation=\"$4\" />\n    </XStack>\n  )\n}\n"],
+  "mappings": ";;AAAA;AAEe,sBAAsB;AACnC,SACE,oCAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAM;AAAA,KACnB,oCAAC;AAAA,IAAO,MAAM;AAAA,IAAK,IAAG;AAAA,IAAS,WAAU;AAAA,GAAK,GAC9C,oCAAC;AAAA,IAAO,MAAM;AAAA,IAAK,IAAG;AAAA,IAAS,WAAU;AAAA,GAAK,CAChD;AAEJ;AAPwB;",
+  "names": []
+}

package/dist/esm/demos/SliderDemo.js

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

package/dist/esm/demos/SliderDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/demos/SliderDemo.tsx"],
+  "sourcesContent": ["import { Slider, XStack, YStack } from 'tamagui'\n\nexport default function SliderDemo() {\n  return (\n    <XStack width={300} height={200} ai=\"center\" space=\"$8\">\n      <Slider height={200} orientation=\"vertical\" defaultValue={[50]} max={100} step={1}>\n        <Slider.Track>\n          <Slider.TrackActive />\n        </Slider.Track>\n        <Slider.Thumb hoverable bordered circular elevate index={0} />\n      </Slider>\n\n      <Slider width={200} defaultValue={[50]} max={100} step={1}>\n        <Slider.Track>\n          <Slider.TrackActive />\n        </Slider.Track>\n        <Slider.Thumb hoverable bordered circular elevate index={0} />\n      </Slider>\n    </XStack>\n  )\n}\n"],
+  "mappings": ";;AAAA;AAEe,sBAAsB;AACnC,SACE,oCAAC;AAAA,IAAO,OAAO;AAAA,IAAK,QAAQ;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KACjD,oCAAC;AAAA,IAAO,QAAQ;AAAA,IAAK,aAAY;AAAA,IAAW,cAAc,CAAC,EAAE;AAAA,IAAG,KAAK;AAAA,IAAK,MAAM;AAAA,KAC9E,oCAAC,OAAO,OAAP,MACC,oCAAC,OAAO,aAAP,IAAmB,CACtB,GACA,oCAAC,OAAO,OAAP;AAAA,IAAa,WAAS;AAAA,IAAC,UAAQ;AAAA,IAAC,UAAQ;AAAA,IAAC,SAAO;AAAA,IAAC,OAAO;AAAA,GAAG,CAC9D,GAEA,oCAAC;AAAA,IAAO,OAAO;AAAA,IAAK,cAAc,CAAC,EAAE;AAAA,IAAG,KAAK;AAAA,IAAK,MAAM;AAAA,KACtD,oCAAC,OAAO,OAAP,MACC,oCAAC,OAAO,aAAP,IAAmB,CACtB,GACA,oCAAC,OAAO,OAAP;AAAA,IAAa,WAAS;AAAA,IAAC,UAAQ;AAAA,IAAC,UAAQ;AAAA,IAAC,SAAO;AAAA,IAAC,OAAO;AAAA,GAAG,CAC9D,CACF;AAEJ;AAlBwB;",
+  "names": []
+}

package/dist/esm/demos/SpinnerDemo.js

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

package/dist/esm/demos/SpinnerDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/demos/SpinnerDemo.tsx"],
+  "sourcesContent": ["import { Spinner, YStack } from 'tamagui'\n\nexport default function SpinnerDemo() {\n  return (\n    <YStack p=\"$3\" space=\"$4\" ai=\"center\">\n      <Spinner size=\"small\" color=\"$green10\" />\n      <Spinner size=\"large\" color=\"$orange10\" />\n    </YStack>\n  )\n}\n"],
+  "mappings": ";;AAAA;AAEe,uBAAuB;AACpC,SACE,oCAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,IAAG;AAAA,KAC3B,oCAAC;AAAA,IAAQ,MAAK;AAAA,IAAQ,OAAM;AAAA,GAAW,GACvC,oCAAC;AAAA,IAAQ,MAAK;AAAA,IAAQ,OAAM;AAAA,GAAY,CAC1C;AAEJ;AAPwB;",
+  "names": []
+}