@tamagui/demos 1.15.23 → 1.15.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/demos",
-  "version": "1.15.23",
+  "version": "1.15.25",
   "sideEffects": [
     "*.css"
   ],
@@ -28,29 +28,29 @@
     }
   },
   "dependencies": {
-    "@tamagui/avatar": "1.15.23",
-    "@tamagui/button": "1.15.23",
-    "@tamagui/config": "1.15.23",
-    "@tamagui/core": "1.15.23",
-    "@tamagui/list-item": "1.15.23",
-    "@tamagui/logo": "1.15.23",
-    "@tamagui/menu": "1.15.23",
-    "@tamagui/popover": "1.15.23",
-    "@tamagui/progress": "1.15.23",
-    "@tamagui/radio-group": "1.15.23",
-    "@tamagui/select": "1.15.23",
-    "@tamagui/sheet": "1.15.23",
-    "@tamagui/slider": "1.15.23",
-    "@tamagui/stacks": "1.15.23",
-    "@tamagui/toast": "1.15.23",
-    "tamagui": "1.15.23"
+    "@tamagui/avatar": "1.15.25",
+    "@tamagui/button": "1.15.25",
+    "@tamagui/config": "1.15.25",
+    "@tamagui/core": "1.15.25",
+    "@tamagui/list-item": "1.15.25",
+    "@tamagui/logo": "1.15.25",
+    "@tamagui/menu": "1.15.25",
+    "@tamagui/popover": "1.15.25",
+    "@tamagui/progress": "1.15.25",
+    "@tamagui/radio-group": "1.15.25",
+    "@tamagui/select": "1.15.25",
+    "@tamagui/sheet": "1.15.25",
+    "@tamagui/slider": "1.15.25",
+    "@tamagui/stacks": "1.15.25",
+    "@tamagui/toast": "1.15.25",
+    "tamagui": "1.15.25"
   },
   "peerDependencies": {
     "react": "*",
     "react-dom": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.15.23",
+    "@tamagui/build": "1.15.25",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/dist/cjs/AccordionDemo.js

@@ -1,42 +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 AccordionDemo_exports = {};
-__export(AccordionDemo_exports, {
-  AccordionDemo: () => AccordionDemo
-});
-module.exports = __toCommonJS(AccordionDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_tamagui = require("tamagui");
-function AccordionDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion, { orientation: "horizontal", width: "$20", type: "multiple", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion.Item, { value: "a1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "1. Take a cold shower" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue." }) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion.Item, { value: "a2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "2: Eat 4 eggs" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.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." }) })
-    ] })
-  ] });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AccordionDemo
-});
-//# sourceMappingURL=AccordionDemo.js.map

package/dist/cjs/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": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKM;AALN,qBAAqC;AAE9B,SAAS,gBAAgB;AAC9B,SACE,6CAAC,4BAAU,aAAY,cAAa,OAAM,OAAM,MAAK,YACnD;AAAA,iDAAC,yBAAU,MAAV,EAAe,OAAM,MACpB;AAAA,kDAAC,yBAAU,SAAV,EACC,sDAAC,4BAAU,mCAAqB,GAClC;AAAA,MACA,4CAAC,yBAAU,SAAV,EACC,sDAAC,4BAAU,wJAGX,GACF;AAAA,OACF;AAAA,IAEA,6CAAC,yBAAU,MAAV,EAAe,OAAM,MACpB;AAAA,kDAAC,yBAAU,SAAV,EACC,sDAAC,4BAAU,2BAAa,GAC1B;AAAA,MACA,4CAAC,yBAAU,SAAV,EACC,sDAAC,4BAAU,qJAGX,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
-  "names": []
-}

package/dist/cjs/DrawerDemo.js

@@ -1,79 +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 DrawerDemo_exports = {};
-__export(DrawerDemo_exports, {
-  DrawerDemo: () => DrawerDemo
-});
-module.exports = __toCommonJS(DrawerDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_drawer = require("@tamagui/drawer");
-var import_feather_icons = require("@tamagui/feather-icons");
-var import_react2 = require("react");
-var import_tamagui = require("tamagui");
-function DrawerDemo() {
-  const [show, setShow] = (0, import_react2.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-    minWidth: 230,
-    w: "100%",
-    h: "100%",
-    ai: "center",
-    jc: "center",
-    position: "relative",
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_drawer.Drawer.Provider, {
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-          size: "$6",
-          icon: show ? import_feather_icons.ChevronDown : import_feather_icons.ChevronUp,
-          circular: true,
-          onPress: () => setShow((x) => !x),
-          elevation: "$2"
-        }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drawer.Drawer, {
-          open: show,
-          onOpenChange: setShow,
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_drawer.Drawer.Frame, {
-            h: 200,
-            ai: "center",
-            jc: "center",
-            p: "$6",
-            space: true,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-                selectable: false,
-                children: "Hello."
-              }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-                size: "$6",
-                icon: show ? import_feather_icons.ChevronDown : import_feather_icons.ChevronUp,
-                circular: true,
-                onPress: () => setShow((x) => !x),
-                elevation: "$2"
-              })
-            ]
-          })
-        })
-      ]
-    })
-  });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DrawerDemo
-});
-//# sourceMappingURL=DrawerDemo.js.map

package/dist/cjs/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": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAWQ;AAXR,oBAAuB;AACvB,2BAAuC;AAEvC,IAAAA,gBAAyB;AACzB,qBAA0C;AAEnC,SAAS,aAAa;AAC3B,QAAM,CAAC,MAAM,OAAO,QAAI,wBAAS,KAAK;AACtC,SACE,4CAAC;AAAA,IAAO,UAAU;AAAA,IAAK,GAAE;AAAA,IAAO,GAAE;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAS,UAAS;AAAA,IACxE,uDAAC,qBAAO,UAAP;AAAA,MACC;AAAA,oDAAC;AAAA,UACC,MAAK;AAAA,UACL,MAAM,OAAO,mCAAc;AAAA,UAC3B,UAAQ;AAAA,UACR,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,UAChC,WAAU;AAAA,SACZ;AAAA,QACA,4CAAC;AAAA,UAAO,MAAM;AAAA,UAAM,cAAc;AAAA,UAChC,uDAAC,qBAAO,OAAP;AAAA,YAAa,GAAG;AAAA,YAAK,IAAG;AAAA,YAAS,IAAG;AAAA,YAAS,GAAE;AAAA,YAAK,OAAK;AAAA,YACxD;AAAA,0DAAC;AAAA,gBAAU,YAAY;AAAA,gBAAO;AAAA,eAAM;AAAA,cACpC,4CAAC;AAAA,gBACC,MAAK;AAAA,gBACL,MAAM,OAAO,mCAAc;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": ["import_react"]
-}

package/dist/cjs/FeatherIconsDemo.js

@@ -1,67 +0,0 @@
-"use strict";
-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)
-    __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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var FeatherIconsDemo_exports = {};
-__export(FeatherIconsDemo_exports, {
-  FeatherIconsDemo: () => FeatherIconsDemo
-});
-module.exports = __toCommonJS(FeatherIconsDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var FeatherIcons = __toESM(require("@tamagui/lucide-icons"), 1);
-var import_react2 = require("react");
-var import_react_native = require("react-native");
-var import_tamagui = require("tamagui");
-const featherIcons = Object.keys(FeatherIcons).map((name) => ({
-  key: name.toLowerCase(),
-  name,
-  Icon: FeatherIcons[name]
-}));
-function FeatherIconsDemo() {
-  const [searchRaw, setSearch] = (0, import_react2.useState)("");
-  const search = (0, import_tamagui.useDebounceValue)(searchRaw, 400);
-  const size = 100;
-  const iconsMemo = (0, import_react2.useMemo)(() => {
-    const icons = featherIcons.filter((x) => x.key.startsWith(search.toLowerCase()));
-    return icons.map(({ Icon, name }) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { h: size, ai: "center", jc: "center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { size: size * 0.25 }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spacer, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { size: "$2", o: 0.5, children: name })
-      ] }, name);
-    });
-  }, [search]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { als: "stretch", p: "$4", pb: "$0", space: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { value: searchRaw, onChangeText: setSearch, placeholder: "Search..." }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { h: 420, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.ScrollView, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Grid, { itemMinWidth: size, children: iconsMemo }) }) })
-  ] });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  FeatherIconsDemo
-});
-//# sourceMappingURL=FeatherIconsDemo.js.map

package/dist/cjs/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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBQ;AAtBR,mBAA8B;AAE9B,IAAAA,gBAAkC;AAClC,0BAA2B;AAC3B,qBAAyE;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,QAAI,wBAAS,EAAE;AAC1C,QAAM,aAAS,iCAAiB,WAAW,GAAG;AAE9C,QAAM,OAAO;AAEb,QAAM,gBAAY,uBAAQ,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,6CAAC,yBAAO,GAAG,MAAM,IAAG,UAAS,IAAG,UAC9B;AAAA,oDAAC,QAAK,MAAM,OAAO,MAAM;AAAA,QACzB,4CAAC,yBAAO;AAAA,QACR,4CAAC,4BAAU,MAAK,MAAK,GAAG,KACrB,gBACH;AAAA,WAL4C,IAM9C;AAAA,IAEJ,CAAC;AAAA,EACH,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,6CAAC,yBAAO,KAAI,WAAU,GAAE,MAAK,IAAG,MAAK,OAAK,MACxC;AAAA,gDAAC,wBAAM,OAAO,WAAW,cAAc,WAAW,aAAY,aAAY;AAAA,IAE1E,4CAAC,yBAAO,GAAG,KACT,sDAAC,kCACC,sDAAC,uBAAK,cAAc,MAAO,qBAAU,GACvC,GACF;AAAA,KACF;AAEJ;",
-  "names": ["import_react"]
-}

package/dist/cjs/MenuDemo.js

@@ -1,62 +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 MenuDemo_exports = {};
-__export(MenuDemo_exports, {
-  MenuDemo: () => MenuDemo
-});
-module.exports = __toCommonJS(MenuDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_feather_icons = require("@tamagui/feather-icons");
-var import_menu = require("@tamagui/menu");
-var import_react = require("react");
-var import_tamagui = require("tamagui");
-function MenuDemo() {
-  const [show, setShow] = (0, import_react.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Provider, {
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu, {
-      open: show,
-      onOpenChange: setShow,
-      trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-        size: "$6",
-        icon: import_feather_icons.Menu,
-        theme: show ? "active" : null,
-        circular: true,
-        onPress: () => setShow((x) => !x)
-      }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Item, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-          p: "$2",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H4, {
-              children: "Menu contents"
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-              children: "Lorem ipsum dolor sit amet."
-            })
-          ]
-        })
-      })
-    })
-  });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  MenuDemo
-});
-//# sourceMappingURL=MenuDemo.js.map

package/dist/cjs/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": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAcU;AAdV,2BAAiC;AACjC,kBAAqB;AACrB,mBAAgC;AAChC,qBAA8C;AAEvC,SAAS,WAAW;AACzB,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AAEtC,SACE,4CAAC,iBAAK,UAAL;AAAA,IACC,sDAAC;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd,SACE,4CAAC;AAAA,QACC,MAAK;AAAA,QACL,MAAM,qBAAAA;AAAA,QACN,OAAO,OAAO,WAAW;AAAA,QACzB,UAAQ;AAAA,QACR,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,OAClC;AAAA,MAGF,sDAAC,iBAAK,MAAL;AAAA,QACC,uDAAC;AAAA,UAAO,GAAE;AAAA,UACR;AAAA,wDAAC;AAAA,cAAG;AAAA,aAAa;AAAA,YACjB,4CAAC;AAAA,cAAU;AAAA,aAA2B;AAAA;AAAA,SACxC;AAAA,OACF;AAAA,KACF;AAAA,GACF;AAEJ;",
-  "names": ["MenuIcon"]
-}

package/dist/cjs/PopperDemo.js

@@ -1,111 +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 PopperDemo_exports = {};
-__export(PopperDemo_exports, {
-  Demo: () => Demo,
-  PopperDemo: () => PopperDemo
-});
-module.exports = __toCommonJS(PopperDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_lucide_icons = require("@tamagui/lucide-icons");
-var import_tamagui = require("tamagui");
-function PopperDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-    space: "$2",
-    f: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
-        placement: "left-end",
-        Icon: import_lucide_icons.ChevronLeft,
-        Id: "left"
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
-        placement: "bottom-end",
-        Icon: import_lucide_icons.ChevronDown,
-        Id: "bottom"
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
-        placement: "top-end",
-        Icon: import_lucide_icons.ChevronUp,
-        Id: "top"
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
-        placement: "right-end",
-        Icon: import_lucide_icons.ChevronRight,
-        Id: "right"
-      })
-    ]
-  });
-}
-function Demo({ Icon, Id, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popper, {
-    placement: props.placement,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.PopperAnchor, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-          icon: Icon
-        })
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Portal, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.PopperContent, {
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.PopperArrow, {
-              bw: 1,
-              boc: "$borderColor"
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, {
-              space: "$3",
-              width: 200,
-              bw: 1,
-              boc: "$borderColor",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-                  space: "$3",
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-                      size: "$3",
-                      htmlFor: Id,
-                      children: "Name"
-                    }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {
-                      size: "$3",
-                      id: Id
-                    })
-                  ]
-                }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-                  size: "$3",
-                  children: "Submit"
-                })
-              ]
-            })
-          ]
-        })
-      })
-    ]
-  });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Demo,
-  PopperDemo
-});
-//# sourceMappingURL=PopperDemo.js.map

package/dist/cjs/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": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBM;AAvBN,0BAAkE;AAClE,qBAgBO;AAEA,SAAS,aAAa;AAC3B,SAGI,6CAAC;AAAA,IAAO,OAAM;AAAA,IAAK,GAAG;AAAA,IAAG,gBAAe;AAAA,IAAS,YAAW;AAAA,IAC1D;AAAA,kDAAC;AAAA,QAAK,WAAU;AAAA,QAAW,MAAM;AAAA,QAAa,IAAG;AAAA,OAAO;AAAA,MACxD,4CAAC;AAAA,QAAK,WAAU;AAAA,QAAa,MAAM;AAAA,QAAa,IAAG;AAAA,OAAS;AAAA,MAC5D,4CAAC;AAAA,QAAK,WAAU;AAAA,QAAU,MAAM;AAAA,QAAW,IAAG;AAAA,OAAM;AAAA,MACpD,4CAAC;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,6CAAC;AAAA,IAAO,WAAW,MAAM;AAAA,IACvB;AAAA,kDAAC;AAAA,QACC,sDAAC;AAAA,UAAO,MAAM;AAAA,SAAM;AAAA,OACtB;AAAA,MAEA,4CAAC;AAAA,QACC,uDAAC;AAAA,UACG;AAAA,wDAAC;AAAA,cAAY,IAAI;AAAA,cAAG,KAAI;AAAA,aAAe;AAAA,YAEvC,6CAAC;AAAA,cAAO,OAAM;AAAA,cAAK,OAAO;AAAA,cAAK,IAAI;AAAA,cAAG,KAAI;AAAA,cACxC;AAAA,6DAAC;AAAA,kBAAO,OAAM;AAAA,kBACZ;AAAA,gEAAC;AAAA,sBAAM,MAAK;AAAA,sBAAK,SAAS;AAAA,sBAAI;AAAA,qBAE9B;AAAA,oBACA,4CAAC;AAAA,sBAAM,MAAK;AAAA,sBAAK,IAAI;AAAA,qBAAI;AAAA;AAAA,iBAC3B;AAAA,gBAEE,4CAAC;AAAA,kBACC,MAAK;AAAA,kBACN;AAAA,iBAED;AAAA;AAAA,aACJ;AAAA;AAAA,SAEF;AAAA,OACF;AAAA;AAAA,GAGJ;AAKJ;",
-  "names": []
-}

package/dist/cjs/TabsAnimatedDemo.js

@@ -1,167 +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 TabsAnimatedDemo_exports = {};
-__export(TabsAnimatedDemo_exports, {
-  TabsAnimatedDemo: () => TabsAnimatedDemo
-});
-module.exports = __toCommonJS(TabsAnimatedDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_tamagui = require("tamagui");
-function TabsAnimatedDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, { maxHeight: "100%", maxWidth: "100%", justifyContent: "flex-start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", px: "$8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UnderlineTabs, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HighlightTabs, {})
-  ] }) });
-}
-const UnderlineTabs = () => {
-  const [currentTab, setCurrentTab] = (0, import_react.useState)("tab1");
-  const [direction, setDirection] = (0, import_react.useState)(0);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_tamagui.Tabs,
-    {
-      value: currentTab,
-      onValueChange: setCurrentTab,
-      onDirectionChange: setDirection,
-      orientation: "vertical",
-      width: 300,
-      br: "$4",
-      ai: "center",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { borderColor: "$color3", borderRightWidth: "$0.5", mr: "$2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_tamagui.Tabs.RovingIndicator,
-            {
-              highlightMode: "hoverOrFocus",
-              width: "$0.5",
-              right: 0,
-              animation: "100ms"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_tamagui.Tabs.RovingIndicator,
-            {
-              highlightMode: "select",
-              width: "$0.5",
-              right: 0,
-              animation: "100ms"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tabs.List, { "aria-label": "Manage your account", flexDirection: "column", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Trigger, { unstyled: true, color: "$color12", value: "tab1", children: "Profile" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Trigger, { unstyled: true, color: "$color12", value: "tab2", children: "Connections" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Trigger, { unstyled: true, color: "$color12", value: "tab3", children: "Notifications" })
-          ] })
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, { exitBeforeEnter: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_tamagui.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__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { ta: "center", children: currentTab })
-          },
-          currentTab
-        ) })
-      ]
-    }
-  );
-};
-const HighlightTabs = () => {
-  const [currentTab, setCurrentTab] = (0, import_react.useState)("tab1");
-  const [direction, setDirection] = (0, import_react.useState)(0);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_tamagui.Tabs,
-    {
-      value: currentTab,
-      onValueChange: setCurrentTab,
-      onDirectionChange: setDirection,
-      orientation: "horizontal",
-      br: "$4",
-      flexDirection: "column",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_tamagui.Tabs.RovingIndicator,
-            {
-              highlightMode: "hoverOrFocus",
-              borderRadius: "$4",
-              animation: "100ms"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_tamagui.Tabs.RovingIndicator,
-            {
-              highlightMode: "select",
-              borderRadius: "$4",
-              animation: "100ms"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tabs.List, { "aria-label": "Manage your account", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Trigger, { unstyled: true, color: "$color12", value: "tab1", children: "Profile" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Trigger, { unstyled: true, color: "$color12", value: "tab2", children: "Connections" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Trigger, { unstyled: true, color: "$color12", value: "tab3", children: "Notifications" })
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, { exitBeforeEnter: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_tamagui.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__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { ta: "center", children: currentTab })
-          },
-          currentTab
-        ) })
-      ]
-    }
-  );
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  TabsAnimatedDemo
-});
-//# sourceMappingURL=TabsAnimatedDemo.js.map