mimir-ui-kit 1.43.27 → 1.44.0

package/dist/components/Avatar/Avatar.js

@@ -1,49 +1,53 @@
-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(
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { c as p } from "../../index-DIxK0V-G.js";
+import { memo as l } from "react";
+import { EAvatarSize as o, EAvatarVariant as g } from "./constants.js";
+import { Icon as f } from "../../icons/Icon.js";
+import { AppImage as u } from "../Image/Image.js";
+import { NotificationBadge as v } from "../NotificationBadge/NotificationBadge.js";
+import '../../assets/Avatar.css';const d = "_avatar_1oere_2", x = "_image_1oere_11", A = "_s_1oere_17", I = "_m_1oere_22", N = "_l_1oere_27", h = "_withoutImage_1oere_32", b = "_orange_1oere_42", w = "_blue_1oere_52", a = {
+  avatar: d,
+  image: x,
+  s: A,
+  m: I,
+  l: N,
+  default: "_default_1oere_32",
+  withoutImage: h,
+  orange: b,
+  blue: w
+}, E = l(
   ({
-    size: a = t.M,
-    className: s,
-    notificationsCount: e = 0,
-    src: m,
-    alt: i = "User avatar"
+    size: t = o.M,
+    className: i,
+    notificationsCount: m = 0,
+    src: e,
+    alt: s = "User avatar",
+    variant: _ = g.DEFAULT
   }) => {
-    const p = a === t.S || a === t.M ? { top: "8px", left: "-8px" } : { top: "12px", left: "-12px" };
-    return /* @__PURE__ */ _(
+    const n = t === o.S || t === o.M ? { top: "8px", left: "-8px" } : { top: "12px", left: "-12px" };
+    return /* @__PURE__ */ c(
       "div",
       {
-        className: c(o.avatar, o[a], s, {
-          [o.default]: !m
+        className: p(a.avatar, a[t], a[_], i, {
+          [a.withoutImage]: !e
         }),
         "data-testid": "avatar-container",
         children: [
-          m ? /* @__PURE__ */ r(
-            b,
+          e ? /* @__PURE__ */ r(
+            u,
             {
-              src: m,
-              alt: i,
-              className: o.image,
+              src: e,
+              alt: s,
+              className: a.image,
               "data-testid": "avatar-image"
             }
-          ) : /* @__PURE__ */ r(l, { iconName: "User16px" }),
-          !!e && /* @__PURE__ */ r(
-            f,
+          ) : /* @__PURE__ */ r(f, { iconName: "User16px" }),
+          !!m && /* @__PURE__ */ r(
+            v,
             {
-              count: e,
-              position: p,
-              size: a === t.S ? "s" : "m",
+              count: m,
+              position: n,
+              size: t === o.S ? "s" : "m",
               absolute: !0
             }
           )
@@ -52,7 +56,7 @@ import '../../assets/Avatar.css';const u = "_avatar_bbuza_2", d = "_image_bbuza_
     );
   }
 );
-N.displayName = "Avatar";
+E.displayName = "Avatar";
 export {
-  N as Avatar
+  E as Avatar
 };

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

@@ -3,3 +3,8 @@ export declare enum EAvatarSize {
     M = "m",
     L = "l"
 }
+export declare enum EAvatarVariant {
+    DEFAULT = "default",
+    ORANGE = "orange",
+    BLUE = "blue"
+}

package/dist/components/Avatar/constants.js

@@ -1,4 +1,5 @@
-var l = /* @__PURE__ */ ((r) => (r.S = "s", r.M = "m", r.L = "l", r))(l || {});
+var u = /* @__PURE__ */ ((e) => (e.S = "s", e.M = "m", e.L = "l", e))(u || {}), l = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.ORANGE = "orange", e.BLUE = "blue", e))(l || {});
 export {
-  l as EAvatarSize
+  u as EAvatarSize,
+  l as EAvatarVariant
 };

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

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

package/dist/components/Avatar/index.js

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

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

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

package/dist/components/Chip/Chip.d.ts

@@ -30,5 +30,9 @@ export type TProps = {
      * Обработчик для кнопки закрытия
      */
     children?: ReactNode;
+    /**
+     * Квадратные границы
+     */
+    squareBorder?: boolean;
 };
-export declare const Chip: ({ size, variant, className, disabled, withAction, children, onClose }: PropsWithChildren<TProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Chip: ({ size, variant, className, disabled, withAction, children, onClose, squareBorder }: PropsWithChildren<TProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Chip/Chip.js

@@ -1,44 +1,53 @@
-import { jsxs as r, jsx as m } from "react/jsx-runtime";
-import { c as p } from "../../index-DIxK0V-G.js";
-import { EChipSize as h, EChipVariant as b } from "./constants.js";
-import { Button as l } from "../Button/Button.js";
-import '../../assets/Chip.css';const v = "_chip_19bvm_2", d = "_disabled_19bvm_40", x = "_xs_19bvm_51", g = "_s_19bvm_59", u = "_m_19bvm_67", w = "_sapphire_19bvm_75", C = "_citrine_19bvm_84", f = "_asphalt_19bvm_93", y = "_gray_19bvm_102", N = "_white_19bvm_111", j = "_green_19bvm_120", s = {
-  chip: v,
-  "with-action": "_with-action_19bvm_18",
-  disabled: d,
-  xs: x,
-  s: g,
-  m: u,
-  sapphire: w,
-  citrine: C,
-  asphalt: f,
-  gray: y,
-  white: N,
-  green: j
-}, z = ({
-  size: i = h.M,
-  variant: _ = b.Sapphire,
-  className: c,
-  disabled: e,
-  withAction: t,
-  children: o,
-  onClose: a
+import { jsxs as c, jsx as m } from "react/jsx-runtime";
+import { c as h } from "../../index-DIxK0V-G.js";
+import { EChipSize as p, EChipVariant as g } from "./constants.js";
+import { Button as d } from "../Button/Button.js";
+import '../../assets/Chip.css';const u = "_chip_mrr0l_2", w = "_disabled_mrr0l_40", x = "_squareBorder_mrr0l_50", B = "_xs_mrr0l_54", f = "_s_mrr0l_50", y = "_sm_mrr0l_70", C = "_m_mrr0l_78", b = "_sapphire_mrr0l_86", q = "_citrine_mrr0l_95", N = "_asphalt_mrr0l_104", j = "_gray_mrr0l_113", E = "_white_mrr0l_122", S = "_green_mrr0l_131", r = {
+  chip: u,
+  "with-action": "_with-action_mrr0l_18",
+  disabled: w,
+  squareBorder: x,
+  xs: B,
+  s: f,
+  sm: y,
+  m: C,
+  sapphire: b,
+  citrine: q,
+  asphalt: N,
+  gray: j,
+  white: E,
+  green: S,
+  "green-light": "_green-light_mrr0l_140",
+  "orange-light": "_orange-light_mrr0l_163",
+  "yellow-light": "_yellow-light_mrr0l_178"
+}, M = ({
+  size: _ = p.M,
+  variant: e = g.Sapphire,
+  className: t,
+  disabled: i,
+  withAction: s,
+  children: l,
+  onClose: o,
+  squareBorder: a = !1
 }) => {
-  const n = p(
-    s.chip,
-    c,
+  const n = h(
+    r.chip,
+    t,
     {
-      [s["with-action"]]: t,
-      [s.disabled]: e
+      [r["with-action"]]: s,
+      [r.disabled]: i
     },
-    s[_],
-    s[i]
+    r[e],
+    r[_],
+    {
+      [r.squareBorder]: a
+    }
   );
-  return /* @__PURE__ */ r("div", { className: n, children: [
-    o,
-    t && /* @__PURE__ */ m(l, { isIconButton: !0, iconName: "Close16px", onClick: a, clear: !0 })
+  return /* @__PURE__ */ c("div", { className: n, children: [
+    l,
+    s && /* @__PURE__ */ m(d, { isIconButton: !0, iconName: "Close16px", onClick: o, clear: !0 })
   ] });
 };
 export {
-  z as Chip
+  M as Chip
 };

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

@@ -1,6 +1,7 @@
 export declare enum EChipSize {
     XS = "xs",
     S = "s",
+    SM = "sm",
     M = "m"
 }
 export declare enum EChipVariant {
@@ -9,5 +10,8 @@ export declare enum EChipVariant {
     Asphalt = "asphalt",
     Gray = "gray",
     White = "white",
-    Green = "green"
+    Green = "green",
+    GreenLight = "green-light",
+    OrangeLight = "orange-light",
+    YellowLight = "yellow-light"
 }

package/dist/components/Chip/constants.js

@@ -1,5 +1,5 @@
-var r = /* @__PURE__ */ ((e) => (e.XS = "xs", e.S = "s", e.M = "m", e))(r || {}), s = /* @__PURE__ */ ((e) => (e.Sapphire = "sapphire", e.Citrine = "citrine", e.Asphalt = "asphalt", e.Gray = "gray", e.White = "white", e.Green = "green", e))(s || {});
+var g = /* @__PURE__ */ ((e) => (e.XS = "xs", e.S = "s", e.SM = "sm", e.M = "m", e))(g || {}), r = /* @__PURE__ */ ((e) => (e.Sapphire = "sapphire", e.Citrine = "citrine", e.Asphalt = "asphalt", e.Gray = "gray", e.White = "white", e.Green = "green", e.GreenLight = "green-light", e.OrangeLight = "orange-light", e.YellowLight = "yellow-light", e))(r || {});
 export {
-  r as EChipSize,
-  s as EChipVariant
+  g as EChipSize,
+  r as EChipVariant
 };

package/dist/components/CopyText/CopyText.d.ts

@@ -0,0 +1,3 @@
+import { TProps } from './types';
+
+export declare const CopyText: import('react').ForwardRefExoticComponent<Omit<TProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/CopyText/CopyText.js

@@ -0,0 +1,96 @@
+import { jsxs as x, jsx as d } from "react/jsx-runtime";
+import { c as r } from "../../index-DIxK0V-G.js";
+import { forwardRef as P, useState as i, useCallback as t } from "react";
+import { Icon as U } from "../../icons/Icon.js";
+import '../../assets/CopyText.css';const j = "_wrapper_l1onk_2", E = "_container_l1onk_7", H = "_disabled_l1onk_14", L = "_hovered_l1onk_18", R = "_text_l1onk_22", q = "_pressed_l1onk_25", z = "_icon_l1onk_29", B = "_visible_l1onk_39", G = "_toast_l1onk_48", J = "_fadeOut_l1onk_65", e = {
+  wrapper: j,
+  container: E,
+  disabled: H,
+  hovered: L,
+  text: R,
+  pressed: q,
+  icon: z,
+  visible: B,
+  toast: G,
+  "slide-in": "_slide-in_l1onk_1",
+  fadeOut: J,
+  "slide-out": "_slide-out_l1onk_1"
+}, N = 200, K = P(
+  (T, b) => {
+    const {
+      text: a,
+      className: k,
+      onCopy: n,
+      showToast: _ = !0,
+      toastDuration: p = 2e3,
+      toastText: w = "Скопировано в буфер обмена",
+      disabled: s = !1,
+      ...M
+    } = T, [u, f] = i(!1), [o, m] = i(!1), [y, h] = i(!1), [C, l] = i(!1), v = t(async () => {
+      if (!s)
+        try {
+          if (await navigator.clipboard.writeText(a), _) {
+            h(!0), l(!1);
+            const c = Math.max(
+              p - N,
+              0
+            );
+            setTimeout(() => {
+              l(!0), setTimeout(() => {
+                h(!1), l(!1);
+              }, N);
+            }, c);
+          }
+          n == null || n(a);
+        } catch (c) {
+          console.error("Failed to copy text:", c);
+        }
+    }, [a, n, _, p, s]), O = t(() => {
+      s || f(!0);
+    }, [s]), I = t(() => {
+      f(!1);
+    }, []), D = t(() => {
+      s || m(!0);
+    }, [s]), S = t(() => {
+      !s && o && (m(!1), v());
+    }, [s, o, v]), g = r(e.container, k, {
+      [e.disabled]: s,
+      [e.hovered]: u,
+      [e.pressed]: o
+    }), A = r(e.text, {
+      [e.pressed]: o
+    }), F = r(e.icon, {
+      [e.pressed]: o,
+      [e.visible]: u
+    });
+    return /* @__PURE__ */ x("div", { ref: b, className: e.wrapper, ...M, children: [
+      /* @__PURE__ */ x(
+        "div",
+        {
+          className: g,
+          onMouseEnter: O,
+          onMouseLeave: I,
+          onMouseDown: D,
+          onMouseUp: S,
+          children: [
+            /* @__PURE__ */ d("span", { className: A, children: a }),
+            /* @__PURE__ */ d(U, { iconName: "CopyClipboard16px", className: F })
+          ]
+        }
+      ),
+      y && /* @__PURE__ */ d(
+        "div",
+        {
+          className: r(e.toast, {
+            [e.fadeOut]: C
+          }),
+          children: w
+        }
+      )
+    ] });
+  }
+);
+K.displayName = "CopyText";
+export {
+  K as CopyText
+};

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

@@ -0,0 +1,2 @@
+export { CopyText } from './CopyText';
+export type { TProps as TCopyTextProps } from './types';

package/dist/components/CopyText/index.js

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

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

@@ -0,0 +1,32 @@
+import { ComponentProps } from 'react';
+
+export type TProps = ComponentProps<'div'> & {
+    /**
+     * Текст для копирования
+     */
+    text: string;
+    /**
+     * Класс, применяемый к корневому элементу
+     */
+    className?: string;
+    /**
+     * Callback, вызываемый при успешном копировании
+     */
+    onCopy?: (text: string) => void;
+    /**
+     * Показывать ли тост с подтверждением
+     */
+    showToast?: boolean;
+    /**
+     * Длительность показа тоста в миллисекундах
+     */
+    toastDuration?: number;
+    /**
+     * Текст в тосте
+     */
+    toastText?: string;
+    /**
+     * Отключить компонент
+     */
+    disabled?: boolean;
+};

package/dist/components/DatePicker/DatePicker.d.ts

@@ -1,3 +1,4 @@
+import { EDatePickerBorderRadius } from './constants';
 import { TInputProps } from '../Input';
 
 export type TProps = {
@@ -69,6 +70,11 @@ export type TProps = {
      * Диапазон доступных дат [от, до]
      */
     validRange?: [Date | string, Date | string];
+    /**
+     * Управление скруглениями углов компонента
+     * @default 'all'
+     */
+    borderRadius?: EDatePickerBorderRadius | `${EDatePickerBorderRadius}`;
 } & TInputProps;
 export type TDatePickerValue = {
     value?: string;
@@ -147,4 +153,9 @@ export declare const DatePicker: import('react').MemoExoticComponent<import('rea
      * Диапазон доступных дат [от, до]
      */
     validRange?: [Date | string, Date | string];
+    /**
+     * Управление скруглениями углов компонента
+     * @default 'all'
+     */
+    borderRadius?: EDatePickerBorderRadius | `${EDatePickerBorderRadius}`;
 } & import('../Input/types').TInputProps & import('../Input').TAdditionalProps & import('react').RefAttributes<HTMLInputElement>>>;