@tamagui/card 1.14.1 → 1.14.3

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.
package/dist/cjs/Card.js CHANGED
@@ -1,2 +1,149 @@
1
- "use strict";var g=Object.create;var p=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var P=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var F=(e,r)=>{for(var a in r)p(e,a,{get:r[a],enumerable:!0})},m=(e,r,a,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of x(r))!z.call(e,o)&&o!==a&&p(e,o,{get:()=>r[o],enumerable:!(s=y(r,o))||s.enumerable});return e};var k=(e,r,a)=>(a=e!=null?g(P(e)):{},m(r||!e||!e.__esModule?p(a,"default",{value:e,enumerable:!0}):a,e)),b=e=>m(p({},"__esModule",{value:!0}),e);var w={};F(w,{Card:()=>v,CardBackground:()=>c,CardFooter:()=>f,CardFrame:()=>u,CardHeader:()=>l});module.exports=b(w);var C=require("react/jsx-runtime"),i=require("@tamagui/stacks"),t=require("@tamagui/web"),n=k(require("react"));const u=(0,t.styled)(i.ThemeableStack,{name:"Card",variants:{unstyled:{false:{size:"$true",backgroundColor:"$background",position:"relative",overflow:"hidden"}},size:{"...size":(e,{tokens:r})=>({borderRadius:r.radius[e]??e})}},defaultVariants:{unstyled:!1}}),l=(0,t.styled)(i.ThemeableStack,{name:"CardHeader",variants:{unstyled:{false:{zIndex:10,backgroundColor:"transparent",marginBottom:"auto"}},size:{"...size":(e,{tokens:r})=>({padding:r.space[e]??e})}}}),f=(0,t.styled)(l,{name:"CardFooter",variants:{unstyled:{false:{zIndex:5,flexDirection:"row",marginTop:"auto",marginBottom:0}}},defaultVariants:{unstyled:!1}}),c=(0,t.styled)(i.ThemeableStack,{name:"CardBackground",variants:{unstyled:{false:{zIndex:0,fullscreen:!0,overflow:"hidden",pointerEvents:"none",padding:0}}},defaultVariants:{unstyled:!1}}),v=(0,t.withStaticProperties)(u.extractable((0,n.forwardRef)(({size:e,__scopeCard:r,children:a,...s},o)=>(0,C.jsx)(u,{ref:o,...s,children:n.default.Children.map(a,d=>(0,t.isTamaguiElement)(d)&&!d.props.size?(0,n.cloneElement)(d,{size:e}):d)}))),{Header:l,Footer:f,Background:c});0&&(module.exports={Card,CardBackground,CardFooter,CardFrame,CardHeader});
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
+ }
18
+ return to;
19
+ };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+ var Card_exports = {};
30
+ __export(Card_exports, {
31
+ Card: () => Card,
32
+ CardBackground: () => CardBackground,
33
+ CardFooter: () => CardFooter,
34
+ CardFrame: () => CardFrame,
35
+ CardHeader: () => CardHeader
36
+ });
37
+ module.exports = __toCommonJS(Card_exports);
38
+ var import_jsx_runtime = require("react/jsx-runtime");
39
+ var import_stacks = require("@tamagui/stacks");
40
+ var import_web = require("@tamagui/web");
41
+ var import_react = __toESM(require("react"));
42
+ const CardFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
43
+ name: "Card",
44
+ variants: {
45
+ unstyled: {
46
+ false: {
47
+ size: "$true",
48
+ backgroundColor: "$background",
49
+ position: "relative",
50
+ overflow: "hidden"
51
+ }
52
+ },
53
+ size: {
54
+ "...size": (val, { tokens }) => {
55
+ return {
56
+ borderRadius: tokens.radius[val] ?? val
57
+ };
58
+ }
59
+ }
60
+ },
61
+ defaultVariants: {
62
+ unstyled: false
63
+ }
64
+ });
65
+ const CardHeader = (0, import_web.styled)(import_stacks.ThemeableStack, {
66
+ name: "CardHeader",
67
+ variants: {
68
+ unstyled: {
69
+ false: {
70
+ zIndex: 10,
71
+ backgroundColor: "transparent",
72
+ marginBottom: "auto"
73
+ }
74
+ },
75
+ size: {
76
+ "...size": (val, { tokens }) => {
77
+ return {
78
+ padding: tokens.space[val] ?? val
79
+ };
80
+ }
81
+ }
82
+ },
83
+ defaultVariants: {
84
+ unstyled: false
85
+ }
86
+ });
87
+ const CardFooter = (0, import_web.styled)(CardHeader, {
88
+ name: "CardFooter",
89
+ variants: {
90
+ unstyled: {
91
+ false: {
92
+ zIndex: 5,
93
+ flexDirection: "row",
94
+ marginTop: "auto",
95
+ marginBottom: 0
96
+ }
97
+ }
98
+ },
99
+ defaultVariants: {
100
+ unstyled: false
101
+ }
102
+ });
103
+ const CardBackground = (0, import_web.styled)(import_stacks.ThemeableStack, {
104
+ name: "CardBackground",
105
+ variants: {
106
+ unstyled: {
107
+ false: {
108
+ zIndex: 0,
109
+ fullscreen: true,
110
+ overflow: "hidden",
111
+ pointerEvents: "none",
112
+ padding: 0
113
+ }
114
+ }
115
+ },
116
+ defaultVariants: {
117
+ unstyled: false
118
+ }
119
+ });
120
+ const Card = (0, import_web.withStaticProperties)(
121
+ CardFrame.extractable(
122
+ (0, import_react.forwardRef)(
123
+ ({ size, __scopeCard, children, ...props }, ref) => {
124
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardFrame, { ref, ...props, children: import_react.default.Children.map(children, (child) => {
125
+ if ((0, import_web.isTamaguiElement)(child) && !child.props.size) {
126
+ return (0, import_react.cloneElement)(child, {
127
+ size
128
+ });
129
+ }
130
+ return child;
131
+ }) });
132
+ }
133
+ )
134
+ ),
135
+ {
136
+ Header: CardHeader,
137
+ Footer: CardFooter,
138
+ Background: CardBackground
139
+ }
140
+ );
141
+ // Annotate the CommonJS export names for ESM import in node:
142
+ 0 && (module.exports = {
143
+ Card,
144
+ CardBackground,
145
+ CardFooter,
146
+ CardFrame,
147
+ CardHeader
148
+ });
2
149
  //# sourceMappingURL=Card.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Card.tsx"],
4
- "sourcesContent": ["import { ScopedProps } from '@tamagui/create-context'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport {\n GetProps,\n TamaguiElement,\n isTamaguiElement,\n styled,\n withStaticProperties,\n} from '@tamagui/web'\nimport React, { cloneElement, forwardRef } from 'react'\n\nexport const CardFrame = styled(ThemeableStack, {\n name: 'Card',\n\n variants: {\n unstyled: {\n false: {\n size: '$true',\n backgroundColor: '$background',\n position: 'relative',\n overflow: 'hidden',\n },\n },\n\n size: {\n '...size': (val, { tokens }) => {\n return {\n borderRadius: tokens.radius[val] ?? val,\n }\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport const CardHeader = styled(ThemeableStack, {\n name: 'CardHeader',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 10,\n backgroundColor: 'transparent',\n marginBottom: 'auto',\n },\n },\n\n size: {\n '...size': (val, { tokens }) => {\n return {\n padding: tokens.space[val] ?? val,\n }\n },\n },\n } as const,\n})\n\nexport const CardFooter = styled(CardHeader, {\n name: 'CardFooter',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 5,\n flexDirection: 'row',\n marginTop: 'auto',\n marginBottom: 0,\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport const CardBackground = styled(ThemeableStack, {\n name: 'CardBackground',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 0,\n fullscreen: true,\n overflow: 'hidden',\n pointerEvents: 'none',\n padding: 0,\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport type CardHeaderProps = GetProps<typeof CardHeader>\nexport type CardFooterProps = GetProps<typeof CardFooter>\nexport type CardProps = GetProps<typeof CardFrame>\n\nexport const Card = withStaticProperties(\n CardFrame.extractable(\n forwardRef<TamaguiElement, ScopedProps<CardProps, 'Card'>>(\n ({ size, __scopeCard, children, ...props }, ref) => {\n return (\n <CardFrame ref={ref} {...props}>\n {React.Children.map(children, (child) => {\n if (isTamaguiElement(child) && !child.props.size) {\n return cloneElement(child, {\n size,\n })\n }\n return child\n })}\n </CardFrame>\n )\n }\n )\n ),\n {\n Header: CardHeader,\n Footer: CardFooter,\n Background: CardBackground,\n }\n)\n"],
5
- "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,mBAAAC,EAAA,eAAAC,EAAA,cAAAC,EAAA,eAAAC,IAAA,eAAAC,EAAAP,GA4GU,IAAAQ,EAAA,6BA3GVC,EAA+B,2BAC/BC,EAMO,wBACPC,EAAgD,oBAEzC,MAAMN,KAAY,UAAO,iBAAgB,CAC9C,KAAM,OAEN,SAAU,CACR,SAAU,CACR,MAAO,CACL,KAAM,QACN,gBAAiB,cACjB,SAAU,WACV,SAAU,QACZ,CACF,EAEA,KAAM,CACJ,UAAW,CAACO,EAAK,CAAE,OAAAC,CAAO,KACjB,CACL,aAAcA,EAAO,OAAOD,CAAG,GAAKA,CACtC,EAEJ,CACF,EAEA,gBAAiB,CACf,SAAU,EACZ,CACF,CAAC,EAEYN,KAAa,UAAO,iBAAgB,CAC/C,KAAM,aAEN,SAAU,CACR,SAAU,CACR,MAAO,CACL,OAAQ,GACR,gBAAiB,cACjB,aAAc,MAChB,CACF,EAEA,KAAM,CACJ,UAAW,CAACM,EAAK,CAAE,OAAAC,CAAO,KACjB,CACL,QAASA,EAAO,MAAMD,CAAG,GAAKA,CAChC,EAEJ,CACF,CACF,CAAC,EAEYR,KAAa,UAAOE,EAAY,CAC3C,KAAM,aAEN,SAAU,CACR,SAAU,CACR,MAAO,CACL,OAAQ,EACR,cAAe,MACf,UAAW,OACX,aAAc,CAChB,CACF,CACF,EAEA,gBAAiB,CACf,SAAU,EACZ,CACF,CAAC,EAEYH,KAAiB,UAAO,iBAAgB,CACnD,KAAM,iBAEN,SAAU,CACR,SAAU,CACR,MAAO,CACL,OAAQ,EACR,WAAY,GACZ,SAAU,SACV,cAAe,OACf,QAAS,CACX,CACF,CACF,EAEA,gBAAiB,CACf,SAAU,EACZ,CACF,CAAC,EAMYD,KAAO,wBAClBG,EAAU,eACR,cACE,CAAC,CAAE,KAAAS,EAAM,YAAAC,EAAa,SAAAC,EAAU,GAAGC,CAAM,EAAGC,OAExC,OAACb,EAAA,CAAU,IAAKa,EAAM,GAAGD,EACtB,WAAAE,QAAM,SAAS,IAAIH,EAAWI,MACzB,oBAAiBA,CAAK,GAAK,CAACA,EAAM,MAAM,QACnC,gBAAaA,EAAO,CACzB,KAAAN,CACF,CAAC,EAEIM,CACR,EACH,CAGN,CACF,EACA,CACE,OAAQd,EACR,OAAQF,EACR,WAAYD,CACd,CACF",
6
- "names": ["Card_exports", "__export", "Card", "CardBackground", "CardFooter", "CardFrame", "CardHeader", "__toCommonJS", "import_jsx_runtime", "import_stacks", "import_web", "import_react", "val", "tokens", "size", "__scopeCard", "children", "props", "ref", "React", "child"]
4
+ "sourcesContent": ["import { ScopedProps } from '@tamagui/create-context'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport {\n GetProps,\n TamaguiElement,\n isTamaguiElement,\n styled,\n withStaticProperties,\n} from '@tamagui/web'\nimport React, { cloneElement, forwardRef } from 'react'\n\nexport const CardFrame = styled(ThemeableStack, {\n name: 'Card',\n\n variants: {\n unstyled: {\n false: {\n size: '$true',\n backgroundColor: '$background',\n position: 'relative',\n overflow: 'hidden',\n },\n },\n\n size: {\n '...size': (val, { tokens }) => {\n return {\n borderRadius: tokens.radius[val] ?? val,\n }\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport const CardHeader = styled(ThemeableStack, {\n name: 'CardHeader',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 10,\n backgroundColor: 'transparent',\n marginBottom: 'auto',\n },\n },\n\n size: {\n '...size': (val, { tokens }) => {\n return {\n padding: tokens.space[val] ?? val,\n }\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport const CardFooter = styled(CardHeader, {\n name: 'CardFooter',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 5,\n flexDirection: 'row',\n marginTop: 'auto',\n marginBottom: 0,\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport const CardBackground = styled(ThemeableStack, {\n name: 'CardBackground',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 0,\n fullscreen: true,\n overflow: 'hidden',\n pointerEvents: 'none',\n padding: 0,\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport type CardHeaderProps = GetProps<typeof CardHeader>\nexport type CardFooterProps = GetProps<typeof CardFooter>\nexport type CardProps = GetProps<typeof CardFrame>\n\nexport const Card = withStaticProperties(\n CardFrame.extractable(\n forwardRef<TamaguiElement, ScopedProps<CardProps, 'Card'>>(\n ({ size, __scopeCard, children, ...props }, ref) => {\n return (\n <CardFrame ref={ref} {...props}>\n {React.Children.map(children, (child) => {\n if (isTamaguiElement(child) && !child.props.size) {\n return cloneElement(child, {\n size,\n })\n }\n return child\n })}\n </CardFrame>\n )\n }\n )\n ),\n {\n Header: CardHeader,\n Footer: CardFooter,\n Background: CardBackground,\n }\n)\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgHU;AA/GV,oBAA+B;AAC/B,iBAMO;AACP,mBAAgD;AAEzC,MAAM,gBAAY,mBAAO,8BAAgB;AAAA,EAC9C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,iBAAiB;AAAA,QACjB,UAAU;AAAA,QACV,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,MAAM;AAC9B,eAAO;AAAA,UACL,cAAc,OAAO,OAAO,GAAG,KAAK;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,MAAM,iBAAa,mBAAO,8BAAgB;AAAA,EAC/C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,MAAM;AAC9B,eAAO;AAAA,UACL,SAAS,OAAO,MAAM,GAAG,KAAK;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,MAAM,iBAAa,mBAAO,YAAY;AAAA,EAC3C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,eAAe;AAAA,QACf,WAAW;AAAA,QACX,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,MAAM,qBAAiB,mBAAO,8BAAgB;AAAA,EACnD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,eAAe;AAAA,QACf,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAMM,MAAM,WAAO;AAAA,EAClB,UAAU;AAAA,QACR;AAAA,MACE,CAAC,EAAE,MAAM,aAAa,UAAU,GAAG,MAAM,GAAG,QAAQ;AAClD,eACE,4CAAC,aAAU,KAAW,GAAG,OACtB,uBAAAA,QAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AACvC,kBAAI,6BAAiB,KAAK,KAAK,CAAC,MAAM,MAAM,MAAM;AAChD,uBAAO,2BAAa,OAAO;AAAA,cACzB;AAAA,YACF,CAAC;AAAA,UACH;AACA,iBAAO;AAAA,QACT,CAAC,GACH;AAAA,MAEJ;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,EACd;AACF;",
6
+ "names": ["React"]
7
7
  }
package/dist/cjs/index.js CHANGED
@@ -1,2 +1,19 @@
1
- "use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./Card"),module.exports);
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __copyProps = (to, from, except, desc) => {
7
+ if (from && typeof from === "object" || typeof from === "function") {
8
+ for (let key of __getOwnPropNames(from))
9
+ if (!__hasOwnProp.call(to, key) && key !== except)
10
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
11
+ }
12
+ return to;
13
+ };
14
+ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
15
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
16
+ var src_exports = {};
17
+ module.exports = __toCommonJS(src_exports);
18
+ __reExport(src_exports, require("./Card"), module.exports);
2
19
  //# sourceMappingURL=index.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.ts"],
4
4
  "sourcesContent": ["export * from './Card'\n"],
5
- "mappings": "iaAAA,IAAAA,EAAA,kBAAAC,EAAAD,GAAAE,EAAAF,EAAc,kBAAd",
6
- "names": ["src_exports", "__toCommonJS", "__reExport"]
5
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,mBAAd;",
6
+ "names": []
7
7
  }
package/dist/esm/Card.js CHANGED
@@ -1,2 +1,115 @@
1
- import{jsx as y}from"react/jsx-runtime";import{ThemeableStack as o}from"@tamagui/stacks";import{isTamaguiElement as u,styled as t,withStaticProperties as l}from"@tamagui/web";import m,{cloneElement as f,forwardRef as c}from"react";const n=t(o,{name:"Card",variants:{unstyled:{false:{size:"$true",backgroundColor:"$background",position:"relative",overflow:"hidden"}},size:{"...size":(e,{tokens:r})=>({borderRadius:r.radius[e]??e})}},defaultVariants:{unstyled:!1}}),s=t(o,{name:"CardHeader",variants:{unstyled:{false:{zIndex:10,backgroundColor:"transparent",marginBottom:"auto"}},size:{"...size":(e,{tokens:r})=>({padding:r.space[e]??e})}}}),C=t(s,{name:"CardFooter",variants:{unstyled:{false:{zIndex:5,flexDirection:"row",marginTop:"auto",marginBottom:0}}},defaultVariants:{unstyled:!1}}),g=t(o,{name:"CardBackground",variants:{unstyled:{false:{zIndex:0,fullscreen:!0,overflow:"hidden",pointerEvents:"none",padding:0}}},defaultVariants:{unstyled:!1}}),w=l(n.extractable(c(({size:e,__scopeCard:r,children:d,...p},i)=>y(n,{ref:i,...p,children:m.Children.map(d,a=>u(a)&&!a.props.size?f(a,{size:e}):a)}))),{Header:s,Footer:C,Background:g});export{w as Card,g as CardBackground,C as CardFooter,n as CardFrame,s as CardHeader};
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { ThemeableStack } from "@tamagui/stacks";
3
+ import {
4
+ isTamaguiElement,
5
+ styled,
6
+ withStaticProperties
7
+ } from "@tamagui/web";
8
+ import React, { cloneElement, forwardRef } from "react";
9
+ const CardFrame = styled(ThemeableStack, {
10
+ name: "Card",
11
+ variants: {
12
+ unstyled: {
13
+ false: {
14
+ size: "$true",
15
+ backgroundColor: "$background",
16
+ position: "relative",
17
+ overflow: "hidden"
18
+ }
19
+ },
20
+ size: {
21
+ "...size": (val, { tokens }) => {
22
+ return {
23
+ borderRadius: tokens.radius[val] ?? val
24
+ };
25
+ }
26
+ }
27
+ },
28
+ defaultVariants: {
29
+ unstyled: false
30
+ }
31
+ });
32
+ const CardHeader = styled(ThemeableStack, {
33
+ name: "CardHeader",
34
+ variants: {
35
+ unstyled: {
36
+ false: {
37
+ zIndex: 10,
38
+ backgroundColor: "transparent",
39
+ marginBottom: "auto"
40
+ }
41
+ },
42
+ size: {
43
+ "...size": (val, { tokens }) => {
44
+ return {
45
+ padding: tokens.space[val] ?? val
46
+ };
47
+ }
48
+ }
49
+ },
50
+ defaultVariants: {
51
+ unstyled: false
52
+ }
53
+ });
54
+ const CardFooter = styled(CardHeader, {
55
+ name: "CardFooter",
56
+ variants: {
57
+ unstyled: {
58
+ false: {
59
+ zIndex: 5,
60
+ flexDirection: "row",
61
+ marginTop: "auto",
62
+ marginBottom: 0
63
+ }
64
+ }
65
+ },
66
+ defaultVariants: {
67
+ unstyled: false
68
+ }
69
+ });
70
+ const CardBackground = styled(ThemeableStack, {
71
+ name: "CardBackground",
72
+ variants: {
73
+ unstyled: {
74
+ false: {
75
+ zIndex: 0,
76
+ fullscreen: true,
77
+ overflow: "hidden",
78
+ pointerEvents: "none",
79
+ padding: 0
80
+ }
81
+ }
82
+ },
83
+ defaultVariants: {
84
+ unstyled: false
85
+ }
86
+ });
87
+ const Card = withStaticProperties(
88
+ CardFrame.extractable(
89
+ forwardRef(
90
+ ({ size, __scopeCard, children, ...props }, ref) => {
91
+ return /* @__PURE__ */ jsx(CardFrame, { ref, ...props, children: React.Children.map(children, (child) => {
92
+ if (isTamaguiElement(child) && !child.props.size) {
93
+ return cloneElement(child, {
94
+ size
95
+ });
96
+ }
97
+ return child;
98
+ }) });
99
+ }
100
+ )
101
+ ),
102
+ {
103
+ Header: CardHeader,
104
+ Footer: CardFooter,
105
+ Background: CardBackground
106
+ }
107
+ );
108
+ export {
109
+ Card,
110
+ CardBackground,
111
+ CardFooter,
112
+ CardFrame,
113
+ CardHeader
114
+ };
2
115
  //# sourceMappingURL=Card.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Card.tsx"],
4
- "sourcesContent": ["import { ScopedProps } from '@tamagui/create-context'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport {\n GetProps,\n TamaguiElement,\n isTamaguiElement,\n styled,\n withStaticProperties,\n} from '@tamagui/web'\nimport React, { cloneElement, forwardRef } from 'react'\n\nexport const CardFrame = styled(ThemeableStack, {\n name: 'Card',\n\n variants: {\n unstyled: {\n false: {\n size: '$true',\n backgroundColor: '$background',\n position: 'relative',\n overflow: 'hidden',\n },\n },\n\n size: {\n '...size': (val, { tokens }) => {\n return {\n borderRadius: tokens.radius[val] ?? val,\n }\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport const CardHeader = styled(ThemeableStack, {\n name: 'CardHeader',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 10,\n backgroundColor: 'transparent',\n marginBottom: 'auto',\n },\n },\n\n size: {\n '...size': (val, { tokens }) => {\n return {\n padding: tokens.space[val] ?? val,\n }\n },\n },\n } as const,\n})\n\nexport const CardFooter = styled(CardHeader, {\n name: 'CardFooter',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 5,\n flexDirection: 'row',\n marginTop: 'auto',\n marginBottom: 0,\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport const CardBackground = styled(ThemeableStack, {\n name: 'CardBackground',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 0,\n fullscreen: true,\n overflow: 'hidden',\n pointerEvents: 'none',\n padding: 0,\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport type CardHeaderProps = GetProps<typeof CardHeader>\nexport type CardFooterProps = GetProps<typeof CardFooter>\nexport type CardProps = GetProps<typeof CardFrame>\n\nexport const Card = withStaticProperties(\n CardFrame.extractable(\n forwardRef<TamaguiElement, ScopedProps<CardProps, 'Card'>>(\n ({ size, __scopeCard, children, ...props }, ref) => {\n return (\n <CardFrame ref={ref} {...props}>\n {React.Children.map(children, (child) => {\n if (isTamaguiElement(child) && !child.props.size) {\n return cloneElement(child, {\n size,\n })\n }\n return child\n })}\n </CardFrame>\n )\n }\n )\n ),\n {\n Header: CardHeader,\n Footer: CardFooter,\n Background: CardBackground,\n }\n)\n"],
5
- "mappings": "AA4GU,cAAAA,MAAA,oBA3GV,OAAS,kBAAAC,MAAsB,kBAC/B,OAGE,oBAAAC,EACA,UAAAC,EACA,wBAAAC,MACK,eACP,OAAOC,GAAS,gBAAAC,EAAc,cAAAC,MAAkB,QAEzC,MAAMC,EAAYL,EAAOF,EAAgB,CAC9C,KAAM,OAEN,SAAU,CACR,SAAU,CACR,MAAO,CACL,KAAM,QACN,gBAAiB,cACjB,SAAU,WACV,SAAU,QACZ,CACF,EAEA,KAAM,CACJ,UAAW,CAACQ,EAAK,CAAE,OAAAC,CAAO,KACjB,CACL,aAAcA,EAAO,OAAOD,CAAG,GAAKA,CACtC,EAEJ,CACF,EAEA,gBAAiB,CACf,SAAU,EACZ,CACF,CAAC,EAEYE,EAAaR,EAAOF,EAAgB,CAC/C,KAAM,aAEN,SAAU,CACR,SAAU,CACR,MAAO,CACL,OAAQ,GACR,gBAAiB,cACjB,aAAc,MAChB,CACF,EAEA,KAAM,CACJ,UAAW,CAACQ,EAAK,CAAE,OAAAC,CAAO,KACjB,CACL,QAASA,EAAO,MAAMD,CAAG,GAAKA,CAChC,EAEJ,CACF,CACF,CAAC,EAEYG,EAAaT,EAAOQ,EAAY,CAC3C,KAAM,aAEN,SAAU,CACR,SAAU,CACR,MAAO,CACL,OAAQ,EACR,cAAe,MACf,UAAW,OACX,aAAc,CAChB,CACF,CACF,EAEA,gBAAiB,CACf,SAAU,EACZ,CACF,CAAC,EAEYE,EAAiBV,EAAOF,EAAgB,CACnD,KAAM,iBAEN,SAAU,CACR,SAAU,CACR,MAAO,CACL,OAAQ,EACR,WAAY,GACZ,SAAU,SACV,cAAe,OACf,QAAS,CACX,CACF,CACF,EAEA,gBAAiB,CACf,SAAU,EACZ,CACF,CAAC,EAMYa,EAAOV,EAClBI,EAAU,YACRD,EACE,CAAC,CAAE,KAAAQ,EAAM,YAAAC,EAAa,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAExCnB,EAACQ,EAAA,CAAU,IAAKW,EAAM,GAAGD,EACtB,SAAAb,EAAM,SAAS,IAAIY,EAAWG,GACzBlB,EAAiBkB,CAAK,GAAK,CAACA,EAAM,MAAM,KACnCd,EAAac,EAAO,CACzB,KAAAL,CACF,CAAC,EAEIK,CACR,EACH,CAGN,CACF,EACA,CACE,OAAQT,EACR,OAAQC,EACR,WAAYC,CACd,CACF",
6
- "names": ["jsx", "ThemeableStack", "isTamaguiElement", "styled", "withStaticProperties", "React", "cloneElement", "forwardRef", "CardFrame", "val", "tokens", "CardHeader", "CardFooter", "CardBackground", "Card", "size", "__scopeCard", "children", "props", "ref", "child"]
4
+ "sourcesContent": ["import { ScopedProps } from '@tamagui/create-context'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport {\n GetProps,\n TamaguiElement,\n isTamaguiElement,\n styled,\n withStaticProperties,\n} from '@tamagui/web'\nimport React, { cloneElement, forwardRef } from 'react'\n\nexport const CardFrame = styled(ThemeableStack, {\n name: 'Card',\n\n variants: {\n unstyled: {\n false: {\n size: '$true',\n backgroundColor: '$background',\n position: 'relative',\n overflow: 'hidden',\n },\n },\n\n size: {\n '...size': (val, { tokens }) => {\n return {\n borderRadius: tokens.radius[val] ?? val,\n }\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport const CardHeader = styled(ThemeableStack, {\n name: 'CardHeader',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 10,\n backgroundColor: 'transparent',\n marginBottom: 'auto',\n },\n },\n\n size: {\n '...size': (val, { tokens }) => {\n return {\n padding: tokens.space[val] ?? val,\n }\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport const CardFooter = styled(CardHeader, {\n name: 'CardFooter',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 5,\n flexDirection: 'row',\n marginTop: 'auto',\n marginBottom: 0,\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport const CardBackground = styled(ThemeableStack, {\n name: 'CardBackground',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 0,\n fullscreen: true,\n overflow: 'hidden',\n pointerEvents: 'none',\n padding: 0,\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport type CardHeaderProps = GetProps<typeof CardHeader>\nexport type CardFooterProps = GetProps<typeof CardFooter>\nexport type CardProps = GetProps<typeof CardFrame>\n\nexport const Card = withStaticProperties(\n CardFrame.extractable(\n forwardRef<TamaguiElement, ScopedProps<CardProps, 'Card'>>(\n ({ size, __scopeCard, children, ...props }, ref) => {\n return (\n <CardFrame ref={ref} {...props}>\n {React.Children.map(children, (child) => {\n if (isTamaguiElement(child) && !child.props.size) {\n return cloneElement(child, {\n size,\n })\n }\n return child\n })}\n </CardFrame>\n )\n }\n )\n ),\n {\n Header: CardHeader,\n Footer: CardFooter,\n Background: CardBackground,\n }\n)\n"],
5
+ "mappings": "AAgHU;AA/GV,SAAS,sBAAsB;AAC/B;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,SAAS,cAAc,kBAAkB;AAEzC,MAAM,YAAY,OAAO,gBAAgB;AAAA,EAC9C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,iBAAiB;AAAA,QACjB,UAAU;AAAA,QACV,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,MAAM;AAC9B,eAAO;AAAA,UACL,cAAc,OAAO,OAAO,GAAG,KAAK;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,MAAM,aAAa,OAAO,gBAAgB;AAAA,EAC/C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,MAAM;AAC9B,eAAO;AAAA,UACL,SAAS,OAAO,MAAM,GAAG,KAAK;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,MAAM,aAAa,OAAO,YAAY;AAAA,EAC3C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,eAAe;AAAA,QACf,WAAW;AAAA,QACX,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,MAAM,iBAAiB,OAAO,gBAAgB;AAAA,EACnD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,eAAe;AAAA,QACf,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAMM,MAAM,OAAO;AAAA,EAClB,UAAU;AAAA,IACR;AAAA,MACE,CAAC,EAAE,MAAM,aAAa,UAAU,GAAG,MAAM,GAAG,QAAQ;AAClD,eACE,oBAAC,aAAU,KAAW,GAAG,OACtB,gBAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AACvC,cAAI,iBAAiB,KAAK,KAAK,CAAC,MAAM,MAAM,MAAM;AAChD,mBAAO,aAAa,OAAO;AAAA,cACzB;AAAA,YACF,CAAC;AAAA,UACH;AACA,iBAAO;AAAA,QACT,CAAC,GACH;AAAA,MAEJ;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,EACd;AACF;",
6
+ "names": []
7
7
  }
package/dist/esm/Card.mjs CHANGED
@@ -1,2 +1,115 @@
1
- import{jsx as y}from"react/jsx-runtime";import{ThemeableStack as o}from"@tamagui/stacks";import{isTamaguiElement as u,styled as t,withStaticProperties as l}from"@tamagui/web";import m,{cloneElement as f,forwardRef as c}from"react";const n=t(o,{name:"Card",variants:{unstyled:{false:{size:"$true",backgroundColor:"$background",position:"relative",overflow:"hidden"}},size:{"...size":(e,{tokens:r})=>({borderRadius:r.radius[e]??e})}},defaultVariants:{unstyled:!1}}),s=t(o,{name:"CardHeader",variants:{unstyled:{false:{zIndex:10,backgroundColor:"transparent",marginBottom:"auto"}},size:{"...size":(e,{tokens:r})=>({padding:r.space[e]??e})}}}),C=t(s,{name:"CardFooter",variants:{unstyled:{false:{zIndex:5,flexDirection:"row",marginTop:"auto",marginBottom:0}}},defaultVariants:{unstyled:!1}}),g=t(o,{name:"CardBackground",variants:{unstyled:{false:{zIndex:0,fullscreen:!0,overflow:"hidden",pointerEvents:"none",padding:0}}},defaultVariants:{unstyled:!1}}),w=l(n.extractable(c(({size:e,__scopeCard:r,children:d,...p},i)=>y(n,{ref:i,...p,children:m.Children.map(d,a=>u(a)&&!a.props.size?f(a,{size:e}):a)}))),{Header:s,Footer:C,Background:g});export{w as Card,g as CardBackground,C as CardFooter,n as CardFrame,s as CardHeader};
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { ThemeableStack } from "@tamagui/stacks";
3
+ import {
4
+ isTamaguiElement,
5
+ styled,
6
+ withStaticProperties
7
+ } from "@tamagui/web";
8
+ import React, { cloneElement, forwardRef } from "react";
9
+ const CardFrame = styled(ThemeableStack, {
10
+ name: "Card",
11
+ variants: {
12
+ unstyled: {
13
+ false: {
14
+ size: "$true",
15
+ backgroundColor: "$background",
16
+ position: "relative",
17
+ overflow: "hidden"
18
+ }
19
+ },
20
+ size: {
21
+ "...size": (val, { tokens }) => {
22
+ return {
23
+ borderRadius: tokens.radius[val] ?? val
24
+ };
25
+ }
26
+ }
27
+ },
28
+ defaultVariants: {
29
+ unstyled: false
30
+ }
31
+ });
32
+ const CardHeader = styled(ThemeableStack, {
33
+ name: "CardHeader",
34
+ variants: {
35
+ unstyled: {
36
+ false: {
37
+ zIndex: 10,
38
+ backgroundColor: "transparent",
39
+ marginBottom: "auto"
40
+ }
41
+ },
42
+ size: {
43
+ "...size": (val, { tokens }) => {
44
+ return {
45
+ padding: tokens.space[val] ?? val
46
+ };
47
+ }
48
+ }
49
+ },
50
+ defaultVariants: {
51
+ unstyled: false
52
+ }
53
+ });
54
+ const CardFooter = styled(CardHeader, {
55
+ name: "CardFooter",
56
+ variants: {
57
+ unstyled: {
58
+ false: {
59
+ zIndex: 5,
60
+ flexDirection: "row",
61
+ marginTop: "auto",
62
+ marginBottom: 0
63
+ }
64
+ }
65
+ },
66
+ defaultVariants: {
67
+ unstyled: false
68
+ }
69
+ });
70
+ const CardBackground = styled(ThemeableStack, {
71
+ name: "CardBackground",
72
+ variants: {
73
+ unstyled: {
74
+ false: {
75
+ zIndex: 0,
76
+ fullscreen: true,
77
+ overflow: "hidden",
78
+ pointerEvents: "none",
79
+ padding: 0
80
+ }
81
+ }
82
+ },
83
+ defaultVariants: {
84
+ unstyled: false
85
+ }
86
+ });
87
+ const Card = withStaticProperties(
88
+ CardFrame.extractable(
89
+ forwardRef(
90
+ ({ size, __scopeCard, children, ...props }, ref) => {
91
+ return /* @__PURE__ */ jsx(CardFrame, { ref, ...props, children: React.Children.map(children, (child) => {
92
+ if (isTamaguiElement(child) && !child.props.size) {
93
+ return cloneElement(child, {
94
+ size
95
+ });
96
+ }
97
+ return child;
98
+ }) });
99
+ }
100
+ )
101
+ ),
102
+ {
103
+ Header: CardHeader,
104
+ Footer: CardFooter,
105
+ Background: CardBackground
106
+ }
107
+ );
108
+ export {
109
+ Card,
110
+ CardBackground,
111
+ CardFooter,
112
+ CardFrame,
113
+ CardHeader
114
+ };
2
115
  //# sourceMappingURL=Card.mjs.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Card.tsx"],
4
- "sourcesContent": ["import { ScopedProps } from '@tamagui/create-context'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport {\n GetProps,\n TamaguiElement,\n isTamaguiElement,\n styled,\n withStaticProperties,\n} from '@tamagui/web'\nimport React, { cloneElement, forwardRef } from 'react'\n\nexport const CardFrame = styled(ThemeableStack, {\n name: 'Card',\n\n variants: {\n unstyled: {\n false: {\n size: '$true',\n backgroundColor: '$background',\n position: 'relative',\n overflow: 'hidden',\n },\n },\n\n size: {\n '...size': (val, { tokens }) => {\n return {\n borderRadius: tokens.radius[val] ?? val,\n }\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport const CardHeader = styled(ThemeableStack, {\n name: 'CardHeader',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 10,\n backgroundColor: 'transparent',\n marginBottom: 'auto',\n },\n },\n\n size: {\n '...size': (val, { tokens }) => {\n return {\n padding: tokens.space[val] ?? val,\n }\n },\n },\n } as const,\n})\n\nexport const CardFooter = styled(CardHeader, {\n name: 'CardFooter',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 5,\n flexDirection: 'row',\n marginTop: 'auto',\n marginBottom: 0,\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport const CardBackground = styled(ThemeableStack, {\n name: 'CardBackground',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 0,\n fullscreen: true,\n overflow: 'hidden',\n pointerEvents: 'none',\n padding: 0,\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport type CardHeaderProps = GetProps<typeof CardHeader>\nexport type CardFooterProps = GetProps<typeof CardFooter>\nexport type CardProps = GetProps<typeof CardFrame>\n\nexport const Card = withStaticProperties(\n CardFrame.extractable(\n forwardRef<TamaguiElement, ScopedProps<CardProps, 'Card'>>(\n ({ size, __scopeCard, children, ...props }, ref) => {\n return (\n <CardFrame ref={ref} {...props}>\n {React.Children.map(children, (child) => {\n if (isTamaguiElement(child) && !child.props.size) {\n return cloneElement(child, {\n size,\n })\n }\n return child\n })}\n </CardFrame>\n )\n }\n )\n ),\n {\n Header: CardHeader,\n Footer: CardFooter,\n Background: CardBackground,\n }\n)\n"],
5
- "mappings": "AA4GU,cAAAA,MAAA,oBA3GV,OAAS,kBAAAC,MAAsB,kBAC/B,OAGE,oBAAAC,EACA,UAAAC,EACA,wBAAAC,MACK,eACP,OAAOC,GAAS,gBAAAC,EAAc,cAAAC,MAAkB,QAEzC,MAAMC,EAAYL,EAAOF,EAAgB,CAC9C,KAAM,OAEN,SAAU,CACR,SAAU,CACR,MAAO,CACL,KAAM,QACN,gBAAiB,cACjB,SAAU,WACV,SAAU,QACZ,CACF,EAEA,KAAM,CACJ,UAAW,CAACQ,EAAK,CAAE,OAAAC,CAAO,KACjB,CACL,aAAcA,EAAO,OAAOD,CAAG,GAAKA,CACtC,EAEJ,CACF,EAEA,gBAAiB,CACf,SAAU,EACZ,CACF,CAAC,EAEYE,EAAaR,EAAOF,EAAgB,CAC/C,KAAM,aAEN,SAAU,CACR,SAAU,CACR,MAAO,CACL,OAAQ,GACR,gBAAiB,cACjB,aAAc,MAChB,CACF,EAEA,KAAM,CACJ,UAAW,CAACQ,EAAK,CAAE,OAAAC,CAAO,KACjB,CACL,QAASA,EAAO,MAAMD,CAAG,GAAKA,CAChC,EAEJ,CACF,CACF,CAAC,EAEYG,EAAaT,EAAOQ,EAAY,CAC3C,KAAM,aAEN,SAAU,CACR,SAAU,CACR,MAAO,CACL,OAAQ,EACR,cAAe,MACf,UAAW,OACX,aAAc,CAChB,CACF,CACF,EAEA,gBAAiB,CACf,SAAU,EACZ,CACF,CAAC,EAEYE,EAAiBV,EAAOF,EAAgB,CACnD,KAAM,iBAEN,SAAU,CACR,SAAU,CACR,MAAO,CACL,OAAQ,EACR,WAAY,GACZ,SAAU,SACV,cAAe,OACf,QAAS,CACX,CACF,CACF,EAEA,gBAAiB,CACf,SAAU,EACZ,CACF,CAAC,EAMYa,EAAOV,EAClBI,EAAU,YACRD,EACE,CAAC,CAAE,KAAAQ,EAAM,YAAAC,EAAa,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAExCnB,EAACQ,EAAA,CAAU,IAAKW,EAAM,GAAGD,EACtB,SAAAb,EAAM,SAAS,IAAIY,EAAWG,GACzBlB,EAAiBkB,CAAK,GAAK,CAACA,EAAM,MAAM,KACnCd,EAAac,EAAO,CACzB,KAAAL,CACF,CAAC,EAEIK,CACR,EACH,CAGN,CACF,EACA,CACE,OAAQT,EACR,OAAQC,EACR,WAAYC,CACd,CACF",
6
- "names": ["jsx", "ThemeableStack", "isTamaguiElement", "styled", "withStaticProperties", "React", "cloneElement", "forwardRef", "CardFrame", "val", "tokens", "CardHeader", "CardFooter", "CardBackground", "Card", "size", "__scopeCard", "children", "props", "ref", "child"]
4
+ "sourcesContent": ["import { ScopedProps } from '@tamagui/create-context'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport {\n GetProps,\n TamaguiElement,\n isTamaguiElement,\n styled,\n withStaticProperties,\n} from '@tamagui/web'\nimport React, { cloneElement, forwardRef } from 'react'\n\nexport const CardFrame = styled(ThemeableStack, {\n name: 'Card',\n\n variants: {\n unstyled: {\n false: {\n size: '$true',\n backgroundColor: '$background',\n position: 'relative',\n overflow: 'hidden',\n },\n },\n\n size: {\n '...size': (val, { tokens }) => {\n return {\n borderRadius: tokens.radius[val] ?? val,\n }\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport const CardHeader = styled(ThemeableStack, {\n name: 'CardHeader',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 10,\n backgroundColor: 'transparent',\n marginBottom: 'auto',\n },\n },\n\n size: {\n '...size': (val, { tokens }) => {\n return {\n padding: tokens.space[val] ?? val,\n }\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport const CardFooter = styled(CardHeader, {\n name: 'CardFooter',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 5,\n flexDirection: 'row',\n marginTop: 'auto',\n marginBottom: 0,\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport const CardBackground = styled(ThemeableStack, {\n name: 'CardBackground',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 0,\n fullscreen: true,\n overflow: 'hidden',\n pointerEvents: 'none',\n padding: 0,\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport type CardHeaderProps = GetProps<typeof CardHeader>\nexport type CardFooterProps = GetProps<typeof CardFooter>\nexport type CardProps = GetProps<typeof CardFrame>\n\nexport const Card = withStaticProperties(\n CardFrame.extractable(\n forwardRef<TamaguiElement, ScopedProps<CardProps, 'Card'>>(\n ({ size, __scopeCard, children, ...props }, ref) => {\n return (\n <CardFrame ref={ref} {...props}>\n {React.Children.map(children, (child) => {\n if (isTamaguiElement(child) && !child.props.size) {\n return cloneElement(child, {\n size,\n })\n }\n return child\n })}\n </CardFrame>\n )\n }\n )\n ),\n {\n Header: CardHeader,\n Footer: CardFooter,\n Background: CardBackground,\n }\n)\n"],
5
+ "mappings": "AAgHU;AA/GV,SAAS,sBAAsB;AAC/B;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,SAAS,cAAc,kBAAkB;AAEzC,MAAM,YAAY,OAAO,gBAAgB;AAAA,EAC9C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,iBAAiB;AAAA,QACjB,UAAU;AAAA,QACV,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,MAAM;AAC9B,eAAO;AAAA,UACL,cAAc,OAAO,OAAO,GAAG,KAAK;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,MAAM,aAAa,OAAO,gBAAgB;AAAA,EAC/C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,MAAM;AAC9B,eAAO;AAAA,UACL,SAAS,OAAO,MAAM,GAAG,KAAK;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,MAAM,aAAa,OAAO,YAAY;AAAA,EAC3C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,eAAe;AAAA,QACf,WAAW;AAAA,QACX,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,MAAM,iBAAiB,OAAO,gBAAgB;AAAA,EACnD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,eAAe;AAAA,QACf,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAMM,MAAM,OAAO;AAAA,EAClB,UAAU;AAAA,IACR;AAAA,MACE,CAAC,EAAE,MAAM,aAAa,UAAU,GAAG,MAAM,GAAG,QAAQ;AAClD,eACE,oBAAC,aAAU,KAAW,GAAG,OACtB,gBAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AACvC,cAAI,iBAAiB,KAAK,KAAK,CAAC,MAAM,MAAM,MAAM;AAChD,mBAAO,aAAa,OAAO;AAAA,cACzB;AAAA,YACF,CAAC;AAAA,UACH;AACA,iBAAO;AAAA,QACT,CAAC,GACH;AAAA,MAEJ;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,EACd;AACF;",
6
+ "names": []
7
7
  }
package/dist/esm/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export*from"./Card";
1
+ export * from "./Card";
2
2
  //# sourceMappingURL=index.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.ts"],
4
4
  "sourcesContent": ["export * from './Card'\n"],
5
- "mappings": "AAAA,WAAc",
5
+ "mappings": "AAAA,cAAc;",
6
6
  "names": []
7
7
  }
@@ -1,2 +1,2 @@
1
- export*from"./Card";
1
+ export * from "./Card";
2
2
  //# sourceMappingURL=index.mjs.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.ts"],
4
4
  "sourcesContent": ["export * from './Card'\n"],
5
- "mappings": "AAAA,WAAc",
5
+ "mappings": "AAAA,cAAc;",
6
6
  "names": []
7
7
  }
package/dist/jsx/Card.js CHANGED
@@ -1,2 +1,114 @@
1
- import{ThemeableStack as o}from"@tamagui/stacks";import{isTamaguiElement as z,styled as t,withStaticProperties as F}from"@tamagui/web";import k,{cloneElement as b,forwardRef as v}from"react";const C=t(o,{name:"Card",variants:{unstyled:{false:{size:"$true",backgroundColor:"$background",position:"relative",overflow:"hidden"}},size:{"...size":(e,{tokens:r})=>({borderRadius:r.radius[e]??e})}},defaultVariants:{unstyled:!1}}),g=t(o,{name:"CardHeader",variants:{unstyled:{false:{zIndex:10,backgroundColor:"transparent",marginBottom:"auto"}},size:{"...size":(e,{tokens:r})=>({padding:r.space[e]??e})}}}),w=t(g,{name:"CardFooter",variants:{unstyled:{false:{zIndex:5,flexDirection:"row",marginTop:"auto",marginBottom:0}}},defaultVariants:{unstyled:!1}}),B=t(o,{name:"CardBackground",variants:{unstyled:{false:{zIndex:0,fullscreen:!0,overflow:"hidden",pointerEvents:"none",padding:0}}},defaultVariants:{unstyled:!1}}),V=F(C.extractable(v(({size:e,__scopeCard:r,children:y,...x},P)=><C ref={P}{...x}>{k.Children.map(y,a=>z(a)&&!a.props.size?b(a,{size:e}):a)}</C>)),{Header:g,Footer:w,Background:B});export{V as Card,B as CardBackground,w as CardFooter,C as CardFrame,g as CardHeader};
1
+ import { ThemeableStack } from "@tamagui/stacks";
2
+ import {
3
+ isTamaguiElement,
4
+ styled,
5
+ withStaticProperties
6
+ } from "@tamagui/web";
7
+ import React, { cloneElement, forwardRef } from "react";
8
+ const CardFrame = styled(ThemeableStack, {
9
+ name: "Card",
10
+ variants: {
11
+ unstyled: {
12
+ false: {
13
+ size: "$true",
14
+ backgroundColor: "$background",
15
+ position: "relative",
16
+ overflow: "hidden"
17
+ }
18
+ },
19
+ size: {
20
+ "...size": (val, { tokens }) => {
21
+ return {
22
+ borderRadius: tokens.radius[val] ?? val
23
+ };
24
+ }
25
+ }
26
+ },
27
+ defaultVariants: {
28
+ unstyled: false
29
+ }
30
+ });
31
+ const CardHeader = styled(ThemeableStack, {
32
+ name: "CardHeader",
33
+ variants: {
34
+ unstyled: {
35
+ false: {
36
+ zIndex: 10,
37
+ backgroundColor: "transparent",
38
+ marginBottom: "auto"
39
+ }
40
+ },
41
+ size: {
42
+ "...size": (val, { tokens }) => {
43
+ return {
44
+ padding: tokens.space[val] ?? val
45
+ };
46
+ }
47
+ }
48
+ },
49
+ defaultVariants: {
50
+ unstyled: false
51
+ }
52
+ });
53
+ const CardFooter = styled(CardHeader, {
54
+ name: "CardFooter",
55
+ variants: {
56
+ unstyled: {
57
+ false: {
58
+ zIndex: 5,
59
+ flexDirection: "row",
60
+ marginTop: "auto",
61
+ marginBottom: 0
62
+ }
63
+ }
64
+ },
65
+ defaultVariants: {
66
+ unstyled: false
67
+ }
68
+ });
69
+ const CardBackground = styled(ThemeableStack, {
70
+ name: "CardBackground",
71
+ variants: {
72
+ unstyled: {
73
+ false: {
74
+ zIndex: 0,
75
+ fullscreen: true,
76
+ overflow: "hidden",
77
+ pointerEvents: "none",
78
+ padding: 0
79
+ }
80
+ }
81
+ },
82
+ defaultVariants: {
83
+ unstyled: false
84
+ }
85
+ });
86
+ const Card = withStaticProperties(
87
+ CardFrame.extractable(
88
+ forwardRef(
89
+ ({ size, __scopeCard, children, ...props }, ref) => {
90
+ return <CardFrame ref={ref} {...props}>{React.Children.map(children, (child) => {
91
+ if (isTamaguiElement(child) && !child.props.size) {
92
+ return cloneElement(child, {
93
+ size
94
+ });
95
+ }
96
+ return child;
97
+ })}</CardFrame>;
98
+ }
99
+ )
100
+ ),
101
+ {
102
+ Header: CardHeader,
103
+ Footer: CardFooter,
104
+ Background: CardBackground
105
+ }
106
+ );
107
+ export {
108
+ Card,
109
+ CardBackground,
110
+ CardFooter,
111
+ CardFrame,
112
+ CardHeader
113
+ };
2
114
  //# sourceMappingURL=Card.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Card.tsx"],
4
- "sourcesContent": ["import { ScopedProps } from '@tamagui/create-context'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport {\n GetProps,\n TamaguiElement,\n isTamaguiElement,\n styled,\n withStaticProperties,\n} from '@tamagui/web'\nimport React, { cloneElement, forwardRef } from 'react'\n\nexport const CardFrame = styled(ThemeableStack, {\n name: 'Card',\n\n variants: {\n unstyled: {\n false: {\n size: '$true',\n backgroundColor: '$background',\n position: 'relative',\n overflow: 'hidden',\n },\n },\n\n size: {\n '...size': (val, { tokens }) => {\n return {\n borderRadius: tokens.radius[val] ?? val,\n }\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport const CardHeader = styled(ThemeableStack, {\n name: 'CardHeader',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 10,\n backgroundColor: 'transparent',\n marginBottom: 'auto',\n },\n },\n\n size: {\n '...size': (val, { tokens }) => {\n return {\n padding: tokens.space[val] ?? val,\n }\n },\n },\n } as const,\n})\n\nexport const CardFooter = styled(CardHeader, {\n name: 'CardFooter',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 5,\n flexDirection: 'row',\n marginTop: 'auto',\n marginBottom: 0,\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport const CardBackground = styled(ThemeableStack, {\n name: 'CardBackground',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 0,\n fullscreen: true,\n overflow: 'hidden',\n pointerEvents: 'none',\n padding: 0,\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport type CardHeaderProps = GetProps<typeof CardHeader>\nexport type CardFooterProps = GetProps<typeof CardFooter>\nexport type CardProps = GetProps<typeof CardFrame>\n\nexport const Card = withStaticProperties(\n CardFrame.extractable(\n forwardRef<TamaguiElement, ScopedProps<CardProps, 'Card'>>(\n ({ size, __scopeCard, children, ...props }, ref) => {\n return (\n <CardFrame ref={ref} {...props}>\n {React.Children.map(children, (child) => {\n if (isTamaguiElement(child) && !child.props.size) {\n return cloneElement(child, {\n size,\n })\n }\n return child\n })}\n </CardFrame>\n )\n }\n )\n ),\n {\n Header: CardHeader,\n Footer: CardFooter,\n Background: CardBackground,\n }\n)\n"],
5
- "mappings": "AACA,OAAS,kBAAAA,MAAsB,kBAC/B,OAGE,oBAAAC,EACA,UAAAC,EACA,wBAAAC,MACK,eACP,OAAOC,GAAS,gBAAAC,EAAc,cAAAC,MAAkB,QAEzC,MAAMC,EAAYL,EAAOF,EAAgB,CAC9C,KAAM,OAEN,SAAU,CACR,SAAU,CACR,MAAO,CACL,KAAM,QACN,gBAAiB,cACjB,SAAU,WACV,SAAU,QACZ,CACF,EAEA,KAAM,CACJ,UAAW,CAACQ,EAAK,CAAE,OAAAC,CAAO,KACjB,CACL,aAAcA,EAAO,OAAOD,CAAG,GAAKA,CACtC,EAEJ,CACF,EAEA,gBAAiB,CACf,SAAU,EACZ,CACF,CAAC,EAEYE,EAAaR,EAAOF,EAAgB,CAC/C,KAAM,aAEN,SAAU,CACR,SAAU,CACR,MAAO,CACL,OAAQ,GACR,gBAAiB,cACjB,aAAc,MAChB,CACF,EAEA,KAAM,CACJ,UAAW,CAACQ,EAAK,CAAE,OAAAC,CAAO,KACjB,CACL,QAASA,EAAO,MAAMD,CAAG,GAAKA,CAChC,EAEJ,CACF,CACF,CAAC,EAEYG,EAAaT,EAAOQ,EAAY,CAC3C,KAAM,aAEN,SAAU,CACR,SAAU,CACR,MAAO,CACL,OAAQ,EACR,cAAe,MACf,UAAW,OACX,aAAc,CAChB,CACF,CACF,EAEA,gBAAiB,CACf,SAAU,EACZ,CACF,CAAC,EAEYE,EAAiBV,EAAOF,EAAgB,CACnD,KAAM,iBAEN,SAAU,CACR,SAAU,CACR,MAAO,CACL,OAAQ,EACR,WAAY,GACZ,SAAU,SACV,cAAe,OACf,QAAS,CACX,CACF,CACF,EAEA,gBAAiB,CACf,SAAU,EACZ,CACF,CAAC,EAMYa,EAAOV,EAClBI,EAAU,YACRD,EACE,CAAC,CAAE,KAAAQ,EAAM,YAAAC,EAAa,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAExC,CAACX,EAAU,KAAKW,MAASD,IACtBb,EAAM,SAAS,IAAIY,EAAWG,GACzBlB,EAAiBkB,CAAK,GAAK,CAACA,EAAM,MAAM,KACnCd,EAAac,EAAO,CACzB,KAAAL,CACF,CAAC,EAEIK,CACR,EACH,EATCZ,EAYP,CACF,EACA,CACE,OAAQG,EACR,OAAQC,EACR,WAAYC,CACd,CACF",
6
- "names": ["ThemeableStack", "isTamaguiElement", "styled", "withStaticProperties", "React", "cloneElement", "forwardRef", "CardFrame", "val", "tokens", "CardHeader", "CardFooter", "CardBackground", "Card", "size", "__scopeCard", "children", "props", "ref", "child"]
4
+ "sourcesContent": ["import { ScopedProps } from '@tamagui/create-context'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport {\n GetProps,\n TamaguiElement,\n isTamaguiElement,\n styled,\n withStaticProperties,\n} from '@tamagui/web'\nimport React, { cloneElement, forwardRef } from 'react'\n\nexport const CardFrame = styled(ThemeableStack, {\n name: 'Card',\n\n variants: {\n unstyled: {\n false: {\n size: '$true',\n backgroundColor: '$background',\n position: 'relative',\n overflow: 'hidden',\n },\n },\n\n size: {\n '...size': (val, { tokens }) => {\n return {\n borderRadius: tokens.radius[val] ?? val,\n }\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport const CardHeader = styled(ThemeableStack, {\n name: 'CardHeader',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 10,\n backgroundColor: 'transparent',\n marginBottom: 'auto',\n },\n },\n\n size: {\n '...size': (val, { tokens }) => {\n return {\n padding: tokens.space[val] ?? val,\n }\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport const CardFooter = styled(CardHeader, {\n name: 'CardFooter',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 5,\n flexDirection: 'row',\n marginTop: 'auto',\n marginBottom: 0,\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport const CardBackground = styled(ThemeableStack, {\n name: 'CardBackground',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 0,\n fullscreen: true,\n overflow: 'hidden',\n pointerEvents: 'none',\n padding: 0,\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport type CardHeaderProps = GetProps<typeof CardHeader>\nexport type CardFooterProps = GetProps<typeof CardFooter>\nexport type CardProps = GetProps<typeof CardFrame>\n\nexport const Card = withStaticProperties(\n CardFrame.extractable(\n forwardRef<TamaguiElement, ScopedProps<CardProps, 'Card'>>(\n ({ size, __scopeCard, children, ...props }, ref) => {\n return (\n <CardFrame ref={ref} {...props}>\n {React.Children.map(children, (child) => {\n if (isTamaguiElement(child) && !child.props.size) {\n return cloneElement(child, {\n size,\n })\n }\n return child\n })}\n </CardFrame>\n )\n }\n )\n ),\n {\n Header: CardHeader,\n Footer: CardFooter,\n Background: CardBackground,\n }\n)\n"],
5
+ "mappings": "AACA,SAAS,sBAAsB;AAC/B;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,SAAS,cAAc,kBAAkB;AAEzC,MAAM,YAAY,OAAO,gBAAgB;AAAA,EAC9C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,iBAAiB;AAAA,QACjB,UAAU;AAAA,QACV,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,MAAM;AAC9B,eAAO;AAAA,UACL,cAAc,OAAO,OAAO,GAAG,KAAK;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,MAAM,aAAa,OAAO,gBAAgB;AAAA,EAC/C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,MAAM;AAC9B,eAAO;AAAA,UACL,SAAS,OAAO,MAAM,GAAG,KAAK;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,MAAM,aAAa,OAAO,YAAY;AAAA,EAC3C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,eAAe;AAAA,QACf,WAAW;AAAA,QACX,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,MAAM,iBAAiB,OAAO,gBAAgB;AAAA,EACnD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,eAAe;AAAA,QACf,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAMM,MAAM,OAAO;AAAA,EAClB,UAAU;AAAA,IACR;AAAA,MACE,CAAC,EAAE,MAAM,aAAa,UAAU,GAAG,MAAM,GAAG,QAAQ;AAClD,eACE,CAAC,UAAU,KAAK,SAAS,QACtB,MAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AACvC,cAAI,iBAAiB,KAAK,KAAK,CAAC,MAAM,MAAM,MAAM;AAChD,mBAAO,aAAa,OAAO;AAAA,cACzB;AAAA,YACF,CAAC;AAAA,UACH;AACA,iBAAO;AAAA,QACT,CAAC,EACH,EATC;AAAA,MAWL;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,EACd;AACF;",
6
+ "names": []
7
7
  }
package/dist/jsx/Card.mjs CHANGED
@@ -1,2 +1,114 @@
1
- import{ThemeableStack as o}from"@tamagui/stacks";import{isTamaguiElement as z,styled as t,withStaticProperties as F}from"@tamagui/web";import k,{cloneElement as b,forwardRef as v}from"react";const C=t(o,{name:"Card",variants:{unstyled:{false:{size:"$true",backgroundColor:"$background",position:"relative",overflow:"hidden"}},size:{"...size":(e,{tokens:r})=>({borderRadius:r.radius[e]??e})}},defaultVariants:{unstyled:!1}}),g=t(o,{name:"CardHeader",variants:{unstyled:{false:{zIndex:10,backgroundColor:"transparent",marginBottom:"auto"}},size:{"...size":(e,{tokens:r})=>({padding:r.space[e]??e})}}}),w=t(g,{name:"CardFooter",variants:{unstyled:{false:{zIndex:5,flexDirection:"row",marginTop:"auto",marginBottom:0}}},defaultVariants:{unstyled:!1}}),B=t(o,{name:"CardBackground",variants:{unstyled:{false:{zIndex:0,fullscreen:!0,overflow:"hidden",pointerEvents:"none",padding:0}}},defaultVariants:{unstyled:!1}}),V=F(C.extractable(v(({size:e,__scopeCard:r,children:y,...x},P)=><C ref={P}{...x}>{k.Children.map(y,a=>z(a)&&!a.props.size?b(a,{size:e}):a)}</C>)),{Header:g,Footer:w,Background:B});export{V as Card,B as CardBackground,w as CardFooter,C as CardFrame,g as CardHeader};
1
+ import { ThemeableStack } from "@tamagui/stacks";
2
+ import {
3
+ isTamaguiElement,
4
+ styled,
5
+ withStaticProperties
6
+ } from "@tamagui/web";
7
+ import React, { cloneElement, forwardRef } from "react";
8
+ const CardFrame = styled(ThemeableStack, {
9
+ name: "Card",
10
+ variants: {
11
+ unstyled: {
12
+ false: {
13
+ size: "$true",
14
+ backgroundColor: "$background",
15
+ position: "relative",
16
+ overflow: "hidden"
17
+ }
18
+ },
19
+ size: {
20
+ "...size": (val, { tokens }) => {
21
+ return {
22
+ borderRadius: tokens.radius[val] ?? val
23
+ };
24
+ }
25
+ }
26
+ },
27
+ defaultVariants: {
28
+ unstyled: false
29
+ }
30
+ });
31
+ const CardHeader = styled(ThemeableStack, {
32
+ name: "CardHeader",
33
+ variants: {
34
+ unstyled: {
35
+ false: {
36
+ zIndex: 10,
37
+ backgroundColor: "transparent",
38
+ marginBottom: "auto"
39
+ }
40
+ },
41
+ size: {
42
+ "...size": (val, { tokens }) => {
43
+ return {
44
+ padding: tokens.space[val] ?? val
45
+ };
46
+ }
47
+ }
48
+ },
49
+ defaultVariants: {
50
+ unstyled: false
51
+ }
52
+ });
53
+ const CardFooter = styled(CardHeader, {
54
+ name: "CardFooter",
55
+ variants: {
56
+ unstyled: {
57
+ false: {
58
+ zIndex: 5,
59
+ flexDirection: "row",
60
+ marginTop: "auto",
61
+ marginBottom: 0
62
+ }
63
+ }
64
+ },
65
+ defaultVariants: {
66
+ unstyled: false
67
+ }
68
+ });
69
+ const CardBackground = styled(ThemeableStack, {
70
+ name: "CardBackground",
71
+ variants: {
72
+ unstyled: {
73
+ false: {
74
+ zIndex: 0,
75
+ fullscreen: true,
76
+ overflow: "hidden",
77
+ pointerEvents: "none",
78
+ padding: 0
79
+ }
80
+ }
81
+ },
82
+ defaultVariants: {
83
+ unstyled: false
84
+ }
85
+ });
86
+ const Card = withStaticProperties(
87
+ CardFrame.extractable(
88
+ forwardRef(
89
+ ({ size, __scopeCard, children, ...props }, ref) => {
90
+ return <CardFrame ref={ref} {...props}>{React.Children.map(children, (child) => {
91
+ if (isTamaguiElement(child) && !child.props.size) {
92
+ return cloneElement(child, {
93
+ size
94
+ });
95
+ }
96
+ return child;
97
+ })}</CardFrame>;
98
+ }
99
+ )
100
+ ),
101
+ {
102
+ Header: CardHeader,
103
+ Footer: CardFooter,
104
+ Background: CardBackground
105
+ }
106
+ );
107
+ export {
108
+ Card,
109
+ CardBackground,
110
+ CardFooter,
111
+ CardFrame,
112
+ CardHeader
113
+ };
2
114
  //# sourceMappingURL=Card.mjs.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Card.tsx"],
4
- "sourcesContent": ["import { ScopedProps } from '@tamagui/create-context'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport {\n GetProps,\n TamaguiElement,\n isTamaguiElement,\n styled,\n withStaticProperties,\n} from '@tamagui/web'\nimport React, { cloneElement, forwardRef } from 'react'\n\nexport const CardFrame = styled(ThemeableStack, {\n name: 'Card',\n\n variants: {\n unstyled: {\n false: {\n size: '$true',\n backgroundColor: '$background',\n position: 'relative',\n overflow: 'hidden',\n },\n },\n\n size: {\n '...size': (val, { tokens }) => {\n return {\n borderRadius: tokens.radius[val] ?? val,\n }\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport const CardHeader = styled(ThemeableStack, {\n name: 'CardHeader',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 10,\n backgroundColor: 'transparent',\n marginBottom: 'auto',\n },\n },\n\n size: {\n '...size': (val, { tokens }) => {\n return {\n padding: tokens.space[val] ?? val,\n }\n },\n },\n } as const,\n})\n\nexport const CardFooter = styled(CardHeader, {\n name: 'CardFooter',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 5,\n flexDirection: 'row',\n marginTop: 'auto',\n marginBottom: 0,\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport const CardBackground = styled(ThemeableStack, {\n name: 'CardBackground',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 0,\n fullscreen: true,\n overflow: 'hidden',\n pointerEvents: 'none',\n padding: 0,\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport type CardHeaderProps = GetProps<typeof CardHeader>\nexport type CardFooterProps = GetProps<typeof CardFooter>\nexport type CardProps = GetProps<typeof CardFrame>\n\nexport const Card = withStaticProperties(\n CardFrame.extractable(\n forwardRef<TamaguiElement, ScopedProps<CardProps, 'Card'>>(\n ({ size, __scopeCard, children, ...props }, ref) => {\n return (\n <CardFrame ref={ref} {...props}>\n {React.Children.map(children, (child) => {\n if (isTamaguiElement(child) && !child.props.size) {\n return cloneElement(child, {\n size,\n })\n }\n return child\n })}\n </CardFrame>\n )\n }\n )\n ),\n {\n Header: CardHeader,\n Footer: CardFooter,\n Background: CardBackground,\n }\n)\n"],
5
- "mappings": "AACA,OAAS,kBAAAA,MAAsB,kBAC/B,OAGE,oBAAAC,EACA,UAAAC,EACA,wBAAAC,MACK,eACP,OAAOC,GAAS,gBAAAC,EAAc,cAAAC,MAAkB,QAEzC,MAAMC,EAAYL,EAAOF,EAAgB,CAC9C,KAAM,OAEN,SAAU,CACR,SAAU,CACR,MAAO,CACL,KAAM,QACN,gBAAiB,cACjB,SAAU,WACV,SAAU,QACZ,CACF,EAEA,KAAM,CACJ,UAAW,CAACQ,EAAK,CAAE,OAAAC,CAAO,KACjB,CACL,aAAcA,EAAO,OAAOD,CAAG,GAAKA,CACtC,EAEJ,CACF,EAEA,gBAAiB,CACf,SAAU,EACZ,CACF,CAAC,EAEYE,EAAaR,EAAOF,EAAgB,CAC/C,KAAM,aAEN,SAAU,CACR,SAAU,CACR,MAAO,CACL,OAAQ,GACR,gBAAiB,cACjB,aAAc,MAChB,CACF,EAEA,KAAM,CACJ,UAAW,CAACQ,EAAK,CAAE,OAAAC,CAAO,KACjB,CACL,QAASA,EAAO,MAAMD,CAAG,GAAKA,CAChC,EAEJ,CACF,CACF,CAAC,EAEYG,EAAaT,EAAOQ,EAAY,CAC3C,KAAM,aAEN,SAAU,CACR,SAAU,CACR,MAAO,CACL,OAAQ,EACR,cAAe,MACf,UAAW,OACX,aAAc,CAChB,CACF,CACF,EAEA,gBAAiB,CACf,SAAU,EACZ,CACF,CAAC,EAEYE,EAAiBV,EAAOF,EAAgB,CACnD,KAAM,iBAEN,SAAU,CACR,SAAU,CACR,MAAO,CACL,OAAQ,EACR,WAAY,GACZ,SAAU,SACV,cAAe,OACf,QAAS,CACX,CACF,CACF,EAEA,gBAAiB,CACf,SAAU,EACZ,CACF,CAAC,EAMYa,EAAOV,EAClBI,EAAU,YACRD,EACE,CAAC,CAAE,KAAAQ,EAAM,YAAAC,EAAa,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAExC,CAACX,EAAU,KAAKW,MAASD,IACtBb,EAAM,SAAS,IAAIY,EAAWG,GACzBlB,EAAiBkB,CAAK,GAAK,CAACA,EAAM,MAAM,KACnCd,EAAac,EAAO,CACzB,KAAAL,CACF,CAAC,EAEIK,CACR,EACH,EATCZ,EAYP,CACF,EACA,CACE,OAAQG,EACR,OAAQC,EACR,WAAYC,CACd,CACF",
6
- "names": ["ThemeableStack", "isTamaguiElement", "styled", "withStaticProperties", "React", "cloneElement", "forwardRef", "CardFrame", "val", "tokens", "CardHeader", "CardFooter", "CardBackground", "Card", "size", "__scopeCard", "children", "props", "ref", "child"]
4
+ "sourcesContent": ["import { ScopedProps } from '@tamagui/create-context'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport {\n GetProps,\n TamaguiElement,\n isTamaguiElement,\n styled,\n withStaticProperties,\n} from '@tamagui/web'\nimport React, { cloneElement, forwardRef } from 'react'\n\nexport const CardFrame = styled(ThemeableStack, {\n name: 'Card',\n\n variants: {\n unstyled: {\n false: {\n size: '$true',\n backgroundColor: '$background',\n position: 'relative',\n overflow: 'hidden',\n },\n },\n\n size: {\n '...size': (val, { tokens }) => {\n return {\n borderRadius: tokens.radius[val] ?? val,\n }\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport const CardHeader = styled(ThemeableStack, {\n name: 'CardHeader',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 10,\n backgroundColor: 'transparent',\n marginBottom: 'auto',\n },\n },\n\n size: {\n '...size': (val, { tokens }) => {\n return {\n padding: tokens.space[val] ?? val,\n }\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport const CardFooter = styled(CardHeader, {\n name: 'CardFooter',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 5,\n flexDirection: 'row',\n marginTop: 'auto',\n marginBottom: 0,\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport const CardBackground = styled(ThemeableStack, {\n name: 'CardBackground',\n\n variants: {\n unstyled: {\n false: {\n zIndex: 0,\n fullscreen: true,\n overflow: 'hidden',\n pointerEvents: 'none',\n padding: 0,\n },\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport type CardHeaderProps = GetProps<typeof CardHeader>\nexport type CardFooterProps = GetProps<typeof CardFooter>\nexport type CardProps = GetProps<typeof CardFrame>\n\nexport const Card = withStaticProperties(\n CardFrame.extractable(\n forwardRef<TamaguiElement, ScopedProps<CardProps, 'Card'>>(\n ({ size, __scopeCard, children, ...props }, ref) => {\n return (\n <CardFrame ref={ref} {...props}>\n {React.Children.map(children, (child) => {\n if (isTamaguiElement(child) && !child.props.size) {\n return cloneElement(child, {\n size,\n })\n }\n return child\n })}\n </CardFrame>\n )\n }\n )\n ),\n {\n Header: CardHeader,\n Footer: CardFooter,\n Background: CardBackground,\n }\n)\n"],
5
+ "mappings": "AACA,SAAS,sBAAsB;AAC/B;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,SAAS,cAAc,kBAAkB;AAEzC,MAAM,YAAY,OAAO,gBAAgB;AAAA,EAC9C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,iBAAiB;AAAA,QACjB,UAAU;AAAA,QACV,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,MAAM;AAC9B,eAAO;AAAA,UACL,cAAc,OAAO,OAAO,GAAG,KAAK;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,MAAM,aAAa,OAAO,gBAAgB;AAAA,EAC/C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,MAAM;AAC9B,eAAO;AAAA,UACL,SAAS,OAAO,MAAM,GAAG,KAAK;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,MAAM,aAAa,OAAO,YAAY;AAAA,EAC3C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,eAAe;AAAA,QACf,WAAW;AAAA,QACX,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,MAAM,iBAAiB,OAAO,gBAAgB;AAAA,EACnD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,eAAe;AAAA,QACf,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAMM,MAAM,OAAO;AAAA,EAClB,UAAU;AAAA,IACR;AAAA,MACE,CAAC,EAAE,MAAM,aAAa,UAAU,GAAG,MAAM,GAAG,QAAQ;AAClD,eACE,CAAC,UAAU,KAAK,SAAS,QACtB,MAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AACvC,cAAI,iBAAiB,KAAK,KAAK,CAAC,MAAM,MAAM,MAAM;AAChD,mBAAO,aAAa,OAAO;AAAA,cACzB;AAAA,YACF,CAAC;AAAA,UACH;AACA,iBAAO;AAAA,QACT,CAAC,EACH,EATC;AAAA,MAWL;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,EACd;AACF;",
6
+ "names": []
7
7
  }
package/dist/jsx/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export*from"./Card";
1
+ export * from "./Card";
2
2
  //# sourceMappingURL=index.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.ts"],
4
4
  "sourcesContent": ["export * from './Card'\n"],
5
- "mappings": "AAAA,WAAc",
5
+ "mappings": "AAAA,cAAc;",
6
6
  "names": []
7
7
  }
@@ -1,2 +1,2 @@
1
- export*from"./Card";
1
+ export * from "./Card";
2
2
  //# sourceMappingURL=index.mjs.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.ts"],
4
4
  "sourcesContent": ["export * from './Card'\n"],
5
- "mappings": "AAAA,WAAc",
5
+ "mappings": "AAAA,cAAc;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/card",
3
- "version": "1.14.1",
3
+ "version": "1.14.3",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -31,16 +31,16 @@
31
31
  }
32
32
  },
33
33
  "dependencies": {
34
- "@tamagui/create-context": "1.14.1",
35
- "@tamagui/stacks": "1.14.1",
36
- "@tamagui/web": "1.14.1"
34
+ "@tamagui/create-context": "1.14.3",
35
+ "@tamagui/stacks": "1.14.3",
36
+ "@tamagui/web": "1.14.3"
37
37
  },
38
38
  "peerDependencies": {
39
39
  "react": "*",
40
40
  "react-native": "*"
41
41
  },
42
42
  "devDependencies": {
43
- "@tamagui/build": "1.14.1",
43
+ "@tamagui/build": "1.14.3",
44
44
  "react": "^18.2.0",
45
45
  "react-native": "^0.71.4"
46
46
  },
package/src/Card.tsx CHANGED
@@ -56,6 +56,10 @@ export const CardHeader = styled(ThemeableStack, {
56
56
  },
57
57
  },
58
58
  } as const,
59
+
60
+ defaultVariants: {
61
+ unstyled: false,
62
+ },
59
63
  })
60
64
 
61
65
  export const CardFooter = styled(CardHeader, {
@@ -1 +1 @@
1
- {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,QAAQ,EACR,cAAc,EAIf,MAAM,cAAc,CAAA;AACrB,OAAO,KAAmC,MAAM,OAAO,CAAA;AAEvD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBpB,CAAA;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBrB,CAAA;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBrB,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBzB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBhB,CAAA"}
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,QAAQ,EACR,cAAc,EAIf,MAAM,cAAc,CAAA;AACrB,OAAO,KAAmC,MAAM,OAAO,CAAA;AAEvD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBpB,CAAA;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBrB,CAAA;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBrB,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBzB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBhB,CAAA"}