@tamagui/demos 1.0.1-beta.100

package/dist/esm/CardDemo.js

@@ -0,0 +1,66 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import React from "react";
+import { Button, Card, H2, Image, Paragraph, XStack } from "tamagui";
+import camera from "../../public/camera.jpg";
+function CardDemo() {
+  return /* @__PURE__ */ React.createElement(XStack, {
+    $sm: { flexDirection: "column" },
+    px: "$4",
+    space: true
+  }, /* @__PURE__ */ React.createElement(DemoCard, {
+    animation: "bouncy",
+    size: "$4",
+    w: 250,
+    h: 300,
+    scale: 0.9,
+    hoverStyle: { scale: 0.925 },
+    pressStyle: { scale: 0.875 }
+  }), /* @__PURE__ */ React.createElement(DemoCard, {
+    size: "$5",
+    w: 250,
+    h: 300
+  }));
+}
+function DemoCard(props) {
+  return /* @__PURE__ */ React.createElement(Card, __spreadValues({
+    theme: "dark",
+    elevate: true,
+    size: "$4",
+    bordered: true
+  }, props), /* @__PURE__ */ React.createElement(Card.Header, {
+    padded: true
+  }, /* @__PURE__ */ React.createElement(H2, null, "Sony A7IV"), /* @__PURE__ */ React.createElement(Paragraph, {
+    theme: "alt2"
+  }, "Now available")), /* @__PURE__ */ React.createElement(Card.Footer, {
+    padded: true
+  }, /* @__PURE__ */ React.createElement(XStack, {
+    f: 1
+  }), /* @__PURE__ */ React.createElement(Button, {
+    br: "$10"
+  }, "Purchase")), /* @__PURE__ */ React.createElement(Card.Background, null, /* @__PURE__ */ React.createElement(Image, {
+    pos: "absolute",
+    width: 300,
+    height: 500,
+    resizeMode: "cover",
+    src: camera.src
+  })));
+}
+export {
+  CardDemo
+};
+//# sourceMappingURL=CardDemo.js.map

package/dist/esm/CardDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/CardDemo.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { Button, Card, CardProps, H2, H3, Image, Paragraph, XStack } from 'tamagui'\n\n// @ts-ignore\nimport camera from '../../public/camera.jpg'\n\nexport function CardDemo() {\n  return (\n    <XStack $sm={{ flexDirection: 'column' }} px=\"$4\" space>\n      <DemoCard\n        animation=\"bouncy\"\n        size=\"$4\"\n        w={250}\n        h={300}\n        scale={0.9}\n        hoverStyle={{ scale: 0.925 }}\n        pressStyle={{ scale: 0.875 }}\n      />\n      <DemoCard size=\"$5\" w={250} h={300} />\n    </XStack>\n  )\n}\n\nfunction DemoCard(props: CardProps) {\n  return (\n    <Card theme=\"dark\" elevate size=\"$4\" bordered {...props}>\n      <Card.Header padded>\n        <H2>Sony A7IV</H2>\n        <Paragraph theme=\"alt2\">Now available</Paragraph>\n      </Card.Header>\n      <Card.Footer padded>\n        <XStack f={1} />\n        <Button br=\"$10\">Purchase</Button>\n      </Card.Footer>\n      <Card.Background>\n        <Image pos=\"absolute\" width={300} height={500} resizeMode=\"cover\" src={camera.src} />\n      </Card.Background>\n    </Card>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AACA;AAGA;AAEO,oBAAoB;AACzB,SACE,oCAAC;AAAA,IAAO,KAAK,EAAE,eAAe,SAAS;AAAA,IAAG,IAAG;AAAA,IAAK,OAAK;AAAA,KACrD,oCAAC;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,YAAY,EAAE,OAAO,MAAM;AAAA,IAC3B,YAAY,EAAE,OAAO,MAAM;AAAA,GAC7B,GACA,oCAAC;AAAA,IAAS,MAAK;AAAA,IAAK,GAAG;AAAA,IAAK,GAAG;AAAA,GAAK,CACtC;AAEJ;AAEA,kBAAkB,OAAkB;AAClC,SACE,oCAAC;AAAA,IAAK,OAAM;AAAA,IAAO,SAAO;AAAA,IAAC,MAAK;AAAA,IAAK,UAAQ;AAAA,KAAK,QAChD,oCAAC,KAAK,QAAL;AAAA,IAAY,QAAM;AAAA,KACjB,oCAAC,UAAG,WAAS,GACb,oCAAC;AAAA,IAAU,OAAM;AAAA,KAAO,eAAa,CACvC,GACA,oCAAC,KAAK,QAAL;AAAA,IAAY,QAAM;AAAA,KACjB,oCAAC;AAAA,IAAO,GAAG;AAAA,GAAG,GACd,oCAAC;AAAA,IAAO,IAAG;AAAA,KAAM,UAAQ,CAC3B,GACA,oCAAC,KAAK,YAAL,MACC,oCAAC;AAAA,IAAM,KAAI;AAAA,IAAW,OAAO;AAAA,IAAK,QAAQ;AAAA,IAAK,YAAW;AAAA,IAAQ,KAAK,OAAO;AAAA,GAAK,CACrF,CACF;AAEJ;",
+  "names": []
+}

package/dist/esm/Demos.js

@@ -0,0 +1,110 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { Check, X } from "@tamagui/feather-icons";
+import {
+  Avatar,
+  Button,
+  Group,
+  ListItem,
+  Paragraph,
+  Separator,
+  Square,
+  TooltipSimple,
+  XStack,
+  YStack
+} from "tamagui";
+function Demos() {
+  return /* @__PURE__ */ React.createElement(YStack, {
+    space: true
+  });
+}
+__name(Demos, "Demos");
+function ButtonDemo() {
+  return /* @__PURE__ */ React.createElement(Button, {
+    alignSelf: "center",
+    size: "$2",
+    icon: Check,
+    iconAfter: X
+  }, "Hello wrold");
+}
+__name(ButtonDemo, "ButtonDemo");
+function TooltipDemo() {
+  return /* @__PURE__ */ React.createElement(TooltipSimple, {
+    label: "test tooltip"
+  }, /* @__PURE__ */ React.createElement(Button, {
+    size: "$6",
+    icon: Check,
+    iconAfter: X
+  }, "Hello wrold"));
+}
+__name(TooltipDemo, "TooltipDemo");
+function GroupListItemDemo() {
+  return /* @__PURE__ */ React.createElement(Group, {
+    width: 250,
+    size: "$4",
+    vertical: true,
+    separator: /* @__PURE__ */ React.createElement(Separator, {
+      marginLeft: "$4"
+    })
+  }, /* @__PURE__ */ React.createElement(ListItem, {
+    icon: Check,
+    subTitle: "test 123"
+  }, "Bye world"), /* @__PURE__ */ React.createElement(ListItem, {
+    iconAfter: Check
+  }, "Hello world"), /* @__PURE__ */ React.createElement(ListItem, {
+    iconAfter: Check
+  }, "Hello world"), /* @__PURE__ */ React.createElement(ListItem, {
+    iconAfter: Check
+  }, "Hello world"));
+}
+__name(GroupListItemDemo, "GroupListItemDemo");
+function AvatarDemo() {
+  return /* @__PURE__ */ React.createElement(Avatar, {
+    circular: true,
+    size: "$10"
+  }, /* @__PURE__ */ React.createElement(Avatar.Image, {
+    src: "http://placekitten.com/150/150",
+    width: 150,
+    height: 150
+  }), /* @__PURE__ */ React.createElement(Avatar.Fallback, {
+    backgroundColor: "red"
+  }));
+}
+__name(AvatarDemo, "AvatarDemo");
+function ShapesDemo() {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Square, {
+    size: "$8"
+  }));
+}
+__name(ShapesDemo, "ShapesDemo");
+function SeparatorDemo() {
+  return /* @__PURE__ */ React.createElement(YStack, {
+    width: "100%",
+    maxWidth: 300,
+    marginHorizontal: 15
+  }, /* @__PURE__ */ React.createElement(Paragraph, {
+    fontWeight: "800"
+  }, "Tamagui"), /* @__PURE__ */ React.createElement(Paragraph, null, "An cross-platform component library."), /* @__PURE__ */ React.createElement(Separator, {
+    marginVertical: 15
+  }), /* @__PURE__ */ React.createElement(XStack, {
+    height: 20,
+    alignItems: "center",
+    space: true,
+    separator: /* @__PURE__ */ React.createElement(Separator, {
+      debug: "verbose",
+      alignSelf: "stretch",
+      vertical: true
+    })
+  }, /* @__PURE__ */ React.createElement(Paragraph, null, "Blog"), /* @__PURE__ */ React.createElement(Paragraph, null, "Docs"), /* @__PURE__ */ React.createElement(Paragraph, null, "Source")));
+}
+__name(SeparatorDemo, "SeparatorDemo");
+export {
+  AvatarDemo,
+  ButtonDemo,
+  Demos,
+  GroupListItemDemo,
+  SeparatorDemo,
+  ShapesDemo,
+  TooltipDemo
+};
+//# sourceMappingURL=Demos.js.map

package/dist/esm/Demos.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Demos.tsx"],
+  "sourcesContent": ["import { Check, X } from '@tamagui/feather-icons'\nimport {\n  Avatar,\n  Button,\n  Group,\n  ListItem,\n  Paragraph,\n  Separator,\n  Square,\n  TooltipSimple,\n  XStack,\n  YStack,\n} from 'tamagui'\n\nexport function Demos() {\n  return <YStack space></YStack>\n}\n\nexport function ButtonDemo() {\n  return (\n    <Button alignSelf=\"center\" size=\"$2\" icon={Check} iconAfter={X}>\n      Hello wrold\n    </Button>\n  )\n}\n\nexport function TooltipDemo() {\n  return (\n    <TooltipSimple label=\"test tooltip\">\n      <Button size=\"$6\" icon={Check} iconAfter={X}>\n        Hello wrold\n      </Button>\n    </TooltipSimple>\n  )\n}\n\nexport function GroupListItemDemo() {\n  return (\n    <Group width={250} size=\"$4\" vertical separator={<Separator marginLeft=\"$4\" />}>\n      <ListItem icon={Check} subTitle=\"test 123\">\n        Bye world\n      </ListItem>\n      <ListItem iconAfter={Check}>Hello world</ListItem>\n      <ListItem iconAfter={Check}>Hello world</ListItem>\n      <ListItem iconAfter={Check}>Hello world</ListItem>\n    </Group>\n  )\n}\n\nexport function AvatarDemo() {\n  return (\n    <Avatar circular size=\"$10\">\n      <Avatar.Image src=\"http://placekitten.com/150/150\" width={150} height={150} />\n      <Avatar.Fallback backgroundColor=\"red\" />\n    </Avatar>\n  )\n}\n\nexport function ShapesDemo() {\n  return (\n    <>\n      <Square size=\"$8\" />\n    </>\n  )\n}\n\nexport function SeparatorDemo() {\n  return (\n    <YStack width=\"100%\" maxWidth={300} marginHorizontal={15}>\n      <Paragraph fontWeight=\"800\">Tamagui</Paragraph>\n      <Paragraph>An cross-platform component library.</Paragraph>\n      <Separator marginVertical={15} />\n      <XStack\n        height={20}\n        alignItems=\"center\"\n        space\n        separator={<Separator debug=\"verbose\" alignSelf=\"stretch\" vertical />}\n      >\n        <Paragraph>Blog</Paragraph>\n        <Paragraph>Docs</Paragraph>\n        <Paragraph>Source</Paragraph>\n      </XStack>\n    </YStack>\n  )\n}\n"],
+  "mappings": ";;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaO,iBAAiB;AACtB,SAAO,oCAAC;AAAA,IAAO,OAAK;AAAA,GAAC;AACvB;AAFgB;AAIT,sBAAsB;AAC3B,SACE,oCAAC;AAAA,IAAO,WAAU;AAAA,IAAS,MAAK;AAAA,IAAK,MAAM;AAAA,IAAO,WAAW;AAAA,KAAG,aAEhE;AAEJ;AANgB;AAQT,uBAAuB;AAC5B,SACE,oCAAC;AAAA,IAAc,OAAM;AAAA,KACnB,oCAAC;AAAA,IAAO,MAAK;AAAA,IAAK,MAAM;AAAA,IAAO,WAAW;AAAA,KAAG,aAE7C,CACF;AAEJ;AARgB;AAUT,6BAA6B;AAClC,SACE,oCAAC;AAAA,IAAM,OAAO;AAAA,IAAK,MAAK;AAAA,IAAK,UAAQ;AAAA,IAAC,WAAW,oCAAC;AAAA,MAAU,YAAW;AAAA,KAAK;AAAA,KAC1E,oCAAC;AAAA,IAAS,MAAM;AAAA,IAAO,UAAS;AAAA,KAAW,WAE3C,GACA,oCAAC;AAAA,IAAS,WAAW;AAAA,KAAO,aAAW,GACvC,oCAAC;AAAA,IAAS,WAAW;AAAA,KAAO,aAAW,GACvC,oCAAC;AAAA,IAAS,WAAW;AAAA,KAAO,aAAW,CACzC;AAEJ;AAXgB;AAaT,sBAAsB;AAC3B,SACE,oCAAC;AAAA,IAAO,UAAQ;AAAA,IAAC,MAAK;AAAA,KACpB,oCAAC,OAAO,OAAP;AAAA,IAAa,KAAI;AAAA,IAAiC,OAAO;AAAA,IAAK,QAAQ;AAAA,GAAK,GAC5E,oCAAC,OAAO,UAAP;AAAA,IAAgB,iBAAgB;AAAA,GAAM,CACzC;AAEJ;AAPgB;AAST,sBAAsB;AAC3B,SACE,0DACE,oCAAC;AAAA,IAAO,MAAK;AAAA,GAAK,CACpB;AAEJ;AANgB;AAQT,yBAAyB;AAC9B,SACE,oCAAC;AAAA,IAAO,OAAM;AAAA,IAAO,UAAU;AAAA,IAAK,kBAAkB;AAAA,KACpD,oCAAC;AAAA,IAAU,YAAW;AAAA,KAAM,SAAO,GACnC,oCAAC,iBAAU,sCAAoC,GAC/C,oCAAC;AAAA,IAAU,gBAAgB;AAAA,GAAI,GAC/B,oCAAC;AAAA,IACC,QAAQ;AAAA,IACR,YAAW;AAAA,IACX,OAAK;AAAA,IACL,WAAW,oCAAC;AAAA,MAAU,OAAM;AAAA,MAAU,WAAU;AAAA,MAAU,UAAQ;AAAA,KAAC;AAAA,KAEnE,oCAAC,iBAAU,MAAI,GACf,oCAAC,iBAAU,MAAI,GACf,oCAAC,iBAAU,QAAM,CACnB,CACF;AAEJ;AAlBgB;",
+  "names": []
+}

package/dist/esm/DialogDemo.js

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

package/dist/esm/DialogDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DialogDemo.tsx"],
+  "sourcesContent": ["import { X } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, Dialog, Fieldset, Input, Label, Unspaced, YStack } from 'tamagui'\n\nexport function DialogDemo() {\n  return (\n    <Dialog modal>\n      <Dialog.Trigger asChild>\n        <Button>Edit Profile</Button>\n      </Dialog.Trigger>\n      <Dialog.Portal>\n        <Dialog.Overlay\n          key=\"overlay\"\n          animation=\"quick\"\n          o={0.5}\n          enterStyle={{ o: 0 }}\n          exitStyle={{ o: 0 }}\n        />\n        <Dialog.Content\n          bordered\n          elevate\n          key=\"content\"\n          space\n          animation={[\n            'quick',\n            {\n              opacity: {\n                overshootClamping: true,\n              },\n            },\n          ]}\n          enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}\n          exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}\n          x={0}\n          scale={1}\n          opacity={1}\n          y={0}\n        >\n          <Dialog.Title>Edit profile</Dialog.Title>\n          <Dialog.Description>\n            Make changes to your profile here. Click save when you're done.\n          </Dialog.Description>\n          <Fieldset space=\"$4\" horizontal>\n            <Label w={160} justifyContent=\"flex-end\" htmlFor=\"name\">\n              Name\n            </Label>\n            <Input f={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n          </Fieldset>\n          <Fieldset space=\"$4\" horizontal>\n            <Label w={160} justifyContent=\"flex-end\" htmlFor=\"username\">\n              Username\n            </Label>\n            <Input f={1} id=\"username\" defaultValue=\"@natebirdman\" />\n          </Fieldset>\n\n          <YStack ai=\"flex-end\" mt=\"$2\">\n            <Dialog.Close asChild>\n              <Button theme=\"alt1\" aria-label=\"Close\">\n                Save changes\n              </Button>\n            </Dialog.Close>\n          </YStack>\n\n          <Unspaced>\n            <Dialog.Close asChild>\n              <Button pos=\"absolute\" t=\"$4\" r=\"$4\" circular icon={X} />\n            </Dialog.Close>\n          </Unspaced>\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog>\n  )\n}\n"],
+  "mappings": "AAAA;AACA;AACA;AAEO,sBAAsB;AAC3B,SACE,oCAAC;AAAA,IAAO,OAAK;AAAA,KACX,oCAAC,OAAO,SAAP;AAAA,IAAe,SAAO;AAAA,KACrB,oCAAC,cAAO,cAAY,CACtB,GACA,oCAAC,OAAO,QAAP,MACC,oCAAC,OAAO,SAAP;AAAA,IACC,KAAI;AAAA,IACJ,WAAU;AAAA,IACV,GAAG;AAAA,IACH,YAAY,EAAE,GAAG,EAAE;AAAA,IACnB,WAAW,EAAE,GAAG,EAAE;AAAA,GACpB,GACA,oCAAC,OAAO,SAAP;AAAA,IACC,UAAQ;AAAA,IACR,SAAO;AAAA,IACP,KAAI;AAAA,IACJ,OAAK;AAAA,IACL,WAAW;AAAA,MACT;AAAA,MACA;AAAA,QACE,SAAS;AAAA,UACP,mBAAmB;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAAA,IACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,IACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,IAClD,GAAG;AAAA,IACH,OAAO;AAAA,IACP,SAAS;AAAA,IACT,GAAG;AAAA,KAEH,oCAAC,OAAO,OAAP,MAAa,cAAY,GAC1B,oCAAC,OAAO,aAAP,MAAmB,iEAEpB,GACA,oCAAC;AAAA,IAAS,OAAM;AAAA,IAAK,YAAU;AAAA,KAC7B,oCAAC;AAAA,IAAM,GAAG;AAAA,IAAK,gBAAe;AAAA,IAAW,SAAQ;AAAA,KAAO,MAExD,GACA,oCAAC;AAAA,IAAM,GAAG;AAAA,IAAG,IAAG;AAAA,IAAO,cAAa;AAAA,GAAe,CACrD,GACA,oCAAC;AAAA,IAAS,OAAM;AAAA,IAAK,YAAU;AAAA,KAC7B,oCAAC;AAAA,IAAM,GAAG;AAAA,IAAK,gBAAe;AAAA,IAAW,SAAQ;AAAA,KAAW,UAE5D,GACA,oCAAC;AAAA,IAAM,GAAG;AAAA,IAAG,IAAG;AAAA,IAAW,cAAa;AAAA,GAAe,CACzD,GAEA,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAW,IAAG;AAAA,KACvB,oCAAC,OAAO,OAAP;AAAA,IAAa,SAAO;AAAA,KACnB,oCAAC;AAAA,IAAO,OAAM;AAAA,IAAO,cAAW;AAAA,KAAQ,cAExC,CACF,CACF,GAEA,oCAAC,gBACC,oCAAC,OAAO,OAAP;AAAA,IAAa,SAAO;AAAA,KACnB,oCAAC;AAAA,IAAO,KAAI;AAAA,IAAW,GAAE;AAAA,IAAK,GAAE;AAAA,IAAK,UAAQ;AAAA,IAAC,MAAM;AAAA,GAAG,CACzD,CACF,CACF,CACF,CACF;AAEJ;",
+  "names": []
+}

package/dist/esm/DrawerDemo.js

@@ -0,0 +1,43 @@
+import { Drawer } from "@tamagui/drawer";
+import { ChevronDown, ChevronUp } from "@tamagui/feather-icons";
+import React from "react";
+import { useState } from "react";
+import { Button, Paragraph, YStack } from "tamagui";
+function DrawerDemo() {
+  const [show, setShow] = useState(false);
+  return /* @__PURE__ */ React.createElement(YStack, {
+    minWidth: 230,
+    w: "100%",
+    h: "100%",
+    ai: "center",
+    jc: "center",
+    position: "relative"
+  }, /* @__PURE__ */ React.createElement(Drawer.Provider, null, /* @__PURE__ */ React.createElement(Button, {
+    size: "$6",
+    icon: show ? ChevronDown : ChevronUp,
+    circular: true,
+    onPress: () => setShow((x) => !x),
+    elevation: "$2"
+  }), /* @__PURE__ */ React.createElement(Drawer, {
+    open: show,
+    onChangeOpen: setShow
+  }, /* @__PURE__ */ React.createElement(Drawer.Frame, {
+    h: 200,
+    ai: "center",
+    jc: "center",
+    p: "$6",
+    space: true
+  }, /* @__PURE__ */ React.createElement(Paragraph, {
+    selectable: false
+  }, "Hello."), /* @__PURE__ */ React.createElement(Button, {
+    size: "$6",
+    icon: show ? ChevronDown : ChevronUp,
+    circular: true,
+    onPress: () => setShow((x) => !x),
+    elevation: "$2"
+  })))));
+}
+export {
+  DrawerDemo
+};
+//# sourceMappingURL=DrawerDemo.js.map

package/dist/esm/DrawerDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DrawerDemo.tsx"],
+  "sourcesContent": ["import { Drawer } from '@tamagui/drawer'\nimport { ChevronDown, ChevronUp } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { useState } from 'react'\nimport { Button, Paragraph, YStack } from 'tamagui'\n\nexport function DrawerDemo() {\n  const [show, setShow] = useState(false)\n  return (\n    <YStack minWidth={230} w=\"100%\" h=\"100%\" ai=\"center\" jc=\"center\" position=\"relative\">\n      <Drawer.Provider>\n        <Button\n          size=\"$6\"\n          icon={show ? ChevronDown : ChevronUp}\n          circular\n          onPress={() => setShow((x) => !x)}\n          elevation=\"$2\"\n        />\n        <Drawer open={show} onChangeOpen={setShow}>\n          <Drawer.Frame h={200} ai=\"center\" jc=\"center\" p=\"$6\" space>\n            <Paragraph selectable={false}>Hello.</Paragraph>\n            <Button\n              size=\"$6\"\n              icon={show ? ChevronDown : ChevronUp}\n              circular\n              onPress={() => setShow((x) => !x)}\n              elevation=\"$2\"\n            />\n          </Drawer.Frame>\n        </Drawer>\n      </Drawer.Provider>\n    </YStack>\n  )\n}\n"],
+  "mappings": "AAAA;AACA;AACA;AACA;AACA;AAEO,sBAAsB;AAC3B,QAAM,CAAC,MAAM,WAAW,SAAS,KAAK;AACtC,SACE,oCAAC;AAAA,IAAO,UAAU;AAAA,IAAK,GAAE;AAAA,IAAO,GAAE;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAS,UAAS;AAAA,KACxE,oCAAC,OAAO,UAAP,MACC,oCAAC;AAAA,IACC,MAAK;AAAA,IACL,MAAM,OAAO,cAAc;AAAA,IAC3B,UAAQ;AAAA,IACR,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,IAChC,WAAU;AAAA,GACZ,GACA,oCAAC;AAAA,IAAO,MAAM;AAAA,IAAM,cAAc;AAAA,KAChC,oCAAC,OAAO,OAAP;AAAA,IAAa,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,IAAG;AAAA,IAAS,GAAE;AAAA,IAAK,OAAK;AAAA,KACxD,oCAAC;AAAA,IAAU,YAAY;AAAA,KAAO,QAAM,GACpC,oCAAC;AAAA,IACC,MAAK;AAAA,IACL,MAAM,OAAO,cAAc;AAAA,IAC3B,UAAQ;AAAA,IACR,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,IAChC,WAAU;AAAA,GACZ,CACF,CACF,CACF,CACF;AAEJ;",
+  "names": []
+}

package/dist/esm/DrawerSimpleDemo.js

@@ -0,0 +1,26 @@
+import { Drawer } from "@tamagui/drawer-simple";
+import { ChevronDown } from "@tamagui/feather-icons";
+import React, { useState } from "react";
+import { Button } from "tamagui";
+const DrawerSimpleDemo = () => {
+  const [position, setPosition] = useState(0);
+  return /* @__PURE__ */ React.createElement(Drawer, {
+    snapPoints: [80, 10],
+    position,
+    onChangePosition: setPosition
+  }, /* @__PURE__ */ React.createElement(Drawer.Backdrop, null), /* @__PURE__ */ React.createElement(Drawer.Frame, {
+    ai: "center",
+    jc: "center"
+  }, /* @__PURE__ */ React.createElement(Drawer.Handle, null), /* @__PURE__ */ React.createElement(Button, {
+    size: "$6",
+    circular: true,
+    icon: ChevronDown,
+    onPress: () => {
+      setPosition(1);
+    }
+  })));
+};
+export {
+  DrawerSimpleDemo
+};
+//# sourceMappingURL=DrawerSimpleDemo.js.map

package/dist/esm/DrawerSimpleDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DrawerSimpleDemo.tsx"],
+  "sourcesContent": ["import { Drawer } from '@tamagui/drawer-simple'\nimport { ChevronDown } from '@tamagui/feather-icons'\nimport React, { useState } from 'react'\nimport { Button, H1 } from 'tamagui'\n\nexport const DrawerSimpleDemo = () => {\n  const [position, setPosition] = useState(0)\n\n  return (\n    <Drawer snapPoints={[80, 10]} position={position} onChangePosition={setPosition}>\n      <Drawer.Backdrop />\n      <Drawer.Frame ai=\"center\" jc=\"center\">\n        <Drawer.Handle />\n        <Button\n          size=\"$6\"\n          circular\n          icon={ChevronDown}\n          onPress={() => {\n            setPosition(1)\n          }}\n        />\n      </Drawer.Frame>\n    </Drawer>\n  )\n}\n"],
+  "mappings": "AAAA;AACA;AACA;AACA;AAEO,MAAM,mBAAmB,MAAM;AACpC,QAAM,CAAC,UAAU,eAAe,SAAS,CAAC;AAE1C,SACE,oCAAC;AAAA,IAAO,YAAY,CAAC,IAAI,EAAE;AAAA,IAAG;AAAA,IAAoB,kBAAkB;AAAA,KAClE,oCAAC,OAAO,UAAP,IAAgB,GACjB,oCAAC,OAAO,OAAP;AAAA,IAAa,IAAG;AAAA,IAAS,IAAG;AAAA,KAC3B,oCAAC,OAAO,QAAP,IAAc,GACf,oCAAC;AAAA,IACC,MAAK;AAAA,IACL,UAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS,MAAM;AACb,kBAAY,CAAC;AAAA,IACf;AAAA,GACF,CACF,CACF;AAEJ;",
+  "names": []
+}

package/dist/esm/FeatherIconsDemo.js

@@ -0,0 +1,49 @@
+import * as FeatherIcons from "@tamagui/feather-icons";
+import React from "react";
+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 /* @__PURE__ */ React.createElement(YStack, {
+        h: size,
+        ai: "center",
+        jc: "center",
+        key: name
+      }, /* @__PURE__ */ React.createElement(Icon, {
+        size: size * 0.25
+      }), /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement(Paragraph, {
+        size: "$2",
+        o: 0.5
+      }, name));
+    });
+  }, [search]);
+  return /* @__PURE__ */ React.createElement(YStack, {
+    als: "stretch",
+    p: "$4",
+    pb: "$0",
+    space: true
+  }, /* @__PURE__ */ React.createElement(Input, {
+    value: searchRaw,
+    onChangeText: setSearch,
+    placeholder: "Search..."
+  }), /* @__PURE__ */ React.createElement(YStack, {
+    h: 420
+  }, /* @__PURE__ */ React.createElement(ScrollView, null, /* @__PURE__ */ React.createElement(Grid, {
+    itemMinWidth: size
+  }, iconsMemo))));
+}
+export {
+  FeatherIconsDemo
+};
+//# sourceMappingURL=FeatherIconsDemo.js.map

package/dist/esm/FeatherIconsDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/FeatherIconsDemo.tsx"],
+  "sourcesContent": ["import * as FeatherIcons from '@tamagui/feather-icons'\nimport React from 'react'\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 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;AACA;AAEA,MAAM,eAAe,OAAO,KAAK,YAAY,EAAE,IAAI,CAAC,SAAU;AAAA,EAC5D,KAAK,KAAK,YAAY;AAAA,EACtB;AAAA,EACA,MAAM,aAAa;AACrB,EAAE;AAEK,4BAA4B;AACjC,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;",
+  "names": []
+}

package/dist/esm/FormsDemo.js

@@ -0,0 +1,37 @@
+import React from "react";
+import { Button, Input, TextArea, XStack, YStack } from "tamagui";
+function FormsDemo() {
+  return /* @__PURE__ */ React.createElement(YStack, {
+    w: 200,
+    mih: 250,
+    overflow: "hidden",
+    space: "$2",
+    m: "$3",
+    p: "$2"
+  }, /* @__PURE__ */ React.createElement(FormDemo, {
+    size: "$2"
+  }), /* @__PURE__ */ React.createElement(FormDemo, {
+    size: "$3"
+  }), /* @__PURE__ */ React.createElement(FormDemo, {
+    size: "$4"
+  }), /* @__PURE__ */ React.createElement(TextArea, {
+    numberOfLines: 4
+  }));
+}
+function FormDemo(props) {
+  return /* @__PURE__ */ React.createElement(XStack, {
+    ai: "center",
+    space: "$2"
+  }, /* @__PURE__ */ React.createElement(Input, {
+    f: 1,
+    w: "0%",
+    size: props.size,
+    placeholder: `Size ${props.size}...`
+  }), /* @__PURE__ */ React.createElement(Button, {
+    size: props.size
+  }, "Go"));
+}
+export {
+  FormsDemo
+};
+//# sourceMappingURL=FormsDemo.js.map

package/dist/esm/FormsDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/FormsDemo.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { Button, Input, SizeTokens, TextArea, XStack, YStack } from 'tamagui'\n\nexport function FormsDemo() {\n  return (\n    <YStack w={200} mih={250} overflow=\"hidden\" space=\"$2\" m=\"$3\" p=\"$2\">\n      <FormDemo size=\"$2\" />\n      <FormDemo size=\"$3\" />\n      <FormDemo size=\"$4\" />\n      <TextArea numberOfLines={4} />\n    </YStack>\n  )\n}\n\nfunction FormDemo(props: { size: SizeTokens }) {\n  return (\n    <XStack ai=\"center\" space=\"$2\">\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;AAEO,qBAAqB;AAC1B,SACE,oCAAC;AAAA,IAAO,GAAG;AAAA,IAAK,KAAK;AAAA,IAAK,UAAS;AAAA,IAAS,OAAM;AAAA,IAAK,GAAE;AAAA,IAAK,GAAE;AAAA,KAC9D,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;AAEA,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;",
+  "names": []
+}

package/dist/esm/GroupDemo.js

@@ -0,0 +1,26 @@
+import { Activity, Airplay } from "@tamagui/feather-icons";
+import React from "react";
+import { Button, Group, ListItem, Separator, YStack } from "tamagui";
+function GroupDemo() {
+  return /* @__PURE__ */ React.createElement(YStack, {
+    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")), /* @__PURE__ */ React.createElement(Group, {
+    size: "$3",
+    vertical: true,
+    separator: /* @__PURE__ */ React.createElement(Separator, null)
+  }, /* @__PURE__ */ React.createElement(ListItem, null, "First"), /* @__PURE__ */ React.createElement(ListItem, null, "Second"), /* @__PURE__ */ React.createElement(ListItem, null, "Third")));
+}
+export {
+  GroupDemo
+};
+//# sourceMappingURL=GroupDemo.js.map

package/dist/esm/GroupDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/GroupDemo.tsx"],
+  "sourcesContent": ["import { Activity, Airplay } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, Group, ListItem, Separator, YStack } from 'tamagui'\n\nexport function GroupDemo() {\n  return (\n    <YStack 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\n      <Group size=\"$3\" vertical separator={<Separator />}>\n        <ListItem>First</ListItem>\n        <ListItem>Second</ListItem>\n        <ListItem>Third</ListItem>\n      </Group>\n    </YStack>\n  )\n}\n"],
+  "mappings": "AAAA;AACA;AACA;AAEO,qBAAqB;AAC1B,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,GAEA,oCAAC;AAAA,IAAM,MAAK;AAAA,IAAK,UAAQ;AAAA,IAAC,WAAW,oCAAC,eAAU;AAAA,KAC9C,oCAAC,gBAAS,OAAK,GACf,oCAAC,gBAAS,QAAM,GAChB,oCAAC,gBAAS,OAAK,CACjB,CACF;AAEJ;",
+  "names": []
+}

package/dist/esm/HeadingsDemo.js

@@ -0,0 +1,11 @@
+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"));
+}
+export {
+  HeadingsDemo
+};
+//# sourceMappingURL=HeadingsDemo.js.map

package/dist/esm/HeadingsDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/HeadingsDemo.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { H1, H2, H3, H4, H5, H6, YStack } from 'tamagui'\n\nexport 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;AAEO,wBAAwB;AAC7B,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;",
+  "names": []
+}

package/dist/esm/ImageDemo.js

@@ -0,0 +1,13 @@
+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
+  });
+}
+export {
+  ImageDemo
+};
+//# sourceMappingURL=ImageDemo.js.map

package/dist/esm/ImageDemo.js.map

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