@tamagui/demos 1.0.1-beta.89 → 1.0.1-beta.92

package/dist/cjs/AnimationsDemo.js

@@ -34,7 +34,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var AnimationsDemo_exports = {};
 __export(AnimationsDemo_exports, {
-  default: () => AnimationsDemo_default,
+  AnimationsDemo: () => AnimationsDemo,
   positions: () => positions
 });
 module.exports = __toCommonJS(AnimationsDemo_exports);
@@ -42,7 +42,7 @@ var import_feather_icons = require("@tamagui/feather-icons");
 var import_react = __toESM(require("react"));
 var import_tamagui = require("tamagui");
 var import_TamaguiLogo = require("./TamaguiLogo");
-var AnimationsDemo_default = (props) => {
+function AnimationsDemo(props) {
   const [positionI, setPositionI] = (0, import_tamagui.useControllableState)({
     strategy: "most-recent-wins",
     prop: props.position,
@@ -79,7 +79,7 @@ var AnimationsDemo_default = (props) => {
     circular: true,
     onPress: () => next()
   }));
-};
+}
 const positions = [
   {
     x: 0,
@@ -114,6 +114,7 @@ const positions = [
 ];
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AnimationsDemo,
   positions
 });
 //# sourceMappingURL=AnimationsDemo.js.map

package/dist/cjs/AnimationsDemo.js.map

@@ -1,7 +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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAqB;AACrB,mBAAkB;AAClB,qBAAqD;AAErD,yBAAyB;AAEzB,IAAO,yBAAQ,CAAC,UAAU;AACxB,QAAM,CAAC,WAAW,gBAAgB,yCAAqB;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,wFACE,mDAAC;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,mDAAC;AAAA,IAAS,WAAW;AAAA,GAAM,CAChD,GAEA,mDAAC;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;",
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAqB;AACrB,mBAAkB;AAClB,qBAAqD;AAErD,yBAAyB;AAElB,wBAAwB,OAAO;AACpC,QAAM,CAAC,WAAW,gBAAgB,yCAAqB;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,wFACE,mDAAC;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,mDAAC;AAAA,IAAS,WAAW;AAAA,GAAM,CAChD,GAEA,mDAAC;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/cjs/AnimationsEnterDemo.js

@@ -20,7 +20,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var AnimationsEnterDemo_exports = {};
 __export(AnimationsEnterDemo_exports, {
-  default: () => AnimationsEnterDemo_default
+  AnimationsEnterDemo: () => AnimationsEnterDemo
 });
 module.exports = __toCommonJS(AnimationsEnterDemo_exports);
 var import_react = __toESM(require("react"));
@@ -28,7 +28,7 @@ var import_react2 = require("react");
 var import_tamagui = require("tamagui");
 var import_TamaguiLogo = require("./TamaguiLogo");
 var import_useOnIntersecting = require("./useOnIntersecting");
-var AnimationsEnterDemo_default = () => {
+function AnimationsEnterDemo() {
   const ref = (0, import_react2.useRef)(null);
   const hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, { once: true });
   const [key, setKey] = (0, import_react2.useState)(0);
@@ -59,7 +59,9 @@ var AnimationsEnterDemo_default = () => {
     mt: "$4",
     onPress: () => setKey(Math.random())
   }, "Re-mount"));
-};
+}
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  AnimationsEnterDemo
+});
 //# sourceMappingURL=AnimationsEnterDemo.js.map

package/dist/cjs/AnimationsEnterDemo.js.map

@@ -1,7 +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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAAiC;AACjC,qBAAuC;AAEvC,yBAAyB;AACzB,+BAAkC;AAElC,IAAO,8BAAQ,MAAM;AACnB,QAAM,MAAM,0BAAoB,IAAI;AACpC,QAAM,iBAAiB,gDAAkB,KAAK,EAAE,MAAM,KAAK,CAAC;AAC5D,QAAM,CAAC,KAAK,UAAU,4BAAS,CAAC;AAEhC,MAAI,CAAC,gBAAgB;AACnB,WAAO,mDAAC;AAAA,MAAO;AAAA,KAAU;AAAA,EAC3B;AAEA,SACE,wFACE,mDAAC;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,mDAAC;AAAA,IAAS,WAAW;AAAA,GAAM,CAC7B,GAEA,mDAAC;AAAA,IAAO,MAAK;AAAA,IAAK,IAAG;AAAA,IAAK,SAAS,MAAM,OAAO,KAAK,OAAO,CAAC;AAAA,KAAG,UAEhE,CACF;AAEJ;",
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAAiC;AACjC,qBAAuC;AAEvC,yBAAyB;AACzB,+BAAkC;AAE3B,+BAA+B;AACpC,QAAM,MAAM,0BAAoB,IAAI;AACpC,QAAM,iBAAiB,gDAAkB,KAAK,EAAE,MAAM,KAAK,CAAC;AAC5D,QAAM,CAAC,KAAK,UAAU,4BAAS,CAAC;AAEhC,MAAI,CAAC,gBAAgB;AACnB,WAAO,mDAAC;AAAA,MAAO;AAAA,KAAU;AAAA,EAC3B;AAEA,SACE,wFACE,mDAAC;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,mDAAC;AAAA,IAAS,WAAW;AAAA,GAAM,CAC7B,GAEA,mDAAC;AAAA,IAAO,MAAK;AAAA,IAAK,IAAG;AAAA,IAAK,SAAS,MAAM,OAAO,KAAK,OAAO,CAAC;AAAA,KAAG,UAEhE,CACF;AAEJ;",
   "names": []
 }

package/dist/cjs/AnimationsHoverDemo.js

@@ -20,13 +20,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var AnimationsHoverDemo_exports = {};
 __export(AnimationsHoverDemo_exports, {
-  default: () => AnimationsHoverDemo_default
+  AnimationsHoverDemo: () => AnimationsHoverDemo
 });
 module.exports = __toCommonJS(AnimationsHoverDemo_exports);
 var import_react = __toESM(require("react"));
 var import_tamagui = require("tamagui");
 var import_TamaguiLogo = require("./TamaguiLogo");
-var AnimationsHoverDemo_default = () => {
+function AnimationsHoverDemo() {
   return /* @__PURE__ */ import_react.default.createElement(import_tamagui.Square, {
     bc: "$pink10",
     animation: "bouncy",
@@ -42,7 +42,9 @@ var AnimationsHoverDemo_default = () => {
   }, /* @__PURE__ */ import_react.default.createElement(import_TamaguiLogo.LogoIcon, {
     downscale: 0.75
   }));
-};
+}
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  AnimationsHoverDemo
+});
 //# sourceMappingURL=AnimationsHoverDemo.js.map

package/dist/cjs/AnimationsHoverDemo.js.map

@@ -1,7 +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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAuB;AAEvB,yBAAyB;AAEzB,IAAO,8BAAQ,MAAM;AACnB,SACE,mDAAC;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,mDAAC;AAAA,IAAS,WAAW;AAAA,GAAM,CAC7B;AAEJ;",
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAuB;AAEvB,yBAAyB;AAElB,+BAA+B;AACpC,SACE,mDAAC;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,mDAAC;AAAA,IAAS,WAAW;AAAA,GAAM,CAC7B;AAEJ;",
   "names": []
 }

package/dist/cjs/AnimationsPresenceDemo.js

@@ -20,7 +20,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var AnimationsPresenceDemo_exports = {};
 __export(AnimationsPresenceDemo_exports, {
-  default: () => AnimationsPresenceDemo_default,
+  AnimationsPresenceDemo: () => AnimationsPresenceDemo,
   images: () => images
 });
 module.exports = __toCommonJS(AnimationsPresenceDemo_exports);
@@ -39,7 +39,7 @@ const YStackEnterable = (0, import_tamagui.styled)(import_tamagui.YStack, {
     isRight: { true: { x: 300, opacity: 0 } }
   }
 });
-var AnimationsPresenceDemo_default = () => {
+function AnimationsPresenceDemo() {
   const [[page, direction], setPage] = (0, import_react2.useState)([0, 0]);
   const imageIndex = wrap(0, images.length, page);
   const paginate = (newDirection) => {
@@ -86,13 +86,14 @@ var AnimationsPresenceDemo_default = () => {
     elevate: true,
     onPress: () => paginate(1)
   }));
-};
+}
 const wrap = (min, max, v) => {
   const rangeSize = max - min;
   return ((v - min) % rangeSize + rangeSize) % rangeSize + min;
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AnimationsPresenceDemo,
   images
 });
 //# sourceMappingURL=AnimationsPresenceDemo.js.map

package/dist/cjs/AnimationsPresenceDemo.js.map

@@ -1,7 +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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,8BAAgC;AAChC,2BAAsC;AACtC,mBAAkB;AAClB,oBAAyB;AACzB,qBAAsD;AAGtD,oBAAmB;AAEnB,oBAAmB;AAEnB,oBAAmB;AAEZ,MAAM,SAAS,CAAC,sBAAO,KAAK,sBAAO,KAAK,sBAAO,GAAG;AAEzD,MAAM,kBAAkB,2BAAO,uBAAQ;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,4BAAS,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,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAO,KAAI;AAAA,IAAW,GAAG;AAAA,IAAK,GAAE;AAAA,IAAO,IAAG;AAAA,KAC/D,mDAAC;AAAA,IAAgB;AAAA,IAA4B;AAAA,KAC3C,mDAAC;AAAA,IAAgB,KAAK;AAAA,IAAM,WAAU;AAAA,IAAS,YAAU;AAAA,IAAC,GAAG;AAAA,IAAG,GAAG;AAAA,KACjE,mDAAC;AAAA,IAAM,KAAK,OAAO;AAAA,IAAa,OAAO;AAAA,IAAK,QAAQ;AAAA,GAAK,CAC3D,CACF,GAEA,mDAAC;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,mDAAC;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;",
+  "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={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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,8BAAgC;AAChC,2BAAsC;AACtC,mBAAkB;AAClB,oBAAyB;AACzB,qBAAsD;AAGtD,oBAAmB;AAEnB,oBAAmB;AAEnB,oBAAmB;AAEZ,MAAM,SAAS,CAAC,sBAAO,KAAK,sBAAO,KAAK,sBAAO,GAAG;AAEzD,MAAM,kBAAkB,2BAAO,uBAAQ;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,4BAAS,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,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAO,KAAI;AAAA,IAAW,GAAG;AAAA,IAAK,GAAE;AAAA,IAAO,IAAG;AAAA,KAC/D,mDAAC;AAAA,IAAgB;AAAA,IAA4B;AAAA,KAC3C,mDAAC;AAAA,IAAgB,KAAK;AAAA,IAAM,WAAU;AAAA,IAAS,YAAU;AAAA,IAAC,GAAG;AAAA,IAAG,GAAG;AAAA,KACjE,mDAAC;AAAA,IAAM,KAAK,OAAO;AAAA,IAAa,OAAO;AAAA,IAAK,QAAQ;AAAA,GAAK,CAC3D,CACF,GAEA,mDAAC;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,mDAAC;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/cjs/AvatarDemo.js

@@ -20,7 +20,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var AvatarDemo_exports = {};
 __export(AvatarDemo_exports, {
-  default: () => AvatarDemo
+  AvatarDemo: () => AvatarDemo
 });
 module.exports = __toCommonJS(AvatarDemo_exports);
 var import_react = __toESM(require("react"));
@@ -49,5 +49,7 @@ function AvatarDemo() {
   })));
 }
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  AvatarDemo
+});
 //# sourceMappingURL=AvatarDemo.js.map

package/dist/cjs/AvatarDemo.js.map

@@ -1,7 +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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAA+B;AAEhB,sBAAsB;AACnC,SACE,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,OAAM;AAAA,KACxB,mDAAC;AAAA,IAAO,UAAQ;AAAA,IAAC,MAAK;AAAA,KACpB,mDAAC,sBAAO,OAAP;AAAA,IACC,oBAAmB;AAAA,IACnB,KAAI;AAAA,GACN,GACA,mDAAC,sBAAO,UAAP;AAAA,IAAgB,iBAAgB;AAAA,GAAU,CAC7C,GAEA,mDAAC;AAAA,IAAO,UAAQ;AAAA,IAAC,MAAK;AAAA,KACpB,mDAAC,sBAAO,OAAP;AAAA,IACC,oBAAmB;AAAA,IACnB,KAAI;AAAA,GACN,GACA,mDAAC,sBAAO,UAAP;AAAA,IAAgB,SAAS;AAAA,IAAK,iBAAgB;AAAA,GAAU,CAC3D,CACF;AAEJ;",
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAA+B;AAExB,sBAAsB;AAC3B,SACE,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,OAAM;AAAA,KACxB,mDAAC;AAAA,IAAO,UAAQ;AAAA,IAAC,MAAK;AAAA,KACpB,mDAAC,sBAAO,OAAP;AAAA,IACC,oBAAmB;AAAA,IACnB,KAAI;AAAA,GACN,GACA,mDAAC,sBAAO,UAAP;AAAA,IAAgB,iBAAgB;AAAA,GAAU,CAC7C,GAEA,mDAAC;AAAA,IAAO,UAAQ;AAAA,IAAC,MAAK;AAAA,KACpB,mDAAC,sBAAO,OAAP;AAAA,IACC,oBAAmB;AAAA,IACnB,KAAI;AAAA,GACN,GACA,mDAAC,sBAAO,UAAP;AAAA,IAAgB,SAAS;AAAA,IAAK,iBAAgB;AAAA,GAAU,CAC3D,CACF;AAEJ;",
   "names": []
 }

package/dist/cjs/ButtonDemo.js

@@ -34,7 +34,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ButtonDemo_exports = {};
 __export(ButtonDemo_exports, {
-  default: () => ButtonDemo
+  ButtonDemo: () => ButtonDemo
 });
 module.exports = __toCommonJS(ButtonDemo_exports);
 var import_feather_icons = require("@tamagui/feather-icons");
@@ -75,5 +75,7 @@ function ButtonDemo(props) {
   }, "chromeless")));
 }
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  ButtonDemo
+});
 //# sourceMappingURL=ButtonDemo.js.map

package/dist/cjs/ButtonDemo.js.map

@@ -1,7 +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\" 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;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAkC;AAClC,mBAAkB;AAClB,qBAA8C;AAE/B,oBAAoB,OAAO;AACxC,SACE,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAK;AAAA,KAAK,QACvB,mDAAC,6BAAO,OAAK,GACb,mDAAC;AAAA,IAAO,KAAI;AAAA,IAAS,MAAM;AAAA,IAAS,MAAK;AAAA,KAAK,OAE9C,GACA,mDAAC,4BACC,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAM,MAAK;AAAA,IAAK,OAAM;AAAA,KAAO,MAEvC,GACA,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAM,MAAK;AAAA,IAAK,OAAM;AAAA,KAAS,QAEzC,CACF,GACA,mDAAC;AAAA,IAAO,OAAM;AAAA,KACZ,mDAAC;AAAA,IAAO,cAAY;AAAA,IAAC,MAAK;AAAA,KAAK,eAE/B,GACA,mDAAC;AAAA,IAAO,WAAW;AAAA,IAAU,MAAK;AAAA,KAAK,OAEvC,CACF,GACA,mDAAC,4BACC,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAM,MAAK;AAAA,IAAK,UAAQ;AAAA,KAAC,UAEnC,GACA,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAM,MAAK;AAAA,IAAK,YAAU;AAAA,KAAC,YAErC,CACF,CACF;AAEJ;",
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAkC;AAClC,mBAAkB;AAClB,qBAA8C;AAEvC,oBAAoB,OAAO;AAChC,SACE,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAK;AAAA,KAAK,QACvB,mDAAC,6BAAO,OAAK,GACb,mDAAC;AAAA,IAAO,KAAI;AAAA,IAAS,MAAM;AAAA,IAAS,MAAK;AAAA,KAAK,OAE9C,GACA,mDAAC,4BACC,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAM,MAAK;AAAA,IAAK,OAAM;AAAA,KAAO,MAEvC,GACA,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAM,MAAK;AAAA,IAAK,OAAM;AAAA,KAAS,QAEzC,CACF,GACA,mDAAC;AAAA,IAAO,OAAM;AAAA,KACZ,mDAAC;AAAA,IAAO,cAAY;AAAA,IAAC,MAAK;AAAA,KAAK,eAE/B,GACA,mDAAC;AAAA,IAAO,WAAW;AAAA,IAAU,MAAK;AAAA,KAAK,OAEvC,CACF,GACA,mDAAC,4BACC,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAM,MAAK;AAAA,IAAK,UAAQ;AAAA,KAAC,UAEnC,GACA,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAM,MAAK;AAAA,IAAK,YAAU;AAAA,KAAC,YAErC,CACF,CACF;AAEJ;",
   "names": []
 }

package/dist/cjs/CardDemo.js

@@ -34,7 +34,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var CardDemo_exports = {};
 __export(CardDemo_exports, {
-  default: () => CardDemo
+  CardDemo: () => CardDemo
 });
 module.exports = __toCommonJS(CardDemo_exports);
 var import_react = __toESM(require("react"));
@@ -84,5 +84,7 @@ function DemoCard(props) {
   })));
 }
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  CardDemo
+});
 //# sourceMappingURL=CardDemo.js.map

package/dist/cjs/CardDemo.js.map

@@ -1,7 +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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAA0E;AAG1E,oBAAmB;AAEJ,oBAAoB;AACjC,SACE,mDAAC;AAAA,IAAO,KAAK,EAAE,eAAe,SAAS;AAAA,IAAG,IAAG;AAAA,IAAK,OAAK;AAAA,KACrD,mDAAC;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,YAAY,EAAE,OAAO,MAAM;AAAA,IAC3B,YAAY,EAAE,OAAO,MAAM;AAAA,GAC7B,GACA,mDAAC;AAAA,IAAS,MAAK;AAAA,IAAK,GAAG;AAAA,IAAK,GAAG;AAAA,GAAK,CACtC;AAEJ;AAEA,kBAAkB,OAAkB;AAClC,SACE,mDAAC;AAAA,IAAK,OAAM;AAAA,IAAO,SAAO;AAAA,IAAC,MAAK;AAAA,IAAK,UAAQ;AAAA,KAAK,QAChD,mDAAC,oBAAK,QAAL;AAAA,IAAY,QAAM;AAAA,KACjB,mDAAC,yBAAG,WAAS,GACb,mDAAC;AAAA,IAAU,OAAM;AAAA,KAAO,eAAa,CACvC,GACA,mDAAC,oBAAK,QAAL;AAAA,IAAY,QAAM;AAAA,KACjB,mDAAC;AAAA,IAAO,GAAG;AAAA,GAAG,GACd,mDAAC;AAAA,IAAO,IAAG;AAAA,KAAM,UAAQ,CAC3B,GACA,mDAAC,oBAAK,YAAL,MACC,mDAAC;AAAA,IAAM,KAAI;AAAA,IAAW,OAAO;AAAA,IAAK,QAAQ;AAAA,IAAK,YAAW;AAAA,IAAQ,KAAK,sBAAO;AAAA,GAAK,CACrF,CACF;AAEJ;",
+  "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 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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAA0E;AAG1E,oBAAmB;AAEZ,oBAAoB;AACzB,SACE,mDAAC;AAAA,IAAO,KAAK,EAAE,eAAe,SAAS;AAAA,IAAG,IAAG;AAAA,IAAK,OAAK;AAAA,KACrD,mDAAC;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,YAAY,EAAE,OAAO,MAAM;AAAA,IAC3B,YAAY,EAAE,OAAO,MAAM;AAAA,GAC7B,GACA,mDAAC;AAAA,IAAS,MAAK;AAAA,IAAK,GAAG;AAAA,IAAK,GAAG;AAAA,GAAK,CACtC;AAEJ;AAEA,kBAAkB,OAAkB;AAClC,SACE,mDAAC;AAAA,IAAK,OAAM;AAAA,IAAO,SAAO;AAAA,IAAC,MAAK;AAAA,IAAK,UAAQ;AAAA,KAAK,QAChD,mDAAC,oBAAK,QAAL;AAAA,IAAY,QAAM;AAAA,KACjB,mDAAC,yBAAG,WAAS,GACb,mDAAC;AAAA,IAAU,OAAM;AAAA,KAAO,eAAa,CACvC,GACA,mDAAC,oBAAK,QAAL;AAAA,IAAY,QAAM;AAAA,KACjB,mDAAC;AAAA,IAAO,GAAG;AAAA,GAAG,GACd,mDAAC;AAAA,IAAO,IAAG;AAAA,KAAM,UAAQ,CAC3B,GACA,mDAAC,oBAAK,YAAL,MACC,mDAAC;AAAA,IAAM,KAAI;AAAA,IAAW,OAAO;AAAA,IAAK,QAAQ;AAAA,IAAK,YAAW;AAAA,IAAQ,KAAK,sBAAO;AAAA,GAAK,CACrF,CACF;AAEJ;",
   "names": []
 }

package/dist/cjs/DialogDemo.js

@@ -20,7 +20,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DialogDemo_exports = {};
 __export(DialogDemo_exports, {
-  default: () => DialogDemo
+  DialogDemo: () => DialogDemo
 });
 module.exports = __toCommonJS(DialogDemo_exports);
 var import_feather_icons = require("@tamagui/feather-icons");
@@ -97,5 +97,7 @@ function DialogDemo() {
   }))))));
 }
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  DialogDemo
+});
 //# sourceMappingURL=DialogDemo.js.map

package/dist/cjs/DialogDemo.js.map

@@ -1,7 +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;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAkB;AAClB,mBAAkB;AAClB,qBAAyE;AAE1D,sBAAsB;AACnC,SACE,mDAAC;AAAA,IAAO,OAAK;AAAA,KACX,mDAAC,sBAAO,SAAP;AAAA,IAAe,SAAO;AAAA,KACrB,mDAAC,6BAAO,cAAY,CACtB,GACA,mDAAC,sBAAO,QAAP,MACC,mDAAC,sBAAO,SAAP;AAAA,IACC,KAAI;AAAA,IACJ,WAAU;AAAA,IACV,GAAG;AAAA,IACH,YAAY,EAAE,GAAG,EAAE;AAAA,IACnB,WAAW,EAAE,GAAG,EAAE;AAAA,GACpB,GACA,mDAAC,sBAAO,SAAP;AAAA,IACC,UAAQ;AAAA,IACR,SAAO;AAAA,IACP,KAAI;AAAA,IACJ,OAAK;AAAA,IACL,WAAW;AAAA,MACT;AAAA,MACA;AAAA,QACE,SAAS;AAAA,UACP,mBAAmB;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAAA,IACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,IACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,IAClD,GAAG;AAAA,IACH,OAAO;AAAA,IACP,SAAS;AAAA,IACT,GAAG;AAAA,KAEH,mDAAC,sBAAO,OAAP,MAAa,cAAY,GAC1B,mDAAC,sBAAO,aAAP,MAAmB,iEAEpB,GACA,mDAAC;AAAA,IAAS,OAAM;AAAA,IAAK,YAAU;AAAA,KAC7B,mDAAC;AAAA,IAAM,GAAG;AAAA,IAAK,gBAAe;AAAA,IAAW,SAAQ;AAAA,KAAO,MAExD,GACA,mDAAC;AAAA,IAAM,GAAG;AAAA,IAAG,IAAG;AAAA,IAAO,cAAa;AAAA,GAAe,CACrD,GACA,mDAAC;AAAA,IAAS,OAAM;AAAA,IAAK,YAAU;AAAA,KAC7B,mDAAC;AAAA,IAAM,GAAG;AAAA,IAAK,gBAAe;AAAA,IAAW,SAAQ;AAAA,KAAW,UAE5D,GACA,mDAAC;AAAA,IAAM,GAAG;AAAA,IAAG,IAAG;AAAA,IAAW,cAAa;AAAA,GAAe,CACzD,GAEA,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAW,IAAG;AAAA,KACvB,mDAAC,sBAAO,OAAP;AAAA,IAAa,SAAO;AAAA,KACnB,mDAAC;AAAA,IAAO,OAAM;AAAA,IAAO,cAAW;AAAA,KAAQ,cAExC,CACF,CACF,GAEA,mDAAC,+BACC,mDAAC,sBAAO,OAAP;AAAA,IAAa,SAAO;AAAA,KACnB,mDAAC;AAAA,IAAO,KAAI;AAAA,IAAW,GAAE;AAAA,IAAK,GAAE;AAAA,IAAK,UAAQ;AAAA,IAAC,MAAM;AAAA,GAAG,CACzD,CACF,CACF,CACF,CACF;AAEJ;",
+  "sourcesContent": ["import { X } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, Dialog, Fieldset, Input, Label, Unspaced, YStack } from 'tamagui'\n\nexport 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;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAkB;AAClB,mBAAkB;AAClB,qBAAyE;AAElE,sBAAsB;AAC3B,SACE,mDAAC;AAAA,IAAO,OAAK;AAAA,KACX,mDAAC,sBAAO,SAAP;AAAA,IAAe,SAAO;AAAA,KACrB,mDAAC,6BAAO,cAAY,CACtB,GACA,mDAAC,sBAAO,QAAP,MACC,mDAAC,sBAAO,SAAP;AAAA,IACC,KAAI;AAAA,IACJ,WAAU;AAAA,IACV,GAAG;AAAA,IACH,YAAY,EAAE,GAAG,EAAE;AAAA,IACnB,WAAW,EAAE,GAAG,EAAE;AAAA,GACpB,GACA,mDAAC,sBAAO,SAAP;AAAA,IACC,UAAQ;AAAA,IACR,SAAO;AAAA,IACP,KAAI;AAAA,IACJ,OAAK;AAAA,IACL,WAAW;AAAA,MACT;AAAA,MACA;AAAA,QACE,SAAS;AAAA,UACP,mBAAmB;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAAA,IACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,IACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,IAClD,GAAG;AAAA,IACH,OAAO;AAAA,IACP,SAAS;AAAA,IACT,GAAG;AAAA,KAEH,mDAAC,sBAAO,OAAP,MAAa,cAAY,GAC1B,mDAAC,sBAAO,aAAP,MAAmB,iEAEpB,GACA,mDAAC;AAAA,IAAS,OAAM;AAAA,IAAK,YAAU;AAAA,KAC7B,mDAAC;AAAA,IAAM,GAAG;AAAA,IAAK,gBAAe;AAAA,IAAW,SAAQ;AAAA,KAAO,MAExD,GACA,mDAAC;AAAA,IAAM,GAAG;AAAA,IAAG,IAAG;AAAA,IAAO,cAAa;AAAA,GAAe,CACrD,GACA,mDAAC;AAAA,IAAS,OAAM;AAAA,IAAK,YAAU;AAAA,KAC7B,mDAAC;AAAA,IAAM,GAAG;AAAA,IAAK,gBAAe;AAAA,IAAW,SAAQ;AAAA,KAAW,UAE5D,GACA,mDAAC;AAAA,IAAM,GAAG;AAAA,IAAG,IAAG;AAAA,IAAW,cAAa;AAAA,GAAe,CACzD,GAEA,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAW,IAAG;AAAA,KACvB,mDAAC,sBAAO,OAAP;AAAA,IAAa,SAAO;AAAA,KACnB,mDAAC;AAAA,IAAO,OAAM;AAAA,IAAO,cAAW;AAAA,KAAQ,cAExC,CACF,CACF,GAEA,mDAAC,+BACC,mDAAC,sBAAO,OAAP;AAAA,IAAa,SAAO;AAAA,KACnB,mDAAC;AAAA,IAAO,KAAI;AAAA,IAAW,GAAE;AAAA,IAAK,GAAE;AAAA,IAAK,UAAQ;AAAA,IAAC,MAAM;AAAA,GAAG,CACzD,CACF,CACF,CACF,CACF;AAEJ;",
   "names": []
 }

package/dist/cjs/DrawerDemo.js

@@ -20,7 +20,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DrawerDemo_exports = {};
 __export(DrawerDemo_exports, {
-  default: () => DrawerDemo
+  DrawerDemo: () => DrawerDemo
 });
 module.exports = __toCommonJS(DrawerDemo_exports);
 var import_drawer = require("@tamagui/drawer");
@@ -63,5 +63,7 @@ function DrawerDemo() {
   })))));
 }
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  DrawerDemo
+});
 //# sourceMappingURL=DrawerDemo.js.map

package/dist/cjs/DrawerDemo.js.map

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

package/dist/cjs/FeatherIconsDemo.js

@@ -20,7 +20,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var FeatherIconsDemo_exports = {};
 __export(FeatherIconsDemo_exports, {
-  default: () => FeatherIconsDemo
+  FeatherIconsDemo: () => FeatherIconsDemo
 });
 module.exports = __toCommonJS(FeatherIconsDemo_exports);
 var FeatherIcons = __toESM(require("@tamagui/feather-icons"));
@@ -69,5 +69,7 @@ function FeatherIconsDemo() {
   }, iconsMemo))));
 }
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  FeatherIconsDemo
+});
 //# sourceMappingURL=FeatherIconsDemo.js.map

package/dist/cjs/FeatherIconsDemo.js.map

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

package/dist/cjs/FormsDemo.js

@@ -20,7 +20,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var FormsDemo_exports = {};
 __export(FormsDemo_exports, {
-  default: () => FormsDemo
+  FormsDemo: () => FormsDemo
 });
 module.exports = __toCommonJS(FormsDemo_exports);
 var import_react = __toESM(require("react"));
@@ -57,5 +57,7 @@ function FormDemo(props) {
   }, "Go"));
 }
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  FormsDemo
+});
 //# sourceMappingURL=FormsDemo.js.map

package/dist/cjs/FormsDemo.js.map

@@ -1,7 +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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAoE;AAErD,qBAAqB;AAClC,SACE,mDAAC;AAAA,IAAO,GAAG;AAAA,IAAK,KAAK;AAAA,IAAK,UAAS;AAAA,IAAS,OAAM;AAAA,IAAK,GAAE;AAAA,IAAK,GAAE;AAAA,KAC9D,mDAAC;AAAA,IAAS,MAAK;AAAA,GAAK,GACpB,mDAAC;AAAA,IAAS,MAAK;AAAA,GAAK,GACpB,mDAAC;AAAA,IAAS,MAAK;AAAA,GAAK,GACpB,mDAAC;AAAA,IAAS,eAAe;AAAA,GAAG,CAC9B;AAEJ;AAEA,kBAAkB,OAA6B;AAC7C,SACE,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,OAAM;AAAA,KACxB,mDAAC;AAAA,IAAM,GAAG;AAAA,IAAG,GAAE;AAAA,IAAK,MAAM,MAAM;AAAA,IAAM,aAAa,QAAQ,MAAM;AAAA,GAAW,GAC5E,mDAAC;AAAA,IAAO,MAAM,MAAM;AAAA,KAAM,IAAE,CAC9B;AAEJ;",
+  "sourcesContent": ["import React from 'react'\nimport { Button, Input, SizeTokens, TextArea, XStack, YStack } from 'tamagui'\n\nexport 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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAoE;AAE7D,qBAAqB;AAC1B,SACE,mDAAC;AAAA,IAAO,GAAG;AAAA,IAAK,KAAK;AAAA,IAAK,UAAS;AAAA,IAAS,OAAM;AAAA,IAAK,GAAE;AAAA,IAAK,GAAE;AAAA,KAC9D,mDAAC;AAAA,IAAS,MAAK;AAAA,GAAK,GACpB,mDAAC;AAAA,IAAS,MAAK;AAAA,GAAK,GACpB,mDAAC;AAAA,IAAS,MAAK;AAAA,GAAK,GACpB,mDAAC;AAAA,IAAS,eAAe;AAAA,GAAG,CAC9B;AAEJ;AAEA,kBAAkB,OAA6B;AAC7C,SACE,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,OAAM;AAAA,KACxB,mDAAC;AAAA,IAAM,GAAG;AAAA,IAAG,GAAE;AAAA,IAAK,MAAM,MAAM;AAAA,IAAM,aAAa,QAAQ,MAAM;AAAA,GAAW,GAC5E,mDAAC;AAAA,IAAO,MAAM,MAAM;AAAA,KAAM,IAAE,CAC9B;AAEJ;",
   "names": []
 }

package/dist/cjs/GroupDemo.js

@@ -20,7 +20,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var GroupDemo_exports = {};
 __export(GroupDemo_exports, {
-  default: () => GroupDemo
+  GroupDemo: () => GroupDemo
 });
 module.exports = __toCommonJS(GroupDemo_exports);
 var import_feather_icons = require("@tamagui/feather-icons");
@@ -46,5 +46,7 @@ function GroupDemo() {
   }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.ListItem, null, "First"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.ListItem, null, "Second"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.ListItem, null, "Third")));
 }
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  GroupDemo
+});
 //# sourceMappingURL=GroupDemo.js.map

package/dist/cjs/GroupDemo.js.map

@@ -1,7 +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;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAkC;AAClC,mBAAkB;AAClB,qBAA2D;AAE5C,qBAAqB;AAClC,SACE,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,IAAG;AAAA,KAC3B,mDAAC;AAAA,IAAM,MAAK;AAAA,KACV,mDAAC,6BAAO,OAAK,GACb,mDAAC,6BAAO,QAAM,GACd,mDAAC,6BAAO,OAAK,CACf,GAEA,mDAAC;AAAA,IAAM,MAAK;AAAA,KACV,mDAAC;AAAA,IAAO,MAAM;AAAA,KAAU,OAAK,GAC7B,mDAAC;AAAA,IAAO,MAAM;AAAA,KAAS,QAAM,CAC/B,GAEA,mDAAC;AAAA,IAAM,MAAK;AAAA,IAAK,UAAQ;AAAA,IAAC,WAAW,mDAAC,8BAAU;AAAA,KAC9C,mDAAC,+BAAS,OAAK,GACf,mDAAC,+BAAS,QAAM,GAChB,mDAAC,+BAAS,OAAK,CACjB,CACF;AAEJ;",
+  "sourcesContent": ["import { Activity, Airplay } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, Group, ListItem, Separator, YStack } from 'tamagui'\n\nexport 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;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAkC;AAClC,mBAAkB;AAClB,qBAA2D;AAEpD,qBAAqB;AAC1B,SACE,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,IAAG;AAAA,KAC3B,mDAAC;AAAA,IAAM,MAAK;AAAA,KACV,mDAAC,6BAAO,OAAK,GACb,mDAAC,6BAAO,QAAM,GACd,mDAAC,6BAAO,OAAK,CACf,GAEA,mDAAC;AAAA,IAAM,MAAK;AAAA,KACV,mDAAC;AAAA,IAAO,MAAM;AAAA,KAAU,OAAK,GAC7B,mDAAC;AAAA,IAAO,MAAM;AAAA,KAAS,QAAM,CAC/B,GAEA,mDAAC;AAAA,IAAM,MAAK;AAAA,IAAK,UAAQ;AAAA,IAAC,WAAW,mDAAC,8BAAU;AAAA,KAC9C,mDAAC,+BAAS,OAAK,GACf,mDAAC,+BAAS,QAAM,GAChB,mDAAC,+BAAS,OAAK,CACjB,CACF;AAEJ;",
   "names": []
 }

package/dist/cjs/HeadingsDemo.js

@@ -20,7 +20,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var HeadingsDemo_exports = {};
 __export(HeadingsDemo_exports, {
-  default: () => HeadingsDemo
+  HeadingsDemo: () => HeadingsDemo
 });
 module.exports = __toCommonJS(HeadingsDemo_exports);
 var import_react = __toESM(require("react"));
@@ -31,5 +31,7 @@ function HeadingsDemo() {
   }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.H1, null, "Heading 1"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.H2, null, "Heading 2"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.H3, null, "Heading 3"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.H4, null, "Heading 4"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.H5, null, "Heading 5"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.H6, null, "Heading 6"));
 }
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  HeadingsDemo
+});
 //# sourceMappingURL=HeadingsDemo.js.map

package/dist/cjs/HeadingsDemo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/HeadingsDemo.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { H1, H2, H3, H4, H5, H6, YStack } from 'tamagui'\n\nexport default function HeadingsDemo() {\n  return (\n    <YStack als=\"center\">\n      <H1>Heading 1</H1>\n      <H2>Heading 2</H2>\n      <H3>Heading 3</H3>\n      <H4>Heading 4</H4>\n      <H5>Heading 5</H5>\n      <H6>Heading 6</H6>\n    </YStack>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAA+C;AAEhC,wBAAwB;AACrC,SACE,mDAAC;AAAA,IAAO,KAAI;AAAA,KACV,mDAAC,yBAAG,WAAS,GACb,mDAAC,yBAAG,WAAS,GACb,mDAAC,yBAAG,WAAS,GACb,mDAAC,yBAAG,WAAS,GACb,mDAAC,yBAAG,WAAS,GACb,mDAAC,yBAAG,WAAS,CACf;AAEJ;",
+  "sourcesContent": ["import React from 'react'\nimport { H1, H2, H3, H4, H5, H6, YStack } from 'tamagui'\n\nexport function HeadingsDemo() {\n  return (\n    <YStack als=\"center\">\n      <H1>Heading 1</H1>\n      <H2>Heading 2</H2>\n      <H3>Heading 3</H3>\n      <H4>Heading 4</H4>\n      <H5>Heading 5</H5>\n      <H6>Heading 6</H6>\n    </YStack>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAA+C;AAExC,wBAAwB;AAC7B,SACE,mDAAC;AAAA,IAAO,KAAI;AAAA,KACV,mDAAC,yBAAG,WAAS,GACb,mDAAC,yBAAG,WAAS,GACb,mDAAC,yBAAG,WAAS,GACb,mDAAC,yBAAG,WAAS,GACb,mDAAC,yBAAG,WAAS,GACb,mDAAC,yBAAG,WAAS,CACf;AAEJ;",
   "names": []
 }

package/dist/cjs/ImageDemo.js

@@ -20,7 +20,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ImageDemo_exports = {};
 __export(ImageDemo_exports, {
-  default: () => ImageDemo
+  ImageDemo: () => ImageDemo
 });
 module.exports = __toCommonJS(ImageDemo_exports);
 var import_react = __toESM(require("react"));
@@ -33,5 +33,7 @@ function ImageDemo() {
   });
 }
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  ImageDemo
+});
 //# sourceMappingURL=ImageDemo.js.map

package/dist/cjs/ImageDemo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ImageDemo.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { Image } from 'tamagui'\n\nexport default function ImageDemo() {\n  return <Image src=\"http://placekitten.com/200/300\" width={200} height={300} />\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAsB;AAEP,qBAAqB;AAClC,SAAO,mDAAC;AAAA,IAAM,KAAI;AAAA,IAAiC,OAAO;AAAA,IAAK,QAAQ;AAAA,GAAK;AAC9E;",
+  "sourcesContent": ["import React from 'react'\nimport { Image } from 'tamagui'\n\nexport function ImageDemo() {\n  return <Image src=\"http://placekitten.com/200/300\" width={200} height={300} />\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAsB;AAEf,qBAAqB;AAC1B,SAAO,mDAAC;AAAA,IAAM,KAAI;AAAA,IAAiC,OAAO;AAAA,IAAK,QAAQ;AAAA,GAAK;AAC9E;",
   "names": []
 }

package/dist/cjs/LabelDemo.js

@@ -20,7 +20,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var LabelDemo_exports = {};
 __export(LabelDemo_exports, {
-  default: () => LabelDemo
+  LabelDemo: () => LabelDemo
 });
 module.exports = __toCommonJS(LabelDemo_exports);
 var import_react = __toESM(require("react"));
@@ -39,5 +39,7 @@ function LabelDemo() {
   }));
 }
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  LabelDemo
+});
 //# sourceMappingURL=LabelDemo.js.map

package/dist/cjs/LabelDemo.js.map

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