@tamagui/demos 1.0.1-beta.100

package/dist/cjs/index.js

@@ -0,0 +1,115 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+__export(src_exports, {
+  AnimationsDemo: () => import_AnimationsDemo.AnimationsDemo,
+  AnimationsEnterDemo: () => import_AnimationsEnterDemo.AnimationsEnterDemo,
+  AnimationsHoverDemo: () => import_AnimationsHoverDemo.AnimationsHoverDemo,
+  AnimationsPresenceDemo: () => import_AnimationsPresenceDemo.AnimationsPresenceDemo,
+  AvatarDemo: () => import_AvatarDemo.AvatarDemo,
+  ButtonDemo: () => import_ButtonDemo.ButtonDemo,
+  CardDemo: () => import_CardDemo.CardDemo,
+  DialogDemo: () => import_DialogDemo.DialogDemo,
+  FeatherIconsDemo: () => import_FeatherIconsDemo.FeatherIconsDemo,
+  FormsDemo: () => import_FormsDemo.FormsDemo,
+  GroupDemo: () => import_GroupDemo.GroupDemo,
+  HeadingsDemo: () => import_HeadingsDemo.HeadingsDemo,
+  ImageDemo: () => import_ImageDemo.ImageDemo,
+  LabelDemo: () => import_LabelDemo.LabelDemo,
+  LinearGradientDemo: () => import_LinearGradientDemo.LinearGradientDemo,
+  ListItemDemo: () => import_ListItemDemo.ListItemDemo,
+  PopoverDemo: () => import_PopoverDemo.PopoverDemo,
+  ProgressDemo: () => import_ProgressDemo.ProgressDemo,
+  SelectDemo: () => import_SelectDemo.SelectDemo,
+  SeparatorDemo: () => import_SeparatorDemo.SeparatorDemo,
+  ShapesDemo: () => import_ShapesDemo.ShapesDemo,
+  SheetDemo: () => import_SheetDemo.SheetDemo,
+  SliderDemo: () => import_SliderDemo.SliderDemo,
+  SpinnerDemo: () => import_SpinnerDemo.SpinnerDemo,
+  StacksDemo: () => import_StacksDemo.StacksDemo,
+  SwitchDemo: () => import_SwitchDemo.SwitchDemo,
+  TextDemo: () => import_TextDemo.TextDemo,
+  ThemeInverseDemo: () => import_ThemeInverseDemo.ThemeInverseDemo,
+  TooltipDemo: () => import_TooltipDemo.TooltipDemo
+});
+module.exports = __toCommonJS(src_exports);
+var import_AnimationsDemo = require("./AnimationsDemo");
+var import_AnimationsEnterDemo = require("./AnimationsEnterDemo");
+var import_AnimationsHoverDemo = require("./AnimationsHoverDemo");
+var import_AnimationsPresenceDemo = require("./AnimationsPresenceDemo");
+var import_AvatarDemo = require("./AvatarDemo");
+var import_ButtonDemo = require("./ButtonDemo");
+var import_CardDemo = require("./CardDemo");
+var import_DialogDemo = require("./DialogDemo");
+var import_SheetDemo = require("./SheetDemo");
+var import_FeatherIconsDemo = require("./FeatherIconsDemo");
+var import_FormsDemo = require("./FormsDemo");
+var import_GroupDemo = require("./GroupDemo");
+var import_HeadingsDemo = require("./HeadingsDemo");
+var import_ImageDemo = require("./ImageDemo");
+var import_LabelDemo = require("./LabelDemo");
+var import_LinearGradientDemo = require("./LinearGradientDemo");
+var import_ListItemDemo = require("./ListItemDemo");
+var import_PopoverDemo = require("./PopoverDemo");
+var import_ProgressDemo = require("./ProgressDemo");
+var import_SelectDemo = require("./SelectDemo");
+var import_SeparatorDemo = require("./SeparatorDemo");
+var import_ShapesDemo = require("./ShapesDemo");
+var import_SliderDemo = require("./SliderDemo");
+var import_SpinnerDemo = require("./SpinnerDemo");
+var import_StacksDemo = require("./StacksDemo");
+var import_SwitchDemo = require("./SwitchDemo");
+var import_TextDemo = require("./TextDemo");
+var import_ThemeInverseDemo = require("./ThemeInverseDemo");
+var import_TooltipDemo = require("./TooltipDemo");
+__reExport(src_exports, require("./useOnIntersecting"), module.exports);
+__reExport(src_exports, require("./TamaguiLogo"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AnimationsDemo,
+  AnimationsEnterDemo,
+  AnimationsHoverDemo,
+  AnimationsPresenceDemo,
+  AvatarDemo,
+  ButtonDemo,
+  CardDemo,
+  DialogDemo,
+  FeatherIconsDemo,
+  FormsDemo,
+  GroupDemo,
+  HeadingsDemo,
+  ImageDemo,
+  LabelDemo,
+  LinearGradientDemo,
+  ListItemDemo,
+  PopoverDemo,
+  ProgressDemo,
+  SelectDemo,
+  SeparatorDemo,
+  ShapesDemo,
+  SheetDemo,
+  SliderDemo,
+  SpinnerDemo,
+  StacksDemo,
+  SwitchDemo,
+  TextDemo,
+  ThemeInverseDemo,
+  TooltipDemo
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx"],
+  "sourcesContent": ["// export { DrawerDemo } from './DrawerDemo'\n// export { MenuDemo } from './MenuDemo'\n// gorhom bottom-sheet giving kitchen-sink problems\nexport { AnimationsDemo } from './AnimationsDemo'\nexport { AnimationsEnterDemo } from './AnimationsEnterDemo'\nexport { AnimationsHoverDemo } from './AnimationsHoverDemo'\nexport { AnimationsPresenceDemo } from './AnimationsPresenceDemo'\nexport { AvatarDemo } from './AvatarDemo'\nexport { ButtonDemo } from './ButtonDemo'\nexport { CardDemo } from './CardDemo'\nexport { DialogDemo } from './DialogDemo'\nexport { SheetDemo } from './SheetDemo'\nexport { FeatherIconsDemo } from './FeatherIconsDemo'\nexport { FormsDemo } from './FormsDemo'\nexport { GroupDemo } from './GroupDemo'\nexport { HeadingsDemo } from './HeadingsDemo'\nexport { ImageDemo } from './ImageDemo'\nexport { LabelDemo } from './LabelDemo'\nexport { LinearGradientDemo } from './LinearGradientDemo'\nexport { ListItemDemo } from './ListItemDemo'\nexport { PopoverDemo } from './PopoverDemo'\nexport { ProgressDemo } from './ProgressDemo'\nexport { SelectDemo } from './SelectDemo'\nexport { SeparatorDemo } from './SeparatorDemo'\nexport { ShapesDemo } from './ShapesDemo'\nexport { SliderDemo } from './SliderDemo'\nexport { SpinnerDemo } from './SpinnerDemo'\nexport { StacksDemo } from './StacksDemo'\nexport { SwitchDemo } from './SwitchDemo'\nexport { TextDemo } from './TextDemo'\nexport { ThemeInverseDemo } from './ThemeInverseDemo'\nexport { TooltipDemo } from './TooltipDemo'\nexport * from './useOnIntersecting'\nexport * from './TamaguiLogo'\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;AAGA,4BAA+B;AAC/B,iCAAoC;AACpC,iCAAoC;AACpC,oCAAuC;AACvC,wBAA2B;AAC3B,wBAA2B;AAC3B,sBAAyB;AACzB,wBAA2B;AAC3B,uBAA0B;AAC1B,8BAAiC;AACjC,uBAA0B;AAC1B,uBAA0B;AAC1B,0BAA6B;AAC7B,uBAA0B;AAC1B,uBAA0B;AAC1B,gCAAmC;AACnC,0BAA6B;AAC7B,yBAA4B;AAC5B,0BAA6B;AAC7B,wBAA2B;AAC3B,2BAA8B;AAC9B,wBAA2B;AAC3B,wBAA2B;AAC3B,yBAA4B;AAC5B,wBAA2B;AAC3B,wBAA2B;AAC3B,sBAAyB;AACzB,8BAAiC;AACjC,yBAA4B;AAC5B,wBAAc,gCAhCd;AAiCA,wBAAc,0BAjCd;",
+  "names": []
+}

package/dist/cjs/useOnIntersecting.js

@@ -0,0 +1,86 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useOnIntersecting_exports = {};
+__export(useOnIntersecting_exports, {
+  useIsIntersecting: () => useIsIntersecting,
+  useOnIntersecting: () => useOnIntersecting
+});
+module.exports = __toCommonJS(useOnIntersecting_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+const useIsIntersecting = (ref, { once } = {}) => {
+  const [val, setVal] = (0, import_react.useState)(false);
+  useOnIntersecting(ref, ({ isIntersecting }) => {
+    if (once && isIntersecting || !once) {
+      setVal(isIntersecting);
+    }
+  });
+  return val;
+};
+const useOnIntersecting = (ref, incomingCb, options = {
+  threshold: 1
+}, mountArgs = []) => {
+  const cb = (0, import_react.useRef)();
+  (0, import_react.useEffect)(() => {
+    cb.current = incomingCb;
+  }, [incomingCb]);
+  (0, import_react.useEffect)(() => {
+    const node = ref.current;
+    if (!node)
+      return;
+    let dispose = null;
+    let lastEntry;
+    const io = new IntersectionObserver(([entry]) => {
+      var _a;
+      if (entry.isIntersecting) {
+        lastEntry = new Proxy(entry, {
+          get(target, key) {
+            if (key === "dispose") {
+              return dispose;
+            }
+            return Reflect.get(target, key);
+          }
+        });
+        dispose == null ? void 0 : dispose();
+        dispose = ((_a = cb.current) == null ? void 0 : _a.call(cb, lastEntry)) || null;
+      } else {
+        dispose == null ? void 0 : dispose();
+      }
+    }, options);
+    const ro = new ResizeObserver((0, import_tamagui.debounce)(() => {
+      var _a;
+      if (!lastEntry) {
+        return;
+      }
+      dispose = ((_a = cb.current) == null ? void 0 : _a.call(cb, lastEntry, true)) || null;
+    }, 150));
+    ro.observe(document.body);
+    io.observe(node);
+    return () => {
+      dispose == null ? void 0 : dispose();
+      ro.disconnect();
+      io.disconnect();
+    };
+  }, [ref.current, ...mountArgs]);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useIsIntersecting,
+  useOnIntersecting
+});
+//# sourceMappingURL=useOnIntersecting.js.map

package/dist/cjs/useOnIntersecting.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/useOnIntersecting.tsx"],
+  "sourcesContent": ["import { MutableRefObject, useEffect, useRef, useState } from 'react'\nimport { debounce } from 'tamagui'\n\ntype DisposeFn = () => void\ntype IntersectFn = (\n  props: IntersectionObserverEntry & { dispose?: DisposeFn | null },\n  didResize?: boolean\n) => void | DisposeFn\n\nexport const useIsIntersecting = (\n  ref: MutableRefObject<HTMLElement | null>,\n  { once }: { once?: boolean } = {}\n) => {\n  const [val, setVal] = useState(false)\n  useOnIntersecting(ref, ({ isIntersecting }) => {\n    if ((once && isIntersecting) || !once) {\n      setVal(isIntersecting)\n    }\n  })\n  return val\n}\n\nexport const useOnIntersecting = (\n  ref: MutableRefObject<HTMLElement | null>,\n  incomingCb: IntersectFn,\n  options: IntersectionObserverInit = {\n    threshold: 1,\n  },\n  mountArgs: any[] = []\n) => {\n  const cb = useRef<IntersectFn>()\n\n  useEffect(() => {\n    cb.current = incomingCb\n  }, [incomingCb])\n\n  // arrow keys\n  useEffect(() => {\n    const node = ref.current\n    if (!node) return\n    // only when carousel is fully in viewport\n    let dispose: DisposeFn | null = null\n    let lastEntry: any\n\n    const io = new IntersectionObserver(([entry]) => {\n      if (entry.isIntersecting) {\n        lastEntry = new Proxy(entry, {\n          get(target, key) {\n            if (key === 'dispose') {\n              return dispose\n            }\n            return Reflect.get(target, key)\n          },\n        })\n        dispose?.()\n        dispose = cb.current?.(lastEntry) || null\n      } else {\n        dispose?.()\n      }\n    }, options)\n\n    const ro = new ResizeObserver(\n      debounce(() => {\n        if (!lastEntry) {\n          return\n        }\n        dispose = cb.current?.(lastEntry, true) || null\n      }, 150)\n    )\n\n    ro.observe(document.body)\n    io.observe(node)\n\n    return () => {\n      dispose?.()\n      ro.disconnect()\n      io.disconnect()\n    }\n  }, [ref.current, ...mountArgs])\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8D;AAC9D,qBAAyB;AAQlB,MAAM,oBAAoB,CAC/B,KACA,EAAE,SAA6B,CAAC,MAC7B;AACH,QAAM,CAAC,KAAK,UAAU,2BAAS,KAAK;AACpC,oBAAkB,KAAK,CAAC,EAAE,qBAAqB;AAC7C,QAAK,QAAQ,kBAAmB,CAAC,MAAM;AACrC,aAAO,cAAc;AAAA,IACvB;AAAA,EACF,CAAC;AACD,SAAO;AACT;AAEO,MAAM,oBAAoB,CAC/B,KACA,YACA,UAAoC;AAAA,EAClC,WAAW;AACb,GACA,YAAmB,CAAC,MACjB;AACH,QAAM,KAAK,yBAAoB;AAE/B,8BAAU,MAAM;AACd,OAAG,UAAU;AAAA,EACf,GAAG,CAAC,UAAU,CAAC;AAGf,8BAAU,MAAM;AACd,UAAM,OAAO,IAAI;AACjB,QAAI,CAAC;AAAM;AAEX,QAAI,UAA4B;AAChC,QAAI;AAEJ,UAAM,KAAK,IAAI,qBAAqB,CAAC,CAAC,WAAW;AA5CrD;AA6CM,UAAI,MAAM,gBAAgB;AACxB,oBAAY,IAAI,MAAM,OAAO;AAAA,UAC3B,IAAI,QAAQ,KAAK;AACf,gBAAI,QAAQ,WAAW;AACrB,qBAAO;AAAA,YACT;AACA,mBAAO,QAAQ,IAAI,QAAQ,GAAG;AAAA,UAChC;AAAA,QACF,CAAC;AACD;AACA,kBAAU,UAAG,YAAH,4BAAa,eAAc;AAAA,MACvC,OAAO;AACL;AAAA,MACF;AAAA,IACF,GAAG,OAAO;AAEV,UAAM,KAAK,IAAI,eACb,6BAAS,MAAM;AA9DrB;AA+DQ,UAAI,CAAC,WAAW;AACd;AAAA,MACF;AACA,gBAAU,UAAG,YAAH,4BAAa,WAAW,UAAS;AAAA,IAC7C,GAAG,GAAG,CACR;AAEA,OAAG,QAAQ,SAAS,IAAI;AACxB,OAAG,QAAQ,IAAI;AAEf,WAAO,MAAM;AACX;AACA,SAAG,WAAW;AACd,SAAG,WAAW;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,IAAI,SAAS,GAAG,SAAS,CAAC;AAChC;",
+  "names": []
+}

package/dist/esm/AnimationsDemo.js

@@ -0,0 +1,95 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { Play } from "@tamagui/feather-icons";
+import React from "react";
+import { Button, Square, useControllableState } from "tamagui";
+import { LogoIcon } from "./TamaguiLogo";
+function AnimationsDemo(props) {
+  const [positionI, setPositionI] = useControllableState({
+    strategy: "most-recent-wins",
+    prop: props.position,
+    defaultProp: 0
+  });
+  const position = positions[positionI];
+  const next = (to = 1) => {
+    setPositionI((x) => {
+      return (x + to) % positions.length;
+    });
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Square, __spreadValues({
+    focusable: false,
+    animation: props.animation || "bouncy",
+    onPress: () => next(),
+    size: 110,
+    bc: "$pink10",
+    br: "$9",
+    hoverStyle: {
+      scale: 1.1
+    },
+    pressStyle: {
+      scale: 0.9
+    }
+  }, position), props.children || /* @__PURE__ */ React.createElement(LogoIcon, {
+    downscale: 0.75
+  })), /* @__PURE__ */ React.createElement(Button, {
+    pos: "absolute",
+    b: 20,
+    l: 20,
+    icon: Play,
+    theme: props.tint,
+    size: "$5",
+    circular: true,
+    onPress: () => next()
+  }));
+}
+const positions = [
+  {
+    x: 0,
+    y: 0,
+    scale: 1,
+    rotate: "0deg"
+  },
+  {
+    x: -50,
+    y: -50,
+    scale: 0.5,
+    rotate: "-45deg",
+    hoverStyle: {
+      scale: 0.6
+    },
+    pressStyle: {
+      scale: 0.4
+    }
+  },
+  {
+    x: 50,
+    y: 50,
+    scale: 1,
+    rotate: "180deg",
+    hoverStyle: {
+      scale: 1.1
+    },
+    pressStyle: {
+      scale: 0.9
+    }
+  }
+];
+export {
+  AnimationsDemo,
+  positions
+};
+//# sourceMappingURL=AnimationsDemo.js.map

package/dist/esm/AnimationsDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/AnimationsDemo.tsx"],
+  "sourcesContent": ["import { Play } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, Square, useControllableState } from 'tamagui'\n\nimport { LogoIcon } from './TamaguiLogo'\n\nexport function AnimationsDemo(props) {\n  const [positionI, setPositionI] = useControllableState({\n    strategy: 'most-recent-wins',\n    prop: props.position,\n    defaultProp: 0,\n  })\n  const position = positions[positionI]\n  const next = (to = 1) => {\n    setPositionI((x) => {\n      return (x + to) % positions.length\n    })\n  }\n\n  return (\n    <>\n      <Square\n        focusable={false}\n        animation={props.animation || 'bouncy'}\n        onPress={() => next()}\n        size={110}\n        bc=\"$pink10\"\n        br=\"$9\"\n        hoverStyle={{\n          scale: 1.1,\n        }}\n        pressStyle={{\n          scale: 0.9,\n        }}\n        {...position}\n      >\n        {props.children || <LogoIcon downscale={0.75} />}\n      </Square>\n\n      <Button\n        pos=\"absolute\"\n        b={20}\n        l={20}\n        icon={Play}\n        theme={props.tint}\n        size=\"$5\"\n        circular\n        onPress={() => next()}\n      />\n    </>\n  )\n}\n\nexport const positions = [\n  {\n    x: 0,\n    y: 0,\n    scale: 1,\n    rotate: '0deg',\n  },\n  {\n    x: -50,\n    y: -50,\n    scale: 0.5,\n    rotate: '-45deg',\n    hoverStyle: {\n      scale: 0.6,\n    },\n    pressStyle: {\n      scale: 0.4,\n    },\n  },\n  {\n    x: 50,\n    y: 50,\n    scale: 1,\n    rotate: '180deg',\n    hoverStyle: {\n      scale: 1.1,\n    },\n    pressStyle: {\n      scale: 0.9,\n    },\n  },\n]\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAEA;AAEO,wBAAwB,OAAO;AACpC,QAAM,CAAC,WAAW,gBAAgB,qBAAqB;AAAA,IACrD,UAAU;AAAA,IACV,MAAM,MAAM;AAAA,IACZ,aAAa;AAAA,EACf,CAAC;AACD,QAAM,WAAW,UAAU;AAC3B,QAAM,OAAO,CAAC,KAAK,MAAM;AACvB,iBAAa,CAAC,MAAM;AAClB,aAAQ,KAAI,MAAM,UAAU;AAAA,IAC9B,CAAC;AAAA,EACH;AAEA,SACE,0DACE,oCAAC;AAAA,IACC,WAAW;AAAA,IACX,WAAW,MAAM,aAAa;AAAA,IAC9B,SAAS,MAAM,KAAK;AAAA,IACpB,MAAM;AAAA,IACN,IAAG;AAAA,IACH,IAAG;AAAA,IACH,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,KACI,WAEH,MAAM,YAAY,oCAAC;AAAA,IAAS,WAAW;AAAA,GAAM,CAChD,GAEA,oCAAC;AAAA,IACC,KAAI;AAAA,IACJ,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,OAAO,MAAM;AAAA,IACb,MAAK;AAAA,IACL,UAAQ;AAAA,IACR,SAAS,MAAM,KAAK;AAAA,GACtB,CACF;AAEJ;AAEO,MAAM,YAAY;AAAA,EACvB;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/esm/AnimationsEnterDemo.js

@@ -0,0 +1,41 @@
+import React from "react";
+import { useRef, useState } from "react";
+import { Button, Square, YStack } from "tamagui";
+import { LogoIcon } from "./TamaguiLogo";
+import { useIsIntersecting } from "./useOnIntersecting";
+function AnimationsEnterDemo() {
+  const ref = useRef(null);
+  const hasIntersected = useIsIntersecting(ref, { once: true });
+  const [key, setKey] = useState(0);
+  if (!hasIntersected) {
+    return /* @__PURE__ */ React.createElement(YStack, {
+      ref
+    });
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Square, {
+    key,
+    enterStyle: {
+      scale: 1.5,
+      y: -10,
+      opacity: 0
+    },
+    animation: "bouncy",
+    elevation: "$4",
+    size: 110,
+    opacity: 1,
+    scale: 1,
+    y: 0,
+    bc: "$pink10",
+    br: "$9"
+  }, /* @__PURE__ */ React.createElement(LogoIcon, {
+    downscale: 0.75
+  })), /* @__PURE__ */ React.createElement(Button, {
+    size: "$3",
+    mt: "$4",
+    onPress: () => setKey(Math.random())
+  }, "Re-mount"));
+}
+export {
+  AnimationsEnterDemo
+};
+//# sourceMappingURL=AnimationsEnterDemo.js.map

package/dist/esm/AnimationsEnterDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/AnimationsEnterDemo.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { useRef, useState } from 'react'\nimport { Button, Square, YStack } from 'tamagui'\n\nimport { LogoIcon } from './TamaguiLogo'\nimport { useIsIntersecting } from './useOnIntersecting'\n\nexport function AnimationsEnterDemo() {\n  const ref = useRef<HTMLElement>(null)\n  const hasIntersected = useIsIntersecting(ref, { once: true })\n  const [key, setKey] = useState(0)\n\n  if (!hasIntersected) {\n    return <YStack ref={ref} />\n  }\n\n  return (\n    <>\n      <Square\n        key={key}\n        enterStyle={{\n          scale: 1.5,\n          y: -10,\n          opacity: 0,\n        }}\n        animation=\"bouncy\"\n        elevation=\"$4\"\n        size={110}\n        opacity={1}\n        scale={1}\n        y={0}\n        bc=\"$pink10\"\n        br=\"$9\"\n      >\n        <LogoIcon downscale={0.75} />\n      </Square>\n\n      <Button size=\"$3\" mt=\"$4\" onPress={() => setKey(Math.random())}>\n        Re-mount\n      </Button>\n    </>\n  )\n}\n"],
+  "mappings": "AAAA;AACA;AACA;AAEA;AACA;AAEO,+BAA+B;AACpC,QAAM,MAAM,OAAoB,IAAI;AACpC,QAAM,iBAAiB,kBAAkB,KAAK,EAAE,MAAM,KAAK,CAAC;AAC5D,QAAM,CAAC,KAAK,UAAU,SAAS,CAAC;AAEhC,MAAI,CAAC,gBAAgB;AACnB,WAAO,oCAAC;AAAA,MAAO;AAAA,KAAU;AAAA,EAC3B;AAEA,SACE,0DACE,oCAAC;AAAA,IACC;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,MACP,GAAG;AAAA,MACH,SAAS;AAAA,IACX;AAAA,IACA,WAAU;AAAA,IACV,WAAU;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,GAAG;AAAA,IACH,IAAG;AAAA,IACH,IAAG;AAAA,KAEH,oCAAC;AAAA,IAAS,WAAW;AAAA,GAAM,CAC7B,GAEA,oCAAC;AAAA,IAAO,MAAK;AAAA,IAAK,IAAG;AAAA,IAAK,SAAS,MAAM,OAAO,KAAK,OAAO,CAAC;AAAA,KAAG,UAEhE,CACF;AAEJ;",
+  "names": []
+}

package/dist/esm/AnimationsHoverDemo.js

@@ -0,0 +1,24 @@
+import React from "react";
+import { Square } from "tamagui";
+import { LogoIcon } from "./TamaguiLogo";
+function AnimationsHoverDemo() {
+  return /* @__PURE__ */ React.createElement(Square, {
+    bc: "$pink10",
+    animation: "bouncy",
+    elevation: "$4",
+    size: 110,
+    br: "$9",
+    hoverStyle: {
+      scale: 1.2
+    },
+    pressStyle: {
+      scale: 0.9
+    }
+  }, /* @__PURE__ */ React.createElement(LogoIcon, {
+    downscale: 0.75
+  }));
+}
+export {
+  AnimationsHoverDemo
+};
+//# sourceMappingURL=AnimationsHoverDemo.js.map

package/dist/esm/AnimationsHoverDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/AnimationsHoverDemo.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { Square } from 'tamagui'\n\nimport { LogoIcon } from './TamaguiLogo'\n\nexport function AnimationsHoverDemo() {\n  return (\n    <Square\n      bc=\"$pink10\"\n      animation=\"bouncy\"\n      elevation=\"$4\"\n      size={110}\n      br=\"$9\"\n      hoverStyle={{\n        scale: 1.2,\n      }}\n      pressStyle={{\n        scale: 0.9,\n      }}\n    >\n      <LogoIcon downscale={0.75} />\n    </Square>\n  )\n}\n"],
+  "mappings": "AAAA;AACA;AAEA;AAEO,+BAA+B;AACpC,SACE,oCAAC;AAAA,IACC,IAAG;AAAA,IACH,WAAU;AAAA,IACV,WAAU;AAAA,IACV,MAAM;AAAA,IACN,IAAG;AAAA,IACH,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,KAEA,oCAAC;AAAA,IAAS,WAAW;AAAA,GAAM,CAC7B;AAEJ;",
+  "names": []
+}

package/dist/esm/AnimationsPresenceDemo.js

@@ -0,0 +1,72 @@
+import { AnimatePresence } from "@tamagui/animate-presence";
+import { ArrowLeft, ArrowRight } from "@tamagui/feather-icons";
+import React from "react";
+import { useState } from "react";
+import { Button, Image, XStack, YStack, styled } from "tamagui";
+import photo1 from "../../public/photo1.jpg";
+import photo2 from "../../public/photo2.jpg";
+import photo3 from "../../public/photo3.jpg";
+const images = [photo1.src, photo2.src, photo3.src];
+const YStackEnterable = styled(YStack, {
+  variants: {
+    isLeft: { true: { x: -300, opacity: 0 } },
+    isRight: { true: { x: 300, opacity: 0 } }
+  }
+});
+function AnimationsPresenceDemo() {
+  const [[page, direction], setPage] = useState([0, 0]);
+  const imageIndex = wrap(0, images.length, page);
+  const paginate = (newDirection) => {
+    setPage([page + newDirection, newDirection]);
+  };
+  const enterVariant = direction === 1 || direction === 0 ? "isRight" : "isLeft";
+  const exitVariant = direction === 1 ? "isLeft" : "isRight";
+  return /* @__PURE__ */ React.createElement(XStack, {
+    ov: "hidden",
+    bc: "#000",
+    pos: "relative",
+    h: 300,
+    w: "100%",
+    ai: "center"
+  }, /* @__PURE__ */ React.createElement(AnimatePresence, {
+    enterVariant,
+    exitVariant
+  }, /* @__PURE__ */ React.createElement(YStackEnterable, {
+    key: page,
+    animation: "bouncy",
+    fullscreen: true,
+    x: 0,
+    o: 1
+  }, /* @__PURE__ */ React.createElement(Image, {
+    src: images[imageIndex],
+    width: 780,
+    height: 300
+  }))), /* @__PURE__ */ React.createElement(Button, {
+    accessibilityLabel: "Carousel left",
+    icon: ArrowLeft,
+    size: "$5",
+    pos: "absolute",
+    l: "$4",
+    circular: true,
+    elevate: true,
+    onPress: () => paginate(-1)
+  }), /* @__PURE__ */ React.createElement(Button, {
+    accessibilityLabel: "Carousel right",
+    icon: ArrowRight,
+    size: "$5",
+    pos: "absolute",
+    r: "$4",
+    circular: true,
+    elevate: true,
+    onPress: () => paginate(1)
+  }));
+}
+const wrap = (min, max, v) => {
+  const rangeSize = max - min;
+  return ((v - min) % rangeSize + rangeSize) % rangeSize + min;
+};
+export {
+  AnimationsPresenceDemo,
+  images
+};
+//# sourceMappingURL=AnimationsPresenceDemo.js.map

package/dist/esm/AnimationsPresenceDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/AnimationsPresenceDemo.tsx"],
+  "sourcesContent": ["// adapted from Framer Motion\n// https://codesandbox.io/s/framer-motion-image-gallery-pqvx3?from-embed=&file=/src/Example.tsx:1422-1470\n\nimport { AnimatePresence } from '@tamagui/animate-presence'\nimport { ArrowLeft, ArrowRight } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { useState } from 'react'\nimport { Button, Image, XStack, YStack, styled } from 'tamagui'\n\n// @ts-ignore\nimport photo1 from '../../public/photo1.jpg'\n// @ts-ignore\nimport photo2 from '../../public/photo2.jpg'\n// @ts-ignore\nimport photo3 from '../../public/photo3.jpg'\n\nexport const images = [photo1.src, photo2.src, photo3.src]\n\nconst YStackEnterable = styled(YStack, {\n  variants: {\n    isLeft: { true: { x: -300, opacity: 0 } },\n    isRight: { true: { x: 300, opacity: 0 } },\n  },\n})\n\nexport function AnimationsPresenceDemo() {\n  const [[page, direction], setPage] = useState([0, 0])\n\n  const imageIndex = wrap(0, images.length, page)\n\n  const paginate = (newDirection: number) => {\n    setPage([page + newDirection, newDirection])\n  }\n\n  const enterVariant = direction === 1 || direction === 0 ? 'isRight' : 'isLeft'\n  const exitVariant = direction === 1 ? 'isLeft' : 'isRight'\n\n  return (\n    <XStack ov=\"hidden\" bc=\"#000\" pos=\"relative\" h={300} w=\"100%\" ai=\"center\">\n      <AnimatePresence enterVariant={enterVariant} exitVariant={exitVariant}>\n        <YStackEnterable key={page} animation=\"bouncy\" fullscreen x={0} o={1}>\n          <Image src={images[imageIndex]} width={780} height={300} />\n        </YStackEnterable>\n      </AnimatePresence>\n\n      <Button\n        accessibilityLabel=\"Carousel left\"\n        icon={ArrowLeft}\n        size=\"$5\"\n        pos=\"absolute\"\n        l=\"$4\"\n        circular\n        elevate\n        onPress={() => paginate(-1)}\n      />\n      <Button\n        accessibilityLabel=\"Carousel right\"\n        icon={ArrowRight}\n        size=\"$5\"\n        pos=\"absolute\"\n        r=\"$4\"\n        circular\n        elevate\n        onPress={() => paginate(1)}\n      />\n    </XStack>\n  )\n}\n\nconst wrap = (min: number, max: number, v: number) => {\n  const rangeSize = max - min\n  return ((((v - min) % rangeSize) + rangeSize) % rangeSize) + min\n}\n"],
+  "mappings": "AAGA;AACA;AACA;AACA;AACA;AAGA;AAEA;AAEA;AAEO,MAAM,SAAS,CAAC,OAAO,KAAK,OAAO,KAAK,OAAO,GAAG;AAEzD,MAAM,kBAAkB,OAAO,QAAQ;AAAA,EACrC,UAAU;AAAA,IACR,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,SAAS,EAAE,EAAE;AAAA,IACxC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,SAAS,EAAE,EAAE;AAAA,EAC1C;AACF,CAAC;AAEM,kCAAkC;AACvC,QAAM,CAAC,CAAC,MAAM,YAAY,WAAW,SAAS,CAAC,GAAG,CAAC,CAAC;AAEpD,QAAM,aAAa,KAAK,GAAG,OAAO,QAAQ,IAAI;AAE9C,QAAM,WAAW,CAAC,iBAAyB;AACzC,YAAQ,CAAC,OAAO,cAAc,YAAY,CAAC;AAAA,EAC7C;AAEA,QAAM,eAAe,cAAc,KAAK,cAAc,IAAI,YAAY;AACtE,QAAM,cAAc,cAAc,IAAI,WAAW;AAEjD,SACE,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAO,KAAI;AAAA,IAAW,GAAG;AAAA,IAAK,GAAE;AAAA,IAAO,IAAG;AAAA,KAC/D,oCAAC;AAAA,IAAgB;AAAA,IAA4B;AAAA,KAC3C,oCAAC;AAAA,IAAgB,KAAK;AAAA,IAAM,WAAU;AAAA,IAAS,YAAU;AAAA,IAAC,GAAG;AAAA,IAAG,GAAG;AAAA,KACjE,oCAAC;AAAA,IAAM,KAAK,OAAO;AAAA,IAAa,OAAO;AAAA,IAAK,QAAQ;AAAA,GAAK,CAC3D,CACF,GAEA,oCAAC;AAAA,IACC,oBAAmB;AAAA,IACnB,MAAM;AAAA,IACN,MAAK;AAAA,IACL,KAAI;AAAA,IACJ,GAAE;AAAA,IACF,UAAQ;AAAA,IACR,SAAO;AAAA,IACP,SAAS,MAAM,SAAS,EAAE;AAAA,GAC5B,GACA,oCAAC;AAAA,IACC,oBAAmB;AAAA,IACnB,MAAM;AAAA,IACN,MAAK;AAAA,IACL,KAAI;AAAA,IACJ,GAAE;AAAA,IACF,UAAQ;AAAA,IACR,SAAO;AAAA,IACP,SAAS,MAAM,SAAS,CAAC;AAAA,GAC3B,CACF;AAEJ;AAEA,MAAM,OAAO,CAAC,KAAa,KAAa,MAAc;AACpD,QAAM,YAAY,MAAM;AACxB,SAAW,MAAI,OAAO,YAAa,aAAa,YAAa;AAC/D;",
+  "names": []
+}

package/dist/esm/AvatarDemo.js

@@ -0,0 +1,29 @@
+import React from "react";
+import { Avatar, XStack } from "tamagui";
+function AvatarDemo() {
+  return /* @__PURE__ */ React.createElement(XStack, {
+    ai: "center",
+    space: "$6"
+  }, /* @__PURE__ */ React.createElement(Avatar, {
+    circular: true,
+    size: "$10"
+  }, /* @__PURE__ */ React.createElement(Avatar.Image, {
+    accessibilityLabel: "Cam",
+    src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
+  }), /* @__PURE__ */ React.createElement(Avatar.Fallback, {
+    backgroundColor: "$blue10"
+  })), /* @__PURE__ */ React.createElement(Avatar, {
+    circular: true,
+    size: "$8"
+  }, /* @__PURE__ */ React.createElement(Avatar.Image, {
+    accessibilityLabel: "Nate Wienert",
+    src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
+  }), /* @__PURE__ */ React.createElement(Avatar.Fallback, {
+    delayMs: 600,
+    backgroundColor: "$blue10"
+  })));
+}
+export {
+  AvatarDemo
+};
+//# sourceMappingURL=AvatarDemo.js.map

package/dist/esm/AvatarDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/AvatarDemo.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { Avatar, XStack } from 'tamagui'\n\nexport function AvatarDemo() {\n  return (\n    <XStack ai=\"center\" space=\"$6\">\n      <Avatar circular size=\"$10\">\n        <Avatar.Image\n          accessibilityLabel=\"Cam\"\n          src=\"https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80\"\n        />\n        <Avatar.Fallback backgroundColor=\"$blue10\" />\n      </Avatar>\n\n      <Avatar circular size=\"$8\">\n        <Avatar.Image\n          accessibilityLabel=\"Nate Wienert\"\n          src=\"https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80\"\n        />\n        <Avatar.Fallback delayMs={600} backgroundColor=\"$blue10\" />\n      </Avatar>\n    </XStack>\n  )\n}\n"],
+  "mappings": "AAAA;AACA;AAEO,sBAAsB;AAC3B,SACE,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,OAAM;AAAA,KACxB,oCAAC;AAAA,IAAO,UAAQ;AAAA,IAAC,MAAK;AAAA,KACpB,oCAAC,OAAO,OAAP;AAAA,IACC,oBAAmB;AAAA,IACnB,KAAI;AAAA,GACN,GACA,oCAAC,OAAO,UAAP;AAAA,IAAgB,iBAAgB;AAAA,GAAU,CAC7C,GAEA,oCAAC;AAAA,IAAO,UAAQ;AAAA,IAAC,MAAK;AAAA,KACpB,oCAAC,OAAO,OAAP;AAAA,IACC,oBAAmB;AAAA,IACnB,KAAI;AAAA,GACN,GACA,oCAAC,OAAO,UAAP;AAAA,IAAgB,SAAS;AAAA,IAAK,iBAAgB;AAAA,GAAU,CAC3D,CACF;AAEJ;",
+  "names": []
+}

package/dist/esm/ButtonDemo.js

@@ -0,0 +1,57 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { Activity, Airplay } from "@tamagui/feather-icons";
+import React from "react";
+import { Button, Group, XStack, YStack } from "tamagui";
+function ButtonDemo(props) {
+  return /* @__PURE__ */ React.createElement(YStack, __spreadValues({
+    p: "$3",
+    space: true
+  }, props), /* @__PURE__ */ React.createElement(Button, null, "Plain"), /* @__PURE__ */ React.createElement(Button, {
+    als: "center",
+    icon: Airplay,
+    size: "$6"
+  }, "Large"), /* @__PURE__ */ React.createElement(Group, null, /* @__PURE__ */ React.createElement(Button, {
+    w: "50%",
+    size: "$3",
+    theme: "alt2"
+  }, "Alt2"), /* @__PURE__ */ React.createElement(Button, {
+    w: "50%",
+    size: "$3",
+    theme: "yellow"
+  }, "Yellow")), /* @__PURE__ */ React.createElement(XStack, {
+    space: "$2"
+  }, /* @__PURE__ */ React.createElement(Button, {
+    themeInverse: true,
+    size: "$3"
+  }, "Small Inverse"), /* @__PURE__ */ React.createElement(Button, {
+    iconAfter: Activity,
+    size: "$3"
+  }, "After")), /* @__PURE__ */ React.createElement(Group, null, /* @__PURE__ */ React.createElement(Button, {
+    w: "50%",
+    size: "$2",
+    disabled: true
+  }, "disabled"), /* @__PURE__ */ React.createElement(Button, {
+    w: "50%",
+    size: "$2",
+    chromeless: true
+  }, "chromeless")));
+}
+export {
+  ButtonDemo
+};
+//# sourceMappingURL=ButtonDemo.js.map

package/dist/esm/ButtonDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ButtonDemo.tsx"],
+  "sourcesContent": ["import { Activity, Airplay } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, Group, XStack, YStack } from 'tamagui'\n\nexport function ButtonDemo(props) {\n  return (\n    <YStack p=\"$3\" space {...props}>\n      <Button>Plain</Button>\n      <Button als=\"center\" icon={Airplay} size=\"$6\">\n        Large\n      </Button>\n      <Group>\n        <Button w=\"50%\" size=\"$3\" theme=\"alt2\">\n          Alt2\n        </Button>\n        <Button w=\"50%\" size=\"$3\" theme=\"yellow\">\n          Yellow\n        </Button>\n      </Group>\n      <XStack space=\"$2\">\n        <Button themeInverse size=\"$3\">\n          Small Inverse\n        </Button>\n        <Button iconAfter={Activity} size=\"$3\">\n          After\n        </Button>\n      </XStack>\n      <Group>\n        <Button w=\"50%\" size=\"$2\" disabled>\n          disabled\n        </Button>\n        <Button w=\"50%\" size=\"$2\" chromeless>\n          chromeless\n        </Button>\n      </Group>\n    </YStack>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAEO,oBAAoB,OAAO;AAChC,SACE,oCAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAK;AAAA,KAAK,QACvB,oCAAC,cAAO,OAAK,GACb,oCAAC;AAAA,IAAO,KAAI;AAAA,IAAS,MAAM;AAAA,IAAS,MAAK;AAAA,KAAK,OAE9C,GACA,oCAAC,aACC,oCAAC;AAAA,IAAO,GAAE;AAAA,IAAM,MAAK;AAAA,IAAK,OAAM;AAAA,KAAO,MAEvC,GACA,oCAAC;AAAA,IAAO,GAAE;AAAA,IAAM,MAAK;AAAA,IAAK,OAAM;AAAA,KAAS,QAEzC,CACF,GACA,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAO,cAAY;AAAA,IAAC,MAAK;AAAA,KAAK,eAE/B,GACA,oCAAC;AAAA,IAAO,WAAW;AAAA,IAAU,MAAK;AAAA,KAAK,OAEvC,CACF,GACA,oCAAC,aACC,oCAAC;AAAA,IAAO,GAAE;AAAA,IAAM,MAAK;AAAA,IAAK,UAAQ;AAAA,KAAC,UAEnC,GACA,oCAAC;AAAA,IAAO,GAAE;AAAA,IAAM,MAAK;AAAA,IAAK,YAAU;AAAA,KAAC,YAErC,CACF,CACF;AAEJ;",
+  "names": []
+}