@jetshop/ui 6.3.9-alpha.1 → 6.5.0

package/Image/useConstructImage.js

@@ -0,0 +1,122 @@
+import useWarningInDev from '@jetshop/core/hooks/useWarningInDev';
+import { getFullUrl } from './utils/getFullUrl';
+import { getImageWidths } from './utils/getImageWidths';
+import { getLargestSize } from './utils/getLargestSize';
+import { getLQIP } from './utils/getLQIP';
+import { getSizesMap } from './utils/getSizesMap';
+import { getSrcSetFromWidths } from './utils/getSrcSetFromWidths';
+import React from 'react';
+/**
+ * Dynamically constructs the query parameters used by ImageMagick to size the image appropriately.
+ * Also generates a LQIP using query parameters, to display while the full image loads.
+ */
+export function useConstructImage({ gravity, crop, src, sizes, aspect, critical, quality, modifiedDate, breakpoints, baseUrl, focalPointX, focalPointY }) {
+    // Warn if gravity was provided but crop was not
+    useWarningInDev(gravity && !crop, 'You have provided a gravity without setting crop to true. Your image will not be cropped, and the `gravity` prop will do nothing. Please remove the `gravity` prop.');
+    // Warn if the src is a falsy value
+    useWarningInDev(!!!src, 'You have provided a falsy value to the Image component. If you intentionally want to display a blank Image component, you may import `transparentDataImg` and use it for the src. Otherwise, this is probably a bug.');
+    /*
+      For backwards-compatibility (and dev convenience) reasons, we accept a
+      falsy `src` prop on Image. undefined | null will act just like the normal
+      Image component does, except that it will show a transparent image where
+      the image would normally load. This may be useful in cases where the end
+      user is lazy and wants to do this:
+  
+      const { imageSrc } = someDataRequest();
+      <Image src={imageSrc} />
+  
+      Where imageSrc may be undefined | null while the request is occurring. The
+      preferred method is to be more explicit:
+  
+      const {imageSrc, loading} = someDataRequest();
+      <Image src={loading ? transparentDataImg : imageSrc } />
+  
+      Therefore, whilst we will handle a null | undefined src, we will warn
+      against its usage in dev.
+    */
+    let hasFalsySrc = true;
+    let imageSrc = '';
+    if (Array.isArray(src)) {
+        // maintain support for deprecated image sizes array
+        hasFalsySrc = false;
+        imageSrc = getFullUrl(getLargestSize(src), baseUrl);
+    }
+    // When we have a string for the src
+    if (!!src && typeof src === 'string') {
+        hasFalsySrc = false;
+        imageSrc = getFullUrl(src, baseUrl);
+    }
+    if (!!src && typeof src === 'object' && src.value) {
+        hasFalsySrc = false;
+        imageSrc = getFullUrl(src.value, baseUrl);
+    }
+    // useMemo so this runs only if the image props change. It calculates the
+    // strings used for `sizes`, `srcset`, and the `lqip`
+    const { sizesMap, sizesMapMobile, srcset, lqip, webpSrcset, srcsetMobile, webpSrcsetMobile } = React.useMemo(() => {
+        if (hasFalsySrc) {
+            return {};
+        }
+        const widths = getImageWidths(breakpoints, sizes);
+        const mobileWidths = getImageWidths(breakpoints, sizes, true);
+        const srcSetFromWidths = ({ webp }) => getSrcSetFromWidths(imageSrc, widths, aspect, {
+            crop,
+            gravity,
+            quality,
+            webp,
+            focalPointX,
+            focalPointY
+        }, modifiedDate);
+        const mobileSrcSetFromWidths = ({ webp }) => getSrcSetFromWidths(imageSrc, mobileWidths, aspect, {
+            crop,
+            gravity,
+            quality,
+            webp,
+            focalPointX,
+            focalPointY
+        }, modifiedDate);
+        const srcset = srcSetFromWidths({ webp: false });
+        const webpSrcset = srcSetFromWidths({ webp: true });
+        const srcsetMobile = mobileSrcSetFromWidths({ webp: false });
+        const webpSrcsetMobile = mobileSrcSetFromWidths({ webp: true });
+        // If this is a critical image, don't calculate LQIP
+        const lqip = critical
+            ? null
+            : getLQIP(imageSrc, widths, aspect, crop, modifiedDate);
+        const sizesMap = getSizesMap(breakpoints, sizes);
+        const sizesMapMobile = getSizesMap(breakpoints, sizes, true);
+        return {
+            sizesMap,
+            sizesMapMobile,
+            srcset,
+            lqip,
+            webpSrcset,
+            srcsetMobile,
+            webpSrcsetMobile
+        };
+    }, [
+        aspect,
+        breakpoints,
+        crop,
+        gravity,
+        hasFalsySrc,
+        imageSrc,
+        quality,
+        sizes,
+        critical,
+        modifiedDate,
+        focalPointX,
+        focalPointY
+    ]);
+    return {
+        srcset,
+        webpSrcset,
+        sizes: sizesMap,
+        sizesMobile: sizesMapMobile,
+        lqip,
+        src: imageSrc,
+        hasFalsySrc,
+        srcsetMobile,
+        webpSrcsetMobile
+    };
+}
+//# sourceMappingURL=useConstructImage.js.map

package/Image/useConstructImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConstructImage.js","sourceRoot":"","sources":["useConstructImage.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,KAAK,MAAM,OAAO,CAAC;AAsC1B;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,OAAO,EACP,IAAI,EACJ,GAAG,EACH,KAAK,EACL,MAAM,EACN,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,WAAW,EACX,OAAO,EACP,WAAW,EACX,WAAW,EACK;IAChB,gDAAgD;IAChD,eAAe,CACb,OAAO,IAAI,CAAC,IAAI,EAChB,qKAAqK,CACtK,CAAC;IACF,mCAAmC;IACnC,eAAe,CACb,CAAC,CAAC,CAAC,GAAG,EACN,sNAAsN,CACvN,CAAC;IAEF;;;;;;;;;;;;;;;;;;MAkBE;IACF,IAAI,WAAW,GAAG,IAAI,CAAC;IACvB,IAAI,QAAQ,GAAG,EAAE,CAAC;IAClB,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QACtB,oDAAoD;QACpD,WAAW,GAAG,KAAK,CAAC;QACpB,QAAQ,GAAG,UAAU,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC;KACrD;IACD,oCAAoC;IACpC,IAAI,CAAC,CAAC,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;QACpC,WAAW,GAAG,KAAK,CAAC;QACpB,QAAQ,GAAG,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;KACrC;IACD,IAAI,CAAC,CAAC,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAK,GAAkB,CAAC,KAAK,EAAE;QACjE,WAAW,GAAG,KAAK,CAAC;QACpB,QAAQ,GAAG,UAAU,CAAE,GAAkB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;KAC3D;IACD,yEAAyE;IACzE,qDAAqD;IACrD,MAAM,EACJ,QAAQ,EACR,cAAc,EACd,MAAM,EACN,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,gBAAgB,EACjB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrB,IAAI,WAAW,EAAE;YACf,OAAO,EAAE,CAAC;SACX;QACD,MAAM,MAAM,GAAG,cAAc,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QAClD,MAAM,YAAY,GAAG,cAAc,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;QAE9D,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAqB,EAAE,EAAE,CACvD,mBAAmB,CACjB,QAAQ,EACR,MAAM,EACN,MAAM,EACN;YACE,IAAI;YACJ,OAAO;YACP,OAAO;YACP,IAAI;YACJ,WAAW;YACX,WAAW;SACZ,EACD,YAAY,CACb,CAAC;QAEJ,MAAM,sBAAsB,GAAG,CAAC,EAAE,IAAI,EAAqB,EAAE,EAAE,CAC7D,mBAAmB,CACjB,QAAQ,EACR,YAAY,EACZ,MAAM,EACN;YACE,IAAI;YACJ,OAAO;YACP,OAAO;YACP,IAAI;YACJ,WAAW;YACX,WAAW;SACZ,EACD,YAAY,CACb,CAAC;QAEJ,MAAM,MAAM,GAAG,gBAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;QACjD,MAAM,UAAU,GAAG,gBAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QACpD,MAAM,YAAY,GAAG,sBAAsB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;QAC7D,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QAEhE,oDAAoD;QACpD,MAAM,IAAI,GAAG,QAAQ;YACnB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;QAE1D,MAAM,QAAQ,GAAG,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QACjD,MAAM,cAAc,GAAG,WAAW,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;QAI7D,OAAO;YACL,QAAQ;YACR,cAAc;YACd,MAAM;YACN,IAAI;YACJ,UAAU;YACV,YAAY;YACZ,gBAAgB;SACjB,CAAC;IACJ,CAAC,EAAE;QACD,MAAM;QACN,WAAW;QACX,IAAI;QACJ,OAAO;QACP,WAAW;QACX,QAAQ;QACR,OAAO;QACP,KAAK;QACL,QAAQ;QACR,YAAY;QACZ,WAAW;QACX,WAAW;KACZ,CAAC,CAAC;IACH,OAAO;QACL,MAAM;QACN,UAAU;QACV,KAAK,EAAE,QAAQ;QACf,WAAW,EAAE,cAAc;QAC3B,IAAI;QACJ,GAAG,EAAE,QAAQ;QACb,WAAW;QACX,YAAY;QACZ,gBAAgB;KACjB,CAAC;AACJ,CAAC"}

package/Image/utils/aspectRatioToFraction.d.ts

@@ -0,0 +1,2 @@
+import { AspectRatio } from '../Image';
+export declare const aspectRatioToFraction: (aspect: AspectRatio) => number;

package/Image/utils/aspectRatioToFraction.js

@@ -0,0 +1,11 @@
+export const aspectRatioToFraction = (aspect) => {
+    if (typeof aspect === 'string' && aspect.indexOf(':') > 0) {
+        const [a, b] = aspect.split(':');
+        return b / a;
+    }
+    else if (typeof aspect === 'number') {
+        return aspect;
+    }
+    throw new TypeError('Aspect ratio is not a Number or String with the format n:m');
+};
+//# sourceMappingURL=aspectRatioToFraction.js.map

package/Image/utils/aspectRatioToFraction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspectRatioToFraction.js","sourceRoot":"","sources":["aspectRatioToFraction.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,MAAmB,EAAE,EAAE;IAC3D,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;QACzD,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAI,MAAM,CAAC,KAAK,CAAC,GAAG,CAAyB,CAAC;QAC1D,OAAO,CAAC,GAAG,CAAC,CAAC;KACd;SAAM,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QACrC,OAAO,MAAM,CAAC;KACf;IACD,MAAM,IAAI,SAAS,CACjB,4DAA4D,CAC7D,CAAC;AACJ,CAAC,CAAC"}

package/Image/utils/getFullUrl.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Constructs the image url by combining the passed-in url with the selected channel
+ * @param url The image url
+ * @param baseUrl The baseUrl from the currently-selected channel
+ */
+export declare const getFullUrl: (url: string, baseUrl: string) => string;

package/Image/utils/getFullUrl.js

@@ -0,0 +1,18 @@
+/**
+ * Constructs the image url by combining the passed-in url with the selected channel
+ * @param url The image url
+ * @param baseUrl The baseUrl from the currently-selected channel
+ */
+export const getFullUrl = (url, baseUrl) => {
+    if (!baseUrl || !url) {
+        return url;
+    }
+    url = url.trim();
+    if (url.indexOf('/') === 0 &&
+        url.indexOf('//:') === -1 &&
+        url.indexOf('static/media') === -1) {
+        return baseUrl + url;
+    }
+    return url;
+};
+//# sourceMappingURL=getFullUrl.js.map

package/Image/utils/getFullUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFullUrl.js","sourceRoot":"","sources":["getFullUrl.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAW,EAAE,OAAe,EAAE,EAAE;IACzD,IAAI,CAAC,OAAO,IAAI,CAAC,GAAG,EAAE;QACpB,OAAO,GAAG,CAAC;KACZ;IACD,GAAG,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC;IACjB,IACE,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;QACtB,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACzB,GAAG,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EAClC;QACA,OAAO,OAAO,GAAG,GAAG,CAAC;KACtB;IACD,OAAO,GAAG,CAAC;AACb,CAAC,CAAC"}

package/Image/utils/getImageWidth.d.ts

@@ -0,0 +1 @@
+export declare const getImageWidth: (size: number | string, vw: number, pixelRatio: number) => number;

package/Image/utils/getImageWidth.js

@@ -0,0 +1,12 @@
+import { sizeToNumber } from './sizeToNumber';
+export const getImageWidth = (size = 1, vw, pixelRatio) => {
+    // Convert input size to fraction or px value
+    size = sizeToNumber(size);
+    // Size is in px
+    if (size > 2) {
+        return Math.round(size * pixelRatio);
+    }
+    // Size is a fraction
+    return Math.round(vw * size * pixelRatio);
+};
+//# sourceMappingURL=getImageWidth.js.map

package/Image/utils/getImageWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getImageWidth.js","sourceRoot":"","sources":["getImageWidth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,OAAwB,CAAC,EACzB,EAAU,EACV,UAAkB,EAClB,EAAE;IACF,6CAA6C;IAC7C,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAC1B,gBAAgB;IAChB,IAAI,IAAI,GAAG,CAAC,EAAE;QACZ,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC,CAAC;KACtC;IACD,qBAAqB;IACrB,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,GAAG,UAAU,CAAC,CAAC;AAC5C,CAAC,CAAC"}

package/Image/utils/getImageWidths.d.ts

@@ -0,0 +1,2 @@
+import { ImageBreakpointSizes } from '../Image';
+export declare const getImageWidths: (breakpoints: Record<string, string>, sizes: ImageBreakpointSizes, mobile?: boolean) => number[];

package/Image/utils/getImageWidths.js

@@ -0,0 +1,21 @@
+import { getImageWidth } from './getImageWidth';
+import { remToPx } from './remToPx';
+import { getSizeForBreakpoint } from './getSizeForBreakpoint';
+export const getImageWidths = (breakpoints, sizes, mobile = false) => {
+    const all = new Set();
+    const breakpointArray = Object.entries(breakpoints).map(([key, value]) => ({
+        key,
+        value
+    }));
+    for (let i = 0; i < breakpointArray.length; i++) {
+        const bpSize = getSizeForBreakpoint(sizes, i);
+        const px = remToPx(breakpointArray[i].value);
+        all.add(getImageWidth(bpSize, px, 1));
+        all.add(getImageWidth(bpSize, px, 2));
+        if (mobile && breakpointArray[i].key === 'sm') {
+            break;
+        }
+    }
+    return Array.from(all).sort();
+};
+//# sourceMappingURL=getImageWidths.js.map

package/Image/utils/getImageWidths.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getImageWidths.js","sourceRoot":"","sources":["getImageWidths.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,WAAmC,EACnC,KAA2B,EAC3B,MAAM,GAAG,KAAK,EACd,EAAE;IACF,MAAM,GAAG,GAAG,IAAI,GAAG,EAAU,CAAC;IAE9B,MAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;QACzE,GAAG;QACH,KAAK;KACN,CAAC,CAAC,CAAC;IAEJ,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,eAAe,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAE/C,MAAM,MAAM,GAAG,oBAAoB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAC9C,MAAM,EAAE,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QAE7C,GAAG,CAAC,GAAG,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;QACtC,GAAG,CAAC,GAAG,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;QAEtC,IAAI,MAAM,IAAI,eAAe,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,EAAE;YAC7C,MAAM;SACP;KACF;IAED,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;AAChC,CAAC,CAAC"}

package/Image/utils/getLQIP.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Generates a LQIP (Low Quality Image Placeholder) using the Flight image
+ * handling API (via query params)
+ * @param src The image src
+ * @param widths An array of image widths
+ * @param aspect The desired aspect ratio of the placeholder
+ */
+export declare function getLQIP(src: string, widths: number[], aspect: string, crop: boolean, modifiedDate: string): string;

package/Image/utils/getLQIP.js

@@ -0,0 +1,20 @@
+import { getSrcWithParams } from './getSrcWithParams';
+/**
+ * Generates a LQIP (Low Quality Image Placeholder) using the Flight image
+ * handling API (via query params)
+ * @param src The image src
+ * @param widths An array of image widths
+ * @param aspect The desired aspect ratio of the placeholder
+ */
+export function getLQIP(src, widths, aspect, crop = false, modifiedDate) {
+    const transparent = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=';
+    if (!src)
+        return transparent;
+    // Use the smallest width for the placeholder, to ensure it is the smallest filesize possible
+    const smallestWidth = widths.sort((a, b) => a - b)[0];
+    const finalSrc = `${getSrcWithParams(smallestWidth, aspect, src, false, {
+        crop
+    })}&sigma=2.5&minampl=0.5&quality=30&type=auto${modifiedDate ? '&timestamp=' + modifiedDate : ''}`;
+    return finalSrc;
+}
+//# sourceMappingURL=getLQIP.js.map

package/Image/utils/getLQIP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getLQIP.js","sourceRoot":"","sources":["getLQIP.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD;;;;;;GAMG;AACH,MAAM,UAAU,OAAO,CACrB,GAAW,EACX,MAAgB,EAChB,MAAc,EACd,OAAgB,KAAK,EACrB,YAAoB;IAEpB,MAAM,WAAW,GACf,oHAAoH,CAAC;IACvH,IAAI,CAAC,GAAG;QAAE,OAAO,WAAW,CAAC;IAE7B,6FAA6F;IAC7F,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEtD,MAAM,QAAQ,GAAG,GAAG,gBAAgB,CAAC,aAAa,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE;QACtE,IAAI;KACL,CAAC,8CACA,YAAY,CAAC,CAAC,CAAC,aAAa,GAAG,YAAY,CAAC,CAAC,CAAC,EAChD,EAAE,CAAC;IAEH,OAAO,QAAQ,CAAC;AAClB,CAAC"}

package/Image/utils/getLargestSize.d.ts

@@ -0,0 +1,7 @@
+import { ProductImageSize } from '@jetshop/core/types';
+/**
+ * This exists to handle the deprecated `ProductImageSize` field from the API
+ * Takes an array of sizes, and returns the url of the largest one
+ * @param sizes Sizes field returned from API
+ */
+export declare const getLargestSize: (sizes: string | ProductImageSize[]) => any;

package/Image/utils/getLargestSize.js

@@ -0,0 +1,17 @@
+/**
+ * This exists to handle the deprecated `ProductImageSize` field from the API
+ * Takes an array of sizes, and returns the url of the largest one
+ * @param sizes Sizes field returned from API
+ */
+export const getLargestSize = (sizes) => {
+    if (Array.isArray(sizes)) {
+        if (sizes.length === 0) {
+            throw new Error('Sizes must not be an empty array');
+        }
+        return sizes[sizes.length - 1].url;
+    }
+    else {
+        return sizes.toString();
+    }
+};
+//# sourceMappingURL=getLargestSize.js.map

package/Image/utils/getLargestSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getLargestSize.js","sourceRoot":"","sources":["getLargestSize.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAkC,EAAE,EAAE;IACnE,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;YACtB,MAAM,IAAI,KAAK,CAAC,kCAAkC,CAAC,CAAC;SACrD;QACD,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;KACpC;SAAM;QACL,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;KACzB;AACH,CAAC,CAAC"}

package/Image/utils/getSizeForBreakpoint.d.ts

@@ -0,0 +1,2 @@
+import { ImageBreakpointSizes } from '../Image';
+export declare const getSizeForBreakpoint: (sizes: ImageBreakpointSizes, offset: number) => number;

package/Image/utils/getSizeForBreakpoint.js

@@ -0,0 +1,16 @@
+import { sizeToNumber } from './sizeToNumber';
+export const getSizeForBreakpoint = (sizes, offset) => {
+    if (Array.isArray(sizes)) {
+        do {
+            if (sizes[offset]) {
+                return sizeToNumber(sizes[offset]);
+            }
+            offset--;
+        } while (offset >= 0);
+    }
+    else {
+        return sizeToNumber(sizes);
+    }
+    return 1;
+};
+//# sourceMappingURL=getSizeForBreakpoint.js.map

package/Image/utils/getSizeForBreakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSizeForBreakpoint.js","sourceRoot":"","sources":["getSizeForBreakpoint.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,KAA2B,EAC3B,MAAc,EACd,EAAE;IACF,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,GAAG;YACD,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE;gBACjB,OAAO,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;aACpC;YACD,MAAM,EAAE,CAAC;SACV,QAAQ,MAAM,IAAI,CAAC,EAAE;KACvB;SAAM;QACL,OAAO,YAAY,CAAC,KAAK,CAAC,CAAC;KAC5B;IACD,OAAO,CAAC,CAAC;AACX,CAAC,CAAC"}

package/Image/utils/getSizesMap.d.ts

@@ -0,0 +1,2 @@
+import { ImageBreakpointSizes } from '../Image';
+export declare const getSizesMap: (breakpoints: Record<string, string>, sizes: ImageBreakpointSizes, mobile?: boolean) => string;

package/Image/utils/getSizesMap.js

@@ -0,0 +1,35 @@
+import { getSizeForBreakpoint } from './getSizeForBreakpoint';
+export const getSizesMap = (breakpoints, sizes, mobile = false) => {
+    const breakpointArray = Object.entries(breakpoints).map(([key, value]) => ({
+        key,
+        value
+    }));
+    const breakpointWidths = [];
+    for (let i = 0; i < breakpointArray.length; i++) {
+        breakpointWidths.push(breakpointArray[i].value);
+        if (mobile && breakpointArray[i].key === 'sm') {
+            break;
+        }
+    }
+    return breakpointWidths
+        .map((breakpoint, i) => {
+        const size = getSizeForBreakpoint(sizes, i);
+        let width;
+        if (size > 2) {
+            // Size is absolute value in px
+            width = size + 'px';
+        }
+        else {
+            // Size is already a fraction (or unset). Convert it to vw (percentage
+            // of viewport width)
+            width = Math.round(100 * (size || 1)) + 'vw';
+        }
+        // Include a media query for all but the last size
+        if (i + 1 < breakpointWidths.length) {
+            return `(max-width: ${breakpoint}) ${width}`;
+        }
+        return width;
+    })
+        .join(', ');
+};
+//# sourceMappingURL=getSizesMap.js.map

package/Image/utils/getSizesMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSizesMap.js","sourceRoot":"","sources":["getSizesMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,WAAmC,EACnC,KAA2B,EAC3B,MAAM,GAAG,KAAK,EACd,EAAE;IACF,MAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;QACzE,GAAG;QACH,KAAK;KACN,CAAC,CAAC,CAAC;IAEJ,MAAM,gBAAgB,GAAa,EAAE,CAAC;IAEtC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,eAAe,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAC/C,gBAAgB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QAEhD,IAAI,MAAM,IAAI,eAAe,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,EAAE;YAC7C,MAAM;SACP;KACF;IAED,OAAO,gBAAgB;SACpB,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC,EAAE,EAAE;QACrB,MAAM,IAAI,GAAG,oBAAoB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAC5C,IAAI,KAAK,CAAC;QACV,IAAI,IAAI,GAAG,CAAC,EAAE;YACZ,+BAA+B;YAC/B,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC;SACrB;aAAM;YACL,sEAAsE;YACtE,qBAAqB;YACrB,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;SAC9C;QACD,kDAAkD;QAClD,IAAI,CAAC,GAAG,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE;YACnC,OAAO,eAAe,UAAU,KAAK,KAAK,EAAE,CAAC;SAC9C;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;SACD,IAAI,CAAC,IAAI,CAAC,CAAC;AAChB,CAAC,CAAC"}

package/Image/utils/getSmallestSize.d.ts

@@ -0,0 +1,2 @@
+import { ImageSrcType } from '../Image';
+export declare const getSmallestSize: (sizes: ImageSrcType) => any;

package/Image/utils/getSmallestSize.js

@@ -0,0 +1,12 @@
+export const getSmallestSize = (sizes) => {
+    if (Array.isArray(sizes)) {
+        if (sizes.length === 0) {
+            throw new Error('Sizes must not be an empty array');
+        }
+        return sizes[0].url;
+    }
+    else {
+        return sizes.toString();
+    }
+};
+//# sourceMappingURL=getSmallestSize.js.map

package/Image/utils/getSmallestSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSmallestSize.js","sourceRoot":"","sources":["getSmallestSize.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAmB,EAAE,EAAE;IACrD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;YACtB,MAAM,IAAI,KAAK,CAAC,kCAAkC,CAAC,CAAC;SACrD;QACD,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;KACrB;SAAM;QACL,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;KACzB;AACH,CAAC,CAAC"}

package/Image/utils/getSrcSetFromWidths.d.ts

@@ -0,0 +1,10 @@
+import { AspectRatio, Gravity } from '../Image';
+export interface ImageParamOptions {
+    crop: boolean;
+    gravity?: Gravity;
+    quality?: number;
+    webp?: boolean;
+    focalPointX?: number;
+    focalPointY?: number;
+}
+export declare const getSrcSetFromWidths: (src: string, widths: number[], aspect: AspectRatio, options?: ImageParamOptions, timestamp?: string) => string;

package/Image/utils/getSrcSetFromWidths.js

@@ -0,0 +1,9 @@
+import { getSrcWithParams } from './getSrcWithParams';
+export const getSrcSetFromWidths = (src, widths, aspect, options = { crop: false, webp: false }, timestamp) => {
+    const l = [];
+    for (const w of widths) {
+        l.push(getSrcWithParams(w, aspect, src, true, options, timestamp));
+    }
+    return l.join(', ');
+};
+//# sourceMappingURL=getSrcSetFromWidths.js.map

package/Image/utils/getSrcSetFromWidths.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSrcSetFromWidths.js","sourceRoot":"","sources":["getSrcSetFromWidths.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAWtD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,GAAW,EACX,MAAgB,EAChB,MAAmB,EACnB,UAA6B,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EACzD,SAAkB,EAClB,EAAE;IACF,MAAM,CAAC,GAAG,EAAE,CAAC;IAEb,KAAK,MAAM,CAAC,IAAI,MAAM,EAAE;QACtB,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;KACpE;IAED,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACtB,CAAC,CAAC"}

package/Image/utils/getSrcWithParams.d.ts

@@ -0,0 +1,3 @@
+import { AspectRatio } from '../Image';
+import { ImageParamOptions } from './getSrcSetFromWidths';
+export declare function getSrcWithParams(width: number, aspect: AspectRatio, src: string, includeViewportSize?: boolean, options?: ImageParamOptions, timestamp?: string): string;

package/Image/utils/getSrcWithParams.js

@@ -0,0 +1,29 @@
+import { aspectRatioToFraction } from './aspectRatioToFraction';
+export function getSrcWithParams(width, aspect, src, includeViewportSize = true, options = { crop: false, webp: false }, timestamp) {
+    const resizeMethod = options.crop ? 'crop' : 'fit';
+    const gravity = options.gravity;
+    const quality = options.quality;
+    const height = aspect
+        ? Math.round(width * aspectRatioToFraction(aspect))
+        : null;
+    let qstring;
+    if (height) {
+        qstring = `?extend=copy&width=${width}&method=${resizeMethod}&height=${height}`;
+        if (gravity)
+            qstring += `&gravity=${gravity}`;
+    }
+    else {
+        qstring = `?extend=copy&width=${width}&method=resize`;
+    }
+    if (quality)
+        qstring += `&quality=${quality}`;
+    if (options.webp)
+        qstring += `&type=webp`;
+    if (timestamp)
+        qstring += `&timestamp=${timestamp}`;
+    if (options.focalPointX && options.focalPointY) {
+        qstring += `&im=RegionOfInterestCrop=(${width},${height}),style=crop,gravity=Center,regionOfInterest=(anchor=(x=${options.focalPointX},y=${options.focalPointY}),width=${width},height=${height})`;
+    }
+    return src + qstring + `${includeViewportSize ? ` ${width}w` : ''}`;
+}
+//# sourceMappingURL=getSrcWithParams.js.map

package/Image/utils/getSrcWithParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSrcWithParams.js","sourceRoot":"","sources":["getSrcWithParams.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAIhE,MAAM,UAAU,gBAAgB,CAC9B,KAAa,EACb,MAAmB,EACnB,GAAW,EACX,mBAAmB,GAAG,IAAI,EAC1B,UAA6B,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EACzD,SAAkB;IAElB,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;IACnD,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAChC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAChC,MAAM,MAAM,GAAG,MAAM;QACnB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;QACnD,CAAC,CAAC,IAAI,CAAC;IAET,IAAI,OAAO,CAAC;IACZ,IAAI,MAAM,EAAE;QACV,OAAO,GAAG,sBAAsB,KAAK,WAAW,YAAY,WAAW,MAAM,EAAE,CAAC;QAChF,IAAI,OAAO;YAAE,OAAO,IAAI,YAAY,OAAO,EAAE,CAAC;KAC/C;SAAM;QACL,OAAO,GAAG,sBAAsB,KAAK,gBAAgB,CAAC;KACvD;IACD,IAAI,OAAO;QAAE,OAAO,IAAI,YAAY,OAAO,EAAE,CAAC;IAC9C,IAAI,OAAO,CAAC,IAAI;QAAE,OAAO,IAAI,YAAY,CAAC;IAC1C,IAAI,SAAS;QAAE,OAAO,IAAI,cAAc,SAAS,EAAE,CAAC;IACpD,IAAI,OAAO,CAAC,WAAW,IAAI,OAAO,CAAC,WAAW,EAAE;QAC9C,OAAO,IAAI,6BAA6B,KAAK,IAAI,MAAM,2DAA2D,OAAO,CAAC,WAAW,MAAM,OAAO,CAAC,WAAW,WAAW,KAAK,WAAW,MAAM,GAAG,CAAC;KACpM;IAED,OAAO,GAAG,GAAG,OAAO,GAAG,GAAG,mBAAmB,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;AACtE,CAAC"}

package/Image/utils/paddingForAspectRatio.d.ts

@@ -0,0 +1 @@
+export declare const paddingForAspectRatio: (aspect?: string) => string;

package/Image/utils/paddingForAspectRatio.js

@@ -0,0 +1,6 @@
+export const paddingForAspectRatio = (aspect = '1:1') => {
+    const numbers = aspect.split(/[^\d]/).map(Number);
+    const ratio = numbers[1] / numbers[0];
+    return `${(ratio * 100).toFixed(4)}%`;
+};
+//# sourceMappingURL=paddingForAspectRatio.js.map

package/Image/utils/paddingForAspectRatio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paddingForAspectRatio.js","sourceRoot":"","sources":["paddingForAspectRatio.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,MAAM,GAAG,KAAK,EAAE,EAAE;IACtD,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IAClD,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;IACtC,OAAO,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;AACxC,CAAC,CAAC"}

package/Image/utils/remToPx.d.ts

@@ -0,0 +1 @@
+export declare const remToPx: (rems: string, base?: number) => number;

package/Image/utils/remToPx.js

@@ -0,0 +1,2 @@
+export const remToPx = (rems, base = 16) => parseInt(rems) * base;
+//# sourceMappingURL=remToPx.js.map

package/Image/utils/remToPx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"remToPx.js","sourceRoot":"","sources":["remToPx.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAAY,EAAE,IAAI,GAAG,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC"}

package/Image/utils/sizeToNumber.d.ts

@@ -0,0 +1,2 @@
+import { ImageBreakpointSize } from '../Image';
+export declare const sizeToNumber: (size: ImageBreakpointSize) => number;

package/Image/utils/sizeToNumber.js

@@ -0,0 +1,27 @@
+import { remToPx } from './remToPx';
+const sizeRegexp = new RegExp(/(\d+)\s?(\w+)?/g);
+export const sizeToNumber = (size) => {
+    if (typeof size === 'string') {
+        try {
+            sizeRegexp.lastIndex = 0;
+            const matches = sizeRegexp.exec(size.toLowerCase().trim());
+            const num = matches && matches[1];
+            const unit = matches && matches[2];
+            if ((!unit || unit === 'px') && num) {
+                return +num;
+            }
+            else if (unit === 'rem') {
+                return remToPx(num);
+            }
+            else {
+                throw Error('Unknown unit ' + unit);
+            }
+        }
+        catch (e) {
+            console.error('Responsive Image: Unit conversion failed for', size, e);
+            return 1;
+        }
+    }
+    return size;
+};
+//# sourceMappingURL=sizeToNumber.js.map

package/Image/utils/sizeToNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizeToNumber.js","sourceRoot":"","sources":["sizeToNumber.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,MAAM,UAAU,GAAG,IAAI,MAAM,CAAC,iBAAiB,CAAC,CAAC;AACjD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAyB,EAAE,EAAE;IACxD,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC5B,IAAI;YACF,UAAU,CAAC,SAAS,GAAG,CAAC,CAAC;YACzB,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;YAC3D,MAAM,GAAG,GAAG,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;YAClC,MAAM,IAAI,GAAG,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;YACnC,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,KAAK,IAAI,CAAC,IAAI,GAAG,EAAE;gBACnC,OAAO,CAAC,GAAG,CAAC;aACb;iBAAM,IAAI,IAAI,KAAK,KAAK,EAAE;gBACzB,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC;aACrB;iBAAM;gBACL,MAAM,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;aACrC;SACF;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,KAAK,CAAC,8CAA8C,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;YACvE,OAAO,CAAC,CAAC;SACV;KACF;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}

package/Input/Input.d.ts

@@ -0,0 +1,6 @@
+import React, { InputHTMLAttributes } from 'react';
+declare const TrendInput: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement> & {
+    as?: React.ElementType<any>;
+}>;
+export default TrendInput;
+export declare const Quantity: React.SFC<InputHTMLAttributes<HTMLInputElement>>;

package/Input/Input.js

@@ -0,0 +1,45 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { styled } from 'linaria/react';
+import React from 'react';
+const QuantityWrapper = styled('div') `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`;
+const TrendInput = styled('input') `
+  border: 0.5px solid #bfbdbd;
+  height: 35px;
+  font-size: 20px;
+`;
+export default TrendInput;
+const QuantityInput = styled('input') `
+  border: 1px solid #000000;
+  width: 54px;
+  height: 54px;
+  font-size: 20px;
+  text-align: center;
+  padding: 0px;
+`;
+const QuantityLabel = styled('label') `
+  font-size: 12px;
+  text-align: center;
+  letter-spacing: 0.05em;
+  margin-bottom: 10px;
+`;
+export const Quantity = (_a) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return (React.createElement(QuantityWrapper, { className: className },
+        React.createElement(QuantityLabel, null, "Quantity"),
+        React.createElement(QuantityInput, Object.assign({}, rest))));
+};
+//# sourceMappingURL=Input.js.map

package/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["Input.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;CAIpC,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;;;CAIjC,CAAC;AAEF,eAAe,UAAU,CAAC;AAE1B,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;;;;;;CAOpC,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;;;;CAKpC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAqD,CAAC,EAG1E,EAAE,EAAE;QAHsE,EACzE,SAAS,OAEV,EADI,IAAI,cAFkE,aAG1E,CADQ;IAEP,OAAO,CACL,oBAAC,eAAe,IAAC,SAAS,EAAE,SAAS;QACnC,oBAAC,aAAa,mBAAyB;QACvC,oBAAC,aAAa,oBAAK,IAAI,EAAI,CACX,CACnB,CAAC;AACJ,CAAC,CAAC"}

package/Input/index.d.ts

@@ -0,0 +1,3 @@
+import Input, { Quantity } from './Input';
+export default Input;
+export { Quantity };

package/Input/index.js

@@ -0,0 +1,4 @@
+import Input, { Quantity } from './Input';
+export default Input;
+export { Quantity };
+//# sourceMappingURL=index.js.map

package/Input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC1C,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/JetshopText.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const JetshopText: React.FC;
+export default JetshopText;

package/JetshopText.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { styled } from 'linaria/react';
+const SmallText = styled('p') `
+  font-size: 12px;
+  margin-top: 10px;
+  text-align: right;
+`;
+const JetshopText = () => {
+    return (React.createElement(SmallText, null,
+        React.createElement("a", { href: "https://www.norce.io" }, "Powered by Norce")));
+};
+export default JetshopText;
+//# sourceMappingURL=JetshopText.js.map

package/JetshopText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JetshopText.js","sourceRoot":"","sources":["JetshopText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;CAI5B,CAAC;AAEF,MAAM,WAAW,GAAa,GAAG,EAAE;IACjC,OAAO,CACL,oBAAC,SAAS;QACR,2BAAG,IAAI,EAAC,sBAAsB,uBAAqB,CACzC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}