mimir-ui-kit 1.33.1 → 1.34.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (91) hide show
  1. package/dist/{Input-ChCIy5oY.js → Input-DspsU5F4.js} +27 -23
  2. package/dist/{ProgressBar-CwLwhaeM.js → ProgressBar-DWKyrXzd.js} +23 -23
  3. package/dist/assets/Accordion.css +1 -1
  4. package/dist/assets/AccordionItem.css +1 -1
  5. package/dist/assets/Button.css +1 -1
  6. package/dist/assets/CheckboxMimir.css +1 -1
  7. package/dist/assets/Chip.css +1 -1
  8. package/dist/assets/Drawer.css +1 -1
  9. package/dist/assets/GosZnak.css +1 -1
  10. package/dist/assets/Input.css +1 -1
  11. package/dist/assets/InputPassword.css +1 -1
  12. package/dist/assets/InputRangeSlider.css +1 -1
  13. package/dist/assets/Link.css +1 -1
  14. package/dist/assets/ListFiles.css +1 -1
  15. package/dist/assets/ListPhotos.css +1 -1
  16. package/dist/assets/MergedButton.css +1 -1
  17. package/dist/assets/NotificationBadge.css +1 -1
  18. package/dist/assets/OtpInput.css +1 -1
  19. package/dist/assets/Pagination.css +1 -1
  20. package/dist/assets/ProgressBar2.css +1 -1
  21. package/dist/assets/RadioGroup.css +1 -1
  22. package/dist/assets/SelectSearch.css +1 -1
  23. package/dist/assets/SkeletonText.css +1 -1
  24. package/dist/assets/Slider.css +1 -1
  25. package/dist/assets/Switcher.css +1 -1
  26. package/dist/assets/TabTrail.css +1 -1
  27. package/dist/assets/Tag.css +1 -1
  28. package/dist/assets/TextArea.css +1 -1
  29. package/dist/assets/Timer.css +1 -1
  30. package/dist/assets/TwinSwitcher.css +1 -1
  31. package/dist/assets/Uploader.css +1 -1
  32. package/dist/assets/UploaderPhotos.css +1 -1
  33. package/dist/assets/Vote.css +1 -1
  34. package/dist/assets/index.css +1 -1
  35. package/dist/assets/styles.css +1 -1
  36. package/dist/components/Accordion/Accordion.js +24 -16
  37. package/dist/components/Accordion/AccordionItem/AccordionItem.js +3 -3
  38. package/dist/components/AnchorLink/Link.js +9 -9
  39. package/dist/components/Avatar/Avatar.js +10 -1
  40. package/dist/components/Button/Button.js +33 -33
  41. package/dist/components/CheckboxMimir/CheckboxMimir.js +8 -6
  42. package/dist/components/Chip/Chip.js +12 -12
  43. package/dist/components/DatePicker/DatePicker.js +11 -9
  44. package/dist/components/DatePicker/DatePickerModal.js +76 -60
  45. package/dist/components/DatePicker/MonthPickerModal.js +14 -6
  46. package/dist/components/DatePicker/YearPickerModal.js +2 -2
  47. package/dist/components/Drawer/Drawer.js +20 -20
  48. package/dist/components/GosZnak/GosZnak.js +13 -13
  49. package/dist/components/Input/Input.d.ts +5 -1
  50. package/dist/components/Input/Input.js +1 -1
  51. package/dist/components/Input/constants.d.ts +5 -3
  52. package/dist/components/Input/constants.js +7 -3
  53. package/dist/components/Input/index.d.ts +2 -2
  54. package/dist/components/Input/index.js +3 -2
  55. package/dist/components/Input/types.d.ts +2 -6
  56. package/dist/components/InputPassword/InputPassword.js +8 -8
  57. package/dist/components/InputPhoneNumber/InputPhoneNumber.js +1 -1
  58. package/dist/components/InputRangeSlider/InputRangeSlider.js +16 -16
  59. package/dist/components/ListFiles/ListFiles.js +7 -7
  60. package/dist/components/ListPhotos/ListPhotos.js +4 -4
  61. package/dist/components/MergedButton/MergedButton.js +6 -6
  62. package/dist/components/NotificationBadge/NotificationBadge.js +4 -4
  63. package/dist/components/OtpInput/OtpInput.js +5 -5
  64. package/dist/components/Pagination/Pagination.d.ts +1 -3
  65. package/dist/components/Pagination/Pagination.js +7 -11
  66. package/dist/components/RadioGroup/RadioGroup.js +8 -8
  67. package/dist/components/SelectSearch/SelectSearch.js +23 -20
  68. package/dist/components/Skeleton/SkeletonBrick/SkeletonBrick.js +1 -1
  69. package/dist/components/Skeleton/SkeletonText/SkeletonText.js +2 -2
  70. package/dist/components/Slider/Slider.js +8 -8
  71. package/dist/components/Switcher/Switcher.js +8 -8
  72. package/dist/components/TabTrail/TabTrail.js +10 -10
  73. package/dist/components/Tag/Tag.js +6 -6
  74. package/dist/components/TextArea/TextArea.js +14 -12
  75. package/dist/components/Timer/Timer.js +1 -1
  76. package/dist/components/Toasts/ProgressBar.js +1 -1
  77. package/dist/components/Toasts/Toast.js +1 -1
  78. package/dist/components/Toasts/ToastList.js +1 -1
  79. package/dist/components/Toasts/ToastsProvider.js +1 -1
  80. package/dist/components/TwinSwitcher/TwinSwitcher.js +7 -7
  81. package/dist/components/UniversalUploader/UniversalUploader.js +1 -1
  82. package/dist/components/Uploader/Uploader.js +3 -3
  83. package/dist/components/UploaderFiles/UploaderFiles.js +1 -1
  84. package/dist/components/UploaderPhotos/UploaderPhotos.js +1 -1
  85. package/dist/components/Vote/Vote.js +3 -3
  86. package/dist/components/index.d.ts +2 -2
  87. package/dist/components/index.js +3 -2
  88. package/dist/index.js +3 -2
  89. package/dist/styles.module-B9L4B63y.js +40 -0
  90. package/package.json +1 -1
  91. package/dist/styles.module-7wzJYhR3.js +0 -40
@@ -1,7 +1,7 @@
1
1
  import { jsx, Fragment, jsxs } from "react/jsx-runtime";
2
2
  import { useRef, useState, useEffect } from "react";
3
3
  import { months } from "./constants.js";
4
- import { c as cls } from "../../styles.module-7wzJYhR3.js";
4
+ import { c as cls } from "../../styles.module-B9L4B63y.js";
5
5
  import { Icon } from "../../icons/Icon.js";
6
6
  import { formating } from "../../utils/index.js";
7
7
  import { Button } from "../Button/Button.js";
@@ -84,10 +84,18 @@ function MonthPickerModal({
84
84
  size: "l"
85
85
  }
86
86
  ),
87
- /* @__PURE__ */ jsxs("div", { onClick: () => onType == null ? void 0 : onType("years"), className: cls["d"], children: [
88
- year.toString(),
89
- /* @__PURE__ */ jsx(Icon, { iconName: "DropdownArrowBottom16px" })
90
- ] }),
87
+ /* @__PURE__ */ jsxs(
88
+ "div",
89
+ {
90
+ onClick: () => onType == null ? void 0 : onType("years"),
91
+ className: cls["d"],
92
+ "data-testid": "year-button",
93
+ children: [
94
+ year.toString(),
95
+ /* @__PURE__ */ jsx(Icon, { iconName: "DropdownArrowBottom16px" })
96
+ ]
97
+ }
98
+ ),
91
99
  /* @__PURE__ */ jsx(
92
100
  Button,
93
101
  {
@@ -99,7 +107,7 @@ function MonthPickerModal({
99
107
  }
100
108
  )
101
109
  ] }),
102
- /* @__PURE__ */ jsx("div", { className: cls["monthGrid"], children: months.map((i, s) => /* @__PURE__ */ jsx(
110
+ /* @__PURE__ */ jsx("div", { className: cls["monthGrid"], "data-testid": "month-picker", children: months.map((i, s) => /* @__PURE__ */ jsx(
103
111
  "div",
104
112
  {
105
113
  className: isBefore(
@@ -1,6 +1,6 @@
1
1
  import { jsx, Fragment, jsxs } from "react/jsx-runtime";
2
2
  import { useRef, useState, useEffect } from "react";
3
- import { c as cls } from "../../styles.module-7wzJYhR3.js";
3
+ import { c as cls } from "../../styles.module-B9L4B63y.js";
4
4
  import { formating } from "../../utils/index.js";
5
5
  import { Button } from "../Button/Button.js";
6
6
  function YearPickerModal({
@@ -96,7 +96,7 @@ function YearPickerModal({
96
96
  }
97
97
  )
98
98
  ] }),
99
- /* @__PURE__ */ jsx("div", { className: cls["monthGrid"], children: years.map((i, s) => /* @__PURE__ */ jsx(
99
+ /* @__PURE__ */ jsx("div", { className: cls["monthGrid"], "data-testid": "year-picker", children: years.map((i, s) => /* @__PURE__ */ jsx(
100
100
  "div",
101
101
  {
102
102
  className: isBefore(
@@ -10,40 +10,40 @@ import { Button } from "../Button/Button.js";
10
10
  import { EButtonVariantDefault, EButtonSize } from "../Button/constants.js";
11
11
  import { Loader } from "../Loader/Loader.js";
12
12
  import { Portal } from "../Portal/Portal.js";
13
- import '../../assets/Drawer.css';const drawer = "_drawer_91s5k_3";
14
- const content = "_content_91s5k_27";
15
- const header = "_header_91s5k_45";
16
- const title = "_title_91s5k_59";
17
- const space = "_space_91s5k_73";
18
- const inner = "_inner_91s5k_84";
19
- const button = "_button_91s5k_87";
20
- const footer = "_footer_91s5k_92";
21
- const left = "_left_91s5k_105";
22
- const right = "_right_91s5k_109";
23
- const full = "_full_91s5k_113";
24
- const bottom = "_bottom_91s5k_123";
25
- const opened = "_opened_91s5k_140";
26
- const overlay = "_overlay_91s5k_196";
27
- const unmount = "_unmount_91s5k_212";
13
+ import '../../assets/Drawer.css';const drawer = "_drawer_1xs4d_3";
14
+ const content = "_content_1xs4d_27";
15
+ const header = "_header_1xs4d_45";
16
+ const title = "_title_1xs4d_59";
17
+ const space = "_space_1xs4d_73";
18
+ const inner = "_inner_1xs4d_84";
19
+ const button = "_button_1xs4d_87";
20
+ const footer = "_footer_1xs4d_92";
21
+ const left = "_left_1xs4d_105";
22
+ const right = "_right_1xs4d_109";
23
+ const full = "_full_1xs4d_113";
24
+ const bottom = "_bottom_1xs4d_123";
25
+ const opened = "_opened_1xs4d_140";
26
+ const overlay = "_overlay_1xs4d_196";
27
+ const unmount = "_unmount_1xs4d_212";
28
28
  const cls = {
29
29
  drawer,
30
30
  content,
31
- "is-loading": "_is-loading_91s5k_41",
31
+ "is-loading": "_is-loading_1xs4d_41",
32
32
  header,
33
- "sticky-header": "_sticky-header_91s5k_53",
33
+ "sticky-header": "_sticky-header_1xs4d_53",
34
34
  title,
35
35
  space,
36
36
  inner,
37
37
  button,
38
38
  footer,
39
- "footer-button": "_footer-button_91s5k_101",
39
+ "footer-button": "_footer-button_1xs4d_101",
40
40
  left,
41
41
  right,
42
42
  full,
43
43
  bottom,
44
- "full-bottom-height": "_full-bottom-height_91s5k_134",
44
+ "full-bottom-height": "_full-bottom-height_1xs4d_134",
45
45
  opened,
46
- "is-closing": "_is-closing_91s5k_159",
46
+ "is-closing": "_is-closing_1xs4d_159",
47
47
  overlay,
48
48
  unmount
49
49
  };
@@ -1,22 +1,22 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { c as classNames } from "../../index-CweZ_OcN.js";
3
3
  import { EGosZnakSize, EGosZnakType } from "./constants.js";
4
- import '../../assets/GosZnak.css';const number = "_number_y3yi4_13";
5
- const region = "_region_y3yi4_32";
6
- const country = "_country_y3yi4_46";
7
- const l = "_l_y3yi4_53";
8
- const s = "_s_y3yi4_62";
9
- const normal = "_normal_y3yi4_71";
10
- const traffic = "_traffic_y3yi4_78";
11
- const military = "_military_y3yi4_85";
12
- const police = "_police_y3yi4_92";
13
- const diplomatic = "_diplomatic_y3yi4_99";
4
+ import '../../assets/GosZnak.css';const number = "_number_dr109_13";
5
+ const region = "_region_dr109_32";
6
+ const country = "_country_dr109_46";
7
+ const l = "_l_dr109_53";
8
+ const s = "_s_dr109_62";
9
+ const normal = "_normal_dr109_71";
10
+ const traffic = "_traffic_dr109_78";
11
+ const military = "_military_dr109_85";
12
+ const police = "_police_dr109_92";
13
+ const diplomatic = "_diplomatic_dr109_99";
14
14
  const cls = {
15
- "gos-znak": "_gos-znak_y3yi4_2",
15
+ "gos-znak": "_gos-znak_dr109_2",
16
16
  number,
17
- "number-container": "_number-container_y3yi4_22",
17
+ "number-container": "_number-container_dr109_22",
18
18
  region,
19
- "region-container": "_region-container_y3yi4_38",
19
+ "region-container": "_region-container_dr109_38",
20
20
  country,
21
21
  l,
22
22
  s,
@@ -1,5 +1,5 @@
1
1
  import { ReactNode } from 'react';
2
- import { TInputProps, TAddon, TIconAddon, TSize, TVariant } from './types';
2
+ import { TInputProps, TAddon, TIconAddon, TSize, TVariant, TStatus } from './types';
3
3
 
4
4
  export type TAdditionalProps = {
5
5
  /**
@@ -10,6 +10,10 @@ export type TAdditionalProps = {
10
10
  * `Варианты отображения ввода. Может быть 'alert', 'success', 'default', 'default-gray', 'default-white'.`
11
11
  */
12
12
  variant?: TVariant;
13
+ /**
14
+ * `Статус ввода. Может быть 'alert', 'success', 'error'.`
15
+ */
16
+ status?: TStatus;
13
17
  /**
14
18
  * Дополнительный класс.
15
19
  */
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "../../index-CweZ_OcN.js";
3
3
  import "react";
4
4
  import "./constants.js";
5
- import { I } from "../../Input-ChCIy5oY.js";
5
+ import { I } from "../../Input-DspsU5F4.js";
6
6
  import "../../hooks/useMergeRefs/useMergeRefs.js";
7
7
  import "../../icons/Icon.js";
8
8
  import "../Button/Button.js";
@@ -1,10 +1,12 @@
1
1
  export declare enum EInputVariant {
2
- Alarm = "alarm",
3
- Success = "success",
4
- Error = "error",
5
2
  DefaultGray = "default-gray",
6
3
  DefaultWhite = "default-white"
7
4
  }
5
+ export declare enum EInputStatus {
6
+ Alarm = "alarm",
7
+ Success = "success",
8
+ Error = "error"
9
+ }
8
10
  export declare enum EInputSize {
9
11
  S = "s",
10
12
  M = "m",
@@ -1,11 +1,14 @@
1
1
  var EInputVariant = /* @__PURE__ */ ((EInputVariant2) => {
2
- EInputVariant2["Alarm"] = "alarm";
3
- EInputVariant2["Success"] = "success";
4
- EInputVariant2["Error"] = "error";
5
2
  EInputVariant2["DefaultGray"] = "default-gray";
6
3
  EInputVariant2["DefaultWhite"] = "default-white";
7
4
  return EInputVariant2;
8
5
  })(EInputVariant || {});
6
+ var EInputStatus = /* @__PURE__ */ ((EInputStatus2) => {
7
+ EInputStatus2["Alarm"] = "alarm";
8
+ EInputStatus2["Success"] = "success";
9
+ EInputStatus2["Error"] = "error";
10
+ return EInputStatus2;
11
+ })(EInputStatus || {});
9
12
  var EInputSize = /* @__PURE__ */ ((EInputSize2) => {
10
13
  EInputSize2["S"] = "s";
11
14
  EInputSize2["M"] = "m";
@@ -14,5 +17,6 @@ var EInputSize = /* @__PURE__ */ ((EInputSize2) => {
14
17
  })(EInputSize || {});
15
18
  export {
16
19
  EInputSize,
20
+ EInputStatus,
17
21
  EInputVariant
18
22
  };
@@ -1,3 +1,3 @@
1
1
  export { Input, type TProps as TInputProps, type TAdditionalProps } from './Input';
2
- export type { TSize, TVariant } from './types';
3
- export { EInputSize, EInputVariant } from './constants';
2
+ export type { TSize, TVariant, TStatus } from './types';
3
+ export { EInputSize, EInputVariant, EInputStatus } from './constants';
@@ -1,7 +1,8 @@
1
- import { I } from "../../Input-ChCIy5oY.js";
2
- import { EInputSize, EInputVariant } from "./constants.js";
1
+ import { I } from "../../Input-DspsU5F4.js";
2
+ import { EInputSize, EInputStatus, EInputVariant } from "./constants.js";
3
3
  export {
4
4
  EInputSize,
5
+ EInputStatus,
5
6
  EInputVariant,
6
7
  I as Input
7
8
  };
@@ -1,14 +1,10 @@
1
1
  import { InputHTMLAttributes } from 'react';
2
- import { EInputSize, EInputVariant } from './constants';
2
+ import { EInputSize, EInputVariant, EInputStatus } from './constants';
3
3
  import { TIcon } from '../../icons';
4
4
 
5
5
  export type TSize = `${EInputSize}` | EInputSize;
6
6
  export type TVariant = `${EInputVariant}` | EInputVariant;
7
- export type TCommonCompoundInputProps = {
8
- size?: TSize;
9
- variant?: TVariant;
10
- className?: string;
11
- };
7
+ export type TStatus = `${EInputStatus}` | EInputStatus;
12
8
  type TTextAddon = {
13
9
  addonType?: 'text';
14
10
  addonContent?: string;
@@ -3,17 +3,17 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
3
3
  import { memo, forwardRef, useState } from "react";
4
4
  import { Icon } from "../../icons/Icon.js";
5
5
  import { Button } from "../Button/Button.js";
6
- import { I as Input } from "../../Input-ChCIy5oY.js";
7
- import '../../assets/InputPassword.css';const input = "_input_34v9n_2";
8
- const wrapper = "_wrapper_34v9n_6";
9
- const button = "_button_34v9n_17";
10
- const icon = "_icon_34v9n_33";
11
- const show = "_show_34v9n_38";
6
+ import { I as Input } from "../../Input-DspsU5F4.js";
7
+ import '../../assets/InputPassword.css';const input = "_input_7b9x2_2";
8
+ const wrapper = "_wrapper_7b9x2_6";
9
+ const button = "_button_7b9x2_17";
10
+ const icon = "_icon_7b9x2_33";
11
+ const show = "_show_7b9x2_38";
12
12
  const cls = {
13
13
  input,
14
14
  wrapper,
15
- "input-wrapper": "_input-wrapper_34v9n_13",
16
- "button-wrapper": "_button-wrapper_34v9n_17",
15
+ "input-wrapper": "_input-wrapper_7b9x2_13",
16
+ "button-wrapper": "_button-wrapper_7b9x2_17",
17
17
  button,
18
18
  icon,
19
19
  show
@@ -1,7 +1,7 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { memo, forwardRef, useState, useCallback, useImperativeHandle } from "react";
3
3
  import { getMaskedInputPhoneValue, getUnmaskedInputValue } from "./utils.js";
4
- import { I as Input } from "../../Input-ChCIy5oY.js";
4
+ import { I as Input } from "../../Input-DspsU5F4.js";
5
5
  const InputPhoneNumber = memo(
6
6
  forwardRef(
7
7
  ({ value = "", onChange, ...props }, ref) => {
@@ -2,28 +2,28 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
2
  import { c as classNames } from "../../index-CweZ_OcN.js";
3
3
  import { memo, useState, useEffect } from "react";
4
4
  import { EInputRangeSliderPositions, EInputRangeSliderBorderState, DEFAULT_STEP, DEFAULT_WIDTH } from "./constants.js";
5
- import '../../assets/InputRangeSlider.css';const wrapper = "_wrapper_1ppt2_8";
6
- const input = "_input_1ppt2_18";
7
- const rail = "_rail_1ppt2_115";
8
- const off = "_off_1ppt2_124";
9
- const right = "_right_1ppt2_124";
10
- const left = "_left_1ppt2_145";
11
- const control = "_control_1ppt2_36";
12
- const disabled = "_disabled_1ppt2_170";
5
+ import '../../assets/InputRangeSlider.css';const wrapper = "_wrapper_1kfjr_8";
6
+ const input = "_input_1kfjr_18";
7
+ const rail = "_rail_1kfjr_115";
8
+ const off = "_off_1kfjr_124";
9
+ const right = "_right_1kfjr_124";
10
+ const left = "_left_1kfjr_145";
11
+ const control = "_control_1kfjr_36";
12
+ const disabled = "_disabled_1kfjr_170";
13
13
  const cls = {
14
- "main-wrapper": "_main-wrapper_1ppt2_2",
14
+ "main-wrapper": "_main-wrapper_1kfjr_2",
15
15
  wrapper,
16
- "input-wrapper": "_input-wrapper_1ppt2_18",
17
- "info-wrapper": "_info-wrapper_1ppt2_26",
18
- "control-wrapper": "_control-wrapper_1ppt2_36",
16
+ "input-wrapper": "_input-wrapper_1kfjr_18",
17
+ "info-wrapper": "_info-wrapper_1kfjr_26",
18
+ "control-wrapper": "_control-wrapper_1kfjr_36",
19
19
  input,
20
- "equal-value": "_equal-value_1ppt2_108",
21
- "is-double-range": "_is-double-range_1ppt2_111",
20
+ "equal-value": "_equal-value_1kfjr_108",
21
+ "is-double-range": "_is-double-range_1kfjr_111",
22
22
  rail,
23
23
  off,
24
24
  right,
25
- "double-range": "_double-range_1ppt2_124",
26
- "inner-rail": "_inner-rail_1ppt2_134",
25
+ "double-range": "_double-range_1kfjr_124",
26
+ "inner-rail": "_inner-rail_1kfjr_134",
27
27
  left,
28
28
  control,
29
29
  disabled
@@ -3,13 +3,13 @@ import { useState, useEffect } from "react";
3
3
  import { formating } from "../../utils/index.js";
4
4
  import { Button } from "../Button/Button.js";
5
5
  import '../../assets/ListFiles.css';const cls = {
6
- "file-info": "_file-info_exvu6_2",
7
- "file-info-size": "_file-info-size_exvu6_8",
8
- "file-info-name-wrapper": "_file-info-name-wrapper_exvu6_16",
9
- "file-info-name": "_file-info-name_exvu6_16",
10
- "file-upload-container": "_file-upload-container_exvu6_34",
11
- "file-upload-container-item": "_file-upload-container-item_exvu6_42",
12
- "delete-button": "_delete-button_exvu6_51"
6
+ "file-info": "_file-info_12h1y_2",
7
+ "file-info-size": "_file-info-size_12h1y_8",
8
+ "file-info-name-wrapper": "_file-info-name-wrapper_12h1y_16",
9
+ "file-info-name": "_file-info-name_12h1y_16",
10
+ "file-upload-container": "_file-upload-container_12h1y_34",
11
+ "file-upload-container-item": "_file-upload-container-item_12h1y_42",
12
+ "delete-button": "_delete-button_12h1y_51"
13
13
  };
14
14
  function ListFiles({ value, onChange }) {
15
15
  const [list, setList] = useState(value);
@@ -2,10 +2,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { useState, useEffect } from "react";
3
3
  import { Button } from "../Button/Button.js";
4
4
  import '../../assets/ListPhotos.css';const cls = {
5
- "list-photos": "_list-photos_1m1u4_2",
6
- "list-photos-item": "_list-photos-item_1m1u4_10",
7
- "list-photos-image": "_list-photos-image_1m1u4_19",
8
- "delete-button": "_delete-button_1m1u4_24"
5
+ "list-photos": "_list-photos_if5ro_2",
6
+ "list-photos-item": "_list-photos-item_if5ro_10",
7
+ "list-photos-image": "_list-photos-image_if5ro_19",
8
+ "delete-button": "_delete-button_if5ro_24"
9
9
  };
10
10
  function ListPhotos({ value, onChange }) {
11
11
  const [list, setList] = useState(value);
@@ -3,17 +3,17 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
3
3
  import { memo } from "react";
4
4
  import { EMergedButtonVariantRound } from "./constants.js";
5
5
  import { Button } from "../Button/Button.js";
6
- import '../../assets/MergedButton.css';const buttons = "_buttons_1s9fa_2";
7
- const gray = "_gray_1s9fa_28";
8
- const white = "_white_1s9fa_36";
9
- const transparent = "_transparent_1s9fa_44";
6
+ import '../../assets/MergedButton.css';const buttons = "_buttons_12v4l_2";
7
+ const gray = "_gray_12v4l_28";
8
+ const white = "_white_12v4l_36";
9
+ const transparent = "_transparent_12v4l_44";
10
10
  const cls = {
11
11
  buttons,
12
- "merged-button": "_merged-button_1s9fa_6",
12
+ "merged-button": "_merged-button_12v4l_6",
13
13
  gray,
14
14
  white,
15
15
  transparent,
16
- "is-icon": "_is-icon_1s9fa_53"
16
+ "is-icon": "_is-icon_12v4l_53"
17
17
  };
18
18
  const MergedButton = memo(({ buttons: buttons2 }) => {
19
19
  return /* @__PURE__ */ jsx("div", { className: cls.buttons, children: buttons2.map(
@@ -1,11 +1,11 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { c as classNames } from "../../index-CweZ_OcN.js";
3
3
  import { ENotificationBadgeSize } from "./constants.js";
4
- import '../../assets/NotificationBadge.css';const m = "_m_2ldj3_18";
5
- const s = "_s_2ldj3_24";
4
+ import '../../assets/NotificationBadge.css';const m = "_m_ugqfj_18";
5
+ const s = "_s_ugqfj_24";
6
6
  const cls = {
7
- "notification-badge": "_notification-badge_2ldj3_2",
8
- "notification-badge-absolute": "_notification-badge-absolute_2ldj3_14",
7
+ "notification-badge": "_notification-badge_ugqfj_2",
8
+ "notification-badge-absolute": "_notification-badge-absolute_ugqfj_14",
9
9
  m,
10
10
  s
11
11
  };
@@ -3,13 +3,13 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
3
3
  import { forwardRef, useImperativeHandle, Fragment } from "react";
4
4
  import { ITEMS_PER_SEPARATOR, DEFAULT_VALUE_LENGTH } from "./constants.js";
5
5
  import { useOTPInput } from "./hooks.js";
6
- import { I as Input } from "../../Input-ChCIy5oY.js";
7
- import '../../assets/OtpInput.css';const otp = "_otp_19unm_3";
8
- const input = "_input_19unm_14";
9
- const separator = "_separator_19unm_28";
6
+ import { I as Input } from "../../Input-DspsU5F4.js";
7
+ import '../../assets/OtpInput.css';const otp = "_otp_1shq3_3";
8
+ const input = "_input_1shq3_14";
9
+ const separator = "_separator_1shq3_28";
10
10
  const cls = {
11
11
  otp,
12
- "input-wrapper": "_input-wrapper_19unm_14",
12
+ "input-wrapper": "_input-wrapper_1shq3_14",
13
13
  input,
14
14
  separator
15
15
  };
@@ -1,5 +1,3 @@
1
- import { default as React } from 'react';
2
-
3
1
  export type TBackProps = {
4
2
  currentPageNumber: number;
5
3
  onClick: (nextPage: number) => void;
@@ -39,4 +37,4 @@ export type TProps = {
39
37
  */
40
38
  currentPageNumber?: number;
41
39
  };
42
- export declare const Pagination: React.ForwardRefExoticComponent<TProps & React.RefAttributes<HTMLElement>>;
40
+ export declare const Pagination: import('react').ForwardRefExoticComponent<TProps & import('react').RefAttributes<HTMLElement>>;
@@ -4,23 +4,19 @@ import { forwardRef, useState, useEffect } from "react";
4
4
  import { FIRST_PAGE_NUMBER, DEFAULT_PER_PAGE } from "./constants.js";
5
5
  import { useWindowSize } from "../../hooks/useWindowSize/index.js";
6
6
  import { Icon } from "../../icons/Icon.js";
7
- import '../../assets/Pagination.css';const container = "_container_1s8aj_2";
8
- const link = "_link_1s8aj_11";
9
- const item = "_item_1s8aj_46";
10
- const isActive = "_isActive_1s8aj_52";
11
- const disabled = "_disabled_1s8aj_58";
7
+ import '../../assets/Pagination.css';const container = "_container_18kj0_2";
8
+ const item = "_item_18kj0_11";
9
+ const link = "_link_18kj0_18";
10
+ const isActive = "_isActive_18kj0_53";
11
+ const disabled = "_disabled_18kj0_56";
12
12
  const cls = {
13
13
  container,
14
- link,
15
14
  item,
15
+ link,
16
16
  isActive,
17
17
  disabled
18
18
  };
19
- const Back = ({
20
- currentPageNumber,
21
- onClick,
22
- setCurrentPage
23
- }) => {
19
+ const Back = ({ currentPageNumber, onClick, setCurrentPage }) => {
24
20
  const handleClick = (event) => {
25
21
  event.preventDefault();
26
22
  if (currentPageNumber === FIRST_PAGE_NUMBER) return;
@@ -103,16 +103,16 @@ function we(o$12, t) {
103
103
  return H({ ourProps: s$1, theirProps: I$1, slot: _2, defaultTag: He, name: "Radio" });
104
104
  }
105
105
  let Ne = W(Ue), We = W(Se), Be = W(we), Ve = K, Ke = w, Tt = Object.assign(Ne, { Option: We, Radio: Be, Label: Ve, Description: Ke });
106
- const group = "_group_17dic_3";
107
- const radio = "_radio_17dic_18";
108
- const disabled = "_disabled_17dic_40";
109
- const label = "_label_17dic_51";
110
- const frame = "_frame_17dic_64";
111
- const checked = "_checked_17dic_73";
106
+ const group = "_group_yses6_3";
107
+ const radio = "_radio_yses6_18";
108
+ const disabled = "_disabled_yses6_40";
109
+ const label = "_label_yses6_51";
110
+ const frame = "_frame_yses6_64";
111
+ const checked = "_checked_yses6_73";
112
112
  const cls = {
113
113
  group,
114
- "content-wrapper": "_content-wrapper_17dic_8",
115
- "radio-wrapper": "_radio-wrapper_17dic_18",
114
+ "content-wrapper": "_content-wrapper_yses6_8",
115
+ "radio-wrapper": "_radio-wrapper_yses6_18",
116
116
  radio,
117
117
  disabled,
118
118
  label,
@@ -4,7 +4,7 @@ import * as React from "react";
4
4
  import React__default, { useReducer, useMemo, useSyncExternalStore, useId as useId$1, useEffect, useCallback, useRef, useLayoutEffect, createContext, useContext, useState, Fragment, createRef, forwardRef } from "react";
5
5
  import { ESelectSearchSize } from "./constants.js";
6
6
  import { Icon } from "../../icons/Icon.js";
7
- import { I as Input } from "../../Input-ChCIy5oY.js";
7
+ import { I as Input } from "../../Input-DspsU5F4.js";
8
8
  import { EInputVariant, EInputSize } from "../Input/constants.js";
9
9
  import { n as n$2, u as u$3, d as o$1, s as s$3, o as o$2, p as p$1, t as t$3, e as s$4, W as W$1, y as y$3, T, H, M as M$1, a as u$5, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D as D$2, c as o$3 } from "../../keyboard-B256ZoM-.js";
10
10
  import * as ReactDOM from "react-dom";
@@ -3752,36 +3752,36 @@ function No(o2, r2) {
3752
3752
  return H({ ourProps: { id: d2, ref: M2, role: "option", tabIndex: s2 === true ? void 0 : -1, "aria-disabled": s2 === true ? true : void 0, "aria-selected": C, disabled: void 0, onMouseDown: y2, onFocus: A2, onPointerEnter: h2, onMouseEnter: h2, onPointerMove: O, onMouseMove: O, onPointerLeave: G2, onMouseLeave: G2 }, theirProps: a3, slot: J2, defaultTag: ko, name: "Combobox.Option" });
3753
3753
  }
3754
3754
  let Uo = W$1(ho), Ho = W$1(Vo), Go = W$1(Mo), jo = K, zo = W$1(Bo), Ko = W$1(No), Nt = Object.assign(Uo, { Input: Go, Button: Ho, Label: jo, Options: zo, Option: Ko });
3755
- const disabled = "_disabled_q1u7o_5";
3756
- const container = "_container_q1u7o_9";
3757
- const full = "_full_q1u7o_22";
3758
- const button = "_button_q1u7o_34";
3759
- const options = "_options_q1u7o_52";
3760
- const top = "_top_q1u7o_63";
3761
- const bottom = "_bottom_q1u7o_68";
3762
- const m = "_m_q1u7o_95";
3763
- const l = "_l_q1u7o_106";
3764
- const option = "_option_q1u7o_52";
3755
+ const disabled = "_disabled_a63ul_5";
3756
+ const container = "_container_a63ul_9";
3757
+ const full = "_full_a63ul_22";
3758
+ const button = "_button_a63ul_34";
3759
+ const options = "_options_a63ul_52";
3760
+ const top = "_top_a63ul_63";
3761
+ const bottom = "_bottom_a63ul_68";
3762
+ const m = "_m_a63ul_95";
3763
+ const l = "_l_a63ul_108";
3764
+ const option = "_option_a63ul_52";
3765
3765
  const cls = {
3766
- "select-search": "_select-search_q1u7o_2",
3766
+ "select-search": "_select-search_a63ul_2",
3767
3767
  disabled,
3768
3768
  container,
3769
- "container-open": "_container-open_q1u7o_18",
3769
+ "container-open": "_container-open_a63ul_18",
3770
3770
  full,
3771
- "selected-icon": "_selected-icon_q1u7o_26",
3772
- "selector-icon-open": "_selector-icon-open_q1u7o_30",
3771
+ "selected-icon": "_selected-icon_a63ul_26",
3772
+ "selector-icon-open": "_selector-icon-open_a63ul_30",
3773
3773
  button,
3774
- "selector-icon": "_selector-icon_q1u7o_30",
3774
+ "selector-icon": "_selector-icon_a63ul_30",
3775
3775
  options,
3776
3776
  top,
3777
3777
  bottom,
3778
- "no-options": "_no-options_q1u7o_89",
3778
+ "no-options": "_no-options_a63ul_89",
3779
3779
  m,
3780
3780
  l,
3781
- "custom-input-class": "_custom-input-class_q1u7o_117",
3781
+ "custom-input-class": "_custom-input-class_a63ul_121",
3782
3782
  option,
3783
- "option-active": "_option-active_q1u7o_133",
3784
- "option-inner": "_option-inner_q1u7o_136"
3783
+ "option-active": "_option-active_a63ul_137",
3784
+ "option-inner": "_option-inner_a63ul_140"
3785
3785
  };
3786
3786
  const SelectSearch = forwardRef(
3787
3787
  (props, ref) => {
@@ -3879,6 +3879,7 @@ const SelectSearch = forwardRef(
3879
3879
  disabled: disabled2,
3880
3880
  variant,
3881
3881
  withClearButton,
3882
+ "data-testid": "select-search-input",
3882
3883
  ...searchProps
3883
3884
  }
3884
3885
  ),
@@ -3926,6 +3927,7 @@ const SelectSearch = forwardRef(
3926
3927
  ) : /* @__PURE__ */ jsx(
3927
3928
  zo,
3928
3929
  {
3930
+ "data-testid": "select-search-options",
3929
3931
  className: classNames(
3930
3932
  cls.options,
3931
3933
  cls[size2],
@@ -3943,6 +3945,7 @@ const SelectSearch = forwardRef(
3943
3945
  [cls["option-active"]]: focus
3944
3946
  }
3945
3947
  ),
3948
+ "data-testid": `select-search-option-${item.id}`,
3946
3949
  children: ({ selected }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
3947
3950
  /* @__PURE__ */ jsxs("div", { className: cls["option-inner"], children: [
3948
3951
  item.name,
@@ -6,7 +6,7 @@ const SkeletonBrick = ({
6
6
  className,
7
7
  width = "100%",
8
8
  height,
9
- borderRadius = "var(--control-radius)",
9
+ borderRadius = "var(--mimir-control-radius)",
10
10
  style,
11
11
  variant = ESkeletonVariant.WHITE,
12
12
  ...otherProps
@@ -3,9 +3,9 @@ import { c as classNames } from "../../../index-CweZ_OcN.js";
3
3
  import { memo } from "react";
4
4
  import { ESkeletonVariant } from "../constants.js";
5
5
  import { SkeletonBrick } from "../SkeletonBrick/SkeletonBrick.js";
6
- import '../../../assets/SkeletonText.css';const row = "_row_gjcuz_9";
6
+ import '../../../assets/SkeletonText.css';const row = "_row_1ks6f_9";
7
7
  const cls = {
8
- "skeleton-text": "_skeleton-text_gjcuz_2",
8
+ "skeleton-text": "_skeleton-text_1ks6f_2",
9
9
  row
10
10
  };
11
11
  const getRowWidth = (index, total) => {