tw-next-image 1.0.0-beta.0 → 1.0.0-beta.1

package/README.md

@@ -27,6 +27,17 @@ import { SmartImage } from "tw-next-image";
 `SmartImage` wraps `next/image` with `fill` mode—ensure the wrapper has height via `size-*`, `h-*`, `aspect-*`, or
 inline styles.
 
+## Custom `tailwind-merge` (Recommended)
+
+If your app has a custom `tailwind-merge` config, inject it via `createSmartImage`:
+
+```tsx
+import { createSmartImage } from "tw-next-image";
+import { customTwMerge } from "./tailwind/merge";
+
+export const SmartImage = createSmartImage({ cx: customTwMerge });
+```
+
 ## License
 
 MIT

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export { type Breakpoint, type BreakpointConfig, DEFAULT_BREAKPOINTS } from "./breakpoints.js";
 export { inferImageSizes } from "./infer-sizes.js";
 export type { SmartImageProps } from "./smart-image/index.js";
-export { SmartImage } from "./smart-image/index.js";
+export { SmartImage, createSmartImage } from "./smart-image/index.js";
+export type { CreateSmartImageOptions, SmartImageClassNameFn, SmartImageComponent, } from "./smart-image/index.js";
 export type { InferSizesInput, InferSizesStyle, SizeInfo, StaticImageData } from "./types.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC/F,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAG9D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC/F,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAG9D,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACtE,YAAY,EACV,uBAAuB,EACvB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -1,4 +1,4 @@
 export { DEFAULT_BREAKPOINTS } from "./breakpoints.js";
 export { inferImageSizes } from "./infer-sizes.js";
-export { SmartImage } from "./smart-image/index.js";
+export { SmartImage, createSmartImage } from "./smart-image/index.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAA0C,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC/F,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAInD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAA0C,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC/F,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAInD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/internal/class-names.d.ts

@@ -1,3 +1,5 @@
-export type ClassNameValue = string | false | null | undefined;
+export type ClassNameValue = ClassNameArray | string | null | undefined | 0 | 0n | false;
+type ClassNameArray = ClassNameValue[];
 export declare function cx(...values: readonly ClassNameValue[]): string;
+export {};
 //# sourceMappingURL=class-names.d.ts.map

package/dist/internal/class-names.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"class-names.d.ts","sourceRoot":"","sources":["../../src/internal/class-names.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;AAI/D,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,SAAS,cAAc,EAAE,GAAG,MAAM,CAqB/D"}
+{"version":3,"file":"class-names.d.ts","sourceRoot":"","sources":["../../src/internal/class-names.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,cAAc,GAAG,cAAc,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC;AACzF,KAAK,cAAc,GAAG,cAAc,EAAE,CAAC;AAIvC,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,SAAS,cAAc,EAAE,GAAG,MAAM,CAU/D"}

package/dist/internal/class-names.js

@@ -5,7 +5,18 @@ export function cx(...values) {
         return "";
     }
     const tokens = [];
+    appendTokens(tokens, values);
+    return tokens.join(" ");
+}
+function appendTokens(out, values) {
     for (const value of values) {
+        if (!value) {
+            continue;
+        }
+        if (Array.isArray(value)) {
+            appendTokens(out, value);
+            continue;
+        }
         if (!isNonEmptyString(value)) {
             continue;
         }
@@ -13,8 +24,7 @@ export function cx(...values) {
         if (!trimmed) {
             continue;
         }
-        tokens.push(...trimmed.split(whitespaceRegex));
+        out.push(...trimmed.split(whitespaceRegex));
     }
-    return tokens.join(" ");
 }
 //# sourceMappingURL=class-names.js.map

package/dist/internal/class-names.js.map

@@ -1 +1 @@
-{"version":3,"file":"class-names.js","sourceRoot":"","sources":["../../src/internal/class-names.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAI5D,MAAM,eAAe,GAAG,KAAK,CAAC;AAE9B,MAAM,UAAU,EAAE,CAAC,GAAG,MAAiC;IACrD,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACxB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,MAAM,MAAM,GAAa,EAAE,CAAC;IAE5B,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;QAC3B,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;YAC7B,SAAS;QACX,CAAC;QAED,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;QAC7B,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,SAAS;QACX,CAAC;QAED,MAAM,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;IACjD,CAAC;IAED,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC1B,CAAC"}
+{"version":3,"file":"class-names.js","sourceRoot":"","sources":["../../src/internal/class-names.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAK5D,MAAM,eAAe,GAAG,KAAK,CAAC;AAE9B,MAAM,UAAU,EAAE,CAAC,GAAG,MAAiC;IACrD,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACxB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,MAAM,MAAM,GAAa,EAAE,CAAC;IAE5B,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAE7B,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC1B,CAAC;AAED,SAAS,YAAY,CAAC,GAAa,EAAE,MAAiC;IACpE,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;QAC3B,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,SAAS;QACX,CAAC;QAED,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;YACzB,SAAS;QACX,CAAC;QAED,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;YAC7B,SAAS;QACX,CAAC;QAED,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;QAC7B,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,SAAS;QACX,CAAC;QAED,GAAG,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;IAC9C,CAAC;AACH,CAAC"}

package/dist/smart-image/create-smart-image.d.ts

@@ -0,0 +1,3 @@
+import type { CreateSmartImageOptions, SmartImageComponent } from "./create-smart-image.types.js";
+export declare function createSmartImage(options?: CreateSmartImageOptions): SmartImageComponent;
+//# sourceMappingURL=create-smart-image.d.ts.map

package/dist/smart-image/create-smart-image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-smart-image.d.ts","sourceRoot":"","sources":["../../src/smart-image/create-smart-image.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AA+DlG,wBAAgB,gBAAgB,CAAC,OAAO,GAAE,uBAA4B,GAAG,mBAAmB,CAqD3F"}

package/dist/smart-image/create-smart-image.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import NextImage from "next/image.js";
+import { inferImageSizes } from "../infer-sizes.js";
+import { cx as defaultCx } from "../internal/class-names.js";
+import { getAltFromSrc } from "./get-alt-from-src.js";
+const HAS_HEIGHT_OR_ASPECT_CLASS_REGEX = /(^|\s)(size-|h-|max-h-|aspect-)/;
+function getDerivedAlt({ alt, ariaHidden, src, }) {
+    if (alt !== undefined) {
+        return alt;
+    }
+    const isAriaHidden = ariaHidden === true || ariaHidden === "true";
+    if (isAriaHidden) {
+        return "";
+    }
+    return getAltFromSrc(typeof src === "string" ? src : "");
+}
+function warnMissingLayoutSizingOnce({ className, ratio, style, shouldWarn, didWarn, }) {
+    if (!shouldWarn || didWarn) {
+        return didWarn;
+    }
+    const classTokens = className ?? "";
+    const hasHeightOrAspectClass = HAS_HEIGHT_OR_ASPECT_CLASS_REGEX.test(classTokens);
+    const hasHeightOrAspectStyle = Boolean(style?.height || style?.maxHeight || style?.aspectRatio);
+    if (hasHeightOrAspectClass || hasHeightOrAspectStyle || ratio) {
+        return didWarn;
+    }
+    console.warn("SmartImage: `fill` requires the wrapper to have a height. " +
+        "Use `size-*`/`h-*`, an `aspect-*` class, inline `style={{ aspectRatio }}`, or pass `ratio`.");
+    return true;
+}
+export function createSmartImage(options = {}) {
+    const cx = options.cx ?? defaultCx;
+    const baseWrapperClassName = options.wrapperClassName ?? "relative inline-block";
+    const baseImgClassName = options.imgClassName ?? "object-contain";
+    let didWarnMissingLayoutSizing = false;
+    return function SmartImage({ alt, className, imgClassName, imgStyle, ratio, sizes, src, style, ...props }) {
+        const derivedAlt = getDerivedAlt({ alt, ariaHidden: props["aria-hidden"], src });
+        const inferredSizes = sizes ?? inferImageSizes({ className, ratio, src, style });
+        didWarnMissingLayoutSizing = warnMissingLayoutSizingOnce({
+            className,
+            didWarn: didWarnMissingLayoutSizing,
+            ratio,
+            shouldWarn: process.env.NODE_ENV !== "production",
+            style,
+        });
+        if (!inferredSizes && process.env.NODE_ENV !== "production") {
+            throw new Error("SmartImage: missing `sizes` and couldn't infer from className/style. " +
+                "Add Tailwind sizing classes (size-*, w-*, max-w-*) or pass `sizes` explicitly.");
+        }
+        return (_jsx("span", { className: cx(baseWrapperClassName, className), style: style, children: _jsx(NextImage, { ...props, alt: derivedAlt, className: cx(baseImgClassName, imgClassName), fill: true, sizes: inferredSizes ?? "100vw", src: src, style: imgStyle }) }));
+    };
+}
+//# sourceMappingURL=create-smart-image.js.map

package/dist/smart-image/create-smart-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-smart-image.js","sourceRoot":"","sources":["../../src/smart-image/create-smart-image.tsx"],"names":[],"mappings":"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"}

package/dist/smart-image/create-smart-image.types.d.ts

@@ -0,0 +1,11 @@
+import type { CSSProperties } from "react";
+import type { ClassNameValue } from "../internal/class-names.js";
+import type { SmartImageProps } from "./smart-image.types.js";
+export type SmartImageClassNameFn = (...values: readonly ClassNameValue[]) => string;
+export type CreateSmartImageOptions = {
+    cx?: SmartImageClassNameFn;
+    wrapperClassName?: ClassNameValue;
+    imgClassName?: ClassNameValue;
+};
+export type SmartImageComponent = <C extends string | undefined = undefined, S extends CSSProperties | undefined = undefined>(props: SmartImageProps<C, S>) => React.ReactElement;
+//# sourceMappingURL=create-smart-image.types.d.ts.map

package/dist/smart-image/create-smart-image.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-smart-image.types.d.ts","sourceRoot":"","sources":["../../src/smart-image/create-smart-image.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,MAAM,qBAAqB,GAAG,CAAC,GAAG,MAAM,EAAE,SAAS,cAAc,EAAE,KAAK,MAAM,CAAC;AAErF,MAAM,MAAM,uBAAuB,GAAG;IAOpC,EAAE,CAAC,EAAE,qBAAqB,CAAC;IAE3B,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAElC,YAAY,CAAC,EAAE,cAAc,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,CAChC,CAAC,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACxC,CAAC,SAAS,aAAa,GAAG,SAAS,GAAG,SAAS,EAE/C,KAAK,EAAE,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,KACzB,KAAK,CAAC,YAAY,CAAC"}

package/dist/smart-image/create-smart-image.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=create-smart-image.types.js.map

package/dist/smart-image/create-smart-image.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-smart-image.types.js","sourceRoot":"","sources":["../../src/smart-image/create-smart-image.types.ts"],"names":[],"mappings":""}

package/dist/smart-image/index.d.ts

@@ -1,3 +1,5 @@
 export { SmartImage } from "./smart-image.js";
+export { createSmartImage } from "./create-smart-image.js";
+export type { CreateSmartImageOptions, SmartImageClassNameFn, SmartImageComponent } from "./create-smart-image.types.js";
 export type { SmartImageProps } from "./smart-image.types.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/smart-image/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/smart-image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/smart-image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,YAAY,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACzH,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/smart-image/index.js

@@ -1,2 +1,3 @@
 export { SmartImage } from "./smart-image.js";
+export { createSmartImage } from "./create-smart-image.js";
 //# sourceMappingURL=index.js.map

package/dist/smart-image/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/smart-image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/smart-image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/smart-image/smart-image.d.ts

@@ -1,4 +1,4 @@
 import type { CSSProperties } from "react";
 import type { SmartImageProps } from "./smart-image.types.js";
-export declare function SmartImage<C extends string | undefined = undefined, S extends CSSProperties | undefined = undefined>({ alt, className, imgClassName, imgStyle, ratio, sizes, src, style, ...props }: SmartImageProps<C, S>): import("react/jsx-runtime").JSX.Element;
+export declare function SmartImage<C extends string | undefined = undefined, S extends CSSProperties | undefined = undefined>(props: SmartImageProps<C, S>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 //# sourceMappingURL=smart-image.d.ts.map

package/dist/smart-image/smart-image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"smart-image.d.ts","sourceRoot":"","sources":["../../src/smart-image/smart-image.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAK3C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAkB9D,wBAAgB,UAAU,CACxB,CAAC,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACxC,CAAC,SAAS,aAAa,GAAG,SAAS,GAAG,SAAS,EAC/C,EACA,GAAG,EACH,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,KAAK,EACL,GAAG,EACH,KAAK,EACL,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,2CAwCvB"}
+{"version":3,"file":"smart-image.d.ts","sourceRoot":"","sources":["../../src/smart-image/smart-image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAgB9D,wBAAgB,UAAU,CACxB,CAAC,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACxC,CAAC,SAAS,aAAa,GAAG,SAAS,GAAG,SAAS,EAC/C,KAAK,EAAE,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,8FAE7B"}

package/dist/smart-image/smart-image.js

@@ -1,27 +1,6 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import NextImage from "next/image.js";
-import { inferImageSizes } from "../infer-sizes.js";
-import { cx } from "../internal/class-names.js";
-import { getAltFromSrc } from "./get-alt-from-src.js";
-const HAS_HEIGHT_OR_ASPECT_CLASS_REGEX = /(^|\s)(size-|h-|max-h-|aspect-)/;
-let didWarnMissingLayoutSizing = false;
-export function SmartImage({ alt, className, imgClassName, imgStyle, ratio, sizes, src, style, ...props }) {
-    const derivedAlt = alt ?? (props["aria-hidden"] ? "" : getAltFromSrc(typeof src === "string" ? src : ""));
-    const inferredSizes = sizes ?? inferImageSizes({ className, ratio, src, style });
-    if (!didWarnMissingLayoutSizing && process.env.NODE_ENV !== "production") {
-        const classTokens = className ?? "";
-        const hasHeightOrAspectClass = HAS_HEIGHT_OR_ASPECT_CLASS_REGEX.test(classTokens);
-        const hasHeightOrAspectStyle = Boolean(style?.height || style?.maxHeight || style?.aspectRatio);
-        if (!(hasHeightOrAspectClass || hasHeightOrAspectStyle || ratio)) {
-            didWarnMissingLayoutSizing = true;
-            console.warn("SmartImage: `fill` requires the wrapper to have a height. " +
-                "Use `size-*`/`h-*`, an `aspect-*` class, inline `style={{ aspectRatio }}`, or pass `ratio`.");
-        }
-    }
-    if (!inferredSizes && process.env.NODE_ENV !== "production") {
-        throw new Error("SmartImage: missing `sizes` and couldn't infer from className/style. " +
-            "Add Tailwind sizing classes (size-*, w-*, max-w-*) or pass `sizes` explicitly.");
-    }
-    return (_jsx("span", { className: cx("relative inline-block", className), style: style, children: _jsx(NextImage, { ...props, alt: derivedAlt, className: cx("object-contain", imgClassName), fill: true, sizes: inferredSizes ?? "100vw", src: src, style: imgStyle }) }));
+import { createSmartImage } from "./create-smart-image.js";
+const SmartImageImpl = createSmartImage();
+export function SmartImage(props) {
+    return SmartImageImpl(props);
 }
 //# sourceMappingURL=smart-image.js.map

package/dist/smart-image/smart-image.js.map

@@ -1 +1 @@
-{"version":3,"file":"smart-image.js","sourceRoot":"","sources":["../../src/smart-image/smart-image.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,eAAe,CAAC;AAGtC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,4BAA4B,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGtD,MAAM,gCAAgC,GAAG,iCAAiC,CAAC;AAE3E,IAAI,0BAA0B,GAAG,KAAK,CAAC;AAcvC,MAAM,UAAU,UAAU,CAGxB,EACA,GAAG,EACH,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,KAAK,EACL,GAAG,EACH,KAAK,EACL,GAAG,KAAK,EACc;IACtB,MAAM,UAAU,GACd,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAEzF,MAAM,aAAa,GAAG,KAAK,IAAI,eAAe,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC;IAEjF,IAAI,CAAC,0BAA0B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;QACzE,MAAM,WAAW,GAAG,SAAS,IAAI,EAAE,CAAC;QACpC,MAAM,sBAAsB,GAAG,gCAAgC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAClF,MAAM,sBAAsB,GAAG,OAAO,CAAC,KAAK,EAAE,MAAM,IAAI,KAAK,EAAE,SAAS,IAAI,KAAK,EAAE,WAAW,CAAC,CAAC;QAEhG,IAAI,CAAC,CAAC,sBAAsB,IAAI,sBAAsB,IAAI,KAAK,CAAC,EAAE,CAAC;YACjE,0BAA0B,GAAG,IAAI,CAAC;YAClC,OAAO,CAAC,IAAI,CACV,4DAA4D;gBAC1D,6FAA6F,CAChG,CAAC;QACJ,CAAC;IACH,CAAC;IAED,IAAI,CAAC,aAAa,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;QAC5D,MAAM,IAAI,KAAK,CACb,uEAAuE;YACrE,gFAAgF,CACnF,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAM,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,YACnE,KAAC,SAAS,OACJ,KAAK,EACT,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,YAAY,CAAC,EAC7C,IAAI,QACJ,KAAK,EAAE,aAAa,IAAI,OAAO,EAC/B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,QAAQ,GACf,GACG,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"smart-image.js","sourceRoot":"","sources":["../../src/smart-image/smart-image.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAG3D,MAAM,cAAc,GAAG,gBAAgB,EAAE,CAAC;AAc1C,MAAM,UAAU,UAAU,CAGxB,KAA4B;IAC5B,OAAO,cAAc,CAAC,KAAK,CAAC,CAAC;AAC/B,CAAC"}

package/package.json

@@ -7,7 +7,7 @@
   "sideEffects": false,
   "type": "module",
   "types": "./dist/index.d.ts",
-  "version": "1.0.0-beta.0",
+  "version": "1.0.0-beta.1",
   "files": [
     "dist/**",
     "LICENSE"