@tamagui/demos 1.0.1-beta.100

package/dist/cjs/demos/StacksDemo.js

@@ -0,0 +1,101 @@
+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 __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 __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 StacksDemo_exports = {};
+__export(StacksDemo_exports, {
+  default: () => StacksDemo
+});
+module.exports = __toCommonJS(StacksDemo_exports);
+var import_react = __toESM(require("react"));
+var import_tamagui = require("tamagui");
+function StacksDemo() {
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
+    als: "center",
+    space: true
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    flex: 1,
+    space: "$2",
+    bw: 2,
+    boc: "$color",
+    br: "$4",
+    p: "$2"
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    bc: "$color",
+    br: "$3",
+    p: "$2"
+  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    bc: "$color",
+    br: "$3",
+    p: "$2"
+  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    bc: "$color",
+    br: "$3",
+    p: "$2"
+  })), /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
+    flex: 1,
+    space: "$2",
+    bw: 2,
+    boc: "$color",
+    br: "$4",
+    p: "$2"
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    bc: "$color",
+    br: "$3",
+    p: "$2"
+  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    bc: "$color",
+    br: "$3",
+    p: "$2"
+  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    bc: "$color",
+    br: "$3",
+    p: "$2"
+  })), /* @__PURE__ */ import_react.default.createElement(import_tamagui.ZStack, {
+    maw: 50,
+    mah: 85,
+    w: 100,
+    flex: 1
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    fullscreen: true,
+    bw: 2,
+    br: "$4",
+    p: "$2"
+  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    fullscreen: true,
+    y: 10,
+    x: 10,
+    bw: 2,
+    br: "$4",
+    p: "$2"
+  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    fullscreen: true,
+    y: 20,
+    x: 20,
+    bw: 2,
+    bc: "$color",
+    br: "$4",
+    p: "$2"
+  })));
+}
+__name(StacksDemo, "StacksDemo");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});
+//# sourceMappingURL=StacksDemo.js.map

package/dist/cjs/demos/StacksDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/demos/StacksDemo.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { XStack, YStack, ZStack } from 'tamagui'\n\nexport default function StacksDemo() {\n  return (\n    <XStack als=\"center\" space>\n      <YStack flex={1} space=\"$2\" bw={2} boc=\"$color\" br=\"$4\" p=\"$2\">\n        <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n        <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n        <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n      </YStack>\n\n      <XStack flex={1} space=\"$2\" bw={2} boc=\"$color\" br=\"$4\" p=\"$2\">\n        <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n        <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n        <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n      </XStack>\n\n      <ZStack maw={50} mah={85} w={100} flex={1}>\n        <YStack fullscreen bw={2} br=\"$4\" p=\"$2\" />\n        <YStack fullscreen y={10} x={10} bw={2} br=\"$4\" p=\"$2\" />\n        <YStack fullscreen y={20} x={20} bw={2} bc=\"$color\" br=\"$4\" p=\"$2\" />\n      </ZStack>\n    </XStack>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAuC;AAExB,sBAAsB;AACnC,SACE,mDAAC;AAAA,IAAO,KAAI;AAAA,IAAS,OAAK;AAAA,KACxB,mDAAC;AAAA,IAAO,MAAM;AAAA,IAAG,OAAM;AAAA,IAAK,IAAI;AAAA,IAAG,KAAI;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,KACxD,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,CACrC,GAEA,mDAAC;AAAA,IAAO,MAAM;AAAA,IAAG,OAAM;AAAA,IAAK,IAAI;AAAA,IAAG,KAAI;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,KACxD,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,CACrC,GAEA,mDAAC;AAAA,IAAO,KAAK;AAAA,IAAI,KAAK;AAAA,IAAI,GAAG;AAAA,IAAK,MAAM;AAAA,KACtC,mDAAC;AAAA,IAAO,YAAU;AAAA,IAAC,IAAI;AAAA,IAAG,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACzC,mDAAC;AAAA,IAAO,YAAU;AAAA,IAAC,GAAG;AAAA,IAAI,GAAG;AAAA,IAAI,IAAI;AAAA,IAAG,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACvD,mDAAC;AAAA,IAAO,YAAU;AAAA,IAAC,GAAG;AAAA,IAAI,GAAG;AAAA,IAAI,IAAI;AAAA,IAAG,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,CACrE,CACF;AAEJ;AAtBwB;",
+  "names": []
+}

package/dist/cjs/demos/SwitchDemo.js

@@ -0,0 +1,78 @@
+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 SwitchDemo_exports = {};
+__export(SwitchDemo_exports, {
+  default: () => SwitchDemo
+});
+module.exports = __toCommonJS(SwitchDemo_exports);
+var import_tamagui = require("tamagui");
+function SwitchDemo() {
+  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    w: 300,
+    ai: "center",
+    space: "$1"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    ai: "center",
+    space: "$2"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Label, {
+    size: "$2",
+    htmlFor: "switch-1"
+  }, "Dark mode"), /* @__PURE__ */ React.createElement(import_tamagui.Switch, {
+    id: "switch-1",
+    size: "$2"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Switch.Thumb, {
+    animation: "bouncy"
+  }))), /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    ai: "center",
+    space: "$2"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Label, {
+    size: "$3",
+    htmlFor: "switch-2"
+  }, "Dark mode"), /* @__PURE__ */ React.createElement(import_tamagui.Switch, {
+    id: "switch-2",
+    size: "$3"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Switch.Thumb, {
+    animation: "bouncy"
+  }))), /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    ai: "center",
+    space: "$2"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Label, {
+    size: "$4",
+    htmlFor: "switch-3"
+  }, "Dark mode"), /* @__PURE__ */ React.createElement(import_tamagui.Switch, {
+    id: "switch-3",
+    size: "$4"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Switch.Thumb, {
+    animation: "bouncy"
+  }))), /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    ai: "center"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Label, {
+    size: "$5",
+    htmlFor: "switch-4"
+  }, "Dark mode"), /* @__PURE__ */ React.createElement(import_tamagui.Switch, {
+    id: "switch-4",
+    size: "$5"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Switch.Thumb, {
+    animation: "bouncy"
+  }))));
+}
+__name(SwitchDemo, "SwitchDemo");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});
+//# sourceMappingURL=SwitchDemo.js.map

package/dist/cjs/demos/SwitchDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/demos/SwitchDemo.tsx"],
+  "sourcesContent": ["import { Label, Switch, XStack, YStack } from 'tamagui'\n\nexport default function SwitchDemo() {\n  return (\n    <YStack w={300} ai=\"center\" space=\"$1\">\n      <XStack ai=\"center\" space=\"$2\">\n        <Label size=\"$2\" htmlFor=\"switch-1\">\n          Dark mode\n        </Label>\n        <Switch id=\"switch-1\" size=\"$2\">\n          <Switch.Thumb animation=\"bouncy\" />\n        </Switch>\n      </XStack>\n\n      <XStack ai=\"center\" space=\"$2\">\n        <Label size=\"$3\" htmlFor=\"switch-2\">\n          Dark mode\n        </Label>\n        <Switch id=\"switch-2\" size=\"$3\">\n          <Switch.Thumb animation=\"bouncy\" />\n        </Switch>\n      </XStack>\n\n      <XStack ai=\"center\" space=\"$2\">\n        <Label size=\"$4\" htmlFor=\"switch-3\">\n          Dark mode\n        </Label>\n        <Switch id=\"switch-3\" size=\"$4\">\n          <Switch.Thumb animation=\"bouncy\" />\n        </Switch>\n      </XStack>\n\n      <XStack ai=\"center\">\n        <Label size=\"$5\" htmlFor=\"switch-4\">\n          Dark mode\n        </Label>\n        <Switch id=\"switch-4\" size=\"$5\">\n          <Switch.Thumb animation=\"bouncy\" />\n        </Switch>\n      </XStack>\n    </YStack>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA8C;AAE/B,sBAAsB;AACnC,SACE,oCAAC;AAAA,IAAO,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KAChC,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,OAAM;AAAA,KACxB,oCAAC;AAAA,IAAM,MAAK;AAAA,IAAK,SAAQ;AAAA,KAAW,WAEpC,GACA,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAW,MAAK;AAAA,KACzB,oCAAC,sBAAO,OAAP;AAAA,IAAa,WAAU;AAAA,GAAS,CACnC,CACF,GAEA,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,OAAM;AAAA,KACxB,oCAAC;AAAA,IAAM,MAAK;AAAA,IAAK,SAAQ;AAAA,KAAW,WAEpC,GACA,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAW,MAAK;AAAA,KACzB,oCAAC,sBAAO,OAAP;AAAA,IAAa,WAAU;AAAA,GAAS,CACnC,CACF,GAEA,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,OAAM;AAAA,KACxB,oCAAC;AAAA,IAAM,MAAK;AAAA,IAAK,SAAQ;AAAA,KAAW,WAEpC,GACA,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAW,MAAK;AAAA,KACzB,oCAAC,sBAAO,OAAP;AAAA,IAAa,WAAU;AAAA,GAAS,CACnC,CACF,GAEA,oCAAC;AAAA,IAAO,IAAG;AAAA,KACT,oCAAC;AAAA,IAAM,MAAK;AAAA,IAAK,SAAQ;AAAA,KAAW,WAEpC,GACA,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAW,MAAK;AAAA,KACzB,oCAAC,sBAAO,OAAP;AAAA,IAAa,WAAU;AAAA,GAAS,CACnC,CACF,CACF;AAEJ;AAxCwB;",
+  "names": []
+}

package/dist/cjs/demos/TextDemo.js

@@ -0,0 +1,54 @@
+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 __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 __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 TextDemo_exports = {};
+__export(TextDemo_exports, {
+  default: () => TextDemo
+});
+module.exports = __toCommonJS(TextDemo_exports);
+var import_react = __toESM(require("react"));
+var import_tamagui = require("tamagui");
+function TextDemo() {
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    space: "$2",
+    ai: "center"
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Text, null, "Text"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.SizableText, {
+    size: "$3"
+  }, "SizableText"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
+    space: true
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.SizableText, {
+    theme: "alt1",
+    size: "$3"
+  }, "alt1"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.SizableText, {
+    theme: "alt2",
+    size: "$3"
+  }, "alt2"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.SizableText, {
+    theme: "alt3",
+    size: "$3"
+  }, "alt3")), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Paragraph, {
+    size: "$2",
+    fow: "800"
+  }, "Paragraph"));
+}
+__name(TextDemo, "TextDemo");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});
+//# sourceMappingURL=TextDemo.js.map

package/dist/cjs/demos/TextDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/demos/TextDemo.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { Paragraph, SizableText, Text, XStack, YStack } from 'tamagui'\n\nexport default function TextDemo() {\n  return (\n    <YStack space=\"$2\" ai=\"center\">\n      <Text>Text</Text>\n      <SizableText size=\"$3\">SizableText</SizableText>\n      <XStack space>\n        <SizableText theme=\"alt1\" size=\"$3\">\n          alt1\n        </SizableText>\n        <SizableText theme=\"alt2\" size=\"$3\">\n          alt2\n        </SizableText>\n        <SizableText theme=\"alt3\" size=\"$3\">\n          alt3\n        </SizableText>\n      </XStack>\n      <Paragraph size=\"$2\" fow=\"800\">\n        Paragraph\n      </Paragraph>\n    </YStack>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAA6D;AAE9C,oBAAoB;AACjC,SACE,mDAAC;AAAA,IAAO,OAAM;AAAA,IAAK,IAAG;AAAA,KACpB,mDAAC,2BAAK,MAAI,GACV,mDAAC;AAAA,IAAY,MAAK;AAAA,KAAK,aAAW,GAClC,mDAAC;AAAA,IAAO,OAAK;AAAA,KACX,mDAAC;AAAA,IAAY,OAAM;AAAA,IAAO,MAAK;AAAA,KAAK,MAEpC,GACA,mDAAC;AAAA,IAAY,OAAM;AAAA,IAAO,MAAK;AAAA,KAAK,MAEpC,GACA,mDAAC;AAAA,IAAY,OAAM;AAAA,IAAO,MAAK;AAAA,KAAK,MAEpC,CACF,GACA,mDAAC;AAAA,IAAU,MAAK;AAAA,IAAK,KAAI;AAAA,KAAM,WAE/B,CACF;AAEJ;AArBwB;",
+  "names": []
+}

package/dist/cjs/demos/ThemeInverseDemo.js

@@ -0,0 +1,53 @@
+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 __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 __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 ThemeInverseDemo_exports = {};
+__export(ThemeInverseDemo_exports, {
+  default: () => ThemeInverseDemo
+});
+module.exports = __toCommonJS(ThemeInverseDemo_exports);
+var import_core = require("@tamagui/core");
+var import_react = __toESM(require("react"));
+var import_tamagui = require("tamagui");
+function ThemeInverseDemo() {
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
+    space: true
+  }, /* @__PURE__ */ import_react.default.createElement(Buttons, null), /* @__PURE__ */ import_react.default.createElement(import_core.ThemeInverse, null, /* @__PURE__ */ import_react.default.createElement(Buttons, null)));
+}
+__name(ThemeInverseDemo, "ThemeInverseDemo");
+function Buttons() {
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    bc: "$background",
+    p: "$3",
+    br: "$3",
+    space: true
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, null, "Dark"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, {
+    themeInverse: true
+  }, "Inversed"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, {
+    theme: "alt1"
+  }, "Alt1 Dark"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Theme, {
+    name: "yellow"
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, null, "Yellow dark")));
+}
+__name(Buttons, "Buttons");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});
+//# sourceMappingURL=ThemeInverseDemo.js.map

package/dist/cjs/demos/ThemeInverseDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/demos/ThemeInverseDemo.tsx"],
+  "sourcesContent": ["import { ThemeInverse } from '@tamagui/core'\nimport React from 'react'\nimport { Button, Theme, XStack, YStack } from 'tamagui'\n\nexport default function ThemeInverseDemo() {\n  return (\n    <XStack space>\n      <Buttons />\n      <ThemeInverse>\n        <Buttons />\n      </ThemeInverse>\n    </XStack>\n  )\n}\n\nfunction Buttons() {\n  return (\n    <YStack bc=\"$background\" p=\"$3\" br=\"$3\" space>\n      <Button>Dark</Button>\n      <Button themeInverse>Inversed</Button>\n      <Button theme=\"alt1\">Alt1 Dark</Button>\n      <Theme name=\"yellow\">\n        <Button>Yellow dark</Button>\n      </Theme>\n    </YStack>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6B;AAC7B,mBAAkB;AAClB,qBAA8C;AAE/B,4BAA4B;AACzC,SACE,mDAAC;AAAA,IAAO,OAAK;AAAA,KACX,mDAAC,aAAQ,GACT,mDAAC,gCACC,mDAAC,aAAQ,CACX,CACF;AAEJ;AATwB;AAWxB,mBAAmB;AACjB,SACE,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAc,GAAE;AAAA,IAAK,IAAG;AAAA,IAAK,OAAK;AAAA,KAC3C,mDAAC,6BAAO,MAAI,GACZ,mDAAC;AAAA,IAAO,cAAY;AAAA,KAAC,UAAQ,GAC7B,mDAAC;AAAA,IAAO,OAAM;AAAA,KAAO,WAAS,GAC9B,mDAAC;AAAA,IAAM,MAAK;AAAA,KACV,mDAAC,6BAAO,aAAW,CACrB,CACF;AAEJ;AAXS;",
+  "names": []
+}

package/dist/cjs/demos/TooltipDemo.js

@@ -0,0 +1,122 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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;
+};
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var TooltipDemo_exports = {};
+__export(TooltipDemo_exports, {
+  Demo: () => Demo,
+  default: () => TooltipDemo
+});
+module.exports = __toCommonJS(TooltipDemo_exports);
+var import_feather_icons = require("@tamagui/feather-icons");
+var import_tamagui = require("tamagui");
+function TooltipDemo() {
+  return /* @__PURE__ */ React.createElement(import_tamagui.TooltipGroup, {
+    delay: { open: 3e3, close: 100 }
+  }, /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    space: "$2",
+    als: "center"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    space: "$2"
+  }, /* @__PURE__ */ React.createElement(Demo, {
+    groupId: "0",
+    placement: "top-end",
+    Icon: import_feather_icons.Circle
+  }), /* @__PURE__ */ React.createElement(Demo, {
+    groupId: "1",
+    placement: "top",
+    Icon: import_feather_icons.ChevronUp
+  }), /* @__PURE__ */ React.createElement(Demo, {
+    groupId: "2",
+    placement: "top-start",
+    Icon: import_feather_icons.Circle
+  })), /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    space: "$2"
+  }, /* @__PURE__ */ React.createElement(Demo, {
+    groupId: "3",
+    placement: "left",
+    Icon: import_feather_icons.ChevronLeft
+  }), /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    f: 1
+  }), /* @__PURE__ */ React.createElement(Demo, {
+    groupId: "4",
+    placement: "right",
+    Icon: import_feather_icons.ChevronRight
+  })), /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    space: "$2"
+  }, /* @__PURE__ */ React.createElement(Demo, {
+    groupId: "5",
+    placement: "bottom-end",
+    Icon: import_feather_icons.Circle
+  }), /* @__PURE__ */ React.createElement(Demo, {
+    groupId: "6",
+    placement: "bottom",
+    Icon: import_feather_icons.ChevronDown
+  }), /* @__PURE__ */ React.createElement(Demo, {
+    groupId: "7",
+    placement: "bottom-start",
+    Icon: import_feather_icons.Circle
+  }))));
+}
+__name(TooltipDemo, "TooltipDemo");
+function Demo(_a) {
+  var _b = _a, { Icon } = _b, props = __objRest(_b, ["Icon"]);
+  return /* @__PURE__ */ React.createElement(import_tamagui.Tooltip, __spreadValues({}, props), /* @__PURE__ */ React.createElement(import_tamagui.Tooltip.Trigger, null, /* @__PURE__ */ React.createElement(import_tamagui.Button, {
+    icon: Icon,
+    circular: true
+  })), /* @__PURE__ */ React.createElement(import_tamagui.Tooltip.Content, {
+    enterStyle: { x: 0, y: -5, o: 0, scale: 0.9 },
+    exitStyle: { x: 0, y: -5, o: 0, scale: 0.9 },
+    scale: 1,
+    x: 0,
+    y: 0,
+    o: 1,
+    animation: "bouncy"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Tooltip.Arrow, null), /* @__PURE__ */ React.createElement(import_tamagui.Paragraph, null, "Hello world")));
+}
+__name(Demo, "Demo");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Demo
+});
+//# sourceMappingURL=TooltipDemo.js.map

package/dist/cjs/demos/TooltipDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/demos/TooltipDemo.tsx"],
+  "sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle } from '@tamagui/feather-icons'\nimport { Button, Paragraph, Tooltip, TooltipGroup, TooltipProps, XStack, YStack } from 'tamagui'\n\nexport default function TooltipDemo() {\n  return (\n    <TooltipGroup delay={{ open: 3000, close: 100 }}>\n      <YStack space=\"$2\" als=\"center\">\n        <XStack space=\"$2\">\n          <Demo groupId=\"0\" placement=\"top-end\" Icon={Circle} />\n          <Demo groupId=\"1\" placement=\"top\" Icon={ChevronUp} />\n          <Demo groupId=\"2\" placement=\"top-start\" Icon={Circle} />\n        </XStack>\n        <XStack space=\"$2\">\n          <Demo groupId=\"3\" placement=\"left\" Icon={ChevronLeft} />\n          <YStack f={1} />\n          <Demo groupId=\"4\" placement=\"right\" Icon={ChevronRight} />\n        </XStack>\n        <XStack space=\"$2\">\n          <Demo groupId=\"5\" placement=\"bottom-end\" Icon={Circle} />\n          <Demo groupId=\"6\" placement=\"bottom\" Icon={ChevronDown} />\n          <Demo groupId=\"7\" placement=\"bottom-start\" Icon={Circle} />\n        </XStack>\n      </YStack>\n    </TooltipGroup>\n  )\n}\n\nexport function Demo({ Icon, ...props }: TooltipProps & { Icon?: any }) {\n  return (\n    <Tooltip {...props}>\n      <Tooltip.Trigger>\n        <Button icon={Icon} circular />\n      </Tooltip.Trigger>\n      <Tooltip.Content\n        enterStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}\n        exitStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}\n        scale={1}\n        x={0}\n        y={0}\n        o={1}\n        animation=\"bouncy\"\n      >\n        <Tooltip.Arrow />\n        <Paragraph>Hello world</Paragraph>\n      </Tooltip.Content>\n    </Tooltip>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA0E;AAC1E,qBAAuF;AAExE,uBAAuB;AACpC,SACE,oCAAC;AAAA,IAAa,OAAO,EAAE,MAAM,KAAM,OAAO,IAAI;AAAA,KAC5C,oCAAC;AAAA,IAAO,OAAM;AAAA,IAAK,KAAI;AAAA,KACrB,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAU,MAAM;AAAA,GAAQ,GACpD,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAM,MAAM;AAAA,GAAW,GACnD,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAY,MAAM;AAAA,GAAQ,CACxD,GACA,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAO,MAAM;AAAA,GAAa,GACtD,oCAAC;AAAA,IAAO,GAAG;AAAA,GAAG,GACd,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAQ,MAAM;AAAA,GAAc,CAC1D,GACA,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAa,MAAM;AAAA,GAAQ,GACvD,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAS,MAAM;AAAA,GAAa,GACxD,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAe,MAAM;AAAA,GAAQ,CAC3D,CACF,CACF;AAEJ;AAtBwB;AAwBjB,cAAc,IAAmD;AAAnD,eAAE,WAAF,IAAW,kBAAX,IAAW,CAAT;AACrB,SACE,oCAAC,2CAAY,QACX,oCAAC,uBAAQ,SAAR,MACC,oCAAC;AAAA,IAAO,MAAM;AAAA,IAAM,UAAQ;AAAA,GAAC,CAC/B,GACA,oCAAC,uBAAQ,SAAR;AAAA,IACC,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,IAC5C,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,IAC3C,OAAO;AAAA,IACP,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,WAAU;AAAA,KAEV,oCAAC,uBAAQ,OAAR,IAAc,GACf,oCAAC,gCAAU,aAAW,CACxB,CACF;AAEJ;AApBgB;",
+  "names": []
+}

package/dist/cjs/demos/index.js

@@ -0,0 +1,116 @@
+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 demos_exports = {};
+__export(demos_exports, {
+  AnimationsDemo: () => import_AnimationsDemo.default,
+  AnimationsEnterDemo: () => AnimationsEnterDemo,
+  AnimationsHoverDemo: () => AnimationsHoverDemo,
+  AnimationsPresenceDemo: () => AnimationsPresenceDemo,
+  AvatarDemo: () => import_AvatarDemo.default,
+  ButtonDemo: () => import_ButtonDemo.default,
+  CardDemo: () => import_CardDemo.default,
+  DialogDemo: () => DialogDemo,
+  DrawerDemo: () => DrawerDemo,
+  FeatherIconsDemo: () => FeatherIconsDemo,
+  FormsDemo: () => import_FormsDemo.default,
+  GroupDemo: () => import_GroupDemo.default,
+  HeadingsDemo: () => import_HeadingsDemo.default,
+  ImageDemo: () => import_ImageDemo.default,
+  LabelDemo: () => import_LabelDemo.default,
+  LinearGradientDemo: () => import_LinearGradientDemo.default,
+  ListItemDemo: () => import_ListItemDemo.default,
+  MenuDemo: () => MenuDemo,
+  PopoverDemo: () => PopoverDemo,
+  ProgressDemo: () => import_ProgressDemo.default,
+  SeparatorDemo: () => import_SeparatorDemo.default,
+  ShapesDemo: () => import_ShapesDemo.default,
+  SliderDemo: () => SliderDemo,
+  SpinnerDemo: () => SpinnerDemo,
+  StacksDemo: () => import_StacksDemo.default,
+  SwitchDemo: () => SwitchDemo,
+  TextDemo: () => import_TextDemo.default,
+  ThemeInverseDemo: () => import_ThemeInverseDemo.default,
+  TooltipDemo: () => TooltipDemo
+});
+module.exports = __toCommonJS(demos_exports);
+var import_dynamic = __toESM(require("next/dynamic"));
+var import_StacksDemo = __toESM(require("./StacksDemo"));
+var import_ShapesDemo = __toESM(require("./ShapesDemo"));
+var import_TextDemo = __toESM(require("./TextDemo"));
+var import_ButtonDemo = __toESM(require("./ButtonDemo"));
+var import_ThemeInverseDemo = __toESM(require("./ThemeInverseDemo"));
+var import_FormsDemo = __toESM(require("./FormsDemo"));
+var import_LinearGradientDemo = __toESM(require("./LinearGradientDemo"));
+var import_HeadingsDemo = __toESM(require("./HeadingsDemo"));
+var import_SeparatorDemo = __toESM(require("./SeparatorDemo"));
+var import_ImageDemo = __toESM(require("./ImageDemo"));
+var import_AnimationsDemo = __toESM(require("./AnimationsDemo"));
+var import_LabelDemo = __toESM(require("./LabelDemo"));
+var import_GroupDemo = __toESM(require("./GroupDemo"));
+var import_CardDemo = __toESM(require("./CardDemo"));
+var import_AvatarDemo = __toESM(require("./AvatarDemo"));
+var import_ProgressDemo = __toESM(require("./ProgressDemo"));
+var import_ListItemDemo = __toESM(require("./ListItemDemo"));
+const TooltipDemo = (0, import_dynamic.default)(() => import("./TooltipDemo"));
+const DrawerDemo = (0, import_dynamic.default)(() => import("./DrawerDemo"));
+const MenuDemo = (0, import_dynamic.default)(() => import("./MenuDemo"));
+const PopoverDemo = (0, import_dynamic.default)(() => import("./PopoverDemo"));
+const DialogDemo = (0, import_dynamic.default)(() => import("./DialogDemo"));
+const AnimationsHoverDemo = (0, import_dynamic.default)(() => import("./AnimationsHoverDemo"));
+const AnimationsEnterDemo = (0, import_dynamic.default)(() => import("./AnimationsEnterDemo"));
+const AnimationsPresenceDemo = (0, import_dynamic.default)(() => import("./AnimationsPresenceDemo"));
+const SwitchDemo = (0, import_dynamic.default)(() => import("./SwitchDemo"));
+const SliderDemo = (0, import_dynamic.default)(() => import("./SliderDemo"));
+const SpinnerDemo = (0, import_dynamic.default)(() => import("./SpinnerDemo"));
+const FeatherIconsDemo = (0, import_dynamic.default)(() => import("./FeatherIconsDemo"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AnimationsDemo,
+  AnimationsEnterDemo,
+  AnimationsHoverDemo,
+  AnimationsPresenceDemo,
+  AvatarDemo,
+  ButtonDemo,
+  CardDemo,
+  DialogDemo,
+  DrawerDemo,
+  FeatherIconsDemo,
+  FormsDemo,
+  GroupDemo,
+  HeadingsDemo,
+  ImageDemo,
+  LabelDemo,
+  LinearGradientDemo,
+  ListItemDemo,
+  MenuDemo,
+  PopoverDemo,
+  ProgressDemo,
+  SeparatorDemo,
+  ShapesDemo,
+  SliderDemo,
+  SpinnerDemo,
+  StacksDemo,
+  SwitchDemo,
+  TextDemo,
+  ThemeInverseDemo,
+  TooltipDemo
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/demos/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/demos/index.tsx"],
+  "sourcesContent": ["import dynamic from 'next/dynamic'\n\nexport { default as StacksDemo } from './StacksDemo'\nexport { default as ShapesDemo } from './ShapesDemo'\nexport { default as TextDemo } from './TextDemo'\nexport { default as ButtonDemo } from './ButtonDemo'\nexport { default as ThemeInverseDemo } from './ThemeInverseDemo'\nexport { default as FormsDemo } from './FormsDemo'\nexport { default as LinearGradientDemo } from './LinearGradientDemo'\nexport { default as HeadingsDemo } from './HeadingsDemo'\nexport { default as SeparatorDemo } from './SeparatorDemo'\nexport { default as ImageDemo } from './ImageDemo'\nexport { default as AnimationsDemo } from './AnimationsDemo'\nexport { default as LabelDemo } from './LabelDemo'\nexport { default as GroupDemo } from './GroupDemo'\nexport { default as CardDemo } from './CardDemo'\nexport { default as AvatarDemo } from './AvatarDemo'\nexport { default as ProgressDemo } from './ProgressDemo'\nexport { default as ListItemDemo } from './ListItemDemo'\n\nexport const TooltipDemo = dynamic(() => import('./TooltipDemo'))\nexport const DrawerDemo = dynamic(() => import('./DrawerDemo'))\nexport const MenuDemo = dynamic(() => import('./MenuDemo'))\nexport const PopoverDemo = dynamic(() => import('./PopoverDemo'))\nexport const DialogDemo = dynamic(() => import('./DialogDemo'))\nexport const AnimationsHoverDemo = dynamic(() => import('./AnimationsHoverDemo'))\nexport const AnimationsEnterDemo = dynamic(() => import('./AnimationsEnterDemo'))\nexport const AnimationsPresenceDemo = dynamic(() => import('./AnimationsPresenceDemo'))\nexport const SwitchDemo = dynamic(() => import('./SwitchDemo'))\nexport const SliderDemo = dynamic(() => import('./SliderDemo'))\nexport const SpinnerDemo = dynamic(() => import('./SpinnerDemo'))\nexport const FeatherIconsDemo = dynamic(() => import('./FeatherIconsDemo'))\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAoB;AAEpB,wBAAsC;AACtC,wBAAsC;AACtC,sBAAoC;AACpC,wBAAsC;AACtC,8BAA4C;AAC5C,uBAAqC;AACrC,gCAA8C;AAC9C,0BAAwC;AACxC,2BAAyC;AACzC,uBAAqC;AACrC,4BAA0C;AAC1C,uBAAqC;AACrC,uBAAqC;AACrC,sBAAoC;AACpC,wBAAsC;AACtC,0BAAwC;AACxC,0BAAwC;AAEjC,MAAM,cAAc,4BAAQ,MAAM,OAAO,gBAAgB;AACzD,MAAM,aAAa,4BAAQ,MAAM,OAAO,eAAe;AACvD,MAAM,WAAW,4BAAQ,MAAM,OAAO,aAAa;AACnD,MAAM,cAAc,4BAAQ,MAAM,OAAO,gBAAgB;AACzD,MAAM,aAAa,4BAAQ,MAAM,OAAO,eAAe;AACvD,MAAM,sBAAsB,4BAAQ,MAAM,OAAO,wBAAwB;AACzE,MAAM,sBAAsB,4BAAQ,MAAM,OAAO,wBAAwB;AACzE,MAAM,yBAAyB,4BAAQ,MAAM,OAAO,2BAA2B;AAC/E,MAAM,aAAa,4BAAQ,MAAM,OAAO,eAAe;AACvD,MAAM,aAAa,4BAAQ,MAAM,OAAO,eAAe;AACvD,MAAM,cAAc,4BAAQ,MAAM,OAAO,gBAAgB;AACzD,MAAM,mBAAmB,4BAAQ,MAAM,OAAO,qBAAqB;",
+  "names": []
+}