@tamagui/demos 1.0.1-beta.52 → 1.0.1-beta.53

package/dist/cjs/DialogDemo.js

@@ -0,0 +1,98 @@
+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 DialogDemo_exports = {};
+__export(DialogDemo_exports, {
+  default: () => DialogDemo
+});
+module.exports = __toCommonJS(DialogDemo_exports);
+var import_feather_icons = require("@tamagui/feather-icons");
+var import_react = __toESM(require("react"));
+var import_tamagui = require("tamagui");
+function DialogDemo() {
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.Dialog, {
+    modal: true
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Dialog.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, null, "Edit Profile")), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Dialog.Portal, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Dialog.Overlay, {
+    key: "overlay",
+    o: 0.5
+  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Dialog.Content, {
+    bordered: true,
+    elevate: true,
+    key: "content",
+    space: true,
+    animation: [
+      "quick",
+      {
+        opacity: {
+          overshootClamping: true
+        }
+      }
+    ],
+    enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
+    exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
+    x: 0,
+    scale: 1,
+    opacity: 1,
+    y: 0
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Dialog.Title, null, "Edit profile"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Dialog.Description, null, "Make changes to your profile here. Click save when you're done."), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Fieldset, {
+    horizontal: true
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Label, {
+    w: 160,
+    justifyContent: "flex-end",
+    htmlFor: "name"
+  }, "Name"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Input, {
+    f: 1,
+    id: "name",
+    defaultValue: "Nate Wienert"
+  })), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Fieldset, {
+    horizontal: true
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Label, {
+    w: 160,
+    justifyContent: "flex-end",
+    htmlFor: "username"
+  }, "Username"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Input, {
+    f: 1,
+    id: "username",
+    defaultValue: "@natebirdman"
+  })), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    ai: "flex-end",
+    mt: "$2"
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Dialog.Close, {
+    asChild: true
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, {
+    theme: "alt1",
+    "aria-label": "Close"
+  }, "Save changes"))), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Unspaced, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Dialog.Close, {
+    asChild: true
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, {
+    pos: "absolute",
+    t: "$4",
+    r: "$4",
+    circular: true,
+    icon: import_feather_icons.X
+  }))))));
+}
+__name(DialogDemo, "DialogDemo");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});
+//# sourceMappingURL=DialogDemo.js.map

package/dist/cjs/DialogDemo.js.map

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

package/dist/cjs/DrawerDemo.js

@@ -0,0 +1,69 @@
+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 DrawerDemo_exports = {};
+__export(DrawerDemo_exports, {
+  default: () => DrawerDemo
+});
+module.exports = __toCommonJS(DrawerDemo_exports);
+var import_drawer = require("@tamagui/drawer");
+var import_feather_icons = require("@tamagui/feather-icons");
+var import_react = __toESM(require("react"));
+var import_react2 = require("react");
+var import_tamagui = require("tamagui");
+function DrawerDemo() {
+  const [show, setShow] = (0, import_react2.useState)(false);
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    minWidth: 230,
+    w: "100%",
+    h: "100%",
+    ai: "center",
+    jc: "center",
+    position: "relative"
+  }, /* @__PURE__ */ import_react.default.createElement(import_drawer.Drawer.Provider, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, {
+    size: "$6",
+    icon: show ? import_feather_icons.ChevronDown : import_feather_icons.ChevronUp,
+    circular: true,
+    onPress: () => setShow((x) => !x),
+    elevation: "$2"
+  }), /* @__PURE__ */ import_react.default.createElement(import_drawer.Drawer, {
+    open: show,
+    onChangeOpen: setShow
+  }, /* @__PURE__ */ import_react.default.createElement(import_drawer.Drawer.Frame, {
+    h: 200,
+    ai: "center",
+    jc: "center",
+    p: "$6",
+    space: true
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Paragraph, {
+    selectable: false
+  }, "Hello."), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, {
+    size: "$6",
+    icon: show ? import_feather_icons.ChevronDown : import_feather_icons.ChevronUp,
+    circular: true,
+    onPress: () => setShow((x) => !x),
+    elevation: "$2"
+  })))));
+}
+__name(DrawerDemo, "DrawerDemo");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});
+//# sourceMappingURL=DrawerDemo.js.map

package/dist/cjs/DrawerDemo.js.map

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

package/dist/cjs/FeatherIconsDemo.js

@@ -0,0 +1,75 @@
+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 FeatherIconsDemo_exports = {};
+__export(FeatherIconsDemo_exports, {
+  default: () => FeatherIconsDemo
+});
+module.exports = __toCommonJS(FeatherIconsDemo_exports);
+var FeatherIcons = __toESM(require("@tamagui/feather-icons"));
+var import_react = __toESM(require("react"));
+var import_react2 = require("react");
+var import_react_native = require("react-native");
+var import_tamagui = require("tamagui");
+const featherIcons = Object.keys(FeatherIcons).map((name) => ({
+  key: name.toLowerCase(),
+  name,
+  Icon: FeatherIcons[name]
+}));
+function FeatherIconsDemo() {
+  const [searchRaw, setSearch] = (0, import_react2.useState)("");
+  const search = (0, import_tamagui.useDebounceValue)(searchRaw, 400);
+  const size = 100;
+  const iconsMemo = (0, import_react2.useMemo)(() => {
+    const icons = featherIcons.filter((x) => x.key.startsWith(search.toLowerCase()));
+    return icons.map(({ Icon, name }) => {
+      return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+        h: size,
+        ai: "center",
+        jc: "center",
+        key: name
+      }, /* @__PURE__ */ import_react.default.createElement(Icon, {
+        size: size * 0.25
+      }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Spacer, null), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Paragraph, {
+        size: "$2",
+        o: 0.5
+      }, name));
+    });
+  }, [search]);
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    als: "stretch",
+    p: "$4",
+    pb: "$0",
+    space: true
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Input, {
+    value: searchRaw,
+    onChangeText: setSearch,
+    placeholder: "Search..."
+  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    h: 420
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_native.ScrollView, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Grid, {
+    itemMinWidth: size
+  }, iconsMemo))));
+}
+__name(FeatherIconsDemo, "FeatherIconsDemo");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});
+//# sourceMappingURL=FeatherIconsDemo.js.map

package/dist/cjs/FeatherIconsDemo.js.map

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

package/dist/cjs/FormsDemo.js

@@ -0,0 +1,63 @@
+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 FormsDemo_exports = {};
+__export(FormsDemo_exports, {
+  default: () => FormsDemo
+});
+module.exports = __toCommonJS(FormsDemo_exports);
+var import_react = __toESM(require("react"));
+var import_tamagui = require("tamagui");
+function FormsDemo() {
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    maxWidth: 200,
+    overflow: "hidden",
+    space: "$2",
+    m: "$3",
+    p: "$2"
+  }, /* @__PURE__ */ import_react.default.createElement(FormDemo, {
+    size: "$1"
+  }), /* @__PURE__ */ import_react.default.createElement(FormDemo, {
+    size: "$2"
+  }), /* @__PURE__ */ import_react.default.createElement(FormDemo, {
+    size: "$4"
+  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.TextArea, {
+    numberOfLines: 2
+  }));
+}
+__name(FormsDemo, "FormsDemo");
+function FormDemo(props) {
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
+    ai: "center",
+    space: "$1"
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Input, {
+    f: 1,
+    w: "0%",
+    size: props.size,
+    placeholder: `Size ${props.size}...`
+  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, {
+    size: props.size
+  }, "Go"));
+}
+__name(FormDemo, "FormDemo");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});
+//# sourceMappingURL=FormsDemo.js.map

package/dist/cjs/FormsDemo.js.map

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

package/dist/cjs/GroupDemo.js

@@ -0,0 +1,48 @@
+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 GroupDemo_exports = {};
+__export(GroupDemo_exports, {
+  default: () => GroupDemo
+});
+module.exports = __toCommonJS(GroupDemo_exports);
+var import_feather_icons = require("@tamagui/feather-icons");
+var import_react = __toESM(require("react"));
+var import_tamagui = require("tamagui");
+function GroupDemo() {
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
+    p: "$3",
+    space: "$2",
+    ai: "center"
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Group, {
+    size: "$3"
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, null, "First"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, null, "Second"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, null, "Third")), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Group, {
+    size: "$5"
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, {
+    icon: import_feather_icons.Activity
+  }, "First"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, {
+    icon: import_feather_icons.Airplay
+  }, "Second")));
+}
+__name(GroupDemo, "GroupDemo");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});
+//# sourceMappingURL=GroupDemo.js.map

package/dist/cjs/GroupDemo.js.map

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

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 __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 HeadingsDemo_exports = {};
+__export(HeadingsDemo_exports, {
+  default: () => 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"));
+}
+__name(HeadingsDemo, "HeadingsDemo");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});
+//# 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 default function HeadingsDemo() {\n  return (\n    <YStack als=\"center\">\n      <H1>Heading 1</H1>\n      <H2>Heading 2</H2>\n      <H3>Heading 3</H3>\n      <H4>Heading 4</H4>\n      <H5>Heading 5</H5>\n      <H6>Heading 6</H6>\n    </YStack>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAA+C;AAEhC,wBAAwB;AACrC,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;AAXwB;",
+  "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 __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 ImageDemo_exports = {};
+__export(ImageDemo_exports, {
+  default: () => 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
+  });
+}
+__name(ImageDemo, "ImageDemo");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});
+//# 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 default 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;AAEP,qBAAqB;AAClC,SAAO,mDAAC;AAAA,IAAM,KAAI;AAAA,IAAiC,OAAO;AAAA,IAAK,QAAQ;AAAA,GAAK;AAC9E;AAFwB;",
+  "names": []
+}

package/dist/cjs/LabelDemo.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 __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 LabelDemo_exports = {};
+__export(LabelDemo_exports, {
+  default: () => 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, {
+    p: "$3",
+    space: "$2"
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Label, {
+    htmlFor: "name"
+  }, "Name"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Input, {
+    id: "name",
+    defaultValue: "Nate Wienert"
+  }));
+}
+__name(LabelDemo, "LabelDemo");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});
+//# 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 default function LabelDemo() {\n  return (\n    <XStack p=\"$3\" space=\"$2\">\n      <Label htmlFor=\"name\">Name</Label>\n      <Input id=\"name\" defaultValue=\"Nate Wienert\" />\n    </XStack>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAqC;AAEtB,qBAAqB;AAClC,SACE,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAM;AAAA,KACnB,mDAAC;AAAA,IAAM,SAAQ;AAAA,KAAO,MAAI,GAC1B,mDAAC;AAAA,IAAM,IAAG;AAAA,IAAO,cAAa;AAAA,GAAe,CAC/C;AAEJ;AAPwB;",
+  "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 __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 LinearGradientDemo_exports = {};
+__export(LinearGradientDemo_exports, {
+  default: () => 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]
+  });
+}
+__name(LinearGradientDemo, "LinearGradientDemo");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});
+//# 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 default function LinearGradientDemo() {\n  return (\n    <LinearGradient\n      als=\"center\"\n      width={100}\n      height={100}\n      colors={['$red10', '$yellow10']}\n      start={[0, 1]}\n      br=\"$4\"\n      end={[0, 0]}\n    />\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAA+B;AAEhB,8BAA8B;AAC3C,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;AAZwB;",
+  "names": []
+}