@alphakits/ui 1.31.5 → 2.0.0

package/dist/image-gallery/component.js

@@ -1 +1,42 @@
-import n,{useState as o}from"react";import e from"react-images-viewer";var i=function(i){var r=i.onClose,t=i.initialSlide,c=void 0===t?0:t,l=i.photos,a=i.open,m=o(c),s=m[0],u=m[1];return n.createElement(e,{theme:{container:{zIndex:1e16}},backdropCloseable:!0,showThumbnails:!0,imgs:l,onClickThumbnail:function(n){u(n)},onClickNext:function(){u(s+1)},onClickPrev:function(){u(s-1)},onClickImg:function(){},currImg:s,isOpen:a,onClose:r})};export{i as ImageGallery};
+import { jsx as c } from "react/jsx-runtime";
+import { useState as s } from "react";
+import l from "react-images-viewer";
+const C = ({
+  onClose: t,
+  initialSlide: n = 0,
+  photos: r,
+  open: i
+}) => {
+  const [o, e] = s(n);
+  return /* @__PURE__ */ c(
+    l,
+    {
+      theme: {
+        container: {
+          zIndex: 1e16
+        }
+      },
+      backdropCloseable: !0,
+      showThumbnails: !0,
+      imgs: r,
+      onClickThumbnail: (m) => {
+        e(m);
+      },
+      onClickNext: () => {
+        e(o + 1);
+      },
+      onClickPrev: () => {
+        e(o - 1);
+      },
+      onClickImg: () => {
+      },
+      currImg: o,
+      isOpen: i,
+      onClose: t
+    }
+  );
+};
+export {
+  C as ImageGallery
+};
+//# sourceMappingURL=component.js.map

package/dist/image-gallery/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/image-gallery/component.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport ImgsViewer from 'react-images-viewer';\n\ntype Props = {\n    initialSlide: number;\n    photos: Array<{src: string}>;\n    onClose: () => void;\n    open: boolean;\n};\n\nexport const ImageGallery = ({\n    onClose, initialSlide = 0, photos, open,\n}: Props) => {\n    const [index, setIndex] = useState(initialSlide);\n\n    const onClickNext = () => {\n        setIndex(index + 1);\n    };\n\n    const onClickPrev = () => {\n        setIndex(index - 1);\n    };\n\n    const gotoImg = (i: number) => {\n        setIndex(i);\n    };\n\n    return (\n        <ImgsViewer\n            theme={ {\n                container: {\n                    zIndex: 9999999999999999,\n                },\n            } }\n            backdropCloseable={ true }\n            showThumbnails={ true }\n            imgs={ photos }\n            onClickThumbnail={ gotoImg }\n            onClickNext={ onClickNext }\n            onClickPrev={ onClickPrev }\n            onClickImg={ () => {} }\n            currImg={ index }\n            isOpen={ open }\n            onClose={ onClose }\n        />\n    );\n};\n"],"names":["ImageGallery","onClose","initialSlide","photos","open","index","setIndex","useState","jsx","ImgsViewer","i"],"mappings":";;;AAUO,MAAMA,IAAe,CAAC;AAAA,EACzB,SAAAC;AAAA,EAAS,cAAAC,IAAe;AAAA,EAAG,QAAAC;AAAA,EAAQ,MAAAC;AACvC,MAAa;AACT,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAASL,CAAY;AAc/C,SACI,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAQ;AAAA,QACJ,WAAW;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MACZ;AAAA,MAEJ,mBAAoB;AAAA,MACpB,gBAAiB;AAAA,MACjB,MAAON;AAAA,MACP,kBAdQ,CAACO,MAAc;AAC3B,QAAAJ,EAASI,CAAC;AAAA,MACd;AAAA,MAaQ,aAvBY,MAAM;AACtB,QAAAJ,EAASD,IAAQ,CAAC;AAAA,MACtB;AAAA,MAsBQ,aApBY,MAAM;AACtB,QAAAC,EAASD,IAAQ,CAAC;AAAA,MACtB;AAAA,MAmBQ,YAAa,MAAM;AAAA,MAAC;AAAA,MACpB,SAAUA;AAAA,MACV,QAASD;AAAA,MACT,SAAAH;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/image-gallery/index.js

@@ -1 +1,5 @@
-export{ImageGallery}from"./component.js";import"react";import"react-images-viewer";
+import { ImageGallery as a } from "./component.js";
+export {
+  a as ImageGallery
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/image-uploader/component.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import React from 'react';
-import { ApiMethodDeclaration, MakeServiceFromServiceDeclaration } from "../typings/api";
-type Props = {
+import { default as React } from 'react';
+import { ApiMethodDeclaration, MakeServiceFromServiceDeclaration } from '../typings/api';
+declare type Props = {
     title: string;
     subtitle?: string;
     value: string[];
@@ -21,5 +20,5 @@ type Props = {
         loading: boolean;
     }) => React.ReactNode;
 };
-declare const ImageUploader: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
-export { ImageUploader };
+export declare const ImageUploader: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/image-uploader/component.js

@@ -1 +1,159 @@
-import{__awaiter as e,__generator as t,__spreadArray as o}from"tslib";import i,{forwardRef as r,useState as n,useRef as s}from"react";import a from"@alphakits/icons/dist/EyeM";import m from"@alphakits/icons/dist/HeartStrokeM";import c from"@alphakits/icons/dist/PlusS";import l from"@alphakits/icons/dist/TrashM";import{Button as p}from"../button/component.js";import{FlexColumns as u}from"../flex-columns/component.js";import{IconButton as d}from"../icon-button/component.js";import{Image as f}from"../image/component.js";import{ImageGallery as h}from"../image-gallery/component.js";import{Padding as v}from"../padding/component.js";import{SuperListHeader as g}from"../super-list-header/component.js";import{Typography as j}from"../typography/component.js";import{getServiceError as k}from"../utils/get-service-error/index.js";import{showError as y}from"../utils/show-toast/index.js";import"react-merge-refs";import"classnames";import"../hooks/useFocus/index.js";import"../loader/component.js";import"../skeleton/component.js";import"../use-image-render-component-9bd646ff.js";import"@alphakits/icons/dist/PhotoM";import"@alphakits/icons/dist/PhotoS";import"../spinner/component.js";import"../image/types.js";import"../image/utils.js";import"../typography/text/component.js";import"../colors.module-347c19ce.js";import"../typography/title/index.js";import"../typography/title/component.js";import"react-images-viewer";import"../utils/get-service-error/is-axios-error.js";import"../utils/get-service-error/is-network-error.js";import"../toast-notifier/component.js";import"react-dom";import"../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/ClockCircleM";import"@alphakits/icons/dist/CloseS";import"../toast-notifier/use-timer.js";var E="index-module_image__1Jp6f",x="index-module_icon__2LV-G",w="index-module_controls__dPriw",C="index-module_main__XGkSj",_=r((function(r,_){var b=r.value,M=void 0===b?[]:b,N=r.title,S=r.subtitle,P=r.columns,z=void 0===P?3:P,A=r.onUpdate,F=r.uploadRequest,T=r.setMain,G=r.type,q=r.main,D=r.multiple,H=r.error,I=r.className,J=r.children,L=n(!1),R=L[0],U=L[1],V=n(),X=V[0],B=V[1],K=n(!1),O=K[0],Q=K[1],W=s(null),Y=function(i){var r=i.target.files;return e(void 0,void 0,void 0,(function(){var e,i,n,s,a;return t(this,(function(t){switch(t.label){case 0:if(!r)return[2];e=Array.from(r).map((function(e){var t=new FormData;return t.append("file",e),t.append("type",G),F({data:t})})),Q(!0),t.label=1;case 1:return t.trys.push([1,3,4,5]),[4,Promise.all(e)];case 2:return i=t.sent(),n=i.map((function(e){return e.data.url})),A(D?o(o([],M),n):n),[3,5];case 3:return s=t.sent(),a=k(s).message,y(a),[3,5];case 4:return W.current&&(W.current.value=""),Q(!1),[7];case 5:return[2]}}))}))};return i.createElement("div",{className:I},i.createElement("input",{type:"file",style:{height:0,position:"absolute"},ref:_,onChange:Y,multiple:D,accept:"image/*, .heic"}),i.createElement("input",{type:"file",style:{height:0,position:"absolute"},ref:W,onChange:Y,multiple:D,accept:"image/*, .heic"}),J?i.createElement(p,{view:"ghost",onClick:function(){var e;return null===(e=W.current)||void 0===e?void 0:e.click()}},J({value:M,loading:O})):i.createElement(i.Fragment,null,i.createElement(g,{text:N,leftAddons:i.createElement(d,{onClick:function(){var e;return null===(e=W.current)||void 0===e?void 0:e.click()},icon:c,loading:O})}),S&&i.createElement(j.Text,{view:"primary-small",color:"secondary",weight:"medium"},S),i.createElement(v,{padding:"4px 0"},H&&i.createElement(j.Text,{view:"caps",color:"negative",weight:"medium"},H)),i.createElement(u,{columns:z},M.map((function(e,t){return i.createElement(f,{key:e,className:E,src:e,size:"xl",view:"default"},i.createElement("div",{className:w},!!T&&q!==e&&i.createElement(d,{onClick:function(){return T(e)},icon:m,size:"m",view:"secondary",className:x}),i.createElement(d,{onClick:function(){B(t),U(!0)},icon:a,size:"m",view:"secondary",className:x}),i.createElement(d,{onClick:function(){return t=e,void A(M.filter((function(e){return e!==t})));var t},icon:l,size:"m",view:"secondary",className:x})),q===e&&i.createElement("div",{className:C},"MAIN"))}))),i.createElement(h,{photos:M.map((function(e){return{src:e}})),initialSlide:X||0,open:R,onClose:function(){return U(!1)}})))}));export{_ as ImageUploader};
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import j, { forwardRef as B, useState as p, useRef as H } from "react";
+import L from "@alphakits/icons/dist/EyeM";
+import b from "@alphakits/icons/dist/HeartStrokeM";
+import D from "@alphakits/icons/dist/PlusS";
+import G from "@alphakits/icons/dist/TrashM";
+import { Button as O } from "../button/component.js";
+import { FlexColumns as q } from "../flex-columns/component.js";
+import { IconButton as m } from "../icon-button/component.js";
+import { Image as J } from "../image/component.js";
+import { ImageGallery as K } from "../image-gallery/component.js";
+import { Padding as Q } from "../padding/component.js";
+import { SuperListHeader as U } from "../super-list-header/component.js";
+import { Typography as k } from "../typography/component.js";
+import { getServiceError as V } from "../utils/get-service-error/index.js";
+import { showError as W } from "../utils/show-toast/index.js";
+import t from "./index.module.css.js";
+const de = B(
+  ({
+    value: n = [],
+    title: S,
+    subtitle: d,
+    columns: N = 3,
+    onUpdate: f,
+    uploadRequest: I,
+    setMain: h,
+    type: R,
+    main: u,
+    multiple: l,
+    error: g,
+    className: z,
+    children: y
+  }, T) => {
+    const [A, w] = p(!1), [E, F] = p(), [v, C] = p(!1), s = H(null), M = (e, c) => {
+      f(e.filter((i) => i !== c));
+    }, x = async ({ target: { files: e } }) => {
+      if (!e) return;
+      const c = Array.from(e).map((i) => {
+        const o = new FormData();
+        return o.append("file", i), o.append("type", R), I({ data: o });
+      });
+      C(!0);
+      try {
+        const o = (await Promise.all(c)).map(({ data: P }) => P.url);
+        f(l ? [...n, ...o] : o);
+      } catch (i) {
+        const { message: o } = V(i);
+        W(o);
+      } finally {
+        s.current && (s.current.value = ""), C(!1);
+      }
+    };
+    return /* @__PURE__ */ a("div", { className: z, children: [
+      /* @__PURE__ */ r(
+        "input",
+        {
+          type: "file",
+          style: { height: 0, position: "absolute" },
+          ref: T,
+          onChange: x,
+          multiple: l,
+          accept: "image/*, .heic"
+        }
+      ),
+      /* @__PURE__ */ r(
+        "input",
+        {
+          type: "file",
+          style: { height: 0, position: "absolute" },
+          ref: s,
+          onChange: x,
+          multiple: l,
+          accept: "image/*, .heic"
+        }
+      ),
+      y ? /* @__PURE__ */ r(
+        O,
+        {
+          view: "ghost",
+          onClick: () => {
+            var e;
+            return (e = s.current) == null ? void 0 : e.click();
+          },
+          children: y({ value: n, loading: v })
+        }
+      ) : /* @__PURE__ */ a(j.Fragment, { children: [
+        /* @__PURE__ */ r(
+          U,
+          {
+            text: S,
+            leftAddons: /* @__PURE__ */ r(
+              m,
+              {
+                onClick: () => {
+                  var e;
+                  return (e = s.current) == null ? void 0 : e.click();
+                },
+                icon: D,
+                loading: v
+              }
+            )
+          }
+        ),
+        d && /* @__PURE__ */ r(k.Text, { view: "primary-small", color: "secondary", weight: "medium", children: d }),
+        /* @__PURE__ */ r(Q, { padding: "4px 0", children: g && /* @__PURE__ */ r(k.Text, { view: "caps", color: "negative", weight: "medium", children: g }) }),
+        /* @__PURE__ */ r(q, { columns: N, children: n.map((e, c) => /* @__PURE__ */ a(J, { className: t.image, src: e, size: "xl", view: "default", children: [
+          /* @__PURE__ */ a("div", { className: t.controls, children: [
+            !!h && u !== e && /* @__PURE__ */ r(
+              m,
+              {
+                onClick: () => h(e),
+                icon: b,
+                size: "m",
+                view: "secondary",
+                className: t.icon
+              }
+            ),
+            /* @__PURE__ */ r(
+              m,
+              {
+                onClick: () => {
+                  F(c), w(!0);
+                },
+                icon: L,
+                size: "m",
+                view: "secondary",
+                className: t.icon
+              }
+            ),
+            /* @__PURE__ */ r(
+              m,
+              {
+                onClick: () => M(n, e),
+                icon: G,
+                size: "m",
+                view: "secondary",
+                className: t.icon
+              }
+            )
+          ] }),
+          u === e && /* @__PURE__ */ r("div", { className: t.main, children: "MAIN" })
+        ] }, e)) }),
+        /* @__PURE__ */ r(
+          K,
+          {
+            photos: n.map((e) => ({ src: e })),
+            initialSlide: E || 0,
+            open: A,
+            onClose: () => w(!1)
+          }
+        )
+      ] })
+    ] });
+  }
+);
+export {
+  de as ImageUploader
+};
+//# sourceMappingURL=component.js.map

package/dist/image-uploader/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/image-uploader/component.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState } from 'react';\nimport EyeM from '@alphakits/icons/dist/EyeM';\nimport HeartStrokeM from '@alphakits/icons/dist/HeartStrokeM';\nimport PlusS from '@alphakits/icons/dist/PlusS';\nimport TrashM from '@alphakits/icons/dist/TrashM';\n\nimport { Button } from '../button';\nimport { FlexColumns } from '../flex-columns';\nimport { IconButton } from '../icon-button';\nimport { Image } from '../image';\nimport { ImageGallery } from '../image-gallery';\nimport { Padding } from '../padding';\nimport { SuperListHeader } from '../super-list-header';\nimport { ApiMethodDeclaration, MakeServiceFromServiceDeclaration } from '../typings/api';\nimport { Typography } from '../typography';\nimport { getServiceError } from '../utils/get-service-error';\nimport { showError } from '../utils/show-toast';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    title: string;\n    subtitle?: string;\n    value: string[];\n    multiple: boolean;\n    main?: string;\n    type: string;\n    columns?: number;\n    error?: string;\n    className?: string;\n    uploadRequest: MakeServiceFromServiceDeclaration<ApiMethodDeclaration<any, {url: string}>>;\n    onUpdate: (photos: string[]) => void;\n    setMain?: (photo: string) => void;\n    children?: ({ value, loading }: {value: string[]; loading: boolean}) => React.ReactNode;\n};\n\nexport const ImageUploader = forwardRef<HTMLInputElement, Props>(\n    ({\n        value = [],\n        title,\n        subtitle,\n        columns = 3,\n        onUpdate,\n        uploadRequest,\n        setMain,\n        type,\n        main,\n        multiple,\n        error,\n        className,\n        children,\n    }, ref) => {\n        const [open, setOpen] = useState(false);\n        const [initialSlide, setInitialSlide] = useState<number | undefined>();\n        const [loading, setLoading] = useState(false);\n        const innerRef = useRef<HTMLInputElement>(null);\n\n        const handleRemove = (photos: string[], src: string) => {\n            onUpdate(photos.filter((i) => i !== src));\n        };\n\n        const handleChange = async ({ target: { files } }: React.ChangeEvent<HTMLInputElement>) => {\n            if (!files) return;\n\n            const promises = Array.from(files).map((file) => {\n                const data = new FormData();\n\n                data.append('file', file);\n                data.append('type', type);\n\n                return uploadRequest({ data });\n            });\n\n            setLoading(true);\n\n            try {\n                const res = await Promise.all(promises);\n                const urls = res.map(({ data }) => data.url);\n\n                onUpdate(multiple ? [...value, ...urls] : urls);\n            } catch (err) {\n                const { message } = getServiceError(err);\n\n                showError(message);\n            } finally {\n                if (innerRef.current) innerRef.current.value = '';\n\n                setLoading(false);\n            }\n        };\n\n        return (\n            <div className={ className }>\n                <input\n                    type=\"file\"\n                    style={ { height: 0, position: 'absolute' } }\n                    ref={ ref }\n                    onChange={ handleChange }\n                    multiple={ multiple }\n                    accept=\"image/*, .heic\"\n                />\n\n                <input\n                    type=\"file\"\n                    style={ { height: 0, position: 'absolute' } }\n                    ref={ innerRef }\n                    onChange={ handleChange }\n                    multiple={ multiple }\n                    accept=\"image/*, .heic\"\n                />\n\n                { children ? (\n                    <Button\n                        view=\"ghost\"\n                        onClick={ () => innerRef.current?.click() }\n                    >\n                        { children({ value, loading }) }\n                    </Button>\n                ) : (\n                    <React.Fragment>\n\n                        <SuperListHeader\n                            text={ title }\n                            leftAddons={ (\n                                <IconButton\n                                    onClick={ () => innerRef.current?.click() }\n                                    icon={ PlusS }\n                                    loading={ loading }\n                                />\n                            ) }\n                        />\n\n                        { subtitle && (\n                            <Typography.Text view=\"primary-small\" color=\"secondary\" weight=\"medium\">\n                                { subtitle }\n                            </Typography.Text>\n                        ) }\n\n                        <Padding padding=\"4px 0\">\n                            { error && (\n                                <Typography.Text view=\"caps\" color=\"negative\" weight=\"medium\">\n                                    { error }\n                                </Typography.Text>\n                            ) }\n                        </Padding>\n\n                        <FlexColumns columns={ columns }>\n                            {\n                                value.map((image, key) => (\n                                    <Image key={ image } className={ styles.image } src={ image } size=\"xl\" view=\"default\">\n\n                                        <div className={ styles.controls }>\n                                            { (!!setMain && main !== image) && (\n                                                <IconButton\n                                                    onClick={ () => setMain(image) }\n                                                    icon={ HeartStrokeM }\n                                                    size=\"m\"\n                                                    view=\"secondary\"\n                                                    className={ styles.icon }\n                                                />\n                                            ) }\n                                            <IconButton\n                                                onClick={ () => {\n                                                    setInitialSlide(key);\n                                                    setOpen(true);\n                                                } }\n                                                icon={ EyeM }\n                                                size=\"m\"\n                                                view=\"secondary\"\n                                                className={ styles.icon }\n                                            />\n\n                                            <IconButton\n                                                onClick={ () => handleRemove(value, image) }\n                                                icon={ TrashM }\n                                                size=\"m\"\n                                                view=\"secondary\"\n                                                className={ styles.icon }\n                                            />\n\n                                        </div>\n\n                                        { main === image && <div className={ styles.main }>MAIN</div> }\n                                    </Image>\n                                ))\n                            }\n                        </FlexColumns>\n\n                        <ImageGallery\n                            photos={ value.map((src) => ({ src })) }\n                            initialSlide={ initialSlide || 0 }\n                            open={ open }\n                            onClose={ () => setOpen(false) }\n                        />\n\n                    </React.Fragment>\n                ) }\n\n            </div>\n        );\n    },\n);\n"],"names":["ImageUploader","forwardRef","value","title","subtitle","columns","onUpdate","uploadRequest","setMain","type","main","multiple","error","className","children","ref","open","setOpen","useState","initialSlide","setInitialSlide","loading","setLoading","innerRef","useRef","handleRemove","photos","src","handleChange","files","promises","file","data","urls","err","message","getServiceError","showError","jsxs","jsx","Button","_a","React","SuperListHeader","IconButton","PlusS","Typography","Padding","FlexColumns","image","key","Image","styles","HeartStrokeM","EyeM","TrashM","ImageGallery"],"mappings":"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"}

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

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/image-uploader/index.js

@@ -1 +1,5 @@
-export{ImageUploader}from"./component.js";import"tslib";import"react";import"@alphakits/icons/dist/EyeM";import"@alphakits/icons/dist/HeartStrokeM";import"@alphakits/icons/dist/PlusS";import"@alphakits/icons/dist/TrashM";import"../button/component.js";import"react-merge-refs";import"classnames";import"../hooks/useFocus/index.js";import"../loader/component.js";import"../flex-columns/component.js";import"../icon-button/component.js";import"../image/component.js";import"../skeleton/component.js";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-347c19ce.js";import"../typography/title/index.js";import"../typography/title/component.js";import"../use-image-render-component-9bd646ff.js";import"@alphakits/icons/dist/PhotoM";import"@alphakits/icons/dist/PhotoS";import"../spinner/component.js";import"../image/types.js";import"../image/utils.js";import"../image-gallery/component.js";import"react-images-viewer";import"../padding/component.js";import"../super-list-header/component.js";import"../utils/get-service-error/index.js";import"../utils/get-service-error/is-axios-error.js";import"../utils/get-service-error/is-network-error.js";import"../utils/show-toast/index.js";import"../toast-notifier/component.js";import"react-dom";import"../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/ClockCircleM";import"@alphakits/icons/dist/CloseS";import"../toast-notifier/use-timer.js";
+import { ImageUploader as r } from "./component.js";
+export {
+  r as ImageUploader
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/image-uploader/index.module.css

@@ -0,0 +1 @@
+.index-module_image__5DvrD{height:150px}.index-module_icon__Xtgbu{background:var(--color-bg-primary-inverted);color:var(--color-text-primary-inverted);margin:4px}.index-module_controls__XUF4X{position:absolute;inset:0;display:flex;background:var(--color-bg-primary-inverted);align-items:center;justify-content:center;opacity:0;z-index:3}.index-module_controls__XUF4X:hover{opacity:1}.index-module_main__ZMTqM{position:absolute;bottom:0;background:var(--color-bg-positive);width:100%;text-align:center;font-size:10px;text-transform:uppercase;padding:4px;z-index:4;color:var(--color-text-primary-inverted)}

package/dist/image-uploader/index.module.css.js

@@ -0,0 +1,15 @@
+import './index.module.css';
+const o = "index-module_image__5DvrD", n = "index-module_icon__Xtgbu", e = "index-module_controls__XUF4X", i = "index-module_main__ZMTqM", t = {
+  image: o,
+  icon: n,
+  controls: e,
+  main: i
+};
+export {
+  e as controls,
+  t as default,
+  n as icon,
+  o as image,
+  i as main
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/image-uploader/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}