@tamagui/demos 1.0.1-beta.49

package/dist/cjs/Demos.js

@@ -0,0 +1,127 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Demos_exports = {};
+__export(Demos_exports, {
+  AvatarDemo: () => AvatarDemo,
+  ButtonDemo: () => ButtonDemo,
+  Demos: () => Demos,
+  GroupListItemDemo: () => GroupListItemDemo,
+  SeparatorDemo: () => SeparatorDemo,
+  ShapesDemo: () => ShapesDemo,
+  TooltipDemo: () => TooltipDemo
+});
+module.exports = __toCommonJS(Demos_exports);
+var import_feather_icons = require("@tamagui/feather-icons");
+var import_tamagui = require("tamagui");
+function Demos() {
+  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    space: true
+  });
+}
+__name(Demos, "Demos");
+function ButtonDemo() {
+  return /* @__PURE__ */ React.createElement(import_tamagui.Button, {
+    alignSelf: "center",
+    size: "$2",
+    icon: import_feather_icons.Check,
+    iconAfter: import_feather_icons.X
+  }, "Hello wrold");
+}
+__name(ButtonDemo, "ButtonDemo");
+function TooltipDemo() {
+  return /* @__PURE__ */ React.createElement(import_tamagui.TooltipSimple, {
+    label: "test tooltip"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Button, {
+    size: "$6",
+    icon: import_feather_icons.Check,
+    iconAfter: import_feather_icons.X
+  }, "Hello wrold"));
+}
+__name(TooltipDemo, "TooltipDemo");
+function GroupListItemDemo() {
+  return /* @__PURE__ */ React.createElement(import_tamagui.Group, {
+    width: 250,
+    size: "$4",
+    vertical: true,
+    separator: /* @__PURE__ */ React.createElement(import_tamagui.Separator, {
+      marginLeft: "$4"
+    })
+  }, /* @__PURE__ */ React.createElement(import_tamagui.ListItem, {
+    icon: import_feather_icons.Check,
+    subTitle: "test 123"
+  }, "Bye world"), /* @__PURE__ */ React.createElement(import_tamagui.ListItem, {
+    iconAfter: import_feather_icons.Check
+  }, "Hello world"), /* @__PURE__ */ React.createElement(import_tamagui.ListItem, {
+    iconAfter: import_feather_icons.Check
+  }, "Hello world"), /* @__PURE__ */ React.createElement(import_tamagui.ListItem, {
+    iconAfter: import_feather_icons.Check
+  }, "Hello world"));
+}
+__name(GroupListItemDemo, "GroupListItemDemo");
+function AvatarDemo() {
+  return /* @__PURE__ */ React.createElement(import_tamagui.Avatar, {
+    circular: true,
+    size: "$10"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Avatar.Image, {
+    src: "http://placekitten.com/150/150",
+    width: 150,
+    height: 150
+  }), /* @__PURE__ */ React.createElement(import_tamagui.Avatar.Fallback, {
+    backgroundColor: "red"
+  }));
+}
+__name(AvatarDemo, "AvatarDemo");
+function ShapesDemo() {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_tamagui.Square, {
+    size: "$8"
+  }));
+}
+__name(ShapesDemo, "ShapesDemo");
+function SeparatorDemo() {
+  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    width: "100%",
+    maxWidth: 300,
+    marginHorizontal: 15
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Paragraph, {
+    fontWeight: "800"
+  }, "Tamagui"), /* @__PURE__ */ React.createElement(import_tamagui.Paragraph, null, "An cross-platform component library."), /* @__PURE__ */ React.createElement(import_tamagui.Separator, {
+    marginVertical: 15
+  }), /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    height: 20,
+    alignItems: "center",
+    space: true,
+    separator: /* @__PURE__ */ React.createElement(import_tamagui.Separator, {
+      debug: "verbose",
+      alignSelf: "stretch",
+      vertical: true
+    })
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Paragraph, null, "Blog"), /* @__PURE__ */ React.createElement(import_tamagui.Paragraph, null, "Docs"), /* @__PURE__ */ React.createElement(import_tamagui.Paragraph, null, "Source")));
+}
+__name(SeparatorDemo, "SeparatorDemo");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AvatarDemo,
+  ButtonDemo,
+  Demos,
+  GroupListItemDemo,
+  SeparatorDemo,
+  ShapesDemo,
+  TooltipDemo
+});
+//# sourceMappingURL=Demos.js.map

package/dist/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAyB;AACzB,qBAWO;AAEA,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,sBAAO,OAAP;AAAA,IAAa,KAAI;AAAA,IAAiC,OAAO;AAAA,IAAK,QAAQ;AAAA,GAAK,GAC5E,oCAAC,sBAAO,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,gCAAU,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,gCAAU,MAAI,GACf,oCAAC,gCAAU,MAAI,GACf,oCAAC,gCAAU,QAAM,CACnB,CACF;AAEJ;AAlBgB;",
+  "names": []
+}

package/dist/cjs/KitchenSink.js

@@ -0,0 +1,127 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var KitchenSink_exports = {};
+__export(KitchenSink_exports, {
+  AvatarDemo: () => AvatarDemo,
+  ButtonDemo: () => ButtonDemo,
+  GroupListItemDemo: () => GroupListItemDemo,
+  KitchenSink: () => KitchenSink,
+  SeparatorDemo: () => SeparatorDemo,
+  ShapesDemo: () => ShapesDemo,
+  TooltipDemo: () => TooltipDemo
+});
+module.exports = __toCommonJS(KitchenSink_exports);
+var import_feather_icons = require("@tamagui/feather-icons");
+var import_tamagui = require("tamagui");
+function KitchenSink() {
+  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    space: true
+  });
+}
+__name(KitchenSink, "KitchenSink");
+function ButtonDemo() {
+  return /* @__PURE__ */ React.createElement(import_tamagui.Button, {
+    alignSelf: "center",
+    size: "$2",
+    icon: import_feather_icons.Check,
+    iconAfter: import_feather_icons.X
+  }, "Hello wrold");
+}
+__name(ButtonDemo, "ButtonDemo");
+function TooltipDemo() {
+  return /* @__PURE__ */ React.createElement(import_tamagui.TooltipSimple, {
+    label: "test tooltip"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Button, {
+    size: "$6",
+    icon: import_feather_icons.Check,
+    iconAfter: import_feather_icons.X
+  }, "Hello wrold"));
+}
+__name(TooltipDemo, "TooltipDemo");
+function GroupListItemDemo() {
+  return /* @__PURE__ */ React.createElement(import_tamagui.Group, {
+    width: 250,
+    size: "$4",
+    vertical: true,
+    separator: /* @__PURE__ */ React.createElement(import_tamagui.Separator, {
+      marginLeft: "$4"
+    })
+  }, /* @__PURE__ */ React.createElement(import_tamagui.ListItem, {
+    icon: import_feather_icons.Check,
+    subTitle: "test 123"
+  }, "Bye world"), /* @__PURE__ */ React.createElement(import_tamagui.ListItem, {
+    iconAfter: import_feather_icons.Check
+  }, "Hello world"), /* @__PURE__ */ React.createElement(import_tamagui.ListItem, {
+    iconAfter: import_feather_icons.Check
+  }, "Hello world"), /* @__PURE__ */ React.createElement(import_tamagui.ListItem, {
+    iconAfter: import_feather_icons.Check
+  }, "Hello world"));
+}
+__name(GroupListItemDemo, "GroupListItemDemo");
+function AvatarDemo() {
+  return /* @__PURE__ */ React.createElement(import_tamagui.Avatar, {
+    circular: true,
+    size: "$10"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Avatar.Image, {
+    src: "http://placekitten.com/150/150",
+    width: 150,
+    height: 150
+  }), /* @__PURE__ */ React.createElement(import_tamagui.Avatar.Fallback, {
+    backgroundColor: "red"
+  }));
+}
+__name(AvatarDemo, "AvatarDemo");
+function ShapesDemo() {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_tamagui.Square, {
+    size: "$8"
+  }));
+}
+__name(ShapesDemo, "ShapesDemo");
+function SeparatorDemo() {
+  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    width: "100%",
+    maxWidth: 300,
+    marginHorizontal: 15
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Paragraph, {
+    fontWeight: "800"
+  }, "Tamagui"), /* @__PURE__ */ React.createElement(import_tamagui.Paragraph, null, "An cross-platform component library."), /* @__PURE__ */ React.createElement(import_tamagui.Separator, {
+    marginVertical: 15
+  }), /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    height: 20,
+    alignItems: "center",
+    space: true,
+    separator: /* @__PURE__ */ React.createElement(import_tamagui.Separator, {
+      debug: "verbose",
+      alignSelf: "stretch",
+      vertical: true
+    })
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Paragraph, null, "Blog"), /* @__PURE__ */ React.createElement(import_tamagui.Paragraph, null, "Docs"), /* @__PURE__ */ React.createElement(import_tamagui.Paragraph, null, "Source")));
+}
+__name(SeparatorDemo, "SeparatorDemo");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AvatarDemo,
+  ButtonDemo,
+  GroupListItemDemo,
+  KitchenSink,
+  SeparatorDemo,
+  ShapesDemo,
+  TooltipDemo
+});
+//# sourceMappingURL=KitchenSink.js.map

package/dist/cjs/KitchenSink.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/KitchenSink.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 KitchenSink() {\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAyB;AACzB,qBAWO;AAEA,uBAAuB;AAC5B,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,sBAAO,OAAP;AAAA,IAAa,KAAI;AAAA,IAAiC,OAAO;AAAA,IAAK,QAAQ;AAAA,GAAK,GAC5E,oCAAC,sBAAO,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,gCAAU,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,gCAAU,MAAI,GACf,oCAAC,gCAAU,MAAI,GACf,oCAAC,gCAAU,QAAM,CACnB,CACF;AAEJ;AAlBgB;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,18 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./Demos"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx"],
+  "sourcesContent": ["export * from './Demos'\n"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,oBAAd;",
+  "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/KitchenSink.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 KitchenSink() {
+  return /* @__PURE__ */ React.createElement(YStack, {
+    space: true
+  });
+}
+__name(KitchenSink, "KitchenSink");
+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,
+  GroupListItemDemo,
+  KitchenSink,
+  SeparatorDemo,
+  ShapesDemo,
+  TooltipDemo
+};
+//# sourceMappingURL=KitchenSink.js.map

package/dist/esm/KitchenSink.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/KitchenSink.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 KitchenSink() {\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,uBAAuB;AAC5B,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/index.js

@@ -0,0 +1,2 @@
+export * from "./Demos";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx"],
+  "sourcesContent": ["export * from './Demos'\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/dist/jsx/Demos.js

@@ -0,0 +1,69 @@
+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 <YStack space />;
+}
+__name(Demos, "Demos");
+function ButtonDemo() {
+  return <Button alignSelf="center" size="$2" icon={Check} iconAfter={X}>Hello wrold</Button>;
+}
+__name(ButtonDemo, "ButtonDemo");
+function TooltipDemo() {
+  return <TooltipSimple label="test tooltip"><Button size="$6" icon={Check} iconAfter={X}>Hello wrold</Button></TooltipSimple>;
+}
+__name(TooltipDemo, "TooltipDemo");
+function GroupListItemDemo() {
+  return <Group width={250} size="$4" vertical separator={<Separator marginLeft="$4" />}>
+    <ListItem icon={Check} subTitle="test 123">Bye world</ListItem>
+    <ListItem iconAfter={Check}>Hello world</ListItem>
+    <ListItem iconAfter={Check}>Hello world</ListItem>
+    <ListItem iconAfter={Check}>Hello world</ListItem>
+  </Group>;
+}
+__name(GroupListItemDemo, "GroupListItemDemo");
+function AvatarDemo() {
+  return <Avatar circular size="$10">
+    <Avatar.Image src="http://placekitten.com/150/150" width={150} height={150} />
+    <Avatar.Fallback backgroundColor="red" />
+  </Avatar>;
+}
+__name(AvatarDemo, "AvatarDemo");
+function ShapesDemo() {
+  return <><Square size="$8" /></>;
+}
+__name(ShapesDemo, "ShapesDemo");
+function SeparatorDemo() {
+  return <YStack width="100%" maxWidth={300} marginHorizontal={15}>
+    <Paragraph fontWeight="800">Tamagui</Paragraph>
+    <Paragraph>An cross-platform component library.</Paragraph>
+    <Separator marginVertical={15} />
+    <XStack height={20} alignItems="center" space separator={<Separator debug="verbose" alignSelf="stretch" vertical />}>
+      <Paragraph>Blog</Paragraph>
+      <Paragraph>Docs</Paragraph>
+      <Paragraph>Source</Paragraph>
+    </XStack>
+  </YStack>;
+}
+__name(SeparatorDemo, "SeparatorDemo");
+export {
+  AvatarDemo,
+  ButtonDemo,
+  Demos,
+  GroupListItemDemo,
+  SeparatorDemo,
+  ShapesDemo,
+  TooltipDemo
+};

package/dist/jsx/KitchenSink.js

@@ -0,0 +1,69 @@
+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 KitchenSink() {
+  return <YStack space />;
+}
+__name(KitchenSink, "KitchenSink");
+function ButtonDemo() {
+  return <Button alignSelf="center" size="$2" icon={Check} iconAfter={X}>Hello wrold</Button>;
+}
+__name(ButtonDemo, "ButtonDemo");
+function TooltipDemo() {
+  return <TooltipSimple label="test tooltip"><Button size="$6" icon={Check} iconAfter={X}>Hello wrold</Button></TooltipSimple>;
+}
+__name(TooltipDemo, "TooltipDemo");
+function GroupListItemDemo() {
+  return <Group width={250} size="$4" vertical separator={<Separator marginLeft="$4" />}>
+    <ListItem icon={Check} subTitle="test 123">Bye world</ListItem>
+    <ListItem iconAfter={Check}>Hello world</ListItem>
+    <ListItem iconAfter={Check}>Hello world</ListItem>
+    <ListItem iconAfter={Check}>Hello world</ListItem>
+  </Group>;
+}
+__name(GroupListItemDemo, "GroupListItemDemo");
+function AvatarDemo() {
+  return <Avatar circular size="$10">
+    <Avatar.Image src="http://placekitten.com/150/150" width={150} height={150} />
+    <Avatar.Fallback backgroundColor="red" />
+  </Avatar>;
+}
+__name(AvatarDemo, "AvatarDemo");
+function ShapesDemo() {
+  return <><Square size="$8" /></>;
+}
+__name(ShapesDemo, "ShapesDemo");
+function SeparatorDemo() {
+  return <YStack width="100%" maxWidth={300} marginHorizontal={15}>
+    <Paragraph fontWeight="800">Tamagui</Paragraph>
+    <Paragraph>An cross-platform component library.</Paragraph>
+    <Separator marginVertical={15} />
+    <XStack height={20} alignItems="center" space separator={<Separator debug="verbose" alignSelf="stretch" vertical />}>
+      <Paragraph>Blog</Paragraph>
+      <Paragraph>Docs</Paragraph>
+      <Paragraph>Source</Paragraph>
+    </XStack>
+  </YStack>;
+}
+__name(SeparatorDemo, "SeparatorDemo");
+export {
+  AvatarDemo,
+  ButtonDemo,
+  GroupListItemDemo,
+  KitchenSink,
+  SeparatorDemo,
+  ShapesDemo,
+  TooltipDemo
+};

package/dist/jsx/index.js

@@ -0,0 +1 @@
+export * from "./Demos";

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@tamagui/demos",
+  "version": "1.0.1-beta.49",
+  "sideEffects": false,
+  "source": "src/index.ts",
+  "types": "./types/index.d.ts",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "module:jsx": "dist/jsx",
+  "files": [
+    "types",
+    "dist"
+  ],
+  "scripts": {
+    "build": "tamagui-build",
+    "watch": "tamagui-build --watch"
+  },
+  "dependencies": {
+    "tamagui": "^1.0.1-beta.49"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-dom": "*"
+  },
+  "devDependencies": {
+    "@tamagui/build": "^1.0.1-beta.49",
+    "react": "*",
+    "react-dom": "*"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/types/Demos.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare function Demos(): JSX.Element;
+export declare function ButtonDemo(): JSX.Element;
+export declare function TooltipDemo(): JSX.Element;
+export declare function GroupListItemDemo(): JSX.Element;
+export declare function AvatarDemo(): JSX.Element;
+export declare function ShapesDemo(): JSX.Element;
+export declare function SeparatorDemo(): JSX.Element;
+//# sourceMappingURL=Demos.d.ts.map

package/types/Demos.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Demos.d.ts","sourceRoot":"","sources":["../src/Demos.tsx"],"names":[],"mappings":";AAcA,wBAAgB,KAAK,gBAEpB;AAED,wBAAgB,UAAU,gBAMzB;AAED,wBAAgB,WAAW,gBAQ1B;AAED,wBAAgB,iBAAiB,gBAWhC;AAED,wBAAgB,UAAU,gBAOzB;AAED,wBAAgB,UAAU,gBAMzB;AAED,wBAAgB,aAAa,gBAkB5B"}

package/types/KitchenSink.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare function KitchenSink(): JSX.Element;
+export declare function ButtonDemo(): JSX.Element;
+export declare function TooltipDemo(): JSX.Element;
+export declare function GroupListItemDemo(): JSX.Element;
+export declare function AvatarDemo(): JSX.Element;
+export declare function ShapesDemo(): JSX.Element;
+export declare function SeparatorDemo(): JSX.Element;
+//# sourceMappingURL=KitchenSink.d.ts.map

package/types/KitchenSink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KitchenSink.d.ts","sourceRoot":"","sources":["../src/KitchenSink.tsx"],"names":[],"mappings":";AAcA,wBAAgB,WAAW,gBAE1B;AAED,wBAAgB,UAAU,gBAMzB;AAED,wBAAgB,WAAW,gBAQ1B;AAED,wBAAgB,iBAAiB,gBAWhC;AAED,wBAAgB,UAAU,gBAOzB;AAED,wBAAgB,UAAU,gBAMzB;AAED,wBAAgB,aAAa,gBAkB5B"}

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Demos';
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}