@tamagui/card 3.0.0-beta.831.1 → 3.0.0-beta.889.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/cjs/Card.cjs +6 -12
  2. package/dist/cjs/Card.native.cjs +6 -12
  3. package/dist/cjs/Card.native.js +6 -12
  4. package/dist/cjs/Card.native.js.map +1 -1
  5. package/dist/esm/Card.mjs +6 -12
  6. package/dist/esm/Card.mjs.map +1 -1
  7. package/dist/esm/Card.native.js +6 -12
  8. package/dist/esm/Card.native.js.map +1 -1
  9. package/dist/jsx/Card.mjs +6 -12
  10. package/dist/jsx/Card.mjs.map +1 -1
  11. package/dist/jsx/Card.native.cjs +6 -12
  12. package/dist/jsx/Card.native.js +6 -12
  13. package/dist/jsx/Card.native.js.map +1 -1
  14. package/package.json +7 -7
  15. package/src/Card.tsx +7 -19
  16. package/types/Card.d.ts +42 -42
  17. package/types/Card.d.ts.map +1 -1
package/dist/cjs/Card.cjs CHANGED
@@ -31,23 +31,20 @@ var import_stacks = require("@tamagui/stacks");
31
31
  var import_size = require("@tamagui/size");
32
32
  var import_web = require("@tamagui/web");
33
33
  const CardContext = (0, import_web.createStyledContext)({ size: true });
34
- const cardRadiusVariant = (val, { tokens }) => {
34
+ const cardRadiusVariant = import_web.styled.dynamic((val, { tokens }) => {
35
35
  const radiusToken = (0, import_size.resolveSizeToken)(val, "radius");
36
36
  return { borderRadius: tokens.radius[radiusToken] ?? radiusToken };
37
- };
38
- const cardPaddingVariant = (val, { tokens }) => {
37
+ });
38
+ const cardPaddingVariant = import_web.styled.dynamic((val, { tokens }) => {
39
39
  const spaceToken = (0, import_size.resolveSizeToken)(val, "space");
40
40
  return { padding: tokens.space[spaceToken] ?? spaceToken };
41
- };
41
+ });
42
42
  const CardFrame = (0, import_web.styled)(import_stacks.YStack, {
43
43
  displayName: "Card",
44
44
  context: CardContext,
45
45
  size: true,
46
46
  position: "relative",
47
- variants: { size: {
48
- true: cardRadiusVariant,
49
- Size: cardRadiusVariant
50
- } }
47
+ variants: { size: cardRadiusVariant }
51
48
  });
52
49
  const CardHeader = (0, import_web.styled)(import_stacks.YStack, {
53
50
  displayName: "CardHeader",
@@ -55,10 +52,7 @@ const CardHeader = (0, import_web.styled)(import_stacks.YStack, {
55
52
  zIndex: 10,
56
53
  backgroundColor: "transparent",
57
54
  marginBottom: "auto",
58
- variants: { size: {
59
- true: cardPaddingVariant,
60
- Size: cardPaddingVariant
61
- } }
55
+ variants: { size: cardPaddingVariant }
62
56
  });
63
57
  const CardFooter = (0, import_web.styled)(CardHeader, {
64
58
  displayName: "CardFooter",
package/dist/cjs/Card.native.cjs CHANGED
@@ -33,27 +33,24 @@ var import_stacks = require("@tamagui/stacks");
33
33
  var import_size = require("@tamagui/size");
34
34
  var import_web = require("@tamagui/web");
35
35
  var CardContext = (0, import_web.createStyledContext)({ size: true });
36
- var cardRadiusVariant = function(val, param) {
36
+ var cardRadiusVariant = import_web.styled.dynamic(function(val, param) {
37
37
  var { tokens } = param;
38
38
  var radiusToken = (0, import_size.resolveSizeToken)(val, "radius");
39
39
  var _tokens_radius_radiusToken;
40
40
  return { borderRadius: (_tokens_radius_radiusToken = tokens.radius[radiusToken]) !== null && _tokens_radius_radiusToken !== void 0 ? _tokens_radius_radiusToken : radiusToken };
41
- };
42
- var cardPaddingVariant = function(val, param) {
41
+ });
42
+ var cardPaddingVariant = import_web.styled.dynamic(function(val, param) {
43
43
  var { tokens } = param;
44
44
  var spaceToken = (0, import_size.resolveSizeToken)(val, "space");
45
45
  var _tokens_space_spaceToken;
46
46
  return { padding: (_tokens_space_spaceToken = tokens.space[spaceToken]) !== null && _tokens_space_spaceToken !== void 0 ? _tokens_space_spaceToken : spaceToken };
47
- };
47
+ });
48
48
  var CardFrame = (0, import_web.styled)(import_stacks.YStack, {
49
49
  displayName: "Card",
50
50
  context: CardContext,
51
51
  size: true,
52
52
  position: "relative",
53
- variants: { size: {
54
- true: cardRadiusVariant,
55
- Size: cardRadiusVariant
56
- } }
53
+ variants: { size: cardRadiusVariant }
57
54
  });
58
55
  var CardHeader = (0, import_web.styled)(import_stacks.YStack, {
59
56
  displayName: "CardHeader",
@@ -61,10 +58,7 @@ var CardHeader = (0, import_web.styled)(import_stacks.YStack, {
61
58
  zIndex: 10,
62
59
  backgroundColor: "transparent",
63
60
  marginBottom: "auto",
64
- variants: { size: {
65
- true: cardPaddingVariant,
66
- Size: cardPaddingVariant
67
- } }
61
+ variants: { size: cardPaddingVariant }
68
62
  });
69
63
  var CardFooter = (0, import_web.styled)(CardHeader, {
70
64
  displayName: "CardFooter",
package/dist/cjs/Card.native.js CHANGED
@@ -33,27 +33,24 @@ var import_stacks = require("@tamagui/stacks");
33
33
  var import_size = require("@tamagui/size");
34
34
  var import_web = require("@tamagui/web");
35
35
  var CardContext = (0, import_web.createStyledContext)({ size: true });
36
- var cardRadiusVariant = function(val, param) {
36
+ var cardRadiusVariant = import_web.styled.dynamic(function(val, param) {
37
37
  var { tokens } = param;
38
38
  var radiusToken = (0, import_size.resolveSizeToken)(val, "radius");
39
39
  var _tokens_radius_radiusToken;
40
40
  return { borderRadius: (_tokens_radius_radiusToken = tokens.radius[radiusToken]) !== null && _tokens_radius_radiusToken !== void 0 ? _tokens_radius_radiusToken : radiusToken };
41
- };
42
- var cardPaddingVariant = function(val, param) {
41
+ });
42
+ var cardPaddingVariant = import_web.styled.dynamic(function(val, param) {
43
43
  var { tokens } = param;
44
44
  var spaceToken = (0, import_size.resolveSizeToken)(val, "space");
45
45
  var _tokens_space_spaceToken;
46
46
  return { padding: (_tokens_space_spaceToken = tokens.space[spaceToken]) !== null && _tokens_space_spaceToken !== void 0 ? _tokens_space_spaceToken : spaceToken };
47
- };
47
+ });
48
48
  var CardFrame = (0, import_web.styled)(import_stacks.YStack, {
49
49
  displayName: "Card",
50
50
  context: CardContext,
51
51
  size: true,
52
52
  position: "relative",
53
- variants: { size: {
54
- true: cardRadiusVariant,
55
- Size: cardRadiusVariant
56
- } }
53
+ variants: { size: cardRadiusVariant }
57
54
  });
58
55
  var CardHeader = (0, import_web.styled)(import_stacks.YStack, {
59
56
  displayName: "CardHeader",
@@ -61,10 +58,7 @@ var CardHeader = (0, import_web.styled)(import_stacks.YStack, {
61
58
  zIndex: 10,
62
59
  backgroundColor: "transparent",
63
60
  marginBottom: "auto",
64
- variants: { size: {
65
- true: cardPaddingVariant,
66
- Size: cardPaddingVariant
67
- } }
61
+ variants: { size: cardPaddingVariant }
68
62
  });
69
63
  var CardFooter = (0, import_web.styled)(CardHeader, {
70
64
  displayName: "CardFooter",
package/dist/cjs/Card.native.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Card.native.js","names":[],"sources":["cjs/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,oBAAmB,CAAE,EACpD,MAAM,KACR,CAAC;AACD,IAAI,oBAAoB,SAAS,KAAK,OAAO;CAC3C,IAAI,EAAE,WAAW;CACjB,IAAI,eAAe,GAAG,YAAY,iBAAgB,CAAE,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,iBAAgB,CAAE,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,OAAM,CAAE,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,OAAM,CAAE,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,OAAM,CAAE,YAAY;CAClD,aAAa;CACb,QAAQ;CACR,eAAe;CACf,WAAW;CACX,cAAc;AAChB,CAAC;AACD,IAAI,kBAAkB,GAAG,WAAW,OAAM,CAAE,cAAc,QAAQ;CAChE,aAAa;CACb,QAAQ;CACR,UAAU;CACV,OAAO;CACP,UAAU;CACV,eAAe;CACf,SAAS;AACX,CAAC;AACD,IAAI,QAAQ,GAAG,WAAW,qBAAoB,CAAE,WAAW;CACzD,QAAQ;CACR,QAAQ;CACR,YAAY;AACd,CAAC"}
1
+ {"version":3,"file":"Card.native.js","names":[],"sources":["cjs/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 = import_web.styled.dynamic(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 = import_web.styled.dynamic(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: cardRadiusVariant\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: cardPaddingVariant\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,oBAAmB,CAAE,EACpD,MAAM,KACR,CAAC;AACD,IAAI,oBAAoB,WAAW,OAAO,QAAQ,SAAS,KAAK,OAAO;CACrE,IAAI,EAAE,WAAW;CACjB,IAAI,eAAe,GAAG,YAAY,iBAAgB,CAAE,KAAK,QAAQ;CACjE,IAAI;CACJ,OAAO,EACL,eAAe,6BAA6B,OAAO,OAAO,kBAAkB,QAAQ,+BAA+B,KAAK,IAAI,6BAA6B,YAC3J;AACF,CAAC;AACD,IAAI,qBAAqB,WAAW,OAAO,QAAQ,SAAS,KAAK,OAAO;CACtE,IAAI,EAAE,WAAW;CACjB,IAAI,cAAc,GAAG,YAAY,iBAAgB,CAAE,KAAK,OAAO;CAC/D,IAAI;CACJ,OAAO,EACL,UAAU,2BAA2B,OAAO,MAAM,iBAAiB,QAAQ,6BAA6B,KAAK,IAAI,2BAA2B,WAC9I;AACF,CAAC;AACD,IAAI,aAAa,GAAG,WAAW,OAAM,CAAE,cAAc,QAAQ;CAC3D,aAAa;CACb,SAAS;CACT,MAAM;CACN,UAAU;CACV,UAAU,EACR,MAAM,kBACR;AACF,CAAC;AACD,IAAI,cAAc,GAAG,WAAW,OAAM,CAAE,cAAc,QAAQ;CAC5D,aAAa;CACb,SAAS;CACT,QAAQ;CACR,iBAAiB;CACjB,cAAc;CACd,UAAU,EACR,MAAM,mBACR;AACF,CAAC;AACD,IAAI,cAAc,GAAG,WAAW,OAAM,CAAE,YAAY;CAClD,aAAa;CACb,QAAQ;CACR,eAAe;CACf,WAAW;CACX,cAAc;AAChB,CAAC;AACD,IAAI,kBAAkB,GAAG,WAAW,OAAM,CAAE,cAAc,QAAQ;CAChE,aAAa;CACb,QAAQ;CACR,UAAU;CACV,OAAO;CACP,UAAU;CACV,eAAe;CACf,SAAS;AACX,CAAC;AACD,IAAI,QAAQ,GAAG,WAAW,qBAAoB,CAAE,WAAW;CACzD,QAAQ;CACR,QAAQ;CACR,YAAY;AACd,CAAC"}
package/dist/esm/Card.mjs CHANGED
@@ -3,23 +3,20 @@ import { resolveSizeToken } from "@tamagui/size";
3
3
  import { createStyledContext, styled, withStaticProperties } from "@tamagui/web";
4
4
 
5
5
  const CardContext = createStyledContext({ size: true });
6
- const cardRadiusVariant = (val, { tokens }) => {
6
+ const cardRadiusVariant = styled.dynamic((val, { tokens }) => {
7
7
  const radiusToken = resolveSizeToken(val, "radius");
8
8
  return { borderRadius: tokens.radius[radiusToken] ?? radiusToken };
9
- };
10
- const cardPaddingVariant = (val, { tokens }) => {
9
+ });
10
+ const cardPaddingVariant = styled.dynamic((val, { tokens }) => {
11
11
  const spaceToken = resolveSizeToken(val, "space");
12
12
  return { padding: tokens.space[spaceToken] ?? spaceToken };
13
- };
13
+ });
14
14
  const CardFrame = styled(YStack, {
15
15
  displayName: "Card",
16
16
  context: CardContext,
17
17
  size: true,
18
18
  position: "relative",
19
- variants: { size: {
20
- true: cardRadiusVariant,
21
- Size: cardRadiusVariant
22
- } }
19
+ variants: { size: cardRadiusVariant }
23
20
  });
24
21
  const CardHeader = styled(YStack, {
25
22
  displayName: "CardHeader",
@@ -27,10 +24,7 @@ const CardHeader = styled(YStack, {
27
24
  zIndex: 10,
28
25
  backgroundColor: "transparent",
29
26
  marginBottom: "auto",
30
- variants: { size: {
31
- true: cardPaddingVariant,
32
- Size: cardPaddingVariant
33
- } }
27
+ variants: { size: cardPaddingVariant }
34
28
  });
35
29
  const CardFooter = styled(CardHeader, {
36
30
  displayName: "CardFooter",
package/dist/esm/Card.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Card.js","names":[],"sources":["esm/Card.js"],"sourcesContent":["import { YStack } from \"@tamagui/stacks\";\nimport { resolveSizeToken } from \"@tamagui/size\";\nimport { createStyledContext, styled, withStaticProperties } from \"@tamagui/web\";\nconst CardContext = createStyledContext({\n size: true\n});\nconst cardRadiusVariant = (val, { tokens }) => {\n const radiusToken = resolveSizeToken(val, \"radius\");\n return {\n borderRadius: tokens.radius[radiusToken] ?? radiusToken\n };\n};\nconst cardPaddingVariant = (val, { tokens }) => {\n const spaceToken = resolveSizeToken(val, \"space\");\n return {\n padding: tokens.space[spaceToken] ?? spaceToken\n };\n};\nconst CardFrame = styled(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});\nconst CardHeader = styled(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});\nconst CardFooter = styled(CardHeader, {\n displayName: \"CardFooter\",\n zIndex: 5,\n flexDirection: \"row\",\n marginTop: \"auto\",\n marginBottom: 0\n});\nconst CardBackground = styled(YStack, {\n displayName: \"CardBackground\",\n zIndex: 0,\n position: \"absolute\",\n inset: 0,\n overflow: \"hidden\",\n pointerEvents: \"none\",\n padding: 0\n});\nconst Card = withStaticProperties(CardFrame, {\n Header: CardHeader,\n Footer: CardFooter,\n Background: CardBackground\n});\nexport {\n Card,\n CardBackground,\n CardFooter,\n CardFrame,\n CardHeader\n};\n//# sourceMappingURL=Card.js.map\n"],"mappings":";;;;;AAGA,MAAM,cAAc,oBAAoB,EACtC,MAAM,KACR,CAAC;AACD,MAAM,qBAAqB,KAAK,EAAE,aAAa;CAC7C,MAAM,cAAc,iBAAiB,KAAK,QAAQ;CAClD,OAAO,EACL,cAAc,OAAO,OAAO,gBAAgB,YAC9C;AACF;AACA,MAAM,sBAAsB,KAAK,EAAE,aAAa;CAC9C,MAAM,aAAa,iBAAiB,KAAK,OAAO;CAChD,OAAO,EACL,SAAS,OAAO,MAAM,eAAe,WACvC;AACF;AACA,MAAM,YAAY,OAAO,QAAQ;CAC/B,aAAa;CACb,SAAS;CACT,MAAM;CACN,UAAU;CACV,UAAU,EACR,MAAM;EACJ,MAAM;EACN,MAAM;CACR,EACF;AACF,CAAC;AACD,MAAM,aAAa,OAAO,QAAQ;CAChC,aAAa;CACb,SAAS;CACT,QAAQ;CACR,iBAAiB;CACjB,cAAc;CACd,UAAU,EACR,MAAM;EACJ,MAAM;EACN,MAAM;CACR,EACF;AACF,CAAC;AACD,MAAM,aAAa,OAAO,YAAY;CACpC,aAAa;CACb,QAAQ;CACR,eAAe;CACf,WAAW;CACX,cAAc;AAChB,CAAC;AACD,MAAM,iBAAiB,OAAO,QAAQ;CACpC,aAAa;CACb,QAAQ;CACR,UAAU;CACV,OAAO;CACP,UAAU;CACV,eAAe;CACf,SAAS;AACX,CAAC;AACD,MAAM,OAAO,qBAAqB,WAAW;CAC3C,QAAQ;CACR,QAAQ;CACR,YAAY;AACd,CAAC"}
1
+ {"version":3,"file":"Card.js","names":[],"sources":["esm/Card.js"],"sourcesContent":["import { YStack } from \"@tamagui/stacks\";\nimport { resolveSizeToken } from \"@tamagui/size\";\nimport { createStyledContext, styled, withStaticProperties } from \"@tamagui/web\";\nconst CardContext = createStyledContext({\n size: true\n});\nconst cardRadiusVariant = styled.dynamic((val, { tokens }) => {\n const radiusToken = resolveSizeToken(val, \"radius\");\n return {\n borderRadius: tokens.radius[radiusToken] ?? radiusToken\n };\n});\nconst cardPaddingVariant = styled.dynamic((val, { tokens }) => {\n const spaceToken = resolveSizeToken(val, \"space\");\n return {\n padding: tokens.space[spaceToken] ?? spaceToken\n };\n});\nconst CardFrame = styled(YStack, {\n displayName: \"Card\",\n context: CardContext,\n size: true,\n position: \"relative\",\n variants: {\n size: cardRadiusVariant\n }\n});\nconst CardHeader = styled(YStack, {\n displayName: \"CardHeader\",\n context: CardContext,\n zIndex: 10,\n backgroundColor: \"transparent\",\n marginBottom: \"auto\",\n variants: {\n size: cardPaddingVariant\n }\n});\nconst CardFooter = styled(CardHeader, {\n displayName: \"CardFooter\",\n zIndex: 5,\n flexDirection: \"row\",\n marginTop: \"auto\",\n marginBottom: 0\n});\nconst CardBackground = styled(YStack, {\n displayName: \"CardBackground\",\n zIndex: 0,\n position: \"absolute\",\n inset: 0,\n overflow: \"hidden\",\n pointerEvents: \"none\",\n padding: 0\n});\nconst Card = withStaticProperties(CardFrame, {\n Header: CardHeader,\n Footer: CardFooter,\n Background: CardBackground\n});\nexport {\n Card,\n CardBackground,\n CardFooter,\n CardFrame,\n CardHeader\n};\n//# sourceMappingURL=Card.js.map\n"],"mappings":";;;;;AAGA,MAAM,cAAc,oBAAoB,EACtC,MAAM,KACR,CAAC;AACD,MAAM,oBAAoB,OAAO,SAAS,KAAK,EAAE,aAAa;CAC5D,MAAM,cAAc,iBAAiB,KAAK,QAAQ;CAClD,OAAO,EACL,cAAc,OAAO,OAAO,gBAAgB,YAC9C;AACF,CAAC;AACD,MAAM,qBAAqB,OAAO,SAAS,KAAK,EAAE,aAAa;CAC7D,MAAM,aAAa,iBAAiB,KAAK,OAAO;CAChD,OAAO,EACL,SAAS,OAAO,MAAM,eAAe,WACvC;AACF,CAAC;AACD,MAAM,YAAY,OAAO,QAAQ;CAC/B,aAAa;CACb,SAAS;CACT,MAAM;CACN,UAAU;CACV,UAAU,EACR,MAAM,kBACR;AACF,CAAC;AACD,MAAM,aAAa,OAAO,QAAQ;CAChC,aAAa;CACb,SAAS;CACT,QAAQ;CACR,iBAAiB;CACjB,cAAc;CACd,UAAU,EACR,MAAM,mBACR;AACF,CAAC;AACD,MAAM,aAAa,OAAO,YAAY;CACpC,aAAa;CACb,QAAQ;CACR,eAAe;CACf,WAAW;CACX,cAAc;AAChB,CAAC;AACD,MAAM,iBAAiB,OAAO,QAAQ;CACpC,aAAa;CACb,QAAQ;CACR,UAAU;CACV,OAAO;CACP,UAAU;CACV,eAAe;CACf,SAAS;AACX,CAAC;AACD,MAAM,OAAO,qBAAqB,WAAW;CAC3C,QAAQ;CACR,QAAQ;CACR,YAAY;AACd,CAAC"}
package/dist/esm/Card.native.js CHANGED
@@ -3,27 +3,24 @@ import { resolveSizeToken } from "@tamagui/size";
3
3
  import { createStyledContext, styled, withStaticProperties } from "@tamagui/web";
4
4
 
5
5
  var CardContext = createStyledContext({ size: true });
6
- var cardRadiusVariant = function(val, param) {
6
+ var cardRadiusVariant = styled.dynamic(function(val, param) {
7
7
  var { tokens } = param;
8
8
  var radiusToken = resolveSizeToken(val, "radius");
9
9
  var _tokens_radius_radiusToken;
10
10
  return { borderRadius: (_tokens_radius_radiusToken = tokens.radius[radiusToken]) !== null && _tokens_radius_radiusToken !== void 0 ? _tokens_radius_radiusToken : radiusToken };
11
- };
12
- var cardPaddingVariant = function(val, param) {
11
+ });
12
+ var cardPaddingVariant = styled.dynamic(function(val, param) {
13
13
  var { tokens } = param;
14
14
  var spaceToken = resolveSizeToken(val, "space");
15
15
  var _tokens_space_spaceToken;
16
16
  return { padding: (_tokens_space_spaceToken = tokens.space[spaceToken]) !== null && _tokens_space_spaceToken !== void 0 ? _tokens_space_spaceToken : spaceToken };
17
- };
17
+ });
18
18
  var CardFrame = styled(YStack, {
19
19
  displayName: "Card",
20
20
  context: CardContext,
21
21
  size: true,
22
22
  position: "relative",
23
- variants: { size: {
24
- true: cardRadiusVariant,
25
- Size: cardRadiusVariant
26
- } }
23
+ variants: { size: cardRadiusVariant }
27
24
  });
28
25
  var CardHeader = styled(YStack, {
29
26
  displayName: "CardHeader",
@@ -31,10 +28,7 @@ var CardHeader = styled(YStack, {
31
28
  zIndex: 10,
32
29
  backgroundColor: "transparent",
33
30
  marginBottom: "auto",
34
- variants: { size: {
35
- true: cardPaddingVariant,
36
- Size: cardPaddingVariant
37
- } }
31
+ variants: { size: cardPaddingVariant }
38
32
  });
39
33
  var CardFooter = styled(CardHeader, {
40
34
  displayName: "CardFooter",
package/dist/esm/Card.native.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Card.native.js","names":[],"sources":["esm/Card.native.js"],"sourcesContent":["import { YStack } from \"@tamagui/stacks\";\nimport { resolveSizeToken } from \"@tamagui/size\";\nimport { createStyledContext, styled, withStaticProperties } from \"@tamagui/web\";\nvar CardContext = createStyledContext({\n size: true\n});\nvar cardRadiusVariant = function(val, param) {\n var { tokens } = param;\n var radiusToken = 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 = 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 = styled(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 = styled(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 = styled(CardHeader, {\n displayName: \"CardFooter\",\n zIndex: 5,\n flexDirection: \"row\",\n marginTop: \"auto\",\n marginBottom: 0\n});\nvar CardBackground = styled(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 = withStaticProperties(CardFrame, {\n Header: CardHeader,\n Footer: CardFooter,\n Background: CardBackground\n});\nexport {\n Card,\n CardBackground,\n CardFooter,\n CardFrame,\n CardHeader\n};\n//# sourceMappingURL=Card.js.map\n"],"mappings":";;;;;AAGA,IAAI,cAAc,oBAAoB,EACpC,MAAM,KACR,CAAC;AACD,IAAI,oBAAoB,SAAS,KAAK,OAAO;CAC3C,IAAI,EAAE,WAAW;CACjB,IAAI,cAAc,iBAAiB,KAAK,QAAQ;CAChD,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,aAAa,iBAAiB,KAAK,OAAO;CAC9C,IAAI;CACJ,OAAO,EACL,UAAU,2BAA2B,OAAO,MAAM,iBAAiB,QAAQ,6BAA6B,KAAK,IAAI,2BAA2B,WAC9I;AACF;AACA,IAAI,YAAY,OAAO,QAAQ;CAC7B,aAAa;CACb,SAAS;CACT,MAAM;CACN,UAAU;CACV,UAAU,EACR,MAAM;EACJ,MAAM;EACN,MAAM;CACR,EACF;AACF,CAAC;AACD,IAAI,aAAa,OAAO,QAAQ;CAC9B,aAAa;CACb,SAAS;CACT,QAAQ;CACR,iBAAiB;CACjB,cAAc;CACd,UAAU,EACR,MAAM;EACJ,MAAM;EACN,MAAM;CACR,EACF;AACF,CAAC;AACD,IAAI,aAAa,OAAO,YAAY;CAClC,aAAa;CACb,QAAQ;CACR,eAAe;CACf,WAAW;CACX,cAAc;AAChB,CAAC;AACD,IAAI,iBAAiB,OAAO,QAAQ;CAClC,aAAa;CACb,QAAQ;CACR,UAAU;CACV,OAAO;CACP,UAAU;CACV,eAAe;CACf,SAAS;AACX,CAAC;AACD,IAAI,OAAO,qBAAqB,WAAW;CACzC,QAAQ;CACR,QAAQ;CACR,YAAY;AACd,CAAC"}
1
+ {"version":3,"file":"Card.native.js","names":[],"sources":["esm/Card.native.js"],"sourcesContent":["import { YStack } from \"@tamagui/stacks\";\nimport { resolveSizeToken } from \"@tamagui/size\";\nimport { createStyledContext, styled, withStaticProperties } from \"@tamagui/web\";\nvar CardContext = createStyledContext({\n size: true\n});\nvar cardRadiusVariant = styled.dynamic(function(val, param) {\n var { tokens } = param;\n var radiusToken = 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 = styled.dynamic(function(val, param) {\n var { tokens } = param;\n var spaceToken = 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 = styled(YStack, {\n displayName: \"Card\",\n context: CardContext,\n size: true,\n position: \"relative\",\n variants: {\n size: cardRadiusVariant\n }\n});\nvar CardHeader = styled(YStack, {\n displayName: \"CardHeader\",\n context: CardContext,\n zIndex: 10,\n backgroundColor: \"transparent\",\n marginBottom: \"auto\",\n variants: {\n size: cardPaddingVariant\n }\n});\nvar CardFooter = styled(CardHeader, {\n displayName: \"CardFooter\",\n zIndex: 5,\n flexDirection: \"row\",\n marginTop: \"auto\",\n marginBottom: 0\n});\nvar CardBackground = styled(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 = withStaticProperties(CardFrame, {\n Header: CardHeader,\n Footer: CardFooter,\n Background: CardBackground\n});\nexport {\n Card,\n CardBackground,\n CardFooter,\n CardFrame,\n CardHeader\n};\n//# sourceMappingURL=Card.js.map\n"],"mappings":";;;;;AAGA,IAAI,cAAc,oBAAoB,EACpC,MAAM,KACR,CAAC;AACD,IAAI,oBAAoB,OAAO,QAAQ,SAAS,KAAK,OAAO;CAC1D,IAAI,EAAE,WAAW;CACjB,IAAI,cAAc,iBAAiB,KAAK,QAAQ;CAChD,IAAI;CACJ,OAAO,EACL,eAAe,6BAA6B,OAAO,OAAO,kBAAkB,QAAQ,+BAA+B,KAAK,IAAI,6BAA6B,YAC3J;AACF,CAAC;AACD,IAAI,qBAAqB,OAAO,QAAQ,SAAS,KAAK,OAAO;CAC3D,IAAI,EAAE,WAAW;CACjB,IAAI,aAAa,iBAAiB,KAAK,OAAO;CAC9C,IAAI;CACJ,OAAO,EACL,UAAU,2BAA2B,OAAO,MAAM,iBAAiB,QAAQ,6BAA6B,KAAK,IAAI,2BAA2B,WAC9I;AACF,CAAC;AACD,IAAI,YAAY,OAAO,QAAQ;CAC7B,aAAa;CACb,SAAS;CACT,MAAM;CACN,UAAU;CACV,UAAU,EACR,MAAM,kBACR;AACF,CAAC;AACD,IAAI,aAAa,OAAO,QAAQ;CAC9B,aAAa;CACb,SAAS;CACT,QAAQ;CACR,iBAAiB;CACjB,cAAc;CACd,UAAU,EACR,MAAM,mBACR;AACF,CAAC;AACD,IAAI,aAAa,OAAO,YAAY;CAClC,aAAa;CACb,QAAQ;CACR,eAAe;CACf,WAAW;CACX,cAAc;AAChB,CAAC;AACD,IAAI,iBAAiB,OAAO,QAAQ;CAClC,aAAa;CACb,QAAQ;CACR,UAAU;CACV,OAAO;CACP,UAAU;CACV,eAAe;CACf,SAAS;AACX,CAAC;AACD,IAAI,OAAO,qBAAqB,WAAW;CACzC,QAAQ;CACR,QAAQ;CACR,YAAY;AACd,CAAC"}
package/dist/jsx/Card.mjs CHANGED
@@ -3,23 +3,20 @@ import { resolveSizeToken } from "@tamagui/size";
3
3
  import { createStyledContext, styled, withStaticProperties } from "@tamagui/web";
4
4
 
5
5
  const CardContext = createStyledContext({ size: true });
6
- const cardRadiusVariant = (val, { tokens }) => {
6
+ const cardRadiusVariant = styled.dynamic((val, { tokens }) => {
7
7
  const radiusToken = resolveSizeToken(val, "radius");
8
8
  return { borderRadius: tokens.radius[radiusToken] ?? radiusToken };
9
- };
10
- const cardPaddingVariant = (val, { tokens }) => {
9
+ });
10
+ const cardPaddingVariant = styled.dynamic((val, { tokens }) => {
11
11
  const spaceToken = resolveSizeToken(val, "space");
12
12
  return { padding: tokens.space[spaceToken] ?? spaceToken };
13
- };
13
+ });
14
14
  const CardFrame = styled(YStack, {
15
15
  displayName: "Card",
16
16
  context: CardContext,
17
17
  size: true,
18
18
  position: "relative",
19
- variants: { size: {
20
- true: cardRadiusVariant,
21
- Size: cardRadiusVariant
22
- } }
19
+ variants: { size: cardRadiusVariant }
23
20
  });
24
21
  const CardHeader = styled(YStack, {
25
22
  displayName: "CardHeader",
@@ -27,10 +24,7 @@ const CardHeader = styled(YStack, {
27
24
  zIndex: 10,
28
25
  backgroundColor: "transparent",
29
26
  marginBottom: "auto",
30
- variants: { size: {
31
- true: cardPaddingVariant,
32
- Size: cardPaddingVariant
33
- } }
27
+ variants: { size: cardPaddingVariant }
34
28
  });
35
29
  const CardFooter = styled(CardHeader, {
36
30
  displayName: "CardFooter",
package/dist/jsx/Card.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Card.js","names":[],"sources":["jsx/Card.js"],"sourcesContent":["import { YStack } from \"@tamagui/stacks\";\nimport { resolveSizeToken } from \"@tamagui/size\";\nimport { createStyledContext, styled, withStaticProperties } from \"@tamagui/web\";\nconst CardContext = createStyledContext({\n size: true\n});\nconst cardRadiusVariant = (val, { tokens }) => {\n const radiusToken = resolveSizeToken(val, \"radius\");\n return {\n borderRadius: tokens.radius[radiusToken] ?? radiusToken\n };\n};\nconst cardPaddingVariant = (val, { tokens }) => {\n const spaceToken = resolveSizeToken(val, \"space\");\n return {\n padding: tokens.space[spaceToken] ?? spaceToken\n };\n};\nconst CardFrame = styled(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});\nconst CardHeader = styled(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});\nconst CardFooter = styled(CardHeader, {\n displayName: \"CardFooter\",\n zIndex: 5,\n flexDirection: \"row\",\n marginTop: \"auto\",\n marginBottom: 0\n});\nconst CardBackground = styled(YStack, {\n displayName: \"CardBackground\",\n zIndex: 0,\n position: \"absolute\",\n inset: 0,\n overflow: \"hidden\",\n pointerEvents: \"none\",\n padding: 0\n});\nconst Card = withStaticProperties(CardFrame, {\n Header: CardHeader,\n Footer: CardFooter,\n Background: CardBackground\n});\nexport {\n Card,\n CardBackground,\n CardFooter,\n CardFrame,\n CardHeader\n};\n//# sourceMappingURL=Card.js.map\n"],"mappings":";;;;;AAGA,MAAM,cAAc,oBAAoB,EACtC,MAAM,KACR,CAAC;AACD,MAAM,qBAAqB,KAAK,EAAE,aAAa;CAC7C,MAAM,cAAc,iBAAiB,KAAK,QAAQ;CAClD,OAAO,EACL,cAAc,OAAO,OAAO,gBAAgB,YAC9C;AACF;AACA,MAAM,sBAAsB,KAAK,EAAE,aAAa;CAC9C,MAAM,aAAa,iBAAiB,KAAK,OAAO;CAChD,OAAO,EACL,SAAS,OAAO,MAAM,eAAe,WACvC;AACF;AACA,MAAM,YAAY,OAAO,QAAQ;CAC/B,aAAa;CACb,SAAS;CACT,MAAM;CACN,UAAU;CACV,UAAU,EACR,MAAM;EACJ,MAAM;EACN,MAAM;CACR,EACF;AACF,CAAC;AACD,MAAM,aAAa,OAAO,QAAQ;CAChC,aAAa;CACb,SAAS;CACT,QAAQ;CACR,iBAAiB;CACjB,cAAc;CACd,UAAU,EACR,MAAM;EACJ,MAAM;EACN,MAAM;CACR,EACF;AACF,CAAC;AACD,MAAM,aAAa,OAAO,YAAY;CACpC,aAAa;CACb,QAAQ;CACR,eAAe;CACf,WAAW;CACX,cAAc;AAChB,CAAC;AACD,MAAM,iBAAiB,OAAO,QAAQ;CACpC,aAAa;CACb,QAAQ;CACR,UAAU;CACV,OAAO;CACP,UAAU;CACV,eAAe;CACf,SAAS;AACX,CAAC;AACD,MAAM,OAAO,qBAAqB,WAAW;CAC3C,QAAQ;CACR,QAAQ;CACR,YAAY;AACd,CAAC"}
1
+ {"version":3,"file":"Card.js","names":[],"sources":["jsx/Card.js"],"sourcesContent":["import { YStack } from \"@tamagui/stacks\";\nimport { resolveSizeToken } from \"@tamagui/size\";\nimport { createStyledContext, styled, withStaticProperties } from \"@tamagui/web\";\nconst CardContext = createStyledContext({\n size: true\n});\nconst cardRadiusVariant = styled.dynamic((val, { tokens }) => {\n const radiusToken = resolveSizeToken(val, \"radius\");\n return {\n borderRadius: tokens.radius[radiusToken] ?? radiusToken\n };\n});\nconst cardPaddingVariant = styled.dynamic((val, { tokens }) => {\n const spaceToken = resolveSizeToken(val, \"space\");\n return {\n padding: tokens.space[spaceToken] ?? spaceToken\n };\n});\nconst CardFrame = styled(YStack, {\n displayName: \"Card\",\n context: CardContext,\n size: true,\n position: \"relative\",\n variants: {\n size: cardRadiusVariant\n }\n});\nconst CardHeader = styled(YStack, {\n displayName: \"CardHeader\",\n context: CardContext,\n zIndex: 10,\n backgroundColor: \"transparent\",\n marginBottom: \"auto\",\n variants: {\n size: cardPaddingVariant\n }\n});\nconst CardFooter = styled(CardHeader, {\n displayName: \"CardFooter\",\n zIndex: 5,\n flexDirection: \"row\",\n marginTop: \"auto\",\n marginBottom: 0\n});\nconst CardBackground = styled(YStack, {\n displayName: \"CardBackground\",\n zIndex: 0,\n position: \"absolute\",\n inset: 0,\n overflow: \"hidden\",\n pointerEvents: \"none\",\n padding: 0\n});\nconst Card = withStaticProperties(CardFrame, {\n Header: CardHeader,\n Footer: CardFooter,\n Background: CardBackground\n});\nexport {\n Card,\n CardBackground,\n CardFooter,\n CardFrame,\n CardHeader\n};\n//# sourceMappingURL=Card.js.map\n"],"mappings":";;;;;AAGA,MAAM,cAAc,oBAAoB,EACtC,MAAM,KACR,CAAC;AACD,MAAM,oBAAoB,OAAO,SAAS,KAAK,EAAE,aAAa;CAC5D,MAAM,cAAc,iBAAiB,KAAK,QAAQ;CAClD,OAAO,EACL,cAAc,OAAO,OAAO,gBAAgB,YAC9C;AACF,CAAC;AACD,MAAM,qBAAqB,OAAO,SAAS,KAAK,EAAE,aAAa;CAC7D,MAAM,aAAa,iBAAiB,KAAK,OAAO;CAChD,OAAO,EACL,SAAS,OAAO,MAAM,eAAe,WACvC;AACF,CAAC;AACD,MAAM,YAAY,OAAO,QAAQ;CAC/B,aAAa;CACb,SAAS;CACT,MAAM;CACN,UAAU;CACV,UAAU,EACR,MAAM,kBACR;AACF,CAAC;AACD,MAAM,aAAa,OAAO,QAAQ;CAChC,aAAa;CACb,SAAS;CACT,QAAQ;CACR,iBAAiB;CACjB,cAAc;CACd,UAAU,EACR,MAAM,mBACR;AACF,CAAC;AACD,MAAM,aAAa,OAAO,YAAY;CACpC,aAAa;CACb,QAAQ;CACR,eAAe;CACf,WAAW;CACX,cAAc;AAChB,CAAC;AACD,MAAM,iBAAiB,OAAO,QAAQ;CACpC,aAAa;CACb,QAAQ;CACR,UAAU;CACV,OAAO;CACP,UAAU;CACV,eAAe;CACf,SAAS;AACX,CAAC;AACD,MAAM,OAAO,qBAAqB,WAAW;CAC3C,QAAQ;CACR,QAAQ;CACR,YAAY;AACd,CAAC"}
package/dist/jsx/Card.native.cjs CHANGED
@@ -33,27 +33,24 @@ var import_stacks = require("@tamagui/stacks");
33
33
  var import_size = require("@tamagui/size");
34
34
  var import_web = require("@tamagui/web");
35
35
  var CardContext = (0, import_web.createStyledContext)({ size: true });
36
- var cardRadiusVariant = function(val, param) {
36
+ var cardRadiusVariant = import_web.styled.dynamic(function(val, param) {
37
37
  var { tokens } = param;
38
38
  var radiusToken = (0, import_size.resolveSizeToken)(val, "radius");
39
39
  var _tokens_radius_radiusToken;
40
40
  return { borderRadius: (_tokens_radius_radiusToken = tokens.radius[radiusToken]) !== null && _tokens_radius_radiusToken !== void 0 ? _tokens_radius_radiusToken : radiusToken };
41
- };
42
- var cardPaddingVariant = function(val, param) {
41
+ });
42
+ var cardPaddingVariant = import_web.styled.dynamic(function(val, param) {
43
43
  var { tokens } = param;
44
44
  var spaceToken = (0, import_size.resolveSizeToken)(val, "space");
45
45
  var _tokens_space_spaceToken;
46
46
  return { padding: (_tokens_space_spaceToken = tokens.space[spaceToken]) !== null && _tokens_space_spaceToken !== void 0 ? _tokens_space_spaceToken : spaceToken };
47
- };
47
+ });
48
48
  var CardFrame = (0, import_web.styled)(import_stacks.YStack, {
49
49
  displayName: "Card",
50
50
  context: CardContext,
51
51
  size: true,
52
52
  position: "relative",
53
- variants: { size: {
54
- true: cardRadiusVariant,
55
- Size: cardRadiusVariant
56
- } }
53
+ variants: { size: cardRadiusVariant }
57
54
  });
58
55
  var CardHeader = (0, import_web.styled)(import_stacks.YStack, {
59
56
  displayName: "CardHeader",
@@ -61,10 +58,7 @@ var CardHeader = (0, import_web.styled)(import_stacks.YStack, {
61
58
  zIndex: 10,
62
59
  backgroundColor: "transparent",
63
60
  marginBottom: "auto",
64
- variants: { size: {
65
- true: cardPaddingVariant,
66
- Size: cardPaddingVariant
67
- } }
61
+ variants: { size: cardPaddingVariant }
68
62
  });
69
63
  var CardFooter = (0, import_web.styled)(CardHeader, {
70
64
  displayName: "CardFooter",
package/dist/jsx/Card.native.js CHANGED
@@ -33,27 +33,24 @@ var import_stacks = require("@tamagui/stacks");
33
33
  var import_size = require("@tamagui/size");
34
34
  var import_web = require("@tamagui/web");
35
35
  var CardContext = (0, import_web.createStyledContext)({ size: true });
36
- var cardRadiusVariant = function(val, param) {
36
+ var cardRadiusVariant = import_web.styled.dynamic(function(val, param) {
37
37
  var { tokens } = param;
38
38
  var radiusToken = (0, import_size.resolveSizeToken)(val, "radius");
39
39
  var _tokens_radius_radiusToken;
40
40
  return { borderRadius: (_tokens_radius_radiusToken = tokens.radius[radiusToken]) !== null && _tokens_radius_radiusToken !== void 0 ? _tokens_radius_radiusToken : radiusToken };
41
- };
42
- var cardPaddingVariant = function(val, param) {
41
+ });
42
+ var cardPaddingVariant = import_web.styled.dynamic(function(val, param) {
43
43
  var { tokens } = param;
44
44
  var spaceToken = (0, import_size.resolveSizeToken)(val, "space");
45
45
  var _tokens_space_spaceToken;
46
46
  return { padding: (_tokens_space_spaceToken = tokens.space[spaceToken]) !== null && _tokens_space_spaceToken !== void 0 ? _tokens_space_spaceToken : spaceToken };
47
- };
47
+ });
48
48
  var CardFrame = (0, import_web.styled)(import_stacks.YStack, {
49
49
  displayName: "Card",
50
50
  context: CardContext,
51
51
  size: true,
52
52
  position: "relative",
53
- variants: { size: {
54
- true: cardRadiusVariant,
55
- Size: cardRadiusVariant
56
- } }
53
+ variants: { size: cardRadiusVariant }
57
54
  });
58
55
  var CardHeader = (0, import_web.styled)(import_stacks.YStack, {
59
56
  displayName: "CardHeader",
@@ -61,10 +58,7 @@ var CardHeader = (0, import_web.styled)(import_stacks.YStack, {
61
58
  zIndex: 10,
62
59
  backgroundColor: "transparent",
63
60
  marginBottom: "auto",
64
- variants: { size: {
65
- true: cardPaddingVariant,
66
- Size: cardPaddingVariant
67
- } }
61
+ variants: { size: cardPaddingVariant }
68
62
  });
69
63
  var CardFooter = (0, import_web.styled)(CardHeader, {
70
64
  displayName: "CardFooter",
package/dist/jsx/Card.native.js.map CHANGED
@@ -1 +1 @@
1
- {"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,oBAAmB,CAAE,EACpD,MAAM,KACR,CAAC;AACD,IAAI,oBAAoB,SAAS,KAAK,OAAO;CAC3C,IAAI,EAAE,WAAW;CACjB,IAAI,eAAe,GAAG,YAAY,iBAAgB,CAAE,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,iBAAgB,CAAE,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,OAAM,CAAE,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,OAAM,CAAE,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,OAAM,CAAE,YAAY;CAClD,aAAa;CACb,QAAQ;CACR,eAAe;CACf,WAAW;CACX,cAAc;AAChB,CAAC;AACD,IAAI,kBAAkB,GAAG,WAAW,OAAM,CAAE,cAAc,QAAQ;CAChE,aAAa;CACb,QAAQ;CACR,UAAU;CACV,OAAO;CACP,UAAU;CACV,eAAe;CACf,SAAS;AACX,CAAC;AACD,IAAI,QAAQ,GAAG,WAAW,qBAAoB,CAAE,WAAW;CACzD,QAAQ;CACR,QAAQ;CACR,YAAY;AACd,CAAC"}
1
+ {"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 = import_web.styled.dynamic(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 = import_web.styled.dynamic(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: cardRadiusVariant\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: cardPaddingVariant\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,oBAAmB,CAAE,EACpD,MAAM,KACR,CAAC;AACD,IAAI,oBAAoB,WAAW,OAAO,QAAQ,SAAS,KAAK,OAAO;CACrE,IAAI,EAAE,WAAW;CACjB,IAAI,eAAe,GAAG,YAAY,iBAAgB,CAAE,KAAK,QAAQ;CACjE,IAAI;CACJ,OAAO,EACL,eAAe,6BAA6B,OAAO,OAAO,kBAAkB,QAAQ,+BAA+B,KAAK,IAAI,6BAA6B,YAC3J;AACF,CAAC;AACD,IAAI,qBAAqB,WAAW,OAAO,QAAQ,SAAS,KAAK,OAAO;CACtE,IAAI,EAAE,WAAW;CACjB,IAAI,cAAc,GAAG,YAAY,iBAAgB,CAAE,KAAK,OAAO;CAC/D,IAAI;CACJ,OAAO,EACL,UAAU,2BAA2B,OAAO,MAAM,iBAAiB,QAAQ,6BAA6B,KAAK,IAAI,2BAA2B,WAC9I;AACF,CAAC;AACD,IAAI,aAAa,GAAG,WAAW,OAAM,CAAE,cAAc,QAAQ;CAC3D,aAAa;CACb,SAAS;CACT,MAAM;CACN,UAAU;CACV,UAAU,EACR,MAAM,kBACR;AACF,CAAC;AACD,IAAI,cAAc,GAAG,WAAW,OAAM,CAAE,cAAc,QAAQ;CAC5D,aAAa;CACb,SAAS;CACT,QAAQ;CACR,iBAAiB;CACjB,cAAc;CACd,UAAU,EACR,MAAM,mBACR;AACF,CAAC;AACD,IAAI,cAAc,GAAG,WAAW,OAAM,CAAE,YAAY;CAClD,aAAa;CACb,QAAQ;CACR,eAAe;CACf,WAAW;CACX,cAAc;AAChB,CAAC;AACD,IAAI,kBAAkB,GAAG,WAAW,OAAM,CAAE,cAAc,QAAQ;CAChE,aAAa;CACb,QAAQ;CACR,UAAU;CACV,OAAO;CACP,UAAU;CACV,eAAe;CACf,SAAS;AACX,CAAC;AACD,IAAI,QAAQ,GAAG,WAAW,qBAAoB,CAAE,WAAW;CACzD,QAAQ;CACR,QAAQ;CACR,YAAY;AACd,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/card",
3
- "version": "3.0.0-beta.831.1",
3
+ "version": "3.0.0-beta.889.1",
4
4
  "source": "src/index.ts",
5
5
  "files": [
6
6
  "src",
@@ -34,14 +34,14 @@
34
34
  "clean:build": "tamagui-build clean:build"
35
35
  },
36
36
  "dependencies": {
37
- "@tamagui/create-context": "3.0.0-beta.831.1",
38
- "@tamagui/helpers": "3.0.0-beta.831.1",
39
- "@tamagui/size": "3.0.0-beta.831.1",
40
- "@tamagui/stacks": "3.0.0-beta.831.1",
41
- "@tamagui/web": "3.0.0-beta.831.1"
37
+ "@tamagui/create-context": "3.0.0-beta.889.1",
38
+ "@tamagui/helpers": "3.0.0-beta.889.1",
39
+ "@tamagui/size": "3.0.0-beta.889.1",
40
+ "@tamagui/stacks": "3.0.0-beta.889.1",
41
+ "@tamagui/web": "3.0.0-beta.889.1"
42
42
  },
43
43
  "devDependencies": {
44
- "@tamagui/build": "3.0.0-beta.831.1",
44
+ "@tamagui/build": "3.0.0-beta.889.1",
45
45
  "react": "19.2.3",
46
46
  "react-native": "0.86.2"
47
47
  },
package/src/Card.tsx CHANGED
@@ -1,31 +1,25 @@
1
1
  import { YStack } from '@tamagui/stacks'
2
2
  import { resolveSizeToken } from '@tamagui/size'
3
- import type { GetProps, SizeTokens, VariantSpreadExtras } from '@tamagui/web'
3
+ import type { GetProps, SizeTokens } from '@tamagui/web'
4
4
  import { createStyledContext, styled, withStaticProperties } from '@tamagui/web'
5
5
 
6
6
  const CardContext = createStyledContext({
7
7
  size: true as SizeTokens | true,
8
8
  })
9
9
 
10
- const cardRadiusVariant = (
11
- val: SizeTokens | true,
12
- { tokens }: VariantSpreadExtras<any>
13
- ) => {
10
+ const cardRadiusVariant = styled.dynamic<SizeTokens | true>((val, { tokens }) => {
14
11
  const radiusToken = resolveSizeToken(val, 'radius')
15
12
  return {
16
13
  borderRadius: tokens.radius[radiusToken] ?? radiusToken,
17
14
  }
18
- }
15
+ })
19
16
 
20
- const cardPaddingVariant = (
21
- val: SizeTokens | true,
22
- { tokens }: VariantSpreadExtras<any>
23
- ) => {
17
+ const cardPaddingVariant = styled.dynamic<SizeTokens | true>((val, { tokens }) => {
24
18
  const spaceToken = resolveSizeToken(val, 'space')
25
19
  return {
26
20
  padding: tokens.space[spaceToken] ?? spaceToken,
27
21
  }
28
- }
22
+ })
29
23
 
30
24
  // Unstyled Card frame: structural layout + the size mechanism (size-derived
31
25
  // radius on the frame, size-derived padding on Header/Footer) only. The theme
@@ -37,10 +31,7 @@ export const CardFrame = styled(YStack, {
37
31
  position: 'relative',
38
32
 
39
33
  variants: {
40
- size: {
41
- true: cardRadiusVariant,
42
- Size: cardRadiusVariant,
43
- },
34
+ size: cardRadiusVariant,
44
35
  } as const,
45
36
  })
46
37
 
@@ -52,10 +43,7 @@ export const CardHeader = styled(YStack, {
52
43
  marginBottom: 'auto',
53
44
 
54
45
  variants: {
55
- size: {
56
- true: cardPaddingVariant,
57
- Size: cardPaddingVariant,
58
- },
46
+ size: cardPaddingVariant,
59
47
  } as const,
60
48
  })
61
49
 
package/types/Card.d.ts CHANGED
@@ -1,111 +1,111 @@
1
1
  import type { GetProps } from '@tamagui/web';
2
2
  export declare const CardFrame: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "elevation" | "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
3
- elevation?: number | import("@tamagui/web").Size | undefined;
4
- size?: false | import("@tamagui/web").Size | undefined;
3
+ elevation?: number | false | import("@tamagui/web").Size | undefined;
4
+ size?: import("@tamagui/web").Size | undefined;
5
5
  }> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
6
6
  ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
7
7
  }> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
8
- elevation?: number | import("@tamagui/web").Size | undefined;
9
- size?: false | import("@tamagui/web").Size | undefined;
8
+ elevation?: number | false | import("@tamagui/web").Size | undefined;
9
+ size?: import("@tamagui/web").Size | undefined;
10
10
  }, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
11
11
  __tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
12
- elevation?: number | import("@tamagui/web").Size | undefined;
13
- size?: false | import("@tamagui/web").Size | undefined;
12
+ elevation?: number | false | import("@tamagui/web").Size | undefined;
13
+ size?: import("@tamagui/web").Size | undefined;
14
14
  }, import("@tamagui/web").StaticConfigPublic];
15
15
  };
16
16
  export declare const CardHeader: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "elevation" | "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
17
- elevation?: number | import("@tamagui/web").Size | undefined;
18
- size?: false | import("@tamagui/web").Size | undefined;
17
+ elevation?: number | false | import("@tamagui/web").Size | undefined;
18
+ size?: import("@tamagui/web").Size | undefined;
19
19
  }> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
20
20
  ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
21
21
  }> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
22
- elevation?: number | import("@tamagui/web").Size | undefined;
23
- size?: false | import("@tamagui/web").Size | undefined;
22
+ elevation?: number | false | import("@tamagui/web").Size | undefined;
23
+ size?: import("@tamagui/web").Size | undefined;
24
24
  }, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
25
25
  __tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
26
- elevation?: number | import("@tamagui/web").Size | undefined;
27
- size?: false | import("@tamagui/web").Size | undefined;
26
+ elevation?: number | false | import("@tamagui/web").Size | undefined;
27
+ size?: import("@tamagui/web").Size | undefined;
28
28
  }, import("@tamagui/web").StaticConfigPublic];
29
29
  };
30
30
  export declare const CardFooter: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "elevation" | "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
31
- elevation?: number | import("@tamagui/web").Size | undefined;
32
- size?: false | import("@tamagui/web").Size | undefined;
31
+ elevation?: number | false | import("@tamagui/web").Size | undefined;
32
+ size?: import("@tamagui/web").Size | undefined;
33
33
  }> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
34
34
  ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
35
35
  }> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
36
- elevation?: number | import("@tamagui/web").Size | undefined;
37
- size?: false | import("@tamagui/web").Size | undefined;
36
+ elevation?: number | false | import("@tamagui/web").Size | undefined;
37
+ size?: import("@tamagui/web").Size | undefined;
38
38
  }, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
39
39
  __tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
40
- elevation?: number | import("@tamagui/web").Size | undefined;
41
- size?: false | import("@tamagui/web").Size | undefined;
40
+ elevation?: number | false | import("@tamagui/web").Size | undefined;
41
+ size?: import("@tamagui/web").Size | undefined;
42
42
  }, import("@tamagui/web").StaticConfigPublic];
43
43
  };
44
44
  export declare const CardBackground: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "elevation" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
45
- elevation?: number | import("@tamagui/web").Size | undefined;
45
+ elevation?: number | false | import("@tamagui/web").Size | undefined;
46
46
  }> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
47
47
  ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
48
48
  }> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
49
- elevation?: number | import("@tamagui/web").Size | undefined;
49
+ elevation?: number | false | import("@tamagui/web").Size | undefined;
50
50
  }, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
51
51
  __tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
52
- elevation?: number | import("@tamagui/web").Size | undefined;
52
+ elevation?: number | false | import("@tamagui/web").Size | undefined;
53
53
  }, import("@tamagui/web").StaticConfigPublic];
54
54
  };
55
55
  export type CardHeaderProps = GetProps<typeof CardHeader>;
56
56
  export type CardFooterProps = GetProps<typeof CardFooter>;
57
57
  export type CardProps = GetProps<typeof CardFrame>;
58
58
  export declare const Card: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "elevation" | "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
59
- elevation?: number | import("@tamagui/web").Size | undefined;
60
- size?: false | import("@tamagui/web").Size | undefined;
59
+ elevation?: number | false | import("@tamagui/web").Size | undefined;
60
+ size?: import("@tamagui/web").Size | undefined;
61
61
  }> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
62
62
  ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
63
63
  }> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
64
- elevation?: number | import("@tamagui/web").Size | undefined;
65
- size?: false | import("@tamagui/web").Size | undefined;
64
+ elevation?: number | false | import("@tamagui/web").Size | undefined;
65
+ size?: import("@tamagui/web").Size | undefined;
66
66
  }, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
67
67
  __tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
68
- elevation?: number | import("@tamagui/web").Size | undefined;
69
- size?: false | import("@tamagui/web").Size | undefined;
68
+ elevation?: number | false | import("@tamagui/web").Size | undefined;
69
+ size?: import("@tamagui/web").Size | undefined;
70
70
  }, import("@tamagui/web").StaticConfigPublic];
71
71
  } & {
72
72
  Header: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "elevation" | "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
73
- elevation?: number | import("@tamagui/web").Size | undefined;
74
- size?: false | import("@tamagui/web").Size | undefined;
73
+ elevation?: number | false | import("@tamagui/web").Size | undefined;
74
+ size?: import("@tamagui/web").Size | undefined;
75
75
  }> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
76
76
  ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
77
77
  }> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
78
- elevation?: number | import("@tamagui/web").Size | undefined;
79
- size?: false | import("@tamagui/web").Size | undefined;
78
+ elevation?: number | false | import("@tamagui/web").Size | undefined;
79
+ size?: import("@tamagui/web").Size | undefined;
80
80
  }, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
81
81
  __tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
82
- elevation?: number | import("@tamagui/web").Size | undefined;
83
- size?: false | import("@tamagui/web").Size | undefined;
82
+ elevation?: number | false | import("@tamagui/web").Size | undefined;
83
+ size?: import("@tamagui/web").Size | undefined;
84
84
  }, import("@tamagui/web").StaticConfigPublic];
85
85
  };
86
86
  Footer: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "elevation" | "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
87
- elevation?: number | import("@tamagui/web").Size | undefined;
88
- size?: false | import("@tamagui/web").Size | undefined;
87
+ elevation?: number | false | import("@tamagui/web").Size | undefined;
88
+ size?: import("@tamagui/web").Size | undefined;
89
89
  }> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
90
90
  ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
91
91
  }> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
92
- elevation?: number | import("@tamagui/web").Size | undefined;
93
- size?: false | import("@tamagui/web").Size | undefined;
92
+ elevation?: number | false | import("@tamagui/web").Size | undefined;
93
+ size?: import("@tamagui/web").Size | undefined;
94
94
  }, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
95
95
  __tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
96
- elevation?: number | import("@tamagui/web").Size | undefined;
97
- size?: false | import("@tamagui/web").Size | undefined;
96
+ elevation?: number | false | import("@tamagui/web").Size | undefined;
97
+ size?: import("@tamagui/web").Size | undefined;
98
98
  }, import("@tamagui/web").StaticConfigPublic];
99
99
  };
100
100
  Background: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "elevation" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
101
- elevation?: number | import("@tamagui/web").Size | undefined;
101
+ elevation?: number | false | import("@tamagui/web").Size | undefined;
102
102
  }> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
103
103
  ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
104
104
  }> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
105
- elevation?: number | import("@tamagui/web").Size | undefined;
105
+ elevation?: number | false | import("@tamagui/web").Size | undefined;
106
106
  }, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
107
107
  __tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
108
- elevation?: number | import("@tamagui/web").Size | undefined;
108
+ elevation?: number | false | import("@tamagui/web").Size | undefined;
109
109
  }, import("@tamagui/web").StaticConfigPublic];
110
110
  };
111
111
  };
package/types/Card.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAmC,MAAM,cAAc,CAAA;AA8B7E,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAYpB,CAAA;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;CAarB,CAAA;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;CAMrB,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;CAQzB,CAAA;AAEF,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AACzD,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AACzD,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAElD,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIf,CAAA"}
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAc,MAAM,cAAc,CAAA;AAwBxD,eAAO,MAAM,SAAS;;;;;;;;;;;;;CASpB,CAAA;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;CAUrB,CAAA;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;CAMrB,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;CAQzB,CAAA;AAEF,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AACzD,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AACzD,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAElD,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIf,CAAA"}