@tamagui/demos 1.0.1-beta.100

package/dist/cjs/HeadingsDemo.js

@@ -0,0 +1,37 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var HeadingsDemo_exports = {};
+__export(HeadingsDemo_exports, {
+  HeadingsDemo: () => HeadingsDemo
+});
+module.exports = __toCommonJS(HeadingsDemo_exports);
+var import_react = __toESM(require("react"));
+var import_tamagui = require("tamagui");
+function HeadingsDemo() {
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    als: "center"
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.H1, null, "Heading 1"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.H2, null, "Heading 2"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.H3, null, "Heading 3"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.H4, null, "Heading 4"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.H5, null, "Heading 5"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.H6, null, "Heading 6"));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HeadingsDemo
+});
+//# sourceMappingURL=HeadingsDemo.js.map

package/dist/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAA+C;AAExC,wBAAwB;AAC7B,SACE,mDAAC;AAAA,IAAO,KAAI;AAAA,KACV,mDAAC,yBAAG,WAAS,GACb,mDAAC,yBAAG,WAAS,GACb,mDAAC,yBAAG,WAAS,GACb,mDAAC,yBAAG,WAAS,GACb,mDAAC,yBAAG,WAAS,GACb,mDAAC,yBAAG,WAAS,CACf;AAEJ;",
+  "names": []
+}

package/dist/cjs/ImageDemo.js

@@ -0,0 +1,39 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ImageDemo_exports = {};
+__export(ImageDemo_exports, {
+  ImageDemo: () => ImageDemo
+});
+module.exports = __toCommonJS(ImageDemo_exports);
+var import_react = __toESM(require("react"));
+var import_tamagui = require("tamagui");
+function ImageDemo() {
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.Image, {
+    src: "http://placekitten.com/200/300",
+    width: 200,
+    height: 300
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ImageDemo
+});
+//# sourceMappingURL=ImageDemo.js.map

package/dist/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAsB;AAEf,qBAAqB;AAC1B,SAAO,mDAAC;AAAA,IAAM,KAAI;AAAA,IAAiC,OAAO;AAAA,IAAK,QAAQ;AAAA,GAAK;AAC9E;",
+  "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/LabelDemo.js

@@ -0,0 +1,45 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var LabelDemo_exports = {};
+__export(LabelDemo_exports, {
+  LabelDemo: () => LabelDemo
+});
+module.exports = __toCommonJS(LabelDemo_exports);
+var import_react = __toESM(require("react"));
+var import_tamagui = require("tamagui");
+function LabelDemo() {
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
+    miw: 300,
+    p: "$3",
+    space: "$4"
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Label, {
+    htmlFor: "name"
+  }, "Name"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Input, {
+    f: 1,
+    id: "name",
+    defaultValue: "Nate Wienert"
+  }));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LabelDemo
+});
+//# sourceMappingURL=LabelDemo.js.map

package/dist/cjs/LabelDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/LabelDemo.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { Input, Label, XStack } from 'tamagui'\n\nexport function LabelDemo() {\n  return (\n    <XStack miw={300} p=\"$3\" space=\"$4\">\n      <Label htmlFor=\"name\">Name</Label>\n      <Input f={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n    </XStack>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAqC;AAE9B,qBAAqB;AAC1B,SACE,mDAAC;AAAA,IAAO,KAAK;AAAA,IAAK,GAAE;AAAA,IAAK,OAAM;AAAA,KAC7B,mDAAC;AAAA,IAAM,SAAQ;AAAA,KAAO,MAAI,GAC1B,mDAAC;AAAA,IAAM,GAAG;AAAA,IAAG,IAAG;AAAA,IAAO,cAAa;AAAA,GAAe,CACrD;AAEJ;",
+  "names": []
+}

package/dist/cjs/LinearGradientDemo.js

@@ -0,0 +1,43 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var LinearGradientDemo_exports = {};
+__export(LinearGradientDemo_exports, {
+  LinearGradientDemo: () => LinearGradientDemo
+});
+module.exports = __toCommonJS(LinearGradientDemo_exports);
+var import_react = __toESM(require("react"));
+var import_tamagui = require("tamagui");
+function LinearGradientDemo() {
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.LinearGradient, {
+    als: "center",
+    width: 100,
+    height: 100,
+    colors: ["$red10", "$yellow10"],
+    start: [0, 1],
+    br: "$4",
+    end: [0, 0]
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LinearGradientDemo
+});
+//# sourceMappingURL=LinearGradientDemo.js.map

package/dist/cjs/LinearGradientDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/LinearGradientDemo.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { LinearGradient } from 'tamagui'\n\nexport 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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAA+B;AAExB,8BAA8B;AACnC,SACE,mDAAC;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;",
+  "names": []
+}

package/dist/cjs/ListItemDemo.js

@@ -0,0 +1,83 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ListItemDemo_exports = {};
+__export(ListItemDemo_exports, {
+  ListItemDemo: () => ListItemDemo
+});
+module.exports = __toCommonJS(ListItemDemo_exports);
+var import_feather_icons = require("@tamagui/feather-icons");
+var import_react = __toESM(require("react"));
+var import_tamagui = require("tamagui");
+function ListItemDemo() {
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
+    $sm: { flexDirection: "column" },
+    px: "$4",
+    space: true
+  }, /* @__PURE__ */ import_react.default.createElement(ListItemDemo1, null), /* @__PURE__ */ import_react.default.createElement(ListItemDemo2, null));
+}
+function ListItemDemo1() {
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.Group, {
+    als: "center",
+    bordered: true,
+    w: 240,
+    size: "$4",
+    vertical: true
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.ListItem, {
+    hoverTheme: true,
+    icon: import_feather_icons.Star
+  }, "Star"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.ListItem, {
+    hoverTheme: true,
+    icon: import_feather_icons.Moon
+  }, "Moon"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.ListItem, {
+    hoverTheme: true,
+    icon: import_feather_icons.Sun
+  }, "Sun"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.ListItem, {
+    hoverTheme: true,
+    icon: import_feather_icons.Cloud
+  }, "Cloud"));
+}
+function ListItemDemo2() {
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.Group, {
+    als: "center",
+    bordered: true,
+    w: 240,
+    size: "$6",
+    vertical: true,
+    separator: /* @__PURE__ */ import_react.default.createElement(import_tamagui.Separator, null)
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.ListItem, {
+    hoverTheme: true,
+    title: "Star",
+    subTitle: "Subtitle",
+    icon: import_feather_icons.Star,
+    iconAfter: import_feather_icons.ChevronRight
+  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.ListItem, {
+    hoverTheme: true,
+    title: "Moon",
+    subTitle: "Subtitle",
+    icon: import_feather_icons.Moon,
+    iconAfter: import_feather_icons.ChevronRight
+  }));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ListItemDemo
+});
+//# sourceMappingURL=ListItemDemo.js.map

package/dist/cjs/ListItemDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ListItemDemo.tsx"],
+  "sourcesContent": ["import { ChevronRight, Cloud, Moon, Star, Sun } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Group, ListItem, Separator, XStack } from 'tamagui'\n\nexport function ListItemDemo() {\n  return (\n    <XStack $sm={{ flexDirection: 'column' }} 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 hoverTheme icon={Star}>\n        Star\n      </ListItem>\n      <ListItem hoverTheme icon={Moon}>\n        Moon\n      </ListItem>\n      <ListItem hoverTheme icon={Sun}>\n        Sun\n      </ListItem>\n      <ListItem hoverTheme icon={Cloud}>\n        Cloud\n      </ListItem>\n    </Group>\n  )\n}\n\nfunction ListItemDemo2() {\n  return (\n    <Group als=\"center\" bordered w={240} size=\"$6\" vertical separator={<Separator />}>\n      <ListItem hoverTheme title=\"Star\" subTitle=\"Subtitle\" icon={Star} iconAfter={ChevronRight} />\n      <ListItem hoverTheme title=\"Moon\" subTitle=\"Subtitle\" icon={Moon} iconAfter={ChevronRight} />\n    </Group>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAqD;AACrD,mBAAkB;AAClB,qBAAmD;AAE5C,wBAAwB;AAC7B,SACE,mDAAC;AAAA,IAAO,KAAK,EAAE,eAAe,SAAS;AAAA,IAAG,IAAG;AAAA,IAAK,OAAK;AAAA,KACrD,mDAAC,mBAAc,GACf,mDAAC,mBAAc,CACjB;AAEJ;AAEA,yBAAyB;AACvB,SACE,mDAAC;AAAA,IAAM,KAAI;AAAA,IAAS,UAAQ;AAAA,IAAC,GAAG;AAAA,IAAK,MAAK;AAAA,IAAK,UAAQ;AAAA,KACrD,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,MAAM;AAAA,KAAM,MAEjC,GACA,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,MAAM;AAAA,KAAM,MAEjC,GACA,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,MAAM;AAAA,KAAK,KAEhC,GACA,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,MAAM;AAAA,KAAO,OAElC,CACF;AAEJ;AAEA,yBAAyB;AACvB,SACE,mDAAC;AAAA,IAAM,KAAI;AAAA,IAAS,UAAQ;AAAA,IAAC,GAAG;AAAA,IAAK,MAAK;AAAA,IAAK,UAAQ;AAAA,IAAC,WAAW,mDAAC,8BAAU;AAAA,KAC5E,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,OAAM;AAAA,IAAO,UAAS;AAAA,IAAW,MAAM;AAAA,IAAM,WAAW;AAAA,GAAc,GAC3F,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,OAAM;AAAA,IAAO,UAAS;AAAA,IAAW,MAAM;AAAA,IAAM,WAAW;AAAA,GAAc,CAC7F;AAEJ;",
+  "names": []
+}

package/dist/cjs/MenuDemo.js

@@ -0,0 +1,50 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var MenuDemo_exports = {};
+__export(MenuDemo_exports, {
+  MenuDemo: () => MenuDemo
+});
+module.exports = __toCommonJS(MenuDemo_exports);
+var import_feather_icons = require("@tamagui/feather-icons");
+var import_menu = require("@tamagui/menu");
+var import_react = __toESM(require("react"));
+var import_tamagui = require("tamagui");
+function MenuDemo() {
+  const [show, setShow] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ import_react.default.createElement(import_menu.Menu.Provider, null, /* @__PURE__ */ import_react.default.createElement(import_menu.Menu, {
+    open: show,
+    onChangeOpen: setShow,
+    trigger: /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, {
+      size: "$6",
+      icon: import_feather_icons.Menu,
+      theme: show ? "active" : null,
+      circular: true,
+      onPress: () => setShow((x) => !x)
+    })
+  }, /* @__PURE__ */ import_react.default.createElement(import_menu.Menu.Item, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    p: "$2"
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.H4, null, "Menu contents"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Paragraph, null, "Lorem ipsum dolor sit amet.")))));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MenuDemo
+});
+//# sourceMappingURL=MenuDemo.js.map

package/dist/cjs/MenuDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/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 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;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAiC;AACjC,kBAAqB;AACrB,mBAAgC;AAChC,qBAA8C;AAEvC,oBAAoB;AACzB,QAAM,CAAC,MAAM,WAAW,2BAAS,KAAK;AAEtC,SACE,mDAAC,iBAAK,UAAL,MACC,mDAAC;AAAA,IACC,MAAM;AAAA,IACN,cAAc;AAAA,IACd,SACE,mDAAC;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,mDAAC,iBAAK,MAAL,MACC,mDAAC;AAAA,IAAO,GAAE;AAAA,KACR,mDAAC,yBAAG,eAAa,GACjB,mDAAC,gCAAU,6BAA2B,CACxC,CACF,CACF,CACF;AAEJ;",
+  "names": []
+}

package/dist/cjs/PopoverDemo.js

@@ -0,0 +1,99 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+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;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var PopoverDemo_exports = {};
+__export(PopoverDemo_exports, {
+  Demo: () => Demo,
+  PopoverDemo: () => PopoverDemo
+});
+module.exports = __toCommonJS(PopoverDemo_exports);
+var import_feather_icons = require("@tamagui/feather-icons");
+var import_react = __toESM(require("react"));
+var import_tamagui = require("tamagui");
+function PopoverDemo() {
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
+    space: "$2"
+  }, /* @__PURE__ */ import_react.default.createElement(Demo, {
+    placement: "left",
+    Icon: import_feather_icons.ChevronLeft
+  }), /* @__PURE__ */ import_react.default.createElement(Demo, {
+    placement: "bottom",
+    Icon: import_feather_icons.ChevronDown
+  }), /* @__PURE__ */ import_react.default.createElement(Demo, {
+    placement: "right",
+    Icon: import_feather_icons.ChevronRight
+  }));
+}
+function Demo(_a) {
+  var _b = _a, { Icon } = _b, props = __objRest(_b, ["Icon"]);
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover, __spreadValues({
+    size: "$5"
+  }, props), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover.Trigger, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, {
+    icon: Icon
+  })), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover.Content, {
+    enterStyle: { x: 0, y: -10, o: 0 },
+    exitStyle: { x: 0, y: -10, o: 0 },
+    x: 0,
+    y: 0,
+    o: 1,
+    animation: "bouncy",
+    elevate: true
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover.Arrow, null), /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
+    space: "$3"
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Label, {
+    size: "$3",
+    htmlFor: "name"
+  }, "Name"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Input, {
+    size: "$3",
+    id: "name"
+  }))));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Demo,
+  PopoverDemo
+});
+//# sourceMappingURL=PopoverDemo.js.map

package/dist/cjs/PopoverDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/PopoverDemo.tsx"],
+  "sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, Input, Label, Popover, PopoverProps, XStack, YStack } from 'tamagui'\n\nexport 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 size=\"$5\" {...props}>\n      <Popover.Trigger>\n        <Button icon={Icon} />\n      </Popover.Trigger>\n      <Popover.Content\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        elevate\n      >\n        <Popover.Arrow />\n\n        <XStack space=\"$3\">\n          <Label size=\"$3\" htmlFor=\"name\">\n            Name\n          </Label>\n          <Input size=\"$3\" id=\"name\" />\n        </XStack>\n      </Popover.Content>\n    </Popover>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAuD;AACvD,mBAAkB;AAClB,qBAA4E;AAErE,uBAAuB;AAC5B,SACE,mDAAC;AAAA,IAAO,OAAM;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAO,MAAM;AAAA,GAAa,GAC1C,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAS,MAAM;AAAA,GAAa,GAC5C,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAQ,MAAM;AAAA,GAAc,CAC9C;AAEJ;AAEO,cAAc,IAAmD;AAAnD,eAAE,WAAF,IAAW,kBAAX,IAAW,CAAT;AACrB,SACE,mDAAC;AAAA,IAAQ,MAAK;AAAA,KAAS,QACrB,mDAAC,uBAAQ,SAAR,MACC,mDAAC;AAAA,IAAO,MAAM;AAAA,GAAM,CACtB,GACA,mDAAC,uBAAQ,SAAR;AAAA,IACC,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,IACV,SAAO;AAAA,KAEP,mDAAC,uBAAQ,OAAR,IAAc,GAEf,mDAAC;AAAA,IAAO,OAAM;AAAA,KACZ,mDAAC;AAAA,IAAM,MAAK;AAAA,IAAK,SAAQ;AAAA,KAAO,MAEhC,GACA,mDAAC;AAAA,IAAM,MAAK;AAAA,IAAK,IAAG;AAAA,GAAO,CAC7B,CACF,CACF;AAEJ;",
+  "names": []
+}