@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/AvatarDemo.mjs

@@ -1,30 +1,30 @@
 import { Avatar, XStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 function AvatarDemo() {
-  return /* @__PURE__ */jsxs(XStack, {
-    items: "center",
-    gap: "$6",
-    children: [/* @__PURE__ */jsxs(Avatar, {
-      circular: true,
-      size: "$10",
-      children: [/* @__PURE__ */jsx(Avatar.Image, {
-        "aria-label": "Cam",
-        src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
-      }), /* @__PURE__ */jsx(Avatar.Fallback, {
-        bg: "$blue10"
-      })]
-    }), /* @__PURE__ */jsxs(Avatar, {
-      circular: true,
-      size: "$8",
-      children: [/* @__PURE__ */jsx(Avatar.Image, {
-        "aria-label": "Nate Wienert",
-        src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
-      }), /* @__PURE__ */jsx(Avatar.Fallback, {
-        delayMs: 600,
-        bg: "$blue10"
-      })]
-    })]
-  });
+	return /* @__PURE__ */ jsxs(XStack, {
+		items: "center",
+		gap: "6",
+		children: [/* @__PURE__ */ jsxs(Avatar, {
+			circular: true,
+			size: "10",
+			children: [/* @__PURE__ */ jsx(Avatar.Image, {
+				"aria-label": "Cam",
+				src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
+			}), /* @__PURE__ */ jsx(Avatar.Fallback, { bg: "blue10" })]
+		}), /* @__PURE__ */ jsxs(Avatar, {
+			circular: true,
+			size: "8",
+			children: [/* @__PURE__ */ jsx(Avatar.Image, {
+				"aria-label": "Nate Wienert",
+				src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
+			}), /* @__PURE__ */ jsx(Avatar.Fallback, {
+				delay: 600,
+				bg: "blue10"
+			})]
+		})]
+	});
 }
+
 export { AvatarDemo };
 //# sourceMappingURL=AvatarDemo.mjs.map

package/dist/esm/AvatarDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Avatar","XStack","jsx","jsxs","AvatarDemo","items","gap","children","circular","size","Image","src","Fallback","bg","delayMs"],"sources":["../../src/AvatarDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,EAAQC,MAAA,QAAc;AAKzB,SACEC,GAAA,EADFC,IAAA;AAHC,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAD,IAAA,CAACF,MAAA;IAAOI,KAAA,EAAM;IAASC,GAAA,EAAI;IACzBC,QAAA,kBAAAJ,IAAA,CAACH,MAAA;MAAOQ,QAAA,EAAQ;MAACC,IAAA,EAAK;MACpBF,QAAA,kBAAAL,GAAA,CAACF,MAAA,CAAOU,KAAA,EAAP;QACC,cAAW;QACXC,GAAA,EAAI;MAAA,CACN,GACA,eAAAT,GAAA,CAACF,MAAA,CAAOY,QAAA,EAAP;QAAgBC,EAAA,EAAG;MAAA,CAAU;IAAA,CAChC,GAEA,eAAAV,IAAA,CAACH,MAAA;MAAOQ,QAAA,EAAQ;MAACC,IAAA,EAAK;MACpBF,QAAA,kBAAAL,GAAA,CAACF,MAAA,CAAOU,KAAA,EAAP;QACC,cAAW;QACXC,GAAA,EAAI;MAAA,CACN,GACA,eAAAT,GAAA,CAACF,MAAA,CAAOY,QAAA,EAAP;QAAgBE,OAAA,EAAS;QAAKD,EAAA,EAAG;MAAA,CAAU;IAAA,CAC9C;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"file":"AvatarDemo.js","names":[],"sources":["esm/AvatarDemo.js"],"sourcesContent":["import { Avatar, XStack } from \"tamagui\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nfunction AvatarDemo() {\n  return /* @__PURE__ */ jsxs(XStack, { items: \"center\", gap: \"6\", children: [\n    /* @__PURE__ */ jsxs(Avatar, { circular: true, size: \"10\", children: [\n      /* @__PURE__ */ jsx(\n        Avatar.Image,\n        {\n          \"aria-label\": \"Cam\",\n          src: \"https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80\"\n        }\n      ),\n      /* @__PURE__ */ jsx(Avatar.Fallback, { bg: \"blue10\" })\n    ] }),\n    /* @__PURE__ */ jsxs(Avatar, { circular: true, size: \"8\", children: [\n      /* @__PURE__ */ jsx(\n        Avatar.Image,\n        {\n          \"aria-label\": \"Nate Wienert\",\n          src: \"https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80\"\n        }\n      ),\n      /* @__PURE__ */ jsx(Avatar.Fallback, { delay: 600, bg: \"blue10\" })\n    ] })\n  ] });\n}\nexport {\n  AvatarDemo\n};\n//# sourceMappingURL=AvatarDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,aAAa;CACpB,OAAuB,qBAAK,QAAQ;EAAE,OAAO;EAAU,KAAK;EAAK,UAAU,CACzD,qBAAK,QAAQ;GAAE,UAAU;GAAM,MAAM;GAAM,UAAU,CACnD,oBACd,OAAO,OACP;IACE,cAAc;IACd,KAAK;GACP,CACF,GACgB,oBAAI,OAAO,UAAU,EAAE,IAAI,SAAS,CAAC,CACvD;EAAE,CAAC,GACa,qBAAK,QAAQ;GAAE,UAAU;GAAM,MAAM;GAAK,UAAU,CAClD,oBACd,OAAO,OACP;IACE,cAAc;IACd,KAAK;GACP,CACF,GACgB,oBAAI,OAAO,UAAU;IAAE,OAAO;IAAK,IAAI;GAAS,CAAC,CACnE;EAAE,CAAC,CACL;CAAE,CAAC;AACL"}

package/dist/esm/AvatarDemo.native.js

@@ -1,30 +1,30 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Avatar, XStack } from "tamagui";
+
 function AvatarDemo() {
-  return /* @__PURE__ */_jsxs(XStack, {
-    items: "center",
-    gap: "$6",
-    children: [/* @__PURE__ */_jsxs(Avatar, {
-      circular: true,
-      size: "$10",
-      children: [/* @__PURE__ */_jsx(Avatar.Image, {
-        "aria-label": "Cam",
-        src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
-      }), /* @__PURE__ */_jsx(Avatar.Fallback, {
-        bg: "$blue10"
-      })]
-    }), /* @__PURE__ */_jsxs(Avatar, {
-      circular: true,
-      size: "$8",
-      children: [/* @__PURE__ */_jsx(Avatar.Image, {
-        "aria-label": "Nate Wienert",
-        src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
-      }), /* @__PURE__ */_jsx(Avatar.Fallback, {
-        delayMs: 600,
-        bg: "$blue10"
-      })]
-    })]
-  });
+	return /* @__PURE__ */ jsxs(XStack, {
+		items: "center",
+		gap: "6",
+		children: [/* @__PURE__ */ jsxs(Avatar, {
+			circular: true,
+			size: "10",
+			children: [/* @__PURE__ */ jsx(Avatar.Image, {
+				"aria-label": "Cam",
+				src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
+			}), /* @__PURE__ */ jsx(Avatar.Fallback, { bg: "blue10" })]
+		}), /* @__PURE__ */ jsxs(Avatar, {
+			circular: true,
+			size: "8",
+			children: [/* @__PURE__ */ jsx(Avatar.Image, {
+				"aria-label": "Nate Wienert",
+				src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
+			}), /* @__PURE__ */ jsx(Avatar.Fallback, {
+				delay: 600,
+				bg: "blue10"
+			})]
+		})]
+	});
 }
+
 export { AvatarDemo };
 //# sourceMappingURL=AvatarDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Avatar","XStack","AvatarDemo","items","gap","children","circular","size","Image","src","Fallback","bg"],"sources":["../../src/AvatarDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAA,IAAAC,KAAc;AAKzB,SACEC,MADF,EAAAC,MAAA;AAHC,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAH,KAAC,CAAAE,MAAA;IACCE,KAAA;IACEC,GAAA;IAAAC,QAAC,GAAO,eAAPN,KAAA,CAAAC,MAAA;MAAAM,QACC;MAAWC,IACX,OAAI;MAAAF,QAAA,GACN,eAAAR,IAAA,CAAAG,MAAA,CAAAQ,KAAA;QACA,cAAC;QACHC,GAAA;MAEA,IACE,eAAAZ,IAAA,CAAAG,MAAA,CAAAU,QAAA;QAACC,EAAA,EAAO;MAAP;IACY,IACP,eAAAZ,KAAA,CAAAC,MAAA;MACNM,QAAA;MACAC,IAAA;MACFF,QAAA,GACF,eAAAR,IAAA,CAAAG,MAAA,CAAAQ,KAAA;QAEJ","ignoreList":[]}
+{"version":3,"file":"AvatarDemo.native.js","names":[],"sources":["esm/AvatarDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Avatar, XStack } from \"tamagui\";\nfunction AvatarDemo() {\n  return /* @__PURE__ */ _jsxs(XStack, {\n    items: \"center\",\n    gap: \"6\",\n    children: [\n      /* @__PURE__ */ _jsxs(Avatar, {\n        circular: true,\n        size: \"10\",\n        children: [\n          /* @__PURE__ */ _jsx(Avatar.Image, {\n            \"aria-label\": \"Cam\",\n            src: \"https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80\"\n          }),\n          /* @__PURE__ */ _jsx(Avatar.Fallback, {\n            bg: \"blue10\"\n          })\n        ]\n      }),\n      /* @__PURE__ */ _jsxs(Avatar, {\n        circular: true,\n        size: \"8\",\n        children: [\n          /* @__PURE__ */ _jsx(Avatar.Image, {\n            \"aria-label\": \"Nate Wienert\",\n            src: \"https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80\"\n          }),\n          /* @__PURE__ */ _jsx(Avatar.Fallback, {\n            delay: 600,\n            bg: \"blue10\"\n          })\n        ]\n      })\n    ]\n  });\n}\nexport {\n  AvatarDemo\n};\n//# sourceMappingURL=AvatarDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,aAAa;CACpB,OAAuB,qBAAM,QAAQ;EACnC,OAAO;EACP,KAAK;EACL,UAAU,CACQ,qBAAM,QAAQ;GAC5B,UAAU;GACV,MAAM;GACN,UAAU,CACQ,oBAAK,OAAO,OAAO;IACjC,cAAc;IACd,KAAK;GACP,CAAC,GACe,oBAAK,OAAO,UAAU,EACpC,IAAI,SACN,CAAC,CACH;EACF,CAAC,GACe,qBAAM,QAAQ;GAC5B,UAAU;GACV,MAAM;GACN,UAAU,CACQ,oBAAK,OAAO,OAAO;IACjC,cAAc;IACd,KAAK;GACP,CAAC,GACe,oBAAK,OAAO,UAAU;IACpC,OAAO;IACP,IAAI;GACN,CAAC,CACH;EACF,CAAC,CACH;CACF,CAAC;AACH"}

package/dist/esm/BoxShadowTokenDemo.mjs

@@ -1,34 +1,39 @@
-import { styled, View, Text, YStack } from "tamagui";
+import { Text, View, YStack, styled } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 const StyledShadowBox = styled(View, {
-  width: 100,
-  height: 100,
-  backgroundColor: "$color5",
-  borderRadius: "$4",
-  boxShadow: "0px 2px 8px $shadowColor"
+	width: 100,
+	height: 100,
+	backgroundColor: "color5",
+	borderRadius: "4",
+	boxShadow: "0px 2px 8px shadow-color"
 });
 function BoxShadowTokenDemo() {
-  return /* @__PURE__ */jsxs(YStack, {
-    gap: "$4",
-    items: "center",
-    p: "$4",
-    children: [/* @__PURE__ */jsx(Text, {
-      testID: "box-shadow-token-title",
-      children: "BoxShadow Token Test"
-    }), /* @__PURE__ */jsx(StyledShadowBox, {
-      testID: "box-shadow-styled"
-    }), /* @__PURE__ */jsx(View, {
-      width: 100,
-      height: 100,
-      backgroundColor: "$color5",
-      borderRadius: "$4",
-      boxShadow: "0px 2px 8px $shadowColor",
-      testID: "box-shadow-prop"
-    }), /* @__PURE__ */jsx(Text, {
-      testID: "box-shadow-token-ok",
-      children: "OK"
-    })]
-  });
+	return /* @__PURE__ */ jsxs(YStack, {
+		gap: "4",
+		items: "center",
+		p: "4",
+		children: [
+			/* @__PURE__ */ jsx(Text, {
+				testID: "box-shadow-token-title",
+				children: "BoxShadow Token Test"
+			}),
+			/* @__PURE__ */ jsx(StyledShadowBox, { testID: "box-shadow-styled" }),
+			/* @__PURE__ */ jsx(View, {
+				width: 100,
+				height: 100,
+				backgroundColor: "color5",
+				borderRadius: "4",
+				boxShadow: "0px 2px 8px shadow-color",
+				testID: "box-shadow-prop"
+			}),
+			/* @__PURE__ */ jsx(Text, {
+				testID: "box-shadow-token-ok",
+				children: "OK"
+			})
+		]
+	});
 }
+
 export { BoxShadowTokenDemo };
 //# sourceMappingURL=BoxShadowTokenDemo.mjs.map

package/dist/esm/BoxShadowTokenDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["styled","View","Text","YStack","jsx","jsxs","StyledShadowBox","width","height","backgroundColor","borderRadius","boxShadow","BoxShadowTokenDemo","gap","items","p","children","testID"],"sources":["../../src/BoxShadowTokenDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,EAAQC,IAAA,EAAMC,IAAA,EAAMC,MAAA,QAAc;AAevC,SACEC,GAAA,EADFC,IAAA;AAVJ,MAAMC,eAAA,GAAkBN,MAAA,CAAOC,IAAA,EAAM;EACnCM,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRC,eAAA,EAAiB;EACjBC,YAAA,EAAc;EACdC,SAAA,EAAW;AACb,CAAC;AAEM,SAASC,mBAAA,EAAqB;EACnC,OACE,eAAAP,IAAA,CAACF,MAAA;IAAOU,GAAA,EAAI;IAAKC,KAAA,EAAM;IAASC,CAAA,EAAE;IAChCC,QAAA,kBAAAZ,GAAA,CAACF,IAAA;MAAKe,MAAA,EAAO;MAAyBD,QAAA;IAAA,CAAoB,GAG1D,eAAAZ,GAAA,CAACE,eAAA;MAAgBW,MAAA,EAAO;IAAA,CAAoB,GAG5C,eAAAb,GAAA,CAACH,IAAA;MACCM,KAAA,EAAO;MACPC,MAAA,EAAQ;MACRC,eAAA,EAAgB;MAChBC,YAAA,EAAa;MACbC,SAAA,EAAU;MACVM,MAAA,EAAO;IAAA,CACT,GAEA,eAAAb,GAAA,CAACF,IAAA;MAAKe,MAAA,EAAO;MAAsBD,QAAA;IAAA,CAAE;EAAA,CACvC;AAEJ","ignoreList":[]}
+{"version":3,"file":"BoxShadowTokenDemo.js","names":[],"sources":["esm/BoxShadowTokenDemo.js"],"sourcesContent":["import { styled, View, Text, YStack } from \"tamagui\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nconst StyledShadowBox = styled(View, {\n  width: 100,\n  height: 100,\n  backgroundColor: \"color5\",\n  borderRadius: \"4\",\n  boxShadow: \"0px 2px 8px shadow-color\"\n});\nfunction BoxShadowTokenDemo() {\n  return /* @__PURE__ */ jsxs(YStack, { gap: \"4\", items: \"center\", p: \"4\", children: [\n    /* @__PURE__ */ jsx(Text, { testID: \"box-shadow-token-title\", children: \"BoxShadow Token Test\" }),\n    /* @__PURE__ */ jsx(StyledShadowBox, { testID: \"box-shadow-styled\" }),\n    /* @__PURE__ */ jsx(\n      View,\n      {\n        width: 100,\n        height: 100,\n        backgroundColor: \"color5\",\n        borderRadius: \"4\",\n        boxShadow: \"0px 2px 8px shadow-color\",\n        testID: \"box-shadow-prop\"\n      }\n    ),\n    /* @__PURE__ */ jsx(Text, { testID: \"box-shadow-token-ok\", children: \"OK\" })\n  ] });\n}\nexport {\n  BoxShadowTokenDemo\n};\n//# sourceMappingURL=BoxShadowTokenDemo.js.map\n"],"mappings":";;;;AAEA,MAAM,kBAAkB,OAAO,MAAM;CACnC,OAAO;CACP,QAAQ;CACR,iBAAiB;CACjB,cAAc;CACd,WAAW;AACb,CAAC;AACD,SAAS,qBAAqB;CAC5B,OAAuB,qBAAK,QAAQ;EAAE,KAAK;EAAK,OAAO;EAAU,GAAG;EAAK,UAAU;GACjE,oBAAI,MAAM;IAAE,QAAQ;IAA0B,UAAU;GAAuB,CAAC;GAChF,oBAAI,iBAAiB,EAAE,QAAQ,oBAAoB,CAAC;GACpD,oBACd,MACA;IACE,OAAO;IACP,QAAQ;IACR,iBAAiB;IACjB,cAAc;IACd,WAAW;IACX,QAAQ;GACV,CACF;GACgB,oBAAI,MAAM;IAAE,QAAQ;IAAuB,UAAU;GAAK,CAAC;EAC7E;CAAE,CAAC;AACL"}

package/dist/esm/BoxShadowTokenDemo.native.js

@@ -1,36 +1,39 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { styled, View, Text, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Text, View, YStack, styled } from "tamagui";
+
 var StyledShadowBox = styled(View, {
-  width: 100,
-  height: 100,
-  backgroundColor: "$color5",
-  borderRadius: "$4",
-  boxShadow: "0px 2px 8px $shadowColor"
+	width: 100,
+	height: 100,
+	backgroundColor: "color5",
+	borderRadius: "4",
+	boxShadow: "0px 2px 8px shadow-color"
 });
 function BoxShadowTokenDemo() {
-  return /* @__PURE__ */_jsxs(YStack, {
-    gap: "$4",
-    items: "center",
-    p: "$4",
-    children: [/* @__PURE__ */_jsx(Text, {
-      testID: "box-shadow-token-title",
-      children: "BoxShadow Token Test"
-    }), /* styled() definition - breaks if web imports leak to native */
-    /* @__PURE__ */_jsx(StyledShadowBox, {
-      testID: "box-shadow-styled"
-    }), /* inline prop - should always work */
-    /* @__PURE__ */_jsx(View, {
-      width: 100,
-      height: 100,
-      backgroundColor: "$color5",
-      borderRadius: "$4",
-      boxShadow: "0px 2px 8px $shadowColor",
-      testID: "box-shadow-prop"
-    }), /* @__PURE__ */_jsx(Text, {
-      testID: "box-shadow-token-ok",
-      children: "OK"
-    })]
-  });
+	return /* @__PURE__ */ jsxs(YStack, {
+		gap: "4",
+		items: "center",
+		p: "4",
+		children: [
+			/* @__PURE__ */ jsx(Text, {
+				testID: "box-shadow-token-title",
+				children: "BoxShadow Token Test"
+			}),
+			/* @__PURE__ */ jsx(StyledShadowBox, { testID: "box-shadow-styled" }),
+			/* @__PURE__ */ jsx(View, {
+				width: 100,
+				height: 100,
+				backgroundColor: "color5",
+				borderRadius: "4",
+				boxShadow: "0px 2px 8px shadow-color",
+				testID: "box-shadow-prop"
+			}),
+			/* @__PURE__ */ jsx(Text, {
+				testID: "box-shadow-token-ok",
+				children: "OK"
+			})
+		]
+	});
 }
+
 export { BoxShadowTokenDemo };
 //# sourceMappingURL=BoxShadowTokenDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","styled","View","Text","YStack","StyledShadowBox","width","height","backgroundColor","borderRadius","boxShadow","BoxShadowTokenDemo","gap","items","p","children","testID"],"sources":["../../src/BoxShadowTokenDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAM,IAAMC,KAAA,QAAc;AAevC,SACEC,MADF,EAAAC,IAAA,EAAAC,IAAA,EAAAC,MAAA;AAVJ,IAAAC,eAAM,GAAAJ,MAAkB,CAAAC,IAAO;EAC7BI,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRC,eAAA,EAAiB;EACjBC,YAAA,EAAc;EACdC,SAAA,EAAW;AACb,CAAC;AAEM,SAASC,mBAAA,EAAqB;EACnC,OACE,eAAAX,KAAC,CAAAI,MAAA;IACCQ,GAAA;IAGAC,KAAA;IAGAC,CAAA;IAAAC,QAAC,kBAAAjB,IAAA,CAAAK,IAAA;MACCa,MAAA,EAAO;MACPD,QAAQ;IAAA,EACR,EAAgB;IACH,eACHjB,IAAA,CAAAO,eAAA;MACVW,MAAA,EAAO;IAAA,IACT;IAEA,eAAAlB,IAAC,CAAAI,IAAA,EAAK;MACRI,KAAA;MAEJC,MAAA","ignoreList":[]}
+{"version":3,"file":"BoxShadowTokenDemo.native.js","names":[],"sources":["esm/BoxShadowTokenDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { styled, View, Text, YStack } from \"tamagui\";\nvar StyledShadowBox = styled(View, {\n  width: 100,\n  height: 100,\n  backgroundColor: \"color5\",\n  borderRadius: \"4\",\n  boxShadow: \"0px 2px 8px shadow-color\"\n});\nfunction BoxShadowTokenDemo() {\n  return /* @__PURE__ */ _jsxs(YStack, {\n    gap: \"4\",\n    items: \"center\",\n    p: \"4\",\n    children: [\n      /* @__PURE__ */ _jsx(Text, {\n        testID: \"box-shadow-token-title\",\n        children: \"BoxShadow Token Test\"\n      }),\n      /* styled() definition - breaks if web imports leak to native */\n      /* @__PURE__ */ _jsx(StyledShadowBox, {\n        testID: \"box-shadow-styled\"\n      }),\n      /* inline prop - should always work */\n      /* @__PURE__ */ _jsx(View, {\n        width: 100,\n        height: 100,\n        backgroundColor: \"color5\",\n        borderRadius: \"4\",\n        boxShadow: \"0px 2px 8px shadow-color\",\n        testID: \"box-shadow-prop\"\n      }),\n      /* @__PURE__ */ _jsx(Text, {\n        testID: \"box-shadow-token-ok\",\n        children: \"OK\"\n      })\n    ]\n  });\n}\nexport {\n  BoxShadowTokenDemo\n};\n//# sourceMappingURL=BoxShadowTokenDemo.js.map\n"],"mappings":";;;;AAEA,IAAI,kBAAkB,OAAO,MAAM;CACjC,OAAO;CACP,QAAQ;CACR,iBAAiB;CACjB,cAAc;CACd,WAAW;AACb,CAAC;AACD,SAAS,qBAAqB;CAC5B,OAAuB,qBAAM,QAAQ;EACnC,KAAK;EACL,OAAO;EACP,GAAG;EACH,UAAU;GACQ,oBAAK,MAAM;IACzB,QAAQ;IACR,UAAU;GACZ,CAAC;GAEe,oBAAK,iBAAiB,EACpC,QAAQ,oBACV,CAAC;GAEe,oBAAK,MAAM;IACzB,OAAO;IACP,QAAQ;IACR,iBAAiB;IACjB,cAAc;IACd,WAAW;IACX,QAAQ;GACV,CAAC;GACe,oBAAK,MAAM;IACzB,QAAQ;IACR,UAAU;GACZ,CAAC;EACH;CACF,CAAC;AACH"}

package/dist/esm/BuildAButtonDemo.mjs

@@ -1,106 +1,119 @@
 import { Drumstick, Hand } from "@tamagui/lucide-icons-2";
 import { Button, XStack, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 const outlined = {
-  bg: "transparent",
-  borderWidth: 2,
-  borderColor: "$background",
-  rounded: "$10",
-  hoverStyle: {
-    bg: "transparent",
-    borderColor: "$backgroundPress"
-  }
+	bg: "transparent hover:transparent",
+	borderWidth: 2,
+	borderColor: "background hover:background-press",
+	rounded: "10"
 };
 function BuildAButtonDemo() {
-  return /* @__PURE__ */jsx(YStack, {
-    fullscreen: true,
-    overflow: "hidden",
-    children: /* @__PURE__ */jsxs(XStack, {
-      maxH: 200,
-      y: -100,
-      x: -40,
-      rotate: "-10deg",
-      children: [/* @__PURE__ */jsx(ButtonCol, {
-        y: 35,
-        size: "$2",
-        ...outlined,
-        subTheme: "surface1",
-        borderWidth: 1
-      }), /* @__PURE__ */jsx(ButtonCol, {
-        y: 30
-      }), /* @__PURE__ */jsx(ButtonCol, {
-        y: -50,
-        ...outlined
-      }), /* @__PURE__ */jsx(ButtonCol, {
-        ...outlined,
-        icon: /* @__PURE__ */jsx(Hand, {})
-      }), /* @__PURE__ */jsx(ButtonCol, {
-        size: "$6",
-        subTheme: "surface2"
-      }), /* @__PURE__ */jsx(ButtonCol, {
-        size: "$6",
-        subTheme: "surface2",
-        ...outlined
-      }), /* @__PURE__ */jsx(ButtonCol, {
-        size: "$8",
-        subTheme: "surface2",
-        iconAfter: /* @__PURE__ */jsx(Drumstick, {}),
-        ...outlined
-      }), /* @__PURE__ */jsx(ButtonCol, {
-        size: "$10",
-        subTheme: "surface1"
-      }), /* @__PURE__ */jsx(ButtonCol, {
-        size: "$8",
-        subTheme: "surface2",
-        ...outlined,
-        rounded: 0
-      })]
-    })
-  });
+	return /* @__PURE__ */ jsx(YStack, {
+		position: "absolute",
+		inset: 0,
+		overflow: "hidden",
+		children: /* @__PURE__ */ jsxs(XStack, {
+			maxH: 200,
+			y: -100,
+			x: -40,
+			rotate: "-10deg",
+			children: [
+				/* @__PURE__ */ jsx(ButtonCol, {
+					y: 35,
+					size: "2",
+					...outlined,
+					subTheme: "level2",
+					borderWidth: 1
+				}),
+				/* @__PURE__ */ jsx(ButtonCol, { y: 30 }),
+				/* @__PURE__ */ jsx(ButtonCol, {
+					y: -50,
+					...outlined
+				}),
+				/* @__PURE__ */ jsx(ButtonCol, {
+					...outlined,
+					icon: /* @__PURE__ */ jsx(Hand, {})
+				}),
+				/* @__PURE__ */ jsx(ButtonCol, {
+					size: "6",
+					subTheme: "level3"
+				}),
+				/* @__PURE__ */ jsx(ButtonCol, {
+					size: "6",
+					subTheme: "level3",
+					...outlined
+				}),
+				/* @__PURE__ */ jsx(ButtonCol, {
+					size: "8",
+					subTheme: "level3",
+					iconAfter: /* @__PURE__ */ jsx(Drumstick, {}),
+					...outlined
+				}),
+				/* @__PURE__ */ jsx(ButtonCol, {
+					size: "10",
+					subTheme: "level2"
+				}),
+				/* @__PURE__ */ jsx(ButtonCol, {
+					size: "8",
+					subTheme: "level3",
+					...outlined,
+					rounded: 0
+				})
+			]
+		})
+	});
 }
 function ButtonCol(props) {
-  const {
-    subTheme,
-    ...buttonProps
-  } = props;
-  const subThemeSuffix = subTheme ? `_${subTheme}` : "";
-  return /* @__PURE__ */jsxs(YStack, {
-    p: "$2",
-    gap: "$3",
-    children: [/* @__PURE__ */jsx(Button, {
-      theme: props.subTheme,
-      ...props,
-      children: "Hello"
-    }), /* @__PURE__ */jsx(Button, {
-      theme: "orange" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */jsx(Button, {
-      theme: "yellow" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */jsx(Button, {
-      theme: "green" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */jsx(Button, {
-      theme: "blue" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */jsx(Button, {
-      theme: "purple" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */jsx(Button, {
-      theme: "pink" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */jsx(Button, {
-      theme: "red" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    })]
-  });
+	const { subTheme, ...buttonProps } = props;
+	const subThemeSuffix = subTheme ? `_${subTheme}` : "";
+	return /* @__PURE__ */ jsxs(YStack, {
+		p: "2",
+		gap: "3",
+		children: [
+			/* @__PURE__ */ jsx(Button, {
+				theme: subTheme,
+				...buttonProps,
+				children: "Hello"
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				theme: "orange" + subThemeSuffix,
+				...buttonProps,
+				children: "Hello"
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				theme: "yellow" + subThemeSuffix,
+				...buttonProps,
+				children: "Hello"
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				theme: "green" + subThemeSuffix,
+				...buttonProps,
+				children: "Hello"
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				theme: "blue" + subThemeSuffix,
+				...buttonProps,
+				children: "Hello"
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				theme: "purple" + subThemeSuffix,
+				...buttonProps,
+				children: "Hello"
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				theme: "pink" + subThemeSuffix,
+				...buttonProps,
+				children: "Hello"
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				theme: "red" + subThemeSuffix,
+				...buttonProps,
+				children: "Hello"
+			})
+		]
+	});
 }
+
 export { BuildAButtonDemo };
 //# sourceMappingURL=BuildAButtonDemo.mjs.map

package/dist/esm/BuildAButtonDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Drumstick","Hand","Button","XStack","YStack","jsx","jsxs","outlined","bg","borderWidth","borderColor","rounded","hoverStyle","BuildAButtonDemo","fullscreen","overflow","children","maxH","y","x","rotate","ButtonCol","size","subTheme","icon","iconAfter","props","buttonProps","subThemeSuffix","p","gap","theme"],"sources":["../../src/BuildAButtonDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,IAAA,QAAY;AAEhC,SAASC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAiBjC,SACEC,GAAA,EADFC,IAAA;AAfN,MAAMC,QAAA,GAAW;EACfC,EAAA,EAAI;EACJC,WAAA,EAAa;EACbC,WAAA,EAAa;EACbC,OAAA,EAAS;EAETC,UAAA,EAAY;IACVJ,EAAA,EAAI;IACJE,WAAA,EAAa;EACf;AACF;AAEO,SAASG,iBAAA,EAAmB;EACjC,OACE,eAAAR,GAAA,CAACD,MAAA;IAAOU,UAAA,EAAU;IAACC,QAAA,EAAS;IAC1BC,QAAA,iBAAAV,IAAA,CAACH,MAAA;MAAOc,IAAA,EAAM;MAAKC,CAAA,EAAG;MAAMC,CAAA,EAAG;MAAKC,MAAA,EAAO;MACzCJ,QAAA,kBAAAX,GAAA,CAACgB,SAAA;QAAUH,CAAA,EAAG;QAAII,IAAA,EAAK;QAAM,GAAGf,QAAA;QAAUgB,QAAA,EAAS;QAAWd,WAAA,EAAa;MAAA,CAAG,GAC9E,eAAAJ,GAAA,CAACgB,SAAA;QAAUH,CAAA,EAAG;MAAA,CAAI,GAClB,eAAAb,GAAA,CAACgB,SAAA;QAAUH,CAAA,EAAG;QAAM,GAAGX;MAAA,CAAU,GACjC,eAAAF,GAAA,CAACgB,SAAA;QAAW,GAAGd,QAAA;QAAUiB,IAAA,EAAM,eAAAnB,GAAA,CAACJ,IAAA,IAAK;MAAA,CAAI,GACzC,eAAAI,GAAA,CAACgB,SAAA;QAAUC,IAAA,EAAK;QAAKC,QAAA,EAAS;MAAA,CAAW,GACzC,eAAAlB,GAAA,CAACgB,SAAA;QAAUC,IAAA,EAAK;QAAKC,QAAA,EAAS;QAAY,GAAGhB;MAAA,CAAU,GACvD,eAAAF,GAAA,CAACgB,SAAA;QACCC,IAAA,EAAK;QACLC,QAAA,EAAS;QACTE,SAAA,EAAW,eAAApB,GAAA,CAACL,SAAA,IAAU;QACrB,GAAGO;MAAA,CACN,GACA,eAAAF,GAAA,CAACgB,SAAA;QAAUC,IAAA,EAAK;QAAMC,QAAA,EAAS;MAAA,CAAW,GAC1C,eAAAlB,GAAA,CAACgB,SAAA;QAAUC,IAAA,EAAK;QAAKC,QAAA,EAAS;QAAY,GAAGhB,QAAA;QAAUI,OAAA,EAAS;MAAA,CAAG;IAAA,CACrE;EAAA,CACF;AAEJ;AAEA,SAASU,UAAUK,KAAA,EAAY;EAC7B,MAAM;IAAEH,QAAA;IAAU,GAAGI;EAAY,IAAID,KAAA;EACrC,MAAME,cAAA,GAAiBL,QAAA,GAAW,IAAIA,QAAQ,KAAK;EAEnD,OACE,eAAAjB,IAAA,CAACF,MAAA;IAAOyB,CAAA,EAAE;IAAKC,GAAA,EAAI;IACjBd,QAAA,kBAAAX,GAAA,CAACH,MAAA;MAAO6B,KAAA,EAAOL,KAAA,CAAMH,QAAA;MAAW,GAAGG,KAAA;MAAOV,QAAA;IAAA,CAE1C,GACA,eAAAX,GAAA,CAACH,MAAA;MAAO6B,KAAA,EAAQ,WAAWH,cAAA;MAA+B,GAAGD,WAAA;MAAaX,QAAA;IAAA,CAE1E,GACA,eAAAX,GAAA,CAACH,MAAA;MAAO6B,KAAA,EAAQ,WAAWH,cAAA;MAA+B,GAAGD,WAAA;MAAaX,QAAA;IAAA,CAE1E,GACA,eAAAX,GAAA,CAACH,MAAA;MAAO6B,KAAA,EAAQ,UAAUH,cAAA;MAA+B,GAAGD,WAAA;MAAaX,QAAA;IAAA,CAEzE,GACA,eAAAX,GAAA,CAACH,MAAA;MAAO6B,KAAA,EAAQ,SAASH,cAAA;MAA+B,GAAGD,WAAA;MAAaX,QAAA;IAAA,CAExE,GACA,eAAAX,GAAA,CAACH,MAAA;MAAO6B,KAAA,EAAQ,WAAWH,cAAA;MAA+B,GAAGD,WAAA;MAAaX,QAAA;IAAA,CAE1E,GACA,eAAAX,GAAA,CAACH,MAAA;MAAO6B,KAAA,EAAQ,SAASH,cAAA;MAA+B,GAAGD,WAAA;MAAaX,QAAA;IAAA,CAExE,GACA,eAAAX,GAAA,CAACH,MAAA;MAAO6B,KAAA,EAAQ,QAAQH,cAAA;MAA+B,GAAGD,WAAA;MAAaX,QAAA;IAAA,CAEvE;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"file":"BuildAButtonDemo.js","names":[],"sources":["esm/BuildAButtonDemo.js"],"sourcesContent":["import { Drumstick, Hand } from \"@tamagui/lucide-icons-2\";\nimport { Button, XStack, YStack } from \"tamagui\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nconst outlined = {\n  bg: \"transparent hover:transparent\",\n  borderWidth: 2,\n  borderColor: \"background hover:background-press\",\n  rounded: \"10\"\n};\nfunction BuildAButtonDemo() {\n  return /* @__PURE__ */ jsx(YStack, { position: \"absolute\", inset: 0, overflow: \"hidden\", children: /* @__PURE__ */ jsxs(XStack, { maxH: 200, y: -100, x: -40, rotate: \"-10deg\", children: [\n    /* @__PURE__ */ jsx(ButtonCol, { y: 35, size: \"2\", ...outlined, subTheme: \"level2\", borderWidth: 1 }),\n    /* @__PURE__ */ jsx(ButtonCol, { y: 30 }),\n    /* @__PURE__ */ jsx(ButtonCol, { y: -50, ...outlined }),\n    /* @__PURE__ */ jsx(ButtonCol, { ...outlined, icon: /* @__PURE__ */ jsx(Hand, {}) }),\n    /* @__PURE__ */ jsx(ButtonCol, { size: \"6\", subTheme: \"level3\" }),\n    /* @__PURE__ */ jsx(ButtonCol, { size: \"6\", subTheme: \"level3\", ...outlined }),\n    /* @__PURE__ */ jsx(ButtonCol, { size: \"8\", subTheme: \"level3\", iconAfter: /* @__PURE__ */ jsx(Drumstick, {}), ...outlined }),\n    /* @__PURE__ */ jsx(ButtonCol, { size: \"10\", subTheme: \"level2\" }),\n    /* @__PURE__ */ jsx(ButtonCol, { size: \"8\", subTheme: \"level3\", ...outlined, rounded: 0 })\n  ] }) });\n}\nfunction ButtonCol(props) {\n  const { subTheme, ...buttonProps } = props;\n  const subThemeSuffix = subTheme ? `_${subTheme}` : \"\";\n  return /* @__PURE__ */ jsxs(YStack, { p: \"2\", gap: \"3\", children: [\n    /* @__PURE__ */ jsx(Button, { theme: subTheme, ...buttonProps, children: \"Hello\" }),\n    /* @__PURE__ */ jsx(Button, { theme: \"orange\" + subThemeSuffix, ...buttonProps, children: \"Hello\" }),\n    /* @__PURE__ */ jsx(Button, { theme: \"yellow\" + subThemeSuffix, ...buttonProps, children: \"Hello\" }),\n    /* @__PURE__ */ jsx(Button, { theme: \"green\" + subThemeSuffix, ...buttonProps, children: \"Hello\" }),\n    /* @__PURE__ */ jsx(Button, { theme: \"blue\" + subThemeSuffix, ...buttonProps, children: \"Hello\" }),\n    /* @__PURE__ */ jsx(Button, { theme: \"purple\" + subThemeSuffix, ...buttonProps, children: \"Hello\" }),\n    /* @__PURE__ */ jsx(Button, { theme: \"pink\" + subThemeSuffix, ...buttonProps, children: \"Hello\" }),\n    /* @__PURE__ */ jsx(Button, { theme: \"red\" + subThemeSuffix, ...buttonProps, children: \"Hello\" })\n  ] });\n}\nexport {\n  BuildAButtonDemo\n};\n//# sourceMappingURL=BuildAButtonDemo.js.map\n"],"mappings":";;;;;AAGA,MAAM,WAAW;CACf,IAAI;CACJ,aAAa;CACb,aAAa;CACb,SAAS;AACX;AACA,SAAS,mBAAmB;CAC1B,OAAuB,oBAAI,QAAQ;EAAE,UAAU;EAAY,OAAO;EAAG,UAAU;EAAU,UAA0B,qBAAK,QAAQ;GAAE,MAAM;GAAK,GAAG,CAAC;GAAK,GAAG,CAAC;GAAI,QAAQ;GAAU,UAAU;IACxK,oBAAI,WAAW;KAAE,GAAG;KAAI,MAAM;KAAK,GAAG;KAAU,UAAU;KAAU,aAAa;IAAE,CAAC;IACpF,oBAAI,WAAW,EAAE,GAAG,GAAG,CAAC;IACxB,oBAAI,WAAW;KAAE,GAAG,CAAC;KAAI,GAAG;IAAS,CAAC;IACtC,oBAAI,WAAW;KAAE,GAAG;KAAU,MAAsB,oBAAI,MAAM,CAAC,CAAC;IAAE,CAAC;IACnE,oBAAI,WAAW;KAAE,MAAM;KAAK,UAAU;IAAS,CAAC;IAChD,oBAAI,WAAW;KAAE,MAAM;KAAK,UAAU;KAAU,GAAG;IAAS,CAAC;IAC7D,oBAAI,WAAW;KAAE,MAAM;KAAK,UAAU;KAAU,WAA2B,oBAAI,WAAW,CAAC,CAAC;KAAG,GAAG;IAAS,CAAC;IAC5G,oBAAI,WAAW;KAAE,MAAM;KAAM,UAAU;IAAS,CAAC;IACjD,oBAAI,WAAW;KAAE,MAAM;KAAK,UAAU;KAAU,GAAG;KAAU,SAAS;IAAE,CAAC;GAC3F;EAAE,CAAC;CAAE,CAAC;AACR;AACA,SAAS,UAAU,OAAO;CACxB,MAAM,EAAE,UAAU,GAAG,gBAAgB;CACrC,MAAM,iBAAiB,WAAW,IAAI,aAAa;CACnD,OAAuB,qBAAK,QAAQ;EAAE,GAAG;EAAK,KAAK;EAAK,UAAU;GAChD,oBAAI,QAAQ;IAAE,OAAO;IAAU,GAAG;IAAa,UAAU;GAAQ,CAAC;GAClE,oBAAI,QAAQ;IAAE,OAAO,WAAW;IAAgB,GAAG;IAAa,UAAU;GAAQ,CAAC;GACnF,oBAAI,QAAQ;IAAE,OAAO,WAAW;IAAgB,GAAG;IAAa,UAAU;GAAQ,CAAC;GACnF,oBAAI,QAAQ;IAAE,OAAO,UAAU;IAAgB,GAAG;IAAa,UAAU;GAAQ,CAAC;GAClF,oBAAI,QAAQ;IAAE,OAAO,SAAS;IAAgB,GAAG;IAAa,UAAU;GAAQ,CAAC;GACjF,oBAAI,QAAQ;IAAE,OAAO,WAAW;IAAgB,GAAG;IAAa,UAAU;GAAQ,CAAC;GACnF,oBAAI,QAAQ;IAAE,OAAO,SAAS;IAAgB,GAAG;IAAa,UAAU;GAAQ,CAAC;GACjF,oBAAI,QAAQ;IAAE,OAAO,QAAQ;IAAgB,GAAG;IAAa,UAAU;GAAQ,CAAC;EAClG;CAAE,CAAC;AACL"}