@tamagui/demos 2.0.0-1768586279389 → 2.0.0-1768696252732

package/dist/cjs/ToggleGroupDemo.native.js

@@ -28,11 +28,12 @@ module.exports = __toCommonJS(ToggleGroupDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime"),
   import_lucide_icons = require("@tamagui/lucide-icons"),
   import_tamagui = require("tamagui"),
-  GreenItem = (0, import_tamagui.styled)(import_tamagui.ToggleGroup.Item, {
-    color: "$green8",
+  StyledItem = (0, import_tamagui.styled)(import_tamagui.ToggleGroup.Item, {
+    hoverStyle: {
+      backgroundColor: "$color5"
+    },
     toggledStyle: {
-      backgroundColor: "$green9",
-      color: "$yellow9"
+      backgroundColor: "$color6"
     }
   });
 function ToggleGroupDemo() {
@@ -90,37 +91,30 @@ function ToggleGroupComponent(props) {
       size: props.size,
       disableDeactivation: props.type === "single" ? !0 : void 0,
       children: [/* Using styled() component */
-      /* @__PURE__ */(0, import_jsx_runtime.jsx)(GreenItem, {
+      /* @__PURE__ */(0, import_jsx_runtime.jsx)(StyledItem, {
         value: "left",
         "aria-label": "Left aligned",
-        focusStyle: {
-          background: "$color12"
-        },
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons.AlignLeft, {})
       }), /* Using inline toggledStyle prop */
       /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, {
         value: "center",
         "aria-label": "Center aligned",
-        color: "$blue8",
-        toggledStyle: {
-          backgroundColor: "$blue9",
-          color: "$green9"
+        hoverStyle: {
+          backgroundColor: "$color5"
         },
-        focusStyle: {
-          background: "$color12"
+        toggledStyle: {
+          backgroundColor: "$color6"
         },
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons.AlignCenter, {})
       }), /* Using inline toggledStyle prop */
       /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, {
         value: "right",
         "aria-label": "Right aligned",
-        color: "$red8",
-        toggledStyle: {
-          backgroundColor: "$red9",
-          color: "$blue9"
+        hoverStyle: {
+          backgroundColor: "$color5"
         },
-        focusStyle: {
-          background: "$color12"
+        toggledStyle: {
+          backgroundColor: "$color6"
         },
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons.AlignRight, {})
       })]

package/dist/cjs/ToggleGroupDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToggleGroupDemo_exports","__export","ToggleGroupDemo","module","exports","import_jsx_runtime","require","import_lucide_icons","import_tamagui","GreenItem","styled","ToggleGroup","Item","color","toggledStyle","backgroundColor","jsx","YStack","px","children","jsxs","XStack","items","gap","ToggleGroupComponent","type","size","orientation","props","id","toString","slice","flexDirection","justify","Label","pr","htmlFor","disableDeactivation"],"sources":["../../src/ToggleGroupDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAmD,CAAAK,uBAAA;AAKnD,IAAAK,kBAAkB,GAAAC,OAAA,oBAAO;EAAAC,mBAAY,GAAAD,OAAM;EAAAE,cAAA,GAAAF,OAAA;EAAAG,SAAA,OAAAD,cAAA,CAAAE,MAAA,EAAAF,cAAA,CAAAG,WAAA,CAAAC,IAAA;IACzCC,KAAA,EAAO;IACPC,YAAA,EAAc;MACZC,eAAA,EAAiB;MACjBF,KAAA,EAAO;IACT;EACF,CAAC;AAEM,SAASX,gBAAA,EAAkB;EAChC,OACE,mBAAAG,kBAAA,CAAAW,GAAA,EAACR,cAAA,CAAAS,MAAA;IAEGC,EAAA;IACEC,QAAA,qBAAAd,kBAAC,CAAAe,IAAA,EAAAZ,cAAA,CAAqBa,MAAK;MAC3BC,KAAA;MAAyEC,GAC3E;MACAJ,QAAA,GACE,mBAAAd,kBAAA,CAAAe,IAAC,EAAAZ,cAAA,CAAAS,MAAqB;QACtBK,KAAA;QACFC,GAAA;QAEJJ,QAAA,GAEJ,mBAAAd,kBAAA,CAAAW,GAAA,EAAAQ,oBAAA;UAESC,IAAA;UAKIC,IAAA,MAAU;UAEnBC,WAAA;QAAC,uBAAAtB,kBAAA,CAAAW,GAAA,EAAAQ,oBAAA;UACCC,IAAA,YAAqB;UACfC,IAAA;UACNC,WAAQ;QACJ;MAEJ,IAGA,mBAAAtB,kBAAA,CAAAe,IAAA,EAAAZ,cAAA,CAAAa,MAAA;QAACC,KAAA;QAAAC,GAAA;QAAAJ,QACC,GACA,mBAAAd,kBAAA,CAAAW,GAAA,EAAAQ,oBAAA;UACAC,IAAM,UAAM;UACZC,IAAM,MAAM;UACZC,WAAA;QAGA,uBAAAtB,kBAAA,CAAAW,GAAA,EAAAQ,oBAAA;UAAAC,IAAC;UAAAC,IAAA;UAAAC,WACO;QAAA;MAE+B;IAE1B;EACb;AAGA;AAAa,SAAAH,oBAAZA,CAAAI,KAAA;EAAA,IAAAC,EAAA,aACCD,KAAM,CAAAF,IAAA,CAAAI,QAAA,GAAAC,KAAA,OAAAH,KAAA,CAAAH,IAAA;EAAA,sBACN,IAAApB,kBAAW,CAAAe,IAAA,EAAAZ,cAAA,CAAAa,MAAA;IAAAW,aAAA,EACXJ,KAAA,CAAMD,WAAA;IAAAL,KAAA,UACN;IAA4DW,OAAA,UAC5D;IAAqCV,GAAA;IAExBJ,QAAA,kBACf,IAAAd,kBAAA,CAAAW,GAAA,EAAAR,cAAA,CAAA0B,KAAA;MAAAC,EAAA,MAGA;MAAAF,OAAA,EAAC;MAAYP,IAAA,EAAAE,KAAZ,CAAAF,IAAA;MAAAU,OAAA,EAAAP,EACC;MAAMV,QAAA,EACNS,KAAA,CAAAH,IAAA,KAAW;IAAA,IACL,eACN,IAAApB,kBAAgB,CAAAe,IAAA,EAAiBZ,cAAS,CAAAG,WAAgB;MAAAgB,WAC1D,EAAAC,KAAA,CAAAD,WAAc;MAAuBE,EAAA;MAEzBJ,IAAA,EAAAG,KAAA,CAAAH,IAAA;MAAA;MACdC,IAAA,EAAAE,KAAA,CAAAF,IAAA;MAAAW,mBAAA,EAAAT,KAAA,CAAAH,IAAA;MACFN,QAAA;MAAA,mBAAAd,kBAAA,CAAAW,GAAA,EAAAP,SAAA;QACFV,KAAA;QAEJ","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToggleGroupDemo_exports","__export","ToggleGroupDemo","module","exports","import_jsx_runtime","require","import_lucide_icons","import_tamagui","StyledItem","styled","ToggleGroup","Item","hoverStyle","backgroundColor","toggledStyle","jsx","YStack","px","children","jsxs","XStack","items","gap","ToggleGroupComponent","type","size","orientation","props","id","toString","slice","flexDirection","justify","Label","pr","htmlFor"],"sources":["../../src/ToggleGroupDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAmD,CAAAK,uBAAA;AAKnD,IAAAK,kBAAM,GAAaC,OAAA,oBAAO;EAAAC,mBAAY,GAAAD,OAAM;EAAAE,cAAA,GAAAF,OAAA;EAAAG,UAAA,OAAAD,cAAA,CAAAE,MAAA,EAAAF,cAAA,CAAAG,WAAA,CAAAC,IAAA;IAC1CC,UAAA,EAAY;MACVC,eAAA,EAAiB;IACnB;IACAC,YAAA,EAAc;MACZD,eAAA,EAAiB;IACnB;EACF,CAAC;AAEM,SAASZ,gBAAA,EAAkB;EAChC,OACE,mBAAAG,kBAAA,CAAAW,GAAA,EAACR,cAAA,CAAAS,MAAA;IAEGC,EAAA;IACEC,QAAA,qBAAAd,kBAAC,CAAAe,IAAA,EAAAZ,cAAA,CAAqBa,MAAK;MAC3BC,KAAA;MAAyEC,GAC3E;MACAJ,QAAA,GACE,mBAAAd,kBAAA,CAAAe,IAAC,EAAAZ,cAAA,CAAAS,MAAqB;QACtBK,KAAA;QACFC,GAAA;QAEJJ,QAAA,GAEJ,mBAAAd,kBAAA,CAAAW,GAAA,EAAAQ,oBAAA;UAESC,IAAA;UAKIC,IAAA,MAAU;UAEnBC,WAAA;QAAC,uBAAAtB,kBAAA,CAAAW,GAAA,EAAAQ,oBAAA;UACCC,IAAA,YAAqB;UACfC,IAAA;UACNC,WAAQ;QACJ;MAEJ,IAGA,mBAAAtB,kBAAA,CAAAe,IAAA,EAAAZ,cAAA,CAAAa,MAAA;QAACC,KAAA;QAAAC,GAAA;QAAAJ,QACC,GACA,mBAAAd,kBAAA,CAAAW,GAAA,EAAAQ,oBAAA;UACAC,IAAM,UAAM;UACZC,IAAM,MAAM;UACZC,WAAA;QAGA,uBAAAtB,kBAAA,CAAAW,GAAA,EAAAQ,oBAAY;UAKZC,IAAA;UAAAC,IAAC;UAAYC,WAAZ;QAAA;MAEY;IAEgC;EAE9B;AAAA;AACf,SAAAH,oBAGAA,CAAAI,KAAA;EAAA,IAAAC,EAAA,aAACD,KAAA,CAAAF,IAAA,CAAAI,QAAA,GAAYC,KAAA,OAAAH,KAAA,CAAAH,IAAA;EAAA,sBAAZ,IAAApB,kBAAA,CAAAe,IAAA,EAAAZ,cAAA,CAAAa,MAAA;IAAAW,aAAA,EACCJ,KAAA,CAAMD,WAAA;IAAAL,KAAA,UACN;IAAWW,OAAA,UACX;IAAyCV,GAAA;IACEJ,QAAA,GAE/B,mBAAAd,kBAAA,CAAAW,GAAA,EAAAR,cAAA,CAAA0B,KAAA;MAAAC,EAAA,MACd;MAAAF,OAAA;MAAAP,IAAA,EAAAE,KAAA,CAAAF,IAAA;MACFU,OAAA,EAAAP,EAAA;MAAAV,QAAA,EAAAS,KAAA,CAAAH,IAAA;IAAA,IACF,mBAAApB,kBAAA,CAAAe,IAAA,EAAAZ,cAAA,CAAAG,WAAA;MAEJgB,WAAA,EAAAC,KAAA,CAAAD,WAAA","ignoreList":[]}

package/dist/esm/AnimationsDelayDemo.js

@@ -2,7 +2,7 @@ import React from "react";
 import { AnimatePresence, Button, Square, XStack, YStack, isWeb } from "tamagui";
 import { useIsIntersecting } from "./useOnIntersecting";
 import { jsx, jsxs } from "react/jsx-runtime";
-const colors = ["$red10", "$green10", "$blue10", "$purple10"];
+const colors = ["$color9", "$color10", "$color11", "$color12"];
 function AnimationsDelayDemo() {
   const ref = React.useRef(null), hasIntersected = useIsIntersecting(ref, { once: !0 }), [show, setShow] = React.useState(!0);
   return isWeb && !hasIntersected ? /* @__PURE__ */ jsx(YStack, { ref, height: 150 }) : /* @__PURE__ */ jsxs(YStack, { gap: "$4", items: "center", children: [

package/dist/esm/AnimationsDelayDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/AnimationsDelayDemo.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,iBAAiB,QAAQ,QAAQ,QAAQ,QAAQ,aAAa;AAEvE,SAAS,yBAAyB;AAUvB,cAIP,YAJO;AARX,MAAM,SAAS,CAAC,UAAU,YAAY,WAAW,WAAW;AAErD,SAAS,sBAAsB;AACpC,QAAM,MAAM,MAAM,OAAoB,IAAI,GACpC,iBAAiB,kBAAkB,KAAK,EAAE,MAAM,GAAK,CAAC,GACtD,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,EAAI;AAE3C,SAAI,SAAS,CAAC,iBACL,oBAAC,UAAO,KAAU,QAAQ,KAAK,IAItC,qBAAC,UAAO,KAAI,MAAK,OAAM,UACrB;AAAA,wBAAC,UAAO,KAAI,MAAK,QAAQ,KAAK,OAAM,UAAS,SAAQ,UACnD,8BAAC,mBACE,kBACC,OAAO,IAAI,CAAC,OAAO,MACjB;AAAA,MAAC;AAAA;AAAA,QAEC,YAAY,CAAC,SAAS,EAAE,OAAO,IAAI,IAAI,CAAC;AAAA,QACxC,YAAY;AAAA,UACV,SAAS;AAAA,UACT,OAAO;AAAA,UACP,GAAG;AAAA,QACL;AAAA,QACA,WAAW;AAAA,UACT,SAAS;AAAA,UACT,OAAO;AAAA,UACP,GAAG;AAAA,QACL;AAAA,QACA,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,SAAQ;AAAA;AAAA,MAdH;AAAA,IAeP,CACD,GACL,GACF;AAAA,IAEA,oBAAC,UAAO,MAAK,MAAK,SAAS,MAAM,QAAQ,CAAC,IAAI,GAC3C,iBAAO,SAAS,QACnB;AAAA,KACF;AAEJ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,iBAAiB,QAAQ,QAAQ,QAAQ,QAAQ,aAAa;AAEvE,SAAS,yBAAyB;AAUvB,cAIP,YAJO;AARX,MAAM,SAAS,CAAC,WAAW,YAAY,YAAY,UAAU;AAEtD,SAAS,sBAAsB;AACpC,QAAM,MAAM,MAAM,OAAoB,IAAI,GACpC,iBAAiB,kBAAkB,KAAK,EAAE,MAAM,GAAK,CAAC,GACtD,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,EAAI;AAE3C,SAAI,SAAS,CAAC,iBACL,oBAAC,UAAO,KAAU,QAAQ,KAAK,IAItC,qBAAC,UAAO,KAAI,MAAK,OAAM,UACrB;AAAA,wBAAC,UAAO,KAAI,MAAK,QAAQ,KAAK,OAAM,UAAS,SAAQ,UACnD,8BAAC,mBACE,kBACC,OAAO,IAAI,CAAC,OAAO,MACjB;AAAA,MAAC;AAAA;AAAA,QAEC,YAAY,CAAC,SAAS,EAAE,OAAO,IAAI,IAAI,CAAC;AAAA,QACxC,YAAY;AAAA,UACV,SAAS;AAAA,UACT,OAAO;AAAA,UACP,GAAG;AAAA,QACL;AAAA,QACA,WAAW;AAAA,UACT,SAAS;AAAA,UACT,OAAO;AAAA,UACP,GAAG;AAAA,QACL;AAAA,QACA,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,SAAQ;AAAA;AAAA,MAdH;AAAA,IAeP,CACD,GACL,GACF;AAAA,IAEA,oBAAC,UAAO,MAAK,MAAK,SAAS,MAAM,QAAQ,CAAC,IAAI,GAC3C,iBAAO,SAAS,QACnB;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/esm/AnimationsDelayDemo.mjs

@@ -2,7 +2,7 @@ import React from "react";
 import { AnimatePresence, Button, Square, XStack, YStack, isWeb } from "tamagui";
 import { useIsIntersecting } from "./useOnIntersecting.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-const colors = ["$red10", "$green10", "$blue10", "$purple10"];
+const colors = ["$color9", "$color10", "$color11", "$color12"];
 function AnimationsDelayDemo() {
   const ref = React.useRef(null),
     hasIntersected = useIsIntersecting(ref, {

package/dist/esm/AnimationsDelayDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","AnimatePresence","Button","Square","XStack","YStack","isWeb","useIsIntersecting","jsx","jsxs","colors","AnimationsDelayDemo","ref","useRef","hasIntersected","once","show","setShow","useState","height","gap","items","children","justify","map","color","i","transition","delay","enterStyle","opacity","scale","y","exitStyle","size","bg","rounded","onPress"],"sources":["../../src/AnimationsDelayDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,eAAA,EAAiBC,MAAA,EAAQC,MAAA,EAAQC,MAAA,EAAQC,MAAA,EAAQC,KAAA,QAAa;AAEvE,SAASC,iBAAA,QAAyB;AAUvB,SAAAC,GAAA,EAIPC,IAAA,QAJO;AARX,MAAMC,MAAA,GAAS,CAAC,UAAU,YAAY,WAAW,WAAW;AAErD,SAASC,oBAAA,EAAsB;EACpC,MAAMC,GAAA,GAAMZ,KAAA,CAAMa,MAAA,CAAoB,IAAI;IACpCC,cAAA,GAAiBP,iBAAA,CAAkBK,GAAA,EAAK;MAAEG,IAAA,EAAM;IAAK,CAAC;IACtD,CAACC,IAAA,EAAMC,OAAO,IAAIjB,KAAA,CAAMkB,QAAA,CAAS,EAAI;EAE3C,OAAIZ,KAAA,IAAS,CAACQ,cAAA,GACL,eAAAN,GAAA,CAACH,MAAA;IAAOO,GAAA;IAAUO,MAAA,EAAQ;EAAA,CAAK,IAItC,eAAAV,IAAA,CAACJ,MAAA;IAAOe,GAAA,EAAI;IAAKC,KAAA,EAAM;IACrBC,QAAA,kBAAAd,GAAA,CAACJ,MAAA;MAAOgB,GAAA,EAAI;MAAKD,MAAA,EAAQ;MAAKE,KAAA,EAAM;MAASE,OAAA,EAAQ;MACnDD,QAAA,iBAAAd,GAAA,CAACP,eAAA;QACEqB,QAAA,EAAAN,IAAA,IACCN,MAAA,CAAOc,GAAA,CAAI,CAACC,KAAA,EAAOC,CAAA,KACjB,eAAAlB,GAAA,CAACL,MAAA;UAECwB,UAAA,EAAY,CAAC,SAAS;YAAEC,KAAA,EAAOF,CAAA,GAAI;UAAI,CAAC;UACxCG,UAAA,EAAY;YACVC,OAAA,EAAS;YACTC,KAAA,EAAO;YACPC,CAAA,EAAG;UACL;UACAC,SAAA,EAAW;YACTH,OAAA,EAAS;YACTC,KAAA,EAAO;YACPC,CAAA,EAAG;UACL;UACAE,IAAA,EAAM;UACNC,EAAA,EAAIV,KAAA;UACJW,OAAA,EAAQ;QAAA,GAdHX,KAeP,CACD;MAAA,CACL;IAAA,CACF,GAEA,eAAAjB,GAAA,CAACN,MAAA;MAAOgC,IAAA,EAAK;MAAKG,OAAA,EAASA,CAAA,KAAMpB,OAAA,CAAQ,CAACD,IAAI;MAC3CM,QAAA,EAAAN,IAAA,GAAO,SAAS;IAAA,CACnB;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["React","AnimatePresence","Button","Square","XStack","YStack","isWeb","useIsIntersecting","jsx","jsxs","colors","AnimationsDelayDemo","ref","useRef","hasIntersected","once","show","setShow","useState","height","gap","items","children","justify","map","color","i","transition","delay","enterStyle","opacity","scale","y","exitStyle","size","bg","rounded","onPress"],"sources":["../../src/AnimationsDelayDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,eAAA,EAAiBC,MAAA,EAAQC,MAAA,EAAQC,MAAA,EAAQC,MAAA,EAAQC,KAAA,QAAa;AAEvE,SAASC,iBAAA,QAAyB;AAUvB,SAAAC,GAAA,EAIPC,IAAA,QAJO;AARX,MAAMC,MAAA,GAAS,CAAC,WAAW,YAAY,YAAY,UAAU;AAEtD,SAASC,oBAAA,EAAsB;EACpC,MAAMC,GAAA,GAAMZ,KAAA,CAAMa,MAAA,CAAoB,IAAI;IACpCC,cAAA,GAAiBP,iBAAA,CAAkBK,GAAA,EAAK;MAAEG,IAAA,EAAM;IAAK,CAAC;IACtD,CAACC,IAAA,EAAMC,OAAO,IAAIjB,KAAA,CAAMkB,QAAA,CAAS,EAAI;EAE3C,OAAIZ,KAAA,IAAS,CAACQ,cAAA,GACL,eAAAN,GAAA,CAACH,MAAA;IAAOO,GAAA;IAAUO,MAAA,EAAQ;EAAA,CAAK,IAItC,eAAAV,IAAA,CAACJ,MAAA;IAAOe,GAAA,EAAI;IAAKC,KAAA,EAAM;IACrBC,QAAA,kBAAAd,GAAA,CAACJ,MAAA;MAAOgB,GAAA,EAAI;MAAKD,MAAA,EAAQ;MAAKE,KAAA,EAAM;MAASE,OAAA,EAAQ;MACnDD,QAAA,iBAAAd,GAAA,CAACP,eAAA;QACEqB,QAAA,EAAAN,IAAA,IACCN,MAAA,CAAOc,GAAA,CAAI,CAACC,KAAA,EAAOC,CAAA,KACjB,eAAAlB,GAAA,CAACL,MAAA;UAECwB,UAAA,EAAY,CAAC,SAAS;YAAEC,KAAA,EAAOF,CAAA,GAAI;UAAI,CAAC;UACxCG,UAAA,EAAY;YACVC,OAAA,EAAS;YACTC,KAAA,EAAO;YACPC,CAAA,EAAG;UACL;UACAC,SAAA,EAAW;YACTH,OAAA,EAAS;YACTC,KAAA,EAAO;YACPC,CAAA,EAAG;UACL;UACAE,IAAA,EAAM;UACNC,EAAA,EAAIV,KAAA;UACJW,OAAA,EAAQ;QAAA,GAdHX,KAeP,CACD;MAAA,CACL;IAAA,CACF,GAEA,eAAAjB,GAAA,CAACN,MAAA;MAAOgC,IAAA,EAAK;MAAKG,OAAA,EAASA,CAAA,KAAMpB,OAAA,CAAQ,CAACD,IAAI;MAC3CM,QAAA,EAAAN,IAAA,GAAO,SAAS;IAAA,CACnB;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/AnimationsDelayDemo.native.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { AnimatePresence, Button, Square, XStack, YStack, isWeb } from "tamagui";
 import { useIsIntersecting } from "./useOnIntersecting.native.js";
-var colors = ["$red10", "$green10", "$blue10", "$purple10"];
+var colors = ["$color9", "$color10", "$color11", "$color12"];
 function AnimationsDelayDemo() {
   var ref = React.useRef(null),
     hasIntersected = useIsIntersecting(ref, {

package/dist/esm/AnimationsDelayDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","AnimatePresence","Button","Square","XStack","YStack","isWeb","useIsIntersecting","colors","AnimationsDelayDemo","ref","useRef","hasIntersected","once","show","setShow","useState","height","gap","items","children","justify","map","color","i","transition"],"sources":["../../src/AnimationsDelayDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAS;AAET,SAASC,eAAA,EAAAC,MAAA,EAAyBC,MAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,KAAA;AAUvB,SAAAC,iBAAA;AARX,IAAAC,MAAM,IAEC,QAAS,EACd,UAAM,EAIN,SAAI,EAMA,YAIQ;AAAC,SAAAC,oBAAA;EAAA,IAAAC,GAEC,GAAAV,KAAA,CAAAW,MAAa,MAAS;IAAEC,cAAW,GAAKL,iBAAA,CAAAG,GAAA;MAAAG,IACxC;IAAY;IAAA,CAAAC,IACV,EAAAC,OAAS,IAAAf,KAAA,CAAAgB,QAAA;EAAA,OAAAV,KACT,IAAO,CAAAM,cAAA,kBAAAf,IAAA,CAAAQ,MAAA;IAAAK,GAAA;IACJO,MACL;EAAA,oBACWlB,KAAA,CAAAM,MAAA;IAAAa,GAAA,MACT;IAASC,KAAA,EACT,QAAO;IAAAC,QACP,EAAG,gBACLvB,IAAA,CAAAO,MAAA;MACAc,GAAA,MAAM;MACND,MAAI;MACJE,KAAA,UAAQ;MAAAE,OAAA;MAdHD,QAAA,iBAAAvB,IAAA,CAAAI,eAAA;QAiBbmB,QACF,EAAAN,IAAA,IAAAN,MAAA,CAAAc,GAAA,WAAAC,KAAA,EAAAC,CAAA;UAEA,sBAAQ3B,IAAA,CAAKM,MAAK;YAGpBsB,UAAA,GAEJ,S","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","AnimatePresence","Button","Square","XStack","YStack","isWeb","useIsIntersecting","colors","AnimationsDelayDemo","ref","useRef","hasIntersected","once","show","setShow","useState","height","gap","items","children","justify","map","color","i","transition"],"sources":["../../src/AnimationsDelayDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAS;AAET,SAASC,eAAA,EAAAC,MAAA,EAAyBC,MAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,KAAA;AAUvB,SAAAC,iBAAA;AARX,IAAAC,MAAM,IAEC,SAAS,EACd,UAAM,EAIN,UAAI,EAMA,WAIQ;AAAC,SAAAC,oBAAA;EAAA,IAAAC,GAEC,GAAAV,KAAA,CAAAW,MAAa,MAAS;IAAEC,cAAW,GAAKL,iBAAA,CAAAG,GAAA;MAAAG,IACxC;IAAY;IAAA,CAAAC,IACV,EAAAC,OAAS,IAAAf,KAAA,CAAAgB,QAAA;EAAA,OAAAV,KACT,IAAO,CAAAM,cAAA,kBAAAf,IAAA,CAAAQ,MAAA;IAAAK,GAAA;IACJO,MACL;EAAA,oBACWlB,KAAA,CAAAM,MAAA;IAAAa,GAAA,MACT;IAASC,KAAA,EACT,QAAO;IAAAC,QACP,EAAG,gBACLvB,IAAA,CAAAO,MAAA;MACAc,GAAA,MAAM;MACND,MAAI;MACJE,KAAA,UAAQ;MAAAE,OAAA;MAdHD,QAAA,iBAAAvB,IAAA,CAAAI,eAAA;QAiBbmB,QACF,EAAAN,IAAA,IAAAN,MAAA,CAAAc,GAAA,WAAAC,KAAA,EAAAC,CAAA;UAEA,sBAAQ3B,IAAA,CAAKM,MAAK;YAGpBsB,UAAA,GAEJ,S","ignoreList":[]}

package/dist/esm/AnimationsEnterDemo.js

@@ -20,7 +20,7 @@ function AnimationsEnterDemo(props) {
         opacity: 1,
         scale: 1,
         y: 0,
-        bg: "$pink10",
+        bg: "$color9",
         rounded: "$9",
         children: props.children ?? /* @__PURE__ */ jsx(LogoIcon, { downscale: 0.75 })
       },

package/dist/esm/AnimationsEnterDemo.mjs

@@ -24,7 +24,7 @@ function AnimationsEnterDemo(props) {
       opacity: 1,
       scale: 1,
       y: 0,
-      bg: "$pink10",
+      bg: "$color9",
       rounded: "$9",
       children: props.children ?? /* @__PURE__ */jsx(LogoIcon, {
         downscale: 0.75

package/dist/esm/AnimationsEnterDemo.native.js

@@ -26,7 +26,7 @@ function AnimationsEnterDemo(props) {
       opacity: 1,
       scale: 1,
       y: 0,
-      bg: "$pink10",
+      bg: "$color9",
       rounded: "$9",
       children: (_props_children = props.children) !== null && _props_children !== void 0 ? _props_children : /* @__PURE__ */_jsx(LogoIcon, {
         downscale: 0.75

package/dist/esm/AnimationsTimingDemo.js

@@ -5,7 +5,7 @@ function AnimationsTimingDemo() {
   return /* @__PURE__ */ jsx(
     Square,
     {
-      bg: "$pink10",
+      bg: "$color9",
       transition: "100ms",
       elevation: "$4",
       size: 110,

package/dist/esm/AnimationsTimingDemo.mjs

@@ -3,7 +3,7 @@ import { Square } from "tamagui";
 import { jsx } from "react/jsx-runtime";
 function AnimationsTimingDemo() {
   return /* @__PURE__ */jsx(Square, {
-    bg: "$pink10",
+    bg: "$color9",
     transition: "100ms",
     elevation: "$4",
     size: 110,

package/dist/esm/AnimationsTimingDemo.native.js

@@ -3,7 +3,7 @@ import { LogoIcon } from "@tamagui/logo";
 import { Square } from "tamagui";
 function AnimationsTimingDemo() {
   return /* @__PURE__ */_jsx(Square, {
-    bg: "$pink10",
+    bg: "$color9",
     transition: "100ms",
     elevation: "$4",
     size: 110,

package/dist/esm/ButtonDemo.js

@@ -3,7 +3,7 @@ import { Activity, Airplay } from "@tamagui/lucide-icons";
 import { Theme, XGroup, XStack, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function ButtonDemo(props) {
-  return console.info("hi"), /* @__PURE__ */ jsxs(YStack, { p: "$3", gap: "$3", ...props, children: [
+  return /* @__PURE__ */ jsxs(YStack, { p: "$3", gap: "$3", ...props, children: [
     /* @__PURE__ */ jsx(Button, { children: "Plain" }),
     /* @__PURE__ */ jsx(Button, { self: "center", icon: Airplay, size: "$6", children: "Large" }),
     /* @__PURE__ */ jsxs(XStack, { gap: "$2", justify: "center", children: [

package/dist/esm/ButtonDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ButtonDemo.tsx"],
-  "mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,UAAU,eAAe;AAClC,SAAS,OAAO,QAAQ,QAAQ,cAAc;AAOxC,cAIA,YAJA;AALC,SAAS,WAAW,OAAO;AAChC,iBAAQ,KAAK,IAAI,GAGf,qBAAC,UAAO,GAAE,MAAK,KAAI,MAAM,GAAG,OAC1B;AAAA,wBAAC,UAAO,mBAAK;AAAA,IACb,oBAAC,UAAO,MAAK,UAAS,MAAM,SAAS,MAAK,MAAK,mBAE/C;AAAA,IACA,qBAAC,UAAO,KAAI,MAAK,SAAQ,UACvB;AAAA,0BAAC,SAAM,OAAK,IACV,8BAAC,UAAO,MAAK,MAAK,OAAM,UAAS,oBAEjC,GACF;AAAA,MACA,oBAAC,UAAO,MAAK,MAAK,SAAQ,YAAW,sBAErC;AAAA,OACF;AAAA,IACA,qBAAC,UAAO,KAAI,MAAK,SAAQ,UACvB;AAAA,0BAAC,SAAM,MAAK,UACV,+BAAC,UAAO,MAAK,MACX;AAAA,4BAAC,OAAO,MAAP,EACC,8BAAC,YAAS,GACZ;AAAA,QACA,oBAAC,OAAO,MAAP,EAAoB,OAAM,WAAU,uBAAnB,CAElB;AAAA,SACF,GACF;AAAA,MACA,oBAAC,UAAO,WAAW,UAAU,MAAK,MAAK,uBAEvC;AAAA,OACF;AAAA,IACA,qBAAC,UACC;AAAA,0BAAC,OAAO,MAAP,EACC,8BAAC,UAAO,OAAM,OAAM,MAAK,MAAK,UAAQ,IAAC,SAAS,KAAK,sBAErD,GACF;AAAA,MAEA,oBAAC,OAAO,MAAP,EACC,8BAAC,UAAO,OAAM,OAAM,MAAK,MAAK,mBAE9B,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,UAAU,eAAe;AAClC,SAAS,OAAO,QAAQ,QAAQ,cAAc;AAKxC,cAIA,YAJA;AAHC,SAAS,WAAW,OAAO;AAChC,SACE,qBAAC,UAAO,GAAE,MAAK,KAAI,MAAM,GAAG,OAC1B;AAAA,wBAAC,UAAO,mBAAK;AAAA,IACb,oBAAC,UAAO,MAAK,UAAS,MAAM,SAAS,MAAK,MAAK,mBAE/C;AAAA,IACA,qBAAC,UAAO,KAAI,MAAK,SAAQ,UACvB;AAAA,0BAAC,SAAM,OAAK,IACV,8BAAC,UAAO,MAAK,MAAK,OAAM,UAAS,oBAEjC,GACF;AAAA,MACA,oBAAC,UAAO,MAAK,MAAK,SAAQ,YAAW,sBAErC;AAAA,OACF;AAAA,IACA,qBAAC,UAAO,KAAI,MAAK,SAAQ,UACvB;AAAA,0BAAC,SAAM,MAAK,UACV,+BAAC,UAAO,MAAK,MACX;AAAA,4BAAC,OAAO,MAAP,EACC,8BAAC,YAAS,GACZ;AAAA,QACA,oBAAC,OAAO,MAAP,EAAoB,OAAM,WAAU,uBAAnB,CAElB;AAAA,SACF,GACF;AAAA,MACA,oBAAC,UAAO,WAAW,UAAU,MAAK,MAAK,uBAEvC;AAAA,OACF;AAAA,IACA,qBAAC,UACC;AAAA,0BAAC,OAAO,MAAP,EACC,8BAAC,UAAO,OAAM,OAAM,MAAK,MAAK,UAAQ,IAAC,SAAS,KAAK,sBAErD,GACF;AAAA,MAEA,oBAAC,OAAO,MAAP,EACC,8BAAC,UAAO,OAAM,OAAM,MAAK,MAAK,mBAE9B,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/esm/ButtonDemo.mjs

@@ -3,7 +3,7 @@ import { Activity, Airplay } from "@tamagui/lucide-icons";
 import { Theme, XGroup, XStack, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function ButtonDemo(props) {
-  return console.info("hi"), /* @__PURE__ */jsxs(YStack, {
+  return /* @__PURE__ */jsxs(YStack, {
     p: "$3",
     gap: "$3",
     ...props,

package/dist/esm/ButtonDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Button","Activity","Airplay","Theme","XGroup","XStack","YStack","jsx","jsxs","ButtonDemo","props","console","info","p","gap","children","self","icon","size","justify","reset","theme","variant","name","Icon","Text","debug","iconAfter","Item","width","disabled","opacity"],"sources":["../../src/ButtonDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,QAAA,EAAUC,OAAA,QAAe;AAClC,SAASC,KAAA,EAAOC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAOxC,SAAAC,GAAA,EAIAC,IAAA,QAJA;AALC,SAASC,WAAWC,KAAA,EAAO;EAChC,OAAAC,OAAA,CAAQC,IAAA,CAAK,IAAI,GAGf,eAAAJ,IAAA,CAACF,MAAA;IAAOO,CAAA,EAAE;IAAKC,GAAA,EAAI;IAAM,GAAGJ,KAAA;IAC1BK,QAAA,kBAAAR,GAAA,CAACP,MAAA;MAAOe,QAAA;IAAA,CAAK,GACb,eAAAR,GAAA,CAACP,MAAA;MAAOgB,IAAA,EAAK;MAASC,IAAA,EAAMf,OAAA;MAASgB,IAAA,EAAK;MAAKH,QAAA;IAAA,CAE/C,GACA,eAAAP,IAAA,CAACH,MAAA;MAAOS,GAAA,EAAI;MAAKK,OAAA,EAAQ;MACvBJ,QAAA,kBAAAR,GAAA,CAACJ,KAAA;QAAMiB,KAAA,EAAK;QACVL,QAAA,iBAAAR,GAAA,CAACP,MAAA;UAAOkB,IAAA,EAAK;UAAKG,KAAA,EAAM;UAASN,QAAA;QAAA,CAEjC;MAAA,CACF,GACA,eAAAR,GAAA,CAACP,MAAA;QAAOkB,IAAA,EAAK;QAAKI,OAAA,EAAQ;QAAWP,QAAA;MAAA,CAErC;IAAA,CACF,GACA,eAAAP,IAAA,CAACH,MAAA;MAAOS,GAAA,EAAI;MAAKK,OAAA,EAAQ;MACvBJ,QAAA,kBAAAR,GAAA,CAACJ,KAAA;QAAMoB,IAAA,EAAK;QACVR,QAAA,iBAAAP,IAAA,CAACR,MAAA;UAAOkB,IAAA,EAAK;UACXH,QAAA,kBAAAR,GAAA,CAACP,MAAA,CAAOwB,IAAA,EAAP;YACCT,QAAA,iBAAAR,GAAA,CAACN,QAAA,IAAS;UAAA,CACZ,GACA,eAAAM,GAAA,CAACP,MAAA,CAAOyB,IAAA,EAAP;YAAoBC,KAAA,EAAM;YAAUX,QAAA;UAAA,GAAnB,CAElB;QAAA,CACF;MAAA,CACF,GACA,eAAAR,GAAA,CAACP,MAAA;QAAO2B,SAAA,EAAW1B,QAAA;QAAUiB,IAAA,EAAK;QAAKH,QAAA;MAAA,CAEvC;IAAA,CACF,GACA,eAAAP,IAAA,CAACJ,MAAA;MACCW,QAAA,kBAAAR,GAAA,CAACH,MAAA,CAAOwB,IAAA,EAAP;QACCb,QAAA,iBAAAR,GAAA,CAACP,MAAA;UAAO6B,KAAA,EAAM;UAAMX,IAAA,EAAK;UAAKY,QAAA,EAAQ;UAACC,OAAA,EAAS;UAAKhB,QAAA;QAAA,CAErD;MAAA,CACF,GAEA,eAAAR,GAAA,CAACH,MAAA,CAAOwB,IAAA,EAAP;QACCb,QAAA,iBAAAR,GAAA,CAACP,MAAA;UAAO6B,KAAA,EAAM;UAAMX,IAAA,EAAK;UAAKH,QAAA;QAAA,CAE9B;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["Button","Activity","Airplay","Theme","XGroup","XStack","YStack","jsx","jsxs","ButtonDemo","props","p","gap","children","self","icon","size","justify","reset","theme","variant","name","Icon","Text","debug","iconAfter","Item","width","disabled","opacity"],"sources":["../../src/ButtonDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,QAAA,EAAUC,OAAA,QAAe;AAClC,SAASC,KAAA,EAAOC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAKxC,SAAAC,GAAA,EAIAC,IAAA,QAJA;AAHC,SAASC,WAAWC,KAAA,EAAO;EAChC,OACE,eAAAF,IAAA,CAACF,MAAA;IAAOK,CAAA,EAAE;IAAKC,GAAA,EAAI;IAAM,GAAGF,KAAA;IAC1BG,QAAA,kBAAAN,GAAA,CAACP,MAAA;MAAOa,QAAA;IAAA,CAAK,GACb,eAAAN,GAAA,CAACP,MAAA;MAAOc,IAAA,EAAK;MAASC,IAAA,EAAMb,OAAA;MAASc,IAAA,EAAK;MAAKH,QAAA;IAAA,CAE/C,GACA,eAAAL,IAAA,CAACH,MAAA;MAAOO,GAAA,EAAI;MAAKK,OAAA,EAAQ;MACvBJ,QAAA,kBAAAN,GAAA,CAACJ,KAAA;QAAMe,KAAA,EAAK;QACVL,QAAA,iBAAAN,GAAA,CAACP,MAAA;UAAOgB,IAAA,EAAK;UAAKG,KAAA,EAAM;UAASN,QAAA;QAAA,CAEjC;MAAA,CACF,GACA,eAAAN,GAAA,CAACP,MAAA;QAAOgB,IAAA,EAAK;QAAKI,OAAA,EAAQ;QAAWP,QAAA;MAAA,CAErC;IAAA,CACF,GACA,eAAAL,IAAA,CAACH,MAAA;MAAOO,GAAA,EAAI;MAAKK,OAAA,EAAQ;MACvBJ,QAAA,kBAAAN,GAAA,CAACJ,KAAA;QAAMkB,IAAA,EAAK;QACVR,QAAA,iBAAAL,IAAA,CAACR,MAAA;UAAOgB,IAAA,EAAK;UACXH,QAAA,kBAAAN,GAAA,CAACP,MAAA,CAAOsB,IAAA,EAAP;YACCT,QAAA,iBAAAN,GAAA,CAACN,QAAA,IAAS;UAAA,CACZ,GACA,eAAAM,GAAA,CAACP,MAAA,CAAOuB,IAAA,EAAP;YAAoBC,KAAA,EAAM;YAAUX,QAAA;UAAA,GAAnB,CAElB;QAAA,CACF;MAAA,CACF,GACA,eAAAN,GAAA,CAACP,MAAA;QAAOyB,SAAA,EAAWxB,QAAA;QAAUe,IAAA,EAAK;QAAKH,QAAA;MAAA,CAEvC;IAAA,CACF,GACA,eAAAL,IAAA,CAACJ,MAAA;MACCS,QAAA,kBAAAN,GAAA,CAACH,MAAA,CAAOsB,IAAA,EAAP;QACCb,QAAA,iBAAAN,GAAA,CAACP,MAAA;UAAO2B,KAAA,EAAM;UAAMX,IAAA,EAAK;UAAKY,QAAA,EAAQ;UAACC,OAAA,EAAS;UAAKhB,QAAA;QAAA,CAErD;MAAA,CACF,GAEA,eAAAN,GAAA,CAACH,MAAA,CAAOsB,IAAA,EAAP;QACCb,QAAA,iBAAAN,GAAA,CAACP,MAAA;UAAO2B,KAAA,EAAM;UAAMX,IAAA,EAAK;UAAKH,QAAA;QAAA,CAE9B;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/ButtonDemo.native.js

@@ -3,7 +3,7 @@ import { Button } from "@tamagui/button";
 import { Activity, Airplay } from "@tamagui/lucide-icons";
 import { Theme, XGroup, XStack, YStack } from "tamagui";
 function ButtonDemo(props) {
-  return console.info("hi"), /* @__PURE__ */_jsxs(YStack, {
+  return /* @__PURE__ */_jsxs(YStack, {
     p: "$3",
     gap: "$3",
     ...props,

package/dist/esm/ButtonDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","Activity","Airplay","Theme","XGroup","XStack","YStack","ButtonDemo","props","console","info","p","gap","children","self","icon","size","justify","reset"],"sources":["../../src/ButtonDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAc,IAAAC,KAAA;AACvB,SAASC,MAAA,QAAU,iBAAe;AAClC,SAASC,QAAO,EAAAC,OAAQ,QAAQ,uBAAc;AAOxC,SAAAC,KAIA,EAAAC,MAAA,EAAAC,MAJA,EAAAC,MAAA;AALC,SAASC,WAAWC,KAAA,EAAO;EAChC,OAAAC,OAAA,CAAQC,IAAA,CAAK,IAAI,GAGf,eAAAX,KAAC,CAAAO,MAAA;IACCK,CAAA;IACAC,GAAA;IAGA,GAAAJ,KAAA;IACEK,QAAA,GAKA,eAAAhB,IAAC,CAAAG,MAAA;MAGHa,QAAA;IACA,IACE,eAAAhB,IAAC,CAAAG,MAAA,EAAM;MAEHc,IAAA;MAGAC,IAAA,EAAAb,OAAA;MAEAc,IAEJ;MACAH,QAAA;IAEA,CACF,GACA,eAAAd,KAAC,CAAAM,MAAA,EACC;MAAAO,GAAA;MAMAK,OAAA;MAKFJ,QAAA,GACF,eAAAhB,IAAA,CAAAM,KAAA;QAEJe,KAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","Activity","Airplay","Theme","XGroup","XStack","YStack","ButtonDemo","props","p","gap","children","self","icon","size","justify","reset"],"sources":["../../src/ButtonDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAc,IAAAC,KAAA;AACvB,SAASC,MAAA,QAAU,iBAAe;AAClC,SAASC,QAAO,EAAAC,OAAQ,QAAQ,uBAAc;AAKxC,SAAAC,KAIA,EAAAC,MAAA,EAAAC,MAJA,EAAAC,MAAA;AAHC,SAASC,WAAWC,KAAA,EAAO;EAChC,OACE,eAAAT,KAAC,CAAAO,MAAA;IACCG,CAAA;IACAC,GAAA;IAGA,GAAAF,KAAA;IACEG,QAAA,GAKA,eAAAd,IAAC,CAAAG,MAAA;MAGHW,QAAA;IACA,IACE,eAAAd,IAAC,CAAAG,MAAA,EAAM;MAEHY,IAAA;MAGAC,IAAA,EAAAX,OAAA;MAEAY,IAEJ;MACAH,QAAA;IAEA,CACF,GACA,eAAAZ,KAAC,CAAAM,MAAA,EACC;MAAAK,GAAA;MAMAK,OAAA;MAKFJ,QAAA,GACF,eAAAd,IAAA,CAAAM,KAAA;QAEJa,KAAA","ignoreList":[]}

package/dist/esm/CardDemo.js

@@ -21,7 +21,7 @@ function DemoCard(props) {
   return /* @__PURE__ */ jsxs(Card, { size: "$4", borderWidth: 1, borderColor: "$borderColor", ...props, children: [
     /* @__PURE__ */ jsxs(Card.Header, { p: "$4", children: [
       /* @__PURE__ */ jsx(H2, { children: "Sony A7IV" }),
-      /* @__PURE__ */ jsx(Paragraph, { theme: "alt2", children: "Now available" })
+      /* @__PURE__ */ jsx(Paragraph, { children: "Now available" })
     ] }),
     /* @__PURE__ */ jsxs(Card.Footer, { p: "$4", children: [
       /* @__PURE__ */ jsx(XStack, { flex: 1 }),

package/dist/esm/CardDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/CardDemo.tsx"],
-  "mappings": "AACA,SAAS,QAAQ,MAAM,IAAI,OAAO,WAAW,cAAc;AAIvD,SACE,KADF;AAFG,SAAS,WAAW;AACzB,SACE,qBAAC,UAAO,QAAQ,EAAE,eAAe,SAAS,GAAG,IAAG,MAAK,KAAI,MACvD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,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,oBAAC,YAAS,MAAK,MAAK,OAAO,KAAK,QAAQ,KAAK;AAAA,KAC/C;AAEJ;AAEO,SAAS,SAAS,OAAkB;AACzC,SACE,qBAAC,QAAK,MAAK,MAAK,aAAa,GAAG,aAAY,gBAAgB,GAAG,OAC7D;AAAA,yBAAC,KAAK,QAAL,EAAY,GAAE,MACb;AAAA,0BAAC,MAAG,uBAAS;AAAA,MACb,oBAAC,aAAU,OAAM,QAAO,2BAAa;AAAA,OACvC;AAAA,IACA,qBAAC,KAAK,QAAL,EAAY,GAAE,MACb;AAAA,0BAAC,UAAO,MAAM,GAAG;AAAA,MACjB,oBAAC,UAAO,SAAQ,OAAM,sBAAQ;AAAA,OAChC;AAAA,IACA,oBAAC,KAAK,YAAL,EAAgB,OAAM,UACrB;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,KAAK;AAAA;AAAA,IACP,GACF;AAAA,KACF;AAEJ;",
+  "mappings": "AACA,SAAS,QAAQ,MAAM,IAAI,OAAO,WAAW,cAAc;AAIvD,SACE,KADF;AAFG,SAAS,WAAW;AACzB,SACE,qBAAC,UAAO,QAAQ,EAAE,eAAe,SAAS,GAAG,IAAG,MAAK,KAAI,MACvD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,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,oBAAC,YAAS,MAAK,MAAK,OAAO,KAAK,QAAQ,KAAK;AAAA,KAC/C;AAEJ;AAEO,SAAS,SAAS,OAAkB;AACzC,SACE,qBAAC,QAAK,MAAK,MAAK,aAAa,GAAG,aAAY,gBAAgB,GAAG,OAC7D;AAAA,yBAAC,KAAK,QAAL,EAAY,GAAE,MACb;AAAA,0BAAC,MAAG,uBAAS;AAAA,MACb,oBAAC,aAAU,2BAAa;AAAA,OAC1B;AAAA,IACA,qBAAC,KAAK,QAAL,EAAY,GAAE,MACb;AAAA,0BAAC,UAAO,MAAM,GAAG;AAAA,MACjB,oBAAC,UAAO,SAAQ,OAAM,sBAAQ;AAAA,OAChC;AAAA,IACA,oBAAC,KAAK,YAAL,EAAgB,OAAM,UACrB;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,KAAK;AAAA;AAAA,IACP,GACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/esm/CardDemo.mjs

@@ -37,7 +37,6 @@ function DemoCard(props) {
       children: [/* @__PURE__ */jsx(H2, {
         children: "Sony A7IV"
       }), /* @__PURE__ */jsx(Paragraph, {
-        theme: "alt2",
         children: "Now available"
       })]
     }), /* @__PURE__ */jsxs(Card.Footer, {

package/dist/esm/CardDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Button","Card","H2","Image","Paragraph","XStack","jsx","jsxs","CardDemo","$maxMd","flexDirection","px","gap","children","DemoCard","transition","size","width","height","scale","hoverStyle","pressStyle","props","borderWidth","borderColor","Header","p","theme","Footer","flex","rounded","Background","items","objectFit","src"],"sources":["../../src/CardDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,EAAQC,IAAA,EAAMC,EAAA,EAAIC,KAAA,EAAOC,SAAA,EAAWC,MAAA,QAAc;AAIvD,SACEC,GAAA,EADFC,IAAA;AAFG,SAASC,SAAA,EAAW;EACzB,OACE,eAAAD,IAAA,CAACF,MAAA;IAAOI,MAAA,EAAQ;MAAEC,aAAA,EAAe;IAAS;IAAGC,EAAA,EAAG;IAAKC,GAAA,EAAI;IACvDC,QAAA,kBAAAP,GAAA,CAACQ,QAAA;MACCC,UAAA,EAAW;MACXC,IAAA,EAAK;MACLC,KAAA,EAAO;MACPC,MAAA,EAAQ;MACRC,KAAA,EAAO;MACPC,UAAA,EAAY;QAAED,KAAA,EAAO;MAAM;MAC3BE,UAAA,EAAY;QAAEF,KAAA,EAAO;MAAM;IAAA,CAC7B,GACA,eAAAb,GAAA,CAACQ,QAAA;MAASE,IAAA,EAAK;MAAKC,KAAA,EAAO;MAAKC,MAAA,EAAQ;IAAA,CAAK;EAAA,CAC/C;AAEJ;AAEO,SAASJ,SAASQ,KAAA,EAAkB;EACzC,OACE,eAAAf,IAAA,CAACN,IAAA;IAAKe,IAAA,EAAK;IAAKO,WAAA,EAAa;IAAGC,WAAA,EAAY;IAAgB,GAAGF,KAAA;IAC7DT,QAAA,kBAAAN,IAAA,CAACN,IAAA,CAAKwB,MAAA,EAAL;MAAYC,CAAA,EAAE;MACbb,QAAA,kBAAAP,GAAA,CAACJ,EAAA;QAAGW,QAAA;MAAA,CAAS,GACb,eAAAP,GAAA,CAACF,SAAA;QAAUuB,KAAA,EAAM;QAAOd,QAAA;MAAA,CAAa;IAAA,CACvC,GACA,eAAAN,IAAA,CAACN,IAAA,CAAK2B,MAAA,EAAL;MAAYF,CAAA,EAAE;MACbb,QAAA,kBAAAP,GAAA,CAACD,MAAA;QAAOwB,IAAA,EAAM;MAAA,CAAG,GACjB,eAAAvB,GAAA,CAACN,MAAA;QAAO8B,OAAA,EAAQ;QAAMjB,QAAA;MAAA,CAAQ;IAAA,CAChC,GACA,eAAAP,GAAA,CAACL,IAAA,CAAK8B,UAAA,EAAL;MAAgBC,KAAA,EAAM;MACrBnB,QAAA,iBAAAP,GAAA,CAACH,KAAA;QACC8B,SAAA,EAAU;QACVhB,KAAA,EAAO;QACPC,MAAA,EAAQ;QACRgB,GAAA,EAAK;MAAA,CACP;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["Button","Card","H2","Image","Paragraph","XStack","jsx","jsxs","CardDemo","$maxMd","flexDirection","px","gap","children","DemoCard","transition","size","width","height","scale","hoverStyle","pressStyle","props","borderWidth","borderColor","Header","p","Footer","flex","rounded","Background","items","objectFit","src"],"sources":["../../src/CardDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,EAAQC,IAAA,EAAMC,EAAA,EAAIC,KAAA,EAAOC,SAAA,EAAWC,MAAA,QAAc;AAIvD,SACEC,GAAA,EADFC,IAAA;AAFG,SAASC,SAAA,EAAW;EACzB,OACE,eAAAD,IAAA,CAACF,MAAA;IAAOI,MAAA,EAAQ;MAAEC,aAAA,EAAe;IAAS;IAAGC,EAAA,EAAG;IAAKC,GAAA,EAAI;IACvDC,QAAA,kBAAAP,GAAA,CAACQ,QAAA;MACCC,UAAA,EAAW;MACXC,IAAA,EAAK;MACLC,KAAA,EAAO;MACPC,MAAA,EAAQ;MACRC,KAAA,EAAO;MACPC,UAAA,EAAY;QAAED,KAAA,EAAO;MAAM;MAC3BE,UAAA,EAAY;QAAEF,KAAA,EAAO;MAAM;IAAA,CAC7B,GACA,eAAAb,GAAA,CAACQ,QAAA;MAASE,IAAA,EAAK;MAAKC,KAAA,EAAO;MAAKC,MAAA,EAAQ;IAAA,CAAK;EAAA,CAC/C;AAEJ;AAEO,SAASJ,SAASQ,KAAA,EAAkB;EACzC,OACE,eAAAf,IAAA,CAACN,IAAA;IAAKe,IAAA,EAAK;IAAKO,WAAA,EAAa;IAAGC,WAAA,EAAY;IAAgB,GAAGF,KAAA;IAC7DT,QAAA,kBAAAN,IAAA,CAACN,IAAA,CAAKwB,MAAA,EAAL;MAAYC,CAAA,EAAE;MACbb,QAAA,kBAAAP,GAAA,CAACJ,EAAA;QAAGW,QAAA;MAAA,CAAS,GACb,eAAAP,GAAA,CAACF,SAAA;QAAUS,QAAA;MAAA,CAAa;IAAA,CAC1B,GACA,eAAAN,IAAA,CAACN,IAAA,CAAK0B,MAAA,EAAL;MAAYD,CAAA,EAAE;MACbb,QAAA,kBAAAP,GAAA,CAACD,MAAA;QAAOuB,IAAA,EAAM;MAAA,CAAG,GACjB,eAAAtB,GAAA,CAACN,MAAA;QAAO6B,OAAA,EAAQ;QAAMhB,QAAA;MAAA,CAAQ;IAAA,CAChC,GACA,eAAAP,GAAA,CAACL,IAAA,CAAK6B,UAAA,EAAL;MAAgBC,KAAA,EAAM;MACrBlB,QAAA,iBAAAP,GAAA,CAACH,KAAA;QACC6B,SAAA,EAAU;QACVf,KAAA,EAAO;QACPC,MAAA,EAAQ;QACRe,GAAA,EAAK;MAAA,CACP;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/CardDemo.native.js

@@ -37,7 +37,6 @@ function DemoCard(props) {
       children: [/* @__PURE__ */_jsx(H2, {
         children: "Sony A7IV"
       }), /* @__PURE__ */_jsx(Paragraph, {
-        theme: "alt2",
         children: "Now available"
       })]
     }), /* @__PURE__ */_jsxs(Card.Footer, {

package/dist/esm/ColorsDemo.js

@@ -1,46 +1,66 @@
 import {
-  H2,
-  Paragraph,
-  Separator,
-  Square,
-  XStack,
-  YStack,
-  getTokens,
-  getVariableValue
-} from "tamagui";
+  blue,
+  blueDark,
+  gray,
+  grayDark,
+  green,
+  greenDark,
+  red,
+  redDark,
+  yellow,
+  yellowDark
+} from "@tamagui/colors";
+import { H2, Paragraph, Separator, Square, XStack, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
-const colorGroups = ["orange", "yellow", "green", "blue", "purple", "pink", "red"];
+const colorGroups = ["gray", "blue", "green", "yellow", "red"], lightColors = {
+  gray,
+  blue,
+  green,
+  yellow,
+  red
+}, darkColors = {
+  gray: grayDark,
+  blue: blueDark,
+  green: greenDark,
+  yellow: yellowDark,
+  red: redDark
+};
 function ColorsDemo() {
-  const colors = getTokens({ prefixed: !1 }).color, [colorsLight, colorsDark] = [getColors(colors), getColors(colors, !0)];
   return /* @__PURE__ */ jsxs(YStack, { mt: "$4", gap: "$8", children: [
-    /* @__PURE__ */ jsx(ColorsRow, { title: "Light", colors: colorsLight }),
+    /* @__PURE__ */ jsx(ColorsRow, { title: "Light", colorSets: lightColors }),
     /* @__PURE__ */ jsx(Separator, {}),
-    /* @__PURE__ */ jsx(ColorsRow, { title: "Dark", colors: colorsDark })
+    /* @__PURE__ */ jsx(ColorsRow, { title: "Dark", colorSets: darkColors })
   ] });
 }
-function ColorsRow({ title, colors }) {
+function ColorsRow({
+  title,
+  colorSets
+}) {
   return /* @__PURE__ */ jsxs(YStack, { gap: "$4", $sm: { gap: "$2" }, children: [
     /* @__PURE__ */ jsx(H2, { size: "$2", children: title }),
     /* @__PURE__ */ jsxs(XStack, { gap: "$4", self: "center", children: [
       /* @__PURE__ */ jsxs(YStack, { gap: "$4", $sm: { gap: "$2" }, self: "center", children: [
-        colors.map((group, index) => /* @__PURE__ */ jsx(XStack, { gap: "$2", children: group.map((color) => /* @__PURE__ */ jsx(
-          Square,
-          {
-            rounded: "$2",
-            size: "$4",
-            height: "$4",
-            borderWidth: 1,
-            bg: getVariableValue(color),
-            borderColor: "$color7",
-            $sm: {
-              size: "$2"
+        colorGroups.map((groupName) => {
+          const colorSet = colorSets[groupName], colors = Object.values(colorSet);
+          return /* @__PURE__ */ jsx(XStack, { gap: "$2", children: colors.map((color, index) => /* @__PURE__ */ jsx(
+            Square,
+            {
+              rounded: "$2",
+              size: "$4",
+              height: "$4",
+              borderWidth: 1,
+              bg: color,
+              borderColor: "$color7",
+              $sm: {
+                size: "$2"
+              },
+              $xs: {
+                size: "$1"
+              }
             },
-            $xs: {
-              size: "$1"
-            }
-          },
-          `${color.key}${index}`
-        )) }, index)),
+            `${groupName}${index}`
+          )) }, groupName);
+        }),
         /* @__PURE__ */ jsx(XStack, { gap: "$2", self: "center", children: new Array(13).fill(0).slice(1).map((_, index) => /* @__PURE__ */ jsx(
           Paragraph,
           {
@@ -78,11 +98,6 @@ function ColorsRow({ title, colors }) {
     ] })
   ] });
 }
-function getColors(colors, dark = !1) {
-  return colors ? colorGroups.map((group) => Object.keys(colors).filter(
-    (color) => color.startsWith(group) && (dark ? color.endsWith("Dark") : !color.endsWith("Dark"))
-  ).map((key) => colors[key])) : (console.warn("\u26A0\uFE0F no colors?", colors), []);
-}
 export {
   ColorsDemo
 };

package/dist/esm/ColorsDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ColorsDemo.tsx"],
-  "mappings": "AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AASH,SACE,KADF;AAPJ,MAAM,cAAc,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAE1E,SAAS,aAAa;AAC3B,QAAM,SAAS,UAAU,EAAE,UAAU,GAAM,CAAC,EAAE,OACxC,CAAC,aAAa,UAAU,IAAI,CAAC,UAAU,MAAM,GAAG,UAAU,QAAQ,EAAI,CAAC;AAE7E,SACE,qBAAC,UAAO,IAAG,MAAK,KAAI,MAClB;AAAA,wBAAC,aAAU,OAAM,SAAQ,QAAQ,aAAa;AAAA,IAC9C,oBAAC,aAAU;AAAA,IACX,oBAAC,aAAU,OAAM,QAAO,QAAQ,YAAY;AAAA,KAC9C;AAEJ;AAEA,SAAS,UAAU,EAAE,OAAO,OAAO,GAA4C;AAC7E,SACE,qBAAC,UAAO,KAAI,MAAK,KAAK,EAAE,KAAK,KAAK,GAChC;AAAA,wBAAC,MAAG,MAAK,MAAM,iBAAM;AAAA,IAErB,qBAAC,UAAO,KAAI,MAAK,MAAK,UACpB;AAAA,2BAAC,UAAO,KAAI,MAAK,KAAK,EAAE,KAAK,KAAK,GAAG,MAAK,UACvC;AAAA,eAAO,IAAI,CAAC,OAAO,UAEhB,oBAAC,UAAO,KAAI,MACT,gBAAM,IAAI,CAAC,UAER;AAAA,UAAC;AAAA;AAAA,YAEC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAa;AAAA,YACb,IAAI,iBAAiB,KAAK;AAAA,YAC1B,aAAY;AAAA,YACZ,KAAK;AAAA,cACH,MAAM;AAAA,YACR;AAAA,YACA,KAAK;AAAA,cACH,MAAM;AAAA,YACR;AAAA;AAAA,UAZK,GAAG,MAAM,GAAG,GAAG,KAAK;AAAA,QAa3B,CAEH,KAnBmB,KAoBtB,CAEH;AAAA,QAED,oBAAC,UAAO,KAAI,MAAK,MAAK,UACnB,cAAI,MAAM,EAAE,EACV,KAAK,CAAC,EACN,MAAM,CAAC,EACP,IAAI,CAAC,GAAG,UAEL;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,MAAK;AAAA,YACL,OAAM;AAAA,YACN,KAAK;AAAA,cACH,OAAO;AAAA,YACT;AAAA,YACA,KAAK;AAAA,cACH,OAAO;AAAA,YACT;AAAA,YAGC;AAAA;AAAA,UAFI;AAAA,QAGP,CAEH,GACL;AAAA,SACF;AAAA,MAEA,oBAAC,UAAO,KAAI,MAAK,IAAG,MACjB,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,QAA8C,OAAO,IAAO;AAC7E,SAAK,SAIE,YAAY,IAAI,CAAC,UACf,OAAO,KAAK,MAAM,EACtB;AAAA,IACC,CAAC,UACC,MAAM,WAAW,KAAK,MACrB,OAAO,MAAM,SAAS,MAAM,IAAI,CAAC,MAAM,SAAS,MAAM;AAAA,EAC3D,EACC,IAAI,CAAC,QAAQ,OAAO,GAAG,CAAC,CAC5B,KAXC,QAAQ,KAAK,2BAAiB,MAAM,GAC7B,CAAC;AAWZ;",
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,IAAI,WAAW,WAAW,QAAQ,QAAQ,cAAc;AAsB7D,SACE,KADF;AApBJ,MAAM,cAAc,CAAC,QAAQ,QAAQ,SAAS,UAAU,KAAK,GAEvD,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEM,aAAa;AAAA,EACjB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AACP;AAEO,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,IAAG,MAAK,KAAI,MAClB;AAAA,wBAAC,aAAU,OAAM,SAAQ,WAAW,aAAa;AAAA,IACjD,oBAAC,aAAU;AAAA,IACX,oBAAC,aAAU,OAAM,QAAO,WAAW,YAAY;AAAA,KACjD;AAEJ;AAIA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AACF,GAGG;AACD,SACE,qBAAC,UAAO,KAAI,MAAK,KAAK,EAAE,KAAK,KAAK,GAChC;AAAA,wBAAC,MAAG,MAAK,MAAM,iBAAM;AAAA,IAErB,qBAAC,UAAO,KAAI,MAAK,MAAK,UACpB;AAAA,2BAAC,UAAO,KAAI,MAAK,KAAK,EAAE,KAAK,KAAK,GAAG,MAAK,UACvC;AAAA,oBAAY,IAAI,CAAC,cAAc;AAC9B,gBAAM,WAAW,UAAU,SAAS,GAC9B,SAAS,OAAO,OAAO,QAAQ;AACrC,iBACE,oBAAC,UAAO,KAAI,MACT,iBAAO,IAAI,CAAC,OAAO,UAEhB;AAAA,YAAC;AAAA;AAAA,cAEC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,QAAO;AAAA,cACP,aAAa;AAAA,cACb,IAAI;AAAA,cACJ,aAAY;AAAA,cACZ,KAAK;AAAA,gBACH,MAAM;AAAA,cACR;AAAA,cACA,KAAK;AAAA,gBACH,MAAM;AAAA,cACR;AAAA;AAAA,YAZK,GAAG,SAAS,GAAG,KAAK;AAAA,UAa3B,CAEH,KAnBmB,SAoBtB;AAAA,QAEJ,CAAC;AAAA,QAED,oBAAC,UAAO,KAAI,MAAK,MAAK,UACnB,cAAI,MAAM,EAAE,EACV,KAAK,CAAC,EACN,MAAM,CAAC,EACP,IAAI,CAAC,GAAG,UAEL;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,MAAK;AAAA,YACL,OAAM;AAAA,YACN,KAAK;AAAA,cACH,OAAO;AAAA,YACT;AAAA,YACA,KAAK;AAAA,cACH,OAAO;AAAA,YACT;AAAA,YAGC;AAAA;AAAA,UAFI;AAAA,QAGP,CAEH,GACL;AAAA,SACF;AAAA,MAEA,oBAAC,UAAO,KAAI,MAAK,IAAG,MACjB,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;",
   "names": []
 }

package/dist/esm/ColorsDemo.mjs

@@ -1,26 +1,37 @@
-import { H2, Paragraph, Separator, Square, XStack, YStack, getTokens, getVariableValue } from "tamagui";
+import { blue, blueDark, gray, grayDark, green, greenDark, red, redDark, yellow, yellowDark } from "@tamagui/colors";
+import { H2, Paragraph, Separator, Square, XStack, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
-const colorGroups = ["orange", "yellow", "green", "blue", "purple", "pink", "red"];
+const colorGroups = ["gray", "blue", "green", "yellow", "red"],
+  lightColors = {
+    gray,
+    blue,
+    green,
+    yellow,
+    red
+  },
+  darkColors = {
+    gray: grayDark,
+    blue: blueDark,
+    green: greenDark,
+    yellow: yellowDark,
+    red: redDark
+  };
 function ColorsDemo() {
-  const colors = getTokens({
-      prefixed: !1
-    }).color,
-    [colorsLight, colorsDark] = [getColors(colors), getColors(colors, !0)];
   return /* @__PURE__ */jsxs(YStack, {
     mt: "$4",
     gap: "$8",
     children: [/* @__PURE__ */jsx(ColorsRow, {
       title: "Light",
-      colors: colorsLight
+      colorSets: lightColors
     }), /* @__PURE__ */jsx(Separator, {}), /* @__PURE__ */jsx(ColorsRow, {
       title: "Dark",
-      colors: colorsDark
+      colorSets: darkColors
     })]
   });
 }
 function ColorsRow({
   title,
-  colors
+  colorSets
 }) {
   return /* @__PURE__ */jsxs(YStack, {
     gap: "$4",
@@ -39,23 +50,27 @@ function ColorsRow({
           gap: "$2"
         },
         self: "center",
-        children: [colors.map((group, index) => /* @__PURE__ */jsx(XStack, {
-          gap: "$2",
-          children: group.map(color => /* @__PURE__ */jsx(Square, {
-            rounded: "$2",
-            size: "$4",
-            height: "$4",
-            borderWidth: 1,
-            bg: getVariableValue(color),
-            borderColor: "$color7",
-            $sm: {
-              size: "$2"
-            },
-            $xs: {
-              size: "$1"
-            }
-          }, `${color.key}${index}`))
-        }, index)), /* @__PURE__ */jsx(XStack, {
+        children: [colorGroups.map(groupName => {
+          const colorSet = colorSets[groupName],
+            colors = Object.values(colorSet);
+          return /* @__PURE__ */jsx(XStack, {
+            gap: "$2",
+            children: colors.map((color, index) => /* @__PURE__ */jsx(Square, {
+              rounded: "$2",
+              size: "$4",
+              height: "$4",
+              borderWidth: 1,
+              bg: color,
+              borderColor: "$color7",
+              $sm: {
+                size: "$2"
+              },
+              $xs: {
+                size: "$1"
+              }
+            }, `${groupName}${index}`))
+          }, groupName);
+        }), /* @__PURE__ */jsx(XStack, {
           gap: "$2",
           self: "center",
           children: new Array(13).fill(0).slice(1).map((_, index) => /* @__PURE__ */jsx(Paragraph, {
@@ -91,8 +106,5 @@ function ColorsRow({
     })]
   });
 }
-function getColors(colors, dark = !1) {
-  return colors ? colorGroups.map(group => Object.keys(colors).filter(color => color.startsWith(group) && (dark ? color.endsWith("Dark") : !color.endsWith("Dark"))).map(key => colors[key])) : (console.warn("\u26A0\uFE0F no colors?", colors), []);
-}
 export { ColorsDemo };
 //# sourceMappingURL=ColorsDemo.mjs.map

package/dist/esm/ColorsDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["H2","Paragraph","Separator","Square","XStack","YStack","getTokens","getVariableValue","jsx","jsxs","colorGroups","ColorsDemo","colors","prefixed","color","colorsLight","colorsDark","getColors","mt","gap","children","ColorsRow","title","$sm","size","self","map","group","index","rounded","height","borderWidth","bg","borderColor","$xs","key","Array","fill","slice","_","text","width","name","theme","rotate","dark","Object","keys","filter","startsWith","endsWith","console","warn"],"sources":["../../src/ColorsDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["blue","blueDark","gray","grayDark","green","greenDark","red","redDark","yellow","yellowDark","H2","Paragraph","Separator","Square","XStack","YStack","jsx","jsxs","colorGroups","lightColors","darkColors","ColorsDemo","mt","gap","children","ColorsRow","title","colorSets","$sm","size","self","map","groupName","colorSet","colors","Object","values","color","index","rounded","height","borderWidth","bg","borderColor","$xs","Array","fill","slice","_","text","width","name","theme","rotate"],"sources":["../../src/ColorsDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}