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

package/dist/cjs/LinearGradientDemo.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 LinearGradientDemo_exports = {};
 __export(LinearGradientDemo_exports, {
-  default: () => LinearGradientDemo
+  LinearGradientDemo: () => LinearGradientDemo
 });
 module.exports = __toCommonJS(LinearGradientDemo_exports);
 var import_react = __toESM(require("react"));
@@ -37,5 +37,7 @@ function LinearGradientDemo() {
   });
 }
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  LinearGradientDemo
+});
 //# sourceMappingURL=LinearGradientDemo.js.map

package/dist/cjs/LinearGradientDemo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/LinearGradientDemo.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { LinearGradient } from 'tamagui'\n\nexport default function LinearGradientDemo() {\n  return (\n    <LinearGradient\n      als=\"center\"\n      width={100}\n      height={100}\n      colors={['$red10', '$yellow10']}\n      start={[0, 1]}\n      br=\"$4\"\n      end={[0, 0]}\n    />\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAA+B;AAEhB,8BAA8B;AAC3C,SACE,mDAAC;AAAA,IACC,KAAI;AAAA,IACJ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ,CAAC,UAAU,WAAW;AAAA,IAC9B,OAAO,CAAC,GAAG,CAAC;AAAA,IACZ,IAAG;AAAA,IACH,KAAK,CAAC,GAAG,CAAC;AAAA,GACZ;AAEJ;",
+  "sourcesContent": ["import React from 'react'\nimport { LinearGradient } from 'tamagui'\n\nexport function LinearGradientDemo() {\n  return (\n    <LinearGradient\n      als=\"center\"\n      width={100}\n      height={100}\n      colors={['$red10', '$yellow10']}\n      start={[0, 1]}\n      br=\"$4\"\n      end={[0, 0]}\n    />\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAA+B;AAExB,8BAA8B;AACnC,SACE,mDAAC;AAAA,IACC,KAAI;AAAA,IACJ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ,CAAC,UAAU,WAAW;AAAA,IAC9B,OAAO,CAAC,GAAG,CAAC;AAAA,IACZ,IAAG;AAAA,IACH,KAAK,CAAC,GAAG,CAAC;AAAA,GACZ;AAEJ;",
   "names": []
 }

package/dist/cjs/ListItemDemo.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 ListItemDemo_exports = {};
 __export(ListItemDemo_exports, {
-  default: () => ListItemDemo
+  ListItemDemo: () => ListItemDemo
 });
 module.exports = __toCommonJS(ListItemDemo_exports);
 var import_feather_icons = require("@tamagui/feather-icons");
@@ -77,5 +77,7 @@ function ListItemDemo2() {
   }));
 }
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  ListItemDemo
+});
 //# sourceMappingURL=ListItemDemo.js.map

package/dist/cjs/ListItemDemo.js.map

@@ -1,7 +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;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAqD;AACrD,mBAAkB;AAClB,qBAAmD;AAEpC,wBAAwB;AACrC,SACE,mDAAC;AAAA,IAAO,KAAK,EAAE,eAAe,SAAS;AAAA,IAAG,IAAG;AAAA,IAAK,OAAK;AAAA,KACrD,mDAAC,mBAAc,GACf,mDAAC,mBAAc,CACjB;AAEJ;AAEA,yBAAyB;AACvB,SACE,mDAAC;AAAA,IAAM,KAAI;AAAA,IAAS,UAAQ;AAAA,IAAC,GAAG;AAAA,IAAK,MAAK;AAAA,IAAK,UAAQ;AAAA,KACrD,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,MAAM;AAAA,KAAM,MAEjC,GACA,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,MAAM;AAAA,KAAM,MAEjC,GACA,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,MAAM;AAAA,KAAK,KAEhC,GACA,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,MAAM;AAAA,KAAO,OAElC,CACF;AAEJ;AAEA,yBAAyB;AACvB,SACE,mDAAC;AAAA,IAAM,KAAI;AAAA,IAAS,UAAQ;AAAA,IAAC,GAAG;AAAA,IAAK,MAAK;AAAA,IAAK,UAAQ;AAAA,IAAC,WAAW,mDAAC,8BAAU;AAAA,KAC5E,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,OAAM;AAAA,IAAO,UAAS;AAAA,IAAW,MAAM;AAAA,IAAM,WAAW;AAAA,GAAc,GAC3F,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,OAAM;AAAA,IAAO,UAAS;AAAA,IAAW,MAAM;AAAA,IAAM,WAAW;AAAA,GAAc,CAC7F;AAEJ;",
+  "sourcesContent": ["import { ChevronRight, Cloud, Moon, Star, Sun } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Group, ListItem, Separator, XStack } from 'tamagui'\n\nexport 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;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAqD;AACrD,mBAAkB;AAClB,qBAAmD;AAE5C,wBAAwB;AAC7B,SACE,mDAAC;AAAA,IAAO,KAAK,EAAE,eAAe,SAAS;AAAA,IAAG,IAAG;AAAA,IAAK,OAAK;AAAA,KACrD,mDAAC,mBAAc,GACf,mDAAC,mBAAc,CACjB;AAEJ;AAEA,yBAAyB;AACvB,SACE,mDAAC;AAAA,IAAM,KAAI;AAAA,IAAS,UAAQ;AAAA,IAAC,GAAG;AAAA,IAAK,MAAK;AAAA,IAAK,UAAQ;AAAA,KACrD,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,MAAM;AAAA,KAAM,MAEjC,GACA,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,MAAM;AAAA,KAAM,MAEjC,GACA,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,MAAM;AAAA,KAAK,KAEhC,GACA,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,MAAM;AAAA,KAAO,OAElC,CACF;AAEJ;AAEA,yBAAyB;AACvB,SACE,mDAAC;AAAA,IAAM,KAAI;AAAA,IAAS,UAAQ;AAAA,IAAC,GAAG;AAAA,IAAK,MAAK;AAAA,IAAK,UAAQ;AAAA,IAAC,WAAW,mDAAC,8BAAU;AAAA,KAC5E,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,OAAM;AAAA,IAAO,UAAS;AAAA,IAAW,MAAM;AAAA,IAAM,WAAW;AAAA,GAAc,GAC3F,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,OAAM;AAAA,IAAO,UAAS;AAAA,IAAW,MAAM;AAAA,IAAM,WAAW;AAAA,GAAc,CAC7F;AAEJ;",
   "names": []
 }

package/dist/cjs/MenuDemo.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 MenuDemo_exports = {};
 __export(MenuDemo_exports, {
-  default: () => MenuDemo
+  MenuDemo: () => MenuDemo
 });
 module.exports = __toCommonJS(MenuDemo_exports);
 var import_feather_icons = require("@tamagui/feather-icons");
@@ -44,5 +44,7 @@ function MenuDemo() {
   }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.H4, null, "Menu contents"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Paragraph, null, "Lorem ipsum dolor sit amet.")))));
 }
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  MenuDemo
+});
 //# sourceMappingURL=MenuDemo.js.map

package/dist/cjs/MenuDemo.js.map

@@ -1,7 +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;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAiC;AACjC,kBAAqB;AACrB,mBAAgC;AAChC,qBAA8C;AAE/B,oBAAoB;AACjC,QAAM,CAAC,MAAM,WAAW,2BAAS,KAAK;AAEtC,SACE,mDAAC,iBAAK,UAAL,MACC,mDAAC;AAAA,IACC,MAAM;AAAA,IACN,cAAc;AAAA,IACd,SACE,mDAAC;AAAA,MACC,MAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO,OAAO,WAAW;AAAA,MACzB,UAAQ;AAAA,MACR,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,KAClC;AAAA,KAGF,mDAAC,iBAAK,MAAL,MACC,mDAAC;AAAA,IAAO,GAAE;AAAA,KACR,mDAAC,yBAAG,eAAa,GACjB,mDAAC,gCAAU,6BAA2B,CACxC,CACF,CACF,CACF;AAEJ;",
+  "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 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;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAiC;AACjC,kBAAqB;AACrB,mBAAgC;AAChC,qBAA8C;AAEvC,oBAAoB;AACzB,QAAM,CAAC,MAAM,WAAW,2BAAS,KAAK;AAEtC,SACE,mDAAC,iBAAK,UAAL,MACC,mDAAC;AAAA,IACC,MAAM;AAAA,IACN,cAAc;AAAA,IACd,SACE,mDAAC;AAAA,MACC,MAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO,OAAO,WAAW;AAAA,MACzB,UAAQ;AAAA,MACR,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,KAClC;AAAA,KAGF,mDAAC,iBAAK,MAAL,MACC,mDAAC;AAAA,IAAO,GAAE;AAAA,KACR,mDAAC,yBAAG,eAAa,GACjB,mDAAC,gCAAU,6BAA2B,CACxC,CACF,CACF,CACF;AAEJ;",
   "names": []
 }

package/dist/cjs/PopoverDemo.js

@@ -44,7 +44,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var PopoverDemo_exports = {};
 __export(PopoverDemo_exports, {
   Demo: () => Demo,
-  default: () => PopoverDemo
+  PopoverDemo: () => PopoverDemo
 });
 module.exports = __toCommonJS(PopoverDemo_exports);
 var import_feather_icons = require("@tamagui/feather-icons");
@@ -94,6 +94,7 @@ function Demo(_a) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Demo
+  Demo,
+  PopoverDemo
 });
 //# sourceMappingURL=PopoverDemo.js.map

package/dist/cjs/PopoverDemo.js.map

@@ -1,7 +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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAuD;AACvD,qBAA4E;AAE7D,uBAAuB;AACpC,SACE,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAK,WAAU;AAAA,IAAO,MAAM;AAAA,GAAa,GAC1C,oCAAC;AAAA,IAAK,WAAU;AAAA,IAAS,MAAM;AAAA,GAAa,GAC5C,oCAAC;AAAA,IAAK,WAAU;AAAA,IAAQ,MAAM;AAAA,GAAc,CAC9C;AAEJ;AAEO,cAAc,IAAmD;AAAnD,eAAE,WAAF,IAAW,kBAAX,IAAW,CAAT;AACrB,SACE,oCAAC;AAAA,IAAQ,OAAK;AAAA,KAAK,QACjB,oCAAC,uBAAQ,SAAR,MACC,oCAAC;AAAA,IAAO,MAAM;AAAA,GAAM,CACtB,GACA,oCAAC,uBAAQ,SAAR;AAAA,IACC,WAAU;AAAA,IACV,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE;AAAA,IACjC,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE;AAAA,IAChC,GAAE;AAAA,IACF,IAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,WAAU;AAAA,IACV,SAAO;AAAA,KAEP,oCAAC,uBAAQ,OAAR,IAAc,GAEf,oCAAC;AAAA,IAAO,GAAE;AAAA,KACR,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAM,MAAK;AAAA,IAAK,SAAQ;AAAA,KAAO,MAEhC,GACA,oCAAC;AAAA,IAAM,MAAK;AAAA,IAAK,IAAG;AAAA,GAAO,CAC7B,CACF,CACF,CACF;AAEJ;",
+  "sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight } from '@tamagui/feather-icons'\nimport { Button, Input, Label, Popover, PopoverProps, XStack, YStack } from 'tamagui'\n\nexport 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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAuD;AACvD,qBAA4E;AAErE,uBAAuB;AAC5B,SACE,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAK,WAAU;AAAA,IAAO,MAAM;AAAA,GAAa,GAC1C,oCAAC;AAAA,IAAK,WAAU;AAAA,IAAS,MAAM;AAAA,GAAa,GAC5C,oCAAC;AAAA,IAAK,WAAU;AAAA,IAAQ,MAAM;AAAA,GAAc,CAC9C;AAEJ;AAEO,cAAc,IAAmD;AAAnD,eAAE,WAAF,IAAW,kBAAX,IAAW,CAAT;AACrB,SACE,oCAAC;AAAA,IAAQ,OAAK;AAAA,KAAK,QACjB,oCAAC,uBAAQ,SAAR,MACC,oCAAC;AAAA,IAAO,MAAM;AAAA,GAAM,CACtB,GACA,oCAAC,uBAAQ,SAAR;AAAA,IACC,WAAU;AAAA,IACV,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE;AAAA,IACjC,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE;AAAA,IAChC,GAAE;AAAA,IACF,IAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,WAAU;AAAA,IACV,SAAO;AAAA,KAEP,oCAAC,uBAAQ,OAAR,IAAc,GAEf,oCAAC;AAAA,IAAO,GAAE;AAAA,KACR,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAM,MAAK;AAAA,IAAK,SAAQ;AAAA,KAAO,MAEhC,GACA,oCAAC;AAAA,IAAM,MAAK;AAAA,IAAK,IAAG;AAAA,GAAO,CAC7B,CACF,CACF,CACF;AAEJ;",
   "names": []
 }

package/dist/cjs/ProgressDemo.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 ProgressDemo_exports = {};
 __export(ProgressDemo_exports, {
-  default: () => ProgressDemo
+  ProgressDemo: () => ProgressDemo
 });
 module.exports = __toCommonJS(ProgressDemo_exports);
 var import_react = __toESM(require("react"));
@@ -74,5 +74,7 @@ function ProgressDemo() {
   }, "Load")));
 }
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  ProgressDemo
+});
 //# sourceMappingURL=ProgressDemo.js.map

package/dist/cjs/ProgressDemo.js.map

@@ -1,7 +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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAAoC;AACpC,qBAAgF;AAEjE,wBAAwB;AACrC,QAAM,CAAC,MAAM,WAAW,4BAAS,CAAC;AAClC,QAAM,CAAC,UAAU,eAAe,4BAAS,EAAE;AAC3C,QAAM,WAAW,IAAI;AAErB,+BAAU,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,wFACE,mDAAC;AAAA,IAAO,GAAG;AAAA,IAAI,IAAG;AAAA,IAAS,OAAK;AAAA,KAC9B,mDAAC;AAAA,IAAU,GAAG;AAAA,IAAI,GAAG;AAAA,KAAK,UACjB,IACT,GACA,mDAAC;AAAA,IAAS,MAAM;AAAA,IAAU,OAAO;AAAA,KAC/B,mDAAC,wBAAS,WAAT;AAAA,IAAmB,WAAU;AAAA,GAAS,CACzC,CACF,GAEA,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,OAAK;AAAA,IAAC,KAAI;AAAA,IAAW,GAAG;AAAA,IAAI,GAAG;AAAA,IAAI,KAAK,EAAE,MAAM,OAAO;AAAA,KACzE,mDAAC;AAAA,IACC,MAAK;AAAA,IACL,GAAG;AAAA,IACH,cAAc,CAAC,CAAC;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,MAAM;AAAA,IACN,eAAe,CAAC,CAAC,SAAS;AACxB,cAAQ,GAAG;AAAA,IACb;AAAA,KAEA,mDAAC,sBAAO,OAAP,MACC,mDAAC,sBAAO,aAAP,IAAmB,CACtB,GACA,mDAAC,sBAAO,OAAP;AAAA,IAAa,UAAQ;AAAA,IAAC,OAAO;AAAA,GAAG,CACnC,GAEA,mDAAC;AAAA,IAAO,MAAK;AAAA,IAAK,SAAS,MAAM,YAAY,CAAC,SAAU,QAAO,MAAM,GAAG;AAAA,KAAG,MAE3E,CACF,CACF;AAEJ;",
+  "sourcesContent": ["import React from 'react'\nimport { useEffect, useState } from 'react'\nimport { Button, Paragraph, Progress, SizeTokens, Slider, XStack, YStack } from 'tamagui'\n\nexport 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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAAoC;AACpC,qBAAgF;AAEzE,wBAAwB;AAC7B,QAAM,CAAC,MAAM,WAAW,4BAAS,CAAC;AAClC,QAAM,CAAC,UAAU,eAAe,4BAAS,EAAE;AAC3C,QAAM,WAAW,IAAI;AAErB,+BAAU,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,wFACE,mDAAC;AAAA,IAAO,GAAG;AAAA,IAAI,IAAG;AAAA,IAAS,OAAK;AAAA,KAC9B,mDAAC;AAAA,IAAU,GAAG;AAAA,IAAI,GAAG;AAAA,KAAK,UACjB,IACT,GACA,mDAAC;AAAA,IAAS,MAAM;AAAA,IAAU,OAAO;AAAA,KAC/B,mDAAC,wBAAS,WAAT;AAAA,IAAmB,WAAU;AAAA,GAAS,CACzC,CACF,GAEA,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,OAAK;AAAA,IAAC,KAAI;AAAA,IAAW,GAAG;AAAA,IAAI,GAAG;AAAA,IAAI,KAAK,EAAE,MAAM,OAAO;AAAA,KACzE,mDAAC;AAAA,IACC,MAAK;AAAA,IACL,GAAG;AAAA,IACH,cAAc,CAAC,CAAC;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,MAAM;AAAA,IACN,eAAe,CAAC,CAAC,SAAS;AACxB,cAAQ,GAAG;AAAA,IACb;AAAA,KAEA,mDAAC,sBAAO,OAAP,MACC,mDAAC,sBAAO,aAAP,IAAmB,CACtB,GACA,mDAAC,sBAAO,OAAP;AAAA,IAAa,UAAQ;AAAA,IAAC,OAAO;AAAA,GAAG,CACnC,GAEA,mDAAC;AAAA,IAAO,MAAK;AAAA,IAAK,SAAS,MAAM,YAAY,CAAC,SAAU,QAAO,MAAM,GAAG;AAAA,KAAG,MAE3E,CACF,CACF;AAEJ;",
   "names": []
 }

package/dist/cjs/SelectDemo.js

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -14,56 +16,58 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SelectDemo_exports = {};
 __export(SelectDemo_exports, {
-  default: () => SelectDemo
+  SelectDemo: () => SelectDemo
 });
 module.exports = __toCommonJS(SelectDemo_exports);
 var import_feather_icons = require("@tamagui/feather-icons");
+var import_react = __toESM(require("react"));
 var import_tamagui = require("tamagui");
 function SelectDemo() {
-  return /* @__PURE__ */ React.createElement(import_tamagui.Select, {
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select, {
     defaultValue: "apple"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Select.Trigger, {
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Trigger, {
     w: 200,
     iconAfter: import_feather_icons.ChevronDown
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Select.Value, {
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Value, {
     placeholder: "Something"
-  })), /* @__PURE__ */ React.createElement(import_tamagui.Select.Content, null, /* @__PURE__ */ React.createElement(import_tamagui.Select.ScrollUpButton, {
+  })), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Content, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.ScrollUpButton, {
     ai: "center",
     jc: "center",
     pos: "relative",
     w: "100%",
     h: "$3"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
     zi: 10
-  }, /* @__PURE__ */ React.createElement(import_feather_icons.ChevronUp, {
+  }, /* @__PURE__ */ import_react.default.createElement(import_feather_icons.ChevronUp, {
     size: 20
-  })), /* @__PURE__ */ React.createElement(import_tamagui.LinearGradient, {
+  })), /* @__PURE__ */ import_react.default.createElement(import_tamagui.LinearGradient, {
     start: [0, 0],
     end: [0, 1],
     fullscreen: true,
     colors: ["$background", "$backgroundTransparent"]
-  })), /* @__PURE__ */ React.createElement(import_tamagui.Select.Viewport, {
+  })), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Viewport, {
     minWidth: 200
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Select.Group, null, /* @__PURE__ */ React.createElement(import_tamagui.Select.Label, null, "Fruits"), items.map((item, i) => {
-    return /* @__PURE__ */ React.createElement(import_tamagui.Select.Item, {
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Group, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Label, null, "Fruits"), items.map((item, i) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Item, {
       index: i,
       key: item.name,
       value: item.name.toLowerCase()
-    }, /* @__PURE__ */ React.createElement(import_tamagui.Select.ItemText, null, item.name));
-  }))), /* @__PURE__ */ React.createElement(import_tamagui.Select.ScrollDownButton, {
+    }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.ItemText, null, item.name));
+  }))), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.ScrollDownButton, {
     ai: "center",
     jc: "center",
     pos: "relative",
     w: "100%",
     h: "$3"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
     zi: 10
-  }, /* @__PURE__ */ React.createElement(import_feather_icons.ChevronDown, {
+  }, /* @__PURE__ */ import_react.default.createElement(import_feather_icons.ChevronDown, {
     size: 20
-  })), /* @__PURE__ */ React.createElement(import_tamagui.LinearGradient, {
+  })), /* @__PURE__ */ import_react.default.createElement(import_tamagui.LinearGradient, {
     start: [0, 0],
     end: [0, 1],
     fullscreen: true,
@@ -95,5 +99,7 @@ const items = [
   { name: "Durian" }
 ];
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  SelectDemo
+});
 //# sourceMappingURL=SelectDemo.js.map

package/dist/cjs/SelectDemo.js.map

@@ -1,7 +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;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAuC;AACvC,qBAAqD;AAEtC,sBAAsB;AACnC,SACE,oCAAC;AAAA,IAAO,cAAa;AAAA,KACnB,oCAAC,sBAAO,SAAP;AAAA,IAAe,GAAG;AAAA,IAAK,WAAW;AAAA,KACjC,oCAAC,sBAAO,OAAP;AAAA,IAAa,aAAY;AAAA,GAAY,CACxC,GAEA,oCAAC,sBAAO,SAAP,MACC,oCAAC,sBAAO,gBAAP;AAAA,IAAsB,IAAG;AAAA,IAAS,IAAG;AAAA,IAAS,KAAI;AAAA,IAAW,GAAE;AAAA,IAAO,GAAE;AAAA,KACvE,oCAAC;AAAA,IAAO,IAAI;AAAA,KACV,oCAAC;AAAA,IAAU,MAAM;AAAA,GAAI,CACvB,GACA,oCAAC;AAAA,IACC,OAAO,CAAC,GAAG,CAAC;AAAA,IACZ,KAAK,CAAC,GAAG,CAAC;AAAA,IACV,YAAU;AAAA,IACV,QAAQ,CAAC,eAAe,wBAAwB;AAAA,GAClD,CACF,GAEA,oCAAC,sBAAO,UAAP;AAAA,IAAgB,UAAU;AAAA,KACzB,oCAAC,sBAAO,OAAP,MACC,oCAAC,sBAAO,OAAP,MAAa,QAAM,GACnB,MAAM,IAAI,CAAC,MAAM,MAAM;AACtB,WACE,oCAAC,sBAAO,MAAP;AAAA,MAAY,OAAO;AAAA,MAAG,KAAK,KAAK;AAAA,MAAM,OAAO,KAAK,KAAK,YAAY;AAAA,OAClE,oCAAC,sBAAO,UAAP,MAAiB,KAAK,IAAK,CAC9B;AAAA,EAEJ,CAAC,CACH,CACF,GAEA,oCAAC,sBAAO,kBAAP;AAAA,IAAwB,IAAG;AAAA,IAAS,IAAG;AAAA,IAAS,KAAI;AAAA,IAAW,GAAE;AAAA,IAAO,GAAE;AAAA,KACzE,oCAAC;AAAA,IAAO,IAAI;AAAA,KACV,oCAAC;AAAA,IAAY,MAAM;AAAA,GAAI,CACzB,GACA,oCAAC;AAAA,IACC,OAAO,CAAC,GAAG,CAAC;AAAA,IACZ,KAAK,CAAC,GAAG,CAAC;AAAA,IACV,YAAU;AAAA,IACV,QAAQ,CAAC,0BAA0B,aAAa;AAAA,GAClD,CACF,CACF,CACF;AAEJ;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;",
+  "sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { LinearGradient, Select, Text, YStack } from 'tamagui'\n\nexport 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;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAuC;AACvC,mBAAkB;AAClB,qBAAqD;AAE9C,sBAAsB;AAC3B,SACE,mDAAC;AAAA,IAAO,cAAa;AAAA,KACnB,mDAAC,sBAAO,SAAP;AAAA,IAAe,GAAG;AAAA,IAAK,WAAW;AAAA,KACjC,mDAAC,sBAAO,OAAP;AAAA,IAAa,aAAY;AAAA,GAAY,CACxC,GAEA,mDAAC,sBAAO,SAAP,MACC,mDAAC,sBAAO,gBAAP;AAAA,IAAsB,IAAG;AAAA,IAAS,IAAG;AAAA,IAAS,KAAI;AAAA,IAAW,GAAE;AAAA,IAAO,GAAE;AAAA,KACvE,mDAAC;AAAA,IAAO,IAAI;AAAA,KACV,mDAAC;AAAA,IAAU,MAAM;AAAA,GAAI,CACvB,GACA,mDAAC;AAAA,IACC,OAAO,CAAC,GAAG,CAAC;AAAA,IACZ,KAAK,CAAC,GAAG,CAAC;AAAA,IACV,YAAU;AAAA,IACV,QAAQ,CAAC,eAAe,wBAAwB;AAAA,GAClD,CACF,GAEA,mDAAC,sBAAO,UAAP;AAAA,IAAgB,UAAU;AAAA,KACzB,mDAAC,sBAAO,OAAP,MACC,mDAAC,sBAAO,OAAP,MAAa,QAAM,GACnB,MAAM,IAAI,CAAC,MAAM,MAAM;AACtB,WACE,mDAAC,sBAAO,MAAP;AAAA,MAAY,OAAO;AAAA,MAAG,KAAK,KAAK;AAAA,MAAM,OAAO,KAAK,KAAK,YAAY;AAAA,OAClE,mDAAC,sBAAO,UAAP,MAAiB,KAAK,IAAK,CAC9B;AAAA,EAEJ,CAAC,CACH,CACF,GAEA,mDAAC,sBAAO,kBAAP;AAAA,IAAwB,IAAG;AAAA,IAAS,IAAG;AAAA,IAAS,KAAI;AAAA,IAAW,GAAE;AAAA,IAAO,GAAE;AAAA,KACzE,mDAAC;AAAA,IAAO,IAAI;AAAA,KACV,mDAAC;AAAA,IAAY,MAAM;AAAA,GAAI,CACzB,GACA,mDAAC;AAAA,IACC,OAAO,CAAC,GAAG,CAAC;AAAA,IACZ,KAAK,CAAC,GAAG,CAAC;AAAA,IACV,YAAU;AAAA,IACV,QAAQ,CAAC,0BAA0B,aAAa;AAAA,GAClD,CACF,CACF,CACF;AAEJ;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/cjs/SeparatorDemo.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 SeparatorDemo_exports = {};
 __export(SeparatorDemo_exports, {
-  default: () => SeparatorDemo
+  SeparatorDemo: () => SeparatorDemo
 });
 module.exports = __toCommonJS(SeparatorDemo_exports);
 var import_react = __toESM(require("react"));
@@ -48,5 +48,7 @@ function SeparatorDemo() {
   }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Paragraph, null, "Source")));
 }
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  SeparatorDemo
+});
 //# sourceMappingURL=SeparatorDemo.js.map

package/dist/cjs/SeparatorDemo.js.map

@@ -1,7 +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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAqD;AAEtC,yBAAyB;AACtC,SACE,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAO,KAAK;AAAA,IAAK,IAAI;AAAA,KAC7B,mDAAC;AAAA,IAAU,YAAW;AAAA,KAAM,SAAO,GACnC,mDAAC,gCAAU,qCAAmC,GAC9C,mDAAC;AAAA,IAAU,IAAI;AAAA,GAAI,GACnB,mDAAC;AAAA,IAAO,GAAG;AAAA,IAAI,IAAG;AAAA,KAChB,mDAAC,gCAAU,MAAI,GACf,mDAAC;AAAA,IAAU,KAAI;AAAA,IAAU,UAAQ;AAAA,IAAC,IAAI;AAAA,GAAI,GAC1C,mDAAC,gCAAU,MAAI,GACf,mDAAC;AAAA,IAAU,KAAI;AAAA,IAAU,UAAQ;AAAA,IAAC,IAAI;AAAA,GAAI,GAC1C,mDAAC,gCAAU,QAAM,CACnB,CACF;AAEJ;",
+  "sourcesContent": ["import React from 'react'\nimport { Paragraph, Separator, XStack, YStack } from 'tamagui'\n\nexport 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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAqD;AAE9C,yBAAyB;AAC9B,SACE,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAO,KAAK;AAAA,IAAK,IAAI;AAAA,KAC7B,mDAAC;AAAA,IAAU,YAAW;AAAA,KAAM,SAAO,GACnC,mDAAC,gCAAU,qCAAmC,GAC9C,mDAAC;AAAA,IAAU,IAAI;AAAA,GAAI,GACnB,mDAAC;AAAA,IAAO,GAAG;AAAA,IAAI,IAAG;AAAA,KAChB,mDAAC,gCAAU,MAAI,GACf,mDAAC;AAAA,IAAU,KAAI;AAAA,IAAU,UAAQ;AAAA,IAAC,IAAI;AAAA,GAAI,GAC1C,mDAAC,gCAAU,MAAI,GACf,mDAAC;AAAA,IAAU,KAAI;AAAA,IAAU,UAAQ;AAAA,IAAC,IAAI;AAAA,GAAI,GAC1C,mDAAC,gCAAU,QAAM,CACnB,CACF;AAEJ;",
   "names": []
 }

package/dist/cjs/ShapesDemo.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 ShapesDemo_exports = {};
 __export(ShapesDemo_exports, {
-  default: () => ShapesDemo
+  ShapesDemo: () => ShapesDemo
 });
 module.exports = __toCommonJS(ShapesDemo_exports);
 var import_react = __toESM(require("react"));
@@ -40,5 +40,7 @@ function ShapesDemo() {
   }));
 }
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  ShapesDemo
+});
 //# sourceMappingURL=ShapesDemo.js.map

package/dist/cjs/ShapesDemo.js.map

@@ -1,7 +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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAuC;AAExB,sBAAsB;AACnC,SACE,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAM;AAAA,KACnB,mDAAC;AAAA,IAAO,MAAM;AAAA,IAAK,IAAG;AAAA,IAAS,WAAU;AAAA,GAAK,GAC9C,mDAAC;AAAA,IAAO,MAAM;AAAA,IAAK,IAAG;AAAA,IAAS,WAAU;AAAA,GAAK,CAChD;AAEJ;",
+  "sourcesContent": ["import React from 'react'\nimport { Circle, Square, XStack } from 'tamagui'\n\nexport 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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAuC;AAEhC,sBAAsB;AAC3B,SACE,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAM;AAAA,KACnB,mDAAC;AAAA,IAAO,MAAM;AAAA,IAAK,IAAG;AAAA,IAAS,WAAU;AAAA,GAAK,GAC9C,mDAAC;AAAA,IAAO,MAAM;AAAA,IAAK,IAAG;AAAA,IAAS,WAAU;AAAA,GAAK,CAChD;AAEJ;",
   "names": []
 }

package/dist/cjs/SliderDemo.js

@@ -43,7 +43,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SliderDemo_exports = {};
 __export(SliderDemo_exports, {
-  default: () => SliderDemo
+  SliderDemo: () => SliderDemo
 });
 module.exports = __toCommonJS(SliderDemo_exports);
 var import_tamagui = require("tamagui");
@@ -73,5 +73,7 @@ function SimpleSlider(_a) {
   }), children);
 }
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  SliderDemo
+});
 //# sourceMappingURL=SliderDemo.js.map

package/dist/cjs/SliderDemo.js.map

@@ -1,7 +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;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA4C;AAE7B,sBAAsB;AACnC,SACE,oCAAC;AAAA,IAAO,QAAQ;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KACrC,oCAAC;AAAA,IAAa,QAAQ;AAAA,IAAK,aAAY;AAAA,GAAW,GAClD,oCAAC;AAAA,IAAa,OAAO;AAAA,GAAK,CAC5B;AAEJ;AAEA,sBAAsB,IAAqC;AAArC,eAAE,eAAF,IAAe,kBAAf,IAAe,CAAb;AACtB,SACE,oCAAC;AAAA,IAAO,cAAc,CAAC,EAAE;AAAA,IAAG,KAAK;AAAA,IAAK,MAAM;AAAA,KAAO,QACjD,oCAAC,sBAAO,OAAP,MACC,oCAAC,sBAAO,aAAP,IAAmB,CACtB,GACA,oCAAC,sBAAO,OAAP;AAAA,IAAa,UAAQ;AAAA,IAAC,UAAQ;AAAA,IAAC,SAAO;AAAA,IAAC,OAAO;AAAA,GAAG,GACjD,QACH;AAEJ;",
+  "sourcesContent": ["import { Slider, SliderProps, XStack } from 'tamagui'\n\nexport 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;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA4C;AAErC,sBAAsB;AAC3B,SACE,oCAAC;AAAA,IAAO,QAAQ;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KACrC,oCAAC;AAAA,IAAa,QAAQ;AAAA,IAAK,aAAY;AAAA,GAAW,GAClD,oCAAC;AAAA,IAAa,OAAO;AAAA,GAAK,CAC5B;AAEJ;AAEA,sBAAsB,IAAqC;AAArC,eAAE,eAAF,IAAe,kBAAf,IAAe,CAAb;AACtB,SACE,oCAAC;AAAA,IAAO,cAAc,CAAC,EAAE;AAAA,IAAG,KAAK;AAAA,IAAK,MAAM;AAAA,KAAO,QACjD,oCAAC,sBAAO,OAAP,MACC,oCAAC,sBAAO,aAAP,IAAmB,CACtB,GACA,oCAAC,sBAAO,OAAP;AAAA,IAAa,UAAQ;AAAA,IAAC,UAAQ;AAAA,IAAC,SAAO;AAAA,IAAC,OAAO;AAAA,GAAG,GACjD,QACH;AAEJ;",
   "names": []
 }

package/dist/cjs/SpinnerDemo.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 SpinnerDemo_exports = {};
 __export(SpinnerDemo_exports, {
-  default: () => SpinnerDemo
+  SpinnerDemo: () => SpinnerDemo
 });
 module.exports = __toCommonJS(SpinnerDemo_exports);
 var import_react = __toESM(require("react"));
@@ -39,5 +39,7 @@ function SpinnerDemo() {
   }));
 }
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  SpinnerDemo
+});
 //# sourceMappingURL=SpinnerDemo.js.map

package/dist/cjs/SpinnerDemo.js.map

@@ -1,7 +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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAgC;AAEjB,uBAAuB;AACpC,SACE,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,IAAG;AAAA,KAC3B,mDAAC;AAAA,IAAQ,MAAK;AAAA,IAAQ,OAAM;AAAA,GAAW,GACvC,mDAAC;AAAA,IAAQ,MAAK;AAAA,IAAQ,OAAM;AAAA,GAAY,CAC1C;AAEJ;",
+  "sourcesContent": ["import React from 'react'\nimport { Spinner, YStack } from 'tamagui'\n\nexport 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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAgC;AAEzB,uBAAuB;AAC5B,SACE,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,IAAG;AAAA,KAC3B,mDAAC;AAAA,IAAQ,MAAK;AAAA,IAAQ,OAAM;AAAA,GAAW,GACvC,mDAAC;AAAA,IAAQ,MAAK;AAAA,IAAQ,OAAM;AAAA,GAAY,CAC1C;AAEJ;",
   "names": []
 }

package/dist/cjs/StacksDemo.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 StacksDemo_exports = {};
 __export(StacksDemo_exports, {
-  default: () => StacksDemo
+  StacksDemo: () => StacksDemo
 });
 module.exports = __toCommonJS(StacksDemo_exports);
 var import_react = __toESM(require("react"));
@@ -95,5 +95,7 @@ function StacksDemo() {
   })));
 }
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  StacksDemo
+});
 //# sourceMappingURL=StacksDemo.js.map

package/dist/cjs/StacksDemo.js.map

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

package/dist/cjs/SwitchDemo.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 SwitchDemo_exports = {};
 __export(SwitchDemo_exports, {
-  default: () => SwitchDemo
+  SwitchDemo: () => SwitchDemo
 });
 module.exports = __toCommonJS(SwitchDemo_exports);
 var import_react = __toESM(require("react"));
@@ -63,5 +63,7 @@ function SwitchWithLabel(props) {
   })));
 }
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  SwitchDemo
+});
 //# sourceMappingURL=SwitchDemo.js.map

package/dist/cjs/SwitchDemo.js.map

@@ -1,7 +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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAqE;AAEtD,sBAAsB;AACnC,SACE,mDAAC;AAAA,IAAO,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KAChC,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,CAC7B;AAEJ;AAEA,yBAAyB,OAA6B;AACpD,SACE,mDAAC;AAAA,IAAO,GAAG;AAAA,IAAK,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KACxC,mDAAC;AAAA,IAAM,IAAG;AAAA,IAAK,KAAK;AAAA,IAAK,IAAG;AAAA,IAAW,MAAM,MAAM;AAAA,IAAM,SAAQ;AAAA,KAAW,WAE5E,GACA,mDAAC;AAAA,IAAU,KAAK;AAAA,IAAI,UAAQ;AAAA,GAAC,GAC7B,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAW,MAAM,MAAM;AAAA,KAChC,mDAAC,sBAAO,OAAP;AAAA,IAAa,WAAU;AAAA,GAAS,CACnC,CACF;AAEJ;",
+  "sourcesContent": ["import React from 'react'\nimport { Label, Separator, SizeTokens, Switch, XStack, YStack } from 'tamagui'\n\nexport 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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAqE;AAE9D,sBAAsB;AAC3B,SACE,mDAAC;AAAA,IAAO,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KAChC,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,CAC7B;AAEJ;AAEA,yBAAyB,OAA6B;AACpD,SACE,mDAAC;AAAA,IAAO,GAAG;AAAA,IAAK,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KACxC,mDAAC;AAAA,IAAM,IAAG;AAAA,IAAK,KAAK;AAAA,IAAK,IAAG;AAAA,IAAW,MAAM,MAAM;AAAA,IAAM,SAAQ;AAAA,KAAW,WAE5E,GACA,mDAAC;AAAA,IAAU,KAAK;AAAA,IAAI,UAAQ;AAAA,GAAC,GAC7B,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAW,MAAM,MAAM;AAAA,KAChC,mDAAC,sBAAO,OAAP;AAAA,IAAa,WAAU;AAAA,GAAS,CACnC,CACF;AAEJ;",
   "names": []
 }