@tamagui/image 1.0.1-beta.47

package/dist/cjs/Circle.js

@@ -0,0 +1,33 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Circle_exports = {};
+__export(Circle_exports, {
+  Circle: () => Circle
+});
+module.exports = __toCommonJS(Circle_exports);
+var import_core = require("@tamagui/core");
+var import_Square = require("./Square");
+const Circle = (0, import_core.styled)(import_Square.Square, {
+  name: "Circle",
+  circular: true
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Circle
+});
+//# sourceMappingURL=Circle.js.map

package/dist/cjs/Circle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Circle.tsx"],
+  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\n\nimport { Square } from './Square'\n\nexport const Circle = styled(Square, {\n  name: 'Circle',\n  circular: true,\n})\n\nexport type CircleProps = GetProps<typeof Circle>\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiC;AAEjC,oBAAuB;AAEhB,MAAM,SAAS,wBAAO,sBAAQ;AAAA,EACnC,MAAM;AAAA,EACN,UAAU;AACZ,CAAC;",
+  "names": []
+}

package/dist/cjs/Image.js

@@ -0,0 +1,80 @@
+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 Image_exports = {};
+__export(Image_exports, {
+  Image: () => Image
+});
+module.exports = __toCommonJS(Image_exports);
+var import_core = require("@tamagui/core");
+var import_react = __toESM(require("react"));
+var import_react_native = require("react-native");
+import_react.default["createElement"];
+const StyledImage = (0, import_core.styled)(import_react_native.Image, {
+  name: "Image",
+  position: "relative",
+  source: { uri: "" }
+}, {
+  inlineProps: /* @__PURE__ */ new Set(["src", "width", "height"])
+});
+const Image = StyledImage.extractable((inProps) => {
+  const props = (0, import_core.getExpandedShorthands)(inProps);
+  const _a = props, { src, width = 100, height = 100 } = _a, rest = __objRest(_a, ["src", "width", "height"]);
+  const source = typeof src === "string" ? { uri: src, width, height } : src;
+  const defaultSource = Array.isArray(source) ? source[0] : source;
+  if (!defaultSource) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement(StyledImage, __spreadValues({
+    defaultSource,
+    source
+  }, rest));
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Image
+});
+//# sourceMappingURL=Image.js.map

package/dist/cjs/Image.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Image.tsx"],
+  "sourcesContent": ["import { GetProps, StackProps, getExpandedShorthands, styled } from '@tamagui/core'\nimport React from 'react'\nimport { Image as RNImage } from 'react-native'\n\nReact['createElement']\n\nconst StyledImage = styled(\n  RNImage,\n  {\n    name: 'Image',\n    position: 'relative',\n    source: { uri: '' },\n  },\n  {\n    inlineProps: new Set(['src', 'width', 'height']),\n  }\n)\n\ntype StyledImageProps = GetProps<typeof StyledImage>\n\ntype BaseProps = Omit<StyledImageProps, 'source' | 'width' | 'height' | 'style' | 'onLayout'> & {\n  width: number\n  height: number\n  src: string | StyledImageProps['source']\n}\n\nexport type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>\n\nexport const Image: React.FC<ImageProps> = StyledImage.extractable((inProps) => {\n  const props = getExpandedShorthands(inProps)\n  const { src, width = 100, height = 100, ...rest } = props\n  const source = typeof src === 'string' ? { uri: src, width, height } : src\n  const defaultSource = Array.isArray(source) ? source[0] : source\n\n  if (!defaultSource) {\n    // placeholder with customizability\n    return null\n  }\n\n  // must set defaultSource to allow SSR, default it to the same as src\n  // @ts-ignore we pass all react-native-web props down\n  return <StyledImage defaultSource={defaultSource} source={source} {...rest} />\n})\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAoE;AACpE,mBAAkB;AAClB,0BAAiC;AAEjC,qBAAM;AAEN,MAAM,cAAc,wBAClB,2BACA;AAAA,EACE,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ,EAAE,KAAK,GAAG;AACpB,GACA;AAAA,EACE,aAAa,oBAAI,IAAI,CAAC,OAAO,SAAS,QAAQ,CAAC;AACjD,CACF;AAYO,MAAM,QAA8B,YAAY,YAAY,CAAC,YAAY;AAC9E,QAAM,QAAQ,uCAAsB,OAAO;AAC3C,QAAoD,YAA5C,OAAK,QAAQ,KAAK,SAAS,QAAiB,IAAT,iBAAS,IAAT,CAAnC,OAAK,SAAa;AAC1B,QAAM,SAAS,OAAO,QAAQ,WAAW,EAAE,KAAK,KAAK,OAAO,OAAO,IAAI;AACvE,QAAM,gBAAgB,MAAM,QAAQ,MAAM,IAAI,OAAO,KAAK;AAE1D,MAAI,CAAC,eAAe;AAElB,WAAO;AAAA,EACT;AAIA,SAAO,mDAAC;AAAA,IAAY;AAAA,IAA8B;AAAA,KAAoB,KAAM;AAC9E,CAAC;",
+  "names": []
+}

package/dist/cjs/Square.js

@@ -0,0 +1,41 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Square_exports = {};
+__export(Square_exports, {
+  Square: () => Square
+});
+module.exports = __toCommonJS(Square_exports);
+var import_core = require("@tamagui/core");
+var import_stacks = require("@tamagui/stacks");
+var import_getShapeSize = require("./getShapeSize");
+const Square = (0, import_core.styled)(import_stacks.SizableStack, {
+  name: "Square",
+  alignItems: "center",
+  justifyContent: "center",
+  overflow: "hidden",
+  variants: {
+    size: {
+      "...size": import_getShapeSize.getShapeSize
+    }
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Square
+});
+//# sourceMappingURL=Square.js.map

package/dist/cjs/Square.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Square.tsx"],
+  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { SizableStack } from '@tamagui/stacks'\n\nimport { getShapeSize } from './getShapeSize'\n\nexport const Square = styled(SizableStack, {\n  name: 'Square',\n  alignItems: 'center',\n  justifyContent: 'center',\n  overflow: 'hidden',\n\n  variants: {\n    size: {\n      '...size': getShapeSize,\n    },\n  },\n})\n\nexport type SquareProps = GetProps<typeof Square>\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiC;AACjC,oBAA6B;AAE7B,0BAA6B;AAEtB,MAAM,SAAS,wBAAO,4BAAc;AAAA,EACzC,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}

package/dist/cjs/getShapeSize.js

@@ -0,0 +1,40 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var getShapeSize_exports = {};
+__export(getShapeSize_exports, {
+  getShapeSize: () => getShapeSize
+});
+module.exports = __toCommonJS(getShapeSize_exports);
+const getShapeSize = /* @__PURE__ */ __name((size, { tokens }) => {
+  const width = tokens.size[size] ?? size;
+  const height = tokens.size[size] ?? size;
+  return {
+    width,
+    height,
+    minWidth: width,
+    maxWidth: width,
+    maxHeight: height,
+    minHeight: height
+  };
+}, "getShapeSize");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getShapeSize
+});
+//# sourceMappingURL=getShapeSize.js.map

package/dist/cjs/getShapeSize.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/getShapeSize.tsx"],
+  "sourcesContent": ["import { SizeVariantSpreadFunction } from '@tamagui/core'\nimport { SizableStackProps } from '@tamagui/stacks'\n\nexport const getShapeSize: SizeVariantSpreadFunction<SizableStackProps> = (size, { tokens }) => {\n  const width = tokens.size[size] ?? size\n  const height = tokens.size[size] ?? size\n  return {\n    width,\n    height,\n    minWidth: width,\n    maxWidth: width,\n    maxHeight: height,\n    minHeight: height,\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGO,MAAM,eAA6D,wBAAC,MAAM,EAAE,aAAa;AAC9F,QAAM,QAAQ,OAAO,KAAK,SAAS;AACnC,QAAM,SAAS,OAAO,KAAK,SAAS;AACpC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AACF,GAX0E;",
+  "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("./Image"), 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 './Image'\n"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,oBAAd;",
+  "names": []
+}

package/dist/esm/Circle.js

@@ -0,0 +1,10 @@
+import { styled } from "@tamagui/core";
+import { Square } from "./Square";
+const Circle = styled(Square, {
+  name: "Circle",
+  circular: true
+});
+export {
+  Circle
+};
+//# sourceMappingURL=Circle.js.map

package/dist/esm/Circle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Circle.tsx"],
+  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\n\nimport { Square } from './Square'\n\nexport const Circle = styled(Square, {\n  name: 'Circle',\n  circular: true,\n})\n\nexport type CircleProps = GetProps<typeof Circle>\n"],
+  "mappings": "AAAA;AAEA;AAEO,MAAM,SAAS,OAAO,QAAQ;AAAA,EACnC,MAAM;AAAA,EACN,UAAU;AACZ,CAAC;",
+  "names": []
+}

package/dist/esm/Image.js

@@ -0,0 +1,29 @@
+import { getExpandedShorthands, styled } from "@tamagui/core";
+import React from "react";
+import { Image as RNImage } from "react-native";
+React["createElement"];
+const StyledImage = styled(RNImage, {
+  name: "Image",
+  position: "relative",
+  source: { uri: "" }
+}, {
+  inlineProps: /* @__PURE__ */ new Set(["src", "width", "height"])
+});
+const Image = StyledImage.extractable((inProps) => {
+  const props = getExpandedShorthands(inProps);
+  const { src, width = 100, height = 100, ...rest } = props;
+  const source = typeof src === "string" ? { uri: src, width, height } : src;
+  const defaultSource = Array.isArray(source) ? source[0] : source;
+  if (!defaultSource) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(StyledImage, {
+    defaultSource,
+    source,
+    ...rest
+  });
+});
+export {
+  Image
+};
+//# sourceMappingURL=Image.js.map

package/dist/esm/Image.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Image.tsx"],
+  "sourcesContent": ["import { GetProps, StackProps, getExpandedShorthands, styled } from '@tamagui/core'\nimport React from 'react'\nimport { Image as RNImage } from 'react-native'\n\nReact['createElement']\n\nconst StyledImage = styled(\n  RNImage,\n  {\n    name: 'Image',\n    position: 'relative',\n    source: { uri: '' },\n  },\n  {\n    inlineProps: new Set(['src', 'width', 'height']),\n  }\n)\n\ntype StyledImageProps = GetProps<typeof StyledImage>\n\ntype BaseProps = Omit<StyledImageProps, 'source' | 'width' | 'height' | 'style' | 'onLayout'> & {\n  width: number\n  height: number\n  src: string | StyledImageProps['source']\n}\n\nexport type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>\n\nexport const Image: React.FC<ImageProps> = StyledImage.extractable((inProps) => {\n  const props = getExpandedShorthands(inProps)\n  const { src, width = 100, height = 100, ...rest } = props\n  const source = typeof src === 'string' ? { uri: src, width, height } : src\n  const defaultSource = Array.isArray(source) ? source[0] : source\n\n  if (!defaultSource) {\n    // placeholder with customizability\n    return null\n  }\n\n  // must set defaultSource to allow SSR, default it to the same as src\n  // @ts-ignore we pass all react-native-web props down\n  return <StyledImage defaultSource={defaultSource} source={source} {...rest} />\n})\n"],
+  "mappings": "AAAA;AACA;AACA;AAEA,MAAM;AAEN,MAAM,cAAc,OAClB,SACA;AAAA,EACE,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ,EAAE,KAAK,GAAG;AACpB,GACA;AAAA,EACE,aAAa,oBAAI,IAAI,CAAC,OAAO,SAAS,QAAQ,CAAC;AACjD,CACF;AAYO,MAAM,QAA8B,YAAY,YAAY,CAAC,YAAY;AAC9E,QAAM,QAAQ,sBAAsB,OAAO;AAC3C,QAAM,EAAE,KAAK,QAAQ,KAAK,SAAS,QAAQ,SAAS;AACpD,QAAM,SAAS,OAAO,QAAQ,WAAW,EAAE,KAAK,KAAK,OAAO,OAAO,IAAI;AACvE,QAAM,gBAAgB,MAAM,QAAQ,MAAM,IAAI,OAAO,KAAK;AAE1D,MAAI,CAAC,eAAe;AAElB,WAAO;AAAA,EACT;AAIA,SAAO,oCAAC;AAAA,IAAY;AAAA,IAA8B;AAAA,IAAiB,GAAG;AAAA,GAAM;AAC9E,CAAC;",
+  "names": []
+}

package/dist/esm/Square.js

@@ -0,0 +1,18 @@
+import { styled } from "@tamagui/core";
+import { SizableStack } from "@tamagui/stacks";
+import { getShapeSize } from "./getShapeSize";
+const Square = styled(SizableStack, {
+  name: "Square",
+  alignItems: "center",
+  justifyContent: "center",
+  overflow: "hidden",
+  variants: {
+    size: {
+      "...size": getShapeSize
+    }
+  }
+});
+export {
+  Square
+};
+//# sourceMappingURL=Square.js.map

package/dist/esm/Square.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Square.tsx"],
+  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { SizableStack } from '@tamagui/stacks'\n\nimport { getShapeSize } from './getShapeSize'\n\nexport const Square = styled(SizableStack, {\n  name: 'Square',\n  alignItems: 'center',\n  justifyContent: 'center',\n  overflow: 'hidden',\n\n  variants: {\n    size: {\n      '...size': getShapeSize,\n    },\n  },\n})\n\nexport type SquareProps = GetProps<typeof Square>\n"],
+  "mappings": "AAAA;AACA;AAEA;AAEO,MAAM,SAAS,OAAO,cAAc;AAAA,EACzC,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}

package/dist/esm/getShapeSize.js

@@ -0,0 +1,19 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const getShapeSize = /* @__PURE__ */ __name((size, { tokens }) => {
+  var _a, _b;
+  const width = (_a = tokens.size[size]) != null ? _a : size;
+  const height = (_b = tokens.size[size]) != null ? _b : size;
+  return {
+    width,
+    height,
+    minWidth: width,
+    maxWidth: width,
+    maxHeight: height,
+    minHeight: height
+  };
+}, "getShapeSize");
+export {
+  getShapeSize
+};
+//# sourceMappingURL=getShapeSize.js.map

package/dist/esm/getShapeSize.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/getShapeSize.tsx"],
+  "sourcesContent": ["import { SizeVariantSpreadFunction } from '@tamagui/core'\nimport { SizableStackProps } from '@tamagui/stacks'\n\nexport const getShapeSize: SizeVariantSpreadFunction<SizableStackProps> = (size, { tokens }) => {\n  const width = tokens.size[size] ?? size\n  const height = tokens.size[size] ?? size\n  return {\n    width,\n    height,\n    minWidth: width,\n    maxWidth: width,\n    maxHeight: height,\n    minHeight: height,\n  }\n}\n"],
+  "mappings": ";;AAGO,MAAM,eAA6D,wBAAC,MAAM,EAAE,aAAa;AAHhG;AAIE,QAAM,QAAQ,aAAO,KAAK,UAAZ,YAAqB;AACnC,QAAM,SAAS,aAAO,KAAK,UAAZ,YAAqB;AACpC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AACF,GAX0E;",
+  "names": []
+}

package/dist/esm/index.js

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

package/dist/esm/index.js.map

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

package/dist/jsx/Circle.js

@@ -0,0 +1,9 @@
+import { styled } from "@tamagui/core";
+import { Square } from "./Square";
+const Circle = styled(Square, {
+  name: "Circle",
+  circular: true
+});
+export {
+  Circle
+};

package/dist/jsx/Image.js

@@ -0,0 +1,24 @@
+import { getExpandedShorthands, styled } from "@tamagui/core";
+import React from "react";
+import { Image as RNImage } from "react-native";
+React["createElement"];
+const StyledImage = styled(RNImage, {
+  name: "Image",
+  position: "relative",
+  source: { uri: "" }
+}, {
+  inlineProps: /* @__PURE__ */ new Set(["src", "width", "height"])
+});
+const Image = StyledImage.extractable((inProps) => {
+  const props = getExpandedShorthands(inProps);
+  const { src, width = 100, height = 100, ...rest } = props;
+  const source = typeof src === "string" ? { uri: src, width, height } : src;
+  const defaultSource = Array.isArray(source) ? source[0] : source;
+  if (!defaultSource) {
+    return null;
+  }
+  return <StyledImage defaultSource={defaultSource} source={source} {...rest} />;
+});
+export {
+  Image
+};

package/dist/jsx/Square.js

@@ -0,0 +1,17 @@
+import { styled } from "@tamagui/core";
+import { SizableStack } from "@tamagui/stacks";
+import { getShapeSize } from "./getShapeSize";
+const Square = styled(SizableStack, {
+  name: "Square",
+  alignItems: "center",
+  justifyContent: "center",
+  overflow: "hidden",
+  variants: {
+    size: {
+      "...size": getShapeSize
+    }
+  }
+});
+export {
+  Square
+};

package/dist/jsx/getShapeSize.js

@@ -0,0 +1,18 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const getShapeSize = /* @__PURE__ */ __name((size, { tokens }) => {
+  var _a, _b;
+  const width = (_a = tokens.size[size]) != null ? _a : size;
+  const height = (_b = tokens.size[size]) != null ? _b : size;
+  return {
+    width,
+    height,
+    minWidth: width,
+    maxWidth: width,
+    maxHeight: height,
+    minHeight: height
+  };
+}, "getShapeSize");
+export {
+  getShapeSize
+};

package/dist/jsx/index.js

@@ -0,0 +1 @@
+export * from "./Image";

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@tamagui/image",
+  "version": "1.0.1-beta.47",
+  "sideEffects": true,
+  "source": "src/index.ts",
+  "types": "./types/index.d.ts",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "module:jsx": "dist/jsx",
+  "files": [
+    "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.47"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "devDependencies": {
+    "@tamagui/build": "^1.0.1-beta.47",
+    "react": "*",
+    "react-native": "*"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/types/Circle.d.ts

@@ -0,0 +1,110 @@
+import { GetProps } from '@tamagui/core';
+export declare const Circle: import("@tamagui/core").TamaguiComponent<(Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    hoverable?: boolean | undefined;
+    pressable?: boolean | undefined;
+    focusable?: boolean | undefined;
+    circular?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    size?: import("@tamagui/core").SizeTokens | undefined;
+}, "size"> & {
+    size?: import("@tamagui/core").SizeTokens | undefined;
+} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    hoverable?: boolean | undefined;
+    pressable?: boolean | undefined;
+    focusable?: boolean | undefined;
+    circular?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    size?: import("@tamagui/core").SizeTokens | undefined;
+}, "size"> & {
+    size?: import("@tamagui/core").SizeTokens | undefined;
+}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    hoverable?: boolean | undefined;
+    pressable?: boolean | undefined;
+    focusable?: boolean | undefined;
+    circular?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    size?: import("@tamagui/core").SizeTokens | undefined;
+}, "size"> & {
+    size?: import("@tamagui/core").SizeTokens | undefined;
+}>>) | (Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    hoverable?: boolean | undefined;
+    pressable?: boolean | undefined;
+    focusable?: boolean | undefined;
+    circular?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    size?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    size?: import("@tamagui/core").SizeTokens | undefined;
+}, string | number> & {
+    [x: string]: undefined;
+} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    hoverable?: boolean | undefined;
+    pressable?: boolean | undefined;
+    focusable?: boolean | undefined;
+    circular?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    size?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    size?: import("@tamagui/core").SizeTokens | undefined;
+}, string | number> & {
+    [x: string]: undefined;
+}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    hoverable?: boolean | undefined;
+    pressable?: boolean | undefined;
+    focusable?: boolean | undefined;
+    circular?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    size?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    size?: import("@tamagui/core").SizeTokens | undefined;
+}, string | number> & {
+    [x: string]: undefined;
+}>>), any, import("@tamagui/core").StackPropsBase, {
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    hoverable?: boolean | undefined;
+    pressable?: boolean | undefined;
+    focusable?: boolean | undefined;
+    circular?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    size?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    size?: import("@tamagui/core").SizeTokens | undefined;
+} & ({} | {
+    [x: string]: undefined;
+})>;
+export declare type CircleProps = GetProps<typeof Circle>;
+//# sourceMappingURL=Circle.d.ts.map

package/types/Circle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Circle.d.ts","sourceRoot":"","sources":["../src/Circle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAU,MAAM,eAAe,CAAA;AAIhD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAGjB,CAAA;AAEF,oBAAY,WAAW,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA"}

package/types/Image.d.ts

@@ -0,0 +1,21 @@
+import { GetProps, StackProps } from '@tamagui/core';
+import React from 'react';
+declare const StyledImage: import("@tamagui/core").TamaguiComponent<(import("react-native").ImageProps & Omit<StackProps, keyof import("react-native").ImageProps>) | (import("react-native").ImageProps & Omit<StackProps, keyof import("react-native").ImageProps> & Omit<{}, string | number> & {
+    [x: string]: undefined;
+} & import("@tamagui/core").MediaProps<Partial<import("react-native").ImageProps & Omit<StackProps, keyof import("react-native").ImageProps> & Omit<{}, string | number> & {
+    [x: string]: undefined;
+}>> & import("@tamagui/core").PseudoProps<Partial<import("react-native").ImageProps & Omit<StackProps, keyof import("react-native").ImageProps> & Omit<{}, string | number> & {
+    [x: string]: undefined;
+}>>), any, import("react-native").ImageProps & Omit<StackProps, keyof import("react-native").ImageProps>, {} | {
+    [x: string]: undefined;
+}>;
+declare type StyledImageProps = GetProps<typeof StyledImage>;
+declare type BaseProps = Omit<StyledImageProps, 'source' | 'width' | 'height' | 'style' | 'onLayout'> & {
+    width: number;
+    height: number;
+    src: string | StyledImageProps['source'];
+};
+export declare type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>;
+export declare const Image: React.FC<ImageProps>;
+export {};
+//# sourceMappingURL=Image.d.ts.map

package/types/Image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../src/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAiC,MAAM,eAAe,CAAA;AACnF,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,QAAA,MAAM,WAAW;;;;;;;;EAUhB,CAAA;AAED,aAAK,gBAAgB,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAEpD,aAAK,SAAS,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC,GAAG;IAC9F,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAA;CACzC,CAAA;AAED,oBAAY,UAAU,GAAG,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,SAAS,CAAC,CAAA;AAEtE,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAcrC,CAAA"}

package/types/Square.d.ts

@@ -0,0 +1,60 @@
+import { GetProps } from '@tamagui/core';
+export declare const Square: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    hoverable?: boolean | undefined;
+    pressable?: boolean | undefined;
+    focusable?: boolean | undefined;
+    circular?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    size?: import("@tamagui/core").SizeTokens | undefined;
+}, "size"> & {
+    size?: import("@tamagui/core").SizeTokens | undefined;
+} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    hoverable?: boolean | undefined;
+    pressable?: boolean | undefined;
+    focusable?: boolean | undefined;
+    circular?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    size?: import("@tamagui/core").SizeTokens | undefined;
+}, "size"> & {
+    size?: import("@tamagui/core").SizeTokens | undefined;
+}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    hoverable?: boolean | undefined;
+    pressable?: boolean | undefined;
+    focusable?: boolean | undefined;
+    circular?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    size?: import("@tamagui/core").SizeTokens | undefined;
+}, "size"> & {
+    size?: import("@tamagui/core").SizeTokens | undefined;
+}>>, any, import("@tamagui/core").StackPropsBase, {
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    hoverable?: boolean | undefined;
+    pressable?: boolean | undefined;
+    focusable?: boolean | undefined;
+    circular?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    size?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    size?: import("@tamagui/core").SizeTokens | undefined;
+}>;
+export declare type SquareProps = GetProps<typeof Square>;
+//# sourceMappingURL=Square.d.ts.map

package/types/Square.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Square.d.ts","sourceRoot":"","sources":["../src/Square.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAU,MAAM,eAAe,CAAA;AAKhD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWjB,CAAA;AAEF,oBAAY,WAAW,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA"}

package/types/getShapeSize.d.ts

@@ -0,0 +1,4 @@
+import { SizeVariantSpreadFunction } from '@tamagui/core';
+import { SizableStackProps } from '@tamagui/stacks';
+export declare const getShapeSize: SizeVariantSpreadFunction<SizableStackProps>;
+//# sourceMappingURL=getShapeSize.d.ts.map

package/types/getShapeSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getShapeSize.d.ts","sourceRoot":"","sources":["../src/getShapeSize.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD,eAAO,MAAM,YAAY,EAAE,yBAAyB,CAAC,iBAAiB,CAWrE,CAAA"}

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Image';
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}