@alphakits/ui 1.31.4 → 2.0.0

package/dist/hooks/usePrevious/index.js

@@ -1 +1,11 @@
-import r from"react";function e(e){var t=r.useRef();return r.useEffect((function(){t.current=e})),t.current}export{e as usePrevious};
+import r from "react";
+function c(t) {
+  const e = r.useRef();
+  return r.useEffect(() => {
+    e.current = t;
+  }), e.current;
+}
+export {
+  c as usePrevious
+};
+//# sourceMappingURL=index.js.map

package/dist/hooks/usePrevious/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/hooks/usePrevious/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport function usePrevious<T>(value: T): T | undefined {\n    const ref = React.useRef<T>();\n\n    React.useEffect(() => {\n        ref.current = value;\n    });\n\n    return ref.current;\n}\n"],"names":["usePrevious","value","ref","React"],"mappings":";AAEO,SAASA,EAAeC,GAAyB;AACpD,QAAMC,IAAMC,EAAM,OAAA;AAElB,SAAAA,EAAM,UAAU,MAAM;AAClB,IAAAD,EAAI,UAAUD;AAAA,EAClB,CAAC,GAEMC,EAAI;AACf;"}

package/dist/icon-button/component.d.ts

@@ -1,20 +1,47 @@
-/// <reference types="react" />
-import React from 'react';
-import { ButtonHTMLAttributes } from "react";
-type IconButtonProps = {
+import { default as React, ButtonHTMLAttributes } from 'react';
+export declare type IconButtonProps = {
+    /**
+     * Компонент иконки
+     */
     icon: any;
+    /**
+     * Тип кнопки
+     */
     view?: 'secondary' | 'ghost';
+    /**
+     * Размер компонента
+     */
     size?: 'l' | 'm' | 's';
+    /**
+     * Дополнительный класс
+     */
     className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string;
     loading?: boolean;
 } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'>;
-declare const IconButton: React.ForwardRefExoticComponent<{
+export declare const IconButton: React.ForwardRefExoticComponent<{
+    /**
+     * Компонент иконки
+     */
     icon: any;
+    /**
+     * Тип кнопки
+     */
     view?: "secondary" | "ghost" | undefined;
+    /**
+     * Размер компонента
+     */
     size?: "s" | "m" | "l" | undefined;
+    /**
+     * Дополнительный класс
+     */
     className?: string | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string | undefined;
     loading?: boolean | undefined;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & React.RefAttributes<HTMLButtonElement>>;
-export { IconButtonProps, IconButton };

package/dist/icon-button/component.js

@@ -1 +1,32 @@
-import{__rest as e,__assign as o}from"tslib";import s,{forwardRef as i}from"react";import n from"classnames";import{Button as r}from"../button/component.js";import"react-merge-refs";import"../hooks/useFocus/index.js";import"../loader/component.js";var m={iconWrapper:"index-module_iconWrapper__2YDRR",ghost:"index-module_ghost__3nxH9",secondary:"index-module_secondary__3RrCZ",s:"index-module_s__1deSC",m:"index-module_m__SpDQj",l:"index-module_l__1WjS2",icon:"index-module_icon__1gs33"},a=i((function(i,a){var d,t=i.className,c=i.icon,l=i.view,_=void 0===l?"ghost":l,p=i.size,u=void 0===p?"s":p,x=e(i,["className","icon","view","size"]),f=x.disabled,g=x.loading;return s.createElement(r,o({},x,{ref:a,view:"ghost",loading:g,className:n(t,m[_],(d={},d[m.disabled]=f,d)),size:"s",leftAddons:s.createElement("span",{className:n(m.iconWrapper,m[u])},s.createElement(c,{className:m.icon}))}))}));export{a as IconButton};
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import t from "classnames";
+import { Button as f } from "../button/component.js";
+import o from "./index.module.css.js";
+const b = l(
+  ({
+    className: i,
+    icon: n,
+    view: e = "ghost",
+    size: m = "s",
+    ...r
+  }, a) => {
+    const { disabled: c, loading: d } = r;
+    return /* @__PURE__ */ s(
+      f,
+      {
+        ...r,
+        ref: a,
+        view: "ghost",
+        loading: d,
+        className: t(i, o[e], { [o.disabled]: c }),
+        size: "s",
+        leftAddons: /* @__PURE__ */ s("span", { className: t(o.iconWrapper, o[m]), children: /* @__PURE__ */ s(n, { className: o.icon }) })
+      }
+    );
+  }
+);
+export {
+  b as IconButton
+};
+//# sourceMappingURL=component.js.map

package/dist/icon-button/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/icon-button/component.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes, forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport { Button } from '../button';\n\nimport styles from './index.module.css';\n\nexport type IconButtonProps = {\n    /**\n     * Компонент иконки\n     */\n    icon: any;\n\n    /**\n     * Тип кнопки\n     */\n    view?: 'secondary' | 'ghost';\n\n    /**\n     * Размер компонента\n     */\n    size?: 'l' | 'm' | 's';\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n    loading?: boolean;\n} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'>;\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n    ({\n        className, icon: Icon, view = 'ghost', size = 's', ...restProps\n    }, ref) => {\n        const { disabled, loading } = restProps;\n\n        return (\n            <Button\n                { ...restProps }\n                ref={ ref }\n                view=\"ghost\"\n                loading={ loading }\n                className={ cn(className, styles[view], { [styles.disabled]: disabled }) }\n                size=\"s\"\n                leftAddons={ (\n                    <span className={ cn(styles.iconWrapper, styles[size]) }>\n                        <Icon className={ styles.icon } />\n                    </span>\n                ) }\n            />\n        );\n    },\n);\n"],"names":["IconButton","forwardRef","className","Icon","view","size","restProps","ref","disabled","loading","jsx","Button","cn","styles"],"mappings":";;;;;AAmCO,MAAMA,IAAaC;AAAA,EACtB,CAAC;AAAA,IACG,WAAAC;AAAA,IAAW,MAAMC;AAAA,IAAM,MAAAC,IAAO;AAAA,IAAS,MAAAC,IAAO;AAAA,IAAK,GAAGC;AAAA,EAAA,GACvDC,MAAQ;AACP,UAAM,EAAE,UAAAC,GAAU,SAAAC,EAAA,IAAYH;AAE9B,WACI,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACK,GAAGL;AAAA,QACL,KAAAC;AAAA,QACA,MAAK;AAAA,QACL,SAAAE;AAAA,QACA,WAAYG,EAAGV,GAAWW,EAAOT,CAAI,GAAG,EAAE,CAACS,EAAO,QAAQ,GAAGL,GAAU;AAAA,QACvE,MAAK;AAAA,QACL,YACI,gBAAAE,EAAC,QAAA,EAAK,WAAYE,EAAGC,EAAO,aAAaA,EAAOR,CAAI,CAAC,GACjD,UAAA,gBAAAK,EAACP,GAAA,EAAK,WAAYU,EAAO,MAAO,EAAA,CACpC;AAAA,MAAA;AAAA,IAAA;AAAA,EAIhB;AACJ;"}

package/dist/icon-button/index.d.ts

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

package/dist/icon-button/index.js

@@ -1 +1,5 @@
-export{IconButton}from"./component.js";import"tslib";import"react";import"classnames";import"../button/component.js";import"react-merge-refs";import"../hooks/useFocus/index.js";import"../loader/component.js";
+import { IconButton as n } from "./component.js";
+export {
+  n as IconButton
+};
+//# sourceMappingURL=index.js.map

package/dist/icon-button/index.js.map

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

package/dist/icon-button/index.module.css

@@ -0,0 +1 @@
+:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--icon-button-s-size: 24px;--icon-button-m-size: 32px;--icon-button-l-size: 48px;--icon-ghost-base-bg: trasparent;--icon-ghost-base-color: var(--color-graphic-primary);--icon-secondary-base-bg: var(--color-bg-secondary);--icon-secondary-base-color: var(--color-graphic-secondary)}.index-module_iconWrapper__85Tzk{display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius)}.index-module_iconWrapper__85Tzk svg{height:100%;color:var(--icon-ghost-base-color)}.index-module_ghost__AGvqe{background-color:var(--icon-ghost-base-bg);color:var(--icon-ghost-base-color)}.index-module_ghost__AGvqe:hover{color:color-mix(in srgb,var(--icon-ghost-base-color),var(--color-bg-primary) 10%)}.index-module_ghost__AGvqe:active{background-color:color-mix(in srgb,transparent,var(--color-bg-primary) 10%)}.index-module_ghost__AGvqe:disabled{color:color-mix(in srgb,var(--icon-ghost-base-color),var(--color-bg-primary) 50%)}.index-module_secondary__nXyce{background-color:var(--icon-secondary-base-bg);color:var(--icon-secondary-base-color)}.index-module_secondary__nXyce:hover{background-color:color-mix(in srgb,var(--icon-secondary-base-bg) 90%,black);color:color-mix(in srgb,var(--icon-secondary-base-color) 90%,black)}.index-module_secondary__nXyce:active{background-color:color-mix(in srgb,var(--icon-secondary-base-bg) 70%,black);color:color-mix(in srgb,var(--icon-secondary-base-color) 70%,black)}.index-module_secondary__nXyce:disabled{background-color:color-mix(in srgb,var(--icon-secondary-base-bg) 60%,white);color:color-mix(in srgb,var(--icon-secondary-base-color) 60%,white)}.index-module_s__YCn0j{width:var(--icon-button-s-size);height:var(--icon-button-s-size)}.index-module_m__tTOUs{width:var(--icon-button-m-size);height:var(--icon-button-m-size)}.index-module_l__QVBCl{width:var(--icon-button-l-size);height:var(--icon-button-l-size)}.index-module_icon__JiAIe{max-width:100%;max-height:100%}.index-module_icon__JiAIe *[fill-rule]{fill:currentColor}

package/dist/icon-button/index.module.css.js

@@ -0,0 +1,21 @@
+import './index.module.css';
+const o = "index-module_iconWrapper__85Tzk", e = "index-module_ghost__AGvqe", n = "index-module_secondary__nXyce", s = "index-module_s__YCn0j", _ = "index-module_m__tTOUs", c = "index-module_l__QVBCl", d = "index-module_icon__JiAIe", t = {
+  iconWrapper: o,
+  ghost: e,
+  secondary: n,
+  s,
+  m: _,
+  l: c,
+  icon: d
+};
+export {
+  t as default,
+  e as ghost,
+  d as icon,
+  o as iconWrapper,
+  c as l,
+  _ as m,
+  s,
+  n as secondary
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/icon-button/index.module.css.js.map

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

package/dist/image/component.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-import React from 'react';
-import { ImageProps } from "./types";
-declare const Image: React.FC<ImageProps>;
-export { Image };
+import { default as React } from 'react';
+import { ImageProps } from './types';
+export declare const Image: React.FC<ImageProps>;

package/dist/image/component.js

@@ -1 +1,52 @@
-import e from"react";import t from"classnames";import{Skeleton as o}from"../skeleton/component.js";import{Typography as i}from"../typography/component.js";import{u as r,s}from"../use-image-render-component-f91d0c98.js";import"../typography/text/component.js";import"../colors.module-31cce552.js";import"../typography/title/index.js";import"tslib";import"../typography/title/component.js";import"@alphakits/icons/dist/PhotoM";import"@alphakits/icons/dist/PhotoS";import"../spinner/component.js";import"./types.js";import"./utils.js";var a=function(a){var n,l,m=a.className,c=a.src,p=a.alt,d=a.hint,h=a.addon,f=a.border,v=a.size,j=void 0===v?"m":v,u=a.color,g=a.children,y=a.loading,E=a.view,x=void 0===E?"default":E,N=a.text,b=a.icon,P=a.bgColor,k=void 0===P?"secondary":P,w=r({size:j,src:c,color:u,alt:p,text:N,icon:b});return e.createElement("div",{className:t(s.container,m,s[j])},e.createElement("div",{className:t(s.component,s[x],s[k],(n={},n[s.border]=f,n))},e.createElement(o,{className:s[j],visible:y},"ellipse"===x&&e.createElement("svg",{className:s.defs},e.createElement("defs",null,e.createElement("clipPath",{id:"squircle",clipPathUnits:"objectBoundingBox"},e.createElement("path",{d:"M .5 0 C .1 0 0 .1 0 .5 0 .9 .1 1 .5 1 .9 1 1 .9 1 .5 1 .1 .9 0 .5 0 Z",fill:"#f00"})))),w,g,!!d&&e.createElement("div",{className:s.hint},e.createElement(i.Text,{className:s.hint_text,view:"caps",weight:"medium"},d)))),h&&e.createElement("div",{className:t(s["addon-"+h.color],s.addon,(l={},l[s.filled]=h.filled,l))},h.icon))};export{a as Image};
+import { jsxs as n, jsx as i } from "react/jsx-runtime";
+import o from "classnames";
+import { Skeleton as x } from "../skeleton/component.js";
+import { Typography as y } from "../typography/component.js";
+import { useImageRenderComponent as b } from "./use-image-render-component.js";
+import e from "./index.module.css.js";
+const k = ({
+  className: m,
+  src: t,
+  alt: a,
+  hint: c,
+  addon: l,
+  border: d,
+  size: r = "m",
+  color: p,
+  children: h,
+  loading: f,
+  view: s = "default",
+  text: N,
+  icon: g,
+  bgColor: u = "secondary"
+}) => {
+  const v = b({
+    size: r,
+    src: t,
+    color: p,
+    alt: a,
+    text: N,
+    icon: g
+  });
+  return /* @__PURE__ */ n("div", { className: o(e.container, m, e[r]), children: [
+    /* @__PURE__ */ i("div", { className: o(e.component, e[s], e[u], { [e.border]: d }), children: /* @__PURE__ */ n(x, { className: e[r], visible: f, children: [
+      s === "ellipse" && /* @__PURE__ */ i("svg", { className: e.defs, children: /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", { id: "squircle", clipPathUnits: "objectBoundingBox", children: /* @__PURE__ */ i("path", { d: "M .5 0 C .1 0 0 .1 0 .5 0 .9 .1 1 .5 1 .9 1 1 .9 1 .5 1 .1 .9 0 .5 0 Z", fill: "#f00" }) }) }) }),
+      v,
+      h,
+      !!c && /* @__PURE__ */ i("div", { className: e.hint, children: /* @__PURE__ */ i(
+        y.Text,
+        {
+          className: e.hint_text,
+          view: "caps",
+          weight: "medium",
+          children: c
+        }
+      ) })
+    ] }) }),
+    l && /* @__PURE__ */ i("div", { className: o(e[`addon-${l.color}`], e.addon, { [e.filled]: l.filled }), children: l.icon })
+  ] });
+};
+export {
+  k as Image
+};
+//# sourceMappingURL=component.js.map

package/dist/image/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/image/component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Skeleton } from '../skeleton';\nimport { Typography } from '../typography';\n\nimport { ImageProps } from './types';\nimport { useImageRenderComponent } from './use-image-render-component';\n\nimport styles from './index.module.css';\n\nexport const Image: React.FC<ImageProps> = ({\n    className,\n    src,\n    alt,\n    hint,\n    addon,\n    border,\n    size = 'm',\n    color,\n    children,\n    loading,\n    view = 'default',\n    text,\n    icon,\n    bgColor = 'secondary',\n}) => {\n    const component = useImageRenderComponent({\n        size,\n        src,\n        color,\n        alt,\n        text,\n        icon,\n    });\n\n    return (\n        <div className={ cn(styles.container, className, styles[size]) }>\n            <div className={ cn(styles.component, styles[view], styles[bgColor], { [styles.border]: border }) }>\n                <Skeleton className={ styles[size] } visible={ loading }>\n\n                    { view === 'ellipse' && (\n                        <svg className={ styles.defs }>\n                            <defs>\n                                <clipPath id=\"squircle\" clipPathUnits=\"objectBoundingBox\">\n                                    <path d=\"M .5 0 C .1 0 0 .1 0 .5 0 .9 .1 1 .5 1 .9 1 1 .9 1 .5 1 .1 .9 0 .5 0 Z\" fill=\"#f00\" />\n                                </clipPath>\n                            </defs>\n                        </svg>\n                    ) }\n\n                    { component }\n\n                    { children }\n\n                    { !!hint && (\n                        <div className={ styles.hint }>\n                            <Typography.Text\n                                className={ styles.hint_text }\n                                view=\"caps\"\n                                weight=\"medium\"\n                            >\n                                { hint }\n                            </Typography.Text>\n                        </div>\n                    ) }\n\n                </Skeleton>\n            </div>\n\n            { addon && (\n                <div className={ cn(styles[`addon-${addon.color}`], styles.addon, { [styles.filled]: addon.filled }) }>{ addon.icon }</div>\n            ) }\n        </div>\n    );\n};\n"],"names":["Image","className","src","alt","hint","addon","border","size","color","children","loading","view","text","icon","bgColor","component","useImageRenderComponent","jsxs","cn","styles","jsx","Skeleton","Typography"],"mappings":";;;;;;AAWO,MAAMA,IAA8B,CAAC;AAAA,EACxC,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AACd,MAAM;AACF,QAAMC,IAAYC,EAAwB;AAAA,IACtC,MAAAT;AAAA,IACA,KAAAL;AAAA,IACA,OAAAM;AAAA,IACA,KAAAL;AAAA,IACA,MAAAS;AAAA,IACA,MAAAC;AAAA,EAAA,CACH;AAED,SACI,gBAAAI,EAAC,OAAA,EAAI,WAAYC,EAAGC,EAAO,WAAWlB,GAAWkB,EAAOZ,CAAI,CAAC,GACzD,UAAA;AAAA,IAAA,gBAAAa,EAAC,OAAA,EAAI,WAAYF,EAAGC,EAAO,WAAWA,EAAOR,CAAI,GAAGQ,EAAOL,CAAO,GAAG,EAAE,CAACK,EAAO,MAAM,GAAGb,EAAA,CAAQ,GAC5F,UAAA,gBAAAW,EAACI,GAAA,EAAS,WAAYF,EAAOZ,CAAI,GAAI,SAAUG,GAEzC,UAAA;AAAA,MAAAC,MAAS,+BACN,OAAA,EAAI,WAAYQ,EAAO,MACpB,UAAA,gBAAAC,EAAC,QAAA,EACG,UAAA,gBAAAA,EAAC,YAAA,EAAS,IAAG,YAAW,eAAc,qBAClC,4BAAC,QAAA,EAAK,GAAE,0EAAyE,MAAK,OAAA,CAAO,EAAA,CACjG,EAAA,CACJ,EAAA,CACJ;AAAA,MAGFL;AAAA,MAEAN;AAAA,MAEA,CAAC,CAACL,uBACC,OAAA,EAAI,WAAYe,EAAO,MACpB,UAAA,gBAAAC;AAAA,QAACE,EAAW;AAAA,QAAX;AAAA,UACG,WAAYH,EAAO;AAAA,UACnB,MAAK;AAAA,UACL,QAAO;AAAA,UAEL,UAAAf;AAAA,QAAA;AAAA,MAAA,EACN,CACJ;AAAA,IAAA,EAAA,CAGR,EAAA,CACJ;AAAA,IAEEC,uBACG,OAAA,EAAI,WAAYa,EAAGC,EAAO,SAASd,EAAM,KAAK,EAAE,GAAGc,EAAO,OAAO,EAAE,CAACA,EAAO,MAAM,GAAGd,EAAM,OAAA,CAAQ,GAAM,UAAAA,EAAM,KAAA,CAAM;AAAA,EAAA,GAE7H;AAER;"}

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

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import React from 'react';
-import { ImageProps } from "./types";
-type ImageBaseProps = Pick<ImageProps, 'src' | 'alt' | 'size' | 'text' | 'icon'>;
-declare const ImageBase: React.FC<ImageBaseProps>;
-export { ImageBaseProps, ImageBase };
+import { default as React } from 'react';
+import { ImageProps } from './types';
+export declare type ImageBaseProps = Pick<ImageProps, 'src' | 'alt' | 'size' | 'text' | 'icon'>;
+export declare const ImageBase: React.FC<ImageBaseProps>;

package/dist/image/image-base.js

@@ -1 +1,23 @@
-import t from"react";import{u as o}from"../use-image-render-component-f91d0c98.js";import"@alphakits/icons/dist/PhotoM";import"@alphakits/icons/dist/PhotoS";import"classnames";import"../spinner/component.js";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-31cce552.js";import"../typography/title/index.js";import"tslib";import"../typography/title/component.js";import"./types.js";import"./utils.js";var r=function(r){var i=r.src,p=r.alt,e=r.size,s=void 0===e?"m":e,m=r.text,n=r.icon,a=o({size:s,src:i,alt:p,text:m,icon:n});return a?t.createElement(t.Fragment,null,a):null};export{r as ImageBase};
+import { jsx as p } from "react/jsx-runtime";
+import a from "react";
+import { useImageRenderComponent as c } from "./use-image-render-component.js";
+const u = ({
+  src: r,
+  alt: o,
+  size: m = "m",
+  text: n,
+  icon: t
+}) => {
+  const e = c({
+    size: m,
+    src: r,
+    alt: o,
+    text: n,
+    icon: t
+  });
+  return e ? /* @__PURE__ */ p(a.Fragment, { children: e }) : null;
+};
+export {
+  u as ImageBase
+};
+//# sourceMappingURL=image-base.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image-base.js","sources":["../../src/image/image-base.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ImageProps } from './types';\nimport { useImageRenderComponent } from './use-image-render-component';\n\nexport type ImageBaseProps = Pick<ImageProps, 'src' | 'alt' | 'size' | 'text' | 'icon' >;\n\nexport const ImageBase: React.FC<ImageBaseProps> = ({\n    src,\n    alt,\n    size = 'm',\n    text,\n    icon,\n}) => {\n    const component = useImageRenderComponent({\n        size,\n        src,\n        alt,\n        text,\n        icon,\n    });\n\n    if (component) {\n        return <React.Fragment>{ component }</React.Fragment>;\n    }\n\n    return null;\n};\n"],"names":["ImageBase","src","alt","size","text","icon","component","useImageRenderComponent","jsx","React"],"mappings":";;;AAOO,MAAMA,IAAsC,CAAC;AAAA,EAChD,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,MAAAC;AACJ,MAAM;AACF,QAAMC,IAAYC,EAAwB;AAAA,IACtC,MAAAJ;AAAA,IACA,KAAAF;AAAA,IACA,KAAAC;AAAA,IACA,MAAAE;AAAA,IACA,MAAAC;AAAA,EAAA,CACH;AAED,SAAIC,IACO,gBAAAE,EAACC,EAAM,UAAN,EAAiB,UAAAH,EAAA,CAAW,IAGjC;AACX;"}

package/dist/image/index.d.ts

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

package/dist/image/index.js

@@ -1 +1,7 @@
-export{Image}from"./component.js";export{textSizes}from"./types.js";import"react";import"classnames";import"../skeleton/component.js";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-31cce552.js";import"../typography/title/index.js";import"tslib";import"../typography/title/component.js";import"../use-image-render-component-f91d0c98.js";import"@alphakits/icons/dist/PhotoM";import"@alphakits/icons/dist/PhotoS";import"../spinner/component.js";import"./utils.js";
+import { Image as r } from "./component.js";
+import { textSizes as m } from "./types.js";
+export {
+  r as Image,
+  m as textSizes
+};
+//# sourceMappingURL=index.js.map

package/dist/image/index.js.map

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

package/dist/image/index.module.css

@@ -0,0 +1 @@
+.index-module_container__bgmJ2{position:relative}.index-module_component__Jf39Y{border:none;border-radius:var(--radius-m);width:100%;height:100%;position:absolute;overflow:hidden;display:flex;align-items:center;justify-content:center}.index-module_border__3eTFR{box-shadow:inset 0 0 0 1px #0b1f3512}.index-module_addon__fLNNt{position:absolute;top:-11px;right:-11px;z-index:2;background:var(--color-bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.index-module_addon__fLNNt.index-module_filled__-OKoH{background:var(--color-bg-secondary);box-shadow:inset 0 0 0 2px var(--color-bg-primary);width:24px;height:24px}.index-module_addon__fLNNt.index-module_filled__-OKoH svg{width:16px;height:16px}.index-module_default__7yCk8{background-color:var(--color-bg-secondary);color:var(--color-graphic-secondary)}.index-module_primary__NmfOf{background-color:var(--color-bg-secondary);color:var(--color-graphic-primary)}.index-module_secondary__mFC44{background-color:var(--color-bg-secondary);color:var(--color-graphic-secondary)}.index-module_thirdly__QoVoR{background-color:var(--color-bg-thirdly);color:var(--color-graphic-thirdly)}.index-module_positive__KObTG{background-color:var(--color-bg-positive);color:var(--color-graphic-static)}.index-module_negative__JSntK{background-color:var(--color-bg-negative);color:var(--color-graphic-static)}.index-module_attention__xn0w7{background-color:var(--color-bg-attention);color:var(--color-graphic-static)}.index-module_accent__OKgO0{background-color:var(--color-bg-accent);color:var(--color-graphic-static)}.index-module_broken__U-IUD{display:flex!important}.index-module_image__m6QQ3{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1;position:relative}.index-module_hint__U93qq{position:absolute;bottom:0;z-index:1;left:0;right:0;display:flex;align-items:center;justify-content:center;background-color:#1c1c1ed3;min-height:20px;padding:0 8px}.index-module_hint_text__iACDk{white-space:nowrap;color:#fff;overflow:hidden;text-overflow:ellipsis;max-width:100%}.index-module_textContent__zwpfH{color:inherited!important}.index-module_xs__WMoNb{width:24px;height:24px;min-width:24px;min-height:24px;border-radius:var(--radius-s)!important}.index-module_s__Hg5M9{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:var(--radius-s)!important}.index-module_m__C8KqW{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:var(--radius-l)!important}.index-module_l__bAVTF{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:var(--radius-l)!important}.index-module_xl__4V4rQ{width:136px;height:80px;min-width:136px;min-height:80px;border-radius:var(--radius-s)!important}.index-module_auto__UzBuJ{width:100%;height:0;min-height:0;padding-bottom:65%}.index-module_xxl__CbPtC{width:304px;height:200px;min-width:304px;min-height:200px}.index-module_circle__a7zSR{border-radius:50%!important}.index-module_ellipse__omc91{clip-path:url(#squircle)}svg.index-module_defs__-U1g-{position:absolute;width:0;height:0}.index-module_textS__rn-Mq{font-size:14px}.index-module_textXs__qpkPR{font-size:8px!important;line-height:11px}.index-module_textM__mXb7s{font-size:18px}.index-module_textL__jV-69{font-size:20px}.index-module_addon-positive__YNhNe{color:var(--color-graphic-positive)}.index-module_addon-negative__XjAPo{color:var(--color-graphic-negative)}.index-module_addon-attention__zeb5R{color:var(--color-graphic-attention)}.index-module_addon-accent__pBWXg{color:var(--color-graphic-accent)}.index-module_addon-primary__p-a27{color:var(--color-graphic-primary)}.index-module_addon-secondary__PYOhn{color:var(--color-graphic-secondary)}.index-module_addon-thirdly__0zlRh{color:var(--color-graphic-thirdly)}

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

@@ -0,0 +1,77 @@
+import './index.module.css';
+const e = "index-module_container__bgmJ2", n = "index-module_component__Jf39Y", d = "index-module_border__3eTFR", t = "index-module_addon__fLNNt", o = "index-module_filled__-OKoH", _ = "index-module_primary__NmfOf", i = "index-module_secondary__mFC44", l = "index-module_thirdly__QoVoR", x = "index-module_positive__KObTG", s = "index-module_negative__JSntK", c = "index-module_attention__xn0w7", m = "index-module_accent__OKgO0", a = "index-module_broken__U-IUD", u = "index-module_image__m6QQ3", r = "index-module_hint__U93qq", p = "index-module_hint_text__iACDk", y = "index-module_textContent__zwpfH", f = "index-module_xs__WMoNb", h = "index-module_s__Hg5M9", b = "index-module_m__C8KqW", g = "index-module_l__bAVTF", v = "index-module_xl__4V4rQ", C = "index-module_auto__UzBuJ", k = "index-module_xxl__CbPtC", M = "index-module_circle__a7zSR", N = "index-module_ellipse__omc91", O = "index-module_defs__-U1g-", R = "index-module_textS__rn-Mq", X = "index-module_textXs__qpkPR", q = "index-module_textM__mXb7s", z = "index-module_textL__jV-69", K = {
+  container: e,
+  component: n,
+  border: d,
+  addon: t,
+  filled: o,
+  default: "index-module_default__7yCk8",
+  primary: _,
+  secondary: i,
+  thirdly: l,
+  positive: x,
+  negative: s,
+  attention: c,
+  accent: m,
+  broken: a,
+  image: u,
+  hint: r,
+  hint_text: p,
+  textContent: y,
+  xs: f,
+  s: h,
+  m: b,
+  l: g,
+  xl: v,
+  auto: C,
+  xxl: k,
+  circle: M,
+  ellipse: N,
+  defs: O,
+  textS: R,
+  textXs: X,
+  textM: q,
+  textL: z,
+  "addon-positive": "index-module_addon-positive__YNhNe",
+  "addon-negative": "index-module_addon-negative__XjAPo",
+  "addon-attention": "index-module_addon-attention__zeb5R",
+  "addon-accent": "index-module_addon-accent__pBWXg",
+  "addon-primary": "index-module_addon-primary__p-a27",
+  "addon-secondary": "index-module_addon-secondary__PYOhn",
+  "addon-thirdly": "index-module_addon-thirdly__0zlRh"
+};
+export {
+  m as accent,
+  t as addon,
+  c as attention,
+  C as auto,
+  d as border,
+  a as broken,
+  M as circle,
+  n as component,
+  e as container,
+  K as default,
+  O as defs,
+  N as ellipse,
+  o as filled,
+  r as hint,
+  p as hint_text,
+  u as image,
+  g as l,
+  b as m,
+  s as negative,
+  x as positive,
+  _ as primary,
+  h as s,
+  i as secondary,
+  y as textContent,
+  z as textL,
+  q as textM,
+  R as textS,
+  X as textXs,
+  l as thirdly,
+  v as xl,
+  f as xs,
+  k as xxl
+};
+//# sourceMappingURL=index.module.css.js.map

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

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

package/dist/image/types.d.ts

@@ -1,27 +1,56 @@
-/// <reference types="react" />
-import { TextProps } from "../typography/text/index";
-type ComponentSizes = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'auto';
-declare const textSizes: Record<ComponentSizes, string>;
-type BgColors = 'primary' | 'secondary' | 'thirdly' | 'positive' | 'negative' | 'attention' | 'accent';
-type ImageProps = {
+import { TextProps } from '../typography/text';
+/**
+ * componentSize - размер компонента
+ *
+ * @param xs - 24x24
+ * @param s - 32x32
+ * @param m - 40x40
+ * @param l - 48x48
+ * @param xl - 136x80
+ * @param xxl - 304x200
+ */
+export declare type ComponentSizes = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'auto';
+export declare const textSizes: Record<ComponentSizes, string>;
+export declare type BgColors = 'primary' | 'secondary' | 'thirdly' | 'positive' | 'negative' | 'attention' | 'accent';
+export declare type ImageProps = {
     children?: React.ReactNode;
+    /**
+     * Кастомный класс
+     */
     className?: string;
     border?: boolean;
+    /**
+     * @param src - ссылка на картинку
+     */
     src?: string;
+    /**
+     * @param alt - alt атрибут картинки
+     */
     alt?: string;
+    /**
+     * Id компонента для тестов
+     */
     dataTestId?: string;
+    /**
+     * hint - подсказка внизу фото
+     */
     hint?: string | React.ReactNode;
     size?: ComponentSizes;
+    /** loading - прелоад компонента */
     loading?: boolean;
+    /** бейдж в нижнем правом углу */
     addon?: {
         color: BgColors;
         icon: React.ReactNode;
         filled?: boolean;
     };
+    /** text - текст для отображения первых букв */
     text?: string;
+    /** Иконка */
     icon?: React.ReactNode;
+    /** view - ellipse | circle | default */
     view?: 'ellipse' | 'circle' | 'default';
+    /** bgColor - цвет фона задней плашки */
     bgColor?: BgColors;
     color?: TextProps['color'];
 };
-export { ComponentSizes, textSizes, BgColors, ImageProps };

package/dist/image/types.js

@@ -1 +1,13 @@
-var t={xs:"textXs",s:"textXs",m:"textS",l:"textM",xl:"textL",xxl:"textL",auto:"textM"};export{t as textSizes};
+const t = {
+  xs: "textXs",
+  s: "textXs",
+  m: "textS",
+  l: "textM",
+  xl: "textL",
+  xxl: "textL",
+  auto: "textM"
+};
+export {
+  t as textSizes
+};
+//# sourceMappingURL=types.js.map

package/dist/image/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../src/image/types.ts"],"sourcesContent":["import { TextProps } from '../typography/text';\n\n/**\n * componentSize - размер компонента\n *\n * @param xs - 24x24\n * @param s - 32x32\n * @param m - 40x40\n * @param l - 48x48\n * @param xl - 136x80\n * @param xxl - 304x200\n */\nexport type ComponentSizes = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'auto';\n\nexport const textSizes: Record<ComponentSizes, string> = {\n    xs: 'textXs',\n    s: 'textXs',\n    m: 'textS',\n    l: 'textM',\n    xl: 'textL',\n    xxl: 'textL',\n    auto: 'textM',\n};\n\nexport type BgColors =\n    | 'primary'\n    | 'secondary'\n    | 'thirdly'\n    | 'positive'\n    | 'negative'\n    | 'attention'\n    | 'accent';\n\nexport type ImageProps = {\n    children?: React.ReactNode;\n    /**\n     * Кастомный класс\n     */\n    className?: string;\n\n    border?: boolean;\n\n    /**\n     * @param src - ссылка на картинку\n     */\n    src?: string;\n\n    /**\n     * @param alt - alt атрибут картинки\n     */\n    alt?: string;\n\n    /**\n     * Id компонента для тестов\n     */\n    dataTestId?: string;\n\n    /**\n     * hint - подсказка внизу фото\n     */\n    hint?: string | React.ReactNode;\n\n    size?: ComponentSizes;\n\n    /** loading - прелоад компонента */\n    loading?: boolean;\n\n    /** бейдж в нижнем правом углу */\n    addon?: {\n        color: BgColors;\n        icon: React.ReactNode;\n        filled?: boolean;\n    };\n\n    /** text - текст для отображения первых букв */\n    text?: string;\n\n    /** Иконка */\n    icon?: React.ReactNode;\n\n    /** view - ellipse | circle | default */\n    view?: 'ellipse' | 'circle' | 'default';\n\n    /** bgColor - цвет фона задней плашки */\n    bgColor?: BgColors;\n    color?: TextProps['color'];\n};\n"],"names":["textSizes"],"mappings":"AAcO,MAAMA,IAA4C;AAAA,EACrD,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,MAAM;AACV;"}

package/dist/image/use-image-render-component.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { ComponentSizes, ImageProps } from './types';
+export declare type UseImageRenderComponent = {
+    src?: string;
+    size: ComponentSizes;
+    alt?: string;
+    text?: string;
+    icon?: React.ReactNode;
+    color?: ImageProps['color'];
+};
+export declare const useImageRenderComponent: ({ src, size, color, alt, text, icon, }: UseImageRenderComponent) => {};

package/dist/image/use-image-render-component.js

@@ -1 +1,75 @@
-import"react";import"@alphakits/icons/dist/PhotoM";import"@alphakits/icons/dist/PhotoS";import"classnames";import"../spinner/component.js";import"../typography/component.js";import"./types.js";import"./utils.js";export{u as useImageRenderComponent}from"../use-image-render-component-f91d0c98.js";import"../typography/text/component.js";import"../colors.module-31cce552.js";import"../typography/title/index.js";import"tslib";import"../typography/title/component.js";
+import { jsx as t } from "react/jsx-runtime";
+import u, { useRef as g, useEffect as x } from "react";
+import w from "@alphakits/icons/dist/PhotoM";
+import h from "@alphakits/icons/dist/PhotoS";
+import S from "classnames";
+import { Spinner as b } from "../spinner/component.js";
+import { Typography as f } from "../typography/component.js";
+import { textSizes as v } from "./types.js";
+import { getCharsFromText as T } from "./utils.js";
+import n from "./index.module.css.js";
+const y = {
+  xs: "300x300",
+  s: "300x300",
+  m: "300x300",
+  l: "300x300",
+  xl: "300x300",
+  xxl: "640x640",
+  auto: "640x640"
+}, C = ({
+  src: e,
+  size: r
+}) => {
+  if (e != null && e.includes("escapenavigator-images.s3") && r) {
+    const i = e.split("amazonaws.com/")[1];
+    return `https://d2z3luly8bezbw.cloudfront.net/fit-in/${y[r]}/${i}`;
+  }
+  return e;
+}, F = ({
+  src: e = "",
+  size: r,
+  color: i,
+  alt: d,
+  text: l,
+  icon: p
+}) => {
+  const [s, a] = u.useState("loading"), c = g(0), o = C({ src: e, size: r });
+  return x(() => {
+    if (!o) {
+      a("error");
+      return;
+    }
+    c.current = Date.now(), a("loading");
+    const m = new Image();
+    m.src = o, m.onload = () => {
+      a("loaded");
+    }, m.onerror = () => {
+      Date.now() - c.current < 2e3 ? setTimeout(() => {
+        m.src = o;
+      }, 500) : a("error");
+    };
+  }, [o, r]), p || (s === "loading" ? /* @__PURE__ */ t(b, { className: n.spinner, size: "s", view: "dark" }) : s === "error" && l ? /* @__PURE__ */ t(
+    f.Text,
+    {
+      className: S(n.textContent, n[v[r]]),
+      view: "caps",
+      color: i,
+      weight: "bold",
+      children: T(l.toUpperCase())
+    }
+  ) : s === "error" ? /* @__PURE__ */ t(
+    f.Text,
+    {
+      className: n.broken,
+      tag: "div",
+      view: "caps",
+      color: i,
+      weight: "bold",
+      children: r === "xs" ? /* @__PURE__ */ t(h, {}) : /* @__PURE__ */ t(w, {})
+    }
+  ) : /* @__PURE__ */ t("img", { className: n.image, src: o, alt: d }));
+};
+export {
+  F as useImageRenderComponent
+};
+//# sourceMappingURL=use-image-render-component.js.map

package/dist/image/use-image-render-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-image-render-component.js","sources":["../../src/image/use-image-render-component.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport PhotoM from '@alphakits/icons/dist/PhotoM';\nimport PhotoS from '@alphakits/icons/dist/PhotoS';\nimport cn from 'classnames';\n\nimport { Spinner } from '../spinner';\nimport { Typography } from '../typography';\n\nimport {\n    ComponentSizes, ImageProps, textSizes,\n} from './types';\nimport { getCharsFromText } from './utils';\n\nimport styles from './index.module.css';\n\nexport type UseImageRenderComponent = {\n    src?: string;\n    size: ComponentSizes;\n    alt?: string;\n    text?: string;\n    icon?: React.ReactNode;\n    color?: ImageProps['color'];\n};\n\nconst imageSizes: Record<ComponentSizes, string> = {\n    xs: '300x300',\n    s: '300x300',\n    m: '300x300',\n    l: '300x300',\n    xl: '300x300',\n    xxl: '640x640',\n    auto: '640x640',\n};\n\nconst getImageSrc = ({\n    src,\n    size,\n}: Pick<UseImageRenderComponent, 'src' | 'size'>) => {\n    if (src?.includes('escapenavigator-images.s3') && size) {\n        const uri = src.split('amazonaws.com/')[1];\n\n        return `https://d2z3luly8bezbw.cloudfront.net/fit-in/${imageSizes[size]}/${uri}`;\n    }\n\n    return src;\n};\n\nexport const useImageRenderComponent = ({\n    src = '',\n    size,\n    color,\n    alt,\n    text,\n    icon,\n}: UseImageRenderComponent) => {\n    const [loaded, setLoaded] = React.useState<'loading' | 'loaded' | 'error'>('loading');\n\n    const timer = useRef<number>(0);\n\n    const newSrc = getImageSrc({ src, size });\n\n    useEffect(() => {\n        if (!newSrc) {\n            setLoaded('error');\n\n            return;\n        }\n\n        timer.current = Date.now();\n\n        setLoaded('loading');\n\n        const image = new Image();\n\n        image.src = newSrc;\n\n        image.onload = () => {\n            setLoaded('loaded');\n        };\n\n        image.onerror = () => {\n            if (Date.now() - timer.current < 2000) {\n                setTimeout(() => { image.src = newSrc; }, 500);\n            } else {\n                setLoaded('error');\n            }\n        };\n    }, [newSrc, size]);\n\n    if (icon) return icon;\n\n    if (loaded === 'loading') {\n        return <Spinner className={ styles.spinner } size=\"s\" view=\"dark\" />;\n    }\n\n    if (loaded === 'error' && text) {\n        return (\n            <Typography.Text\n                className={ cn(styles.textContent, styles[textSizes[size]]) }\n                view=\"caps\"\n                color={ color }\n                weight=\"bold\"\n            >\n                { getCharsFromText(text.toUpperCase()) }\n            </Typography.Text>\n        );\n    }\n\n    if (loaded === 'error') {\n        return (\n            <Typography.Text\n                className={ styles.broken }\n                tag=\"div\"\n                view=\"caps\"\n                color={ color }\n                weight=\"bold\"\n            >\n                { size === 'xs' ? <PhotoS /> : <PhotoM /> }\n            </Typography.Text>\n        );\n    }\n\n    return <img className={ styles.image } src={ newSrc } alt={ alt } />;\n};\n"],"names":["imageSizes","getImageSrc","src","size","uri","useImageRenderComponent","color","alt","text","icon","loaded","setLoaded","React","timer","useRef","newSrc","useEffect","image","jsx","Spinner","styles","Typography","cn","textSizes","getCharsFromText","PhotoS","PhotoM"],"mappings":";;;;;;;;;;AAwBA,MAAMA,IAA6C;AAAA,EAC/C,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,MAAM;AACV,GAEMC,IAAc,CAAC;AAAA,EACjB,KAAAC;AAAA,EACA,MAAAC;AACJ,MAAqD;AACjD,MAAID,KAAA,QAAAA,EAAK,SAAS,gCAAgCC,GAAM;AACpD,UAAMC,IAAMF,EAAI,MAAM,gBAAgB,EAAE,CAAC;AAEzC,WAAO,gDAAgDF,EAAWG,CAAI,CAAC,IAAIC,CAAG;AAAA,EAClF;AAEA,SAAOF;AACX,GAEaG,IAA0B,CAAC;AAAA,EACpC,KAAAH,IAAM;AAAA,EACN,MAAAC;AAAA,EACA,OAAAG;AAAA,EACA,KAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AACJ,MAA+B;AAC3B,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAM,SAAyC,SAAS,GAE9EC,IAAQC,EAAe,CAAC,GAExBC,IAASd,EAAY,EAAE,KAAAC,GAAK,MAAAC,GAAM;AA8BxC,SA5BAa,EAAU,MAAM;AACZ,QAAI,CAACD,GAAQ;AACT,MAAAJ,EAAU,OAAO;AAEjB;AAAA,IACJ;AAEA,IAAAE,EAAM,UAAU,KAAK,IAAA,GAErBF,EAAU,SAAS;AAEnB,UAAMM,IAAQ,IAAI,MAAA;AAElB,IAAAA,EAAM,MAAMF,GAEZE,EAAM,SAAS,MAAM;AACjB,MAAAN,EAAU,QAAQ;AAAA,IACtB,GAEAM,EAAM,UAAU,MAAM;AAClB,MAAI,KAAK,IAAA,IAAQJ,EAAM,UAAU,MAC7B,WAAW,MAAM;AAAE,QAAAI,EAAM,MAAMF;AAAA,MAAQ,GAAG,GAAG,IAE7CJ,EAAU,OAAO;AAAA,IAEzB;AAAA,EACJ,GAAG,CAACI,GAAQZ,CAAI,CAAC,GAEbM,MAEAC,MAAW,YACJ,gBAAAQ,EAACC,KAAQ,WAAYC,EAAO,SAAU,MAAK,KAAI,MAAK,QAAO,IAGlEV,MAAW,WAAWF,IAElB,gBAAAU;AAAA,IAACG,EAAW;AAAA,IAAX;AAAA,MACG,WAAYC,EAAGF,EAAO,aAAaA,EAAOG,EAAUpB,CAAI,CAAC,CAAC;AAAA,MAC1D,MAAK;AAAA,MACL,OAAAG;AAAA,MACA,QAAO;AAAA,MAEL,UAAAkB,EAAiBhB,EAAK,YAAA,CAAa;AAAA,IAAA;AAAA,EAAA,IAK7CE,MAAW,UAEP,gBAAAQ;AAAA,IAACG,EAAW;AAAA,IAAX;AAAA,MACG,WAAYD,EAAO;AAAA,MACnB,KAAI;AAAA,MACJ,MAAK;AAAA,MACL,OAAAd;AAAA,MACA,QAAO;AAAA,MAEL,gBAAS,OAAO,gBAAAY,EAACO,GAAA,EAAO,sBAAMC,GAAA,CAAA,CAAO;AAAA,IAAA;AAAA,EAAA,sBAK3C,OAAA,EAAI,WAAYN,EAAO,OAAQ,KAAML,GAAS,KAAAR,GAAY;AACtE;"}

package/dist/image/utils.d.ts

@@ -1,2 +1 @@
-declare const getCharsFromText: (textFromProps?: string) => string;
-export { getCharsFromText };
+export declare const getCharsFromText: (textFromProps?: string) => string;

package/dist/image/utils.js

@@ -1 +1,8 @@
-var r=function(r){void 0===r&&(r="NN");var t=r.split(" ");return t.length>=2?t[0][0]+t[1][0]:t[0][0]+t[0][1]};export{r as getCharsFromText};
+const e = (r = "NN") => {
+  const t = r.split(" ");
+  return t.length >= 2 ? t[0][0] + t[1][0] : t[0][0] + t[0][1];
+};
+export {
+  e as getCharsFromText
+};
+//# sourceMappingURL=utils.js.map

package/dist/image/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/image/utils.ts"],"sourcesContent":["export const getCharsFromText = (textFromProps = 'NN'): string => {\n    // if (!textFromProps) return;\n    const textWords = textFromProps.split(' ');\n\n    if (textWords.length >= 2) return textWords[0][0] + textWords[1][0];\n\n    return textWords[0][0] + textWords[0][1];\n};\n"],"names":["getCharsFromText","textFromProps","textWords"],"mappings":"AAAO,MAAMA,IAAmB,CAACC,IAAgB,SAAiB;AAE9D,QAAMC,IAAYD,EAAc,MAAM,GAAG;AAEzC,SAAIC,EAAU,UAAU,IAAUA,EAAU,CAAC,EAAE,CAAC,IAAIA,EAAU,CAAC,EAAE,CAAC,IAE3DA,EAAU,CAAC,EAAE,CAAC,IAAIA,EAAU,CAAC,EAAE,CAAC;AAC3C;"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-type Props = {
+declare type Props = {
     initialSlide: number;
     photos: Array<{
         src: string;
@@ -7,5 +7,5 @@ type Props = {
     onClose: () => void;
     open: boolean;
 };
-declare const ImageGallery: ({ onClose, initialSlide, photos, open, }: Props) => JSX.Element;
-export { ImageGallery };
+export declare const ImageGallery: ({ onClose, initialSlide, photos, open, }: Props) => JSX.Element;
+export {};