@tamagui/card 1.13.2 → 1.13.4

package/dist/cjs/Card.js

@@ -1,122 +1,2 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Card_exports = {};
-__export(Card_exports, {
-  Card: () => Card,
-  CardBackground: () => CardBackground,
-  CardFooter: () => CardFooter,
-  CardFrame: () => CardFrame,
-  CardHeader: () => CardHeader
-});
-module.exports = __toCommonJS(Card_exports);
-var import_jsx_runtime = (
-  // <CardProvider scope={__scopeCard} size={size}>
-  require("react/jsx-runtime")
-);
-var import_stacks = require("@tamagui/stacks");
-var import_web = require("@tamagui/web");
-var import_react = __toESM(require("react"));
-const CardFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
-  name: "Card",
-  backgroundColor: "$background",
-  position: "relative",
-  overflow: "hidden",
-  variants: {
-    size: {
-      "...size": (val, { tokens }) => {
-        return {
-          borderRadius: tokens.radius[val] ?? val
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    size: "$true"
-  }
-});
-const CardHeader = (0, import_web.styled)(import_stacks.ThemeableStack, {
-  name: "CardHeader",
-  zIndex: 10,
-  backgroundColor: "transparent",
-  marginBottom: "auto",
-  variants: {
-    size: {
-      "...size": (val, { tokens }) => {
-        return {
-          padding: tokens.space[val] ?? val
-        };
-      }
-    }
-  }
-});
-const CardFooter = (0, import_web.styled)(CardHeader, {
-  name: "CardFooter",
-  zIndex: 5,
-  flexDirection: "row",
-  marginTop: "auto",
-  marginBottom: 0
-});
-const CardBackground = (0, import_web.styled)(import_stacks.ThemeableStack, {
-  name: "CardBackground",
-  zIndex: 0,
-  fullscreen: true,
-  overflow: "hidden",
-  pointerEvents: "none",
-  padding: 0
-});
-const Card = (0, import_web.withStaticProperties)(
-  CardFrame.extractable(
-    (0, import_react.forwardRef)(
-      ({ size, __scopeCard, children, ...props }, ref) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardFrame, { ref, ...props, children: import_react.default.Children.map(children, (child) => {
-          if ((0, import_web.isTamaguiElement)(child) && !child.props.size) {
-            return (0, import_react.cloneElement)(child, {
-              size
-            });
-          }
-          return child;
-        }) });
-      }
-    )
-  ),
-  {
-    Header: CardHeader,
-    Footer: CardFooter,
-    Background: CardBackground
-  }
-);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Card,
-  CardBackground,
-  CardFooter,
-  CardFrame,
-  CardHeader
-});
+"use strict";var l=Object.create;var s=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var z=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var k=(r,e)=>{for(var o in e)s(r,o,{get:e[o],enumerable:!0})},u=(r,e,o,d)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of P(e))!F.call(r,t)&&t!==o&&s(r,t,{get:()=>e[t],enumerable:!(d=x(e,t))||d.enumerable});return r};var y=(r,e,o)=>(o=r!=null?l(z(r)):{},u(e||!r||!r.__esModule?s(o,"default",{value:r,enumerable:!0}):o,r)),b=r=>u(s({},"__esModule",{value:!0}),r);var B={};k(B,{Card:()=>w,CardBackground:()=>f,CardFooter:()=>c,CardFrame:()=>m,CardHeader:()=>C});module.exports=b(B);var g=require("react/jsx-runtime"),i=require("@tamagui/stacks"),a=require("@tamagui/web"),n=y(require("react"));const m=(0,a.styled)(i.ThemeableStack,{name:"Card",backgroundColor:"$background",position:"relative",overflow:"hidden",variants:{size:{"...size":(r,{tokens:e})=>({borderRadius:e.radius[r]??r})}},defaultVariants:{size:"$true"}}),C=(0,a.styled)(i.ThemeableStack,{name:"CardHeader",zIndex:10,backgroundColor:"transparent",marginBottom:"auto",variants:{size:{"...size":(r,{tokens:e})=>({padding:e.space[r]??r})}}}),c=(0,a.styled)(C,{name:"CardFooter",zIndex:5,flexDirection:"row",marginTop:"auto",marginBottom:0}),f=(0,a.styled)(i.ThemeableStack,{name:"CardBackground",zIndex:0,fullscreen:!0,overflow:"hidden",pointerEvents:"none",padding:0}),w=(0,a.withStaticProperties)(m.extractable((0,n.forwardRef)(({size:r,__scopeCard:e,children:o,...d},t)=>(0,g.jsx)(m,{ref:t,...d,children:n.default.Children.map(o,p=>(0,a.isTamaguiElement)(p)&&!p.props.size?(0,n.cloneElement)(p,{size:r}):p)}))),{Header:C,Footer:c,Background:f});0&&(module.exports={Card,CardBackground,CardFooter,CardFrame,CardHeader});
 //# sourceMappingURL=Card.js.map

package/dist/cjs/Card.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Card.tsx"],
   "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\n// const CARD_NAME = 'CARD'\n\n// type CardContextValue = {\n//   size?: SizeTokens\n// }\n\n// const [createCardContext, createCardScope] = createContextScope(CARD_NAME)\n// const [CardProvider, useCardContext] = createCardContext<CardContextValue>(CARD_NAME)\n\nexport const CardFrame = styled(ThemeableStack, {\n  name: 'Card',\n  backgroundColor: '$background',\n  position: 'relative',\n  overflow: 'hidden',\n\n  variants: {\n    size: {\n      '...size': (val, { tokens }) => {\n        return {\n          borderRadius: tokens.radius[val] ?? val,\n        }\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport const CardHeader = styled(ThemeableStack, {\n  name: 'CardHeader',\n  zIndex: 10,\n  backgroundColor: 'transparent',\n  marginBottom: 'auto',\n\n  variants: {\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  zIndex: 5,\n  flexDirection: 'row',\n  marginTop: 'auto',\n  marginBottom: 0,\n})\n\nexport const CardBackground = styled(ThemeableStack, {\n  name: 'CardBackground',\n  zIndex: 0,\n  fullscreen: true,\n  overflow: 'hidden',\n  pointerEvents: 'none',\n  padding: 0,\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          // <CardProvider scope={__scopeCard} size={size}>\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          // </CardProvider>\n        )\n      }\n    )\n  ),\n  {\n    Header: CardHeader,\n    Footer: CardFooter,\n    Background: CardBackground,\n  }\n)\n\n// export { createCardScope, useCardContext }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqFU;AAAA;AAAA;AAAA;AApFV,oBAA+B;AAC/B,iBAMO;AACP,mBAAgD;AAWzC,MAAM,gBAAY,mBAAO,8BAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,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,MAAM;AAAA,EACR;AACF,CAAC;AAEM,MAAM,iBAAa,mBAAO,8BAAgB;AAAA,EAC/C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,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,EACN,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,WAAW;AAAA,EACX,cAAc;AAChB,CAAC;AAEM,MAAM,qBAAiB,mBAAO,8BAAgB;AAAA,EACnD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA,EACf,SAAS;AACX,CAAC;AAMM,MAAM,WAAO;AAAA,EAClB,UAAU;AAAA,QACR;AAAA,MACE,CAAC,EAAE,MAAM,aAAa,UAAU,GAAG,MAAM,GAAG,QAAQ;AAClD,eAEE,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,MAGJ;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,EACd;AACF;",
-  "names": ["React"]
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,mBAAAC,EAAA,eAAAC,EAAA,cAAAC,EAAA,eAAAC,IAAA,eAAAC,EAAAP,GAqFU,IAAAQ,EAAA,6BApFVC,EAA+B,2BAC/BC,EAMO,wBACPC,EAAgD,oBAWzC,MAAMN,KAAY,UAAO,iBAAgB,CAC9C,KAAM,OACN,gBAAiB,cACjB,SAAU,WACV,SAAU,SAEV,SAAU,CACR,KAAM,CACJ,UAAW,CAACO,EAAK,CAAE,OAAAC,CAAO,KACjB,CACL,aAAcA,EAAO,OAAOD,CAAG,GAAKA,CACtC,EAEJ,CACF,EAEA,gBAAiB,CACf,KAAM,OACR,CACF,CAAC,EAEYN,KAAa,UAAO,iBAAgB,CAC/C,KAAM,aACN,OAAQ,GACR,gBAAiB,cACjB,aAAc,OAEd,SAAU,CACR,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,aACN,OAAQ,EACR,cAAe,MACf,UAAW,OACX,aAAc,CAChB,CAAC,EAEYH,KAAiB,UAAO,iBAAgB,CACnD,KAAM,iBACN,OAAQ,EACR,WAAY,GACZ,SAAU,SACV,cAAe,OACf,QAAS,CACX,CAAC,EAMYD,KAAO,wBAClBG,EAAU,eACR,cACE,CAAC,CAAE,KAAAS,EAAM,YAAAC,EAAa,SAAAC,EAAU,GAAGC,CAAM,EAAGC,OAGxC,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,CAIN,CACF,EACA,CACE,OAAQd,EACR,OAAQF,EACR,WAAYD,CACd,CACF",
+  "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"]
 }

package/dist/cjs/index.js

@@ -1,19 +1,2 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var src_exports = {};
-module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require("./Card"), module.exports);
+"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);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Card'\n"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,mBAAd;",
-  "names": []
+  "mappings": "iaAAA,IAAAA,EAAA,kBAAAC,EAAAD,GAAAE,EAAAF,EAAc,kBAAd",
+  "names": ["src_exports", "__toCommonJS", "__reExport"]
 }

package/dist/esm/Card.js

@@ -1,88 +1,2 @@
-import { jsx } from "react/jsx-runtime";
-import { ThemeableStack } from "@tamagui/stacks";
-import {
-  isTamaguiElement,
-  styled,
-  withStaticProperties
-} from "@tamagui/web";
-import React, { cloneElement, forwardRef } from "react";
-const CardFrame = styled(ThemeableStack, {
-  name: "Card",
-  backgroundColor: "$background",
-  position: "relative",
-  overflow: "hidden",
-  variants: {
-    size: {
-      "...size": (val, { tokens }) => {
-        return {
-          borderRadius: tokens.radius[val] ?? val
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    size: "$true"
-  }
-});
-const CardHeader = styled(ThemeableStack, {
-  name: "CardHeader",
-  zIndex: 10,
-  backgroundColor: "transparent",
-  marginBottom: "auto",
-  variants: {
-    size: {
-      "...size": (val, { tokens }) => {
-        return {
-          padding: tokens.space[val] ?? val
-        };
-      }
-    }
-  }
-});
-const CardFooter = styled(CardHeader, {
-  name: "CardFooter",
-  zIndex: 5,
-  flexDirection: "row",
-  marginTop: "auto",
-  marginBottom: 0
-});
-const CardBackground = styled(ThemeableStack, {
-  name: "CardBackground",
-  zIndex: 0,
-  fullscreen: true,
-  overflow: "hidden",
-  pointerEvents: "none",
-  padding: 0
-});
-const Card = withStaticProperties(
-  CardFrame.extractable(
-    forwardRef(
-      ({ size, __scopeCard, children, ...props }, ref) => {
-        return (
-          // <CardProvider scope={__scopeCard} size={size}>
-          /* @__PURE__ */ jsx(CardFrame, { ref, ...props, children: React.Children.map(children, (child) => {
-            if (isTamaguiElement(child) && !child.props.size) {
-              return cloneElement(child, {
-                size
-              });
-            }
-            return child;
-          }) })
-        );
-      }
-    )
-  ),
-  {
-    Header: CardHeader,
-    Footer: CardFooter,
-    Background: CardBackground
-  }
-);
-export {
-  Card,
-  CardBackground,
-  CardFooter,
-  CardFrame,
-  CardHeader
-};
+import{jsx as x}from"react/jsx-runtime";import{ThemeableStack as t}from"@tamagui/stacks";import{isTamaguiElement as m,styled as a,withStaticProperties as C}from"@tamagui/web";import u,{cloneElement as c,forwardRef as f}from"react";const n=a(t,{name:"Card",backgroundColor:"$background",position:"relative",overflow:"hidden",variants:{size:{"...size":(r,{tokens:e})=>({borderRadius:e.radius[r]??r})}},defaultVariants:{size:"$true"}}),d=a(t,{name:"CardHeader",zIndex:10,backgroundColor:"transparent",marginBottom:"auto",variants:{size:{"...size":(r,{tokens:e})=>({padding:e.space[r]??r})}}}),g=a(d,{name:"CardFooter",zIndex:5,flexDirection:"row",marginTop:"auto",marginBottom:0}),l=a(t,{name:"CardBackground",zIndex:0,fullscreen:!0,overflow:"hidden",pointerEvents:"none",padding:0}),B=C(n.extractable(f(({size:r,__scopeCard:e,children:p,...s},i)=>x(n,{ref:i,...s,children:u.Children.map(p,o=>m(o)&&!o.props.size?c(o,{size:r}):o)}))),{Header:d,Footer:g,Background:l});export{B as Card,l as CardBackground,g as CardFooter,n as CardFrame,d as CardHeader};
 //# sourceMappingURL=Card.js.map

package/dist/esm/Card.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Card.tsx"],
   "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\n// const CARD_NAME = 'CARD'\n\n// type CardContextValue = {\n//   size?: SizeTokens\n// }\n\n// const [createCardContext, createCardScope] = createContextScope(CARD_NAME)\n// const [CardProvider, useCardContext] = createCardContext<CardContextValue>(CARD_NAME)\n\nexport const CardFrame = styled(ThemeableStack, {\n  name: 'Card',\n  backgroundColor: '$background',\n  position: 'relative',\n  overflow: 'hidden',\n\n  variants: {\n    size: {\n      '...size': (val, { tokens }) => {\n        return {\n          borderRadius: tokens.radius[val] ?? val,\n        }\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport const CardHeader = styled(ThemeableStack, {\n  name: 'CardHeader',\n  zIndex: 10,\n  backgroundColor: 'transparent',\n  marginBottom: 'auto',\n\n  variants: {\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  zIndex: 5,\n  flexDirection: 'row',\n  marginTop: 'auto',\n  marginBottom: 0,\n})\n\nexport const CardBackground = styled(ThemeableStack, {\n  name: 'CardBackground',\n  zIndex: 0,\n  fullscreen: true,\n  overflow: 'hidden',\n  pointerEvents: 'none',\n  padding: 0,\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          // <CardProvider scope={__scopeCard} size={size}>\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          // </CardProvider>\n        )\n      }\n    )\n  ),\n  {\n    Header: CardHeader,\n    Footer: CardFooter,\n    Background: CardBackground,\n  }\n)\n\n// export { createCardScope, useCardContext }\n"],
-  "mappings": "AAqFU;AApFV,SAAS,sBAAsB;AAC/B;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,SAAS,cAAc,kBAAkB;AAWzC,MAAM,YAAY,OAAO,gBAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,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,MAAM;AAAA,EACR;AACF,CAAC;AAEM,MAAM,aAAa,OAAO,gBAAgB;AAAA,EAC/C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,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,EACN,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,WAAW;AAAA,EACX,cAAc;AAChB,CAAC;AAEM,MAAM,iBAAiB,OAAO,gBAAgB;AAAA,EACnD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA,EACf,SAAS;AACX,CAAC;AAMM,MAAM,OAAO;AAAA,EAClB,UAAU;AAAA,IACR;AAAA,MACE,CAAC,EAAE,MAAM,aAAa,UAAU,GAAG,MAAM,GAAG,QAAQ;AAClD;AAAA;AAAA,UAEE,oBAAC,aAAU,KAAW,GAAG,OACtB,gBAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AACvC,gBAAI,iBAAiB,KAAK,KAAK,CAAC,MAAM,MAAM,MAAM;AAChD,qBAAO,aAAa,OAAO;AAAA,gBACzB;AAAA,cACF,CAAC;AAAA,YACH;AACA,mBAAO;AAAA,UACT,CAAC,GACH;AAAA;AAAA,MAGJ;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,EACd;AACF;",
-  "names": []
+  "mappings": "AAqFU,cAAAA,MAAA,oBApFV,OAAS,kBAAAC,MAAsB,kBAC/B,OAGE,oBAAAC,EACA,UAAAC,EACA,wBAAAC,MACK,eACP,OAAOC,GAAS,gBAAAC,EAAc,cAAAC,MAAkB,QAWzC,MAAMC,EAAYL,EAAOF,EAAgB,CAC9C,KAAM,OACN,gBAAiB,cACjB,SAAU,WACV,SAAU,SAEV,SAAU,CACR,KAAM,CACJ,UAAW,CAACQ,EAAK,CAAE,OAAAC,CAAO,KACjB,CACL,aAAcA,EAAO,OAAOD,CAAG,GAAKA,CACtC,EAEJ,CACF,EAEA,gBAAiB,CACf,KAAM,OACR,CACF,CAAC,EAEYE,EAAaR,EAAOF,EAAgB,CAC/C,KAAM,aACN,OAAQ,GACR,gBAAiB,cACjB,aAAc,OAEd,SAAU,CACR,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,aACN,OAAQ,EACR,cAAe,MACf,UAAW,OACX,aAAc,CAChB,CAAC,EAEYE,EAAiBV,EAAOF,EAAgB,CACnD,KAAM,iBACN,OAAQ,EACR,WAAY,GACZ,SAAU,SACV,cAAe,OACf,QAAS,CACX,CAAC,EAMYa,EAAOV,EAClBI,EAAU,YACRD,EACE,CAAC,CAAE,KAAAQ,EAAM,YAAAC,EAAa,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAGxCnB,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,CAIN,CACF,EACA,CACE,OAAQT,EACR,OAAQC,EACR,WAAYC,CACd,CACF",
+  "names": ["jsx", "ThemeableStack", "isTamaguiElement", "styled", "withStaticProperties", "React", "cloneElement", "forwardRef", "CardFrame", "val", "tokens", "CardHeader", "CardFooter", "CardBackground", "Card", "size", "__scopeCard", "children", "props", "ref", "child"]
 }

package/dist/esm/Card.mjs

@@ -1,88 +1,2 @@
-import { jsx } from "react/jsx-runtime";
-import { ThemeableStack } from "@tamagui/stacks";
-import {
-  isTamaguiElement,
-  styled,
-  withStaticProperties
-} from "@tamagui/web";
-import React, { cloneElement, forwardRef } from "react";
-const CardFrame = styled(ThemeableStack, {
-  name: "Card",
-  backgroundColor: "$background",
-  position: "relative",
-  overflow: "hidden",
-  variants: {
-    size: {
-      "...size": (val, { tokens }) => {
-        return {
-          borderRadius: tokens.radius[val] ?? val
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    size: "$true"
-  }
-});
-const CardHeader = styled(ThemeableStack, {
-  name: "CardHeader",
-  zIndex: 10,
-  backgroundColor: "transparent",
-  marginBottom: "auto",
-  variants: {
-    size: {
-      "...size": (val, { tokens }) => {
-        return {
-          padding: tokens.space[val] ?? val
-        };
-      }
-    }
-  }
-});
-const CardFooter = styled(CardHeader, {
-  name: "CardFooter",
-  zIndex: 5,
-  flexDirection: "row",
-  marginTop: "auto",
-  marginBottom: 0
-});
-const CardBackground = styled(ThemeableStack, {
-  name: "CardBackground",
-  zIndex: 0,
-  fullscreen: true,
-  overflow: "hidden",
-  pointerEvents: "none",
-  padding: 0
-});
-const Card = withStaticProperties(
-  CardFrame.extractable(
-    forwardRef(
-      ({ size, __scopeCard, children, ...props }, ref) => {
-        return (
-          // <CardProvider scope={__scopeCard} size={size}>
-          /* @__PURE__ */ jsx(CardFrame, { ref, ...props, children: React.Children.map(children, (child) => {
-            if (isTamaguiElement(child) && !child.props.size) {
-              return cloneElement(child, {
-                size
-              });
-            }
-            return child;
-          }) })
-        );
-      }
-    )
-  ),
-  {
-    Header: CardHeader,
-    Footer: CardFooter,
-    Background: CardBackground
-  }
-);
-export {
-  Card,
-  CardBackground,
-  CardFooter,
-  CardFrame,
-  CardHeader
-};
+import{jsx as x}from"react/jsx-runtime";import{ThemeableStack as t}from"@tamagui/stacks";import{isTamaguiElement as m,styled as a,withStaticProperties as C}from"@tamagui/web";import u,{cloneElement as c,forwardRef as f}from"react";const n=a(t,{name:"Card",backgroundColor:"$background",position:"relative",overflow:"hidden",variants:{size:{"...size":(r,{tokens:e})=>({borderRadius:e.radius[r]??r})}},defaultVariants:{size:"$true"}}),d=a(t,{name:"CardHeader",zIndex:10,backgroundColor:"transparent",marginBottom:"auto",variants:{size:{"...size":(r,{tokens:e})=>({padding:e.space[r]??r})}}}),g=a(d,{name:"CardFooter",zIndex:5,flexDirection:"row",marginTop:"auto",marginBottom:0}),l=a(t,{name:"CardBackground",zIndex:0,fullscreen:!0,overflow:"hidden",pointerEvents:"none",padding:0}),B=C(n.extractable(f(({size:r,__scopeCard:e,children:p,...s},i)=>x(n,{ref:i,...s,children:u.Children.map(p,o=>m(o)&&!o.props.size?c(o,{size:r}):o)}))),{Header:d,Footer:g,Background:l});export{B as Card,l as CardBackground,g as CardFooter,n as CardFrame,d as CardHeader};
 //# sourceMappingURL=Card.mjs.map

package/dist/esm/Card.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Card.tsx"],
   "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\n// const CARD_NAME = 'CARD'\n\n// type CardContextValue = {\n//   size?: SizeTokens\n// }\n\n// const [createCardContext, createCardScope] = createContextScope(CARD_NAME)\n// const [CardProvider, useCardContext] = createCardContext<CardContextValue>(CARD_NAME)\n\nexport const CardFrame = styled(ThemeableStack, {\n  name: 'Card',\n  backgroundColor: '$background',\n  position: 'relative',\n  overflow: 'hidden',\n\n  variants: {\n    size: {\n      '...size': (val, { tokens }) => {\n        return {\n          borderRadius: tokens.radius[val] ?? val,\n        }\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport const CardHeader = styled(ThemeableStack, {\n  name: 'CardHeader',\n  zIndex: 10,\n  backgroundColor: 'transparent',\n  marginBottom: 'auto',\n\n  variants: {\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  zIndex: 5,\n  flexDirection: 'row',\n  marginTop: 'auto',\n  marginBottom: 0,\n})\n\nexport const CardBackground = styled(ThemeableStack, {\n  name: 'CardBackground',\n  zIndex: 0,\n  fullscreen: true,\n  overflow: 'hidden',\n  pointerEvents: 'none',\n  padding: 0,\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          // <CardProvider scope={__scopeCard} size={size}>\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          // </CardProvider>\n        )\n      }\n    )\n  ),\n  {\n    Header: CardHeader,\n    Footer: CardFooter,\n    Background: CardBackground,\n  }\n)\n\n// export { createCardScope, useCardContext }\n"],
-  "mappings": "AAqFU;AApFV,SAAS,sBAAsB;AAC/B;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,SAAS,cAAc,kBAAkB;AAWzC,MAAM,YAAY,OAAO,gBAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,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,MAAM;AAAA,EACR;AACF,CAAC;AAEM,MAAM,aAAa,OAAO,gBAAgB;AAAA,EAC/C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,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,EACN,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,WAAW;AAAA,EACX,cAAc;AAChB,CAAC;AAEM,MAAM,iBAAiB,OAAO,gBAAgB;AAAA,EACnD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA,EACf,SAAS;AACX,CAAC;AAMM,MAAM,OAAO;AAAA,EAClB,UAAU;AAAA,IACR;AAAA,MACE,CAAC,EAAE,MAAM,aAAa,UAAU,GAAG,MAAM,GAAG,QAAQ;AAClD;AAAA;AAAA,UAEE,oBAAC,aAAU,KAAW,GAAG,OACtB,gBAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AACvC,gBAAI,iBAAiB,KAAK,KAAK,CAAC,MAAM,MAAM,MAAM;AAChD,qBAAO,aAAa,OAAO;AAAA,gBACzB;AAAA,cACF,CAAC;AAAA,YACH;AACA,mBAAO;AAAA,UACT,CAAC,GACH;AAAA;AAAA,MAGJ;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,EACd;AACF;",
-  "names": []
+  "mappings": "AAqFU,cAAAA,MAAA,oBApFV,OAAS,kBAAAC,MAAsB,kBAC/B,OAGE,oBAAAC,EACA,UAAAC,EACA,wBAAAC,MACK,eACP,OAAOC,GAAS,gBAAAC,EAAc,cAAAC,MAAkB,QAWzC,MAAMC,EAAYL,EAAOF,EAAgB,CAC9C,KAAM,OACN,gBAAiB,cACjB,SAAU,WACV,SAAU,SAEV,SAAU,CACR,KAAM,CACJ,UAAW,CAACQ,EAAK,CAAE,OAAAC,CAAO,KACjB,CACL,aAAcA,EAAO,OAAOD,CAAG,GAAKA,CACtC,EAEJ,CACF,EAEA,gBAAiB,CACf,KAAM,OACR,CACF,CAAC,EAEYE,EAAaR,EAAOF,EAAgB,CAC/C,KAAM,aACN,OAAQ,GACR,gBAAiB,cACjB,aAAc,OAEd,SAAU,CACR,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,aACN,OAAQ,EACR,cAAe,MACf,UAAW,OACX,aAAc,CAChB,CAAC,EAEYE,EAAiBV,EAAOF,EAAgB,CACnD,KAAM,iBACN,OAAQ,EACR,WAAY,GACZ,SAAU,SACV,cAAe,OACf,QAAS,CACX,CAAC,EAMYa,EAAOV,EAClBI,EAAU,YACRD,EACE,CAAC,CAAE,KAAAQ,EAAM,YAAAC,EAAa,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAGxCnB,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,CAIN,CACF,EACA,CACE,OAAQT,EACR,OAAQC,EACR,WAAYC,CACd,CACF",
+  "names": ["jsx", "ThemeableStack", "isTamaguiElement", "styled", "withStaticProperties", "React", "cloneElement", "forwardRef", "CardFrame", "val", "tokens", "CardHeader", "CardFooter", "CardBackground", "Card", "size", "__scopeCard", "children", "props", "ref", "child"]
 }

package/dist/esm/index.js

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

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Card'\n"],
-  "mappings": "AAAA,cAAc;",
+  "mappings": "AAAA,WAAc",
   "names": []
 }

package/dist/esm/index.mjs

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

package/dist/esm/index.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Card'\n"],
-  "mappings": "AAAA,cAAc;",
+  "mappings": "AAAA,WAAc",
   "names": []
 }

package/dist/jsx/Card.js

@@ -1,87 +1,2 @@
-import { ThemeableStack } from "@tamagui/stacks";
-import {
-  isTamaguiElement,
-  styled,
-  withStaticProperties
-} from "@tamagui/web";
-import React, { cloneElement, forwardRef } from "react";
-const CardFrame = styled(ThemeableStack, {
-  name: "Card",
-  backgroundColor: "$background",
-  position: "relative",
-  overflow: "hidden",
-  variants: {
-    size: {
-      "...size": (val, { tokens }) => {
-        return {
-          borderRadius: tokens.radius[val] ?? val
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    size: "$true"
-  }
-});
-const CardHeader = styled(ThemeableStack, {
-  name: "CardHeader",
-  zIndex: 10,
-  backgroundColor: "transparent",
-  marginBottom: "auto",
-  variants: {
-    size: {
-      "...size": (val, { tokens }) => {
-        return {
-          padding: tokens.space[val] ?? val
-        };
-      }
-    }
-  }
-});
-const CardFooter = styled(CardHeader, {
-  name: "CardFooter",
-  zIndex: 5,
-  flexDirection: "row",
-  marginTop: "auto",
-  marginBottom: 0
-});
-const CardBackground = styled(ThemeableStack, {
-  name: "CardBackground",
-  zIndex: 0,
-  fullscreen: true,
-  overflow: "hidden",
-  pointerEvents: "none",
-  padding: 0
-});
-const Card = withStaticProperties(
-  CardFrame.extractable(
-    forwardRef(
-      ({ size, __scopeCard, children, ...props }, ref) => {
-        return (
-          // <CardProvider scope={__scopeCard} size={size}>
-          <CardFrame ref={ref} {...props}>{React.Children.map(children, (child) => {
-            if (isTamaguiElement(child) && !child.props.size) {
-              return cloneElement(child, {
-                size
-              });
-            }
-            return child;
-          })}</CardFrame>
-        );
-      }
-    )
-  ),
-  {
-    Header: CardHeader,
-    Footer: CardFooter,
-    Background: CardBackground
-  }
-);
-export {
-  Card,
-  CardBackground,
-  CardFooter,
-  CardFrame,
-  CardHeader
-};
+import{ThemeableStack as t}from"@tamagui/stacks";import{isTamaguiElement as x,styled as a,withStaticProperties as P}from"@tamagui/web";import z,{cloneElement as F,forwardRef as k}from"react";const C=a(t,{name:"Card",backgroundColor:"$background",position:"relative",overflow:"hidden",variants:{size:{"...size":(r,{tokens:e})=>({borderRadius:e.radius[r]??r})}},defaultVariants:{size:"$true"}}),c=a(t,{name:"CardHeader",zIndex:10,backgroundColor:"transparent",marginBottom:"auto",variants:{size:{"...size":(r,{tokens:e})=>({padding:e.space[r]??r})}}}),y=a(c,{name:"CardFooter",zIndex:5,flexDirection:"row",marginTop:"auto",marginBottom:0}),b=a(t,{name:"CardBackground",zIndex:0,fullscreen:!0,overflow:"hidden",pointerEvents:"none",padding:0}),S=P(C.extractable(k(({size:r,__scopeCard:e,children:f,...g},l)=><C ref={l}{...g}>{z.Children.map(f,o=>x(o)&&!o.props.size?F(o,{size:r}):o)}</C>)),{Header:c,Footer:y,Background:b});export{S as Card,b as CardBackground,y as CardFooter,C as CardFrame,c as CardHeader};
 //# sourceMappingURL=Card.js.map

package/dist/jsx/Card.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Card.tsx"],
   "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\n// const CARD_NAME = 'CARD'\n\n// type CardContextValue = {\n//   size?: SizeTokens\n// }\n\n// const [createCardContext, createCardScope] = createContextScope(CARD_NAME)\n// const [CardProvider, useCardContext] = createCardContext<CardContextValue>(CARD_NAME)\n\nexport const CardFrame = styled(ThemeableStack, {\n  name: 'Card',\n  backgroundColor: '$background',\n  position: 'relative',\n  overflow: 'hidden',\n\n  variants: {\n    size: {\n      '...size': (val, { tokens }) => {\n        return {\n          borderRadius: tokens.radius[val] ?? val,\n        }\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport const CardHeader = styled(ThemeableStack, {\n  name: 'CardHeader',\n  zIndex: 10,\n  backgroundColor: 'transparent',\n  marginBottom: 'auto',\n\n  variants: {\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  zIndex: 5,\n  flexDirection: 'row',\n  marginTop: 'auto',\n  marginBottom: 0,\n})\n\nexport const CardBackground = styled(ThemeableStack, {\n  name: 'CardBackground',\n  zIndex: 0,\n  fullscreen: true,\n  overflow: 'hidden',\n  pointerEvents: 'none',\n  padding: 0,\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          // <CardProvider scope={__scopeCard} size={size}>\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          // </CardProvider>\n        )\n      }\n    )\n  ),\n  {\n    Header: CardHeader,\n    Footer: CardFooter,\n    Background: CardBackground,\n  }\n)\n\n// export { createCardScope, useCardContext }\n"],
-  "mappings": "AACA,SAAS,sBAAsB;AAC/B;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,SAAS,cAAc,kBAAkB;AAWzC,MAAM,YAAY,OAAO,gBAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,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,MAAM;AAAA,EACR;AACF,CAAC;AAEM,MAAM,aAAa,OAAO,gBAAgB;AAAA,EAC/C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,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,EACN,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,WAAW;AAAA,EACX,cAAc;AAChB,CAAC;AAEM,MAAM,iBAAiB,OAAO,gBAAgB;AAAA,EACnD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA,EACf,SAAS;AACX,CAAC;AAMM,MAAM,OAAO;AAAA,EAClB,UAAU;AAAA,IACR;AAAA,MACE,CAAC,EAAE,MAAM,aAAa,UAAU,GAAG,MAAM,GAAG,QAAQ;AAClD;AAAA;AAAA,UAEE,CAAC,UAAU,KAAK,SAAS,QACtB,MAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AACvC,gBAAI,iBAAiB,KAAK,KAAK,CAAC,MAAM,MAAM,MAAM;AAChD,qBAAO,aAAa,OAAO;AAAA,gBACzB;AAAA,cACF,CAAC;AAAA,YACH;AACA,mBAAO;AAAA,UACT,CAAC,EACH,EATC;AAAA;AAAA,MAYL;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,EACd;AACF;",
-  "names": []
+  "mappings": "AACA,OAAS,kBAAAA,MAAsB,kBAC/B,OAGE,oBAAAC,EACA,UAAAC,EACA,wBAAAC,MACK,eACP,OAAOC,GAAS,gBAAAC,EAAc,cAAAC,MAAkB,QAWzC,MAAMC,EAAYL,EAAOF,EAAgB,CAC9C,KAAM,OACN,gBAAiB,cACjB,SAAU,WACV,SAAU,SAEV,SAAU,CACR,KAAM,CACJ,UAAW,CAACQ,EAAK,CAAE,OAAAC,CAAO,KACjB,CACL,aAAcA,EAAO,OAAOD,CAAG,GAAKA,CACtC,EAEJ,CACF,EAEA,gBAAiB,CACf,KAAM,OACR,CACF,CAAC,EAEYE,EAAaR,EAAOF,EAAgB,CAC/C,KAAM,aACN,OAAQ,GACR,gBAAiB,cACjB,aAAc,OAEd,SAAU,CACR,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,aACN,OAAQ,EACR,cAAe,MACf,UAAW,OACX,aAAc,CAChB,CAAC,EAEYE,EAAiBV,EAAOF,EAAgB,CACnD,KAAM,iBACN,OAAQ,EACR,WAAY,GACZ,SAAU,SACV,cAAe,OACf,QAAS,CACX,CAAC,EAMYa,EAAOV,EAClBI,EAAU,YACRD,EACE,CAAC,CAAE,KAAAQ,EAAM,YAAAC,EAAa,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAGxC,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,EAaP,CACF,EACA,CACE,OAAQG,EACR,OAAQC,EACR,WAAYC,CACd,CACF",
+  "names": ["ThemeableStack", "isTamaguiElement", "styled", "withStaticProperties", "React", "cloneElement", "forwardRef", "CardFrame", "val", "tokens", "CardHeader", "CardFooter", "CardBackground", "Card", "size", "__scopeCard", "children", "props", "ref", "child"]
 }

package/dist/jsx/Card.mjs

@@ -1,87 +1,2 @@
-import { ThemeableStack } from "@tamagui/stacks";
-import {
-  isTamaguiElement,
-  styled,
-  withStaticProperties
-} from "@tamagui/web";
-import React, { cloneElement, forwardRef } from "react";
-const CardFrame = styled(ThemeableStack, {
-  name: "Card",
-  backgroundColor: "$background",
-  position: "relative",
-  overflow: "hidden",
-  variants: {
-    size: {
-      "...size": (val, { tokens }) => {
-        return {
-          borderRadius: tokens.radius[val] ?? val
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    size: "$true"
-  }
-});
-const CardHeader = styled(ThemeableStack, {
-  name: "CardHeader",
-  zIndex: 10,
-  backgroundColor: "transparent",
-  marginBottom: "auto",
-  variants: {
-    size: {
-      "...size": (val, { tokens }) => {
-        return {
-          padding: tokens.space[val] ?? val
-        };
-      }
-    }
-  }
-});
-const CardFooter = styled(CardHeader, {
-  name: "CardFooter",
-  zIndex: 5,
-  flexDirection: "row",
-  marginTop: "auto",
-  marginBottom: 0
-});
-const CardBackground = styled(ThemeableStack, {
-  name: "CardBackground",
-  zIndex: 0,
-  fullscreen: true,
-  overflow: "hidden",
-  pointerEvents: "none",
-  padding: 0
-});
-const Card = withStaticProperties(
-  CardFrame.extractable(
-    forwardRef(
-      ({ size, __scopeCard, children, ...props }, ref) => {
-        return (
-          // <CardProvider scope={__scopeCard} size={size}>
-          <CardFrame ref={ref} {...props}>{React.Children.map(children, (child) => {
-            if (isTamaguiElement(child) && !child.props.size) {
-              return cloneElement(child, {
-                size
-              });
-            }
-            return child;
-          })}</CardFrame>
-        );
-      }
-    )
-  ),
-  {
-    Header: CardHeader,
-    Footer: CardFooter,
-    Background: CardBackground
-  }
-);
-export {
-  Card,
-  CardBackground,
-  CardFooter,
-  CardFrame,
-  CardHeader
-};
+import{ThemeableStack as t}from"@tamagui/stacks";import{isTamaguiElement as x,styled as a,withStaticProperties as P}from"@tamagui/web";import z,{cloneElement as F,forwardRef as k}from"react";const C=a(t,{name:"Card",backgroundColor:"$background",position:"relative",overflow:"hidden",variants:{size:{"...size":(r,{tokens:e})=>({borderRadius:e.radius[r]??r})}},defaultVariants:{size:"$true"}}),c=a(t,{name:"CardHeader",zIndex:10,backgroundColor:"transparent",marginBottom:"auto",variants:{size:{"...size":(r,{tokens:e})=>({padding:e.space[r]??r})}}}),y=a(c,{name:"CardFooter",zIndex:5,flexDirection:"row",marginTop:"auto",marginBottom:0}),b=a(t,{name:"CardBackground",zIndex:0,fullscreen:!0,overflow:"hidden",pointerEvents:"none",padding:0}),S=P(C.extractable(k(({size:r,__scopeCard:e,children:f,...g},l)=><C ref={l}{...g}>{z.Children.map(f,o=>x(o)&&!o.props.size?F(o,{size:r}):o)}</C>)),{Header:c,Footer:y,Background:b});export{S as Card,b as CardBackground,y as CardFooter,C as CardFrame,c as CardHeader};
 //# sourceMappingURL=Card.mjs.map

package/dist/jsx/Card.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Card.tsx"],
   "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\n// const CARD_NAME = 'CARD'\n\n// type CardContextValue = {\n//   size?: SizeTokens\n// }\n\n// const [createCardContext, createCardScope] = createContextScope(CARD_NAME)\n// const [CardProvider, useCardContext] = createCardContext<CardContextValue>(CARD_NAME)\n\nexport const CardFrame = styled(ThemeableStack, {\n  name: 'Card',\n  backgroundColor: '$background',\n  position: 'relative',\n  overflow: 'hidden',\n\n  variants: {\n    size: {\n      '...size': (val, { tokens }) => {\n        return {\n          borderRadius: tokens.radius[val] ?? val,\n        }\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport const CardHeader = styled(ThemeableStack, {\n  name: 'CardHeader',\n  zIndex: 10,\n  backgroundColor: 'transparent',\n  marginBottom: 'auto',\n\n  variants: {\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  zIndex: 5,\n  flexDirection: 'row',\n  marginTop: 'auto',\n  marginBottom: 0,\n})\n\nexport const CardBackground = styled(ThemeableStack, {\n  name: 'CardBackground',\n  zIndex: 0,\n  fullscreen: true,\n  overflow: 'hidden',\n  pointerEvents: 'none',\n  padding: 0,\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          // <CardProvider scope={__scopeCard} size={size}>\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          // </CardProvider>\n        )\n      }\n    )\n  ),\n  {\n    Header: CardHeader,\n    Footer: CardFooter,\n    Background: CardBackground,\n  }\n)\n\n// export { createCardScope, useCardContext }\n"],
-  "mappings": "AACA,SAAS,sBAAsB;AAC/B;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,SAAS,cAAc,kBAAkB;AAWzC,MAAM,YAAY,OAAO,gBAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,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,MAAM;AAAA,EACR;AACF,CAAC;AAEM,MAAM,aAAa,OAAO,gBAAgB;AAAA,EAC/C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,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,EACN,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,WAAW;AAAA,EACX,cAAc;AAChB,CAAC;AAEM,MAAM,iBAAiB,OAAO,gBAAgB;AAAA,EACnD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA,EACf,SAAS;AACX,CAAC;AAMM,MAAM,OAAO;AAAA,EAClB,UAAU;AAAA,IACR;AAAA,MACE,CAAC,EAAE,MAAM,aAAa,UAAU,GAAG,MAAM,GAAG,QAAQ;AAClD;AAAA;AAAA,UAEE,CAAC,UAAU,KAAK,SAAS,QACtB,MAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AACvC,gBAAI,iBAAiB,KAAK,KAAK,CAAC,MAAM,MAAM,MAAM;AAChD,qBAAO,aAAa,OAAO;AAAA,gBACzB;AAAA,cACF,CAAC;AAAA,YACH;AACA,mBAAO;AAAA,UACT,CAAC,EACH,EATC;AAAA;AAAA,MAYL;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,EACd;AACF;",
-  "names": []
+  "mappings": "AACA,OAAS,kBAAAA,MAAsB,kBAC/B,OAGE,oBAAAC,EACA,UAAAC,EACA,wBAAAC,MACK,eACP,OAAOC,GAAS,gBAAAC,EAAc,cAAAC,MAAkB,QAWzC,MAAMC,EAAYL,EAAOF,EAAgB,CAC9C,KAAM,OACN,gBAAiB,cACjB,SAAU,WACV,SAAU,SAEV,SAAU,CACR,KAAM,CACJ,UAAW,CAACQ,EAAK,CAAE,OAAAC,CAAO,KACjB,CACL,aAAcA,EAAO,OAAOD,CAAG,GAAKA,CACtC,EAEJ,CACF,EAEA,gBAAiB,CACf,KAAM,OACR,CACF,CAAC,EAEYE,EAAaR,EAAOF,EAAgB,CAC/C,KAAM,aACN,OAAQ,GACR,gBAAiB,cACjB,aAAc,OAEd,SAAU,CACR,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,aACN,OAAQ,EACR,cAAe,MACf,UAAW,OACX,aAAc,CAChB,CAAC,EAEYE,EAAiBV,EAAOF,EAAgB,CACnD,KAAM,iBACN,OAAQ,EACR,WAAY,GACZ,SAAU,SACV,cAAe,OACf,QAAS,CACX,CAAC,EAMYa,EAAOV,EAClBI,EAAU,YACRD,EACE,CAAC,CAAE,KAAAQ,EAAM,YAAAC,EAAa,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAGxC,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,EAaP,CACF,EACA,CACE,OAAQG,EACR,OAAQC,EACR,WAAYC,CACd,CACF",
+  "names": ["ThemeableStack", "isTamaguiElement", "styled", "withStaticProperties", "React", "cloneElement", "forwardRef", "CardFrame", "val", "tokens", "CardHeader", "CardFooter", "CardBackground", "Card", "size", "__scopeCard", "children", "props", "ref", "child"]
 }

package/dist/jsx/index.js

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

package/dist/jsx/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Card'\n"],
-  "mappings": "AAAA,cAAc;",
+  "mappings": "AAAA,WAAc",
   "names": []
 }

package/dist/jsx/index.mjs

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

package/dist/jsx/index.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Card'\n"],
-  "mappings": "AAAA,cAAc;",
+  "mappings": "AAAA,WAAc",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/card",
-  "version": "1.13.2",
+  "version": "1.13.4",
   "sideEffects": [
     "*.css"
   ],
@@ -31,16 +31,16 @@
     }
   },
   "dependencies": {
-    "@tamagui/create-context": "1.13.2",
-    "@tamagui/stacks": "1.13.2",
-    "@tamagui/web": "1.13.2"
+    "@tamagui/create-context": "1.13.4",
+    "@tamagui/stacks": "1.13.4",
+    "@tamagui/web": "1.13.4"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.13.2",
+    "@tamagui/build": "1.13.4",
     "react": "^18.2.0",
     "react-native": "^0.71.4"
   },