@stackshift-ui/image 6.1.0-beta.1 → 6.1.0-beta.3

package/dist/chunk-NQ52GWT6.mjs

@@ -0,0 +1,13 @@
+// src/image.tsx
+import { useStackShiftUIComponents } from "@stackshift-ui/system";
+import { jsx } from "react/jsx-runtime";
+var displayName = "Image";
+var Image = ({ children, loading = "lazy", ...props }) => {
+  const components = useStackShiftUIComponents();
+  const { [displayName]: Component = "img" } = components;
+  return /* @__PURE__ */ jsx(Component, { loading, ...props, children });
+};
+
+export {
+  Image
+};

package/dist/chunk-YTWR6D52.mjs

@@ -0,0 +1 @@
+import{useStackShiftUIComponents as m}from"@stackshift-ui/system";import{jsx as r}from"react/jsx-runtime";var p="Image",c=({children:e,loading:o="lazy",...n})=>{let t=m(),{[p]:a="img"}=t;return r(a,{loading:o,...n,children:e})};export{c as a};

package/dist/image.d.ts

@@ -1,5 +1,6 @@
 import type { HTMLProps, ReactNode } from "react";
 export interface ImageProps extends HTMLProps<HTMLImageElement> {
+    loading?: "lazy" | "eager" | undefined;
     children?: ReactNode;
 }
-export declare const Image: ({ children, ...props }: ImageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Image: ({ children, loading, ...props }: ImageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/image.js

@@ -1 +1 @@
-"use strict";var p=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var i=(o,e)=>{for(var t in e)p(o,t,{get:e[t],enumerable:!0})},I=(o,e,t,m)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of c(e))!g.call(o,n)&&n!==t&&p(o,n,{get:()=>e[n],enumerable:!(m=a(e,n))||m.enumerable});return o};var d=o=>I(p({},"__esModule",{value:!0}),o);var l={};i(l,{Image:()=>P});module.exports=d(l);var r=require("@stackshift-ui/system"),s=require("react/jsx-runtime"),f="Image",P=({children:o,...e})=>{let t=(0,r.useStackShiftUIComponents)(),{[f]:m="img"}=t;return(0,s.jsx)(m,{...e,children:o})};0&&(module.exports={Image});
+"use strict";var m=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var g=(o,e)=>{for(var t in e)m(o,t,{get:e[t],enumerable:!0})},i=(o,e,t,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of c(e))!d.call(o,n)&&n!==t&&m(o,n,{get:()=>e[n],enumerable:!(a=s(e,n))||a.enumerable});return o};var l=o=>i(m({},"__esModule",{value:!0}),o);var y={};g(y,{Image:()=>f});module.exports=l(y);var p=require("@stackshift-ui/system"),r=require("react/jsx-runtime"),I="Image",f=({children:o,loading:e="lazy",...t})=>{let a=(0,p.useStackShiftUIComponents)(),{[I]:n="img"}=a;return(0,r.jsx)(n,{loading:e,...t,children:o})};0&&(module.exports={Image});

package/dist/image.mjs

@@ -1 +1 @@
-import{a}from"./chunk-C5WQCYV6.mjs";export{a as Image};
+import{a}from"./chunk-YTWR6D52.mjs";export{a as Image};

package/dist/index.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var p=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var i=Object.prototype.hasOwnProperty;var g=(o,e)=>{for(var t in e)p(o,t,{get:e[t],enumerable:!0})},I=(o,e,t,m)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of c(e))!i.call(o,n)&&n!==t&&p(o,n,{get:()=>e[n],enumerable:!(m=a(e,n))||m.enumerable});return o};var d=o=>I(p({},"__esModule",{value:!0}),o);var P={};g(P,{Image:()=>l});module.exports=d(P);var r=require("@stackshift-ui/system"),s=require("react/jsx-runtime"),f="Image",l=({children:o,...e})=>{let t=(0,r.useStackShiftUIComponents)(),{[f]:m="img"}=t;return(0,s.jsx)(m,{...e,children:o})};0&&(module.exports={Image});
+"use strict";var m=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var i=Object.prototype.hasOwnProperty;var d=(o,e)=>{for(var n in e)m(o,n,{get:e[n],enumerable:!0})},g=(o,e,n,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of c(e))!i.call(o,t)&&t!==n&&m(o,t,{get:()=>e[t],enumerable:!(a=s(e,t))||a.enumerable});return o};var l=o=>g(m({},"__esModule",{value:!0}),o);var y={};d(y,{Image:()=>I});module.exports=l(y);var r=require("@stackshift-ui/system"),p=require("react/jsx-runtime"),f="Image",I=({children:o,loading:e="lazy",...n})=>{let a=(0,r.useStackShiftUIComponents)(),{[f]:t="img"}=a;return(0,p.jsx)(t,{loading:e,...n,children:o})};0&&(module.exports={Image});

package/dist/index.mjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";import{a as e}from"./chunk-C5WQCYV6.mjs";export{e as Image};
+"use strict";import{a as e}from"./chunk-YTWR6D52.mjs";export{e as Image};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackshift-ui/image",
-  "version": "6.1.0-beta.1",
+  "version": "6.1.0-beta.3",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -31,8 +31,8 @@
     "@stackshift-ui/eslint-config": "6.0.10"
   },
   "dependencies": {
-    "@stackshift-ui/system": "6.1.0-beta.1",
-    "@stackshift-ui/scripts": "6.1.0-beta.0"
+    "@stackshift-ui/scripts": "6.1.0-beta.2",
+    "@stackshift-ui/system": "6.1.0-beta.3"
   },
   "peerDependencies": {
     "@types/react": "16.8 - 19",

package/src/image.tsx

@@ -2,6 +2,7 @@ import { useStackShiftUIComponents } from "@stackshift-ui/system";
 import type { HTMLProps, ReactNode } from "react";
 
 export interface ImageProps extends HTMLProps<HTMLImageElement> {
+  loading?: "lazy" | "eager" | undefined;
   children?: ReactNode;
 }
 
@@ -16,12 +17,12 @@ export interface ImageProps extends HTMLProps<HTMLImageElement> {
  * @source - Source code
  */
 const displayName = "Image";
-export const Image = ({ children, ...props }: ImageProps) => {
+export const Image = ({ children, loading = "lazy", ...props }: ImageProps) => {
   const components = useStackShiftUIComponents();
   const { [displayName]: Component = "img" } = components;
 
   return (
-    <Component {...props} data-testid="image">
+    <Component loading={loading} {...props} data-testid="image">
       {children}
     </Component>
   );

package/dist/chunk-C5WQCYV6.mjs

@@ -1 +0,0 @@
-import{useStackShiftUIComponents as m}from"@stackshift-ui/system";import{jsx as r}from"react/jsx-runtime";var p="Image",a=({children:e,...o})=>{let t=m(),{[p]:n="img"}=t;return r(n,{...o,children:e})};export{a};