mimir-ui-kit 1.35.4 → 1.36.0

package/dist/components/Button/Button.js

@@ -1,12 +1,12 @@
-import { jsxs as N, jsx as l } from "react/jsx-runtime";
+import { jsxs as B, jsx as l } from "react/jsx-runtime";
 import { c } from "../../index-DIxK0V-G.js";
-import { forwardRef as B } from "react";
-import { EButtonVariantDefault as I, EButtonForm as k } from "./constants.js";
+import { forwardRef as I } from "react";
+import { EButtonVariantDefault as k, EButtonForm as C } from "./constants.js";
 import { Icon as j } from "../../icons/Icon.js";
-import '../../assets/Button.css';const C = "_button_1qnsv_2", D = "_clear_1qnsv_42", E = "_count_1qnsv_53", P = "_black_1qnsv_132", z = "_gray_1qnsv_141", F = "_white_1qnsv_150", R = "_xs_1qnsv_250", S = "_s_1qnsv_83", V = "_m_1qnsv_259", A = "_l_1qnsv_283", G = "_xl_1qnsv_291", H = "_xxl_1qnsv_299", J = "_full_1qnsv_314", K = "_disabled_1qnsv_320", s = {
-  button: C,
-  clear: D,
-  count: E,
+import '../../assets/Button.css';const D = "_button_1qnsv_2", E = "_clear_1qnsv_42", P = "_count_1qnsv_53", z = "_black_1qnsv_132", F = "_gray_1qnsv_141", R = "_white_1qnsv_150", S = "_xs_1qnsv_250", V = "_s_1qnsv_83", A = "_m_1qnsv_259", G = "_l_1qnsv_283", H = "_xl_1qnsv_291", J = "_xxl_1qnsv_299", K = "_full_1qnsv_314", L = "_disabled_1qnsv_320", s = {
+  button: D,
+  clear: E,
+  count: P,
   "default-button": "_default-button_1qnsv_61",
   "primary-sapphire": "_primary-sapphire_1qnsv_64",
   "primary-citrine": "_primary-citrine_1qnsv_73",
@@ -15,9 +15,9 @@ import '../../assets/Button.css';const C = "_button_1qnsv_2", D = "_clear_1qnsv_
   "secondary-white": "_secondary-white_1qnsv_101",
   "secondary-red": "_secondary-red_1qnsv_110",
   "round-button": "_round-button_1qnsv_120",
-  black: P,
-  gray: z,
-  white: F,
+  black: z,
+  gray: F,
+  white: R,
   "outline-button": "_outline-button_1qnsv_160",
   "outline-asphalt": "_outline-asphalt_1qnsv_168",
   "outline-gray": "_outline-gray_1qnsv_176",
@@ -28,72 +28,73 @@ import '../../assets/Button.css';const C = "_button_1qnsv_2", D = "_clear_1qnsv_
   "borderless-gray": "_borderless-gray_1qnsv_216",
   "borderless-white": "_borderless-white_1qnsv_221",
   "borderless-red": "_borderless-red_1qnsv_226",
-  xs: R,
+  xs: S,
   "m-s": "_m-s_1qnsv_259",
-  s: S,
-  m: V,
-  l: A,
-  xl: G,
-  xxl: H,
-  full: J,
-  disabled: K,
+  s: V,
+  m: A,
+  l: G,
+  xl: H,
+  xxl: J,
+  full: K,
+  disabled: L,
   "icon-button": "_icon-button_1qnsv_341"
-}, L = B(
+}, M = I(
   (i, u) => {
     const {
       size: o = "m",
-      variant: d = I.PrimarySapphire,
-      form: _ = k.DefaultButton,
+      variant: d = k.PrimarySapphire,
+      form: _ = C.DefaultButton,
       full: b,
       clear: n,
-      isIconButton: r = !1,
-      iconName: v,
-      children: m,
+      isIconButton: e = !1,
+      iconName: m,
+      children: v,
       className: q,
-      formId: p,
-      type: y = "button",
-      rightIcon: h,
-      count: e,
-      leftIcon: f,
+      iconButtonClassName: p,
+      formId: y,
+      type: h = "button",
+      rightIcon: f,
+      count: r,
+      leftIcon: x,
       disabled: t,
-      ...x
+      ...g
     } = i, a = {
       [s.full]: b && !n,
       [s.disabled]: t && !n,
       [s.clear]: n,
       [s[d ?? ""]]: !t || n,
-      [s["icon-button"]]: r
-    }, g = c(
+      [s["icon-button"]]: e
+    }, w = c(
       q,
       s.button,
       a,
       n ? [] : [s[_ ?? ""], s[o]]
-    ), w = c(
+    ), N = c(
       s.count,
       a,
       s[o],
       s[_ ?? ""]
     );
-    return /* @__PURE__ */ N(
+    return /* @__PURE__ */ B(
       "button",
       {
-        type: y,
-        form: p,
-        ...x,
+        type: h,
+        form: y,
+        ...g,
         disabled: t,
         ref: u,
-        className: g,
+        className: w,
         children: [
+          x,
+          e ? /* @__PURE__ */ l(j, { iconName: m, className: p }) : v,
           f,
-          r ? /* @__PURE__ */ l(j, { iconName: v }) : m,
-          h,
-          !!e && /* @__PURE__ */ l("span", { className: w, children: e })
+          !!r && /* @__PURE__ */ l("span", { className: N, children: r })
         ]
       }
     );
   }
 );
-L.displayName = "Button";
+M.displayName = "Button";
 export {
-  L as Button
+  M as Button
 };

package/dist/components/CheckboxMimir/CheckboxMimir.d.ts

@@ -3,6 +3,7 @@ import { ReactNode } from 'react';
 
 export type TCheckboxMimirProps = CheckboxProps & {
     children?: ReactNode;
+    isInteractive?: boolean;
 };
 export declare const CheckboxMimir: import('react').ForwardRefExoticComponent<{
     suppressHydrationWarning?: boolean | undefined;
@@ -296,4 +297,5 @@ export declare const CheckboxMimir: import('react').ForwardRefExoticComponent<{
     onChange?: (checked: boolean) => void;
 } & {
     children?: ReactNode;
+    isInteractive?: boolean;
 } & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/CheckboxMimir/CheckboxMimir.js

@@ -1,57 +1,64 @@
-import { jsxs as O, jsx as v } from "react/jsx-runtime";
+import { jsxs as O, jsx as x } from "react/jsx-runtime";
 import { W as V, p as W, o as m, $ as X, b as q, D as z, H as J, c as y } from "../../keyboard-B0lm_zyn.js";
-import x, { useId as Q, useState as F, useMemo as Y, useCallback as Z, forwardRef as ee, useEffect as ae } from "react";
+import $, { useId as Q, useState as F, useMemo as Y, useCallback as Z, forwardRef as ee, useEffect as ae } from "react";
 import { w as re } from "../../use-active-press-86hajhdd.js";
-import { u as oe, a as te, b as ce, T as se, I as ne, G as ie, j as le, p as de, K as be } from "../../label-y3ANLTNC.js";
-import { r as fe } from "../../bugs-diTMAGNw.js";
-import { H as me } from "../../field-FJ34aSs4.js";
-import { c as ue } from "../../index-DIxK0V-G.js";
+import { u as oe, a as te, b as ce, T as se, I as ne, G as ie, j as de, p as le, K as be } from "../../label-y3ANLTNC.js";
+import { r as ue } from "../../bugs-diTMAGNw.js";
+import { H as fe } from "../../field-FJ34aSs4.js";
+import { c as me } from "../../index-DIxK0V-G.js";
 import { Icon as pe } from "../../icons/Icon.js";
 import '../../assets/CheckboxMimir.css';let he = "span";
-function ke(p, h) {
-  let r = Q(), t = oe(), i = te(), { id: l = t || `headlessui-checkbox-${r}`, disabled: e = i || !1, autoFocus: o = !1, checked: d, defaultChecked: k, onChange: b, name: $, value: E, form: H, indeterminate: f = !1, ...I } = p, c = ce(k), [s, n] = se(d, b, c ?? !1), N = ne(), R = ie(), K = W(), [_, g] = F(!1), C = m(() => {
-    g(!0), n == null || n(!s), K.nextFrame(() => {
+function ke(h, k) {
+  let r = Q(), o = oe(), d = te(), { id: l = o || `headlessui-checkbox-${r}`, disabled: e = d || !1, autoFocus: t = !1, checked: b, defaultChecked: u, onChange: v, name: c, value: E, form: I, indeterminate: f = !1, ...H } = h, s = ce(u), [n, i] = se(b, v, s ?? !1), N = ne(), R = ie(), K = W(), [_, g] = F(!1), C = m(() => {
+    g(!0), i == null || i(!n), K.nextFrame(() => {
       g(!1);
     });
   }), T = m((a) => {
-    if (fe(a.currentTarget)) return a.preventDefault();
+    if (ue(a.currentTarget)) return a.preventDefault();
     a.preventDefault(), C();
   }), M = m((a) => {
-    a.key === y.Space ? (a.preventDefault(), C()) : a.key === y.Enter && de(a.currentTarget);
-  }), w = m((a) => a.preventDefault()), { isFocusVisible: D, focusProps: G } = X({ autoFocus: o }), { isHovered: P, hoverProps: S } = q({ isDisabled: e }), { pressed: j, pressProps: U } = re({ disabled: e }), A = z({ ref: h, id: l, role: "checkbox", "aria-checked": f ? "mixed" : s ? "true" : "false", "aria-labelledby": N, "aria-describedby": R, "aria-disabled": e ? !0 : void 0, indeterminate: f ? "true" : void 0, tabIndex: e ? void 0 : 0, onKeyUp: e ? void 0 : M, onKeyPress: e ? void 0 : w, onClick: e ? void 0 : T }, G, S, U), B = Y(() => ({ checked: s, disabled: e, hover: P, focus: D, active: j, indeterminate: f, changing: _, autofocus: o }), [s, f, e, P, D, j, _, o]), L = Z(() => {
-    if (c !== void 0) return n == null ? void 0 : n(c);
-  }, [n, c]);
-  return x.createElement(x.Fragment, null, $ != null && x.createElement(le, { disabled: e, data: { [$]: E || "on" }, overrides: { type: "checkbox", checked: s }, form: H, onReset: L }), J({ ourProps: A, theirProps: I, slot: B, defaultTag: he, name: "Checkbox" }));
+    a.key === y.Space ? (a.preventDefault(), C()) : a.key === y.Enter && le(a.currentTarget);
+  }), w = m((a) => a.preventDefault()), { isFocusVisible: D, focusProps: G } = X({ autoFocus: t }), { isHovered: P, hoverProps: S } = q({ isDisabled: e }), { pressed: j, pressProps: U } = re({ disabled: e }), A = z({ ref: k, id: l, role: "checkbox", "aria-checked": f ? "mixed" : n ? "true" : "false", "aria-labelledby": N, "aria-describedby": R, "aria-disabled": e ? !0 : void 0, indeterminate: f ? "true" : void 0, tabIndex: e ? void 0 : 0, onKeyUp: e ? void 0 : M, onKeyPress: e ? void 0 : w, onClick: e ? void 0 : T }, G, S, U), B = Y(() => ({ checked: n, disabled: e, hover: P, focus: D, active: j, indeterminate: f, changing: _, autofocus: t }), [n, f, e, P, D, j, _, t]), L = Z(() => {
+    if (s !== void 0) return i == null ? void 0 : i(s);
+  }, [i, s]);
+  return $.createElement($.Fragment, null, c != null && $.createElement(de, { disabled: e, data: { [c]: E || "on" }, overrides: { type: "checkbox", checked: n }, form: I, onReset: L }), J({ ourProps: A, theirProps: H, slot: B, defaultTag: he, name: "Checkbox" }));
 }
 let ve = V(ke);
-const xe = "_container_13bjb_2", $e = "_checkbox_13bjb_8", _e = "_label_13bjb_27", ge = "_enabled_13bjb_31", u = {
+const xe = "_container_13bjb_2", $e = "_checkbox_13bjb_8", _e = "_label_13bjb_27", ge = "_enabled_13bjb_31", p = {
   container: xe,
   checkbox: $e,
   label: _e,
   enabled: ge
 }, Ne = ee(
-  (p, h) => {
-    const { checked: r, onChange: t, children: i, id: l, ...e } = p, [o, d] = F(r ?? !1), k = (b) => {
-      d(b), t == null || t(b);
+  (h, k) => {
+    const {
+      checked: r,
+      onChange: o,
+      children: d,
+      id: l,
+      isInteractive: e = !0,
+      ...t
+    } = h, [b, u] = F(r), v = (c) => {
+      e && (u(c), o == null || o(c));
     };
     return ae(() => {
-      r !== void 0 && d(r);
-    }, [r]), /* @__PURE__ */ O(me, { className: u.container, children: [
-      /* @__PURE__ */ v(
+      r !== void 0 && u(r);
+    }, [r]), /* @__PURE__ */ O(fe, { className: p.container, children: [
+      /* @__PURE__ */ x(
         ve,
         {
           id: l,
-          ref: h,
-          checked: o,
-          onChange: k,
-          className: ue(u.checkbox, {
-            [u.enabled]: o
+          ref: k,
+          checked: b,
+          onChange: v,
+          className: me(p.checkbox, {
+            [p.enabled]: b
           }),
-          ...e,
-          children: /* @__PURE__ */ v(pe, { iconName: "Done16px" })
+          ...t,
+          children: /* @__PURE__ */ x(pe, { iconName: "Done16px" })
         }
       ),
-      i && /* @__PURE__ */ v(be, { htmlFor: l, className: u.label, children: i })
+      d && /* @__PURE__ */ x(be, { htmlFor: l, className: p.label, children: d })
     ] });
   }
 );

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

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

package/dist/components/Chip/Chip.js

@@ -1,30 +1,31 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { c as p } from "../../index-DIxK0V-G.js";
-import { EChipSize as h, EChipVariant as b } from "./constants.js";
-import { Icon as l } from "../../icons/Icon.js";
-import '../../assets/Chip.css';const v = "_chip_19bvm_2", d = "_disabled_19bvm_40", x = "_xs_19bvm_51", g = "_s_19bvm_59", w = "_m_19bvm_67", f = "_sapphire_19bvm_75", y = "_citrine_19bvm_84", C = "_asphalt_19bvm_93", u = "_gray_19bvm_102", N = "_white_19bvm_111", j = "_green_19bvm_120", s = {
-  chip: v,
+import { jsxs as m, jsx as p } from "react/jsx-runtime";
+import { c as h } from "../../index-DIxK0V-G.js";
+import { EChipSize as b, EChipVariant as l } from "./constants.js";
+import { Button as v } from "../Button/Button.js";
+import '../../assets/Chip.css';const d = "_chip_19bvm_2", u = "_disabled_19bvm_40", x = "_xs_19bvm_51", g = "_s_19bvm_59", w = "_m_19bvm_67", C = "_sapphire_19bvm_75", f = "_citrine_19bvm_84", y = "_asphalt_19bvm_93", N = "_gray_19bvm_102", j = "_white_19bvm_111", B = "_green_19bvm_120", s = {
+  chip: d,
   "with-action": "_with-action_19bvm_18",
-  disabled: d,
+  disabled: u,
   xs: x,
   s: g,
   m: w,
-  sapphire: f,
-  citrine: y,
-  asphalt: C,
-  gray: u,
-  white: N,
-  green: j
-}, M = ({
-  size: i = h.M,
-  variant: _ = b.Sapphire,
+  sapphire: C,
+  citrine: f,
+  asphalt: y,
+  gray: N,
+  white: j,
+  green: B
+}, I = ({
+  size: i = b.M,
+  variant: _ = l.Sapphire,
   className: c,
   onClick: e,
   disabled: o,
   withAction: t,
-  children: a
+  children: n,
+  onClose: a
 }) => {
-  const n = p(
+  const r = h(
     s.chip,
     c,
     {
@@ -34,11 +35,11 @@ import '../../assets/Chip.css';const v = "_chip_19bvm_2", d = "_disabled_19bvm_4
     s[_],
     s[i]
   );
-  return /* @__PURE__ */ m("button", { type: "button", onClick: e, className: n, children: [
-    a,
-    t && /* @__PURE__ */ r(l, { iconName: "Close16px" })
+  return /* @__PURE__ */ m("button", { type: "button", onClick: e, className: r, children: [
+    n,
+    t && /* @__PURE__ */ p(v, { isIconButton: !0, iconName: "Close16px", onClick: a, clear: !0 })
   ] });
 };
 export {
-  M as Chip
+  I as Chip
 };

package/dist/components/DatePicker/DatePicker.js

@@ -9,7 +9,7 @@ import { formatDatePart as j } from "./utils.js";
 import { YearPickerModal as st } from "./YearPickerModal.js";
 import { useClickOutside as et } from "../../hooks/useClickOutside/useClickOutside.js";
 import { formating as it } from "../../utils/index.js";
-import { I as at } from "../../Input-B-gKQ9FT.js";
+import { I as at } from "../../Input-DlGNMuUD.js";
 import { EInputStatus as rt } from "../Input/constants.js";
 const ot = {
   days: V,

package/dist/components/Input/Input.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-DIxK0V-G.js";
 import "react";
 import "./constants.js";
-import { I as f } from "../../Input-B-gKQ9FT.js";
+import { I as f } from "../../Input-DlGNMuUD.js";
 import "../../hooks/useMergeRefs/useMergeRefs.js";
 import "../../icons/Icon.js";
 import "../Button/Button.js";

package/dist/components/Input/index.js

@@ -1,4 +1,4 @@
-import { I as n } from "../../Input-B-gKQ9FT.js";
+import { I as n } from "../../Input-DlGNMuUD.js";
 import { EInputSize as u, EInputStatus as I, EInputVariant as a } from "./constants.js";
 export {
   u as EInputSize,

package/dist/components/InputPassword/InputPassword.js

@@ -3,7 +3,7 @@ import { c } from "../../index-DIxK0V-G.js";
 import { memo as w, forwardRef as u, useState as m } from "react";
 import { Icon as d } from "../../icons/Icon.js";
 import { Button as _ } from "../Button/Button.js";
-import { I as l } from "../../Input-B-gKQ9FT.js";
+import { I as l } from "../../Input-DlGNMuUD.js";
 import '../../assets/InputPassword.css';const b = "_input_7b9x2_2", x = "_wrapper_7b9x2_6", h = "_button_7b9x2_17", f = "_icon_7b9x2_33", N = "_show_7b9x2_38", t = {
   input: b,
   wrapper: x,

package/dist/components/InputPhoneNumber/InputPhoneNumber.js

@@ -1,7 +1,7 @@
 import { jsx as d } from "react/jsx-runtime";
 import { memo as I, forwardRef as i, useState as c, useCallback as f, useImperativeHandle as P } from "react";
 import { getMaskedInputPhoneValue as m, getUnmaskedInputValue as o } from "./utils.js";
-import { I as b } from "../../Input-B-gKQ9FT.js";
+import { I as b } from "../../Input-DlGNMuUD.js";
 const h = I(
   i(
     ({ value: s = "", onChange: e, ...p }, a) => {

package/dist/components/ListPhotos/ListPhotos.js

@@ -2,10 +2,10 @@ import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import { useState as n, useEffect as _ } from "react";
 import { Button as d } from "../Button/Button.js";
 import '../../assets/ListPhotos.css';const i = {
-  "list-photos": "_list-photos_167sp_2",
-  "list-photos-item": "_list-photos-item_167sp_11",
-  "list-photos-image": "_list-photos-image_167sp_20",
-  "delete-button": "_delete-button_167sp_25"
+  "list-photos": "_list-photos_1tpc1_2",
+  "list-photos-item": "_list-photos-item_1tpc1_11",
+  "list-photos-image": "_list-photos-image_1tpc1_20",
+  "delete-button": "_delete-button_1tpc1_25"
 };
 function L({ value: o, onChange: s }) {
   const [l, c] = n(o);

package/dist/components/MultiSelectSearch/MultiSelectSearch.d.ts

@@ -0,0 +1,22 @@
+import { EMultiSelectSearchSize } from './constants';
+import { TMultiSelectOption } from './types';
+
+export declare const MultiSelectSearch: import('react').ForwardRefExoticComponent<Pick<import('../Input').TInputProps, "variant" | "withClearButton"> & {
+    value?: TMultiSelectOption[] | null;
+    onChange?: (value: TMultiSelectOption[]) => void;
+    placeholder?: string;
+    size?: EMultiSelectSearchSize;
+    full?: boolean;
+    displayValue?: string;
+    showArrow?: boolean;
+    onSearch?: (value: string) => void;
+    filterOnSearch?: boolean;
+    items: TMultiSelectOption[];
+    classNameOption?: string;
+    menuPlacement?: import('./types').TMenuPlacement;
+    disabled?: boolean;
+    searchProps?: Pick<import('../Input').TInputProps, "numbersOnly" | "maxLength" | "required">;
+    withChip?: boolean;
+    chipVariant?: import('../Chip').EChipVariant | `${import('../Chip').EChipVariant}`;
+    disableInput?: boolean;
+} & import('react').RefAttributes<HTMLElement>>;