@tamagui/demos 1.15.23 → 1.15.25

package/dist/cjs/tests/zstack.js

@@ -1,48 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var zstack_exports = {};
-__export(zstack_exports, {
-  Crosshairs: () => Crosshairs
-});
-module.exports = __toCommonJS(zstack_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_tamagui = require("tamagui");
-const Crosshairs = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.ZStack, {
-    ai: "center",
-    jc: "center",
-    bc: "green",
-    fullscreen: true,
-    zi: 1e11,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
-        borderColor: "red"
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
-        vertical: true,
-        borderColor: "red"
-      })
-    ]
-  });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Crosshairs
-});
-//# sourceMappingURL=zstack.js.map

package/dist/cjs/tests/zstack.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/tests/zstack.tsx"],
-  "sourcesContent": ["import { Separator, ZStack } from 'tamagui'\n\nexport const Crosshairs = () => {\n  return (\n    <ZStack ai=\"center\" jc=\"center\" bc=\"green\" fullscreen zi={100000000000}>\n      <Separator borderColor=\"red\" />\n      <Separator vertical borderColor=\"red\" />\n    </ZStack>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAII;AAJJ,qBAAkC;AAE3B,MAAM,aAAa,MAAM;AAC9B,SACE,6CAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAS,IAAG;AAAA,IAAQ,YAAU;AAAA,IAAC,IAAI;AAAA,IACxD;AAAA,kDAAC;AAAA,QAAU,aAAY;AAAA,OAAM;AAAA,MAC7B,4CAAC;AAAA,QAAU,UAAQ;AAAA,QAAC,aAAY;AAAA,OAAM;AAAA;AAAA,GACxC;AAEJ;",
-  "names": []
-}

package/dist/esm/AccordionDemo.js

@@ -1,18 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Accordion, Paragraph } from "tamagui";
-function AccordionDemo() {
-  return /* @__PURE__ */ jsxs(Accordion, { orientation: "horizontal", width: "$20", type: "multiple", children: [
-    /* @__PURE__ */ jsxs(Accordion.Item, { value: "a1", children: [
-      /* @__PURE__ */ jsx(Accordion.Trigger, { children: /* @__PURE__ */ jsx(Paragraph, { children: "1. Take a cold shower" }) }),
-      /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(Paragraph, { children: "Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue." }) })
-    ] }),
-    /* @__PURE__ */ jsxs(Accordion.Item, { value: "a2", children: [
-      /* @__PURE__ */ jsx(Accordion.Trigger, { children: /* @__PURE__ */ jsx(Paragraph, { children: "2: Eat 4 eggs" }) }),
-      /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(Paragraph, { children: "Eggs have been a dietary staple since time immemorial and there\u2019s good reason for their continued presence in our menus and meals." }) })
-    ] })
-  ] });
-}
-export {
-  AccordionDemo
-};
-//# sourceMappingURL=AccordionDemo.js.map

package/dist/esm/AccordionDemo.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AccordionDemo.tsx"],
-  "sourcesContent": ["import { Accordion, Paragraph } from 'tamagui'\n\nexport function AccordionDemo() {\n  return (\n    <Accordion orientation=\"horizontal\" width=\"$20\" type=\"multiple\">\n      <Accordion.Item value=\"a1\">\n        <Accordion.Trigger>\n          <Paragraph>1. Take a cold shower</Paragraph>\n        </Accordion.Trigger>\n        <Accordion.Content>\n          <Paragraph>\n            Cold showers can help reduce inflammation, relieve pain, improve circulation,\n            lower stress levels, and reduce muscle soreness and fatigue.\n          </Paragraph>\n        </Accordion.Content>\n      </Accordion.Item>\n\n      <Accordion.Item value=\"a2\">\n        <Accordion.Trigger>\n          <Paragraph>2: Eat 4 eggs</Paragraph>\n        </Accordion.Trigger>\n        <Accordion.Content>\n          <Paragraph>\n            Eggs have been a dietary staple since time immemorial and there\u2019s good reason\n            for their continued presence in our menus and meals.\n          </Paragraph>\n        </Accordion.Content>\n      </Accordion.Item>\n    </Accordion>\n  )\n}\n"],
-  "mappings": "AAKM,SAEI,KAFJ;AALN,SAAS,WAAW,iBAAiB;AAE9B,SAAS,gBAAgB;AAC9B,SACE,qBAAC,aAAU,aAAY,cAAa,OAAM,OAAM,MAAK,YACnD;AAAA,yBAAC,UAAU,MAAV,EAAe,OAAM,MACpB;AAAA,0BAAC,UAAU,SAAV,EACC,8BAAC,aAAU,mCAAqB,GAClC;AAAA,MACA,oBAAC,UAAU,SAAV,EACC,8BAAC,aAAU,wJAGX,GACF;AAAA,OACF;AAAA,IAEA,qBAAC,UAAU,MAAV,EAAe,OAAM,MACpB;AAAA,0BAAC,UAAU,SAAV,EACC,8BAAC,aAAU,2BAAa,GAC1B;AAAA,MACA,oBAAC,UAAU,SAAV,EACC,8BAAC,aAAU,qJAGX,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
-  "names": []
-}

package/dist/esm/AccordionDemo.mjs

@@ -1,18 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Accordion, Paragraph } from "tamagui";
-function AccordionDemo() {
-  return /* @__PURE__ */ jsxs(Accordion, { orientation: "horizontal", width: "$20", type: "multiple", children: [
-    /* @__PURE__ */ jsxs(Accordion.Item, { value: "a1", children: [
-      /* @__PURE__ */ jsx(Accordion.Trigger, { children: /* @__PURE__ */ jsx(Paragraph, { children: "1. Take a cold shower" }) }),
-      /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(Paragraph, { children: "Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue." }) })
-    ] }),
-    /* @__PURE__ */ jsxs(Accordion.Item, { value: "a2", children: [
-      /* @__PURE__ */ jsx(Accordion.Trigger, { children: /* @__PURE__ */ jsx(Paragraph, { children: "2: Eat 4 eggs" }) }),
-      /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(Paragraph, { children: "Eggs have been a dietary staple since time immemorial and there\u2019s good reason for their continued presence in our menus and meals." }) })
-    ] })
-  ] });
-}
-export {
-  AccordionDemo
-};
-//# sourceMappingURL=AccordionDemo.mjs.map

package/dist/esm/AccordionDemo.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AccordionDemo.tsx"],
-  "sourcesContent": ["import { Accordion, Paragraph } from 'tamagui'\n\nexport function AccordionDemo() {\n  return (\n    <Accordion orientation=\"horizontal\" width=\"$20\" type=\"multiple\">\n      <Accordion.Item value=\"a1\">\n        <Accordion.Trigger>\n          <Paragraph>1. Take a cold shower</Paragraph>\n        </Accordion.Trigger>\n        <Accordion.Content>\n          <Paragraph>\n            Cold showers can help reduce inflammation, relieve pain, improve circulation,\n            lower stress levels, and reduce muscle soreness and fatigue.\n          </Paragraph>\n        </Accordion.Content>\n      </Accordion.Item>\n\n      <Accordion.Item value=\"a2\">\n        <Accordion.Trigger>\n          <Paragraph>2: Eat 4 eggs</Paragraph>\n        </Accordion.Trigger>\n        <Accordion.Content>\n          <Paragraph>\n            Eggs have been a dietary staple since time immemorial and there\u2019s good reason\n            for their continued presence in our menus and meals.\n          </Paragraph>\n        </Accordion.Content>\n      </Accordion.Item>\n    </Accordion>\n  )\n}\n"],
-  "mappings": "AAKM,SAEI,KAFJ;AALN,SAAS,WAAW,iBAAiB;AAE9B,SAAS,gBAAgB;AAC9B,SACE,qBAAC,aAAU,aAAY,cAAa,OAAM,OAAM,MAAK,YACnD;AAAA,yBAAC,UAAU,MAAV,EAAe,OAAM,MACpB;AAAA,0BAAC,UAAU,SAAV,EACC,8BAAC,aAAU,mCAAqB,GAClC;AAAA,MACA,oBAAC,UAAU,SAAV,EACC,8BAAC,aAAU,wJAGX,GACF;AAAA,OACF;AAAA,IAEA,qBAAC,UAAU,MAAV,EAAe,OAAM,MACpB;AAAA,0BAAC,UAAU,SAAV,EACC,8BAAC,aAAU,2BAAa,GAC1B;AAAA,MACA,oBAAC,UAAU,SAAV,EACC,8BAAC,aAAU,qJAGX,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
-  "names": []
-}

package/dist/esm/DrawerDemo.js

@@ -1,55 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Drawer } from "@tamagui/drawer";
-import { ChevronDown, ChevronUp } from "@tamagui/feather-icons";
-import { useState } from "react";
-import { Button, Paragraph, YStack } from "tamagui";
-function DrawerDemo() {
-  const [show, setShow] = useState(false);
-  return /* @__PURE__ */ jsx(YStack, {
-    minWidth: 230,
-    w: "100%",
-    h: "100%",
-    ai: "center",
-    jc: "center",
-    position: "relative",
-    children: /* @__PURE__ */ jsxs(Drawer.Provider, {
-      children: [
-        /* @__PURE__ */ jsx(Button, {
-          size: "$6",
-          icon: show ? ChevronDown : ChevronUp,
-          circular: true,
-          onPress: () => setShow((x) => !x),
-          elevation: "$2"
-        }),
-        /* @__PURE__ */ jsx(Drawer, {
-          open: show,
-          onOpenChange: setShow,
-          children: /* @__PURE__ */ jsxs(Drawer.Frame, {
-            h: 200,
-            ai: "center",
-            jc: "center",
-            p: "$6",
-            space: true,
-            children: [
-              /* @__PURE__ */ jsx(Paragraph, {
-                selectable: false,
-                children: "Hello."
-              }),
-              /* @__PURE__ */ jsx(Button, {
-                size: "$6",
-                icon: show ? ChevronDown : ChevronUp,
-                circular: true,
-                onPress: () => setShow((x) => !x),
-                elevation: "$2"
-              })
-            ]
-          })
-        })
-      ]
-    })
-  });
-}
-export {
-  DrawerDemo
-};
-//# sourceMappingURL=DrawerDemo.js.map

package/dist/esm/DrawerDemo.js.map

@@ -1,7 +0,0 @@
-{
-  "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 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} onOpenChange={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": "AAWQ,cAQE,YARF;AAXR,SAAS,cAAc;AACvB,SAAS,aAAa,iBAAiB;AAEvC,SAAS,gBAAgB;AACzB,SAAS,QAAQ,WAAW,cAAc;AAEnC,SAAS,aAAa;AAC3B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,SACE,oBAAC;AAAA,IAAO,UAAU;AAAA,IAAK,GAAE;AAAA,IAAO,GAAE;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAS,UAAS;AAAA,IACxE,+BAAC,OAAO,UAAP;AAAA,MACC;AAAA,4BAAC;AAAA,UACC,MAAK;AAAA,UACL,MAAM,OAAO,cAAc;AAAA,UAC3B,UAAQ;AAAA,UACR,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,UAChC,WAAU;AAAA,SACZ;AAAA,QACA,oBAAC;AAAA,UAAO,MAAM;AAAA,UAAM,cAAc;AAAA,UAChC,+BAAC,OAAO,OAAP;AAAA,YAAa,GAAG;AAAA,YAAK,IAAG;AAAA,YAAS,IAAG;AAAA,YAAS,GAAE;AAAA,YAAK,OAAK;AAAA,YACxD;AAAA,kCAAC;AAAA,gBAAU,YAAY;AAAA,gBAAO;AAAA,eAAM;AAAA,cACpC,oBAAC;AAAA,gBACC,MAAK;AAAA,gBACL,MAAM,OAAO,cAAc;AAAA,gBAC3B,UAAQ;AAAA,gBACR,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,gBAChC,WAAU;AAAA,eACZ;AAAA;AAAA,WACF;AAAA,SACF;AAAA;AAAA,KACF;AAAA,GACF;AAEJ;",
-  "names": []
-}

package/dist/esm/FeatherIconsDemo.js

@@ -1,33 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as FeatherIcons from "@tamagui/lucide-icons";
-import { useMemo, useState } from "react";
-import { ScrollView } from "react-native";
-import { Grid, Input, Paragraph, Spacer, YStack, useDebounceValue } from "tamagui";
-const featherIcons = Object.keys(FeatherIcons).map((name) => ({
-  key: name.toLowerCase(),
-  name,
-  Icon: FeatherIcons[name]
-}));
-function FeatherIconsDemo() {
-  const [searchRaw, setSearch] = useState("");
-  const search = useDebounceValue(searchRaw, 400);
-  const size = 100;
-  const iconsMemo = useMemo(() => {
-    const icons = featherIcons.filter((x) => x.key.startsWith(search.toLowerCase()));
-    return icons.map(({ Icon, name }) => {
-      return /* @__PURE__ */ jsxs(YStack, { h: size, ai: "center", jc: "center", children: [
-        /* @__PURE__ */ jsx(Icon, { size: size * 0.25 }),
-        /* @__PURE__ */ jsx(Spacer, {}),
-        /* @__PURE__ */ jsx(Paragraph, { size: "$2", o: 0.5, children: name })
-      ] }, name);
-    });
-  }, [search]);
-  return /* @__PURE__ */ jsxs(YStack, { als: "stretch", p: "$4", pb: "$0", space: true, children: [
-    /* @__PURE__ */ jsx(Input, { value: searchRaw, onChangeText: setSearch, placeholder: "Search..." }),
-    /* @__PURE__ */ jsx(YStack, { h: 420, children: /* @__PURE__ */ jsx(ScrollView, { children: /* @__PURE__ */ jsx(Grid, { itemMinWidth: size, children: iconsMemo }) }) })
-  ] });
-}
-export {
-  FeatherIconsDemo
-};
-//# sourceMappingURL=FeatherIconsDemo.js.map

package/dist/esm/FeatherIconsDemo.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/FeatherIconsDemo.tsx"],
-  "sourcesContent": ["import * as FeatherIcons from '@tamagui/lucide-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": "AAsBQ,SACE,KADF;AAtBR,YAAY,kBAAkB;AAE9B,SAAS,SAAS,gBAAgB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,MAAM,OAAO,WAAW,QAAQ,QAAQ,wBAAwB;AAEzE,MAAM,eAAe,OAAO,KAAK,YAAY,EAAE,IAAI,CAAC,UAAU;AAAA,EAC5D,KAAK,KAAK,YAAY;AAAA,EACtB;AAAA,EACA,MAAM,aAAa,IAAI;AACzB,EAAE;AAEK,SAAS,mBAAmB;AACjC,QAAM,CAAC,WAAW,SAAS,IAAI,SAAS,EAAE;AAC1C,QAAM,SAAS,iBAAiB,WAAW,GAAG;AAE9C,QAAM,OAAO;AAEb,QAAM,YAAY,QAAQ,MAAM;AAC9B,UAAM,QAAQ,aAAa,OAAO,CAAC,MAAM,EAAE,IAAI,WAAW,OAAO,YAAY,CAAC,CAAC;AAC/E,WAAO,MAAM,IAAI,CAAC,EAAE,MAAM,KAAK,MAAM;AACnC,aACE,qBAAC,UAAO,GAAG,MAAM,IAAG,UAAS,IAAG,UAC9B;AAAA,4BAAC,QAAK,MAAM,OAAO,MAAM;AAAA,QACzB,oBAAC,UAAO;AAAA,QACR,oBAAC,aAAU,MAAK,MAAK,GAAG,KACrB,gBACH;AAAA,WAL4C,IAM9C;AAAA,IAEJ,CAAC;AAAA,EACH,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,qBAAC,UAAO,KAAI,WAAU,GAAE,MAAK,IAAG,MAAK,OAAK,MACxC;AAAA,wBAAC,SAAM,OAAO,WAAW,cAAc,WAAW,aAAY,aAAY;AAAA,IAE1E,oBAAC,UAAO,GAAG,KACT,8BAAC,cACC,8BAAC,QAAK,cAAc,MAAO,qBAAU,GACvC,GACF;AAAA,KACF;AAEJ;",
-  "names": []
-}

package/dist/esm/FeatherIconsDemo.mjs

@@ -1,33 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as FeatherIcons from "@tamagui/lucide-icons";
-import { useMemo, useState } from "react";
-import { ScrollView } from "react-native";
-import { Grid, Input, Paragraph, Spacer, YStack, useDebounceValue } from "tamagui";
-const featherIcons = Object.keys(FeatherIcons).map((name) => ({
-  key: name.toLowerCase(),
-  name,
-  Icon: FeatherIcons[name]
-}));
-function FeatherIconsDemo() {
-  const [searchRaw, setSearch] = useState("");
-  const search = useDebounceValue(searchRaw, 400);
-  const size = 100;
-  const iconsMemo = useMemo(() => {
-    const icons = featherIcons.filter((x) => x.key.startsWith(search.toLowerCase()));
-    return icons.map(({ Icon, name }) => {
-      return /* @__PURE__ */ jsxs(YStack, { h: size, ai: "center", jc: "center", children: [
-        /* @__PURE__ */ jsx(Icon, { size: size * 0.25 }),
-        /* @__PURE__ */ jsx(Spacer, {}),
-        /* @__PURE__ */ jsx(Paragraph, { size: "$2", o: 0.5, children: name })
-      ] }, name);
-    });
-  }, [search]);
-  return /* @__PURE__ */ jsxs(YStack, { als: "stretch", p: "$4", pb: "$0", space: true, children: [
-    /* @__PURE__ */ jsx(Input, { value: searchRaw, onChangeText: setSearch, placeholder: "Search..." }),
-    /* @__PURE__ */ jsx(YStack, { h: 420, children: /* @__PURE__ */ jsx(ScrollView, { children: /* @__PURE__ */ jsx(Grid, { itemMinWidth: size, children: iconsMemo }) }) })
-  ] });
-}
-export {
-  FeatherIconsDemo
-};
-//# sourceMappingURL=FeatherIconsDemo.mjs.map

package/dist/esm/FeatherIconsDemo.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/FeatherIconsDemo.tsx"],
-  "sourcesContent": ["import * as FeatherIcons from '@tamagui/lucide-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": "AAsBQ,SACE,KADF;AAtBR,YAAY,kBAAkB;AAE9B,SAAS,SAAS,gBAAgB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,MAAM,OAAO,WAAW,QAAQ,QAAQ,wBAAwB;AAEzE,MAAM,eAAe,OAAO,KAAK,YAAY,EAAE,IAAI,CAAC,UAAU;AAAA,EAC5D,KAAK,KAAK,YAAY;AAAA,EACtB;AAAA,EACA,MAAM,aAAa,IAAI;AACzB,EAAE;AAEK,SAAS,mBAAmB;AACjC,QAAM,CAAC,WAAW,SAAS,IAAI,SAAS,EAAE;AAC1C,QAAM,SAAS,iBAAiB,WAAW,GAAG;AAE9C,QAAM,OAAO;AAEb,QAAM,YAAY,QAAQ,MAAM;AAC9B,UAAM,QAAQ,aAAa,OAAO,CAAC,MAAM,EAAE,IAAI,WAAW,OAAO,YAAY,CAAC,CAAC;AAC/E,WAAO,MAAM,IAAI,CAAC,EAAE,MAAM,KAAK,MAAM;AACnC,aACE,qBAAC,UAAO,GAAG,MAAM,IAAG,UAAS,IAAG,UAC9B;AAAA,4BAAC,QAAK,MAAM,OAAO,MAAM;AAAA,QACzB,oBAAC,UAAO;AAAA,QACR,oBAAC,aAAU,MAAK,MAAK,GAAG,KACrB,gBACH;AAAA,WAL4C,IAM9C;AAAA,IAEJ,CAAC;AAAA,EACH,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,qBAAC,UAAO,KAAI,WAAU,GAAE,MAAK,IAAG,MAAK,OAAK,MACxC;AAAA,wBAAC,SAAM,OAAO,WAAW,cAAc,WAAW,aAAY,aAAY;AAAA,IAE1E,oBAAC,UAAO,GAAG,KACT,8BAAC,cACC,8BAAC,QAAK,cAAc,MAAO,qBAAU,GACvC,GACF;AAAA,KACF;AAEJ;",
-  "names": []
-}

package/dist/esm/MenuDemo.js

@@ -1,38 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Menu as MenuIcon } from "@tamagui/feather-icons";
-import { Menu } from "@tamagui/menu";
-import { useState } from "react";
-import { Button, H4, Paragraph, YStack } from "tamagui";
-function MenuDemo() {
-  const [show, setShow] = useState(false);
-  return /* @__PURE__ */ jsx(Menu.Provider, {
-    children: /* @__PURE__ */ jsx(Menu, {
-      open: show,
-      onOpenChange: setShow,
-      trigger: /* @__PURE__ */ jsx(Button, {
-        size: "$6",
-        icon: MenuIcon,
-        theme: show ? "active" : null,
-        circular: true,
-        onPress: () => setShow((x) => !x)
-      }),
-      children: /* @__PURE__ */ jsx(Menu.Item, {
-        children: /* @__PURE__ */ jsxs(YStack, {
-          p: "$2",
-          children: [
-            /* @__PURE__ */ jsx(H4, {
-              children: "Menu contents"
-            }),
-            /* @__PURE__ */ jsx(Paragraph, {
-              children: "Lorem ipsum dolor sit amet."
-            })
-          ]
-        })
-      })
-    })
-  });
-}
-export {
-  MenuDemo
-};
-//# sourceMappingURL=MenuDemo.js.map

package/dist/esm/MenuDemo.js.map

@@ -1,7 +0,0 @@
-{
-  "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 function MenuDemo() {\n  const [show, setShow] = useState(false)\n\n  return (\n    <Menu.Provider>\n      <Menu\n        open={show}\n        onOpenChange={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": "AAcU,cAUA,YAVA;AAdV,SAAS,QAAQ,gBAAgB;AACjC,SAAS,YAAY;AACrB,SAAgB,gBAAgB;AAChC,SAAS,QAAQ,IAAI,WAAW,cAAc;AAEvC,SAAS,WAAW;AACzB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,SACE,oBAAC,KAAK,UAAL;AAAA,IACC,8BAAC;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd,SACE,oBAAC;AAAA,QACC,MAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAO,OAAO,WAAW;AAAA,QACzB,UAAQ;AAAA,QACR,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,OAClC;AAAA,MAGF,8BAAC,KAAK,MAAL;AAAA,QACC,+BAAC;AAAA,UAAO,GAAE;AAAA,UACR;AAAA,gCAAC;AAAA,cAAG;AAAA,aAAa;AAAA,YACjB,oBAAC;AAAA,cAAU;AAAA,aAA2B;AAAA;AAAA,SACxC;AAAA,OACF;AAAA,KACF;AAAA,GACF;AAEJ;",
-  "names": []
-}

package/dist/esm/PopperDemo.js

@@ -1,97 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
-import {
-  Button,
-  Input,
-  Label,
-  Popper,
-  PopperAnchor,
-  PopperArrow,
-  PopperContent,
-  Portal,
-  XStack,
-  YGroup
-} from "tamagui";
-function PopperDemo() {
-  return /* @__PURE__ */ jsxs(XStack, {
-    space: "$2",
-    f: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    children: [
-      /* @__PURE__ */ jsx(Demo, {
-        placement: "left-end",
-        Icon: ChevronLeft,
-        Id: "left"
-      }),
-      /* @__PURE__ */ jsx(Demo, {
-        placement: "bottom-end",
-        Icon: ChevronDown,
-        Id: "bottom"
-      }),
-      /* @__PURE__ */ jsx(Demo, {
-        placement: "top-end",
-        Icon: ChevronUp,
-        Id: "top"
-      }),
-      /* @__PURE__ */ jsx(Demo, {
-        placement: "right-end",
-        Icon: ChevronRight,
-        Id: "right"
-      })
-    ]
-  });
-}
-function Demo({ Icon, Id, ...props }) {
-  return /* @__PURE__ */ jsxs(Popper, {
-    placement: props.placement,
-    children: [
-      /* @__PURE__ */ jsx(PopperAnchor, {
-        children: /* @__PURE__ */ jsx(Button, {
-          icon: Icon
-        })
-      }),
-      /* @__PURE__ */ jsx(Portal, {
-        children: /* @__PURE__ */ jsxs(PopperContent, {
-          children: [
-            /* @__PURE__ */ jsx(PopperArrow, {
-              bw: 1,
-              boc: "$borderColor"
-            }),
-            /* @__PURE__ */ jsxs(YGroup, {
-              space: "$3",
-              width: 200,
-              bw: 1,
-              boc: "$borderColor",
-              children: [
-                /* @__PURE__ */ jsxs(XStack, {
-                  space: "$3",
-                  children: [
-                    /* @__PURE__ */ jsx(Label, {
-                      size: "$3",
-                      htmlFor: Id,
-                      children: "Name"
-                    }),
-                    /* @__PURE__ */ jsx(Input, {
-                      size: "$3",
-                      id: Id
-                    })
-                  ]
-                }),
-                /* @__PURE__ */ jsx(Button, {
-                  size: "$3",
-                  children: "Submit"
-                })
-              ]
-            })
-          ]
-        })
-      })
-    ]
-  });
-}
-export {
-  Demo,
-  PopperDemo
-};
-//# sourceMappingURL=PopperDemo.js.map

package/dist/esm/PopperDemo.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/PopperDemo.tsx"],
-  "sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from '@tamagui/lucide-icons'\nimport {\n  Adapt,\n  Button,\n  Input,\n  Label,\n  Popper,\n  PopperAnchor,\n  PopperArrow,\n  PopperContent,\n  PopperProps,\n  Portal,\n  PortalHost,\n  PortalItem,\n  XGroup,\n  XStack,\n  YGroup,\n} from 'tamagui'\n\nexport function PopperDemo() {\n  return (\n\n\n      <XStack space=\"$2\" f={1} justifyContent='center' alignItems='center'>\n        <Demo placement=\"left-end\" Icon={ChevronLeft} Id=\"left\" />\n        <Demo placement=\"bottom-end\" Icon={ChevronDown} Id=\"bottom\" />\n        <Demo placement=\"top-end\" Icon={ChevronUp} Id=\"top\" />\n        <Demo placement=\"right-end\" Icon={ChevronRight} Id=\"right\" />\n      </XStack>\n\n  )\n}\n\nexport function Demo({ Icon, Id, ...props }: PopperProps & { Icon?: any, Id?: string }) {\n  return (\n    \n    <Popper placement={props.placement}>\n      <PopperAnchor>\n        <Button icon={Icon} />\n      </PopperAnchor>\n\n      <Portal>\n        <PopperContent>\n            <PopperArrow bw={1} boc=\"$borderColor\" />\n\n            <YGroup space=\"$3\" width={200} bw={1} boc=\"$borderColor\">\n              <XStack space=\"$3\">\n                <Label size=\"$3\" htmlFor={Id}>\n                  Name\n                </Label>\n                <Input size=\"$3\" id={Id} />\n              </XStack>\n              \n                <Button\n                  size=\"$3\"\n                >\n                  Submit\n                </Button>\n            </YGroup>\n\n          </PopperContent>\n        </Portal>\n\n\n    </Popper>\n\n  )\n\n\n}\n"],
-  "mappings": "AAuBM,SACE,KADF;AAvBN,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAClE;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EAIA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,aAAa;AAC3B,SAGI,qBAAC;AAAA,IAAO,OAAM;AAAA,IAAK,GAAG;AAAA,IAAG,gBAAe;AAAA,IAAS,YAAW;AAAA,IAC1D;AAAA,0BAAC;AAAA,QAAK,WAAU;AAAA,QAAW,MAAM;AAAA,QAAa,IAAG;AAAA,OAAO;AAAA,MACxD,oBAAC;AAAA,QAAK,WAAU;AAAA,QAAa,MAAM;AAAA,QAAa,IAAG;AAAA,OAAS;AAAA,MAC5D,oBAAC;AAAA,QAAK,WAAU;AAAA,QAAU,MAAM;AAAA,QAAW,IAAG;AAAA,OAAM;AAAA,MACpD,oBAAC;AAAA,QAAK,WAAU;AAAA,QAAY,MAAM;AAAA,QAAc,IAAG;AAAA,OAAQ;AAAA;AAAA,GAC7D;AAGN;AAEO,SAAS,KAAK,EAAE,MAAM,OAAO,MAAM,GAA8C;AACtF,SAEE,qBAAC;AAAA,IAAO,WAAW,MAAM;AAAA,IACvB;AAAA,0BAAC;AAAA,QACC,8BAAC;AAAA,UAAO,MAAM;AAAA,SAAM;AAAA,OACtB;AAAA,MAEA,oBAAC;AAAA,QACC,+BAAC;AAAA,UACG;AAAA,gCAAC;AAAA,cAAY,IAAI;AAAA,cAAG,KAAI;AAAA,aAAe;AAAA,YAEvC,qBAAC;AAAA,cAAO,OAAM;AAAA,cAAK,OAAO;AAAA,cAAK,IAAI;AAAA,cAAG,KAAI;AAAA,cACxC;AAAA,qCAAC;AAAA,kBAAO,OAAM;AAAA,kBACZ;AAAA,wCAAC;AAAA,sBAAM,MAAK;AAAA,sBAAK,SAAS;AAAA,sBAAI;AAAA,qBAE9B;AAAA,oBACA,oBAAC;AAAA,sBAAM,MAAK;AAAA,sBAAK,IAAI;AAAA,qBAAI;AAAA;AAAA,iBAC3B;AAAA,gBAEE,oBAAC;AAAA,kBACC,MAAK;AAAA,kBACN;AAAA,iBAED;AAAA;AAAA,aACJ;AAAA;AAAA,SAEF;AAAA,OACF;AAAA;AAAA,GAGJ;AAKJ;",
-  "names": []
-}

package/dist/esm/TabsAnimatedDemo.js

@@ -1,143 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { AnimatePresence, H5, Tabs, XStack, YStack } from "tamagui";
-function TabsAnimatedDemo() {
-  return /* @__PURE__ */ jsx(XStack, { maxHeight: "100%", maxWidth: "100%", justifyContent: "flex-start", children: /* @__PURE__ */ jsxs(XStack, { space: "$3", px: "$8", children: [
-    /* @__PURE__ */ jsx(UnderlineTabs, {}),
-    /* @__PURE__ */ jsx(HighlightTabs, {})
-  ] }) });
-}
-const UnderlineTabs = () => {
-  const [currentTab, setCurrentTab] = useState("tab1");
-  const [direction, setDirection] = useState(0);
-  return /* @__PURE__ */ jsxs(
-    Tabs,
-    {
-      value: currentTab,
-      onValueChange: setCurrentTab,
-      onDirectionChange: setDirection,
-      orientation: "vertical",
-      width: 300,
-      br: "$4",
-      ai: "center",
-      children: [
-        /* @__PURE__ */ jsx(YStack, { borderColor: "$color3", borderRightWidth: "$0.5", mr: "$2", children: /* @__PURE__ */ jsxs(YStack, { children: [
-          /* @__PURE__ */ jsx(
-            Tabs.RovingIndicator,
-            {
-              highlightMode: "hoverOrFocus",
-              width: "$0.5",
-              right: 0,
-              animation: "100ms"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Tabs.RovingIndicator,
-            {
-              highlightMode: "select",
-              width: "$0.5",
-              right: 0,
-              animation: "100ms"
-            }
-          ),
-          /* @__PURE__ */ jsxs(Tabs.List, { "aria-label": "Manage your account", flexDirection: "column", children: [
-            /* @__PURE__ */ jsx(Tabs.Trigger, { unstyled: true, color: "$color12", value: "tab1", children: "Profile" }),
-            /* @__PURE__ */ jsx(Tabs.Trigger, { unstyled: true, color: "$color12", value: "tab2", children: "Connections" }),
-            /* @__PURE__ */ jsx(Tabs.Trigger, { unstyled: true, color: "$color12", value: "tab3", children: "Notifications" })
-          ] })
-        ] }) }),
-        /* @__PURE__ */ jsx(AnimatePresence, { exitBeforeEnter: true, children: /* @__PURE__ */ jsx(
-          Tabs.Content,
-          {
-            value: currentTab,
-            forceMount: true,
-            p: "$2",
-            animation: "100ms",
-            o: 1,
-            y: 0,
-            f: 1,
-            enterStyle: {
-              ...direction === -1 ? { y: -25 } : {},
-              ...direction === 1 ? { y: 25 } : {},
-              opacity: 0
-            },
-            exitStyle: {
-              ...direction === -1 ? { y: 25 } : {},
-              ...direction === 1 ? { y: -25 } : {},
-              opacity: 0
-            },
-            children: /* @__PURE__ */ jsx(H5, { ta: "center", children: currentTab })
-          },
-          currentTab
-        ) })
-      ]
-    }
-  );
-};
-const HighlightTabs = () => {
-  const [currentTab, setCurrentTab] = useState("tab1");
-  const [direction, setDirection] = useState(0);
-  return /* @__PURE__ */ jsxs(
-    Tabs,
-    {
-      value: currentTab,
-      onValueChange: setCurrentTab,
-      onDirectionChange: setDirection,
-      orientation: "horizontal",
-      br: "$4",
-      flexDirection: "column",
-      children: [
-        /* @__PURE__ */ jsxs(YStack, { children: [
-          /* @__PURE__ */ jsx(
-            Tabs.RovingIndicator,
-            {
-              highlightMode: "hoverOrFocus",
-              borderRadius: "$4",
-              animation: "100ms"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Tabs.RovingIndicator,
-            {
-              highlightMode: "select",
-              borderRadius: "$4",
-              animation: "100ms"
-            }
-          ),
-          /* @__PURE__ */ jsxs(Tabs.List, { "aria-label": "Manage your account", children: [
-            /* @__PURE__ */ jsx(Tabs.Trigger, { unstyled: true, color: "$color12", value: "tab1", children: "Profile" }),
-            /* @__PURE__ */ jsx(Tabs.Trigger, { unstyled: true, color: "$color12", value: "tab2", children: "Connections" }),
-            /* @__PURE__ */ jsx(Tabs.Trigger, { unstyled: true, color: "$color12", value: "tab3", children: "Notifications" })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(AnimatePresence, { exitBeforeEnter: true, children: /* @__PURE__ */ jsx(
-          Tabs.Content,
-          {
-            value: currentTab,
-            forceMount: true,
-            p: "$2",
-            animation: "100ms",
-            o: 1,
-            x: 0,
-            enterStyle: {
-              ...direction === -1 ? { x: -25 } : {},
-              ...direction === 1 ? { x: 25 } : {},
-              opacity: 0
-            },
-            exitStyle: {
-              ...direction === -1 ? { x: 25 } : {},
-              ...direction === 1 ? { x: -25 } : {},
-              opacity: 0
-            },
-            children: /* @__PURE__ */ jsx(H5, { ta: "center", children: currentTab })
-          },
-          currentTab
-        ) })
-      ]
-    }
-  );
-};
-export {
-  TabsAnimatedDemo
-};
-//# sourceMappingURL=TabsAnimatedDemo.js.map

package/dist/esm/TabsAnimatedDemo.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/TabsAnimatedDemo.tsx"],
-  "sourcesContent": ["import { useState } from 'react'\nimport { AnimatePresence, H5, Tabs, XStack, YStack } from 'tamagui'\n\nexport function TabsAnimatedDemo() {\n  return (\n    <XStack maxHeight=\"100%\" maxWidth=\"100%\" justifyContent=\"flex-start\">\n      <XStack space=\"$3\" px=\"$8\">\n        <UnderlineTabs />\n        <HighlightTabs />\n      </XStack>\n    </XStack>\n  )\n}\n\nconst UnderlineTabs = () => {\n  const [currentTab, setCurrentTab] = useState('tab1')\n  const [direction, setDirection] = useState<-1 | 0 | 1>(0)\n\n  return (\n    <Tabs\n      value={currentTab}\n      onValueChange={setCurrentTab}\n      onDirectionChange={setDirection}\n      orientation=\"vertical\"\n      width={300}\n      br=\"$4\"\n      ai=\"center\"\n    >\n      <YStack borderColor=\"$color3\" borderRightWidth=\"$0.5\" mr=\"$2\">\n        <YStack>\n          <Tabs.RovingIndicator\n            highlightMode=\"hoverOrFocus\"\n            width=\"$0.5\"\n            right={0}\n            animation=\"100ms\"\n          />\n          <Tabs.RovingIndicator\n            highlightMode=\"select\"\n            width=\"$0.5\"\n            right={0}\n            animation=\"100ms\"\n          />\n          <Tabs.List aria-label=\"Manage your account\" flexDirection=\"column\">\n            <Tabs.Trigger unstyled color=\"$color12\" value=\"tab1\">\n              Profile\n            </Tabs.Trigger>\n            <Tabs.Trigger unstyled color=\"$color12\" value=\"tab2\">\n              Connections\n            </Tabs.Trigger>\n            <Tabs.Trigger unstyled color=\"$color12\" value=\"tab3\">\n              Notifications\n            </Tabs.Trigger>\n          </Tabs.List>\n        </YStack>\n      </YStack>\n      <AnimatePresence exitBeforeEnter>\n        <Tabs.Content\n          value={currentTab}\n          key={currentTab}\n          forceMount\n          p=\"$2\"\n          animation=\"100ms\"\n          o={1}\n          y={0}\n          f={1}\n          enterStyle={{\n            ...(direction === -1 ? { y: -25 } : {}),\n            ...(direction === 1 ? { y: 25 } : {}),\n            opacity: 0,\n          }}\n          exitStyle={{\n            ...(direction === -1 ? { y: 25 } : {}),\n            ...(direction === 1 ? { y: -25 } : {}),\n            opacity: 0,\n          }}\n        >\n          <H5 ta=\"center\">{currentTab}</H5>\n        </Tabs.Content>\n      </AnimatePresence>\n    </Tabs>\n  )\n}\n\nconst HighlightTabs = () => {\n  const [currentTab, setCurrentTab] = useState('tab1')\n  const [direction, setDirection] = useState<-1 | 0 | 1>(0)\n\n  return (\n    <Tabs\n      value={currentTab}\n      onValueChange={setCurrentTab}\n      onDirectionChange={setDirection}\n      orientation=\"horizontal\"\n      br=\"$4\"\n      flexDirection=\"column\"\n    >\n      <YStack>\n        <Tabs.RovingIndicator\n          highlightMode=\"hoverOrFocus\"\n          borderRadius=\"$4\"\n          animation=\"100ms\"\n        />\n        <Tabs.RovingIndicator\n          highlightMode=\"select\"\n          borderRadius=\"$4\"\n          animation=\"100ms\"\n        />\n        <Tabs.List aria-label=\"Manage your account\">\n          <Tabs.Trigger unstyled color=\"$color12\" value=\"tab1\">\n            Profile\n          </Tabs.Trigger>\n          <Tabs.Trigger unstyled color=\"$color12\" value=\"tab2\">\n            Connections\n          </Tabs.Trigger>\n          <Tabs.Trigger unstyled color=\"$color12\" value=\"tab3\">\n            Notifications\n          </Tabs.Trigger>\n        </Tabs.List>\n      </YStack>\n      <AnimatePresence exitBeforeEnter>\n        <Tabs.Content\n          value={currentTab}\n          key={currentTab}\n          forceMount\n          p=\"$2\"\n          animation=\"100ms\"\n          o={1}\n          x={0}\n          enterStyle={{\n            ...(direction === -1 ? { x: -25 } : {}),\n            ...(direction === 1 ? { x: 25 } : {}),\n            opacity: 0,\n          }}\n          exitStyle={{\n            ...(direction === -1 ? { x: 25 } : {}),\n            ...(direction === 1 ? { x: -25 } : {}),\n            opacity: 0,\n          }}\n        >\n          <H5 ta=\"center\">{currentTab}</H5>\n        </Tabs.Content>\n      </AnimatePresence>\n    </Tabs>\n  )\n}\n"],
-  "mappings": "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",
-  "names": []
-}