@tamagui/demos 1.0.1-beta.78 → 1.0.1-beta.79

package/dist/jsx/AnimationsDemo.js

@@ -58,3 +58,4 @@ export {
   AnimationsDemo_default as default,
   positions
 };
+//# sourceMappingURL=AnimationsDemo.js.map

package/dist/jsx/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 default (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;AAEA;AAEA;AAEA,IAAO,yBAAQ,CAAC,UAAU;AACxB,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;AAAA,IACE,CAAC,OACC,WAAW,OACX,WAAW,MAAM,aAAa,UAC9B,SAAS,MAAM,KAAK,GACpB,MAAM,KACN,GAAG,UACH,GAAG,KACH,YAAY;AAAA,MACV,OAAO;AAAA,IACT,GACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT,OACI,WAEH,MAAM,YAAY,CAAC,SAAS,WAAW,MAAM,GAChD,EAhBC;AAAA,IAkBD,CAAC,OACC,IAAI,WACJ,GAAG,IACH,GAAG,IACH,MAAM,MACN,OAAO,MAAM,MACb,KAAK,KACL,SACA,SAAS,MAAM,KAAK,GACtB;AAAA,EACF;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/jsx/AnimationsEnterDemo.js

@@ -21,3 +21,4 @@ var AnimationsEnterDemo_default = () => {
 export {
   AnimationsEnterDemo_default as default
 };
+//# sourceMappingURL=AnimationsEnterDemo.js.map

package/dist/jsx/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 default () => {\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": "AACA;AACA;AAEA;AACA;AAEA,IAAO,8BAAQ,MAAM;AACnB,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,CAAC,OAAO,KAAK,KAAK;AAAA,EAC3B;AAEA,SACE;AAAA,IACE,CAAC,OACC,KAAK,KACL,YAAY;AAAA,MACV,OAAO;AAAA,MACP,GAAG;AAAA,MACH,SAAS;AAAA,IACX,GACA,UAAU,SACV,UAAU,KACV,MAAM,KACN,SAAS,GACT,OAAO,GACP,GAAG,GACH,GAAG,UACH,GAAG,KAEH,CAAC,SAAS,WAAW,MAAM,EAC7B,EAjBC;AAAA,IAmBD,CAAC,OAAO,KAAK,KAAK,GAAG,KAAK,SAAS,MAAM,OAAO,KAAK,OAAO,CAAC,GAAG,QAEhE,EAFC;AAAA,EAGH;AAEJ;",
+  "names": []
+}

package/dist/jsx/AnimationsHoverDemo.js

@@ -10,3 +10,4 @@ var AnimationsHoverDemo_default = () => {
 export {
   AnimationsHoverDemo_default as default
 };
+//# sourceMappingURL=AnimationsHoverDemo.js.map

package/dist/jsx/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 default () => {\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": "AACA;AAEA;AAEA,IAAO,8BAAQ,MAAM;AACnB,SACE,CAAC,OACC,GAAG,UACH,UAAU,SACV,UAAU,KACV,MAAM,KACN,GAAG,KACH,YAAY;AAAA,IACV,OAAO;AAAA,EACT,GACA,YAAY;AAAA,IACV,OAAO;AAAA,EACT,GAEA,CAAC,SAAS,WAAW,MAAM,EAC7B,EAdC;AAgBL;",
+  "names": []
+}

package/dist/jsx/AnimationsPresenceDemo.js

@@ -34,3 +34,4 @@ export {
   AnimationsPresenceDemo_default as default,
   images
 };
+//# sourceMappingURL=AnimationsPresenceDemo.js.map

package/dist/jsx/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 default () => {\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={700} 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;AAEA;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;AAED,IAAO,iCAAQ,MAAM;AACnB,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,CAAC,OAAO,GAAG,SAAS,GAAG,OAAO,IAAI,WAAW,GAAG,KAAK,EAAE,OAAO,GAAG;AAAA,IAC/D,CAAC,gBAAgB,cAAc,cAAc,aAAa,aACxD,CAAC,gBAAgB,KAAK,MAAM,UAAU,SAAS,WAAW,GAAG,GAAG,GAAG,GACjE,CAAC,MAAM,KAAK,OAAO,aAAa,OAAO,KAAK,QAAQ,KAAK,EAC3D,EAFC,gBAGH,EAJC;AAAA,IAMD,CAAC,OACC,mBAAmB,gBACnB,MAAM,WACN,KAAK,KACL,IAAI,WACJ,EAAE,KACF,SACA,QACA,SAAS,MAAM,SAAS,EAAE,GAC5B;AAAA,IACA,CAAC,OACC,mBAAmB,iBACnB,MAAM,YACN,KAAK,KACL,IAAI,WACJ,EAAE,KACF,SACA,QACA,SAAS,MAAM,SAAS,CAAC,GAC3B;AAAA,EACF,EA3BC;AA6BL;AAEA,MAAM,OAAO,CAAC,KAAa,KAAa,MAAc;AACpD,QAAM,YAAY,MAAM;AACxB,SAAW,MAAI,OAAO,YAAa,aAAa,YAAa;AAC/D;",
+  "names": []
+}

package/dist/jsx/AvatarDemo.js

@@ -14,3 +14,4 @@ function AvatarDemo() {
 export {
   AvatarDemo as default
 };
+//# sourceMappingURL=AvatarDemo.js.map

package/dist/jsx/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 default 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": "AACA;AAEe,sBAAsB;AACnC,SACE,CAAC,OAAO,GAAG,SAAS,MAAM;AAAA,IACxB,CAAC,OAAO,SAAS,KAAK;AAAA,MACpB,CAAC,OAAO,MACN,mBAAmB,MACnB,KAAI,qFACN;AAAA,MACA,CAAC,OAAO,SAAS,gBAAgB,UAAU;AAAA,IAC7C,EANC;AAAA,IAQD,CAAC,OAAO,SAAS,KAAK;AAAA,MACpB,CAAC,OAAO,MACN,mBAAmB,eACnB,KAAI,wFACN;AAAA,MACA,CAAC,OAAO,SAAS,SAAS,KAAK,gBAAgB,UAAU;AAAA,IAC3D,EANC;AAAA,EAOH,EAhBC;AAkBL;",
+  "names": []
+}

package/dist/jsx/ButtonDemo.js

@@ -21,3 +21,4 @@ function ButtonDemo(props) {
 export {
   ButtonDemo as default
 };
+//# sourceMappingURL=ButtonDemo.js.map

package/dist/jsx/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 default 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\" br={0} theme=\"alt2\">\n          Alt2\n        </Button>\n        <Button w=\"50%\" size=\"$3\" br={0} 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%\" br={0} size=\"$2\" disabled>\n          disabled\n        </Button>\n        <Button w=\"50%\" br={0} size=\"$2\" chromeless>\n          chromeless\n        </Button>\n      </Group>\n    </YStack>\n  )\n}\n"],
+  "mappings": "AAAA;AAEA;AAEe,oBAAoB,OAAO;AACxC,SACE,CAAC,OAAO,EAAE,KAAK,UAAU;AAAA,IACvB,CAAC,OAAO,KAAK,EAAZ;AAAA,IACD,CAAC,OAAO,IAAI,SAAS,MAAM,SAAS,KAAK,KAAK,KAE9C,EAFC;AAAA,IAGD,CAAC;AAAA,MACC,CAAC,OAAO,EAAE,MAAM,KAAK,KAAK,IAAI,GAAG,MAAM,OAAO,IAE9C,EAFC;AAAA,MAGD,CAAC,OAAO,EAAE,MAAM,KAAK,KAAK,IAAI,GAAG,MAAM,SAAS,MAEhD,EAFC;AAAA,IAGH,EAPC;AAAA,IAQD,CAAC,OAAO,MAAM;AAAA,MACZ,CAAC,OAAO,aAAa,KAAK,KAAK,aAE/B,EAFC;AAAA,MAGD,CAAC,OAAO,WAAW,UAAU,KAAK,KAAK,KAEvC,EAFC;AAAA,IAGH,EAPC;AAAA,IAQD,CAAC;AAAA,MACC,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,KAAK,KAAK,SAAS,QAE1C,EAFC;AAAA,MAGD,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,KAAK,KAAK,WAAW,UAE5C,EAFC;AAAA,IAGH,EAPC;AAAA,EAQH,EA7BC;AA+BL;",
+  "names": []
+}

package/dist/jsx/CardDemo.js

@@ -22,3 +22,4 @@ function DemoCard(props) {
 export {
   CardDemo as default
 };
+//# sourceMappingURL=CardDemo.js.map

package/dist/jsx/CardDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/CardDemo.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { Button, Card, CardProps, H2, H3, Image, Paragraph, XStack } from 'tamagui'\n\n// @ts-ignore\nimport camera from '../../public/camera.jpg'\n\nexport default function CardDemo() {\n  return (\n    <XStack $sm={{ flexDirection: 'column' }} px=\"$4\" space>\n      <DemoCard\n        animation=\"bouncy\"\n        size=\"$4\"\n        w={250}\n        h={300}\n        scale={0.9}\n        hoverStyle={{ scale: 0.925 }}\n        pressStyle={{ scale: 0.875 }}\n      />\n      <DemoCard size=\"$5\" w={250} h={300} />\n    </XStack>\n  )\n}\n\nfunction DemoCard(props: CardProps) {\n  return (\n    <Card theme=\"dark\" elevate size=\"$4\" bordered {...props}>\n      <Card.Header padded>\n        <H2>Sony A7IV</H2>\n        <Paragraph theme=\"alt2\">Now available</Paragraph>\n      </Card.Header>\n      <Card.Footer padded>\n        <XStack f={1} />\n        <Button br=\"$10\">Purchase</Button>\n      </Card.Footer>\n      <Card.Background>\n        <Image pos=\"absolute\" width={300} height={500} resizeMode=\"cover\" src={camera.src} />\n      </Card.Background>\n    </Card>\n  )\n}\n"],
+  "mappings": "AACA;AAGA;AAEe,oBAAoB;AACjC,SACE,CAAC,OAAO,KAAK,EAAE,eAAe,SAAS,GAAG,GAAG,KAAK;AAAA,IAChD,CAAC,SACC,UAAU,SACV,KAAK,KACL,GAAG,KACH,GAAG,KACH,OAAO,KACP,YAAY,EAAE,OAAO,MAAM,GAC3B,YAAY,EAAE,OAAO,MAAM,GAC7B;AAAA,IACA,CAAC,SAAS,KAAK,KAAK,GAAG,KAAK,GAAG,KAAK;AAAA,EACtC,EAXC;AAaL;AAEA,kBAAkB,OAAkB;AAClC,SACE,CAAC,KAAK,MAAM,OAAO,QAAQ,KAAK,KAAK,aAAa;AAAA,IAChD,CAAC,KAAK,OAAO;AAAA,MACX,CAAC,GAAG,SAAS,EAAZ;AAAA,MACD,CAAC,UAAU,MAAM,OAAO,aAAa,EAApC;AAAA,IACH,EAHC,KAAK;AAAA,IAIN,CAAC,KAAK,OAAO;AAAA,MACX,CAAC,OAAO,GAAG,GAAG;AAAA,MACd,CAAC,OAAO,GAAG,MAAM,QAAQ,EAAxB;AAAA,IACH,EAHC,KAAK;AAAA,IAIN,CAAC,KAAK,WACJ,CAAC,MAAM,IAAI,WAAW,OAAO,KAAK,QAAQ,KAAK,WAAW,QAAQ,KAAK,OAAO,KAAK,EACrF,EAFC,KAAK;AAAA,EAGR,EAZC;AAcL;",
+  "names": []
+}

package/dist/jsx/DialogDemo.js

@@ -32,3 +32,4 @@ function DialogDemo() {
 export {
   DialogDemo as default
 };
+//# sourceMappingURL=DialogDemo.js.map

package/dist/jsx/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\n          key=\"overlay\"\n          animation=\"quick\"\n          o={0.5}\n          enterStyle={{ o: 0 }}\n          exitStyle={{ o: 0 }}\n        />\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 space=\"$4\" 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 space=\"$4\" 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;AAEA;AAEe,sBAAsB;AACnC,SACE,CAAC,OAAO;AAAA,IACN,CAAC,OAAO,QAAQ,QACd,CAAC,OAAO,YAAY,EAAnB,OACH,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO;AAAA,MACN,CAAC,OAAO,QACN,IAAI,UACJ,UAAU,QACV,GAAG,KACH,YAAY,EAAE,GAAG,EAAE,GACnB,WAAW,EAAE,GAAG,EAAE,GACpB;AAAA,MACA,CAAC,OAAO,QACN,SACA,QACA,IAAI,UACJ,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF,GACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI,GACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK,GAClD,GAAG,GACH,OAAO,GACP,SAAS,GACT,GAAG;AAAA,QAEH,CAAC,OAAO,MAAM,YAAY,EAAzB,OAAO;AAAA,QACR,CAAC,OAAO,YAAY,+DAEpB,EAFC,OAAO;AAAA,QAGR,CAAC,SAAS,MAAM,KAAK;AAAA,UACnB,CAAC,MAAM,GAAG,KAAK,eAAe,WAAW,QAAQ,OAAO,IAExD,EAFC;AAAA,UAGD,CAAC,MAAM,GAAG,GAAG,GAAG,OAAO,aAAa,eAAe;AAAA,QACrD,EALC;AAAA,QAMD,CAAC,SAAS,MAAM,KAAK;AAAA,UACnB,CAAC,MAAM,GAAG,KAAK,eAAe,WAAW,QAAQ,WAAW,QAE5D,EAFC;AAAA,UAGD,CAAC,MAAM,GAAG,GAAG,GAAG,WAAW,aAAa,eAAe;AAAA,QACzD,EALC;AAAA,QAOD,CAAC,OAAO,GAAG,WAAW,GAAG,KACvB,CAAC,OAAO,MAAM,QACZ,CAAC,OAAO,MAAM,OAAO,WAAW,QAAQ,YAExC,EAFC,OAGH,EAJC,OAAO,MAKV,EANC;AAAA,QAQD,CAAC,SACC,CAAC,OAAO,MAAM,QACZ,CAAC,OAAO,IAAI,WAAW,EAAE,KAAK,EAAE,KAAK,SAAS,MAAM,GAAG,EACzD,EAFC,OAAO,MAGV,EAJC;AAAA,MAKH,EAlDC,OAAO;AAAA,IAmDV,EA3DC,OAAO;AAAA,EA4DV,EAhEC;AAkEL;",
+  "names": []
+}

package/dist/jsx/DrawerDemo.js

@@ -15,3 +15,4 @@ function DrawerDemo() {
 export {
   DrawerDemo as default
 };
+//# sourceMappingURL=DrawerDemo.js.map

package/dist/jsx/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;AACA;AAEA;AACA;AAEe,sBAAsB;AACnC,QAAM,CAAC,MAAM,WAAW,SAAS,KAAK;AACtC,SACE,CAAC,OAAO,UAAU,KAAK,EAAE,OAAO,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,SAAS,WACxE,CAAC,OAAO;AAAA,IACN,CAAC,OACC,KAAK,KACL,MAAM,OAAO,cAAc,WAC3B,SACA,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC,GAChC,UAAU,KACZ;AAAA,IACA,CAAC,OAAO,MAAM,MAAM,cAAc,SAChC,CAAC,OAAO,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,SAAS,EAAE,KAAK;AAAA,MACnD,CAAC,UAAU,YAAY,OAAO,MAAM,EAAnC;AAAA,MACD,CAAC,OACC,KAAK,KACL,MAAM,OAAO,cAAc,WAC3B,SACA,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC,GAChC,UAAU,KACZ;AAAA,IACF,EATC,OAAO,MAUV,EAXC;AAAA,EAYH,EApBC,OAAO,SAqBV,EAtBC;AAwBL;",
+  "names": []
+}

package/dist/jsx/FeatherIconsDemo.js

@@ -29,3 +29,4 @@ function FeatherIconsDemo() {
 export {
   FeatherIconsDemo as default
 };
+//# sourceMappingURL=FeatherIconsDemo.js.map

package/dist/jsx/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;AAEA;AACA;AACA;AAEA,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,SAAS,EAAE;AAC1C,QAAM,SAAS,iBAAiB,WAAW,GAAG;AAE9C,QAAM,OAAO;AAEb,QAAM,YAAY,QAAQ,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,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,KAAK;AAAA,QAC5C,CAAC,KAAK,MAAM,OAAO,MAAM;AAAA,QACzB,CAAC,OAAO;AAAA,QACR,CAAC,UAAU,KAAK,KAAK,GAAG,MACrB,KACH,EAFC;AAAA,MAGH,EANC;AAAA,IAQL,CAAC;AAAA,EACH,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,CAAC,OAAO,IAAI,UAAU,EAAE,KAAK,GAAG,KAAK;AAAA,IACnC,CAAC,MAAM,OAAO,WAAW,cAAc,WAAW,YAAY,YAAY;AAAA,IAE1E,CAAC,OAAO,GAAG,KACT,CAAC,WACC,CAAC,KAAK,cAAc,OAAO,UAAU,EAApC,KACH,EAFC,WAGH,EAJC;AAAA,EAKH,EARC;AAUL;",
+  "names": []
+}

package/dist/jsx/FormsDemo.js

@@ -16,3 +16,4 @@ function FormDemo(props) {
 export {
   FormsDemo as default
 };
+//# sourceMappingURL=FormsDemo.js.map

package/dist/jsx/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 w={200} mih={250} overflow=\"hidden\" space=\"$2\" m=\"$3\" p=\"$2\">\n      <FormDemo size=\"$2\" />\n      <FormDemo size=\"$3\" />\n      <FormDemo size=\"$4\" />\n      <TextArea numberOfLines={4} />\n    </YStack>\n  )\n}\n\nfunction FormDemo(props: { size: SizeTokens }) {\n  return (\n    <XStack ai=\"center\" space=\"$2\">\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": "AACA;AAEe,qBAAqB;AAClC,SACE,CAAC,OAAO,GAAG,KAAK,KAAK,KAAK,SAAS,SAAS,MAAM,KAAK,EAAE,KAAK,EAAE;AAAA,IAC9D,CAAC,SAAS,KAAK,KAAK;AAAA,IACpB,CAAC,SAAS,KAAK,KAAK;AAAA,IACpB,CAAC,SAAS,KAAK,KAAK;AAAA,IACpB,CAAC,SAAS,eAAe,GAAG;AAAA,EAC9B,EALC;AAOL;AAEA,kBAAkB,OAA6B;AAC7C,SACE,CAAC,OAAO,GAAG,SAAS,MAAM;AAAA,IACxB,CAAC,MAAM,GAAG,GAAG,EAAE,KAAK,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,WAAW;AAAA,IAC5E,CAAC,OAAO,MAAM,MAAM,MAAM,EAAE,EAA3B;AAAA,EACH,EAHC;AAKL;",
+  "names": []
+}

package/dist/jsx/GroupDemo.js

@@ -21,3 +21,4 @@ function GroupDemo() {
 export {
   GroupDemo as default
 };
+//# sourceMappingURL=GroupDemo.js.map

package/dist/jsx/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, ListItem, Separator, YStack } from 'tamagui'\n\nexport default function GroupDemo() {\n  return (\n    <YStack 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\n      <Group size=\"$3\" vertical separator={<Separator />}>\n        <ListItem>First</ListItem>\n        <ListItem>Second</ListItem>\n        <ListItem>Third</ListItem>\n      </Group>\n    </YStack>\n  )\n}\n"],
+  "mappings": "AAAA;AAEA;AAEe,qBAAqB;AAClC,SACE,CAAC,OAAO,EAAE,KAAK,MAAM,KAAK,GAAG;AAAA,IAC3B,CAAC,MAAM,KAAK;AAAA,MACV,CAAC,OAAO,KAAK,EAAZ;AAAA,MACD,CAAC,OAAO,MAAM,EAAb;AAAA,MACD,CAAC,OAAO,KAAK,EAAZ;AAAA,IACH,EAJC;AAAA,IAMD,CAAC,MAAM,KAAK;AAAA,MACV,CAAC,OAAO,MAAM,UAAU,KAAK,EAA5B;AAAA,MACD,CAAC,OAAO,MAAM,SAAS,MAAM,EAA5B;AAAA,IACH,EAHC;AAAA,IAKD,CAAC,MAAM,KAAK,KAAK,SAAS,WAAW,CAAC,UAAU;AAAA,MAC9C,CAAC,SAAS,KAAK,EAAd;AAAA,MACD,CAAC,SAAS,MAAM,EAAf;AAAA,MACD,CAAC,SAAS,KAAK,EAAd;AAAA,IACH,EAJC;AAAA,EAKH,EAjBC;AAmBL;",
+  "names": []
+}

package/dist/jsx/HeadingsDemo.js

@@ -12,3 +12,4 @@ function HeadingsDemo() {
 export {
   HeadingsDemo as default
 };
+//# sourceMappingURL=HeadingsDemo.js.map

package/dist/jsx/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": "AACA;AAEe,wBAAwB;AACrC,SACE,CAAC,OAAO,IAAI;AAAA,IACV,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,EACH,EAPC;AASL;",
+  "names": []
+}

package/dist/jsx/ImageDemo.js

@@ -5,3 +5,4 @@ function ImageDemo() {
 export {
   ImageDemo as default
 };
+//# sourceMappingURL=ImageDemo.js.map

package/dist/jsx/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": "AACA;AAEe,qBAAqB;AAClC,SAAO,CAAC,MAAM,IAAI,iCAAiC,OAAO,KAAK,QAAQ,KAAK;AAC9E;",
+  "names": []
+}

package/dist/jsx/LabelDemo.js

@@ -8,3 +8,4 @@ function LabelDemo() {
 export {
   LabelDemo as default
 };
+//# sourceMappingURL=LabelDemo.js.map

package/dist/jsx/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 miw={300} p=\"$3\" space=\"$4\">\n      <Label htmlFor=\"name\">Name</Label>\n      <Input f={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n    </XStack>\n  )\n}\n"],
+  "mappings": "AACA;AAEe,qBAAqB;AAClC,SACE,CAAC,OAAO,KAAK,KAAK,EAAE,KAAK,MAAM;AAAA,IAC7B,CAAC,MAAM,QAAQ,OAAO,IAAI,EAAzB;AAAA,IACD,CAAC,MAAM,GAAG,GAAG,GAAG,OAAO,aAAa,eAAe;AAAA,EACrD,EAHC;AAKL;",
+  "names": []
+}

package/dist/jsx/LinearGradientDemo.js

@@ -5,3 +5,4 @@ function LinearGradientDemo() {
 export {
   LinearGradientDemo as default
 };
+//# sourceMappingURL=LinearGradientDemo.js.map

package/dist/jsx/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": "AACA;AAEe,8BAA8B;AAC3C,SACE,CAAC,eACC,IAAI,SACJ,OAAO,KACP,QAAQ,KACR,QAAQ,CAAC,UAAU,WAAW,GAC9B,OAAO,CAAC,GAAG,CAAC,GACZ,GAAG,KACH,KAAK,CAAC,GAAG,CAAC,GACZ;AAEJ;",
+  "names": []
+}

package/dist/jsx/ListItemDemo.js

@@ -23,3 +23,4 @@ function ListItemDemo2() {
 export {
   ListItemDemo as default
 };
+//# sourceMappingURL=ListItemDemo.js.map

package/dist/jsx/ListItemDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ListItemDemo.tsx"],
+  "sourcesContent": ["import { ChevronRight, Cloud, Moon, Star, Sun } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Group, ListItem, Separator, XStack } from 'tamagui'\n\nexport default function ListItemDemo() {\n  return (\n    <XStack $sm={{ flexDirection: 'column' }} px=\"$4\" space>\n      <ListItemDemo1 />\n      <ListItemDemo2 />\n    </XStack>\n  )\n}\n\nfunction ListItemDemo1() {\n  return (\n    <Group als=\"center\" bordered w={240} size=\"$4\" vertical>\n      <ListItem hoverTheme icon={Star}>\n        Star\n      </ListItem>\n      <ListItem hoverTheme icon={Moon}>\n        Moon\n      </ListItem>\n      <ListItem hoverTheme icon={Sun}>\n        Sun\n      </ListItem>\n      <ListItem hoverTheme icon={Cloud}>\n        Cloud\n      </ListItem>\n    </Group>\n  )\n}\n\nfunction ListItemDemo2() {\n  return (\n    <Group als=\"center\" bordered w={240} size=\"$6\" vertical separator={<Separator />}>\n      <ListItem hoverTheme title=\"Star\" subTitle=\"Subtitle\" icon={Star} iconAfter={ChevronRight} />\n      <ListItem hoverTheme title=\"Moon\" subTitle=\"Subtitle\" icon={Moon} iconAfter={ChevronRight} />\n    </Group>\n  )\n}\n"],
+  "mappings": "AAAA;AAEA;AAEe,wBAAwB;AACrC,SACE,CAAC,OAAO,KAAK,EAAE,eAAe,SAAS,GAAG,GAAG,KAAK;AAAA,IAChD,CAAC,cAAc;AAAA,IACf,CAAC,cAAc;AAAA,EACjB,EAHC;AAKL;AAEA,yBAAyB;AACvB,SACE,CAAC,MAAM,IAAI,SAAS,SAAS,GAAG,KAAK,KAAK,KAAK;AAAA,IAC7C,CAAC,SAAS,WAAW,MAAM,MAAM,IAEjC,EAFC;AAAA,IAGD,CAAC,SAAS,WAAW,MAAM,MAAM,IAEjC,EAFC;AAAA,IAGD,CAAC,SAAS,WAAW,MAAM,KAAK,GAEhC,EAFC;AAAA,IAGD,CAAC,SAAS,WAAW,MAAM,OAAO,KAElC,EAFC;AAAA,EAGH,EAbC;AAeL;AAEA,yBAAyB;AACvB,SACE,CAAC,MAAM,IAAI,SAAS,SAAS,GAAG,KAAK,KAAK,KAAK,SAAS,WAAW,CAAC,UAAU;AAAA,IAC5E,CAAC,SAAS,WAAW,MAAM,OAAO,SAAS,WAAW,MAAM,MAAM,WAAW,cAAc;AAAA,IAC3F,CAAC,SAAS,WAAW,MAAM,OAAO,SAAS,WAAW,MAAM,MAAM,WAAW,cAAc;AAAA,EAC7F,EAHC;AAKL;",
+  "names": []
+}

package/dist/jsx/MenuDemo.js

@@ -12,3 +12,4 @@ function MenuDemo() {
 export {
   MenuDemo as default
 };
+//# sourceMappingURL=MenuDemo.js.map

package/dist/jsx/MenuDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/MenuDemo.tsx"],
+  "sourcesContent": ["import { Menu as MenuIcon } from '@tamagui/feather-icons'\nimport { Menu } from '@tamagui/menu'\nimport React, { useState } from 'react'\nimport { Button, H4, Paragraph, YStack } from 'tamagui'\n\nexport default function MenuDemo() {\n  const [show, setShow] = useState(false)\n\n  return (\n    <Menu.Provider>\n      <Menu\n        open={show}\n        onChangeOpen={setShow}\n        trigger={\n          <Button\n            size=\"$6\"\n            icon={MenuIcon}\n            theme={show ? 'active' : null}\n            circular\n            onPress={() => setShow((x) => !x)}\n          />\n        }\n      >\n        <Menu.Item>\n          <YStack p=\"$2\">\n            <H4>Menu contents</H4>\n            <Paragraph>Lorem ipsum dolor sit amet.</Paragraph>\n          </YStack>\n        </Menu.Item>\n      </Menu>\n    </Menu.Provider>\n  )\n}\n"],
+  "mappings": "AAAA;AACA;AACA;AACA;AAEe,oBAAoB;AACjC,QAAM,CAAC,MAAM,WAAW,SAAS,KAAK;AAEtC,SACE,CAAC,KAAK,SACJ,CAAC,KACC,MAAM,MACN,cAAc,SACd,SACE,CAAC,OACC,KAAK,KACL,MAAM,UACN,OAAO,OAAO,WAAW,MACzB,SACA,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC,GAClC,IAGF,CAAC,KAAK,KACJ,CAAC,OAAO,EAAE;AAAA,IACR,CAAC,GAAG,aAAa,EAAhB;AAAA,IACD,CAAC,UAAU,2BAA2B,EAArC;AAAA,EACH,EAHC,OAIH,EALC,KAAK,KAMR,EAnBC,KAoBH,EArBC,KAAK;AAuBV;",
+  "names": []
+}

package/dist/jsx/PopoverDemo.js

@@ -23,3 +23,4 @@ export {
   Demo,
   PopoverDemo as default
 };
+//# sourceMappingURL=PopoverDemo.js.map

package/dist/jsx/PopoverDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/PopoverDemo.tsx"],
+  "sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight } from '@tamagui/feather-icons'\nimport { Button, Input, Label, Popover, PopoverProps, XStack, YStack } from 'tamagui'\n\nexport default function PopoverDemo() {\n  return (\n    <XStack space=\"$2\">\n      <Demo placement=\"left\" Icon={ChevronLeft} />\n      <Demo placement=\"bottom\" Icon={ChevronDown} />\n      <Demo placement=\"right\" Icon={ChevronRight} />\n    </XStack>\n  )\n}\n\nexport function Demo({ Icon, ...props }: PopoverProps & { Icon?: any }) {\n  return (\n    <Popover modal {...props}>\n      <Popover.Trigger>\n        <Button icon={Icon} />\n      </Popover.Trigger>\n      <Popover.Content\n        elevation=\"$4\"\n        enterStyle={{ x: 0, y: -10, o: 0 }}\n        exitStyle={{ x: 0, y: -10, o: 0 }}\n        p=\"$2\"\n        br=\"$4\"\n        x={0}\n        y={0}\n        o={1}\n        animation=\"bouncy\"\n        elevate\n      >\n        <Popover.Arrow />\n\n        <YStack p=\"$3\">\n          <XStack space=\"$3\">\n            <Label size=\"$3\" htmlFor=\"name\">\n              Name\n            </Label>\n            <Input size=\"$3\" id=\"name\" />\n          </XStack>\n        </YStack>\n      </Popover.Content>\n    </Popover>\n  )\n}\n"],
+  "mappings": "AAAA;AACA;AAEe,uBAAuB;AACpC,SACE,CAAC,OAAO,MAAM;AAAA,IACZ,CAAC,KAAK,UAAU,OAAO,MAAM,aAAa;AAAA,IAC1C,CAAC,KAAK,UAAU,SAAS,MAAM,aAAa;AAAA,IAC5C,CAAC,KAAK,UAAU,QAAQ,MAAM,cAAc;AAAA,EAC9C,EAJC;AAML;AAEO,cAAc,EAAE,SAAS,SAAwC;AACtE,SACE,CAAC,QAAQ,UAAU;AAAA,IACjB,CAAC,QAAQ,QACP,CAAC,OAAO,MAAM,MAAM,EACtB,EAFC,QAAQ;AAAA,IAGT,CAAC,QAAQ,QACP,UAAU,KACV,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE,GACjC,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE,GAChC,EAAE,KACF,GAAG,KACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,UAAU,SACV;AAAA,MAEA,CAAC,QAAQ,MAAM;AAAA,MAEf,CAAC,OAAO,EAAE,KACR,CAAC,OAAO,MAAM;AAAA,QACZ,CAAC,MAAM,KAAK,KAAK,QAAQ,OAAO,IAEhC,EAFC;AAAA,QAGD,CAAC,MAAM,KAAK,KAAK,GAAG,OAAO;AAAA,MAC7B,EALC,OAMH,EAPC;AAAA,IAQH,EAtBC,QAAQ;AAAA,EAuBX,EA3BC;AA6BL;",
+  "names": []
+}

package/dist/jsx/ProgressDemo.js

@@ -32,3 +32,4 @@ function ProgressDemo() {
 export {
   ProgressDemo as default
 };
+//# sourceMappingURL=ProgressDemo.js.map

package/dist/jsx/ProgressDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ProgressDemo.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { useEffect, useState } from 'react'\nimport { Button, Paragraph, Progress, SizeTokens, Slider, XStack, YStack } from 'tamagui'\n\nexport default function ProgressDemo() {\n  const [size, setSize] = useState(4)\n  const [progress, setProgress] = useState(20)\n  const sizeProp = `$${size}` as SizeTokens\n\n  useEffect(() => {\n    const timer = setTimeout(() => setProgress(60), 1000)\n    return () => {\n      clearTimeout(timer)\n    }\n  }, [])\n\n  return (\n    <>\n      <YStack h={60} ai=\"center\" space>\n        <Paragraph h={30} o={0.5}>\n          Size: {size}\n        </Paragraph>\n        <Progress size={sizeProp} value={progress}>\n          <Progress.Indicator animation=\"bouncy\" />\n        </Progress>\n      </YStack>\n\n      <XStack ai=\"center\" space pos=\"absolute\" b={10} l={20} $sm={{ disp: 'none' }}>\n        <Slider\n          size=\"$2\"\n          w={130}\n          defaultValue={[4]}\n          min={2}\n          max={6}\n          step={1}\n          onValueChange={([val]) => {\n            setSize(val)\n          }}\n        >\n          <Slider.Track>\n            <Slider.TrackActive />\n          </Slider.Track>\n          <Slider.Thumb circular index={0} />\n        </Slider>\n\n        <Button size=\"$2\" onPress={() => setProgress((prev) => (prev + 20) % 100)}>\n          Load\n        </Button>\n      </XStack>\n    </>\n  )\n}\n"],
+  "mappings": "AACA;AACA;AAEe,wBAAwB;AACrC,QAAM,CAAC,MAAM,WAAW,SAAS,CAAC;AAClC,QAAM,CAAC,UAAU,eAAe,SAAS,EAAE;AAC3C,QAAM,WAAW,IAAI;AAErB,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,EAAE,GAAG,GAAI;AACpD,WAAO,MAAM;AACX,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SACE;AAAA,IACE,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS;AAAA,MACzB,CAAC,UAAU,GAAG,IAAI,GAAG;AAAA,SAAK;AAAA,SACjB;AAAA,MACT,EAFC;AAAA,MAGD,CAAC,SAAS,MAAM,UAAU,OAAO,UAC/B,CAAC,SAAS,UAAU,UAAU,SAAS,EACzC,EAFC;AAAA,IAGH,EAPC;AAAA,IASD,CAAC,OAAO,GAAG,SAAS,MAAM,IAAI,WAAW,GAAG,IAAI,GAAG,IAAI,KAAK,EAAE,MAAM,OAAO;AAAA,MACzE,CAAC,OACC,KAAK,KACL,GAAG,KACH,cAAc,CAAC,CAAC,GAChB,KAAK,GACL,KAAK,GACL,MAAM,GACN,eAAe,CAAC,CAAC,SAAS;AACxB,gBAAQ,GAAG;AAAA,MACb;AAAA,QAEA,CAAC,OAAO,MACN,CAAC,OAAO,YAAY,EACtB,EAFC,OAAO;AAAA,QAGR,CAAC,OAAO,MAAM,SAAS,OAAO,GAAG;AAAA,MACnC,EAfC;AAAA,MAiBD,CAAC,OAAO,KAAK,KAAK,SAAS,MAAM,YAAY,CAAC,SAAU,QAAO,MAAM,GAAG,GAAG,IAE3E,EAFC;AAAA,IAGH,EArBC;AAAA,EAsBH;AAEJ;",
+  "names": []
+}

package/dist/jsx/SelectDemo.js

@@ -48,3 +48,4 @@ const items = [
 export {
   SelectDemo as default
 };
+//# sourceMappingURL=SelectDemo.js.map

package/dist/jsx/SelectDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/SelectDemo.tsx"],
+  "sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/feather-icons'\nimport { LinearGradient, Select, Text, YStack } from 'tamagui'\n\nexport default function SelectDemo() {\n  return (\n    <Select defaultValue=\"apple\">\n      <Select.Trigger w={200} iconAfter={ChevronDown}>\n        <Select.Value placeholder=\"Something\" />\n      </Select.Trigger>\n\n      <Select.Content>\n        <Select.ScrollUpButton ai=\"center\" jc=\"center\" pos=\"relative\" w=\"100%\" h=\"$3\">\n          <YStack zi={10}>\n            <ChevronUp size={20} />\n          </YStack>\n          <LinearGradient\n            start={[0, 0]}\n            end={[0, 1]}\n            fullscreen\n            colors={['$background', '$backgroundTransparent']}\n          />\n        </Select.ScrollUpButton>\n\n        <Select.Viewport minWidth={200}>\n          <Select.Group>\n            <Select.Label>Fruits</Select.Label>\n            {items.map((item, i) => {\n              return (\n                <Select.Item index={i} key={item.name} value={item.name.toLowerCase()}>\n                  <Select.ItemText>{item.name}</Select.ItemText>\n                </Select.Item>\n              )\n            })}\n          </Select.Group>\n        </Select.Viewport>\n\n        <Select.ScrollDownButton ai=\"center\" jc=\"center\" pos=\"relative\" w=\"100%\" h=\"$3\">\n          <YStack zi={10}>\n            <ChevronDown size={20} />\n          </YStack>\n          <LinearGradient\n            start={[0, 0]}\n            end={[0, 1]}\n            fullscreen\n            colors={['$backgroundTransparent', '$background']}\n          />\n        </Select.ScrollDownButton>\n      </Select.Content>\n    </Select>\n  )\n}\n\nconst items = [\n  { name: 'Apple' },\n  { name: 'Pear' },\n  { name: 'Blackberry' },\n  { name: 'Peach' },\n  { name: 'Apricot' },\n  { name: 'Melon' },\n  { name: 'Honeydew' },\n  { name: 'Starfruit' },\n  { name: 'Blueberry' },\n  { name: 'Rasberry' },\n  { name: 'Strawberry' },\n  { name: 'Mango' },\n  { name: 'Pineapple' },\n  { name: 'Lime' },\n  { name: 'Lemon' },\n  { name: 'Coconut' },\n  { name: 'Guava' },\n  { name: 'Papaya' },\n  { name: 'Orange' },\n  { name: 'Grape' },\n  { name: 'Jackfruit' },\n  { name: 'Durian' },\n]\n"],
+  "mappings": "AAAA;AACA;AAEe,sBAAsB;AACnC,SACE,CAAC,OAAO,aAAa;AAAA,IACnB,CAAC,OAAO,QAAQ,GAAG,KAAK,WAAW,aACjC,CAAC,OAAO,MAAM,YAAY,YAAY,EACxC,EAFC,OAAO;AAAA,IAIR,CAAC,OAAO;AAAA,MACN,CAAC,OAAO,eAAe,GAAG,SAAS,GAAG,SAAS,IAAI,WAAW,EAAE,OAAO,EAAE;AAAA,QACvE,CAAC,OAAO,IAAI,IACV,CAAC,UAAU,MAAM,IAAI,EACvB,EAFC;AAAA,QAGD,CAAC,eACC,OAAO,CAAC,GAAG,CAAC,GACZ,KAAK,CAAC,GAAG,CAAC,GACV,WACA,QAAQ,CAAC,eAAe,wBAAwB,GAClD;AAAA,MACF,EAVC,OAAO;AAAA,MAYR,CAAC,OAAO,SAAS,UAAU,KACzB,CAAC,OAAO;AAAA,QACN,CAAC,OAAO,MAAM,MAAM,EAAnB,OAAO;AAAA,SACP,MAAM,IAAI,CAAC,MAAM,MAAM;AACtB,iBACE,CAAC,OAAO,KAAK,OAAO,GAAG,KAAK,KAAK,MAAM,OAAO,KAAK,KAAK,YAAY,GAClE,CAAC,OAAO,UAAU,KAAK,KAAK,EAA3B,OAAO,SACV,EAFC,OAAO;AAAA,QAIZ,CAAC;AAAA,MACH,EATC,OAAO,MAUV,EAXC,OAAO;AAAA,MAaR,CAAC,OAAO,iBAAiB,GAAG,SAAS,GAAG,SAAS,IAAI,WAAW,EAAE,OAAO,EAAE;AAAA,QACzE,CAAC,OAAO,IAAI,IACV,CAAC,YAAY,MAAM,IAAI,EACzB,EAFC;AAAA,QAGD,CAAC,eACC,OAAO,CAAC,GAAG,CAAC,GACZ,KAAK,CAAC,GAAG,CAAC,GACV,WACA,QAAQ,CAAC,0BAA0B,aAAa,GAClD;AAAA,MACF,EAVC,OAAO;AAAA,IAWV,EArCC,OAAO;AAAA,EAsCV,EA3CC;AA6CL;AAEA,MAAM,QAAQ;AAAA,EACZ,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,OAAO;AAAA,EACf,EAAE,MAAM,aAAa;AAAA,EACrB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,UAAU;AAAA,EAClB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,WAAW;AAAA,EACnB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,WAAW;AAAA,EACnB,EAAE,MAAM,aAAa;AAAA,EACrB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,OAAO;AAAA,EACf,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,UAAU;AAAA,EAClB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,SAAS;AAAA,EACjB,EAAE,MAAM,SAAS;AAAA,EACjB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,SAAS;AACnB;",
+  "names": []
+}

package/dist/jsx/SeparatorDemo.js

@@ -16,3 +16,4 @@ function SeparatorDemo() {
 export {
   SeparatorDemo as default
 };
+//# sourceMappingURL=SeparatorDemo.js.map

package/dist/jsx/SeparatorDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/SeparatorDemo.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { Paragraph, Separator, XStack, YStack } from 'tamagui'\n\nexport default function SeparatorDemo() {\n  return (\n    <YStack w=\"100%\" maw={300} mx={15}>\n      <Paragraph fontWeight=\"800\">Tamagui</Paragraph>\n      <Paragraph>A cross-platform component library.</Paragraph>\n      <Separator my={15} />\n      <XStack h={20} ai=\"center\">\n        <Paragraph>Blog</Paragraph>\n        <Separator als=\"stretch\" vertical mx={15} />\n        <Paragraph>Docs</Paragraph>\n        <Separator als=\"stretch\" vertical mx={15} />\n        <Paragraph>Source</Paragraph>\n      </XStack>\n    </YStack>\n  )\n}\n"],
+  "mappings": "AACA;AAEe,yBAAyB;AACtC,SACE,CAAC,OAAO,EAAE,OAAO,KAAK,KAAK,IAAI;AAAA,IAC7B,CAAC,UAAU,WAAW,MAAM,OAAO,EAAlC;AAAA,IACD,CAAC,UAAU,mCAAmC,EAA7C;AAAA,IACD,CAAC,UAAU,IAAI,IAAI;AAAA,IACnB,CAAC,OAAO,GAAG,IAAI,GAAG;AAAA,MAChB,CAAC,UAAU,IAAI,EAAd;AAAA,MACD,CAAC,UAAU,IAAI,UAAU,SAAS,IAAI,IAAI;AAAA,MAC1C,CAAC,UAAU,IAAI,EAAd;AAAA,MACD,CAAC,UAAU,IAAI,UAAU,SAAS,IAAI,IAAI;AAAA,MAC1C,CAAC,UAAU,MAAM,EAAhB;AAAA,IACH,EANC;AAAA,EAOH,EAXC;AAaL;",
+  "names": []
+}

package/dist/jsx/ShapesDemo.js

@@ -8,3 +8,4 @@ function ShapesDemo() {
 export {
   ShapesDemo as default
 };
+//# sourceMappingURL=ShapesDemo.js.map

package/dist/jsx/ShapesDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ShapesDemo.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { Circle, Square, XStack } from 'tamagui'\n\nexport default function ShapesDemo() {\n  return (\n    <XStack p=\"$2\" space=\"$4\">\n      <Square size={100} bc=\"$color\" elevation=\"$4\" />\n      <Circle size={100} bc=\"$color\" elevation=\"$4\" />\n    </XStack>\n  )\n}\n"],
+  "mappings": "AACA;AAEe,sBAAsB;AACnC,SACE,CAAC,OAAO,EAAE,KAAK,MAAM;AAAA,IACnB,CAAC,OAAO,MAAM,KAAK,GAAG,SAAS,UAAU,KAAK;AAAA,IAC9C,CAAC,OAAO,MAAM,KAAK,GAAG,SAAS,UAAU,KAAK;AAAA,EAChD,EAHC;AAKL;",
+  "names": []
+}

package/dist/jsx/SliderDemo.js

@@ -15,3 +15,4 @@ function SimpleSlider({ children, ...props }) {
 export {
   SliderDemo as default
 };
+//# sourceMappingURL=SliderDemo.js.map

package/dist/jsx/SliderDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/SliderDemo.tsx"],
+  "sourcesContent": ["import { Slider, SliderProps, XStack } from 'tamagui'\n\nexport default function SliderDemo() {\n  return (\n    <XStack height={200} ai=\"center\" space=\"$8\">\n      <SimpleSlider height={200} orientation=\"vertical\" />\n      <SimpleSlider width={200} />\n    </XStack>\n  )\n}\n\nfunction SimpleSlider({ children, ...props }: SliderProps) {\n  return (\n    <Slider defaultValue={[50]} max={100} step={1} {...props}>\n      <Slider.Track>\n        <Slider.TrackActive />\n      </Slider.Track>\n      <Slider.Thumb bordered circular elevate index={0} />\n      {children}\n    </Slider>\n  )\n}\n"],
+  "mappings": "AAAA;AAEe,sBAAsB;AACnC,SACE,CAAC,OAAO,QAAQ,KAAK,GAAG,SAAS,MAAM;AAAA,IACrC,CAAC,aAAa,QAAQ,KAAK,YAAY,WAAW;AAAA,IAClD,CAAC,aAAa,OAAO,KAAK;AAAA,EAC5B,EAHC;AAKL;AAEA,sBAAsB,EAAE,aAAa,SAAsB;AACzD,SACE,CAAC,OAAO,cAAc,CAAC,EAAE,GAAG,KAAK,KAAK,MAAM,OAAO;AAAA,IACjD,CAAC,OAAO,MACN,CAAC,OAAO,YAAY,EACtB,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,MAAM,SAAS,SAAS,QAAQ,OAAO,GAAG;AAAA,KACjD;AAAA,EACH,EANC;AAQL;",
+  "names": []
+}

package/dist/jsx/SpinnerDemo.js

@@ -8,3 +8,4 @@ function SpinnerDemo() {
 export {
   SpinnerDemo as default
 };
+//# sourceMappingURL=SpinnerDemo.js.map

package/dist/jsx/SpinnerDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/SpinnerDemo.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { Spinner, YStack } from 'tamagui'\n\nexport default function SpinnerDemo() {\n  return (\n    <YStack p=\"$3\" space=\"$4\" ai=\"center\">\n      <Spinner size=\"small\" color=\"$green10\" />\n      <Spinner size=\"large\" color=\"$orange10\" />\n    </YStack>\n  )\n}\n"],
+  "mappings": "AACA;AAEe,uBAAuB;AACpC,SACE,CAAC,OAAO,EAAE,KAAK,MAAM,KAAK,GAAG;AAAA,IAC3B,CAAC,QAAQ,KAAK,QAAQ,MAAM,WAAW;AAAA,IACvC,CAAC,QAAQ,KAAK,QAAQ,MAAM,YAAY;AAAA,EAC1C,EAHC;AAKL;",
+  "names": []
+}

package/dist/jsx/StacksDemo.js

@@ -21,3 +21,4 @@ function StacksDemo() {
 export {
   StacksDemo as default
 };
+//# sourceMappingURL=StacksDemo.js.map

package/dist/jsx/StacksDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/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": "AACA;AAEe,sBAAsB;AACnC,SACE,CAAC,OAAO,IAAI,SAAS;AAAA,IACnB,CAAC,OAAO,MAAM,GAAG,MAAM,KAAK,IAAI,GAAG,IAAI,SAAS,GAAG,KAAK,EAAE;AAAA,MACxD,CAAC,OAAO,GAAG,SAAS,GAAG,KAAK,EAAE,KAAK;AAAA,MACnC,CAAC,OAAO,GAAG,SAAS,GAAG,KAAK,EAAE,KAAK;AAAA,MACnC,CAAC,OAAO,GAAG,SAAS,GAAG,KAAK,EAAE,KAAK;AAAA,IACrC,EAJC;AAAA,IAMD,CAAC,OAAO,MAAM,GAAG,MAAM,KAAK,IAAI,GAAG,IAAI,SAAS,GAAG,KAAK,EAAE;AAAA,MACxD,CAAC,OAAO,GAAG,SAAS,GAAG,KAAK,EAAE,KAAK;AAAA,MACnC,CAAC,OAAO,GAAG,SAAS,GAAG,KAAK,EAAE,KAAK;AAAA,MACnC,CAAC,OAAO,GAAG,SAAS,GAAG,KAAK,EAAE,KAAK;AAAA,IACrC,EAJC;AAAA,IAMD,CAAC,OAAO,KAAK,IAAI,KAAK,IAAI,GAAG,KAAK,MAAM;AAAA,MACtC,CAAC,OAAO,WAAW,IAAI,GAAG,GAAG,KAAK,EAAE,KAAK;AAAA,MACzC,CAAC,OAAO,WAAW,GAAG,IAAI,GAAG,IAAI,IAAI,GAAG,GAAG,KAAK,EAAE,KAAK;AAAA,MACvD,CAAC,OAAO,WAAW,GAAG,IAAI,GAAG,IAAI,IAAI,GAAG,GAAG,SAAS,GAAG,KAAK,EAAE,KAAK;AAAA,IACrE,EAJC;AAAA,EAKH,EAlBC;AAoBL;",
+  "names": []
+}

package/dist/jsx/SwitchDemo.js

@@ -17,3 +17,4 @@ function SwitchWithLabel(props) {
 export {
   SwitchDemo as default
 };
+//# sourceMappingURL=SwitchDemo.js.map

package/dist/jsx/SwitchDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/SwitchDemo.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { Label, Separator, SizeTokens, Switch, XStack, YStack } from 'tamagui'\n\nexport default function SwitchDemo() {\n  return (\n    <YStack w={300} ai=\"center\" space=\"$3\">\n      <SwitchWithLabel size=\"$2\" />\n      <SwitchWithLabel size=\"$3\" />\n      <SwitchWithLabel size=\"$4\" />\n      <SwitchWithLabel size=\"$5\" />\n    </YStack>\n  )\n}\n\nfunction SwitchWithLabel(props: { size: SizeTokens }) {\n  return (\n    <XStack w={300} x={-60} ai=\"center\" space=\"$4\">\n      <Label pr=\"$0\" miw={200} jc=\"flex-end\" size={props.size} htmlFor=\"switch-1\">\n        Dark mode\n      </Label>\n      <Separator mih={20} vertical />\n      <Switch id=\"switch-1\" size={props.size}>\n        <Switch.Thumb animation=\"bouncy\" />\n      </Switch>\n    </XStack>\n  )\n}\n"],
+  "mappings": "AACA;AAEe,sBAAsB;AACnC,SACE,CAAC,OAAO,GAAG,KAAK,GAAG,SAAS,MAAM;AAAA,IAChC,CAAC,gBAAgB,KAAK,KAAK;AAAA,IAC3B,CAAC,gBAAgB,KAAK,KAAK;AAAA,IAC3B,CAAC,gBAAgB,KAAK,KAAK;AAAA,IAC3B,CAAC,gBAAgB,KAAK,KAAK;AAAA,EAC7B,EALC;AAOL;AAEA,yBAAyB,OAA6B;AACpD,SACE,CAAC,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,SAAS,MAAM;AAAA,IACxC,CAAC,MAAM,GAAG,KAAK,KAAK,KAAK,GAAG,WAAW,MAAM,MAAM,MAAM,QAAQ,WAAW,SAE5E,EAFC;AAAA,IAGD,CAAC,UAAU,KAAK,IAAI,SAAS;AAAA,IAC7B,CAAC,OAAO,GAAG,WAAW,MAAM,MAAM,MAChC,CAAC,OAAO,MAAM,UAAU,SAAS,EACnC,EAFC;AAAA,EAGH,EARC;AAUL;",
+  "names": []
+}

package/dist/jsx/TamaguiLogo.js

@@ -90,3 +90,4 @@ export {
   logoColors,
   tints
 };
+//# sourceMappingURL=TamaguiLogo.js.map

package/dist/jsx/TamaguiLogo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/TamaguiLogo.tsx"],
+  "sourcesContent": ["import React, { forwardRef } from 'react'\nimport { ThemeName, XStack, XStackProps, YStack } from 'tamagui'\n\nexport const tints: ThemeName[] = ['red', 'orange', 'yellow', 'green', 'blue', 'purple', 'pink']\n\nexport const logoColors = tints.map((t) => `var(--${t}9)`)\n\nexport const TamaguiLogo = forwardRef(\n  (\n    {\n      showWords,\n      color,\n      downscale,\n      onHoverLetter,\n      ...props\n    }: {\n      onHoverLetter?: (i: number) => void\n      showWords?: boolean\n      color?: string\n      downscale?: number\n    } & XStackProps,\n    ref\n  ) => (\n    <XStack ref={ref} ai=\"center\" jc=\"center\" space=\"$5\" {...props}>\n      <LogoIcon downscale={(downscale ?? 1) * (showWords ? 2 : 1.5)} color={color} />\n      {showWords && (\n        <YStack mb={-4}>\n          <LogoWords onHoverLetter={onHoverLetter} downscale={downscale ?? 2} color={color} />\n        </YStack>\n      )}\n    </XStack>\n  )\n)\n\nexport const LogoWords = ({\n  color,\n  downscale = 1,\n  onHoverLetter,\n}: {\n  color?: string\n  downscale?: number\n  onHoverLetter?: any\n}) => {\n  return (\n    <svg\n      width={373 * (1 / downscale) * 0.333333334}\n      height={41 * (1 / downscale) * 0.333333334}\n      viewBox=\"0 0 373 41\"\n    >\n      <polygon\n        shapeRendering=\"crispEdges\"\n        fill={color || logoColors[0]}\n        points=\"24.3870968 40.1612903 24.3870968 8.67741935 32.2580645 8.67741935 32.2580645 0.806451613 0.774193548 0.806451613 0.774193548 8.67741935 8.64516129 8.67741935 8.64516129 40.1612903\"\n        onMouseEnter={onHoverLetter ? () => onHoverLetter(0) : undefined}\n      />\n      <path\n        shapeRendering=\"crispEdges\"\n        fill={color || logoColors[1]}\n        d=\"M87.3548387,0.806451613 L87.3548387,8.67741935 L95.2258065,8.67741935 L95.2258065,40.1612903 L79.483871,40.1612903 L79.483871,24.4193548 L71.6129032,24.4193548 L71.6129032,40.1612903 L55.8709677,40.1612903 L55.8709677,8.67741935 L63.7419355,8.67741935 L63.7419355,0.806451613 L87.3548387,0.806451613 Z M79.483871,8.67741935 L71.6129032,8.67741935 L71.6129032,16.5483871 L79.483871,16.5483871 L79.483871,8.67741935 Z\"\n        fillRule=\"nonzero\"\n        onMouseEnter={onHoverLetter ? () => onHoverLetter(1) : undefined}\n      />\n      <polygon\n        shapeRendering=\"crispEdges\"\n        fill={color || logoColors[2]}\n        points=\"130.645161 40.1612903 130.645161 22.4516129 138.516129 22.4516129 138.516129 40.1612903 154.258065 40.1612903 154.258065 0.806451613 142.451613 0.806451613 142.451613 8.67741935 126.709677 8.67741935 126.709677 0.806451613 114.903226 0.806451613 114.903226 40.1612903\"\n        onMouseEnter={onHoverLetter ? () => onHoverLetter(2) : undefined}\n      />\n      <path\n        fill={color || logoColors[3]}\n        d=\"M205.419355,0.806451613 L205.419355,8.67741935 L213.290323,8.67741935 L213.290323,40.1612903 L197.548387,40.1612903 L197.548387,24.4193548 L189.677419,24.4193548 L189.677419,40.1612903 L173.935484,40.1612903 L173.935484,8.67741935 L181.806452,8.67741935 L181.806452,0.806451613 L205.419355,0.806451613 Z M197.548387,8.67741935 L189.677419,8.67741935 L189.677419,16.5483871 L197.548387,16.5483871 L197.548387,8.67741935 Z\"\n        fillRule=\"nonzero\"\n        onMouseEnter={onHoverLetter ? () => onHoverLetter(3) : undefined}\n      />\n      <polygon\n        shapeRendering=\"crispEdges\"\n        fill={color || logoColors[4]}\n        points=\"264.451613 40.1612903 264.451613 32.2903226 272.322581 32.2903226 272.322581 16.5483871 256.580645 16.5483871 256.580645 32.2903226 248.709677 32.2903226 248.709677 8.67741935 272.322581 8.67741935 272.322581 0.806451613 240.83871 0.806451613 240.83871 8.67741935 232.967742 8.67741935 232.967742 32.2903226 240.83871 32.2903226 240.83871 40.1612903\"\n        onMouseEnter={onHoverLetter ? () => onHoverLetter(4) : undefined}\n      />\n      <polygon\n        shapeRendering=\"crispEdges\"\n        fill={color || logoColors[5]}\n        points=\"323.483871 40.1612903 323.483871 32.2903226 331.354839 32.2903226 331.354839 0.806451613 315.612903 0.806451613 315.612903 32.2903226 307.741935 32.2903226 307.741935 0.806451613 292 0.806451613 292 32.2903226 299.870968 32.2903226 299.870968 40.1612903\"\n        onMouseEnter={onHoverLetter ? () => onHoverLetter(5) : undefined}\n      />\n      <polygon\n        shapeRendering=\"crispEdges\"\n        fill={color || logoColors[6]}\n        points=\"372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903\"\n        onMouseEnter={onHoverLetter ? () => onHoverLetter(6) : undefined}\n      />\n    </svg>\n  )\n  // return <Image width={206 / 2} height={31 / 2} src={logo.src} />\n}\n\nexport const LogoIcon = ({ downscale = 2, color = 'var(--color)' }: any) => {\n  return (\n    <YStack\n      als=\"center\"\n      marginVertical={-10}\n      pressStyle={{\n        opacity: 0.7,\n      }}\n    >\n      <svg\n        width={450 / 8 / downscale}\n        height={420 / 8 / downscale}\n        viewBox=\"0 0 450 420\"\n        version=\"1.1\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n      >\n        <g\n          transform=\"translate(225.000000, 210.000000) scale(-1, 1) translate(-225.000000, -210.000000) \"\n          fill={color}\n        >\n          <rect fill={color} x=\"150\" y=\"0\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"180\" y=\"0\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"210\" y=\"0\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"240\" y=\"0\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"270\" y=\"0\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"300\" y=\"0\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"330\" y=\"30\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"360\" y=\"60\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"390\" y=\"90\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"390\" y=\"120\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"390\" y=\"150\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"390\" y=\"180\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"420\" y=\"210\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"420\" y=\"240\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"420\" y=\"270\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"390\" y=\"300\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"360\" y=\"330\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"330\" y=\"360\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"300\" y=\"390\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"270\" y=\"390\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"240\" y=\"360\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"210\" y=\"360\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"210\" y=\"390\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"180\" y=\"390\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"150\" y=\"360\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"150\" y=\"330\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"120\" y=\"300\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"90\" y=\"240\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"90\" y=\"270\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"90\" y=\"210\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"60\" y=\"180\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"30\" y=\"180\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"0\" y=\"150\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"30\" y=\"120\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"60\" y=\"120\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"90\" y=\"120\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"0\" y=\"90\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"0\" y=\"120\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"30\" y=\"60\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"30\" y=\"60\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"60\" y=\"60\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"120\" y=\"30\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"150\" y=\"60\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"240\" y=\"90\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"240\" y=\"210\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"240\" y=\"240\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"270\" y=\"270\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"300\" y=\"240\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"300\" y=\"210\" width=\"20\" height=\"20\"></rect>\n          <rect fill={color} x=\"90\" y=\"60\" width=\"20\" height=\"20\"></rect>\n        </g>\n      </svg>\n    </YStack>\n  )\n}\n"],
+  "mappings": "AAAA;AACA;AAEO,MAAM,QAAqB,CAAC,OAAO,UAAU,UAAU,SAAS,QAAQ,UAAU,MAAM;AAExF,MAAM,aAAa,MAAM,IAAI,CAAC,MAAM,SAAS,KAAK;AAElD,MAAM,cAAc,WACzB,CACE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GAOL,QAEA,CAAC,OAAO,KAAK,KAAK,GAAG,SAAS,GAAG,SAAS,MAAM,SAAS;AAAA,EACvD,CAAC,SAAS,WAAY,iCAAa,KAAM,aAAY,IAAI,MAAM,OAAO,OAAO;AAAA,GAC5E,aACC,CAAC,OAAO,IAAI,IACV,CAAC,UAAU,eAAe,eAAe,WAAW,gCAAa,GAAG,OAAO,OAAO,EACpF,EAFC;AAIL,EAPC,OASL;AAEO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,MAKI;AACJ,SACE,CAAC,IACC,OAAO,MAAO,KAAI,aAAa,aAC/B,QAAQ,KAAM,KAAI,aAAa,aAC/B,QAAQ;AAAA,IAER,CAAC,QACC,eAAe,aACf,MAAM,SAAS,WAAW,IAC1B,OAAO,sLACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI,QACzD;AAAA,IACA,CAAC,KACC,eAAe,aACf,MAAM,SAAS,WAAW,IAC1B,EAAE,kaACF,SAAS,UACT,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI,QACzD;AAAA,IACA,CAAC,QACC,eAAe,aACf,MAAM,SAAS,WAAW,IAC1B,OAAO,8QACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI,QACzD;AAAA,IACA,CAAC,KACC,MAAM,SAAS,WAAW,IAC1B,EAAE,uaACF,SAAS,UACT,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI,QACzD;AAAA,IACA,CAAC,QACC,eAAe,aACf,MAAM,SAAS,WAAW,IAC1B,OAAO,gWACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI,QACzD;AAAA,IACA,CAAC,QACC,eAAe,aACf,MAAM,SAAS,WAAW,IAC1B,OAAO,gQACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI,QACzD;AAAA,IACA,CAAC,QACC,eAAe,aACf,MAAM,SAAS,WAAW,IAC1B,OAAO,4FACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI,QACzD;AAAA,EACF,EAhDC;AAmDL;AAEO,MAAM,WAAW,CAAC,EAAE,YAAY,GAAG,QAAQ,qBAA0B;AAC1E,SACE,CAAC,OACC,IAAI,SACJ,gBAAgB,KAChB,YAAY;AAAA,IACV,SAAS;AAAA,EACX,GAEA,CAAC,IACC,OAAO,MAAM,IAAI,WACjB,QAAQ,MAAM,IAAI,WAClB,QAAQ,cACR,QAAQ,MACR,MAAM,6BACN,WAAW,+BAEX,CAAC,EACC,UAAU,sFACV,MAAM;AAAA,IAEN,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,IAAI,MAAM,KAAK,OAAO,KAAK;AAAA,IACxD,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,IAAI,MAAM,KAAK,OAAO,KAAK;AAAA,IACxD,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,IAAI,MAAM,KAAK,OAAO,KAAK;AAAA,IACxD,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,IAAI,MAAM,KAAK,OAAO,KAAK;AAAA,IACxD,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,IAAI,MAAM,KAAK,OAAO,KAAK;AAAA,IACxD,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,IAAI,MAAM,KAAK,OAAO,KAAK;AAAA,IACxD,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,KAAK,MAAM,KAAK,OAAO,KAAK;AAAA,IACzD,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,KAAK,MAAM,KAAK,OAAO,KAAK;AAAA,IACzD,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,KAAK,MAAM,KAAK,OAAO,KAAK;AAAA,IACzD,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IAC1D,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IAC1D,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IAC1D,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IAC1D,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IAC1D,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IAC1D,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IAC1D,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IAC1D,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IAC1D,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IAC1D,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IAC1D,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IAC1D,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IAC1D,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IAC1D,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IAC1D,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IAC1D,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IAC1D,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IAC1D,CAAC,KAAK,MAAM,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IACzD,CAAC,KAAK,MAAM,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IACzD,CAAC,KAAK,MAAM,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IACzD,CAAC,KAAK,MAAM,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IACzD,CAAC,KAAK,MAAM,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IACzD,CAAC,KAAK,MAAM,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IACxD,CAAC,KAAK,MAAM,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IACzD,CAAC,KAAK,MAAM,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IACzD,CAAC,KAAK,MAAM,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IACzD,CAAC,KAAK,MAAM,OAAO,EAAE,IAAI,EAAE,KAAK,MAAM,KAAK,OAAO,KAAK;AAAA,IACvD,CAAC,KAAK,MAAM,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IACxD,CAAC,KAAK,MAAM,OAAO,EAAE,KAAK,EAAE,KAAK,MAAM,KAAK,OAAO,KAAK;AAAA,IACxD,CAAC,KAAK,MAAM,OAAO,EAAE,KAAK,EAAE,KAAK,MAAM,KAAK,OAAO,KAAK;AAAA,IACxD,CAAC,KAAK,MAAM,OAAO,EAAE,KAAK,EAAE,KAAK,MAAM,KAAK,OAAO,KAAK;AAAA,IACxD,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,KAAK,MAAM,KAAK,OAAO,KAAK;AAAA,IACzD,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,KAAK,MAAM,KAAK,OAAO,KAAK;AAAA,IACzD,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,KAAK,MAAM,KAAK,OAAO,KAAK;AAAA,IACzD,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IAC1D,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IAC1D,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IAC1D,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IAC1D,CAAC,KAAK,MAAM,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK;AAAA,IAC1D,CAAC,KAAK,MAAM,OAAO,EAAE,KAAK,EAAE,KAAK,MAAM,KAAK,OAAO,KAAK;AAAA,EAC1D,EAtDC,EAuDH,EA/DC,IAgEH,EAvEC;AAyEL;",
+  "names": []
+}

package/dist/jsx/TextDemo.js

@@ -14,3 +14,4 @@ function TextDemo() {
 export {
   TextDemo as default
 };
+//# sourceMappingURL=TextDemo.js.map

package/dist/jsx/TextDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/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": "AACA;AAEe,oBAAoB;AACjC,SACE,CAAC,OAAO,MAAM,KAAK,GAAG;AAAA,IACpB,CAAC,KAAK,IAAI,EAAT;AAAA,IACD,CAAC,YAAY,KAAK,KAAK,WAAW,EAAjC;AAAA,IACD,CAAC,OAAO;AAAA,MACN,CAAC,YAAY,MAAM,OAAO,KAAK,KAAK,IAEpC,EAFC;AAAA,MAGD,CAAC,YAAY,MAAM,OAAO,KAAK,KAAK,IAEpC,EAFC;AAAA,MAGD,CAAC,YAAY,MAAM,OAAO,KAAK,KAAK,IAEpC,EAFC;AAAA,IAGH,EAVC;AAAA,IAWD,CAAC,UAAU,KAAK,KAAK,IAAI,MAAM,SAE/B,EAFC;AAAA,EAGH,EAjBC;AAmBL;",
+  "names": []
+}

package/dist/jsx/ThemeInverseDemo.js

@@ -17,3 +17,4 @@ function Buttons() {
 export {
   ThemeInverseDemo as default
 };
+//# sourceMappingURL=ThemeInverseDemo.js.map

package/dist/jsx/ThemeInverseDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/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;AAEA;AAEe,4BAA4B;AACzC,SACE,CAAC,OAAO;AAAA,IACN,CAAC,QAAQ;AAAA,IACT,CAAC,aACC,CAAC,QAAQ,EACX,EAFC;AAAA,EAGH,EALC;AAOL;AAEA,mBAAmB;AACjB,SACE,CAAC,OAAO,GAAG,cAAc,EAAE,KAAK,GAAG,KAAK;AAAA,IACtC,CAAC,OAAO,IAAI,EAAX;AAAA,IACD,CAAC,OAAO,aAAa,QAAQ,EAA5B;AAAA,IACD,CAAC,OAAO,MAAM,OAAO,SAAS,EAA7B;AAAA,IACD,CAAC,MAAM,KAAK,SACV,CAAC,OAAO,WAAW,EAAlB,OACH,EAFC;AAAA,EAGH,EAPC;AASL;",
+  "names": []
+}

package/dist/jsx/TooltipDemo.js

@@ -32,3 +32,4 @@ export {
   Demo,
   TooltipDemo as default
 };
+//# sourceMappingURL=TooltipDemo.js.map

package/dist/jsx/TooltipDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/TooltipDemo.tsx"],
+  "sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle } from '@tamagui/feather-icons'\nimport React from 'react'\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;AAEA;AAEe,uBAAuB;AACpC,SACE,CAAC,aAAa,OAAO,EAAE,MAAM,KAAM,OAAO,IAAI,GAC5C,CAAC,OAAO,MAAM,KAAK,IAAI;AAAA,IACrB,CAAC,OAAO,MAAM;AAAA,MACZ,CAAC,KAAK,QAAQ,IAAI,UAAU,UAAU,MAAM,QAAQ;AAAA,MACpD,CAAC,KAAK,QAAQ,IAAI,UAAU,MAAM,MAAM,WAAW;AAAA,MACnD,CAAC,KAAK,QAAQ,IAAI,UAAU,YAAY,MAAM,QAAQ;AAAA,IACxD,EAJC;AAAA,IAKD,CAAC,OAAO,MAAM;AAAA,MACZ,CAAC,KAAK,QAAQ,IAAI,UAAU,OAAO,MAAM,aAAa;AAAA,MACtD,CAAC,OAAO,GAAG,GAAG;AAAA,MACd,CAAC,KAAK,QAAQ,IAAI,UAAU,QAAQ,MAAM,cAAc;AAAA,IAC1D,EAJC;AAAA,IAKD,CAAC,OAAO,MAAM;AAAA,MACZ,CAAC,KAAK,QAAQ,IAAI,UAAU,aAAa,MAAM,QAAQ;AAAA,MACvD,CAAC,KAAK,QAAQ,IAAI,UAAU,SAAS,MAAM,aAAa;AAAA,MACxD,CAAC,KAAK,QAAQ,IAAI,UAAU,eAAe,MAAM,QAAQ;AAAA,IAC3D,EAJC;AAAA,EAKH,EAhBC,OAiBH,EAlBC;AAoBL;AAEO,cAAc,EAAE,SAAS,SAAwC;AACtE,SACE,CAAC,YAAY;AAAA,IACX,CAAC,QAAQ,QACP,CAAC,OAAO,MAAM,MAAM,SAAS,EAC/B,EAFC,QAAQ;AAAA,IAGT,CAAC,QAAQ,QACP,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI,GAC5C,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI,GAC3C,OAAO,GACP,GAAG,GACH,GAAG,GACH,GAAG,GACH,UAAU;AAAA,MAEV,CAAC,QAAQ,MAAM;AAAA,MACf,CAAC,UAAU,WAAW,EAArB;AAAA,IACH,EAXC,QAAQ;AAAA,EAYX,EAhBC;AAkBL;",
+  "names": []
+}

package/dist/jsx/index.js

@@ -58,3 +58,4 @@ export {
   default6 as ThemeInverseDemo,
   default20 as TooltipDemo
 };
+//# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx"],
+  "sourcesContent": ["import { config } from '@tamagui/config-base'\nimport { InferTamaguiConfig } from '@tamagui/core'\n\nexport type Conf = InferTamaguiConfig<typeof config>\n\ndeclare module 'tamagui' {\n  interface TamaguiCustomConfig extends Conf {}\n}\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 SelectDemo } from './SelectDemo'\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'\nexport { default as TooltipDemo } from './TooltipDemo'\n// gorhom bottom-sheet giving kitchen-sink problems\n// export { default as DrawerDemo } from './DrawerDemo'\n// export { default as MenuDemo } from './MenuDemo'\nexport { default as PopoverDemo } from './PopoverDemo'\nexport { default as DialogDemo } from './DialogDemo'\nexport { default as AnimationsHoverDemo } from './AnimationsHoverDemo'\nexport { default as AnimationsEnterDemo } from './AnimationsEnterDemo'\nexport { default as AnimationsPresenceDemo } from './AnimationsPresenceDemo'\nexport { default as SwitchDemo } from './SwitchDemo'\nexport { default as SliderDemo } from './SliderDemo'\nexport { default as SpinnerDemo } from './SpinnerDemo'\nexport { default as FeatherIconsDemo } from './FeatherIconsDemo'\nexport * from './useOnIntersecting'\nexport * from './TamaguiLogo'\n"],
+  "mappings": "AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;",
+  "names": []
+}

package/dist/jsx/useOnIntersecting.js

@@ -59,3 +59,4 @@ export {
   useIsIntersecting,
   useOnIntersecting
 };
+//# sourceMappingURL=useOnIntersecting.js.map

package/dist/jsx/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;AACA;AAQO,MAAM,oBAAoB,CAC/B,KACA,EAAE,SAA6B,CAAC,MAC7B;AACH,QAAM,CAAC,KAAK,UAAU,SAAS,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,OAAoB;AAE/B,YAAU,MAAM;AACd,OAAG,UAAU;AAAA,EACf,GAAG,CAAC,UAAU,CAAC;AAGf,YAAU,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,SAAS,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/demos",
-  "version": "1.0.1-beta.78",
+  "version": "1.0.1-beta.79",
   "sideEffects": false,
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
@@ -17,16 +17,16 @@
     "watch": "tamagui-build --watch"
   },
   "dependencies": {
-    "@tamagui/config-base": "^1.0.1-beta.78",
-    "@tamagui/core": "^1.0.1-beta.78",
-    "tamagui": "^1.0.1-beta.78"
+    "@tamagui/config-base": "^1.0.1-beta.79",
+    "@tamagui/core": "^1.0.1-beta.79",
+    "tamagui": "^1.0.1-beta.79"
   },
   "peerDependencies": {
     "react": "*",
     "react-dom": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.78",
+    "@tamagui/build": "^1.0.1-beta.79",
     "react": "*",
     "react-dom": "*"
   },

package/types/AnimationsDemo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: (props: any) => JSX.Element;
 export default _default;
 export declare const positions: ({

package/types/AnimationsDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimationsDemo.d.ts","sourceRoot":"","sources":["../src/AnimationsDemo.tsx"],"names":[],"mappings":";;AAMA,wBA6CC;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;IA+BrB,CAAA"}
+{"version":3,"file":"AnimationsDemo.d.ts","sourceRoot":"","sources":["../src/AnimationsDemo.tsx"],"names":[],"mappings":";AAMA,wBA6CC;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;IA+BrB,CAAA"}

package/types/AnimationsEnterDemo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 export default _default;
 //# sourceMappingURL=AnimationsEnterDemo.d.ts.map

package/types/AnimationsEnterDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimationsEnterDemo.d.ts","sourceRoot":"","sources":["../src/AnimationsEnterDemo.tsx"],"names":[],"mappings":";;AAOA,wBAmCC"}
+{"version":3,"file":"AnimationsEnterDemo.d.ts","sourceRoot":"","sources":["../src/AnimationsEnterDemo.tsx"],"names":[],"mappings":";AAOA,wBAmCC"}

package/types/AnimationsHoverDemo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 export default _default;
 //# sourceMappingURL=AnimationsHoverDemo.d.ts.map

package/types/AnimationsHoverDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimationsHoverDemo.d.ts","sourceRoot":"","sources":["../src/AnimationsHoverDemo.tsx"],"names":[],"mappings":";;AAKA,wBAkBC"}
+{"version":3,"file":"AnimationsHoverDemo.d.ts","sourceRoot":"","sources":["../src/AnimationsHoverDemo.tsx"],"names":[],"mappings":";AAKA,wBAkBC"}

package/types/AnimationsPresenceDemo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const images: any[];
 declare const _default: () => JSX.Element;
 export default _default;

package/types/AnimationsPresenceDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimationsPresenceDemo.d.ts","sourceRoot":"","sources":["../src/AnimationsPresenceDemo.tsx"],"names":[],"mappings":";AAgBA,eAAO,MAAM,MAAM,OAAuC,CAAA;;AAS1D,wBA0CC"}
+{"version":3,"file":"AnimationsPresenceDemo.d.ts","sourceRoot":"","sources":["../src/AnimationsPresenceDemo.tsx"],"names":[],"mappings":"AAgBA,eAAO,MAAM,MAAM,OAAuC,CAAA;;AAS1D,wBA0CC"}