@tamagui/card 1.13.4 → 1.14.1

package/dist/cjs/Card.js

@@ -1,2 +1,2 @@
-"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});
+"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": "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",
+  "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/esm/Card.js

@@ -1,2 +1,2 @@
-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};
+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,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",
+  "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,2 +1,2 @@
-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};
+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,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",
+  "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/jsx/Card.js

@@ -1,2 +1,2 @@
-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};
+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,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",
+  "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"]
 }

package/dist/jsx/Card.mjs

@@ -1,2 +1,2 @@
-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};
+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.mjs.map

package/dist/jsx/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": "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",
+  "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"]
 }

package/package.json

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

package/src/Card.tsx

@@ -9,22 +9,19 @@ import {
 } from '@tamagui/web'
 import React, { cloneElement, forwardRef } from 'react'
 
-// const CARD_NAME = 'CARD'
-
-// type CardContextValue = {
-//   size?: SizeTokens
-// }
-
-// const [createCardContext, createCardScope] = createContextScope(CARD_NAME)
-// const [CardProvider, useCardContext] = createCardContext<CardContextValue>(CARD_NAME)
-
 export const CardFrame = styled(ThemeableStack, {
   name: 'Card',
-  backgroundColor: '$background',
-  position: 'relative',
-  overflow: 'hidden',
 
   variants: {
+    unstyled: {
+      false: {
+        size: '$true',
+        backgroundColor: '$background',
+        position: 'relative',
+        overflow: 'hidden',
+      },
+    },
+
     size: {
       '...size': (val, { tokens }) => {
         return {
@@ -35,17 +32,22 @@ export const CardFrame = styled(ThemeableStack, {
   } as const,
 
   defaultVariants: {
-    size: '$true',
+    unstyled: false,
   },
 })
 
 export const CardHeader = styled(ThemeableStack, {
   name: 'CardHeader',
-  zIndex: 10,
-  backgroundColor: 'transparent',
-  marginBottom: 'auto',
 
   variants: {
+    unstyled: {
+      false: {
+        zIndex: 10,
+        backgroundColor: 'transparent',
+        marginBottom: 'auto',
+      },
+    },
+
     size: {
       '...size': (val, { tokens }) => {
         return {
@@ -58,19 +60,41 @@ export const CardHeader = styled(ThemeableStack, {
 
 export const CardFooter = styled(CardHeader, {
   name: 'CardFooter',
-  zIndex: 5,
-  flexDirection: 'row',
-  marginTop: 'auto',
-  marginBottom: 0,
+
+  variants: {
+    unstyled: {
+      false: {
+        zIndex: 5,
+        flexDirection: 'row',
+        marginTop: 'auto',
+        marginBottom: 0,
+      },
+    },
+  } as const,
+
+  defaultVariants: {
+    unstyled: false,
+  },
 })
 
 export const CardBackground = styled(ThemeableStack, {
   name: 'CardBackground',
-  zIndex: 0,
-  fullscreen: true,
-  overflow: 'hidden',
-  pointerEvents: 'none',
-  padding: 0,
+
+  variants: {
+    unstyled: {
+      false: {
+        zIndex: 0,
+        fullscreen: true,
+        overflow: 'hidden',
+        pointerEvents: 'none',
+        padding: 0,
+      },
+    },
+  } as const,
+
+  defaultVariants: {
+    unstyled: false,
+  },
 })
 
 export type CardHeaderProps = GetProps<typeof CardHeader>
@@ -82,7 +106,6 @@ export const Card = withStaticProperties(
     forwardRef<TamaguiElement, ScopedProps<CardProps, 'Card'>>(
       ({ 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) {
@@ -93,7 +116,6 @@ export const Card = withStaticProperties(
               return child
             })}
           </CardFrame>
-          // </CardProvider>
         )
       }
     )
@@ -104,5 +126,3 @@ export const Card = withStaticProperties(
     Background: CardBackground,
   }
 )
-
-// export { createCardScope, useCardContext }

package/types/Card.d.ts

@@ -15,7 +15,8 @@ export declare const CardFrame: import("@tamagui/web").TamaguiComponent<Omit<imp
     readonly bordered?: number | boolean | undefined;
     readonly transparent?: boolean | undefined;
     readonly chromeless?: boolean | "all" | undefined;
-}, "size"> & {
+}, "size" | "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/web").SizeTokens | undefined;
 } & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
@@ -32,7 +33,8 @@ export declare const CardFrame: import("@tamagui/web").TamaguiComponent<Omit<imp
     readonly bordered?: number | boolean | undefined;
     readonly transparent?: boolean | undefined;
     readonly chromeless?: boolean | "all" | undefined;
-}, "size"> & {
+}, "size" | "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/web").SizeTokens | undefined;
 }>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
@@ -49,7 +51,8 @@ export declare const CardFrame: import("@tamagui/web").TamaguiComponent<Omit<imp
     readonly bordered?: number | boolean | undefined;
     readonly transparent?: boolean | undefined;
     readonly chromeless?: boolean | "all" | undefined;
-}, "size"> & {
+}, "size" | "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/web").SizeTokens | undefined;
 }>>, TamaguiElement, Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
     readonly fullscreen?: boolean | undefined;
@@ -67,6 +70,7 @@ export declare const CardFrame: import("@tamagui/web").TamaguiComponent<Omit<imp
     readonly transparent?: boolean | undefined;
     readonly chromeless?: boolean | "all" | undefined;
 } & {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/web").SizeTokens | undefined;
 }>;
 export declare const CardHeader: import("@tamagui/web").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
@@ -84,7 +88,8 @@ export declare const CardHeader: import("@tamagui/web").TamaguiComponent<Omit<im
     readonly bordered?: number | boolean | undefined;
     readonly transparent?: boolean | undefined;
     readonly chromeless?: boolean | "all" | undefined;
-}, "size"> & {
+}, "size" | "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/web").SizeTokens | undefined;
 } & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
@@ -101,7 +106,8 @@ export declare const CardHeader: import("@tamagui/web").TamaguiComponent<Omit<im
     readonly bordered?: number | boolean | undefined;
     readonly transparent?: boolean | undefined;
     readonly chromeless?: boolean | "all" | undefined;
-}, "size"> & {
+}, "size" | "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/web").SizeTokens | undefined;
 }>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
@@ -118,7 +124,8 @@ export declare const CardHeader: import("@tamagui/web").TamaguiComponent<Omit<im
     readonly bordered?: number | boolean | undefined;
     readonly transparent?: boolean | undefined;
     readonly chromeless?: boolean | "all" | undefined;
-}, "size"> & {
+}, "size" | "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/web").SizeTokens | undefined;
 }>>, TamaguiElement, Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
     readonly fullscreen?: boolean | undefined;
@@ -136,60 +143,10 @@ export declare const CardHeader: import("@tamagui/web").TamaguiComponent<Omit<im
     readonly transparent?: boolean | undefined;
     readonly chromeless?: boolean | "all" | undefined;
 } & {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/web").SizeTokens | undefined;
 }>;
-export declare const CardFooter: import("@tamagui/web").TamaguiComponent<(Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
-    readonly fullscreen?: boolean | undefined;
-    readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
-} & {
-    readonly backgrounded?: boolean | undefined;
-    readonly radiused?: boolean | undefined;
-    readonly hoverTheme?: boolean | undefined;
-    readonly pressTheme?: boolean | undefined;
-    readonly focusTheme?: boolean | undefined;
-    readonly circular?: boolean | undefined;
-    readonly padded?: boolean | undefined;
-    readonly elevate?: boolean | undefined;
-    readonly bordered?: number | boolean | undefined;
-    readonly transparent?: boolean | undefined;
-    readonly chromeless?: boolean | "all" | undefined;
-}, "size"> & {
-    readonly size?: import("@tamagui/web").SizeTokens | undefined;
-} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
-    readonly fullscreen?: boolean | undefined;
-    readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
-} & {
-    readonly backgrounded?: boolean | undefined;
-    readonly radiused?: boolean | undefined;
-    readonly hoverTheme?: boolean | undefined;
-    readonly pressTheme?: boolean | undefined;
-    readonly focusTheme?: boolean | undefined;
-    readonly circular?: boolean | undefined;
-    readonly padded?: boolean | undefined;
-    readonly elevate?: boolean | undefined;
-    readonly bordered?: number | boolean | undefined;
-    readonly transparent?: boolean | undefined;
-    readonly chromeless?: boolean | "all" | undefined;
-}, "size"> & {
-    readonly size?: import("@tamagui/web").SizeTokens | undefined;
-}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
-    readonly fullscreen?: boolean | undefined;
-    readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
-} & {
-    readonly backgrounded?: boolean | undefined;
-    readonly radiused?: boolean | undefined;
-    readonly hoverTheme?: boolean | undefined;
-    readonly pressTheme?: boolean | undefined;
-    readonly focusTheme?: boolean | undefined;
-    readonly circular?: boolean | undefined;
-    readonly padded?: boolean | undefined;
-    readonly elevate?: boolean | undefined;
-    readonly bordered?: number | boolean | undefined;
-    readonly transparent?: boolean | undefined;
-    readonly chromeless?: boolean | "all" | undefined;
-}, "size"> & {
-    readonly size?: import("@tamagui/web").SizeTokens | undefined;
-}>>) | (Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
+export declare const CardFooter: import("@tamagui/web").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
 } & {
@@ -205,9 +162,10 @@ export declare const CardFooter: import("@tamagui/web").TamaguiComponent<(Omit<i
     readonly transparent?: boolean | undefined;
     readonly chromeless?: boolean | "all" | undefined;
 } & {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/web").SizeTokens | undefined;
-}, string | number> & {
-    [x: string]: undefined;
+}, "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
 } & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
@@ -224,9 +182,10 @@ export declare const CardFooter: import("@tamagui/web").TamaguiComponent<(Omit<i
     readonly transparent?: boolean | undefined;
     readonly chromeless?: boolean | "all" | undefined;
 } & {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/web").SizeTokens | undefined;
-}, string | number> & {
-    [x: string]: undefined;
+}, "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
 }>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
@@ -243,10 +202,11 @@ export declare const CardFooter: import("@tamagui/web").TamaguiComponent<(Omit<i
     readonly transparent?: boolean | undefined;
     readonly chromeless?: boolean | "all" | undefined;
 } & {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/web").SizeTokens | undefined;
-}, string | number> & {
-    [x: string]: undefined;
-}>>), TamaguiElement, Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
+}, "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
+}>>, TamaguiElement, Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
 } & {
@@ -262,56 +222,12 @@ export declare const CardFooter: import("@tamagui/web").TamaguiComponent<(Omit<i
     readonly transparent?: boolean | undefined;
     readonly chromeless?: boolean | "all" | undefined;
 } & {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/web").SizeTokens | undefined;
-} & ({} | {
-    [x: string]: undefined;
-})>;
-export declare const CardBackground: import("@tamagui/web").TamaguiComponent<(Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
-    readonly fullscreen?: boolean | undefined;
-    readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
-}, "transparent" | "hoverTheme" | "pressTheme" | "focusTheme" | "elevate" | "bordered" | "circular" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
-    readonly backgrounded?: boolean | undefined;
-    readonly radiused?: boolean | undefined;
-    readonly hoverTheme?: boolean | undefined;
-    readonly pressTheme?: boolean | undefined;
-    readonly focusTheme?: boolean | undefined;
-    readonly circular?: boolean | undefined;
-    readonly padded?: boolean | undefined;
-    readonly elevate?: boolean | undefined;
-    readonly bordered?: number | boolean | undefined;
-    readonly transparent?: boolean | undefined;
-    readonly chromeless?: boolean | "all" | undefined;
-} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
-    readonly fullscreen?: boolean | undefined;
-    readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
-}, "transparent" | "hoverTheme" | "pressTheme" | "focusTheme" | "elevate" | "bordered" | "circular" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
-    readonly backgrounded?: boolean | undefined;
-    readonly radiused?: boolean | undefined;
-    readonly hoverTheme?: boolean | undefined;
-    readonly pressTheme?: boolean | undefined;
-    readonly focusTheme?: boolean | undefined;
-    readonly circular?: boolean | undefined;
-    readonly padded?: boolean | undefined;
-    readonly elevate?: boolean | undefined;
-    readonly bordered?: number | boolean | undefined;
-    readonly transparent?: boolean | undefined;
-    readonly chromeless?: boolean | "all" | undefined;
-}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
-    readonly fullscreen?: boolean | undefined;
-    readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
-}, "transparent" | "hoverTheme" | "pressTheme" | "focusTheme" | "elevate" | "bordered" | "circular" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
-    readonly backgrounded?: boolean | undefined;
-    readonly radiused?: boolean | undefined;
-    readonly hoverTheme?: boolean | undefined;
-    readonly pressTheme?: boolean | undefined;
-    readonly focusTheme?: boolean | undefined;
-    readonly circular?: boolean | undefined;
-    readonly padded?: boolean | undefined;
-    readonly elevate?: boolean | undefined;
-    readonly bordered?: number | boolean | undefined;
-    readonly transparent?: boolean | undefined;
-    readonly chromeless?: boolean | "all" | undefined;
-}>>) | (Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
+} & {
+    readonly unstyled?: boolean | undefined;
+}>;
+export declare const CardBackground: import("@tamagui/web").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
 } & {
@@ -326,8 +242,8 @@ export declare const CardBackground: import("@tamagui/web").TamaguiComponent<(Om
     readonly bordered?: number | boolean | undefined;
     readonly transparent?: boolean | undefined;
     readonly chromeless?: boolean | "all" | undefined;
-}, string | number> & {
-    [x: string]: undefined;
+}, "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
 } & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
@@ -343,8 +259,8 @@ export declare const CardBackground: import("@tamagui/web").TamaguiComponent<(Om
     readonly bordered?: number | boolean | undefined;
     readonly transparent?: boolean | undefined;
     readonly chromeless?: boolean | "all" | undefined;
-}, string | number> & {
-    [x: string]: undefined;
+}, "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
 }>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
@@ -360,9 +276,9 @@ export declare const CardBackground: import("@tamagui/web").TamaguiComponent<(Om
     readonly bordered?: number | boolean | undefined;
     readonly transparent?: boolean | undefined;
     readonly chromeless?: boolean | "all" | undefined;
-}, string | number> & {
-    [x: string]: undefined;
-}>>), TamaguiElement, Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
+}, "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
+}>>, TamaguiElement, Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
 } & {
@@ -377,9 +293,9 @@ export declare const CardBackground: import("@tamagui/web").TamaguiComponent<(Om
     readonly bordered?: number | boolean | undefined;
     readonly transparent?: boolean | undefined;
     readonly chromeless?: boolean | "all" | undefined;
-} & ({} | {
-    [x: string]: undefined;
-})>;
+} & {
+    readonly unstyled?: boolean | undefined;
+}>;
 export type CardHeaderProps = GetProps<typeof CardHeader>;
 export type CardFooterProps = GetProps<typeof CardFooter>;
 export type CardProps = GetProps<typeof CardFrame>;
@@ -398,7 +314,8 @@ export declare const Card: React.ForwardRefExoticComponent<Omit<import("react-na
     readonly bordered?: number | boolean | undefined;
     readonly transparent?: boolean | undefined;
     readonly chromeless?: boolean | "all" | undefined;
-}, "size"> & {
+}, "size" | "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/web").SizeTokens | undefined;
 } & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
@@ -415,7 +332,8 @@ export declare const Card: React.ForwardRefExoticComponent<Omit<import("react-na
     readonly bordered?: number | boolean | undefined;
     readonly transparent?: boolean | undefined;
     readonly chromeless?: boolean | "all" | undefined;
-}, "size"> & {
+}, "size" | "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/web").SizeTokens | undefined;
 }>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
@@ -432,7 +350,8 @@ export declare const Card: React.ForwardRefExoticComponent<Omit<import("react-na
     readonly bordered?: number | boolean | undefined;
     readonly transparent?: boolean | undefined;
     readonly chromeless?: boolean | "all" | undefined;
-}, "size"> & {
+}, "size" | "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/web").SizeTokens | undefined;
 }>> & {
     __scopeCard?: import("@tamagui/create-context").Scope<any>;
@@ -452,7 +371,8 @@ export declare const Card: React.ForwardRefExoticComponent<Omit<import("react-na
         readonly bordered?: number | boolean | undefined;
         readonly transparent?: boolean | undefined;
         readonly chromeless?: boolean | "all" | undefined;
-    }, "size"> & {
+    }, "size" | "unstyled"> & {
+        readonly unstyled?: boolean | undefined;
         readonly size?: import("@tamagui/web").SizeTokens | undefined;
     } & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
         readonly fullscreen?: boolean | undefined;
@@ -469,7 +389,8 @@ export declare const Card: React.ForwardRefExoticComponent<Omit<import("react-na
         readonly bordered?: number | boolean | undefined;
         readonly transparent?: boolean | undefined;
         readonly chromeless?: boolean | "all" | undefined;
-    }, "size"> & {
+    }, "size" | "unstyled"> & {
+        readonly unstyled?: boolean | undefined;
         readonly size?: import("@tamagui/web").SizeTokens | undefined;
     }>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
         readonly fullscreen?: boolean | undefined;
@@ -486,7 +407,8 @@ export declare const Card: React.ForwardRefExoticComponent<Omit<import("react-na
         readonly bordered?: number | boolean | undefined;
         readonly transparent?: boolean | undefined;
         readonly chromeless?: boolean | "all" | undefined;
-    }, "size"> & {
+    }, "size" | "unstyled"> & {
+        readonly unstyled?: boolean | undefined;
         readonly size?: import("@tamagui/web").SizeTokens | undefined;
     }>>, TamaguiElement, Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
         readonly fullscreen?: boolean | undefined;
@@ -504,60 +426,10 @@ export declare const Card: React.ForwardRefExoticComponent<Omit<import("react-na
         readonly transparent?: boolean | undefined;
         readonly chromeless?: boolean | "all" | undefined;
     } & {
+        readonly unstyled?: boolean | undefined;
         readonly size?: import("@tamagui/web").SizeTokens | undefined;
     }>;
-    Footer: import("@tamagui/web").TamaguiComponent<(Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
-        readonly fullscreen?: boolean | undefined;
-        readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
-    } & {
-        readonly backgrounded?: boolean | undefined;
-        readonly radiused?: boolean | undefined;
-        readonly hoverTheme?: boolean | undefined;
-        readonly pressTheme?: boolean | undefined;
-        readonly focusTheme?: boolean | undefined;
-        readonly circular?: boolean | undefined;
-        readonly padded?: boolean | undefined;
-        readonly elevate?: boolean | undefined;
-        readonly bordered?: number | boolean | undefined;
-        readonly transparent?: boolean | undefined;
-        readonly chromeless?: boolean | "all" | undefined;
-    }, "size"> & {
-        readonly size?: import("@tamagui/web").SizeTokens | undefined;
-    } & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
-        readonly fullscreen?: boolean | undefined;
-        readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
-    } & {
-        readonly backgrounded?: boolean | undefined;
-        readonly radiused?: boolean | undefined;
-        readonly hoverTheme?: boolean | undefined;
-        readonly pressTheme?: boolean | undefined;
-        readonly focusTheme?: boolean | undefined;
-        readonly circular?: boolean | undefined;
-        readonly padded?: boolean | undefined;
-        readonly elevate?: boolean | undefined;
-        readonly bordered?: number | boolean | undefined;
-        readonly transparent?: boolean | undefined;
-        readonly chromeless?: boolean | "all" | undefined;
-    }, "size"> & {
-        readonly size?: import("@tamagui/web").SizeTokens | undefined;
-    }>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
-        readonly fullscreen?: boolean | undefined;
-        readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
-    } & {
-        readonly backgrounded?: boolean | undefined;
-        readonly radiused?: boolean | undefined;
-        readonly hoverTheme?: boolean | undefined;
-        readonly pressTheme?: boolean | undefined;
-        readonly focusTheme?: boolean | undefined;
-        readonly circular?: boolean | undefined;
-        readonly padded?: boolean | undefined;
-        readonly elevate?: boolean | undefined;
-        readonly bordered?: number | boolean | undefined;
-        readonly transparent?: boolean | undefined;
-        readonly chromeless?: boolean | "all" | undefined;
-    }, "size"> & {
-        readonly size?: import("@tamagui/web").SizeTokens | undefined;
-    }>>) | (Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
+    Footer: import("@tamagui/web").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
         readonly fullscreen?: boolean | undefined;
         readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
     } & {
@@ -573,9 +445,10 @@ export declare const Card: React.ForwardRefExoticComponent<Omit<import("react-na
         readonly transparent?: boolean | undefined;
         readonly chromeless?: boolean | "all" | undefined;
     } & {
+        readonly unstyled?: boolean | undefined;
         readonly size?: import("@tamagui/web").SizeTokens | undefined;
-    }, string | number> & {
-        [x: string]: undefined;
+    }, "unstyled"> & {
+        readonly unstyled?: boolean | undefined;
     } & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
         readonly fullscreen?: boolean | undefined;
         readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
@@ -592,9 +465,10 @@ export declare const Card: React.ForwardRefExoticComponent<Omit<import("react-na
         readonly transparent?: boolean | undefined;
         readonly chromeless?: boolean | "all" | undefined;
     } & {
+        readonly unstyled?: boolean | undefined;
         readonly size?: import("@tamagui/web").SizeTokens | undefined;
-    }, string | number> & {
-        [x: string]: undefined;
+    }, "unstyled"> & {
+        readonly unstyled?: boolean | undefined;
     }>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
         readonly fullscreen?: boolean | undefined;
         readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
@@ -611,10 +485,11 @@ export declare const Card: React.ForwardRefExoticComponent<Omit<import("react-na
         readonly transparent?: boolean | undefined;
         readonly chromeless?: boolean | "all" | undefined;
     } & {
+        readonly unstyled?: boolean | undefined;
         readonly size?: import("@tamagui/web").SizeTokens | undefined;
-    }, string | number> & {
-        [x: string]: undefined;
-    }>>), TamaguiElement, Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
+    }, "unstyled"> & {
+        readonly unstyled?: boolean | undefined;
+    }>>, TamaguiElement, Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
         readonly fullscreen?: boolean | undefined;
         readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
     } & {
@@ -630,56 +505,12 @@ export declare const Card: React.ForwardRefExoticComponent<Omit<import("react-na
         readonly transparent?: boolean | undefined;
         readonly chromeless?: boolean | "all" | undefined;
     } & {
+        readonly unstyled?: boolean | undefined;
         readonly size?: import("@tamagui/web").SizeTokens | undefined;
-    } & ({} | {
-        [x: string]: undefined;
-    })>;
-    Background: import("@tamagui/web").TamaguiComponent<(Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
-        readonly fullscreen?: boolean | undefined;
-        readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
-    }, "transparent" | "hoverTheme" | "pressTheme" | "focusTheme" | "elevate" | "bordered" | "circular" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
-        readonly backgrounded?: boolean | undefined;
-        readonly radiused?: boolean | undefined;
-        readonly hoverTheme?: boolean | undefined;
-        readonly pressTheme?: boolean | undefined;
-        readonly focusTheme?: boolean | undefined;
-        readonly circular?: boolean | undefined;
-        readonly padded?: boolean | undefined;
-        readonly elevate?: boolean | undefined;
-        readonly bordered?: number | boolean | undefined;
-        readonly transparent?: boolean | undefined;
-        readonly chromeless?: boolean | "all" | undefined;
-    } & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
-        readonly fullscreen?: boolean | undefined;
-        readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
-    }, "transparent" | "hoverTheme" | "pressTheme" | "focusTheme" | "elevate" | "bordered" | "circular" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
-        readonly backgrounded?: boolean | undefined;
-        readonly radiused?: boolean | undefined;
-        readonly hoverTheme?: boolean | undefined;
-        readonly pressTheme?: boolean | undefined;
-        readonly focusTheme?: boolean | undefined;
-        readonly circular?: boolean | undefined;
-        readonly padded?: boolean | undefined;
-        readonly elevate?: boolean | undefined;
-        readonly bordered?: number | boolean | undefined;
-        readonly transparent?: boolean | undefined;
-        readonly chromeless?: boolean | "all" | undefined;
-    }>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
-        readonly fullscreen?: boolean | undefined;
-        readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
-    }, "transparent" | "hoverTheme" | "pressTheme" | "focusTheme" | "elevate" | "bordered" | "circular" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
-        readonly backgrounded?: boolean | undefined;
-        readonly radiused?: boolean | undefined;
-        readonly hoverTheme?: boolean | undefined;
-        readonly pressTheme?: boolean | undefined;
-        readonly focusTheme?: boolean | undefined;
-        readonly circular?: boolean | undefined;
-        readonly padded?: boolean | undefined;
-        readonly elevate?: boolean | undefined;
-        readonly bordered?: number | boolean | undefined;
-        readonly transparent?: boolean | undefined;
-        readonly chromeless?: boolean | "all" | undefined;
-    }>>) | (Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
+    } & {
+        readonly unstyled?: boolean | undefined;
+    }>;
+    Background: import("@tamagui/web").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
         readonly fullscreen?: boolean | undefined;
         readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
     } & {
@@ -694,8 +525,8 @@ export declare const Card: React.ForwardRefExoticComponent<Omit<import("react-na
         readonly bordered?: number | boolean | undefined;
         readonly transparent?: boolean | undefined;
         readonly chromeless?: boolean | "all" | undefined;
-    }, string | number> & {
-        [x: string]: undefined;
+    }, "unstyled"> & {
+        readonly unstyled?: boolean | undefined;
     } & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
         readonly fullscreen?: boolean | undefined;
         readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
@@ -711,8 +542,8 @@ export declare const Card: React.ForwardRefExoticComponent<Omit<import("react-na
         readonly bordered?: number | boolean | undefined;
         readonly transparent?: boolean | undefined;
         readonly chromeless?: boolean | "all" | undefined;
-    }, string | number> & {
-        [x: string]: undefined;
+    }, "unstyled"> & {
+        readonly unstyled?: boolean | undefined;
     }>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
         readonly fullscreen?: boolean | undefined;
         readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
@@ -728,9 +559,9 @@ export declare const Card: React.ForwardRefExoticComponent<Omit<import("react-na
         readonly bordered?: number | boolean | undefined;
         readonly transparent?: boolean | undefined;
         readonly chromeless?: boolean | "all" | undefined;
-    }, string | number> & {
-        [x: string]: undefined;
-    }>>), TamaguiElement, Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
+    }, "unstyled"> & {
+        readonly unstyled?: boolean | undefined;
+    }>>, TamaguiElement, Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
         readonly fullscreen?: boolean | undefined;
         readonly elevation?: import("@tamagui/web").SizeTokens | undefined;
     } & {
@@ -745,8 +576,8 @@ export declare const Card: React.ForwardRefExoticComponent<Omit<import("react-na
         readonly bordered?: number | boolean | undefined;
         readonly transparent?: boolean | undefined;
         readonly chromeless?: boolean | "all" | undefined;
-    } & ({} | {
-        [x: string]: undefined;
-    })>;
+    } & {
+        readonly unstyled?: boolean | undefined;
+    }>;
 };
 //# sourceMappingURL=Card.d.ts.map

package/types/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,QAAQ,EACR,cAAc,EAIf,MAAM,cAAc,CAAA;AACrB,OAAO,KAAmC,MAAM,OAAO,CAAA;AAWvD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBpB,CAAA;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAerB,CAAA;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAMrB,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAOzB,CAAA;AAEF,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AACzD,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AACzD,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAElD,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BhB,CAAA"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,QAAQ,EACR,cAAc,EAIf,MAAM,cAAc,CAAA;AACrB,OAAO,KAAmC,MAAM,OAAO,CAAA;AAEvD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBpB,CAAA;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBrB,CAAA;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBrB,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBzB,CAAA;AAEF,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AACzD,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AACzD,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAElD,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBhB,CAAA"}