@tamagui/card 1.13.3 → 1.14.0

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 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});
 //# sourceMappingURL=Card.js.map

package/dist/cjs/Card.js.map

@@ -1,7 +1,7 @@
 {
   "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"]
+  "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"],
+  "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",
+  "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 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};
 //# sourceMappingURL=Card.js.map

package/dist/esm/Card.js.map

@@ -1,7 +1,7 @@
 {
   "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": []
+  "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"],
+  "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",
+  "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 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};
 //# sourceMappingURL=Card.mjs.map

package/dist/esm/Card.mjs.map

@@ -1,7 +1,7 @@
 {
   "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": []
+  "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"],
+  "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",
+  "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 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};
 //# sourceMappingURL=Card.js.map

package/dist/jsx/Card.js.map

@@ -1,7 +1,7 @@
 {
   "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": []
+  "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"],
+  "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",
+  "names": ["ThemeableStack", "isTamaguiElement", "styled", "withStaticProperties", "React", "cloneElement", "forwardRef", "CardFrame", "val", "tokens", "CardHeader", "CardFooter", "CardBackground", "Card", "size", "__scopeCard", "children", "props", "ref", "child"]
 }