@multiplatform.one/components 0.7.0 → 0.7.1

package/dist/cjs/images/SimpleImage/index.native.js

@@ -0,0 +1,116 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var SimpleImage_exports = {};
+__export(SimpleImage_exports, {
+  SimpleImage: () => SimpleImage
+});
+module.exports = __toCommonJS(SimpleImage_exports);
+var import_react = __toESM(require("react")), import_image = require("solito/image"), import_tamagui = require("tamagui"), import_react_native = require("react-native"), import_useAssets = require("../../hooks/useAssets");
+const SimpleImageComponent = (0, import_react.forwardRef)(
+  ({
+    alt,
+    blurDataURL,
+    contentFit,
+    contentPosition,
+    crossOrigin,
+    height,
+    loader,
+    loading,
+    onLayout,
+    onLoadingComplete,
+    placeholder,
+    priority,
+    quality,
+    aspectRatio,
+    referrerPolicy,
+    resizeMode,
+    sizes,
+    src,
+    unoptimized,
+    width,
+    ...props
+  }, ref) => {
+    const parentRef = (0, import_react.useRef)(), style = import_react_native.StyleSheet.flatten(props.style || {});
+    let asset;
+    typeof src == "number" && ([asset] = (0, import_useAssets.useAssets)([src]));
+    const staticImageData = (0, import_react.useMemo)(() => {
+      if (typeof src != "string")
+        return typeof src == "number" ? asset : (src == null ? void 0 : src.default) || src;
+    }, [asset, src]), mAspectRatio = (0, import_react.useMemo)(() => {
+      const sAspectRatio = aspectRatio || style.aspectRatio;
+      if (typeof sAspectRatio == "string") {
+        const [width2, height2] = sAspectRatio.split(":");
+        return parseInt(width2, 10) / parseInt(height2, 10);
+      }
+      return sAspectRatio;
+    }, [aspectRatio, style.aspectRatio]), solitoHeight = (0, import_react.useMemo)(() => {
+      if (typeof height == "string")
+        return;
+      if (typeof height == "number")
+        return height;
+      const w = typeof width == "number" ? width : typeof style.width < "u" ? typeof style.width == "number" ? style.width : void 0 : staticImageData == null ? void 0 : staticImageData.width;
+      return typeof w == "number" && typeof mAspectRatio == "number" ? w / mAspectRatio : staticImageData == null ? void 0 : staticImageData.height;
+    }, [mAspectRatio, staticImageData == null ? void 0 : staticImageData.width, staticImageData == null ? void 0 : staticImageData.height, style.width, style.height, width, height]), solitoWidth = (0, import_react.useMemo)(() => {
+      if (typeof width == "string")
+        return;
+      if (typeof width == "number")
+        return width;
+      const h = typeof height == "number" ? height : typeof style.height < "u" ? typeof style.height == "number" ? style.height : void 0 : staticImageData == null ? void 0 : staticImageData.height;
+      return typeof h == "number" && typeof mAspectRatio == "number" ? h * mAspectRatio : staticImageData == null ? void 0 : staticImageData.width;
+    }, [mAspectRatio, staticImageData == null ? void 0 : staticImageData.width, staticImageData == null ? void 0 : staticImageData.height, style.width, style.height, width, height]), fill = (0, import_react.useMemo)(() => typeof solitoWidth > "u" || typeof solitoHeight > "u", [solitoWidth, solitoHeight]);
+    return /* @__PURE__ */ import_react.default.createElement(import_tamagui.Stack, { ...props, aspectRatio, width, height, ref: parentRef }, src && /* @__PURE__ */ import_react.default.createElement(
+      import_image.SolitoImage,
+      {
+        alt: alt || "",
+        blurDataURL,
+        contentFit,
+        contentPosition,
+        crossOrigin,
+        fill,
+        height: fill ? void 0 : solitoHeight,
+        loader,
+        loading,
+        onLayout,
+        onLoadingComplete,
+        placeholder,
+        priority,
+        quality,
+        ref,
+        referrerPolicy,
+        resizeMode,
+        sizes,
+        src,
+        unoptimized,
+        width: fill ? void 0 : solitoWidth
+      }
+    ));
+  }
+), SimpleImage = (0, import_tamagui.createComponent)({
+  Component: SimpleImageComponent,
+  acceptsClassName: !0
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SimpleImage
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/images/SimpleImage/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/images/SimpleImage/index.tsx"],
+  "mappings": "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",
+  "names": ["width", "height", "React"]
+}

package/dist/cjs/images/SimpleImage/index.stories.js

@@ -1,30 +1,17 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __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 });
-  }
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var index_stories_exports = {};
 __export(index_stories_exports, {
   default: () => index_stories_default,
@@ -36,26 +23,21 @@ __export(index_stories_exports, {
   withYStack: () => withYStack
 });
 module.exports = __toCommonJS(index_stories_exports);
-var import_react = __toESM(require("react"));
-var import_react_native = require("react-native");
-var import_hooks = require("../../hooks");
-var import_index = require("./index");
-var import_tamagui = require("tamagui");
-var index_stories_default = {
+var import_react_native = require("react-native"), import_hooks = require("../../hooks"), import_index = require("./index"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime"), index_stories_default = {
   title: "images/SimpleImage",
   component: import_index.SimpleImage,
   parameters: {
     status: { type: "beta" }
   }
 };
-const main = (args) => /* @__PURE__ */ import_react.default.createElement(import_index.SimpleImage, { src: require("../../../assets/poker-game-1894.png"), ...args });
+const main = (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.SimpleImage, { src: require("../../../assets/poker-game-1894.png"), ...args });
 main.args = {
   aspectRatio: void 0,
   height: void 0,
   width: void 0,
   bg: "black"
 };
-const withSvg = (args) => /* @__PURE__ */ import_react.default.createElement(import_index.SimpleImage, { src: require("../../../assets/pentagon.svg"), ...args });
+const withSvg = (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.SimpleImage, { src: require("../../../assets/pentagon.svg"), ...args });
 withSvg.args = {
   aspectRatio: void 0,
   height: void 0,
@@ -73,11 +55,11 @@ withSvg.argTypes = {
 };
 function WithUseAssets() {
   const [pokerGame1894Png] = (0, import_hooks.useAssets)([require("../../../assets/poker-game-1894.png")]);
-  return /* @__PURE__ */ import_react.default.createElement(import_index.SimpleImage, { width: 400, height: 400, backgroundColor: "black", src: pokerGame1894Png });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.SimpleImage, { width: 400, height: 400, backgroundColor: "black", src: pokerGame1894Png });
 }
-const withUseAssets = () => /* @__PURE__ */ import_react.default.createElement(WithUseAssets, null);
+const withUseAssets = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WithUseAssets, {});
 function WithRequire() {
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_index.SimpleImage,
     {
       width: 400,
@@ -87,18 +69,20 @@ function WithRequire() {
     }
   );
 }
-const withRequire = () => /* @__PURE__ */ import_react.default.createElement(WithRequire, null);
-const withYStack = () => /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, { width: "50%", height: 200, bg: "red" }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, { width: "50%", height: 200, bg: "blue" }), /* @__PURE__ */ import_react.default.createElement(
-  import_index.SimpleImage,
-  {
-    bg: "green",
-    height: 200,
-    resizeMode: "stretch",
-    src: "https://upload.wikimedia.org/wikipedia/commons/thumb/a/a8/Inukshuk_Park_05.jpg/500px-Inukshuk_Park_05.jpg",
-    width: "50%"
-  }
-));
-const withTamagui = () => /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, null, /* @__PURE__ */ import_react.default.createElement(
+const withRequire = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WithRequire, {}), withYStack = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: "50%", height: 200, bg: "red" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: "50%", height: 200, bg: "blue" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_index.SimpleImage,
+    {
+      bg: "green",
+      height: 200,
+      resizeMode: "stretch",
+      src: "https://upload.wikimedia.org/wikipedia/commons/thumb/a/a8/Inukshuk_Park_05.jpg/500px-Inukshuk_Park_05.jpg",
+      width: "50%"
+    }
+  )
+] }), withTamagui = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   import_index.SimpleImage,
   {
     bg: "$green9",
@@ -106,7 +90,7 @@ const withTamagui = () => /* @__PURE__ */ import_react.default.createElement(imp
     src: "https://upload.wikimedia.org/wikipedia/commons/thumb/a/a8/Inukshuk_Park_05.jpg/500px-Inukshuk_Park_05.jpg",
     w: "100%"
   }
-));
+) });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   main,

package/dist/cjs/images/SimpleImage/index.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/images/SimpleImage/index.stories.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAyB;AACzB,mBAA0B;AAC1B,mBAA4B;AAC5B,qBAAuB;AAEvB,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,CAAC,SAAgB,6BAAAA,QAAA,cAAC,4BAAY,KAAK,QAAQ,qCAAqC,GAAI,GAAG,MAAM;AACjH,KAAK,OAAO;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AACN;AAEO,MAAM,UAAU,CAAC,SAAgB,6BAAAA,QAAA,cAAC,4BAAY,KAAK,QAAQ,8BAA8B,GAAI,GAAG,MAAM;AAC7G,QAAQ,OAAO;AAAA,EACb,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AACd;AACA,QAAQ,WAAW;AAAA,EACjB,YAAY;AAAA,IACV,SAAS;AAAA,MACP,MAAM,6BAAS,OAAO,QAAQ,WAAW;AAAA,MACzC,SAAS,CAAC,WAAW,SAAS,SAAS;AAAA,IACzC;AAAA,EACF;AACF;AAEA,SAAS,gBAAgB;AACvB,QAAM,CAAC,gBAAgB,QAAI,wBAAU,CAAC,QAAQ,qCAAqC,CAAC,CAAC;AACrF,SAAO,6BAAAA,QAAA,cAAC,4BAAY,OAAO,KAAK,QAAQ,KAAK,iBAAgB,SAAQ,KAAK,kBAAkB;AAC9F;AACO,MAAM,gBAAgB,MAAM,6BAAAA,QAAA,cAAC,mBAAc;AAElD,SAAS,cAAc;AACrB,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,iBAAgB;AAAA,MAChB,KAAK,QAAQ,qCAAqC;AAAA;AAAA,EACpD;AAEJ;AACO,MAAM,cAAc,MAAM,6BAAAA,QAAA,cAAC,iBAAY;AAEvC,MAAM,aAAa,MACxB,6BAAAA,QAAA,cAAC,6BACC,6BAAAA,QAAA,cAAC,yBAAO,OAAM,OAAM,QAAQ,KAAK,IAAG,OAAM,GAC1C,6BAAAA,QAAA,cAAC,yBAAO,OAAM,OAAM,QAAQ,KAAK,IAAG,QAAO,GAC3C,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,IAAG;AAAA,IACH,QAAQ;AAAA,IACR,YAAW;AAAA,IACX,KAAI;AAAA,IACJ,OAAM;AAAA;AACR,CACF;AAGK,MAAM,cAAc,MACzB,6BAAAA,QAAA,cAAC,6BACC,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,IAAG;AAAA,IACH,GAAE;AAAA,IACF,KAAI;AAAA,IACJ,GAAE;AAAA;AACJ,CACF;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,0BAAyB,yBACzB,eAA0B,wBAC1B,eAA4B,oBAC5B,iBAAuB,oBAUc,mDAR9B,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,CAAC,SAAgB,4CAAC,4BAAY,KAAK,QAAQ,qCAAqC,GAAI,GAAG,MAAM;AACjH,KAAK,OAAO;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AACN;AAEO,MAAM,UAAU,CAAC,SAAgB,4CAAC,4BAAY,KAAK,QAAQ,8BAA8B,GAAI,GAAG,MAAM;AAC7G,QAAQ,OAAO;AAAA,EACb,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AACd;AACA,QAAQ,WAAW;AAAA,EACjB,YAAY;AAAA,IACV,SAAS;AAAA,MACP,MAAM,6BAAS,OAAO,QAAQ,WAAW;AAAA,MACzC,SAAS,CAAC,WAAW,SAAS,SAAS;AAAA,IACzC;AAAA,EACF;AACF;AAEA,SAAS,gBAAgB;AACvB,QAAM,CAAC,gBAAgB,QAAI,wBAAU,CAAC,QAAQ,qCAAqC,CAAC,CAAC;AACrF,SAAO,4CAAC,4BAAY,OAAO,KAAK,QAAQ,KAAK,iBAAgB,SAAQ,KAAK,kBAAkB;AAC9F;AACO,MAAM,gBAAgB,MAAM,4CAAC,iBAAc;AAElD,SAAS,cAAc;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,iBAAgB;AAAA,MAChB,KAAK,QAAQ,qCAAqC;AAAA;AAAA,EACpD;AAEJ;AACO,MAAM,cAAc,MAAM,4CAAC,eAAY,GAEjC,aAAa,MACxB,6CAAC,yBACC;AAAA,8CAAC,yBAAO,OAAM,OAAM,QAAQ,KAAK,IAAG,OAAM;AAAA,EAC1C,4CAAC,yBAAO,OAAM,OAAM,QAAQ,KAAK,IAAG,QAAO;AAAA,EAC3C;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,QAAQ;AAAA,MACR,YAAW;AAAA,MACX,KAAI;AAAA,MACJ,OAAM;AAAA;AAAA,EACR;AAAA,GACF,GAGW,cAAc,MACzB,4CAAC,yBACC;AAAA,EAAC;AAAA;AAAA,IACC,IAAG;AAAA,IACH,GAAE;AAAA,IACF,KAAI;AAAA,IACJ,GAAE;AAAA;AACJ,GACF;",
+  "names": []
 }

package/dist/cjs/images/SimpleImage/index.stories.native.js

@@ -0,0 +1,107 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var index_stories_exports = {};
+__export(index_stories_exports, {
+  default: () => index_stories_default,
+  main: () => main,
+  withRequire: () => withRequire,
+  withSvg: () => withSvg,
+  withTamagui: () => withTamagui,
+  withUseAssets: () => withUseAssets,
+  withYStack: () => withYStack
+});
+module.exports = __toCommonJS(index_stories_exports);
+var import_react = __toESM(require("react")), import_react_native = require("react-native"), import_hooks = require("../../hooks"), import_index = require("./index"), import_tamagui = require("tamagui"), index_stories_default = {
+  title: "images/SimpleImage",
+  component: import_index.SimpleImage,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = (args) => /* @__PURE__ */ import_react.default.createElement(import_index.SimpleImage, { src: require("../../../assets/poker-game-1894.png"), ...args });
+main.args = {
+  aspectRatio: void 0,
+  height: void 0,
+  width: void 0,
+  bg: "black"
+};
+const withSvg = (args) => /* @__PURE__ */ import_react.default.createElement(import_index.SimpleImage, { src: require("../../../assets/pentagon.svg"), ...args });
+withSvg.args = {
+  aspectRatio: void 0,
+  height: void 0,
+  bg: "black",
+  width: void 0,
+  resizeMode: void 0
+};
+withSvg.argTypes = {
+  resizeMode: {
+    control: {
+      type: import_react_native.Platform.OS === "web" ? "select" : "text",
+      options: ["contain", "cover", "stretch"]
+    }
+  }
+};
+function WithUseAssets() {
+  const [pokerGame1894Png] = (0, import_hooks.useAssets)([require("../../../assets/poker-game-1894.png")]);
+  return /* @__PURE__ */ import_react.default.createElement(import_index.SimpleImage, { width: 400, height: 400, backgroundColor: "black", src: pokerGame1894Png });
+}
+const withUseAssets = () => /* @__PURE__ */ import_react.default.createElement(WithUseAssets, null);
+function WithRequire() {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_index.SimpleImage,
+    {
+      width: 400,
+      height: 400,
+      backgroundColor: "black",
+      src: require("../../../assets/poker-game-1894.png")
+    }
+  );
+}
+const withRequire = () => /* @__PURE__ */ import_react.default.createElement(WithRequire, null), withYStack = () => /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, { width: "50%", height: 200, bg: "red" }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, { width: "50%", height: 200, bg: "blue" }), /* @__PURE__ */ import_react.default.createElement(
+  import_index.SimpleImage,
+  {
+    bg: "green",
+    height: 200,
+    resizeMode: "stretch",
+    src: "https://upload.wikimedia.org/wikipedia/commons/thumb/a/a8/Inukshuk_Park_05.jpg/500px-Inukshuk_Park_05.jpg",
+    width: "50%"
+  }
+)), withTamagui = () => /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, null, /* @__PURE__ */ import_react.default.createElement(
+  import_index.SimpleImage,
+  {
+    bg: "$green9",
+    h: "$19",
+    src: "https://upload.wikimedia.org/wikipedia/commons/thumb/a/a8/Inukshuk_Park_05.jpg/500px-Inukshuk_Park_05.jpg",
+    w: "100%"
+  }
+));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  main,
+  withRequire,
+  withSvg,
+  withTamagui,
+  withUseAssets,
+  withYStack
+});
+//# sourceMappingURL=index.stories.js.map

package/dist/cjs/images/SimpleImage/index.stories.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/images/SimpleImage/index.stories.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAClB,sBAAyB,yBACzB,eAA0B,wBAC1B,eAA4B,oBAC5B,iBAAuB,oBAEhB,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,CAAC,SAAgB,6BAAAA,QAAA,cAAC,4BAAY,KAAK,QAAQ,qCAAqC,GAAI,GAAG,MAAM;AACjH,KAAK,OAAO;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AACN;AAEO,MAAM,UAAU,CAAC,SAAgB,6BAAAA,QAAA,cAAC,4BAAY,KAAK,QAAQ,8BAA8B,GAAI,GAAG,MAAM;AAC7G,QAAQ,OAAO;AAAA,EACb,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AACd;AACA,QAAQ,WAAW;AAAA,EACjB,YAAY;AAAA,IACV,SAAS;AAAA,MACP,MAAM,6BAAS,OAAO,QAAQ,WAAW;AAAA,MACzC,SAAS,CAAC,WAAW,SAAS,SAAS;AAAA,IACzC;AAAA,EACF;AACF;AAEA,SAAS,gBAAgB;AACvB,QAAM,CAAC,gBAAgB,QAAI,wBAAU,CAAC,QAAQ,qCAAqC,CAAC,CAAC;AACrF,SAAO,6BAAAA,QAAA,cAAC,4BAAY,OAAO,KAAK,QAAQ,KAAK,iBAAgB,SAAQ,KAAK,kBAAkB;AAC9F;AACO,MAAM,gBAAgB,MAAM,6BAAAA,QAAA,cAAC,mBAAc;AAElD,SAAS,cAAc;AACrB,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,iBAAgB;AAAA,MAChB,KAAK,QAAQ,qCAAqC;AAAA;AAAA,EACpD;AAEJ;AACO,MAAM,cAAc,MAAM,6BAAAA,QAAA,cAAC,iBAAY,GAEjC,aAAa,MACxB,6BAAAA,QAAA,cAAC,6BACC,6BAAAA,QAAA,cAAC,yBAAO,OAAM,OAAM,QAAQ,KAAK,IAAG,OAAM,GAC1C,6BAAAA,QAAA,cAAC,yBAAO,OAAM,OAAM,QAAQ,KAAK,IAAG,QAAO,GAC3C,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,IAAG;AAAA,IACH,QAAQ;AAAA,IACR,YAAW;AAAA,IACX,KAAI;AAAA,IACJ,OAAM;AAAA;AACR,CACF,GAGW,cAAc,MACzB,6BAAAA,QAAA,cAAC,6BACC,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,IAAG;AAAA,IACH,GAAE;AAAA,IACF,KAAI;AAAA,IACJ,GAAE;AAAA;AACJ,CACF;",
+  "names": ["React"]
+}

package/dist/cjs/images/Svg/Svg.stories.js

@@ -1,47 +1,31 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __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 });
-  }
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var Svg_stories_exports = {};
 __export(Svg_stories_exports, {
   default: () => Svg_stories_default,
   main: () => main
 });
 module.exports = __toCommonJS(Svg_stories_exports);
-var import_react = __toESM(require("react"));
-var import_react_native_svg = require("react-native-svg");
-var import_index = require("./index");
-var Svg_stories_default = {
+var import_react_native_svg = require("react-native-svg"), import_index = require("./index"), import_jsx_runtime = require("react/jsx-runtime"), Svg_stories_default = {
   title: "images/Svg",
   component: import_index.Svg,
   parameters: {
     status: { type: "beta" }
   }
 };
-const main = () => /* @__PURE__ */ import_react.default.createElement(import_index.Svg, { width: 304, height: 290 }, /* @__PURE__ */ import_react.default.createElement(
+const main = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.Svg, { width: 304, height: 290, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   import_react_native_svg.Path,
   {
     d: "M2,111 h300 l-242.7,176.3 92.7,-285.3 92.7,285.3 z",
@@ -50,7 +34,7 @@ const main = () => /* @__PURE__ */ import_react.default.createElement(import_ind
     strokeWidth: 15,
     strokeLinejoin: "round"
   }
-));
+) });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   main

package/dist/cjs/images/Svg/Svg.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/images/Svg/Svg.stories.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,8BAAqB;AACrB,mBAAoB;AAEpB,IAAO,sBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,6BAAAA,QAAA,cAAC,oBAAI,OAAO,KAAK,QAAQ,OACvB,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,GAAE;AAAA,IACF,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAa;AAAA,IACb,gBAAe;AAAA;AACjB,CACF;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,8BAAqB,6BACrB,eAAoB,oBAYhB,mDAVG,sBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,4CAAC,oBAAI,OAAO,KAAK,QAAQ,KACvB;AAAA,EAAC;AAAA;AAAA,IACC,GAAE;AAAA,IACF,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAa;AAAA,IACb,gBAAe;AAAA;AACjB,GACF;",
+  "names": []
 }

package/dist/cjs/images/Svg/Svg.stories.native.js

@@ -0,0 +1,50 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var Svg_stories_exports = {};
+__export(Svg_stories_exports, {
+  default: () => Svg_stories_default,
+  main: () => main
+});
+module.exports = __toCommonJS(Svg_stories_exports);
+var import_react = __toESM(require("react")), import_react_native_svg = require("react-native-svg"), import_index = require("./index"), Svg_stories_default = {
+  title: "images/Svg",
+  component: import_index.Svg,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = () => /* @__PURE__ */ import_react.default.createElement(import_index.Svg, { width: 304, height: 290 }, /* @__PURE__ */ import_react.default.createElement(
+  import_react_native_svg.Path,
+  {
+    d: "M2,111 h300 l-242.7,176.3 92.7,-285.3 92.7,285.3 z",
+    fill: "#FB2",
+    stroke: "#BBB",
+    strokeWidth: 15,
+    strokeLinejoin: "round"
+  }
+));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  main
+});
+//# sourceMappingURL=Svg.stories.js.map

package/dist/cjs/images/Svg/Svg.stories.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/images/Svg/Svg.stories.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAClB,0BAAqB,6BACrB,eAAoB,oBAEb,sBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,6BAAAA,QAAA,cAAC,oBAAI,OAAO,KAAK,QAAQ,OACvB,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,GAAE;AAAA,IACF,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAa;AAAA,IACb,gBAAe;AAAA;AACjB,CACF;",
+  "names": ["React"]
+}

package/dist/cjs/images/Svg/index.js

@@ -4,24 +4,20 @@ 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") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __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 });
-  }
+      !__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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var Svg_exports = {};
 __export(Svg_exports, {
   Svg: () => Svg
 });
 module.exports = __toCommonJS(Svg_exports);
-var import_react_native_svg = require("@tamagui/react-native-svg");
-var import_tamagui = require("tamagui");
+var import_react_native_svg = require("@tamagui/react-native-svg"), import_tamagui = require("tamagui");
 const Svg = (0, import_tamagui.styled)(import_react_native_svg.Svg, {});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/images/Svg/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/images/Svg/index.ts"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,8BAA4B;AAC5B,qBAAuB;AAEhB,MAAM,UAAM,uBAAO,wBAAAA,KAAsB,CAAC,CAAC;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,8BAA4B,sCAC5B,iBAAuB;AAEhB,MAAM,UAAM,uBAAO,wBAAAA,KAAsB,CAAC,CAAC;",
   "names": ["TSvg"]
 }

package/dist/cjs/images/Svg/index.native.js

@@ -4,24 +4,20 @@ 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") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __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 });
-  }
+      !__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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var index_native_exports = {};
 __export(index_native_exports, {
   Svg: () => Svg
 });
 module.exports = __toCommonJS(index_native_exports);
-var import_react_native_svg = require("react-native-svg");
-var import_tamagui = require("tamagui");
+var import_react_native_svg = require("react-native-svg"), import_tamagui = require("tamagui");
 const Svg = (0, import_tamagui.styled)(import_react_native_svg.Svg, {});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/images/Svg/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/images/Svg/index.native.ts"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAA6B;AAC7B,qBAAuB;AAEhB,MAAM,UAAM,uBAAO,wBAAAA,KAAO,CAAC,CAAC;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAA6B,6BAC7B,iBAAuB;AAEhB,MAAM,UAAM,uBAAO,wBAAAA,KAAO,CAAC,CAAC;",
   "names": ["RNSvg"]
 }