mimir-ui-kit 1.38.36 → 1.38.39

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,45 @@
+import { ReactNode } from 'react';
+import { EAccordionButtonStyle, EAccordionButtonType, EAccordionIconType, EAccordionSize } from './constants';
+
+type TChildrenProps = {
+    open?: boolean;
+    close?: () => void;
+};
+export type TProps = {
+    /** Заголовок аккордеона */
+    title: string | ReactNode;
+    /** Размер аккордеона */
+    size?: EAccordionSize | `${EAccordionSize}`;
+    /** Преобразование заголовка в верхний регистр */
+    titleUppercase?: boolean;
+    /** Тип кнопки аккордеона */
+    buttonType?: EAccordionButtonType | `${EAccordionButtonType}`;
+    /** Стиль кнопки аккордеона */
+    buttonStyle?: EAccordionButtonStyle | `${EAccordionButtonStyle}`;
+    /** Тип иконки аккордеона */
+    iconType?: EAccordionIconType | `${EAccordionIconType}`;
+    /** Дополнительный класс для заголовка */
+    classNameTitle?: string;
+    /** Дополнительный класс для содержимого */
+    classNameContent?: string;
+    /** Дополнительный класс для всего аккордеона */
+    classNameAccordion?: string;
+    /** Дополнительный класс для кнопки с иконкой */
+    classNameIconButton?: string;
+    /** React-нода для отображения под заголовком */
+    subtitleNode?: ReactNode;
+    /** React-нода для отображения под заголовком когда аккордеон открыт */
+    onlyOpenSubtitleNode?: ReactNode;
+    /** Дополнительный класс для контейнера subtitle */
+    classNameSubtitleContainer?: string;
+    /** Дополнительный класс для аккордиона с типом link */
+    linkClassName?: string;
+    /** Флаг, указывающий, отключен ли аккордеон. */
+    disabled?: boolean;
+    /** Флаг, указывающий, отображать ли заголовок по умолчанию */
+    showTitleByDefault?: boolean;
+    /** Контент аккордеона. */
+    children?: ReactNode | ((props: TChildrenProps) => ReactNode);
+};
+export declare const Accordion: import('react').ForwardRefExoticComponent<TProps & import('react').RefAttributes<HTMLElement>>;
+export {};

package/dist/components/Accordion/Accordion.js

@@ -0,0 +1,267 @@
+import { jsxs as A, Fragment as H, jsx as I } from "react/jsx-runtime";
+import { c as v } from "../../index-DIxK0V-G.js";
+import x, { createContext as K, useRef as oe, Fragment as re, useReducer as pe, useMemo as O, useId as se, useEffect as le, useState as ae, useContext as U, forwardRef as me } from "react";
+import { AccordionItem as fe } from "./AccordionItem/AccordionItem.js";
+import { EAccordionButtonType as P, EAccordionSize as B, EAccordionLinkIconSize as J, EAccordionButtonStyle as _e, EAccordionIconType as Y, EAccordionButtonIconSize as Z } from "./constants.js";
+import { useMediaQuery as ye } from "../../hooks/useMediaQuery/useMediaQuery.js";
+import { EMediaQuery as Ee } from "../../hooks/useMediaQuery/constants.js";
+import { Icon as Se } from "../../icons/Icon.js";
+import { Link as ke } from "../AnchorLink/Link.js";
+import { M as ee, W as q, y as j, T as Ie, o as $, a as W, H as Q, I as ce, $ as be, b as xe, D as te, u as De, c as T } from "../../keyboard-B0lm_zyn.js";
+import { w as he } from "../../use-active-press-86hajhdd.js";
+import { e as ve } from "../../use-resolve-button-type-DhFdPxnv.js";
+import { c as $e, i as R, u as ge, R as Pe, H as Te, s as we } from "../../open-closed-CdldUPoq.js";
+import { C as Ne } from "../../close-provider-CEutdhG8.js";
+import { r as Ce } from "../../bugs-diTMAGNw.js";
+import '../../assets/Accordion.css';var ne;
+let Ae = (ne = x.startTransition) != null ? ne : function(e) {
+  e();
+};
+var Be = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Be || {}), Oe = ((e) => (e[e.ToggleDisclosure = 0] = "ToggleDisclosure", e[e.CloseDisclosure = 1] = "CloseDisclosure", e[e.SetButtonId = 2] = "SetButtonId", e[e.SetPanelId = 3] = "SetPanelId", e[e.SetButtonElement = 4] = "SetButtonElement", e[e.SetPanelElement = 5] = "SetPanelElement", e))(Oe || {});
+let Re = { 0: (e) => ({ ...e, disclosureState: W(e.disclosureState, { 0: 1, 1: 0 }) }), 1: (e) => e.disclosureState === 1 ? e : { ...e, disclosureState: 1 }, 2(e, t) {
+  return e.buttonId === t.buttonId ? e : { ...e, buttonId: t.buttonId };
+}, 3(e, t) {
+  return e.panelId === t.panelId ? e : { ...e, panelId: t.panelId };
+}, 4(e, t) {
+  return e.buttonElement === t.element ? e : { ...e, buttonElement: t.element };
+}, 5(e, t) {
+  return e.panelElement === t.element ? e : { ...e, panelElement: t.element };
+} }, V = K(null);
+V.displayName = "DisclosureContext";
+function z(e) {
+  let t = U(V);
+  if (t === null) {
+    let u = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(u, z), u;
+  }
+  return t;
+}
+let X = K(null);
+X.displayName = "DisclosureAPIContext";
+function ie(e) {
+  let t = U(X);
+  if (t === null) {
+    let u = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(u, ie), u;
+  }
+  return t;
+}
+let G = K(null);
+G.displayName = "DisclosurePanelContext";
+function Me() {
+  return U(G);
+}
+function Fe(e, t) {
+  return W(t.type, Re, e, t);
+}
+let Le = re;
+function He(e, t) {
+  let { defaultOpen: u = !1, ...p } = e, l = oe(null), m = j(t, Ie((c) => {
+    l.current = c;
+  }, e.as === void 0 || e.as === re)), a = pe(Fe, { disclosureState: u ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: n, buttonId: r }, y] = a, s = $((c) => {
+    y({ type: 1 });
+    let f = De(l);
+    if (!f || !r) return;
+    let _ = c ? c instanceof HTMLElement ? c : c.current instanceof HTMLElement ? c.current : f.getElementById(r) : f.getElementById(r);
+    _ == null || _.focus();
+  }), b = O(() => ({ close: s }), [s]), E = O(() => ({ open: n === 0, close: s }), [n, s]), S = { ref: m };
+  return x.createElement(V.Provider, { value: a }, x.createElement(X.Provider, { value: b }, x.createElement(Ne, { value: s }, x.createElement($e, { value: W(n, { 0: R.Open, 1: R.Closed }) }, Q({ ourProps: S, theirProps: p, slot: E, defaultTag: Le, name: "Disclosure" })))));
+}
+let Ke = "button";
+function Ue(e, t) {
+  let u = se(), { id: p = `headlessui-disclosure-button-${u}`, disabled: l = !1, autoFocus: m = !1, ...a } = e, [n, r] = z("Disclosure.Button"), y = Me(), s = y === null ? !1 : y === n.panelId, b = oe(null), E = j(b, t, $((i) => {
+    if (!s) return r({ type: 4, element: i });
+  })), S = ce();
+  le(() => {
+    if (!s) return r({ type: 2, buttonId: p }), () => {
+      r({ type: 2, buttonId: null });
+    };
+  }, [p, r, s]);
+  let c = $((i) => {
+    var o;
+    if (s) {
+      if (n.disclosureState === 1) return;
+      switch (i.key) {
+        case T.Space:
+        case T.Enter:
+          i.preventDefault(), i.stopPropagation(), r({ type: 0 }), (o = n.buttonElement) == null || o.focus();
+          break;
+      }
+    } else switch (i.key) {
+      case T.Space:
+      case T.Enter:
+        i.preventDefault(), i.stopPropagation(), r({ type: 0 });
+        break;
+    }
+  }), f = $((i) => {
+    switch (i.key) {
+      case T.Space:
+        i.preventDefault();
+        break;
+    }
+  }), _ = $((i) => {
+    var o;
+    Ce(i.currentTarget) || l || (s ? (r({ type: 0 }), (o = n.buttonElement) == null || o.focus()) : r({ type: 0 }));
+  }), { isFocusVisible: D, focusProps: h } = be({ autoFocus: m }), { isHovered: w, hoverProps: N } = xe({ isDisabled: l }), { pressed: k, pressProps: g } = he({ disabled: l }), M = O(() => ({ open: n.disclosureState === 0, hover: w, active: k, disabled: l, focus: D, autofocus: m }), [n, w, k, D, l, m]), C = ve(e, n.buttonElement), F = s ? te({ ref: E, type: C, disabled: l || void 0, autoFocus: m, onKeyDown: c, onClick: _ }, h, N, g) : te({ ref: E, id: p, type: C, "aria-expanded": n.disclosureState === 0, "aria-controls": n.panelElement ? n.panelId : void 0, disabled: l || void 0, autoFocus: m, onKeyDown: c, onKeyUp: f, onClick: _ }, h, N, g);
+  return Q({ mergeRefs: S, ourProps: F, theirProps: a, slot: M, defaultTag: Ke, name: "Disclosure.Button" });
+}
+let qe = "div", je = ee.RenderStrategy | ee.Static;
+function We(e, t) {
+  let u = se(), { id: p = `headlessui-disclosure-panel-${u}`, transition: l = !1, ...m } = e, [a, n] = z("Disclosure.Panel"), { close: r } = ie("Disclosure.Panel"), y = ce(), [s, b] = ae(null), E = j(t, $((h) => {
+    Ae(() => n({ type: 5, element: h }));
+  }), b);
+  le(() => (n({ type: 3, panelId: p }), () => {
+    n({ type: 3, panelId: null });
+  }), [p, n]);
+  let S = ge(), [c, f] = Pe(l, s, S !== null ? (S & R.Open) === R.Open : a.disclosureState === 0), _ = O(() => ({ open: a.disclosureState === 0, close: r }), [a.disclosureState, r]), D = { ref: E, id: p, ...Te(f) };
+  return x.createElement(we, null, x.createElement(G.Provider, { value: a.panelId }, Q({ mergeRefs: y, ourProps: D, theirProps: m, slot: _, defaultTag: qe, features: je, visible: c, name: "Disclosure.Panel" })));
+}
+let Qe = q(He), ue = q(Ue), de = q(We), Ve = Object.assign(Qe, { Button: ue, Panel: de });
+const ze = "_icon_1yk0x_2", Xe = "_open_1yk0x_15", Ge = "_square_1yk0x_19", Je = "_circle_1yk0x_23", Ye = "_disabled_1yk0x_23", Ze = "_accordion_1yk0x_37", et = "_header_1yk0x_45", tt = "_title_1yk0x_61", nt = "_panel_1yk0x_88", ot = "_m_1yk0x_112", rt = "_s_1yk0x_19", d = {
+  icon: ze,
+  "icon-container": "_icon-container_1yk0x_8",
+  open: Xe,
+  square: Ge,
+  circle: Je,
+  disabled: Ye,
+  accordion: Ze,
+  "is-link": "_is-link_1yk0x_41",
+  header: et,
+  title: tt,
+  "title-uppercase": "_title-uppercase_1yk0x_64",
+  panel: nt,
+  "link-open": "_link-open_1yk0x_108",
+  m: ot,
+  s: rt,
+  "wrapper-button": "_wrapper-button_1yk0x_140"
+}, It = me(
+  ({
+    title: e,
+    disabled: t,
+    buttonType: u = P.BUTTON,
+    children: p,
+    showTitleByDefault: l = !0,
+    linkClassName: m,
+    size: a = B.M,
+    titleUppercase: n,
+    buttonStyle: r = _e.CIRCLE,
+    iconType: y = Y.ARROW,
+    classNameTitle: s,
+    classNameContent: b,
+    classNameAccordion: E,
+    classNameIconButton: S,
+    subtitleNode: c,
+    onlyOpenSubtitleNode: f,
+    classNameSubtitleContainer: _
+  }, D) => {
+    const [h, w] = ae(!1), N = ye(Ee.XS1), k = u === P.LINK, g = {
+      [d["is-link"]]: k
+    }, M = () => {
+      t || w((o) => !o);
+    }, C = a === B.S ? J.S : J.M, F = (o) => ({
+      variant: "anchor",
+      size: N ? "s" : "l",
+      rightIcon: {
+        iconName: C,
+        className: v({
+          [d["link-open"]]: o
+        })
+      }
+    }), i = (o) => {
+      const L = () => y === Y.DROPDOWN ? a === B.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : a === B.S ? Z.S : Z.M;
+      switch (u) {
+        case P.LINK:
+          return e;
+        case P.BUTTON:
+          return /* @__PURE__ */ A(H, { children: [
+            /* @__PURE__ */ I(
+              "span",
+              {
+                className: v(
+                  d.title,
+                  s,
+                  n && d["title-uppercase"]
+                ),
+                children: e
+              }
+            ),
+            /* @__PURE__ */ I(
+              "div",
+              {
+                className: v(
+                  d["icon-container"],
+                  o && d.open,
+                  t && d.disabled,
+                  d[r],
+                  S
+                ),
+                "data-testid": "accordion-icon-container",
+                children: /* @__PURE__ */ I(
+                  Se,
+                  {
+                    iconName: L(),
+                    className: d.icon,
+                    "data-testid": "accordion-icon"
+                  }
+                )
+              }
+            )
+          ] });
+        default:
+          return null;
+      }
+    };
+    return /* @__PURE__ */ A(H, { children: [
+      /* @__PURE__ */ I(
+        "div",
+        {
+          className: v(
+            d.accordion,
+            d[a],
+            g,
+            E
+          ),
+          children: /* @__PURE__ */ I(Ve, { ref: D, children: ({ open: o, close: L }) => /* @__PURE__ */ A(H, { children: [
+            (!o || l) && /* @__PURE__ */ I(
+              ue,
+              {
+                disabled: t,
+                as: k ? ke : P.BUTTON,
+                onClick: M,
+                className: v({
+                  [d.header]: !k,
+                  [d.disabled]: t,
+                  [m ?? ""]: k && m
+                }),
+                ...k ? F(o) : {},
+                children: (!o || l) && i(o)
+              }
+            ),
+            o && /* @__PURE__ */ I(
+              de,
+              {
+                "data-testid": "accordion-panel",
+                className: v(
+                  d.panel,
+                  b,
+                  g
+                ),
+                children: /* @__PURE__ */ I(fe, { size: a, children: typeof p == "function" ? p({
+                  open: o,
+                  close: L
+                }) : p })
+              }
+            )
+          ] }) })
+        }
+      ),
+      (c || f) && /* @__PURE__ */ A("div", { className: _, children: [
+        c,
+        h && f
+      ] })
+    ] });
+  }
+);
+export {
+  It as Accordion
+};

package/dist/components/Accordion/AccordionItem/AccordionItem.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { EAccordionSize } from '../constants';
+
+export type TProps = {
+    children: ReactNode;
+    size: EAccordionSize | `${EAccordionSize}`;
+};
+export declare const AccordionItem: ({ children, size }: TProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Accordion/AccordionItem/AccordionItem.js

@@ -0,0 +1,10 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c } from "../../../index-DIxK0V-G.js";
+import '../../../assets/AccordionItem.css';const e = "_item_1k7g5_2", _ = "_m_1k7g5_10", i = "_s_1k7g5_15", s = {
+  item: e,
+  m: _,
+  s: i
+}, a = ({ children: m, size: t }) => /* @__PURE__ */ o("div", { className: c(s.item, s[t]), children: m });
+export {
+  a as AccordionItem
+};

package/dist/components/Accordion/AccordionItem/index.d.ts

@@ -0,0 +1 @@
+export { AccordionItem, type TProps as TAccordionItemProps } from './AccordionItem';

package/dist/components/Accordion/AccordionItem/index.js

@@ -0,0 +1,4 @@
+import { AccordionItem as c } from "./AccordionItem.js";
+export {
+  c as AccordionItem
+};

package/dist/components/Accordion/constants.d.ts

@@ -0,0 +1,24 @@
+export declare enum EAccordionSize {
+    M = "m",
+    S = "s"
+}
+export declare enum EAccordionButtonType {
+    BUTTON = "button",
+    LINK = "link"
+}
+export declare enum EAccordionButtonIconSize {
+    M = "ArrowDown24px",
+    S = "ArrowDown16px"
+}
+export declare enum EAccordionLinkIconSize {
+    M = "DropdownArrowDown24px",
+    S = "DropdownArrowBottom16px"
+}
+export declare enum EAccordionButtonStyle {
+    CIRCLE = "circle",
+    SQUARE = "square"
+}
+export declare enum EAccordionIconType {
+    ARROW = "arrow",
+    DROPDOWN = "dropdown"
+}

package/dist/components/Accordion/constants.js

@@ -0,0 +1,9 @@
+var w = /* @__PURE__ */ ((r) => (r.M = "m", r.S = "s", r))(w || {}), a = /* @__PURE__ */ ((r) => (r.BUTTON = "button", r.LINK = "link", r))(a || {}), D = /* @__PURE__ */ ((r) => (r.M = "ArrowDown24px", r.S = "ArrowDown16px", r))(D || {}), p = /* @__PURE__ */ ((r) => (r.M = "DropdownArrowDown24px", r.S = "DropdownArrowBottom16px", r))(p || {}), v = /* @__PURE__ */ ((r) => (r.CIRCLE = "circle", r.SQUARE = "square", r))(v || {}), u = /* @__PURE__ */ ((r) => (r.ARROW = "arrow", r.DROPDOWN = "dropdown", r))(u || {});
+export {
+  D as EAccordionButtonIconSize,
+  v as EAccordionButtonStyle,
+  a as EAccordionButtonType,
+  u as EAccordionIconType,
+  p as EAccordionLinkIconSize,
+  w as EAccordionSize
+};

package/dist/components/Accordion/index.d.ts

@@ -0,0 +1,3 @@
+export { Accordion, type TProps as TAccordionProps } from './Accordion';
+export { EAccordionSize } from './constants';
+export { AccordionItem, type TAccordionItemProps } from './AccordionItem';

package/dist/components/Accordion/index.js

@@ -0,0 +1,8 @@
+import { Accordion as c } from "./Accordion.js";
+import { EAccordionSize as i } from "./constants.js";
+import { AccordionItem as t } from "./AccordionItem/AccordionItem.js";
+export {
+  c as Accordion,
+  t as AccordionItem,
+  i as EAccordionSize
+};

package/dist/components/AnchorLink/Link.d.ts

@@ -0,0 +1,17 @@
+import { ElementType, ReactElement, ReactNode } from 'react';
+import { ELinkSize, ELinkVariant } from './constants';
+import { TIconProps } from '../../icons';
+import { Props } from '../../types/propsWithAs';
+
+type TProps = {
+    variant?: ELinkVariant | `${ELinkVariant}`;
+    size?: ELinkSize | `${ELinkSize}`;
+    leftIcon?: TIconProps;
+    rightIcon?: TIconProps;
+    disabled?: boolean;
+    className?: string;
+    children?: ReactNode;
+};
+type TLinkComponent = <C extends ElementType = 'span'>(props: Props<C, TProps>) => ReactElement | ReactNode;
+export declare const Link: TLinkComponent;
+export {};

package/dist/components/AnchorLink/Link.js

@@ -0,0 +1,52 @@
+import { jsxs as N, jsx as n } from "react/jsx-runtime";
+import { c as o } from "../../index-DIxK0V-G.js";
+import { forwardRef as h } from "react";
+import { ELinkSize as k, ELinkVariant as x } from "./constants.js";
+import { Icon as i } from "../../icons/Icon.js";
+import '../../assets/Link.css';const L = "_link_1bc9a_2", I = "_sample_1bc9a_20", j = "_anchor_1bc9a_24", u = "_disabled_1bc9a_28", z = "_icon_1bc9a_38", C = "_xs_1bc9a_47", E = "_s_1bc9a_20", R = "_m_1bc9a_59", g = "_l_1bc9a_2", s = {
+  link: L,
+  sample: I,
+  anchor: j,
+  disabled: u,
+  icon: z,
+  xs: C,
+  s: E,
+  m: R,
+  l: g
+}, P = h(
+  (t, l) => {
+    const {
+      as: _ = "button",
+      disabled: e,
+      leftIcon: c,
+      children: r,
+      rightIcon: a,
+      className: m,
+      size: b = k.L,
+      variant: d = x.ANCHOR,
+      ...p
+    } = t, f = o(s.link, m, s[d], s[b], {
+      [s.disabled]: e
+    });
+    return /* @__PURE__ */ N(_, { ref: l, className: f, ...p, children: [
+      c && /* @__PURE__ */ n(
+        i,
+        {
+          ...c,
+          className: o(s.icon, c.className)
+        }
+      ),
+      r,
+      a && /* @__PURE__ */ n(
+        i,
+        {
+          ...a,
+          className: o(s.icon, a.className)
+        }
+      )
+    ] });
+  }
+);
+export {
+  P as Link
+};

package/dist/components/AnchorLink/constants.d.ts

@@ -0,0 +1,10 @@
+export declare enum ELinkSize {
+    XS = "xs",
+    S = "s",
+    M = "m",
+    L = "l"
+}
+export declare enum ELinkVariant {
+    SAMPLE = "sample",
+    ANCHOR = "anchor"
+}

package/dist/components/AnchorLink/constants.js

@@ -0,0 +1,5 @@
+var s = /* @__PURE__ */ ((r) => (r.XS = "xs", r.S = "s", r.M = "m", r.L = "l", r))(s || {}), a = /* @__PURE__ */ ((r) => (r.SAMPLE = "sample", r.ANCHOR = "anchor", r))(a || {});
+export {
+  s as ELinkSize,
+  a as ELinkVariant
+};

package/dist/components/AnchorLink/index.d.ts

@@ -0,0 +1,2 @@
+export { Link } from './Link';
+export { ELinkSize, ELinkVariant } from './constants';

package/dist/components/AnchorLink/index.js

@@ -0,0 +1,7 @@
+import { Link as n } from "./Link.js";
+import { ELinkSize as e, ELinkVariant as k } from "./constants.js";
+export {
+  e as ELinkSize,
+  k as ELinkVariant,
+  n as Link
+};

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,3 @@
+import { TAvatarProps } from './types';
+
+export declare const Avatar: import('react').MemoExoticComponent<({ size, className, notificationsCount, src, alt }: TAvatarProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/Avatar/Avatar.js

@@ -0,0 +1,58 @@
+import { jsxs as _, jsx as r } from "react/jsx-runtime";
+import { c } from "../../index-DIxK0V-G.js";
+import { memo as n } from "react";
+import { EAvatarSize as t } from "./constants.js";
+import { Icon as l } from "../../icons/Icon.js";
+import { AppImage as b } from "../Image/Image.js";
+import { NotificationBadge as f } from "../NotificationBadge/NotificationBadge.js";
+import '../../assets/Avatar.css';const u = "_avatar_bbuza_2", d = "_image_bbuza_11", v = "_s_bbuza_17", x = "_m_bbuza_22", g = "_l_bbuza_27", o = {
+  avatar: u,
+  image: d,
+  s: v,
+  m: x,
+  l: g,
+  default: "_default_bbuza_32"
+}, N = n(
+  ({
+    size: a = t.M,
+    className: s,
+    notificationsCount: e = 0,
+    src: m,
+    alt: i = "User avatar"
+  }) => {
+    const p = a === t.S || a === t.M ? { top: "8px", left: "-8px" } : { top: "12px", left: "-12px" };
+    return /* @__PURE__ */ _(
+      "div",
+      {
+        className: c(o.avatar, o[a], s, {
+          [o.default]: !m
+        }),
+        "data-testid": "avatar-container",
+        children: [
+          m ? /* @__PURE__ */ r(
+            b,
+            {
+              src: m,
+              alt: i,
+              className: o.image,
+              "data-testid": "avatar-image"
+            }
+          ) : /* @__PURE__ */ r(l, { iconName: "User16px" }),
+          !!e && /* @__PURE__ */ r(
+            f,
+            {
+              count: e,
+              position: p,
+              size: a === t.S ? "s" : "m",
+              absolute: !0
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+N.displayName = "Avatar";
+export {
+  N as Avatar
+};

package/dist/components/Avatar/constants.d.ts

@@ -0,0 +1,5 @@
+export declare enum EAvatarSize {
+    S = "s",
+    M = "m",
+    L = "l"
+}

package/dist/components/Avatar/constants.js

@@ -0,0 +1,4 @@
+var l = /* @__PURE__ */ ((r) => (r.S = "s", r.M = "m", r.L = "l", r))(l || {});
+export {
+  l as EAvatarSize
+};

package/dist/components/Avatar/index.d.ts

@@ -0,0 +1,3 @@
+export { Avatar } from './Avatar';
+export { EAvatarSize } from './constants';
+export type { TAvatarProps, TAvatarSize } from './types';

package/dist/components/Avatar/index.js

@@ -0,0 +1,6 @@
+import { Avatar as o } from "./Avatar.js";
+import { EAvatarSize as e } from "./constants.js";
+export {
+  o as Avatar,
+  e as EAvatarSize
+};

package/dist/components/Avatar/types.d.ts

@@ -0,0 +1,10 @@
+import { EAvatarSize } from './constants';
+
+export type TAvatarSize = `${EAvatarSize}` | EAvatarSize;
+export type TAvatarProps = {
+    size?: TAvatarSize;
+    className?: string;
+    notificationsCount?: number;
+    src?: string;
+    alt?: string;
+};