@tamagui/card 2.7.7 → 3.0.0-beta.643.1

package/dist/jsx/Card.native.js

@@ -1,131 +1,92 @@
 "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
-  });
+	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;
+	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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Card_exports = {};
 __export(Card_exports, {
-  Card: () => Card,
-  CardBackground: () => CardBackground,
-  CardFooter: () => CardFooter,
-  CardFrame: () => CardFrame,
-  CardHeader: () => CardHeader
+	Card: () => Card,
+	CardBackground: () => CardBackground,
+	CardFooter: () => CardFooter,
+	CardFrame: () => CardFrame,
+	CardHeader: () => CardHeader
 });
 module.exports = __toCommonJS(Card_exports);
 var import_stacks = require("@tamagui/stacks");
+var import_size = require("@tamagui/size");
 var import_web = require("@tamagui/web");
-var CardContext = (0, import_web.createStyledContext)({
-  size: "$true"
-});
+var CardContext = (0, import_web.createStyledContext)({ size: true });
+var cardRadiusVariant = function(val, param) {
+	var { tokens } = param;
+	var radiusToken = (0, import_size.resolveSizeToken)(val, "radius");
+	var _tokens_radius_radiusToken;
+	return { borderRadius: (_tokens_radius_radiusToken = tokens.radius[radiusToken]) !== null && _tokens_radius_radiusToken !== void 0 ? _tokens_radius_radiusToken : radiusToken };
+};
+var cardPaddingVariant = function(val, param) {
+	var { tokens } = param;
+	var spaceToken = (0, import_size.resolveSizeToken)(val, "space");
+	var _tokens_space_spaceToken;
+	return { padding: (_tokens_space_spaceToken = tokens.space[spaceToken]) !== null && _tokens_space_spaceToken !== void 0 ? _tokens_space_spaceToken : spaceToken };
+};
 var CardFrame = (0, import_web.styled)(import_stacks.YStack, {
-  name: "Card",
-  context: CardContext,
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true",
-        backgroundColor: "$background",
-        position: "relative"
-      }
-    },
-    size: {
-      "...size": function (val, param) {
-        var {
-          tokens
-        } = param;
-        var _tokens_radius_val;
-        return {
-          borderRadius: (_tokens_radius_val = tokens.radius[val]) !== null && _tokens_radius_val !== void 0 ? _tokens_radius_val : val
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+	displayName: "Card",
+	context: CardContext,
+	size: true,
+	position: "relative",
+	variants: { size: {
+		true: cardRadiusVariant,
+		Size: cardRadiusVariant
+	} }
 });
 var CardHeader = (0, import_web.styled)(import_stacks.YStack, {
-  name: "CardHeader",
-  context: CardContext,
-  variants: {
-    unstyled: {
-      false: {
-        zIndex: 10,
-        backgroundColor: "transparent",
-        marginBottom: "auto"
-      }
-    },
-    size: {
-      "...size": function (val, param) {
-        var {
-          tokens
-        } = param;
-        var _tokens_space_val;
-        return {
-          padding: (_tokens_space_val = tokens.space[val]) !== null && _tokens_space_val !== void 0 ? _tokens_space_val : val
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+	displayName: "CardHeader",
+	context: CardContext,
+	zIndex: 10,
+	backgroundColor: "transparent",
+	marginBottom: "auto",
+	variants: { size: {
+		true: cardPaddingVariant,
+		Size: cardPaddingVariant
+	} }
 });
 var CardFooter = (0, import_web.styled)(CardHeader, {
-  name: "CardFooter",
-  variants: {
-    unstyled: {
-      false: {
-        zIndex: 5,
-        flexDirection: "row",
-        marginTop: "auto",
-        marginBottom: 0
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+	displayName: "CardFooter",
+	zIndex: 5,
+	flexDirection: "row",
+	marginTop: "auto",
+	marginBottom: 0
 });
 var CardBackground = (0, import_web.styled)(import_stacks.YStack, {
-  name: "CardBackground",
-  variants: {
-    unstyled: {
-      false: {
-        zIndex: 0,
-        fullscreen: true,
-        overflow: "hidden",
-        pointerEvents: "none",
-        padding: 0
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+	displayName: "CardBackground",
+	zIndex: 0,
+	position: "absolute",
+	inset: 0,
+	overflow: "hidden",
+	pointerEvents: "none",
+	padding: 0
 });
 var Card = (0, import_web.withStaticProperties)(CardFrame, {
-  Header: CardHeader,
-  Footer: CardFooter,
-  Background: CardBackground
+	Header: CardHeader,
+	Footer: CardFooter,
+	Background: CardBackground
 });
+
 //# sourceMappingURL=Card.native.js.map

package/dist/jsx/Card.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Card_exports","Card","CardBackground","CardFooter","CardFrame","CardHeader","module","exports","import_stacks","require","import_web","CardContext","createStyledContext","size","styled","YStack","context","variants","unstyled","false","backgroundColor","position","...size","val","param","tokens","_tokens_radius_val","borderRadius","radius","defaultVariants","process","env","TAMAGUI_HEADLESS","zIndex","marginBottom","_tokens_space_val","padding","space","flexDirection"],"sources":["../../src/Card.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Card.native.js","names":[],"sources":["jsx/Card.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Card_exports = {};\n__export(Card_exports, {\n  Card: () => Card,\n  CardBackground: () => CardBackground,\n  CardFooter: () => CardFooter,\n  CardFrame: () => CardFrame,\n  CardHeader: () => CardHeader\n});\nmodule.exports = __toCommonJS(Card_exports);\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_size = require(\"@tamagui/size\");\nvar import_web = require(\"@tamagui/web\");\nvar CardContext = (0, import_web.createStyledContext)({\n  size: true\n});\nvar cardRadiusVariant = function(val, param) {\n  var { tokens } = param;\n  var radiusToken = (0, import_size.resolveSizeToken)(val, \"radius\");\n  var _tokens_radius_radiusToken;\n  return {\n    borderRadius: (_tokens_radius_radiusToken = tokens.radius[radiusToken]) !== null && _tokens_radius_radiusToken !== void 0 ? _tokens_radius_radiusToken : radiusToken\n  };\n};\nvar cardPaddingVariant = function(val, param) {\n  var { tokens } = param;\n  var spaceToken = (0, import_size.resolveSizeToken)(val, \"space\");\n  var _tokens_space_spaceToken;\n  return {\n    padding: (_tokens_space_spaceToken = tokens.space[spaceToken]) !== null && _tokens_space_spaceToken !== void 0 ? _tokens_space_spaceToken : spaceToken\n  };\n};\nvar CardFrame = (0, import_web.styled)(import_stacks.YStack, {\n  displayName: \"Card\",\n  context: CardContext,\n  size: true,\n  position: \"relative\",\n  variants: {\n    size: {\n      true: cardRadiusVariant,\n      Size: cardRadiusVariant\n    }\n  }\n});\nvar CardHeader = (0, import_web.styled)(import_stacks.YStack, {\n  displayName: \"CardHeader\",\n  context: CardContext,\n  zIndex: 10,\n  backgroundColor: \"transparent\",\n  marginBottom: \"auto\",\n  variants: {\n    size: {\n      true: cardPaddingVariant,\n      Size: cardPaddingVariant\n    }\n  }\n});\nvar CardFooter = (0, import_web.styled)(CardHeader, {\n  displayName: \"CardFooter\",\n  zIndex: 5,\n  flexDirection: \"row\",\n  marginTop: \"auto\",\n  marginBottom: 0\n});\nvar CardBackground = (0, import_web.styled)(import_stacks.YStack, {\n  displayName: \"CardBackground\",\n  zIndex: 0,\n  position: \"absolute\",\n  inset: 0,\n  overflow: \"hidden\",\n  pointerEvents: \"none\",\n  padding: 0\n});\nvar Card = (0, import_web.withStaticProperties)(CardFrame, {\n  Header: CardHeader,\n  Footer: CardFooter,\n  Background: CardBackground\n});\n//# sourceMappingURL=Card.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,eAAe,CAAC;AACpB,SAAS,cAAc;CACrB,YAAY;CACZ,sBAAsB;CACtB,kBAAkB;CAClB,iBAAiB;CACjB,kBAAkB;AACpB,CAAC;AACD,OAAO,UAAU,aAAa,YAAY;AAC1C,IAAI,gBAAgB,QAAQ,iBAAiB;AAC7C,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,aAAa,QAAQ,cAAc;AACvC,IAAI,eAAe,GAAG,WAAW,qBAAqB,EACpD,MAAM,KACR,CAAC;AACD,IAAI,oBAAoB,SAAS,KAAK,OAAO;CAC3C,IAAI,EAAE,WAAW;CACjB,IAAI,eAAe,GAAG,YAAY,kBAAkB,KAAK,QAAQ;CACjE,IAAI;CACJ,OAAO,EACL,eAAe,6BAA6B,OAAO,OAAO,kBAAkB,QAAQ,+BAA+B,KAAK,IAAI,6BAA6B,YAC3J;AACF;AACA,IAAI,qBAAqB,SAAS,KAAK,OAAO;CAC5C,IAAI,EAAE,WAAW;CACjB,IAAI,cAAc,GAAG,YAAY,kBAAkB,KAAK,OAAO;CAC/D,IAAI;CACJ,OAAO,EACL,UAAU,2BAA2B,OAAO,MAAM,iBAAiB,QAAQ,6BAA6B,KAAK,IAAI,2BAA2B,WAC9I;AACF;AACA,IAAI,aAAa,GAAG,WAAW,QAAQ,cAAc,QAAQ;CAC3D,aAAa;CACb,SAAS;CACT,MAAM;CACN,UAAU;CACV,UAAU,EACR,MAAM;EACJ,MAAM;EACN,MAAM;CACR,EACF;AACF,CAAC;AACD,IAAI,cAAc,GAAG,WAAW,QAAQ,cAAc,QAAQ;CAC5D,aAAa;CACb,SAAS;CACT,QAAQ;CACR,iBAAiB;CACjB,cAAc;CACd,UAAU,EACR,MAAM;EACJ,MAAM;EACN,MAAM;CACR,EACF;AACF,CAAC;AACD,IAAI,cAAc,GAAG,WAAW,QAAQ,YAAY;CAClD,aAAa;CACb,QAAQ;CACR,eAAe;CACf,WAAW;CACX,cAAc;AAChB,CAAC;AACD,IAAI,kBAAkB,GAAG,WAAW,QAAQ,cAAc,QAAQ;CAChE,aAAa;CACb,QAAQ;CACR,UAAU;CACV,OAAO;CACP,UAAU;CACV,eAAe;CACf,SAAS;AACX,CAAC;AACD,IAAI,QAAQ,GAAG,WAAW,sBAAsB,WAAW;CACzD,QAAQ;CACR,QAAQ;CACR,YAAY;AACd,CAAC"}

package/dist/jsx/index.js

@@ -1,2 +1 @@
-export * from "./Card.mjs";
-//# sourceMappingURL=index.js.map
+export * from "./Card.mjs"

package/dist/jsx/index.mjs

@@ -1,2 +1 @@
-export * from "./Card.mjs";
-//# sourceMappingURL=index.mjs.map
+export * from "./Card.mjs"

package/dist/jsx/index.native.cjs

@@ -0,0 +1,21 @@
+"use strict";
+
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./Card.native.js"), module.exports);

package/dist/jsx/index.native.js

@@ -1,23 +1,23 @@
 "use strict";
 
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 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;
+	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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 module.exports = __toCommonJS(index_exports);
 __reExport(index_exports, require("./Card.native.js"), module.exports);
+
 //# sourceMappingURL=index.native.js.map

package/dist/jsx/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":[],"sources":["jsx/index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, \"default\"), secondTarget && __copyProps(secondTarget, mod, \"default\"));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar index_exports = {};\nmodule.exports = __toCommonJS(index_exports);\n__reExport(index_exports, require(\"./Card\"), module.exports);\n//# sourceMappingURL=index.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,cAAc,QAAQ,KAAK,kBAAkB,YAAY,QAAQ,KAAK,SAAS,GAAG,gBAAgB,YAAY,cAAc,KAAK,SAAS;AAC9I,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,gBAAgB,CAAC;AACrB,OAAO,UAAU,aAAa,aAAa;AAC3C,WAAW,eAAe,QAAQ,kBAAQ,GAAG,OAAO,OAAO"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/card",
-  "version": "2.7.7",
+  "version": "3.0.0-beta.643.1",
   "source": "src/index.ts",
   "files": [
     "src",
@@ -34,15 +34,16 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/create-context": "2.7.7",
-    "@tamagui/helpers": "2.7.7",
-    "@tamagui/stacks": "2.7.7",
-    "@tamagui/web": "2.7.7"
+    "@tamagui/create-context": "3.0.0-beta.643.1",
+    "@tamagui/helpers": "3.0.0-beta.643.1",
+    "@tamagui/size": "3.0.0-beta.643.1",
+    "@tamagui/stacks": "3.0.0-beta.643.1",
+    "@tamagui/web": "3.0.0-beta.643.1"
   },
   "devDependencies": {
-    "@tamagui/build": "2.7.7",
+    "@tamagui/build": "3.0.0-beta.643.1",
     "react": ">=19",
-    "react-native": "0.83.2"
+    "react-native": "0.86.2"
   },
   "peerDependencies": {
     "react": ">=19"

package/src/Card.tsx

@@ -1,102 +1,80 @@
 import { YStack } from '@tamagui/stacks'
-import type { GetProps, SizeTokens } from '@tamagui/web'
+import { resolveSizeToken } from '@tamagui/size'
+import type { GetProps, SizeTokens, VariantSpreadExtras } from '@tamagui/web'
 import { createStyledContext, styled, withStaticProperties } from '@tamagui/web'
 
 const CardContext = createStyledContext({
-  size: '$true' as SizeTokens,
+  size: true as SizeTokens | true,
 })
 
+const cardRadiusVariant = (
+  val: SizeTokens | true,
+  { tokens }: VariantSpreadExtras<any>
+) => {
+  const radiusToken = resolveSizeToken(val, 'radius')
+  return {
+    borderRadius: tokens.radius[radiusToken] ?? radiusToken,
+  }
+}
+
+const cardPaddingVariant = (
+  val: SizeTokens | true,
+  { tokens }: VariantSpreadExtras<any>
+) => {
+  const spaceToken = resolveSizeToken(val, 'space')
+  return {
+    padding: tokens.space[spaceToken] ?? spaceToken,
+  }
+}
+
+// Unstyled Card frame: structural layout + the size mechanism (size-derived
+// radius on the frame, size-derived padding on Header/Footer) only. The theme
+// background lives in the tamagui skin (code/ui/tamagui/src/components/Card.tsx).
 export const CardFrame = styled(YStack, {
-  name: 'Card',
+  displayName: 'Card',
   context: CardContext,
+  size: true,
+  position: 'relative',
 
   variants: {
-    unstyled: {
-      false: {
-        size: '$true',
-        backgroundColor: '$background',
-        position: 'relative',
-      },
-    },
-
     size: {
-      '...size': (val, { tokens }) => {
-        return {
-          borderRadius: tokens.radius[val] ?? val,
-        }
-      },
+      true: cardRadiusVariant,
+      Size: cardRadiusVariant,
     },
   } as const,
-
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === '1',
-  },
 })
 
 export const CardHeader = styled(YStack, {
-  name: 'CardHeader',
+  displayName: 'CardHeader',
   context: CardContext,
+  zIndex: 10,
+  backgroundColor: 'transparent',
+  marginBottom: 'auto',
 
   variants: {
-    unstyled: {
-      false: {
-        zIndex: 10,
-        backgroundColor: 'transparent',
-        marginBottom: 'auto',
-      },
-    },
-
     size: {
-      '...size': (val, { tokens }) => {
-        return {
-          padding: tokens.space[val] ?? val,
-        }
-      },
+      true: cardPaddingVariant,
+      Size: cardPaddingVariant,
     },
   } as const,
-
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === '1',
-  },
 })
 
 export const CardFooter = styled(CardHeader, {
-  name: 'CardFooter',
-
-  variants: {
-    unstyled: {
-      false: {
-        zIndex: 5,
-        flexDirection: 'row',
-        marginTop: 'auto',
-        marginBottom: 0,
-      },
-    },
-  } as const,
-
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === '1',
-  },
+  displayName: 'CardFooter',
+  zIndex: 5,
+  flexDirection: 'row',
+  marginTop: 'auto',
+  marginBottom: 0,
 })
 
 export const CardBackground = styled(YStack, {
-  name: 'CardBackground',
-
-  variants: {
-    unstyled: {
-      false: {
-        zIndex: 0,
-        fullscreen: true,
-        overflow: 'hidden',
-        pointerEvents: 'none',
-        padding: 0,
-      },
-    },
-  } as const,
-
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === '1',
-  },
+  displayName: 'CardBackground',
+  zIndex: 0,
+  position: 'absolute',
+  inset: 0,
+  overflow: 'hidden',
+  pointerEvents: 'none',
+  padding: 0,
 })
 
 export type CardHeaderProps = GetProps<typeof CardHeader>