@tamagui/demos 1.36.4 → 1.36.6

package/dist/cjs/AccordionDemo.js

@@ -0,0 +1,57 @@
+"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_lucide_icons = require("@tamagui/lucide-icons");
+var import_tamagui = require("tamagui");
+function AccordionDemo() {
+  const { control, selected } = (0, import_tamagui.useAccordion)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion, { control, overflow: "hidden", 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, { flexDirection: "row", justifyContent: "space-between", children: ({ open }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { size: "$5", children: "1. Take a cold shower" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { animation: "quick", rotate: open ? "180deg" : "0deg", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronDown, { size: "$1" }) })
+      ] }) }),
+      /* @__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, { flexDirection: "row", justifyContent: "space-between", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { size: "$5", children: "2. Eat 4 eggs" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_tamagui.Square,
+          {
+            animation: "quick",
+            rotate: selected.includes("a2") ? "180deg" : "0deg",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronDown, { size: "$1" })
+          }
+        )
+      ] }) }),
+      /* @__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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/AccordionDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAcY;AAdZ,0BAA4B;AAC5B,qBAA2D;AAEpD,SAAS,gBAAgB;AAI9B,QAAM,EAAE,SAAS,SAAS,QAAI,6BAAa;AAE3C,SACE,6CAAC,4BAAU,SAAkB,UAAS,UAAS,OAAM,OAAM,MAAK,YAC9D;AAAA,iDAAC,yBAAU,MAAV,EAAe,OAAM,MACpB;AAAA,kDAAC,yBAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACnD,WAAC,EAAE,KAAK,MACP,4EACE;AAAA,oDAAC,4BAAU,MAAK,MAAK,mCAAqB;AAAA,QAC1C,4CAAC,yBAAO,WAAW,SAAS,QAAQ,OAAO,WAAW,QACpD,sDAAC,mCAAY,MAAK,MAAK,GACzB;AAAA,SACF,GAEJ;AAAA,MACA,4CAAC,yBAAU,SAAV,EACC,sDAAC,4BAAU,wJAGX,GACF;AAAA,OACF;AAAA,IAEA,6CAAC,yBAAU,MAAV,EAAe,OAAM,MACpB;AAAA,kDAAC,yBAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACpD,sFACE;AAAA,oDAAC,4BAAU,MAAK,MAAK,2BAAa;AAAA,QAClC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,YACX,QAAQ,SAAS,SAAS,IAAI,IAAI,WAAW;AAAA,YAE7C,sDAAC,mCAAY,MAAK,MAAK;AAAA;AAAA,QACzB;AAAA,SACF,GACF;AAAA,MACA,4CAAC,yBAAU,SAAV,EACC,sDAAC,4BAAU,qJAGX,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/esm/AccordionDemo.js

@@ -0,0 +1,33 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown } from "@tamagui/lucide-icons";
+import { Accordion, Paragraph, Square, useAccordion } from "tamagui";
+function AccordionDemo() {
+  const { control, selected } = useAccordion();
+  return /* @__PURE__ */ jsxs(Accordion, { control, overflow: "hidden", width: "$20", type: "multiple", children: [
+    /* @__PURE__ */ jsxs(Accordion.Item, { value: "a1", children: [
+      /* @__PURE__ */ jsx(Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", children: ({ open }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Paragraph, { size: "$5", children: "1. Take a cold shower" }),
+        /* @__PURE__ */ jsx(Square, { animation: "quick", rotate: open ? "180deg" : "0deg", children: /* @__PURE__ */ jsx(ChevronDown, { size: "$1" }) })
+      ] }) }),
+      /* @__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, { flexDirection: "row", justifyContent: "space-between", children: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Paragraph, { size: "$5", children: "2. Eat 4 eggs" }),
+        /* @__PURE__ */ jsx(
+          Square,
+          {
+            animation: "quick",
+            rotate: selected.includes("a2") ? "180deg" : "0deg",
+            children: /* @__PURE__ */ jsx(ChevronDown, { size: "$1" })
+          }
+        )
+      ] }) }),
+      /* @__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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/AccordionDemo.tsx"],
+  "mappings": "AAcY,mBACE,KADF;AAdZ,SAAS,mBAAmB;AAC5B,SAAS,WAAW,WAAW,QAAQ,oBAAoB;AAEpD,SAAS,gBAAgB;AAI9B,QAAM,EAAE,SAAS,SAAS,IAAI,aAAa;AAE3C,SACE,qBAAC,aAAU,SAAkB,UAAS,UAAS,OAAM,OAAM,MAAK,YAC9D;AAAA,yBAAC,UAAU,MAAV,EAAe,OAAM,MACpB;AAAA,0BAAC,UAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACnD,WAAC,EAAE,KAAK,MACP,iCACE;AAAA,4BAAC,aAAU,MAAK,MAAK,mCAAqB;AAAA,QAC1C,oBAAC,UAAO,WAAW,SAAS,QAAQ,OAAO,WAAW,QACpD,8BAAC,eAAY,MAAK,MAAK,GACzB;AAAA,SACF,GAEJ;AAAA,MACA,oBAAC,UAAU,SAAV,EACC,8BAAC,aAAU,wJAGX,GACF;AAAA,OACF;AAAA,IAEA,qBAAC,UAAU,MAAV,EAAe,OAAM,MACpB;AAAA,0BAAC,UAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACpD,2CACE;AAAA,4BAAC,aAAU,MAAK,MAAK,2BAAa;AAAA,QAClC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,YACX,QAAQ,SAAS,SAAS,IAAI,IAAI,WAAW;AAAA,YAE7C,8BAAC,eAAY,MAAK,MAAK;AAAA;AAAA,QACzB;AAAA,SACF,GACF;AAAA,MACA,oBAAC,UAAU,SAAV,EACC,8BAAC,aAAU,qJAGX,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/jsx/AccordionDemo.js

@@ -0,0 +1,28 @@
+import { ChevronDown } from "@tamagui/lucide-icons";
+import { Accordion, Paragraph, Square, useAccordion } from "tamagui";
+function AccordionDemo() {
+  const { control, selected } = useAccordion();
+  return <Accordion control={control} overflow="hidden" width="$20" type="multiple">
+    <Accordion.Item value="a1">
+      <Accordion.Trigger flexDirection="row" justifyContent="space-between">{({ open }) => <>
+        <Paragraph size="$5">1. Take a cold shower</Paragraph>
+        <Square animation="quick" rotate={open ? "180deg" : "0deg"}><ChevronDown size="$1" /></Square>
+      </>}</Accordion.Trigger>
+      <Accordion.Content><Paragraph>Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue.</Paragraph></Accordion.Content>
+    </Accordion.Item>
+    <Accordion.Item value="a2">
+      <Accordion.Trigger flexDirection="row" justifyContent="space-between"><>
+        <Paragraph size="$5">2. Eat 4 eggs</Paragraph>
+        <Square
+          animation="quick"
+          rotate={selected.includes("a2") ? "180deg" : "0deg"}
+        ><ChevronDown size="$1" /></Square>
+      </></Accordion.Trigger>
+      <Accordion.Content><Paragraph>{"Eggs have been a dietary staple since time immemorial and there\u2019s good reason for their continued presence in our menus and meals."}</Paragraph></Accordion.Content>
+    </Accordion.Item>
+  </Accordion>;
+}
+export {
+  AccordionDemo
+};
+//# sourceMappingURL=AccordionDemo.js.map

package/dist/jsx/AccordionDemo.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/AccordionDemo.tsx"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,WAAW,WAAW,QAAQ,oBAAoB;AAEpD,SAAS,gBAAgB;AAI9B,QAAM,EAAE,SAAS,SAAS,IAAI,aAAa;AAE3C,SACE,CAAC,UAAU,SAAS,SAAS,SAAS,SAAS,MAAM,MAAM,KAAK;AAAA,IAC9D,CAAC,UAAU,KAAK,MAAM;AAAA,MACpB,CAAC,UAAU,QAAQ,cAAc,MAAM,eAAe,iBACnD,CAAC,EAAE,KAAK,MACP;AAAA,QACE,CAAC,UAAU,KAAK,KAAK,qBAAqB,EAAzC;AAAA,QACD,CAAC,OAAO,UAAW,QAAS,QAAQ,OAAO,WAAW,QACpD,CAAC,YAAY,KAAK,KAAK,EACzB,EAFC;AAAA,MAGH,IAEJ,EATC,UAAU;AAAA,MAUX,CAAC,UAAU,QACT,CAAC,UAAU,0IAGX,EAHC,UAIH,EALC,UAAU;AAAA,IAMb,EAjBC,UAAU;AAAA,IAmBX,CAAC,UAAU,KAAK,MAAM;AAAA,MACpB,CAAC,UAAU,QAAQ,cAAc,MAAM,eAAe,gBACpD;AAAA,QACE,CAAC,UAAU,KAAK,KAAK,aAAa,EAAjC;AAAA,QACD,CAAC;AAAA,UACC,UAAW;AAAA,UACX,QAAQ,SAAS,SAAS,IAAI,IAAI,WAAW;AAAA,SAE7C,CAAC,YAAY,KAAK,KAAK,EACzB,EALC;AAAA,MAMH,GACF,EAVC,UAAU;AAAA,MAWX,CAAC,UAAU,QACT,CAAC,WAAU,0IAGX,EAHC,UAIH,EALC,UAAU;AAAA,IAMb,EAlBC,UAAU;AAAA,EAmBb,EAvCC;AAyCL;",
+  "names": []
+}

package/dist/jsx/AccordionDemo.mjs

@@ -0,0 +1,28 @@
+import { ChevronDown } from "@tamagui/lucide-icons";
+import { Accordion, Paragraph, Square, useAccordion } from "tamagui";
+function AccordionDemo() {
+  const { control, selected } = useAccordion();
+  return <Accordion control={control} overflow="hidden" width="$20" type="multiple">
+    <Accordion.Item value="a1">
+      <Accordion.Trigger flexDirection="row" justifyContent="space-between">{({ open }) => <>
+        <Paragraph size="$5">1. Take a cold shower</Paragraph>
+        <Square animation="quick" rotate={open ? "180deg" : "0deg"}><ChevronDown size="$1" /></Square>
+      </>}</Accordion.Trigger>
+      <Accordion.Content><Paragraph>Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue.</Paragraph></Accordion.Content>
+    </Accordion.Item>
+    <Accordion.Item value="a2">
+      <Accordion.Trigger flexDirection="row" justifyContent="space-between"><>
+        <Paragraph size="$5">2. Eat 4 eggs</Paragraph>
+        <Square
+          animation="quick"
+          rotate={selected.includes("a2") ? "180deg" : "0deg"}
+        ><ChevronDown size="$1" /></Square>
+      </></Accordion.Trigger>
+      <Accordion.Content><Paragraph>{"Eggs have been a dietary staple since time immemorial and there\u2019s good reason for their continued presence in our menus and meals."}</Paragraph></Accordion.Content>
+    </Accordion.Item>
+  </Accordion>;
+}
+export {
+  AccordionDemo
+};
+//# sourceMappingURL=AccordionDemo.mjs.map

package/dist/jsx/AccordionDemo.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/AccordionDemo.tsx"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,WAAW,WAAW,QAAQ,oBAAoB;AAEpD,SAAS,gBAAgB;AAI9B,QAAM,EAAE,SAAS,SAAS,IAAI,aAAa;AAE3C,SACE,CAAC,UAAU,SAAS,SAAS,SAAS,SAAS,MAAM,MAAM,KAAK;AAAA,IAC9D,CAAC,UAAU,KAAK,MAAM;AAAA,MACpB,CAAC,UAAU,QAAQ,cAAc,MAAM,eAAe,iBACnD,CAAC,EAAE,KAAK,MACP;AAAA,QACE,CAAC,UAAU,KAAK,KAAK,qBAAqB,EAAzC;AAAA,QACD,CAAC,OAAO,UAAW,QAAS,QAAQ,OAAO,WAAW,QACpD,CAAC,YAAY,KAAK,KAAK,EACzB,EAFC;AAAA,MAGH,IAEJ,EATC,UAAU;AAAA,MAUX,CAAC,UAAU,QACT,CAAC,UAAU,0IAGX,EAHC,UAIH,EALC,UAAU;AAAA,IAMb,EAjBC,UAAU;AAAA,IAmBX,CAAC,UAAU,KAAK,MAAM;AAAA,MACpB,CAAC,UAAU,QAAQ,cAAc,MAAM,eAAe,gBACpD;AAAA,QACE,CAAC,UAAU,KAAK,KAAK,aAAa,EAAjC;AAAA,QACD,CAAC;AAAA,UACC,UAAW;AAAA,UACX,QAAQ,SAAS,SAAS,IAAI,IAAI,WAAW;AAAA,SAE7C,CAAC,YAAY,KAAK,KAAK,EACzB,EALC;AAAA,MAMH,GACF,EAVC,UAAU;AAAA,MAWX,CAAC,UAAU,QACT,CAAC,WAAU,0IAGX,EAHC,UAIH,EALC,UAAU;AAAA,IAMb,EAlBC,UAAU;AAAA,EAmBb,EAvCC;AAyCL;",
+  "names": []
+}

package/package.json

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

package/types/AccordionDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionDemo.d.ts","sourceRoot":"","sources":["../src/AccordionDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,aAAa,gBAgD5B"}