@tamagui/demos 1.14.0 → 1.14.2

package/dist/cjs/AnimationsTimingDemo.js

@@ -1,2 +1,50 @@
-"use strict";var n=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var u=(e,o)=>{for(var i in o)n(e,i,{get:o[i],enumerable:!0})},d=(e,o,i,m)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of c(o))!p.call(e,r)&&r!==i&&n(e,r,{get:()=>o[r],enumerable:!(m=l(o,r))||m.enumerable});return e};var S=e=>d(n({},"__esModule",{value:!0}),e);var g={};u(g,{AnimationsTimingDemo:()=>f});module.exports=S(g);var a=require("react/jsx-runtime"),s=require("@tamagui/logo"),t=require("tamagui");function f(){return(0,a.jsx)(t.Square,{backgroundColor:"$pink10",animation:"100ms",elevation:"$4",size:110,borderRadius:"$9",hoverStyle:{scale:1.2},pressStyle:{scale:.9},children:(0,a.jsx)(s.LogoIcon,{downscale:.75})})}0&&(module.exports={AnimationsTimingDemo});
+"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 AnimationsTimingDemo_exports = {};
+__export(AnimationsTimingDemo_exports, {
+  AnimationsTimingDemo: () => AnimationsTimingDemo
+});
+module.exports = __toCommonJS(AnimationsTimingDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_logo = require("@tamagui/logo");
+var import_tamagui = require("tamagui");
+function AnimationsTimingDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_tamagui.Square,
+    {
+      backgroundColor: "$pink10",
+      animation: "100ms",
+      elevation: "$4",
+      size: 110,
+      borderRadius: "$9",
+      hoverStyle: {
+        scale: 1.2
+      },
+      pressStyle: {
+        scale: 0.9
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: 0.75 })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AnimationsTimingDemo
+});
 //# sourceMappingURL=AnimationsTimingDemo.js.map

package/dist/cjs/AnimationsTimingDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/AnimationsTimingDemo.tsx"],
   "sourcesContent": ["import { LogoIcon } from '@tamagui/logo'\nimport { Square } from 'tamagui'\n\nexport function AnimationsTimingDemo() {\n  return (\n    <Square\n      backgroundColor=\"$pink10\"\n      animation=\"100ms\"\n      elevation=\"$4\"\n      size={110}\n      borderRadius=\"$9\"\n      hoverStyle={{\n        scale: 1.2,\n      }}\n      pressStyle={{\n        scale: 0.9,\n      }}\n    >\n      <LogoIcon downscale={0.75} />\n    </Square>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,0BAAAE,IAAA,eAAAC,EAAAH,GAkBM,IAAAI,EAAA,6BAlBNC,EAAyB,yBACzBC,EAAuB,mBAEhB,SAASJ,GAAuB,CACrC,SACE,OAAC,UACC,gBAAgB,UAChB,UAAU,QACV,UAAU,KACV,KAAM,IACN,aAAa,KACb,WAAY,CACV,MAAO,GACT,EACA,WAAY,CACV,MAAO,EACT,EAEA,mBAAC,YAAS,UAAW,IAAM,EAC7B,CAEJ",
-  "names": ["AnimationsTimingDemo_exports", "__export", "AnimationsTimingDemo", "__toCommonJS", "import_jsx_runtime", "import_logo", "import_tamagui"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBM;AAlBN,kBAAyB;AACzB,qBAAuB;AAEhB,SAAS,uBAAuB;AACrC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAgB;AAAA,MAChB,WAAU;AAAA,MACV,WAAU;AAAA,MACV,MAAM;AAAA,MACN,cAAa;AAAA,MACb,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MAEA,sDAAC,wBAAS,WAAW,MAAM;AAAA;AAAA,EAC7B;AAEJ;",
+  "names": []
 }

package/dist/cjs/AvatarDemo.js

@@ -1,2 +1,54 @@
-"use strict";var l=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var b=(c,a)=>{for(var o in a)l(c,o,{get:a[o],enumerable:!0})},n=(c,a,o,s)=>{if(a&&typeof a=="object"||typeof a=="function")for(let t of m(a))!p.call(c,t)&&t!==o&&l(c,t,{get:()=>a[t],enumerable:!(s=i(a,t))||s.enumerable});return c};var u=c=>n(l({},"__esModule",{value:!0}),c);var g={};b(g,{AvatarDemo:()=>h});module.exports=u(g);var r=require("react/jsx-runtime"),e=require("tamagui");function h(){return(0,r.jsxs)(e.XStack,{alignItems:"center",space:"$6",children:[(0,r.jsxs)(e.Avatar,{circular:!0,size:"$10",children:[(0,r.jsx)(e.Avatar.Image,{accessibilityLabel:"Cam",src:"https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"}),(0,r.jsx)(e.Avatar.Fallback,{backgroundColor:"$blue10"})]}),(0,r.jsxs)(e.Avatar,{circular:!0,size:"$8",children:[(0,r.jsx)(e.Avatar.Image,{accessibilityLabel:"Nate Wienert",src:"https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"}),(0,r.jsx)(e.Avatar.Fallback,{delayMs:600,backgroundColor:"$blue10"})]})]})}0&&(module.exports={AvatarDemo});
+"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 AvatarDemo_exports = {};
+__export(AvatarDemo_exports, {
+  AvatarDemo: () => AvatarDemo
+});
+module.exports = __toCommonJS(AvatarDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+function AvatarDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { alignItems: "center", space: "$6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, { circular: true, size: "$10", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_tamagui.Avatar.Image,
+        {
+          accessibilityLabel: "Cam",
+          src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Fallback, { backgroundColor: "$blue10" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, { circular: true, size: "$8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_tamagui.Avatar.Image,
+        {
+          accessibilityLabel: "Nate Wienert",
+          src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Fallback, { delayMs: 600, backgroundColor: "$blue10" })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AvatarDemo
+});
 //# sourceMappingURL=AvatarDemo.js.map

package/dist/cjs/AvatarDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/AvatarDemo.tsx"],
   "sourcesContent": ["import React from 'react'\nimport { Avatar, XStack } from 'tamagui'\n\nexport function AvatarDemo() {\n  return (\n    <XStack alignItems=\"center\" space=\"$6\">\n      <Avatar circular size=\"$10\">\n        <Avatar.Image\n          accessibilityLabel=\"Cam\"\n          src=\"https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80\"\n        />\n        <Avatar.Fallback backgroundColor=\"$blue10\" />\n      </Avatar>\n\n      <Avatar circular size=\"$8\">\n        <Avatar.Image\n          accessibilityLabel=\"Nate Wienert\"\n          src=\"https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80\"\n        />\n        <Avatar.Fallback delayMs={600} backgroundColor=\"$blue10\" />\n      </Avatar>\n    </XStack>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAMM,IAAAI,EAAA,6BALNC,EAA+B,mBAExB,SAASH,GAAa,CAC3B,SACE,QAAC,UAAO,WAAW,SAAS,MAAM,KAChC,qBAAC,UAAO,SAAQ,GAAC,KAAK,MACpB,oBAAC,SAAO,MAAP,CACC,mBAAmB,MACnB,IAAI,oFACN,KACA,OAAC,SAAO,SAAP,CAAgB,gBAAgB,UAAU,GAC7C,KAEA,QAAC,UAAO,SAAQ,GAAC,KAAK,KACpB,oBAAC,SAAO,MAAP,CACC,mBAAmB,eACnB,IAAI,uFACN,KACA,OAAC,SAAO,SAAP,CAAgB,QAAS,IAAK,gBAAgB,UAAU,GAC3D,GACF,CAEJ",
-  "names": ["AvatarDemo_exports", "__export", "AvatarDemo", "__toCommonJS", "import_jsx_runtime", "import_tamagui"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMM;AALN,qBAA+B;AAExB,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,YAAW,UAAS,OAAM,MAChC;AAAA,iDAAC,yBAAO,UAAQ,MAAC,MAAK,OACpB;AAAA;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UACC,oBAAmB;AAAA,UACnB,KAAI;AAAA;AAAA,MACN;AAAA,MACA,4CAAC,sBAAO,UAAP,EAAgB,iBAAgB,WAAU;AAAA,OAC7C;AAAA,IAEA,6CAAC,yBAAO,UAAQ,MAAC,MAAK,MACpB;AAAA;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UACC,oBAAmB;AAAA,UACnB,KAAI;AAAA;AAAA,MACN;AAAA,MACA,4CAAC,sBAAO,UAAP,EAAgB,SAAS,KAAK,iBAAgB,WAAU;AAAA,OAC3D;AAAA,KACF;AAEJ;",
+  "names": []
 }

package/dist/cjs/ButtonDemo.js

@@ -1,2 +1,49 @@
-"use strict";var u=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var p=(o,i)=>{for(var r in i)u(o,r,{get:i[r],enumerable:!0})},d=(o,i,r,a)=>{if(i&&typeof i=="object"||typeof i=="function")for(let n of m(i))!c.call(o,n)&&n!==r&&u(o,n,{get:()=>i[n],enumerable:!(a=s(i,n))||a.enumerable});return o};var B=o=>d(u({},"__esModule",{value:!0}),o);var $={};p($,{ButtonDemo:()=>h});module.exports=B($);var e=require("react/jsx-runtime"),l=require("@tamagui/lucide-icons"),t=require("tamagui");function h(o){return(0,e.jsxs)(t.YStack,{padding:"$3",space:!0,...o,children:[(0,e.jsx)(t.Button,{children:"Plain"}),(0,e.jsx)(t.Button,{alignSelf:"center",icon:l.Airplay,size:"$6",children:"Large"}),(0,e.jsxs)(t.XGroup,{size:"$3",children:[(0,e.jsx)(t.Button,{width:"50%",theme:"alt2",children:"Alt2"}),(0,e.jsx)(t.Button,{width:"50%",theme:"yellow",children:"Yellow"})]}),(0,e.jsxs)(t.XStack,{space:"$2",children:[(0,e.jsx)(t.Button,{themeInverse:!0,size:"$3",children:"Small Inverse"}),(0,e.jsx)(t.Button,{iconAfter:l.Activity,size:"$3",children:"After"})]}),(0,e.jsxs)(t.XGroup,{children:[(0,e.jsx)(t.XGroup.Item,{children:(0,e.jsx)(t.Button,{width:"50%",size:"$2",disabled:!0,opacity:.5,children:"disabled"})}),(0,e.jsx)(t.XGroup.Item,{children:(0,e.jsx)(t.Button,{width:"50%",size:"$2",chromeless:!0,children:"chromeless"})})]})]})}0&&(module.exports={ButtonDemo});
+"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 ButtonDemo_exports = {};
+__export(ButtonDemo_exports, {
+  ButtonDemo: () => ButtonDemo
+});
+module.exports = __toCommonJS(ButtonDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons = require("@tamagui/lucide-icons");
+var import_tamagui = require("tamagui");
+function ButtonDemo(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$3", space: true, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Plain" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { alignSelf: "center", icon: import_lucide_icons.Airplay, size: "$6", children: "Large" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XGroup, { size: "$3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { width: "50%", theme: "alt2", children: "Alt2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { width: "50%", theme: "yellow", children: "Yellow" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { themeInverse: true, size: "$3", children: "Small Inverse" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { iconAfter: import_lucide_icons.Activity, size: "$3", children: "After" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XGroup, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { width: "50%", size: "$2", disabled: true, opacity: 0.5, children: "disabled" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { width: "50%", size: "$2", chromeless: true, children: "chromeless" }) })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ButtonDemo
+});
 //# sourceMappingURL=ButtonDemo.js.map

package/dist/cjs/ButtonDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ButtonDemo.tsx"],
   "sourcesContent": ["import { Activity, Airplay } from '@tamagui/lucide-icons'\nimport { Button, XGroup, XStack, YStack } from 'tamagui'\n\nexport function ButtonDemo(props) {\n  return (\n    <YStack padding=\"$3\" space {...props}>\n      <Button>Plain</Button>\n      <Button alignSelf=\"center\" icon={Airplay} size=\"$6\">\n        Large\n      </Button>\n      <XGroup size=\"$3\">\n        <Button width=\"50%\" theme=\"alt2\">\n          Alt2\n        </Button>\n        <Button width=\"50%\" theme=\"yellow\">\n          Yellow\n        </Button>\n      </XGroup>\n      <XStack space=\"$2\">\n        <Button themeInverse size=\"$3\">\n          Small Inverse\n        </Button>\n        <Button iconAfter={Activity} size=\"$3\">\n          After\n        </Button>\n      </XStack>\n      <XGroup>\n        <XGroup.Item>\n          <Button width=\"50%\" size=\"$2\" disabled opacity={0.5}>\n            disabled\n          </Button>\n        </XGroup.Item>\n\n        <XGroup.Item>\n          <Button width=\"50%\" size=\"$2\" chromeless>\n            chromeless\n          </Button>\n        </XGroup.Item>\n      </XGroup>\n    </YStack>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAMM,IAAAI,EAAA,6BANNC,EAAkC,iCAClCC,EAA+C,mBAExC,SAASJ,EAAWK,EAAO,CAChC,SACE,QAAC,UAAO,QAAQ,KAAK,MAAK,GAAE,GAAGA,EAC7B,oBAAC,UAAO,iBAAK,KACb,OAAC,UAAO,UAAU,SAAS,KAAM,UAAS,KAAK,KAAK,iBAEpD,KACA,QAAC,UAAO,KAAK,KACX,oBAAC,UAAO,MAAM,MAAM,MAAM,OAAO,gBAEjC,KACA,OAAC,UAAO,MAAM,MAAM,MAAM,SAAS,kBAEnC,GACF,KACA,QAAC,UAAO,MAAM,KACZ,oBAAC,UAAO,aAAY,GAAC,KAAK,KAAK,yBAE/B,KACA,OAAC,UAAO,UAAW,WAAU,KAAK,KAAK,iBAEvC,GACF,KACA,QAAC,UACC,oBAAC,SAAO,KAAP,CACC,mBAAC,UAAO,MAAM,MAAM,KAAK,KAAK,SAAQ,GAAC,QAAS,GAAK,oBAErD,EACF,KAEA,OAAC,SAAO,KAAP,CACC,mBAAC,UAAO,MAAM,MAAM,KAAK,KAAK,WAAU,GAAC,sBAEzC,EACF,GACF,GACF,CAEJ",
-  "names": ["ButtonDemo_exports", "__export", "ButtonDemo", "__toCommonJS", "import_jsx_runtime", "import_lucide_icons", "import_tamagui", "props"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMM;AANN,0BAAkC;AAClC,qBAA+C;AAExC,SAAS,WAAW,OAAO;AAChC,SACE,6CAAC,yBAAO,SAAQ,MAAK,OAAK,MAAE,GAAG,OAC7B;AAAA,gDAAC,yBAAO,mBAAK;AAAA,IACb,4CAAC,yBAAO,WAAU,UAAS,MAAM,6BAAS,MAAK,MAAK,mBAEpD;AAAA,IACA,6CAAC,yBAAO,MAAK,MACX;AAAA,kDAAC,yBAAO,OAAM,OAAM,OAAM,QAAO,kBAEjC;AAAA,MACA,4CAAC,yBAAO,OAAM,OAAM,OAAM,UAAS,oBAEnC;AAAA,OACF;AAAA,IACA,6CAAC,yBAAO,OAAM,MACZ;AAAA,kDAAC,yBAAO,cAAY,MAAC,MAAK,MAAK,2BAE/B;AAAA,MACA,4CAAC,yBAAO,WAAW,8BAAU,MAAK,MAAK,mBAEvC;AAAA,OACF;AAAA,IACA,6CAAC,yBACC;AAAA,kDAAC,sBAAO,MAAP,EACC,sDAAC,yBAAO,OAAM,OAAM,MAAK,MAAK,UAAQ,MAAC,SAAS,KAAK,sBAErD,GACF;AAAA,MAEA,4CAAC,sBAAO,MAAP,EACC,sDAAC,yBAAO,OAAM,OAAM,MAAK,MAAK,YAAU,MAAC,wBAEzC,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "names": []
 }

package/dist/cjs/CardDemo.js

@@ -1,2 +1,70 @@
-"use strict";var E=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var o=Object.prototype.hasOwnProperty;var e=(B,g)=>{for(var I in g)E(B,I,{get:g[I],enumerable:!0})},k=(B,g,I,C)=>{if(g&&typeof g=="object"||typeof g=="function")for(let O of i(g))!o.call(B,O)&&O!==I&&E(B,O,{get:()=>g[O],enumerable:!(C=c(g,O))||C.enumerable});return B};var n=B=>k(E({},"__esModule",{value:!0}),B);var a={};e(a,{CardDemo:()=>H});module.exports=n(a);var Q=require("react/jsx-runtime"),A=require("tamagui");function H(){return(0,Q.jsxs)(A.XStack,{$sm:{flexDirection:"column"},paddingHorizontal:"$4",space:!0,children:[(0,Q.jsx)(d,{animation:"bouncy",size:"$4",width:250,height:300,scale:.9,hoverStyle:{scale:.925},pressStyle:{scale:.875}}),(0,Q.jsx)(d,{size:"$5",w:250,h:300})]})}function d(B){return(0,Q.jsxs)(A.Card,{theme:"dark",elevate:!0,size:"$4",bordered:!0,...B,children:[(0,Q.jsxs)(A.Card.Header,{padded:!0,children:[(0,Q.jsx)(A.H2,{children:"Sony A7IV"}),(0,Q.jsx)(A.Paragraph,{theme:"alt2",children:"Now available"})]}),(0,Q.jsxs)(A.Card.Footer,{padded:!0,children:[(0,Q.jsx)(A.XStack,{flex:1}),(0,Q.jsx)(A.Button,{borderRadius:"$10",children:"Purchase"})]}),(0,Q.jsx)(A.Card.Background,{children:(0,Q.jsx)(A.Image,{position:"absolute",width:300,height:300,resizeMode:"contain",alignSelf:"center",src:"data:image/jpeg;base64,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"})})]})}0&&(module.exports={CardDemo});
+"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 CardDemo_exports = {};
+__export(CardDemo_exports, {
+  CardDemo: () => CardDemo
+});
+module.exports = __toCommonJS(CardDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+function CardDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { $sm: { flexDirection: "column" }, paddingHorizontal: "$4", space: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      DemoCard,
+      {
+        animation: "bouncy",
+        size: "$4",
+        width: 250,
+        height: 300,
+        scale: 0.9,
+        hoverStyle: { scale: 0.925 },
+        pressStyle: { scale: 0.875 }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DemoCard, { size: "$5", w: 250, h: 300 })
+  ] });
+}
+function DemoCard(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Card, { theme: "dark", elevate: true, size: "$4", bordered: true, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Card.Header, { padded: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, { children: "Sony A7IV" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { theme: "alt2", children: "Now available" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Card.Footer, { padded: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, { flex: 1 }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { borderRadius: "$10", children: "Purchase" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Card.Background, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Image,
+      {
+        position: "absolute",
+        width: 300,
+        height: 300,
+        resizeMode: "contain",
+        alignSelf: "center",
+        src: "data:image/jpeg;base64,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"
+      }
+    ) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CardDemo
+});
 //# sourceMappingURL=CardDemo.js.map

package/dist/cjs/CardDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/CardDemo.tsx"],
   "sourcesContent": ["import { Button, Card, CardProps, H2, Image, Paragraph, XStack } from 'tamagui'\n\nexport function CardDemo() {\n  return (\n    <XStack $sm={{ flexDirection: 'column' }} paddingHorizontal=\"$4\" space>\n      <DemoCard\n        animation=\"bouncy\"\n        size=\"$4\"\n        width={250}\n        height={300}\n        scale={0.9}\n        hoverStyle={{ scale: 0.925 }}\n        pressStyle={{ scale: 0.875 }}\n      />\n      <DemoCard size=\"$5\" w={250} h={300} />\n    </XStack>\n  )\n}\n\nfunction DemoCard(props: CardProps) {\n  return (\n    <Card theme=\"dark\" elevate size=\"$4\" bordered {...props}>\n      <Card.Header padded>\n        <H2>Sony A7IV</H2>\n        <Paragraph theme=\"alt2\">Now available</Paragraph>\n      </Card.Header>\n      <Card.Footer padded>\n        <XStack flex={1} />\n        <Button borderRadius=\"$10\">Purchase</Button>\n      </Card.Footer>\n      <Card.Background>\n        <Image\n          position=\"absolute\"\n          width={300}\n          height={300}\n          resizeMode=\"contain\"\n          alignSelf=\"center\"\n          src=\"data:image/jpeg;base64,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\"\n        />\n      </Card.Background>\n    </Card>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,IAAA,eAAAC,EAAAH,GAII,IAAAI,EAAA,6BAJJC,EAAsE,mBAE/D,SAASH,GAAW,CACzB,SACE,QAAC,UAAO,IAAK,CAAE,cAAe,QAAS,EAAG,kBAAkB,KAAK,MAAK,GACpE,oBAACI,EAAA,CACC,UAAU,SACV,KAAK,KACL,MAAO,IACP,OAAQ,IACR,MAAO,GACP,WAAY,CAAE,MAAO,IAAM,EAC3B,WAAY,CAAE,MAAO,IAAM,EAC7B,KACA,OAACA,EAAA,CAAS,KAAK,KAAK,EAAG,IAAK,EAAG,IAAK,GACtC,CAEJ,CAEA,SAASA,EAASC,EAAkB,CAClC,SACE,QAAC,QAAK,MAAM,OAAO,QAAO,GAAC,KAAK,KAAK,SAAQ,GAAE,GAAGA,EAChD,qBAAC,OAAK,OAAL,CAAY,OAAM,GACjB,oBAAC,MAAG,qBAAS,KACb,OAAC,aAAU,MAAM,OAAO,yBAAa,GACvC,KACA,QAAC,OAAK,OAAL,CAAY,OAAM,GACjB,oBAAC,UAAO,KAAM,EAAG,KACjB,OAAC,UAAO,aAAa,MAAM,oBAAQ,GACrC,KACA,OAAC,OAAK,WAAL,CACC,mBAAC,SACC,SAAS,WACT,MAAO,IACP,OAAQ,IACR,WAAW,UACX,UAAU,SACV,IAAI,8vOACN,EACF,GACF,CAEJ",
-  "names": ["CardDemo_exports", "__export", "CardDemo", "__toCommonJS", "import_jsx_runtime", "import_tamagui", "DemoCard", "props"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAII;AAJJ,qBAAsE;AAE/D,SAAS,WAAW;AACzB,SACE,6CAAC,yBAAO,KAAK,EAAE,eAAe,SAAS,GAAG,mBAAkB,MAAK,OAAK,MACpE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,YAAY,EAAE,OAAO,MAAM;AAAA,QAC3B,YAAY,EAAE,OAAO,MAAM;AAAA;AAAA,IAC7B;AAAA,IACA,4CAAC,YAAS,MAAK,MAAK,GAAG,KAAK,GAAG,KAAK;AAAA,KACtC;AAEJ;AAEA,SAAS,SAAS,OAAkB;AAClC,SACE,6CAAC,uBAAK,OAAM,QAAO,SAAO,MAAC,MAAK,MAAK,UAAQ,MAAE,GAAG,OAChD;AAAA,iDAAC,oBAAK,QAAL,EAAY,QAAM,MACjB;AAAA,kDAAC,qBAAG,uBAAS;AAAA,MACb,4CAAC,4BAAU,OAAM,QAAO,2BAAa;AAAA,OACvC;AAAA,IACA,6CAAC,oBAAK,QAAL,EAAY,QAAM,MACjB;AAAA,kDAAC,yBAAO,MAAM,GAAG;AAAA,MACjB,4CAAC,yBAAO,cAAa,OAAM,sBAAQ;AAAA,OACrC;AAAA,IACA,4CAAC,oBAAK,YAAL,EACC;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAW;AAAA,QACX,WAAU;AAAA,QACV,KAAI;AAAA;AAAA,IACN,GACF;AAAA,KACF;AAEJ;",
+  "names": []
 }

package/dist/cjs/CheckboxDemo.js

@@ -1,2 +1,45 @@
-"use strict";var a=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var r=Object.prototype.hasOwnProperty;var z=(e,c)=>{for(var n in c)a(e,n,{get:c[n],enumerable:!0})},C=(e,c,n,d)=>{if(c&&typeof c=="object"||typeof c=="function")for(let o of l(c))!r.call(e,o)&&o!==n&&a(e,o,{get:()=>c[o],enumerable:!(d=s(c,o))||d.enumerable});return e};var b=e=>C(a({},"__esModule",{value:!0}),e);var m={};z(m,{CheckboxDemo:()=>f});module.exports=b(m);var t=require("react/jsx-runtime"),h=require("@tamagui/lucide-icons"),i=require("tamagui");function f(){return(0,t.jsxs)(i.YStack,{width:300,alignItems:"center",space:"$2",children:[(0,t.jsx)(k,{size:"$3"}),(0,t.jsx)(k,{size:"$4",defaultChecked:!0}),(0,t.jsx)(k,{size:"$5"})]})}function k(e){const c=`checkbox-${e.size.toString().slice(1)}`;return(0,t.jsxs)(i.XStack,{width:300,alignItems:"center",space:"$4",children:[(0,t.jsx)(i.Checkbox,{id:c,size:e.size,defaultChecked:e.defaultChecked,children:(0,t.jsx)(i.Checkbox.Indicator,{children:(0,t.jsx)(h.Check,{})})}),(0,t.jsx)(i.Label,{size:e.size,htmlFor:c,children:"Accept terms and conditions"})]})}0&&(module.exports={CheckboxDemo});
+"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 CheckboxDemo_exports = {};
+__export(CheckboxDemo_exports, {
+  CheckboxDemo: () => CheckboxDemo
+});
+module.exports = __toCommonJS(CheckboxDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons = require("@tamagui/lucide-icons");
+var import_tamagui = require("tamagui");
+function CheckboxDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: 300, alignItems: "center", space: "$2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, { size: "$3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, { size: "$4", defaultChecked: true }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, { size: "$5" })
+  ] });
+}
+function CheckboxWithLabel(props) {
+  const id = `checkbox-${props.size.toString().slice(1)}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: 300, alignItems: "center", space: "$4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Checkbox, { id, size: props.size, defaultChecked: props.defaultChecked, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Checkbox.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, {}) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { size: props.size, htmlFor: id, children: "Accept terms and conditions" })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckboxDemo
+});
 //# sourceMappingURL=CheckboxDemo.js.map

package/dist/cjs/CheckboxDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/CheckboxDemo.tsx"],
   "sourcesContent": ["import { Check as CheckIcon } from '@tamagui/lucide-icons'\nimport { Checkbox, Label, SizeTokens, XStack, YStack } from 'tamagui'\n\nexport function CheckboxDemo() {\n  return (\n    <YStack width={300} alignItems=\"center\" space=\"$2\">\n      <CheckboxWithLabel size=\"$3\" />\n      <CheckboxWithLabel size=\"$4\" defaultChecked />\n      <CheckboxWithLabel size=\"$5\" />\n    </YStack>\n  )\n}\n\nfunction CheckboxWithLabel(props: { size: SizeTokens; defaultChecked?: boolean }) {\n  const id = `checkbox-${props.size.toString().slice(1)}`\n  return (\n    <XStack width={300} alignItems=\"center\" space=\"$4\">\n      <Checkbox id={id} size={props.size} defaultChecked={props.defaultChecked}>\n        <Checkbox.Indicator>\n          <CheckIcon />\n        </Checkbox.Indicator>\n      </Checkbox>\n\n      <Label size={props.size} htmlFor={id}>\n        Accept terms and conditions\n      </Label>\n    </XStack>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GAKI,IAAAI,EAAA,6BALJC,EAAmC,iCACnCC,EAA4D,mBAErD,SAASJ,GAAe,CAC7B,SACE,QAAC,UAAO,MAAO,IAAK,WAAW,SAAS,MAAM,KAC5C,oBAACK,EAAA,CAAkB,KAAK,KAAK,KAC7B,OAACA,EAAA,CAAkB,KAAK,KAAK,eAAc,GAAC,KAC5C,OAACA,EAAA,CAAkB,KAAK,KAAK,GAC/B,CAEJ,CAEA,SAASA,EAAkBC,EAAuD,CAChF,MAAMC,EAAK,YAAYD,EAAM,KAAK,SAAS,EAAE,MAAM,CAAC,IACpD,SACE,QAAC,UAAO,MAAO,IAAK,WAAW,SAAS,MAAM,KAC5C,oBAAC,YAAS,GAAIC,EAAI,KAAMD,EAAM,KAAM,eAAgBA,EAAM,eACxD,mBAAC,WAAS,UAAT,CACC,mBAAC,EAAAE,MAAA,EAAU,EACb,EACF,KAEA,OAAC,SAAM,KAAMF,EAAM,KAAM,QAASC,EAAI,uCAEtC,GACF,CAEJ",
-  "names": ["CheckboxDemo_exports", "__export", "CheckboxDemo", "__toCommonJS", "import_jsx_runtime", "import_lucide_icons", "import_tamagui", "CheckboxWithLabel", "props", "id", "CheckIcon"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKI;AALJ,0BAAmC;AACnC,qBAA4D;AAErD,SAAS,eAAe;AAC7B,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,gDAAC,qBAAkB,MAAK,MAAK;AAAA,IAC7B,4CAAC,qBAAkB,MAAK,MAAK,gBAAc,MAAC;AAAA,IAC5C,4CAAC,qBAAkB,MAAK,MAAK;AAAA,KAC/B;AAEJ;AAEA,SAAS,kBAAkB,OAAuD;AAChF,QAAM,KAAK,YAAY,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC;AACpD,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,gDAAC,2BAAS,IAAQ,MAAM,MAAM,MAAM,gBAAgB,MAAM,gBACxD,sDAAC,wBAAS,WAAT,EACC,sDAAC,oBAAAA,OAAA,EAAU,GACb,GACF;AAAA,IAEA,4CAAC,wBAAM,MAAM,MAAM,MAAM,SAAS,IAAI,yCAEtC;AAAA,KACF;AAEJ;",
+  "names": ["CheckIcon"]
 }

package/dist/cjs/ColorsDemo.js

@@ -1,2 +1,113 @@
-"use strict";var i=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var h=(t,a)=>{for(var o in a)i(t,o,{get:a[o],enumerable:!0})},u=(t,a,o,s)=>{if(a&&typeof a=="object"||typeof a=="function")for(let c of g(a))!k.call(t,c)&&c!==o&&i(t,c,{get:()=>a[c],enumerable:!(s=p(a,c))||s.enumerable});return t};var m=t=>u(i({},"__esModule",{value:!0}),t);var S={};h(S,{ColorsDemo:()=>d});module.exports=m(S);var r=require("react/jsx-runtime"),e=require("tamagui");const l=["orange","yellow","green","blue","purple","pink","red"];function d(){const t=(0,e.getTokens)({prefixed:!1}).color,[a,o]=[n(t),n(t,!0)];return(0,r.jsxs)(e.YStack,{marginTop:"$4",space:"$8",children:[(0,r.jsx)($,{title:"Light",colors:a}),(0,r.jsx)(e.Separator,{}),(0,r.jsx)($,{title:"Dark",colors:o})]})}function $({title:t,colors:a}){return(0,r.jsxs)(e.YStack,{space:!0,$sm:{space:"$2"},children:[(0,r.jsx)(e.H2,{size:"$2",children:t}),(0,r.jsxs)(e.XStack,{space:!0,alignSelf:"center",children:[(0,r.jsxs)(e.YStack,{space:!0,$sm:{space:"$2"},als:"center",children:[a.map((o,s)=>(0,r.jsx)(e.XStack,{space:"$2",children:o.map(c=>(0,r.jsx)(e.Square,{borderRadius:"$2",size:"$4",height:"$4",borderWidth:1,backgroundColor:(0,e.getVariableValue)(c),borderColor:"$color7",$sm:{size:"$2"},$xs:{size:"$1"}},`${c.key}${s}`))},s)),(0,r.jsx)(e.XStack,{space:"$2",alignSelf:"center",children:new Array(13).fill(0).slice(1).map((o,s)=>(0,r.jsx)(e.Paragraph,{color:"$color10",textAlign:"center",width:"$4",$sm:{width:"$2"},$xs:{width:"$1"},children:s},s))})]}),(0,r.jsx)(e.YStack,{space:"$4",marginTop:"$2",children:l.map(o=>(0,r.jsx)(e.Paragraph,{theme:o,color:"$color10",height:"$4",rotate:"-10deg",$sm:{height:"$2"},$xs:{height:"$1"},children:o},o))})]})]})}function n(t,a=!1){return l.map(o=>Object.keys(t).filter(s=>s.startsWith(o)&&(a?s.endsWith("Dark"):!s.endsWith("Dark"))).map(s=>t[s]))}0&&(module.exports={ColorsDemo});
+"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 ColorsDemo_exports = {};
+__export(ColorsDemo_exports, {
+  ColorsDemo: () => ColorsDemo
+});
+module.exports = __toCommonJS(ColorsDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+const colorGroups = ["orange", "yellow", "green", "blue", "purple", "pink", "red"];
+function ColorsDemo() {
+  const colors = (0, import_tamagui.getTokens)({ prefixed: false }).color;
+  const [colorsLight, colorsDark] = [getColors(colors), getColors(colors, true)];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { marginTop: "$4", space: "$8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColorsRow, { title: "Light", colors: colorsLight }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColorsRow, { title: "Dark", colors: colorsDark })
+  ] });
+}
+function ColorsRow({ title, colors }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: true, $sm: { space: "$2" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, { size: "$2", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: true, alignSelf: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: true, $sm: { space: "$2" }, als: "center", children: [
+        colors.map((group, index) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, { space: "$2", children: group.map((color) => {
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_tamagui.Square,
+              {
+                borderRadius: "$2",
+                size: "$4",
+                height: "$4",
+                borderWidth: 1,
+                backgroundColor: (0, import_tamagui.getVariableValue)(color),
+                borderColor: "$color7",
+                $sm: {
+                  size: "$2"
+                },
+                $xs: {
+                  size: "$1"
+                }
+              },
+              `${color.key}${index}`
+            );
+          }) }, index);
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, { space: "$2", alignSelf: "center", children: new Array(13).fill(0).slice(1).map((_, index) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_tamagui.Paragraph,
+            {
+              color: "$color10",
+              textAlign: "center",
+              width: "$4",
+              $sm: {
+                width: "$2"
+              },
+              $xs: {
+                width: "$1"
+              },
+              children: index
+            },
+            index
+          );
+        }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { space: "$4", marginTop: "$2", children: colorGroups.map((name) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_tamagui.Paragraph,
+        {
+          theme: name,
+          color: "$color10",
+          height: "$4",
+          rotate: "-10deg",
+          $sm: {
+            height: "$2"
+          },
+          $xs: {
+            height: "$1"
+          },
+          children: name
+        },
+        name
+      )) })
+    ] })
+  ] });
+}
+function getColors(colors, dark = false) {
+  return colorGroups.map((group) => {
+    return Object.keys(colors).filter(
+      (color) => color.startsWith(group) && (dark ? color.endsWith("Dark") : !color.endsWith("Dark"))
+    ).map((key) => colors[key]);
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ColorsDemo
+});
 //# sourceMappingURL=ColorsDemo.js.map

package/dist/cjs/ColorsDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ColorsDemo.tsx"],
   "sourcesContent": ["import { Variable } from '@tamagui/core'\nimport {\n  H2,\n  Paragraph,\n  Separator,\n  Square,\n  XStack,\n  YStack,\n  getTokens,\n  getVariableValue,\n} from 'tamagui'\n\nconst colorGroups = ['orange', 'yellow', 'green', 'blue', 'purple', 'pink', 'red']\n\nexport function ColorsDemo() {\n  const colors = getTokens({ prefixed: false }).color\n  const [colorsLight, colorsDark] = [getColors(colors), getColors(colors, true)]\n\n  return (\n    <YStack marginTop=\"$4\" space=\"$8\">\n      <ColorsRow title=\"Light\" colors={colorsLight} />\n      <Separator />\n      <ColorsRow title=\"Dark\" colors={colorsDark} />\n    </YStack>\n  )\n}\n\nfunction ColorsRow({ title, colors }: { title: string; colors: Variable[][] }) {\n  return (\n    <YStack space $sm={{ space: '$2' }}>\n      <H2 size=\"$2\">{title}</H2>\n\n      <XStack space alignSelf=\"center\">\n        <YStack space $sm={{ space: '$2' }} als=\"center\">\n          {colors.map((group, index) => {\n            return (\n              <XStack space=\"$2\" key={index}>\n                {group.map((color) => {\n                  return (\n                    <Square\n                      key={`${color.key}${index}`}\n                      borderRadius=\"$2\"\n                      size=\"$4\"\n                      height=\"$4\"\n                      borderWidth={1}\n                      backgroundColor={getVariableValue(color)}\n                      borderColor=\"$color7\"\n                      $sm={{\n                        size: '$2',\n                      }}\n                      $xs={{\n                        size: '$1',\n                      }}\n                    />\n                  )\n                })}\n              </XStack>\n            )\n          })}\n\n          <XStack space=\"$2\" alignSelf=\"center\">\n            {new Array(13)\n              .fill(0)\n              .slice(1)\n              .map((_, index) => {\n                return (\n                  <Paragraph\n                    color=\"$color10\"\n                    textAlign=\"center\"\n                    width=\"$4\"\n                    $sm={{\n                     width:'$2',\n                    }}\n                    $xs={{\n                      width: '$1',\n                    }}\n                    key={index}\n                  >\n                    {index}\n                  </Paragraph>\n                )\n              })}\n          </XStack>\n        </YStack>\n\n        <YStack space=\"$4\" marginTop=\"$2\">\n          {colorGroups.map((name) => (\n            <Paragraph\n              theme={name as any}\n              color=\"$color10\"\n              height=\"$4\"\n              rotate=\"-10deg\"\n              $sm={{\n                height: '$2',\n              }}\n              $xs={{\n                height: '$1',\n              }}\n              key={name}\n            >\n              {name}\n            </Paragraph>\n          ))}\n        </YStack>\n      </XStack>\n    </YStack>\n  )\n}\n\nfunction getColors(colors: Record<string, Variable>, dark = false) {\n  return colorGroups.map((group) => {\n    return Object.keys(colors)\n      .filter(\n        (color) =>\n          color.startsWith(group) &&\n          (dark ? color.endsWith('Dark') : !color.endsWith('Dark'))\n      )\n      .map((key) => colors[key])\n  })\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAmBI,IAAAI,EAAA,6BAlBJC,EASO,mBAEP,MAAMC,EAAc,CAAC,SAAU,SAAU,QAAS,OAAQ,SAAU,OAAQ,KAAK,EAE1E,SAASJ,GAAa,CAC3B,MAAMK,KAAS,aAAU,CAAE,SAAU,EAAM,CAAC,EAAE,MACxC,CAACC,EAAaC,CAAU,EAAI,CAACC,EAAUH,CAAM,EAAGG,EAAUH,EAAQ,EAAI,CAAC,EAE7E,SACE,QAAC,UAAO,UAAU,KAAK,MAAM,KAC3B,oBAACI,EAAA,CAAU,MAAM,QAAQ,OAAQH,EAAa,KAC9C,OAAC,cAAU,KACX,OAACG,EAAA,CAAU,MAAM,OAAO,OAAQF,EAAY,GAC9C,CAEJ,CAEA,SAASE,EAAU,CAAE,MAAAC,EAAO,OAAAL,CAAO,EAA4C,CAC7E,SACE,QAAC,UAAO,MAAK,GAAC,IAAK,CAAE,MAAO,IAAK,EAC/B,oBAAC,MAAG,KAAK,KAAM,SAAAK,EAAM,KAErB,QAAC,UAAO,MAAK,GAAC,UAAU,SACtB,qBAAC,UAAO,MAAK,GAAC,IAAK,CAAE,MAAO,IAAK,EAAG,IAAI,SACrC,UAAAL,EAAO,IAAI,CAACM,EAAOC,OAEhB,OAAC,UAAO,MAAM,KACX,SAAAD,EAAM,IAAKE,MAER,OAAC,UAEC,aAAa,KACb,KAAK,KACL,OAAO,KACP,YAAa,EACb,mBAAiB,oBAAiBA,CAAK,EACvC,YAAY,UACZ,IAAK,CACH,KAAM,IACR,EACA,IAAK,CACH,KAAM,IACR,GAZK,GAAGA,EAAM,MAAMD,GAatB,CAEH,GAnBqBA,CAoBxB,CAEH,KAED,OAAC,UAAO,MAAM,KAAK,UAAU,SAC1B,aAAI,MAAM,EAAE,EACV,KAAK,CAAC,EACN,MAAM,CAAC,EACP,IAAI,CAACE,EAAGF,OAEL,OAAC,aACC,MAAM,WACN,UAAU,SACV,MAAM,KACN,IAAK,CACJ,MAAM,IACP,EACA,IAAK,CACH,MAAO,IACT,EAGC,SAAAA,GAFIA,CAGP,CAEH,EACL,GACF,KAEA,OAAC,UAAO,MAAM,KAAK,UAAU,KAC1B,SAAAR,EAAY,IAAKW,MAChB,OAAC,aACC,MAAOA,EACP,MAAM,WACN,OAAO,KACP,OAAO,SACP,IAAK,CACH,OAAQ,IACV,EACA,IAAK,CACH,OAAQ,IACV,EAGC,SAAAA,GAFIA,CAGP,CACD,EACH,GACF,GACF,CAEJ,CAEA,SAASP,EAAUH,EAAkCW,EAAO,GAAO,CACjE,OAAOZ,EAAY,IAAKO,GACf,OAAO,KAAKN,CAAM,EACtB,OACEQ,GACCA,EAAM,WAAWF,CAAK,IACrBK,EAAOH,EAAM,SAAS,MAAM,EAAI,CAACA,EAAM,SAAS,MAAM,EAC3D,EACC,IAAKI,GAAQZ,EAAOY,CAAG,CAAC,CAC5B,CACH",
-  "names": ["ColorsDemo_exports", "__export", "ColorsDemo", "__toCommonJS", "import_jsx_runtime", "import_tamagui", "colorGroups", "colors", "colorsLight", "colorsDark", "getColors", "ColorsRow", "title", "group", "index", "color", "_", "name", "dark", "key"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBI;AAlBJ,qBASO;AAEP,MAAM,cAAc,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAE1E,SAAS,aAAa;AAC3B,QAAM,aAAS,0BAAU,EAAE,UAAU,MAAM,CAAC,EAAE;AAC9C,QAAM,CAAC,aAAa,UAAU,IAAI,CAAC,UAAU,MAAM,GAAG,UAAU,QAAQ,IAAI,CAAC;AAE7E,SACE,6CAAC,yBAAO,WAAU,MAAK,OAAM,MAC3B;AAAA,gDAAC,aAAU,OAAM,SAAQ,QAAQ,aAAa;AAAA,IAC9C,4CAAC,4BAAU;AAAA,IACX,4CAAC,aAAU,OAAM,QAAO,QAAQ,YAAY;AAAA,KAC9C;AAEJ;AAEA,SAAS,UAAU,EAAE,OAAO,OAAO,GAA4C;AAC7E,SACE,6CAAC,yBAAO,OAAK,MAAC,KAAK,EAAE,OAAO,KAAK,GAC/B;AAAA,gDAAC,qBAAG,MAAK,MAAM,iBAAM;AAAA,IAErB,6CAAC,yBAAO,OAAK,MAAC,WAAU,UACtB;AAAA,mDAAC,yBAAO,OAAK,MAAC,KAAK,EAAE,OAAO,KAAK,GAAG,KAAI,UACrC;AAAA,eAAO,IAAI,CAAC,OAAO,UAAU;AAC5B,iBACE,4CAAC,yBAAO,OAAM,MACX,gBAAM,IAAI,CAAC,UAAU;AACpB,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,cAAa;AAAA,gBACb,MAAK;AAAA,gBACL,QAAO;AAAA,gBACP,aAAa;AAAA,gBACb,qBAAiB,iCAAiB,KAAK;AAAA,gBACvC,aAAY;AAAA,gBACZ,KAAK;AAAA,kBACH,MAAM;AAAA,gBACR;AAAA,gBACA,KAAK;AAAA,kBACH,MAAM;AAAA,gBACR;AAAA;AAAA,cAZK,GAAG,MAAM,MAAM;AAAA,YAatB;AAAA,UAEJ,CAAC,KAnBqB,KAoBxB;AAAA,QAEJ,CAAC;AAAA,QAED,4CAAC,yBAAO,OAAM,MAAK,WAAU,UAC1B,cAAI,MAAM,EAAE,EACV,KAAK,CAAC,EACN,MAAM,CAAC,EACP,IAAI,CAAC,GAAG,UAAU;AACjB,iBACE;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,WAAU;AAAA,cACV,OAAM;AAAA,cACN,KAAK;AAAA,gBACJ,OAAM;AAAA,cACP;AAAA,cACA,KAAK;AAAA,gBACH,OAAO;AAAA,cACT;AAAA,cAGC;AAAA;AAAA,YAFI;AAAA,UAGP;AAAA,QAEJ,CAAC,GACL;AAAA,SACF;AAAA,MAEA,4CAAC,yBAAO,OAAM,MAAK,WAAU,MAC1B,sBAAY,IAAI,CAAC,SAChB;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAO;AAAA,UACP,KAAK;AAAA,YACH,QAAQ;AAAA,UACV;AAAA,UACA,KAAK;AAAA,YACH,QAAQ;AAAA,UACV;AAAA,UAGC;AAAA;AAAA,QAFI;AAAA,MAGP,CACD,GACH;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,SAAS,UAAU,QAAkC,OAAO,OAAO;AACjE,SAAO,YAAY,IAAI,CAAC,UAAU;AAChC,WAAO,OAAO,KAAK,MAAM,EACtB;AAAA,MACC,CAAC,UACC,MAAM,WAAW,KAAK,MACrB,OAAO,MAAM,SAAS,MAAM,IAAI,CAAC,MAAM,SAAS,MAAM;AAAA,IAC3D,EACC,IAAI,CAAC,QAAQ,OAAO,GAAG,CAAC;AAAA,EAC7B,CAAC;AACH;",
+  "names": []
 }