@tamagui/card 1.14.0 → 1.14.2

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,146 @@
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
+ });
84
+ const CardFooter = (0, import_web.styled)(CardHeader, {
85
+ name: "CardFooter",
86
+ variants: {
87
+ unstyled: {
88
+ false: {
89
+ zIndex: 5,
90
+ flexDirection: "row",
91
+ marginTop: "auto",
92
+ marginBottom: 0
93
+ }
94
+ }
95
+ },
96
+ defaultVariants: {
97
+ unstyled: false
98
+ }
99
+ });
100
+ const CardBackground = (0, import_web.styled)(import_stacks.ThemeableStack, {
101
+ name: "CardBackground",
102
+ variants: {
103
+ unstyled: {
104
+ false: {
105
+ zIndex: 0,
106
+ fullscreen: true,
107
+ overflow: "hidden",
108
+ pointerEvents: "none",
109
+ padding: 0
110
+ }
111
+ }
112
+ },
113
+ defaultVariants: {
114
+ unstyled: false
115
+ }
116
+ });
117
+ const Card = (0, import_web.withStaticProperties)(
118
+ CardFrame.extractable(
119
+ (0, import_react.forwardRef)(
120
+ ({ size, __scopeCard, children, ...props }, ref) => {
121
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardFrame, { ref, ...props, children: import_react.default.Children.map(children, (child) => {
122
+ if ((0, import_web.isTamaguiElement)(child) && !child.props.size) {
123
+ return (0, import_react.cloneElement)(child, {
124
+ size
125
+ });
126
+ }
127
+ return child;
128
+ }) });
129
+ }
130
+ )
131
+ ),
132
+ {
133
+ Header: CardHeader,
134
+ Footer: CardFooter,
135
+ Background: CardBackground
136
+ }
137
+ );
138
+ // Annotate the CommonJS export names for ESM import in node:
139
+ 0 && (module.exports = {
140
+ Card,
141
+ CardBackground,
142
+ CardFooter,
143
+ CardFrame,
144
+ CardHeader
145
+ });
2
146
  //# sourceMappingURL=Card.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/Card.tsx"],
4
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"]
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4GU;AA3GV,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;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,112 @@
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
+ });
51
+ const CardFooter = styled(CardHeader, {
52
+ name: "CardFooter",
53
+ variants: {
54
+ unstyled: {
55
+ false: {
56
+ zIndex: 5,
57
+ flexDirection: "row",
58
+ marginTop: "auto",
59
+ marginBottom: 0
60
+ }
61
+ }
62
+ },
63
+ defaultVariants: {
64
+ unstyled: false
65
+ }
66
+ });
67
+ const CardBackground = styled(ThemeableStack, {
68
+ name: "CardBackground",
69
+ variants: {
70
+ unstyled: {
71
+ false: {
72
+ zIndex: 0,
73
+ fullscreen: true,
74
+ overflow: "hidden",
75
+ pointerEvents: "none",
76
+ padding: 0
77
+ }
78
+ }
79
+ },
80
+ defaultVariants: {
81
+ unstyled: false
82
+ }
83
+ });
84
+ const Card = withStaticProperties(
85
+ CardFrame.extractable(
86
+ forwardRef(
87
+ ({ size, __scopeCard, children, ...props }, ref) => {
88
+ return /* @__PURE__ */ jsx(CardFrame, { ref, ...props, children: React.Children.map(children, (child) => {
89
+ if (isTamaguiElement(child) && !child.props.size) {
90
+ return cloneElement(child, {
91
+ size
92
+ });
93
+ }
94
+ return child;
95
+ }) });
96
+ }
97
+ )
98
+ ),
99
+ {
100
+ Header: CardHeader,
101
+ Footer: CardFooter,
102
+ Background: CardBackground
103
+ }
104
+ );
105
+ export {
106
+ Card,
107
+ CardBackground,
108
+ CardFooter,
109
+ CardFrame,
110
+ CardHeader
111
+ };
2
112
  //# sourceMappingURL=Card.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/Card.tsx"],
4
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"]
5
+ "mappings": "AA4GU;AA3GV,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;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,112 @@
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
+ });
51
+ const CardFooter = styled(CardHeader, {
52
+ name: "CardFooter",
53
+ variants: {
54
+ unstyled: {
55
+ false: {
56
+ zIndex: 5,
57
+ flexDirection: "row",
58
+ marginTop: "auto",
59
+ marginBottom: 0
60
+ }
61
+ }
62
+ },
63
+ defaultVariants: {
64
+ unstyled: false
65
+ }
66
+ });
67
+ const CardBackground = styled(ThemeableStack, {
68
+ name: "CardBackground",
69
+ variants: {
70
+ unstyled: {
71
+ false: {
72
+ zIndex: 0,
73
+ fullscreen: true,
74
+ overflow: "hidden",
75
+ pointerEvents: "none",
76
+ padding: 0
77
+ }
78
+ }
79
+ },
80
+ defaultVariants: {
81
+ unstyled: false
82
+ }
83
+ });
84
+ const Card = withStaticProperties(
85
+ CardFrame.extractable(
86
+ forwardRef(
87
+ ({ size, __scopeCard, children, ...props }, ref) => {
88
+ return /* @__PURE__ */ jsx(CardFrame, { ref, ...props, children: React.Children.map(children, (child) => {
89
+ if (isTamaguiElement(child) && !child.props.size) {
90
+ return cloneElement(child, {
91
+ size
92
+ });
93
+ }
94
+ return child;
95
+ }) });
96
+ }
97
+ )
98
+ ),
99
+ {
100
+ Header: CardHeader,
101
+ Footer: CardFooter,
102
+ Background: CardBackground
103
+ }
104
+ );
105
+ export {
106
+ Card,
107
+ CardBackground,
108
+ CardFooter,
109
+ CardFrame,
110
+ CardHeader
111
+ };
2
112
  //# sourceMappingURL=Card.mjs.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/Card.tsx"],
4
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"]
5
+ "mappings": "AA4GU;AA3GV,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;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,111 @@
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
+ });
50
+ const CardFooter = styled(CardHeader, {
51
+ name: "CardFooter",
52
+ variants: {
53
+ unstyled: {
54
+ false: {
55
+ zIndex: 5,
56
+ flexDirection: "row",
57
+ marginTop: "auto",
58
+ marginBottom: 0
59
+ }
60
+ }
61
+ },
62
+ defaultVariants: {
63
+ unstyled: false
64
+ }
65
+ });
66
+ const CardBackground = styled(ThemeableStack, {
67
+ name: "CardBackground",
68
+ variants: {
69
+ unstyled: {
70
+ false: {
71
+ zIndex: 0,
72
+ fullscreen: true,
73
+ overflow: "hidden",
74
+ pointerEvents: "none",
75
+ padding: 0
76
+ }
77
+ }
78
+ },
79
+ defaultVariants: {
80
+ unstyled: false
81
+ }
82
+ });
83
+ const Card = withStaticProperties(
84
+ CardFrame.extractable(
85
+ forwardRef(
86
+ ({ size, __scopeCard, children, ...props }, ref) => {
87
+ return <CardFrame ref={ref} {...props}>{React.Children.map(children, (child) => {
88
+ if (isTamaguiElement(child) && !child.props.size) {
89
+ return cloneElement(child, {
90
+ size
91
+ });
92
+ }
93
+ return child;
94
+ })}</CardFrame>;
95
+ }
96
+ )
97
+ ),
98
+ {
99
+ Header: CardHeader,
100
+ Footer: CardFooter,
101
+ Background: CardBackground
102
+ }
103
+ );
104
+ export {
105
+ Card,
106
+ CardBackground,
107
+ CardFooter,
108
+ CardFrame,
109
+ CardHeader
110
+ };
2
111
  //# sourceMappingURL=Card.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/Card.tsx"],
4
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"]
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;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,111 @@
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
+ });
50
+ const CardFooter = styled(CardHeader, {
51
+ name: "CardFooter",
52
+ variants: {
53
+ unstyled: {
54
+ false: {
55
+ zIndex: 5,
56
+ flexDirection: "row",
57
+ marginTop: "auto",
58
+ marginBottom: 0
59
+ }
60
+ }
61
+ },
62
+ defaultVariants: {
63
+ unstyled: false
64
+ }
65
+ });
66
+ const CardBackground = styled(ThemeableStack, {
67
+ name: "CardBackground",
68
+ variants: {
69
+ unstyled: {
70
+ false: {
71
+ zIndex: 0,
72
+ fullscreen: true,
73
+ overflow: "hidden",
74
+ pointerEvents: "none",
75
+ padding: 0
76
+ }
77
+ }
78
+ },
79
+ defaultVariants: {
80
+ unstyled: false
81
+ }
82
+ });
83
+ const Card = withStaticProperties(
84
+ CardFrame.extractable(
85
+ forwardRef(
86
+ ({ size, __scopeCard, children, ...props }, ref) => {
87
+ return <CardFrame ref={ref} {...props}>{React.Children.map(children, (child) => {
88
+ if (isTamaguiElement(child) && !child.props.size) {
89
+ return cloneElement(child, {
90
+ size
91
+ });
92
+ }
93
+ return child;
94
+ })}</CardFrame>;
95
+ }
96
+ )
97
+ ),
98
+ {
99
+ Header: CardHeader,
100
+ Footer: CardFooter,
101
+ Background: CardBackground
102
+ }
103
+ );
104
+ export {
105
+ Card,
106
+ CardBackground,
107
+ CardFooter,
108
+ CardFrame,
109
+ CardHeader
110
+ };
2
111
  //# sourceMappingURL=Card.mjs.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/Card.tsx"],
4
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"]
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;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.0",
3
+ "version": "1.14.2",
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.0",
35
- "@tamagui/stacks": "1.14.0",
36
- "@tamagui/web": "1.14.0"
34
+ "@tamagui/create-context": "1.14.2",
35
+ "@tamagui/stacks": "1.14.2",
36
+ "@tamagui/web": "1.14.2"
37
37
  },
38
38
  "peerDependencies": {
39
39
  "react": "*",
40
40
  "react-native": "*"
41
41
  },
42
42
  "devDependencies": {
43
- "@tamagui/build": "1.14.0",
43
+ "@tamagui/build": "1.14.2",
44
44
  "react": "^18.2.0",
45
45
  "react-native": "^0.71.4"
46
46
  },