@tamagui/card 1.0.1-beta.100

package/dist/cjs/Card.js

@@ -0,0 +1,144 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Card_exports = {};
+__export(Card_exports, {
+  Card: () => Card,
+  CardBackground: () => CardBackground,
+  CardFooter: () => CardFooter,
+  CardFrame: () => CardFrame,
+  CardHeader: () => CardHeader,
+  createCardScope: () => createCardScope,
+  useCardContext: () => useCardContext
+});
+module.exports = __toCommonJS(Card_exports);
+var import_core = require("@tamagui/core");
+var import_create_context = require("@tamagui/create-context");
+var import_stacks = require("@tamagui/stacks");
+var import_react = __toESM(require("react"));
+import_react.default["createElement"];
+const CARD_NAME = "CARD";
+const [createCardContext, createCardScope] = (0, import_create_context.createContextScope)(CARD_NAME);
+const [CardProvider, useCardContext] = createCardContext(CARD_NAME);
+const CardFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
+  name: "Card",
+  backgroundColor: "$background",
+  position: "relative",
+  overflow: "hidden",
+  variants: {
+    size: {
+      "...size": (val, { tokens }) => {
+        return {
+          borderRadius: tokens.radius[val] ?? val
+        };
+      }
+    }
+  },
+  defaultVariants: {
+    size: "$4"
+  }
+});
+const CardHeader = (0, import_core.styled)(import_stacks.ThemeableStack, {
+  name: "CardHeader",
+  zIndex: 10,
+  backgroundColor: "transparent",
+  marginBottom: "auto",
+  variants: {
+    size: {
+      "...size": (val, { tokens }) => {
+        return {
+          padding: tokens.space[val] ?? val
+        };
+      }
+    }
+  }
+});
+const CardFooter = (0, import_core.styled)(CardHeader, {
+  name: "CardFooter",
+  zIndex: 5,
+  flexDirection: "row",
+  marginTop: "auto",
+  marginBottom: 0
+});
+const CardBackground = (0, import_core.styled)(import_stacks.ThemeableStack, {
+  name: "CardBackground",
+  zIndex: 0,
+  fullscreen: true,
+  overflow: "hidden",
+  pointerEvents: "none",
+  padding: 0
+});
+const Card = (0, import_core.withStaticProperties)(CardFrame.extractable((0, import_core.themeable)((0, import_react.forwardRef)((_a, ref) => {
+  var _b = _a, { size, __scopeCard, children } = _b, props = __objRest(_b, ["size", "__scopeCard", "children"]);
+  return /* @__PURE__ */ import_react.default.createElement(CardProvider, {
+    scope: __scopeCard,
+    size
+  }, /* @__PURE__ */ import_react.default.createElement(CardFrame, __spreadValues({
+    ref
+  }, props), import_react.default.Children.map(children, (child) => {
+    if ((0, import_core.isTamaguiElement)(child) && !child.props.size) {
+      return (0, import_react.cloneElement)(child, {
+        size
+      });
+    }
+    return child;
+  })));
+}))), {
+  Header: CardHeader,
+  Footer: CardFooter,
+  Background: CardBackground
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Card,
+  CardBackground,
+  CardFooter,
+  CardFrame,
+  CardHeader,
+  createCardScope,
+  useCardContext
+});
+//# sourceMappingURL=Card.js.map

package/dist/cjs/Card.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Card.tsx"],
+  "sourcesContent": ["import {\n  GetProps,\n  SizeTokens,\n  isTamaguiElement,\n  styled,\n  themeable,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { ScopedProps, createContextScope } from '@tamagui/create-context'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport React, { cloneElement, forwardRef } from 'react'\nimport { View } from 'react-native'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\nconst CARD_NAME = 'CARD'\n\ntype CardContextValue = {\n  size?: SizeTokens\n}\n\nconst [createCardContext, createCardScope] = createContextScope(CARD_NAME)\nconst [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  },\n\n  defaultVariants: {\n    size: '$4',\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  },\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>\n\nexport type CardProps = GetProps<typeof CardFrame>\n\nexport const Card = withStaticProperties(\n  CardFrame.extractable(\n    themeable(\n      forwardRef<HTMLElement | View, 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  {\n    Header: CardHeader,\n    Footer: CardFooter,\n    Background: CardBackground,\n  }\n)\n\nexport { createCardScope, useCardContext }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAOO;AACP,4BAAgD;AAChD,oBAA+B;AAC/B,mBAAgD;AAIhD,qBAAM;AAEN,MAAM,YAAY;AAMlB,MAAM,CAAC,mBAAmB,mBAAmB,8CAAmB,SAAS;AACzE,MAAM,CAAC,cAAc,kBAAkB,kBAAoC,SAAS;AAE7E,MAAM,YAAY,wBAAO,8BAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,aAAa;AAC9B,eAAO;AAAA,UACL,cAAc,OAAO,OAAO,QAAQ;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAEM,MAAM,aAAa,wBAAO,8BAAgB;AAAA,EAC/C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,aAAa;AAC9B,eAAO;AAAA,UACL,SAAS,OAAO,MAAM,QAAQ;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAEM,MAAM,aAAa,wBAAO,YAAY;AAAA,EAC3C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,WAAW;AAAA,EACX,cAAc;AAChB,CAAC;AAEM,MAAM,iBAAiB,wBAAO,8BAAgB;AAAA,EACnD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA,EACf,SAAS;AACX,CAAC;AAOM,MAAM,OAAO,sCAClB,UAAU,YACR,2BACE,6BACE,CAAC,IAA2C,QAAQ;AAAnD,eAAE,QAAM,aAAa,aAArB,IAAkC,kBAAlC,IAAkC,CAAhC,QAAM,eAAa;AACpB,SACE,mDAAC;AAAA,IAAa,OAAO;AAAA,IAAa;AAAA,KAChC,mDAAC;AAAA,IAAU;AAAA,KAAc,QACtB,qBAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AACvC,QAAI,kCAAiB,KAAK,KAAK,CAAC,MAAM,MAAM,MAAM;AAChD,aAAO,+BAAa,OAAO;AAAA,QACzB;AAAA,MACF,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,CAAC,CACH,CACF;AAEJ,CACF,CACF,CACF,GACA;AAAA,EACE,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AACd,CACF;",
+  "names": []
+}

package/dist/cjs/index.js

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

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './Card'\n"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,mBAAd;",
+  "names": []
+}

package/dist/esm/Card.js

@@ -0,0 +1,119 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import {
+  isTamaguiElement,
+  styled,
+  themeable,
+  withStaticProperties
+} from "@tamagui/core";
+import { createContextScope } from "@tamagui/create-context";
+import { ThemeableStack } from "@tamagui/stacks";
+import React, { cloneElement, forwardRef } from "react";
+React["createElement"];
+const CARD_NAME = "CARD";
+const [createCardContext, createCardScope] = createContextScope(CARD_NAME);
+const [CardProvider, useCardContext] = createCardContext(CARD_NAME);
+const CardFrame = styled(ThemeableStack, {
+  name: "Card",
+  backgroundColor: "$background",
+  position: "relative",
+  overflow: "hidden",
+  variants: {
+    size: {
+      "...size": (val, { tokens }) => {
+        return {
+          borderRadius: tokens.radius[val] ?? val
+        };
+      }
+    }
+  },
+  defaultVariants: {
+    size: "$4"
+  }
+});
+const CardHeader = styled(ThemeableStack, {
+  name: "CardHeader",
+  zIndex: 10,
+  backgroundColor: "transparent",
+  marginBottom: "auto",
+  variants: {
+    size: {
+      "...size": (val, { tokens }) => {
+        return {
+          padding: tokens.space[val] ?? val
+        };
+      }
+    }
+  }
+});
+const CardFooter = styled(CardHeader, {
+  name: "CardFooter",
+  zIndex: 5,
+  flexDirection: "row",
+  marginTop: "auto",
+  marginBottom: 0
+});
+const CardBackground = styled(ThemeableStack, {
+  name: "CardBackground",
+  zIndex: 0,
+  fullscreen: true,
+  overflow: "hidden",
+  pointerEvents: "none",
+  padding: 0
+});
+const Card = withStaticProperties(CardFrame.extractable(themeable(forwardRef((_a, ref) => {
+  var _b = _a, { size, __scopeCard, children } = _b, props = __objRest(_b, ["size", "__scopeCard", "children"]);
+  return /* @__PURE__ */ React.createElement(CardProvider, {
+    scope: __scopeCard,
+    size
+  }, /* @__PURE__ */ React.createElement(CardFrame, __spreadValues({
+    ref
+  }, props), React.Children.map(children, (child) => {
+    if (isTamaguiElement(child) && !child.props.size) {
+      return cloneElement(child, {
+        size
+      });
+    }
+    return child;
+  })));
+}))), {
+  Header: CardHeader,
+  Footer: CardFooter,
+  Background: CardBackground
+});
+export {
+  Card,
+  CardBackground,
+  CardFooter,
+  CardFrame,
+  CardHeader,
+  createCardScope,
+  useCardContext
+};
+//# sourceMappingURL=Card.js.map

package/dist/esm/Card.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Card.tsx"],
+  "sourcesContent": ["import {\n  GetProps,\n  SizeTokens,\n  isTamaguiElement,\n  styled,\n  themeable,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { ScopedProps, createContextScope } from '@tamagui/create-context'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport React, { cloneElement, forwardRef } from 'react'\nimport { View } from 'react-native'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\nconst CARD_NAME = 'CARD'\n\ntype CardContextValue = {\n  size?: SizeTokens\n}\n\nconst [createCardContext, createCardScope] = createContextScope(CARD_NAME)\nconst [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  },\n\n  defaultVariants: {\n    size: '$4',\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  },\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>\n\nexport type CardProps = GetProps<typeof CardFrame>\n\nexport const Card = withStaticProperties(\n  CardFrame.extractable(\n    themeable(\n      forwardRef<HTMLElement | View, 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  {\n    Header: CardHeader,\n    Footer: CardFooter,\n    Background: CardBackground,\n  }\n)\n\nexport { createCardScope, useCardContext }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AACA;AACA;AAIA,MAAM;AAEN,MAAM,YAAY;AAMlB,MAAM,CAAC,mBAAmB,mBAAmB,mBAAmB,SAAS;AACzE,MAAM,CAAC,cAAc,kBAAkB,kBAAoC,SAAS;AAE7E,MAAM,YAAY,OAAO,gBAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,aAAa;AAC9B,eAAO;AAAA,UACL,cAAc,OAAO,OAAO,QAAQ;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAEM,MAAM,aAAa,OAAO,gBAAgB;AAAA,EAC/C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,aAAa;AAC9B,eAAO;AAAA,UACL,SAAS,OAAO,MAAM,QAAQ;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAEM,MAAM,aAAa,OAAO,YAAY;AAAA,EAC3C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,WAAW;AAAA,EACX,cAAc;AAChB,CAAC;AAEM,MAAM,iBAAiB,OAAO,gBAAgB;AAAA,EACnD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA,EACf,SAAS;AACX,CAAC;AAOM,MAAM,OAAO,qBAClB,UAAU,YACR,UACE,WACE,CAAC,IAA2C,QAAQ;AAAnD,eAAE,QAAM,aAAa,aAArB,IAAkC,kBAAlC,IAAkC,CAAhC,QAAM,eAAa;AACpB,SACE,oCAAC;AAAA,IAAa,OAAO;AAAA,IAAa;AAAA,KAChC,oCAAC;AAAA,IAAU;AAAA,KAAc,QACtB,MAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AACvC,QAAI,iBAAiB,KAAK,KAAK,CAAC,MAAM,MAAM,MAAM;AAChD,aAAO,aAAa,OAAO;AAAA,QACzB;AAAA,MACF,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,CAAC,CACH,CACF;AAEJ,CACF,CACF,CACF,GACA;AAAA,EACE,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AACd,CACF;",
+  "names": []
+}

package/dist/esm/index.js

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

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './Card'\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/dist/jsx/Card.js

@@ -0,0 +1,87 @@
+import {
+  isTamaguiElement,
+  styled,
+  themeable,
+  withStaticProperties
+} from "@tamagui/core";
+import { createContextScope } from "@tamagui/create-context";
+import { ThemeableStack } from "@tamagui/stacks";
+import React, { cloneElement, forwardRef } from "react";
+React["createElement"];
+const CARD_NAME = "CARD";
+const [createCardContext, createCardScope] = createContextScope(CARD_NAME);
+const [CardProvider, useCardContext] = createCardContext(CARD_NAME);
+const CardFrame = styled(ThemeableStack, {
+  name: "Card",
+  backgroundColor: "$background",
+  position: "relative",
+  overflow: "hidden",
+  variants: {
+    size: {
+      "...size": (val, { tokens }) => {
+        var _a;
+        return {
+          borderRadius: (_a = tokens.radius[val]) != null ? _a : val
+        };
+      }
+    }
+  },
+  defaultVariants: {
+    size: "$4"
+  }
+});
+const CardHeader = styled(ThemeableStack, {
+  name: "CardHeader",
+  zIndex: 10,
+  backgroundColor: "transparent",
+  marginBottom: "auto",
+  variants: {
+    size: {
+      "...size": (val, { tokens }) => {
+        var _a;
+        return {
+          padding: (_a = tokens.space[val]) != null ? _a : val
+        };
+      }
+    }
+  }
+});
+const CardFooter = styled(CardHeader, {
+  name: "CardFooter",
+  zIndex: 5,
+  flexDirection: "row",
+  marginTop: "auto",
+  marginBottom: 0
+});
+const CardBackground = styled(ThemeableStack, {
+  name: "CardBackground",
+  zIndex: 0,
+  fullscreen: true,
+  overflow: "hidden",
+  pointerEvents: "none",
+  padding: 0
+});
+const Card = withStaticProperties(CardFrame.extractable(themeable(forwardRef(({ size, __scopeCard, children, ...props }, ref) => {
+  return <CardProvider scope={__scopeCard} size={size}><CardFrame ref={ref} {...props}>{React.Children.map(children, (child) => {
+    if (isTamaguiElement(child) && !child.props.size) {
+      return cloneElement(child, {
+        size
+      });
+    }
+    return child;
+  })}</CardFrame></CardProvider>;
+}))), {
+  Header: CardHeader,
+  Footer: CardFooter,
+  Background: CardBackground
+});
+export {
+  Card,
+  CardBackground,
+  CardFooter,
+  CardFrame,
+  CardHeader,
+  createCardScope,
+  useCardContext
+};
+//# sourceMappingURL=Card.js.map

package/dist/jsx/Card.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Card.tsx"],
+  "sourcesContent": ["import {\n  GetProps,\n  SizeTokens,\n  isTamaguiElement,\n  styled,\n  themeable,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { ScopedProps, createContextScope } from '@tamagui/create-context'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport React, { cloneElement, forwardRef } from 'react'\nimport { View } from 'react-native'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\nconst CARD_NAME = 'CARD'\n\ntype CardContextValue = {\n  size?: SizeTokens\n}\n\nconst [createCardContext, createCardScope] = createContextScope(CARD_NAME)\nconst [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  },\n\n  defaultVariants: {\n    size: '$4',\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  },\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>\n\nexport type CardProps = GetProps<typeof CardFrame>\n\nexport const Card = withStaticProperties(\n  CardFrame.extractable(\n    themeable(\n      forwardRef<HTMLElement | View, 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  {\n    Header: CardHeader,\n    Footer: CardFooter,\n    Background: CardBackground,\n  }\n)\n\nexport { createCardScope, useCardContext }\n"],
+  "mappings": "AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AACA;AACA;AAIA,MAAM;AAEN,MAAM,YAAY;AAMlB,MAAM,CAAC,mBAAmB,mBAAmB,mBAAmB,SAAS;AACzE,MAAM,CAAC,cAAc,kBAAkB,kBAAoC,SAAS;AAE7E,MAAM,YAAY,OAAO,gBAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,aAAa;AAjCtC;AAkCQ,eAAO;AAAA,UACL,cAAc,aAAO,OAAO,SAAd,YAAsB;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAEM,MAAM,aAAa,OAAO,gBAAgB;AAAA,EAC/C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,aAAa;AAtDtC;AAuDQ,eAAO;AAAA,UACL,SAAS,aAAO,MAAM,SAAb,YAAqB;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAEM,MAAM,aAAa,OAAO,YAAY;AAAA,EAC3C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,WAAW;AAAA,EACX,cAAc;AAChB,CAAC;AAEM,MAAM,iBAAiB,OAAO,gBAAgB;AAAA,EACnD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA,EACf,SAAS;AACX,CAAC;AAOM,MAAM,OAAO,qBAClB,UAAU,YACR,UACE,WACE,CAAC,EAAE,MAAM,aAAa,aAAa,SAAS,QAAQ;AAClD,SACE,CAAC,aAAa,OAAO,aAAa,MAAM,MACtC,CAAC,UAAU,KAAK,SAAS,QACtB,MAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AACvC,QAAI,iBAAiB,KAAK,KAAK,CAAC,MAAM,MAAM,MAAM;AAChD,aAAO,aAAa,OAAO;AAAA,QACzB;AAAA,MACF,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,CAAC,EACH,EATC,UAUH,EAXC;AAaL,CACF,CACF,CACF,GACA;AAAA,EACE,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AACd,CACF;",
+  "names": []
+}

package/dist/jsx/index.js

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

package/dist/jsx/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './Card'\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@tamagui/card",
+  "version": "1.0.1-beta.100",
+  "sideEffects": [
+    "*.css"
+  ],
+  "source": "src/index.ts",
+  "types": "./types/index.d.ts",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "module:jsx": "dist/jsx",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "scripts": {
+    "build": "tamagui-build",
+    "watch": "tamagui-build --watch",
+    "clean": "tamagui-build clean",
+    "clean:build": "tamagui-build clean:build"
+  },
+  "dependencies": {
+    "@tamagui/core": "^1.0.1-beta.100",
+    "@tamagui/create-context": "^1.0.1-beta.100",
+    "@tamagui/stacks": "^1.0.1-beta.100"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-dom": "*",
+    "react-native": "*"
+  },
+  "devDependencies": {
+    "@tamagui/build": "^1.0.1-beta.100",
+    "@types/react-native": "^0.67.3",
+    "react": "*",
+    "react-dom": "*",
+    "react-native": "*"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/Card.tsx

@@ -0,0 +1,116 @@
+import {
+  GetProps,
+  SizeTokens,
+  isTamaguiElement,
+  styled,
+  themeable,
+  withStaticProperties,
+} from '@tamagui/core'
+import { ScopedProps, createContextScope } from '@tamagui/create-context'
+import { ThemeableStack } from '@tamagui/stacks'
+import React, { cloneElement, forwardRef } from 'react'
+import { View } from 'react-native'
+
+// bugfix esbuild strips react jsx: 'preserve'
+React['createElement']
+
+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: {
+    size: {
+      '...size': (val, { tokens }) => {
+        return {
+          borderRadius: tokens.radius[val] ?? val,
+        }
+      },
+    },
+  },
+
+  defaultVariants: {
+    size: '$4',
+  },
+})
+
+export const CardHeader = styled(ThemeableStack, {
+  name: 'CardHeader',
+  zIndex: 10,
+  backgroundColor: 'transparent',
+  marginBottom: 'auto',
+
+  variants: {
+    size: {
+      '...size': (val, { tokens }) => {
+        return {
+          padding: tokens.space[val] ?? val,
+        }
+      },
+    },
+  },
+})
+
+export const CardFooter = styled(CardHeader, {
+  name: 'CardFooter',
+  zIndex: 5,
+  flexDirection: 'row',
+  marginTop: 'auto',
+  marginBottom: 0,
+})
+
+export const CardBackground = styled(ThemeableStack, {
+  name: 'CardBackground',
+  zIndex: 0,
+  fullscreen: true,
+  overflow: 'hidden',
+  pointerEvents: 'none',
+  padding: 0,
+})
+
+export type CardHeaderProps = GetProps<typeof CardHeader>
+export type CardFooterProps = GetProps<typeof CardFooter>
+
+export type CardProps = GetProps<typeof CardFrame>
+
+export const Card = withStaticProperties(
+  CardFrame.extractable(
+    themeable(
+      forwardRef<HTMLElement | View, 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) {
+                    return cloneElement(child, {
+                      size,
+                    })
+                  }
+                  return child
+                })}
+              </CardFrame>
+            </CardProvider>
+          )
+        }
+      )
+    )
+  ),
+  {
+    Header: CardHeader,
+    Footer: CardFooter,
+    Background: CardBackground,
+  }
+)
+
+export { createCardScope, useCardContext }

package/src/index.ts

@@ -0,0 +1 @@
+export * from './Card'