mimir-ui-kit 1.34.0 → 1.34.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (157) hide show
  1. package/dist/{Input-DspsU5F4.js → Input-ChCIy5oY.js} +23 -27
  2. package/dist/{ProgressBar-DWKyrXzd.js → ProgressBar-CwLwhaeM.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/Input.css +1 -1
  10. package/dist/assets/InputPassword.css +1 -1
  11. package/dist/assets/Link.css +1 -1
  12. package/dist/assets/ListFiles.css +1 -1
  13. package/dist/assets/ListPhotos.css +1 -1
  14. package/dist/assets/MergedButton.css +1 -1
  15. package/dist/assets/NotificationBadge.css +1 -1
  16. package/dist/assets/OtpInput.css +1 -1
  17. package/dist/assets/Pagination.css +1 -1
  18. package/dist/assets/ProgressBar2.css +1 -1
  19. package/dist/assets/RadioGroup.css +1 -1
  20. package/dist/assets/SelectSearch.css +1 -1
  21. package/dist/assets/Slider.css +1 -1
  22. package/dist/assets/TabTrail.css +1 -1
  23. package/dist/assets/Tag.css +1 -1
  24. package/dist/assets/TextArea.css +1 -1
  25. package/dist/assets/Timer.css +1 -1
  26. package/dist/assets/Uploader.css +1 -1
  27. package/dist/assets/UploaderPhotos.css +1 -1
  28. package/dist/assets/Vote.css +1 -1
  29. package/dist/assets/index.css +1 -1
  30. package/dist/assets/styles.css +1 -1
  31. package/dist/components/Accordion/Accordion.js +16 -24
  32. package/dist/components/Accordion/AccordionItem/AccordionItem.js +3 -3
  33. package/dist/components/AnchorLink/Link.js +9 -9
  34. package/dist/components/Button/Button.js +33 -33
  35. package/dist/components/Button/types.js +1 -0
  36. package/dist/components/CheckboxMimir/CheckboxMimir.js +19 -16
  37. package/dist/components/Chip/Chip.js +12 -12
  38. package/dist/components/DatePicker/DatePicker.d.ts +18 -36
  39. package/dist/components/DatePicker/DatePicker.js +6 -46
  40. package/dist/components/DatePicker/DatePickerModal.js +60 -76
  41. package/dist/components/DatePicker/MonthPickerModal.js +6 -14
  42. package/dist/components/DatePicker/YearPickerModal.js +2 -2
  43. package/dist/components/Drawer/Drawer.d.ts +1 -1
  44. package/dist/components/Drawer/Drawer.js +20 -20
  45. package/dist/components/Input/Input.d.ts +1 -5
  46. package/dist/components/Input/Input.js +1 -1
  47. package/dist/components/Input/constants.d.ts +3 -5
  48. package/dist/components/Input/constants.js +3 -7
  49. package/dist/components/Input/index.d.ts +2 -2
  50. package/dist/components/Input/index.js +2 -3
  51. package/dist/components/Input/types.d.ts +6 -2
  52. package/dist/components/Input/types.js +1 -0
  53. package/dist/components/InputPassword/InputPassword.js +8 -8
  54. package/dist/components/InputPhoneNumber/InputPhoneNumber.js +1 -1
  55. package/dist/components/ListFiles/ListFiles.js +7 -7
  56. package/dist/components/ListPhotos/ListPhotos.js +4 -4
  57. package/dist/components/MergedButton/MergedButton.js +6 -6
  58. package/dist/components/NotificationBadge/NotificationBadge.js +4 -4
  59. package/dist/components/NotificationBadge/types.js +1 -0
  60. package/dist/components/OtpInput/OtpInput.js +5 -5
  61. package/dist/components/Pagination/Pagination.d.ts +3 -1
  62. package/dist/components/Pagination/Pagination.js +11 -7
  63. package/dist/components/Pagination/types.js +1 -0
  64. package/dist/components/RadioGroup/RadioGroup.js +9 -9
  65. package/dist/components/SelectSearch/SelectSearch.d.ts +2 -18
  66. package/dist/components/SelectSearch/SelectSearch.js +31 -47
  67. package/dist/components/SelectSearch/types.d.ts +4 -2
  68. package/dist/components/SelectSearch/types.js +1 -0
  69. package/dist/components/Slider/Slider.d.ts +2 -3
  70. package/dist/components/Slider/Slider.js +10 -12
  71. package/dist/components/Steps/Steps.d.ts +0 -4
  72. package/dist/components/Steps/Steps.js +1 -5
  73. package/dist/components/Steps/types.js +1 -0
  74. package/dist/components/TabTrail/TabTrail.d.ts +0 -8
  75. package/dist/components/TabTrail/TabTrail.js +17 -33
  76. package/dist/components/Tag/Tag.js +6 -6
  77. package/dist/components/Tag/types.js +1 -0
  78. package/dist/components/TextArea/TextArea.js +12 -14
  79. package/dist/components/TextArea/hooks.js +0 -4
  80. package/dist/components/TextArea/types.js +1 -0
  81. package/dist/components/Timer/Timer.js +1 -1
  82. package/dist/components/Toasts/ProgressBar.js +1 -1
  83. package/dist/components/Toasts/Toast.js +1 -1
  84. package/dist/components/Toasts/ToastList.js +1 -1
  85. package/dist/components/Toasts/ToastsProvider.js +1 -1
  86. package/dist/components/Toasts/types.js +1 -0
  87. package/dist/components/UniversalUploader/UniversalUploader.js +35 -21
  88. package/dist/components/UniversalUploader/types.js +1 -0
  89. package/dist/components/Uploader/Uploader.js +3 -3
  90. package/dist/components/UploaderFiles/UploaderFiles.js +1 -1
  91. package/dist/components/UploaderPhotos/UploaderPhotos.js +1 -1
  92. package/dist/components/Vote/Vote.d.ts +0 -8
  93. package/dist/components/Vote/Vote.js +4 -6
  94. package/dist/components/Vote/types.js +1 -0
  95. package/dist/components/index.d.ts +2 -14
  96. package/dist/components/index.js +2 -31
  97. package/dist/icons/Icon.js +1 -1
  98. package/dist/icons/components/types.js +1 -0
  99. package/dist/index.js +2 -31
  100. package/dist/{label-P7Xsi5N7.js → label-BTEGh6O_.js} +2 -2
  101. package/dist/styles.module-Ugsf0AOb.js +38 -0
  102. package/package.json +1 -1
  103. package/dist/assets/Avatar.css +0 -1
  104. package/dist/assets/GosZnak.css +0 -1
  105. package/dist/assets/InputRangeSlider.css +0 -1
  106. package/dist/assets/SkeletonCircle.css +0 -1
  107. package/dist/assets/SkeletonText.css +0 -1
  108. package/dist/assets/Switcher.css +0 -1
  109. package/dist/assets/TwinSwitcher.css +0 -1
  110. package/dist/assets/variant.css +0 -1
  111. package/dist/components/Avatar/Avatar.d.ts +0 -3
  112. package/dist/components/Avatar/Avatar.js +0 -62
  113. package/dist/components/Avatar/constants.d.ts +0 -5
  114. package/dist/components/Avatar/constants.js +0 -9
  115. package/dist/components/Avatar/index.d.ts +0 -3
  116. package/dist/components/Avatar/index.js +0 -6
  117. package/dist/components/Avatar/types.d.ts +0 -10
  118. package/dist/components/DatePicker/utils.d.ts +0 -2
  119. package/dist/components/DatePicker/utils.js +0 -16
  120. package/dist/components/GosZnak/GosZnak.d.ts +0 -4
  121. package/dist/components/GosZnak/GosZnak.js +0 -76
  122. package/dist/components/GosZnak/constants.d.ts +0 -11
  123. package/dist/components/GosZnak/constants.js +0 -17
  124. package/dist/components/GosZnak/index.d.ts +0 -3
  125. package/dist/components/GosZnak/index.js +0 -7
  126. package/dist/components/GosZnak/types.d.ts +0 -26
  127. package/dist/components/InputRangeSlider/InputRangeSlider.d.ts +0 -3
  128. package/dist/components/InputRangeSlider/InputRangeSlider.js +0 -219
  129. package/dist/components/InputRangeSlider/constants.d.ts +0 -10
  130. package/dist/components/InputRangeSlider/constants.js +0 -18
  131. package/dist/components/InputRangeSlider/index.d.ts +0 -3
  132. package/dist/components/InputRangeSlider/index.js +0 -7
  133. package/dist/components/InputRangeSlider/types.d.ts +0 -33
  134. package/dist/components/Skeleton/SkeletonBrick/SkeletonBrick.d.ts +0 -12
  135. package/dist/components/Skeleton/SkeletonBrick/SkeletonBrick.js +0 -34
  136. package/dist/components/Skeleton/SkeletonCircle/SkeletonCircle.d.ts +0 -9
  137. package/dist/components/Skeleton/SkeletonCircle/SkeletonCircle.js +0 -31
  138. package/dist/components/Skeleton/SkeletonText/SkeletonText.d.ts +0 -10
  139. package/dist/components/Skeleton/SkeletonText/SkeletonText.js +0 -49
  140. package/dist/components/Skeleton/constants.d.ts +0 -5
  141. package/dist/components/Skeleton/constants.js +0 -9
  142. package/dist/components/Skeleton/index.d.ts +0 -4
  143. package/dist/components/Skeleton/index.js +0 -10
  144. package/dist/components/Switcher/Switcher.d.ts +0 -3
  145. package/dist/components/Switcher/Switcher.js +0 -118
  146. package/dist/components/Switcher/constants.d.ts +0 -4
  147. package/dist/components/Switcher/constants.js +0 -8
  148. package/dist/components/Switcher/index.d.ts +0 -3
  149. package/dist/components/Switcher/index.js +0 -6
  150. package/dist/components/Switcher/types.d.ts +0 -30
  151. package/dist/components/TwinSwitcher/TwinSwitcher.d.ts +0 -10
  152. package/dist/components/TwinSwitcher/TwinSwitcher.js +0 -65
  153. package/dist/components/TwinSwitcher/index.d.ts +0 -1
  154. package/dist/components/TwinSwitcher/index.js +0 -4
  155. package/dist/field-bS4z9Sdl.js +0 -12
  156. package/dist/styles.module-B9L4B63y.js +0 -40
  157. package/dist/variant.module-BinTBzAV.js +0 -15
@@ -1,17 +0,0 @@
1
- var EGosZnakSize = /* @__PURE__ */ ((EGosZnakSize2) => {
2
- EGosZnakSize2["S"] = "s";
3
- EGosZnakSize2["L"] = "l";
4
- return EGosZnakSize2;
5
- })(EGosZnakSize || {});
6
- var EGosZnakType = /* @__PURE__ */ ((EGosZnakType2) => {
7
- EGosZnakType2["Normal"] = "normal";
8
- EGosZnakType2["Traffic"] = "traffic";
9
- EGosZnakType2["Military"] = "military";
10
- EGosZnakType2["Police"] = "police";
11
- EGosZnakType2["Diplomatic"] = "diplomatic";
12
- return EGosZnakType2;
13
- })(EGosZnakType || {});
14
- export {
15
- EGosZnakSize,
16
- EGosZnakType
17
- };
@@ -1,3 +0,0 @@
1
- export { GosZnak } from './GosZnak';
2
- export { EGosZnakSize, EGosZnakType } from './constants';
3
- export type { TGosZnakProps } from './types';
@@ -1,7 +0,0 @@
1
- import { GosZnak } from "./GosZnak.js";
2
- import { EGosZnakSize, EGosZnakType } from "./constants.js";
3
- export {
4
- EGosZnakSize,
5
- EGosZnakType,
6
- GosZnak
7
- };
@@ -1,26 +0,0 @@
1
- import { EGosZnakSize, EGosZnakType } from './constants';
2
-
3
- export type TGosZnakProps = {
4
- /** Номер государственного знака */
5
- number: string;
6
- /** Код региона */
7
- region: string;
8
- /** Код страны */
9
- country: string;
10
- /** Размер госзнака. Если не указан, по умолчанию используется большой размер */
11
- size?: EGosZnakSize | `${EGosZnakSize}`;
12
- /** Тип госзнака. Если не указан, по умолчанию используется обычный тип */
13
- type?: EGosZnakType | `${EGosZnakType}`;
14
- /** Дополнительный CSS класс для стилизации */
15
- className?: string;
16
- /** Дополнительный CSS класс для стилизации номера */
17
- numberClassName?: string;
18
- /** Дополнительный CSS класс для стилизации региона */
19
- regionClassName?: string;
20
- /** Дополнительный CSS класс для стилизации страны */
21
- countryClassName?: string;
22
- /** Дополнительный CSS класс для стилизации контейнера номера */
23
- numberContainerClassName?: string;
24
- /** Дополнительный CSS класс для стилизации контейнера региона */
25
- regionContainerClassName?: string;
26
- };
@@ -1,3 +0,0 @@
1
- import { TProps } from './types';
2
-
3
- export declare const InputRangeSlider: import('react').MemoExoticComponent<({ min, max, value, disabled, isMinEqualMax, isSingleSlider, onChange, step, borderState, positions, minMaxDescriptions, onChangeValue, wrapperClassName, ...props }: TProps) => import("react/jsx-runtime").JSX.Element>;
@@ -1,219 +0,0 @@
1
- import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
- import { c as classNames } from "../../index-CweZ_OcN.js";
3
- import { memo, useState, useEffect } from "react";
4
- import { EInputRangeSliderPositions, EInputRangeSliderBorderState, DEFAULT_STEP, DEFAULT_WIDTH } from "./constants.js";
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
- const cls = {
14
- "main-wrapper": "_main-wrapper_1kfjr_2",
15
- wrapper,
16
- "input-wrapper": "_input-wrapper_1kfjr_18",
17
- "info-wrapper": "_info-wrapper_1kfjr_26",
18
- "control-wrapper": "_control-wrapper_1kfjr_36",
19
- input,
20
- "equal-value": "_equal-value_1kfjr_108",
21
- "is-double-range": "_is-double-range_1kfjr_111",
22
- rail,
23
- off,
24
- right,
25
- "double-range": "_double-range_1kfjr_124",
26
- "inner-rail": "_inner-rail_1kfjr_134",
27
- left,
28
- control,
29
- disabled
30
- };
31
- const InputRangeSlider = memo(
32
- ({
33
- min,
34
- max,
35
- value,
36
- disabled: disabled2,
37
- isMinEqualMax = false,
38
- isSingleSlider = true,
39
- onChange,
40
- step = DEFAULT_STEP,
41
- borderState = EInputRangeSliderBorderState.ON,
42
- positions = EInputRangeSliderPositions.LEFT,
43
- minMaxDescriptions,
44
- onChangeValue,
45
- wrapperClassName,
46
- ...props
47
- }) => {
48
- const [minValue, setMinValue] = useState(() => (value == null ? void 0 : value.min) ?? min);
49
- const [maxValue, setMaxValue] = useState(() => (value == null ? void 0 : value.max) ?? max);
50
- const {
51
- max: maxDescription,
52
- min: minDescription,
53
- maxClassName,
54
- minClassName
55
- } = minMaxDescriptions ?? {};
56
- useEffect(() => {
57
- if (value) {
58
- value.min && setMinValue(value.min);
59
- value.max && setMaxValue(value.max);
60
- }
61
- }, [value]);
62
- const handleMinChange = (event) => {
63
- event.preventDefault();
64
- const newMinVal = Math.min(
65
- +event.target.value,
66
- isSingleSlider || isMinEqualMax ? maxValue : maxValue - step
67
- );
68
- if (!value) {
69
- setMinValue(newMinVal);
70
- }
71
- onChangeValue == null ? void 0 : onChangeValue({ min: newMinVal, max: maxValue });
72
- onChange == null ? void 0 : onChange(event);
73
- };
74
- const handleMaxChange = (event) => {
75
- event.preventDefault();
76
- const newMaxVal = Math.max(
77
- +event.target.value,
78
- isMinEqualMax ? minValue : minValue + step
79
- );
80
- if (!value) {
81
- setMaxValue(newMaxVal);
82
- }
83
- onChangeValue == null ? void 0 : onChangeValue({ min: minValue, max: newMaxVal });
84
- onChange == null ? void 0 : onChange(event);
85
- };
86
- const minPos = (minValue - min) / (max - min) * DEFAULT_WIDTH;
87
- const maxPos = (maxValue - min) / (max - min) * DEFAULT_WIDTH;
88
- const isLeftPosition = positions === EInputRangeSliderPositions.LEFT;
89
- const isEqualValue = minValue === maxValue && maxPos !== 0;
90
- const isOff = borderState === EInputRangeSliderBorderState.OFF;
91
- const renderInputs = () => {
92
- const inputProps = {
93
- ...props,
94
- type: "range",
95
- min,
96
- max,
97
- step
98
- };
99
- const leftInput = /* @__PURE__ */ jsx(
100
- "input",
101
- {
102
- ...inputProps,
103
- className: classNames(cls.input, {
104
- [cls["equal-value"]]: isEqualValue,
105
- [cls["is-double-range"]]: !isSingleSlider
106
- }),
107
- disabled: disabled2,
108
- value: minValue,
109
- onChange: handleMinChange
110
- }
111
- );
112
- const rightInput = /* @__PURE__ */ jsx(
113
- "input",
114
- {
115
- ...inputProps,
116
- className: classNames(cls.input, {
117
- [cls["is-double-range"]]: !isSingleSlider
118
- }),
119
- disabled: disabled2,
120
- value: maxValue,
121
- onChange: handleMaxChange
122
- }
123
- );
124
- if (isSingleSlider) {
125
- return isLeftPosition ? leftInput : rightInput;
126
- }
127
- return /* @__PURE__ */ jsxs(Fragment, { children: [
128
- leftInput,
129
- rightInput
130
- ] });
131
- };
132
- const renderControls = () => {
133
- const leftControl = /* @__PURE__ */ jsx(
134
- "div",
135
- {
136
- className: classNames(cls.control, {
137
- [cls.disabled]: disabled2
138
- }),
139
- style: {
140
- left: `${minPos}%`
141
- }
142
- }
143
- );
144
- const rightControl = /* @__PURE__ */ jsx(
145
- "div",
146
- {
147
- className: classNames(cls.control, {
148
- [cls.disabled]: disabled2
149
- }),
150
- style: {
151
- left: `${maxPos}%`
152
- }
153
- }
154
- );
155
- const getRailWidth = () => {
156
- if (isOff) {
157
- return isLeftPosition ? `${minPos}%` : `${DEFAULT_WIDTH - maxPos}%`;
158
- }
159
- return !isLeftPosition ? `${DEFAULT_WIDTH - maxPos}%` : void 0;
160
- };
161
- const innerRailRight = isSingleSlider && !isLeftPosition ? "0%" : `${DEFAULT_WIDTH - maxPos}%`;
162
- const innerRailWidth = isSingleSlider && !isLeftPosition ? getRailWidth() : `${maxPos - minPos}%`;
163
- const rail2 = /* @__PURE__ */ jsxs(Fragment, { children: [
164
- /* @__PURE__ */ jsx(
165
- "div",
166
- {
167
- style: {
168
- width: !isOff && !isLeftPosition ? `${maxPos}%` : getRailWidth()
169
- },
170
- className: classNames(cls.rail, cls[borderState], cls[positions], {
171
- [cls["double-range"]]: !isSingleSlider
172
- })
173
- }
174
- ),
175
- /* @__PURE__ */ jsx(
176
- "div",
177
- {
178
- style: {
179
- right: innerRailRight,
180
- width: innerRailWidth
181
- },
182
- className: classNames(
183
- cls["inner-rail"],
184
- cls[borderState],
185
- cls[positions],
186
- {
187
- [cls["double-range"]]: !isSingleSlider
188
- }
189
- )
190
- }
191
- )
192
- ] });
193
- if (isSingleSlider) {
194
- return /* @__PURE__ */ jsxs(Fragment, { children: [
195
- isLeftPosition ? leftControl : rightControl,
196
- rail2
197
- ] });
198
- }
199
- return /* @__PURE__ */ jsxs(Fragment, { children: [
200
- leftControl,
201
- rail2,
202
- rightControl
203
- ] });
204
- };
205
- return /* @__PURE__ */ jsxs("div", { className: classNames(cls["main-wrapper"], wrapperClassName), children: [
206
- /* @__PURE__ */ jsxs("div", { className: cls["info-wrapper"], children: [
207
- !!minDescription && /* @__PURE__ */ jsx("div", { className: minClassName, children: minDescription }),
208
- !!maxDescription && /* @__PURE__ */ jsx("div", { className: maxClassName, children: maxDescription })
209
- ] }),
210
- /* @__PURE__ */ jsxs("div", { className: cls.wrapper, children: [
211
- /* @__PURE__ */ jsx("div", { className: cls["control-wrapper"], children: renderControls() }),
212
- /* @__PURE__ */ jsx("div", { className: cls["input-wrapper"], children: renderInputs() })
213
- ] })
214
- ] });
215
- }
216
- );
217
- export {
218
- InputRangeSlider
219
- };
@@ -1,10 +0,0 @@
1
- export declare enum EInputRangeSliderPositions {
2
- LEFT = "left",
3
- RIGHT = "right"
4
- }
5
- export declare enum EInputRangeSliderBorderState {
6
- ON = "on",
7
- OFF = "off"
8
- }
9
- export declare const DEFAULT_STEP = 1;
10
- export declare const DEFAULT_WIDTH = 100;
@@ -1,18 +0,0 @@
1
- var EInputRangeSliderPositions = /* @__PURE__ */ ((EInputRangeSliderPositions2) => {
2
- EInputRangeSliderPositions2["LEFT"] = "left";
3
- EInputRangeSliderPositions2["RIGHT"] = "right";
4
- return EInputRangeSliderPositions2;
5
- })(EInputRangeSliderPositions || {});
6
- var EInputRangeSliderBorderState = /* @__PURE__ */ ((EInputRangeSliderBorderState2) => {
7
- EInputRangeSliderBorderState2["ON"] = "on";
8
- EInputRangeSliderBorderState2["OFF"] = "off";
9
- return EInputRangeSliderBorderState2;
10
- })(EInputRangeSliderBorderState || {});
11
- const DEFAULT_STEP = 1;
12
- const DEFAULT_WIDTH = 100;
13
- export {
14
- DEFAULT_STEP,
15
- DEFAULT_WIDTH,
16
- EInputRangeSliderBorderState,
17
- EInputRangeSliderPositions
18
- };
@@ -1,3 +0,0 @@
1
- export { InputRangeSlider } from './InputRangeSlider';
2
- export { EInputRangeSliderBorderState, EInputRangeSliderPositions } from './constants';
3
- export type { TProps as TInputRangeSliderProps } from './types';
@@ -1,7 +0,0 @@
1
- import { InputRangeSlider } from "./InputRangeSlider.js";
2
- import { EInputRangeSliderBorderState, EInputRangeSliderPositions } from "./constants.js";
3
- export {
4
- EInputRangeSliderBorderState,
5
- EInputRangeSliderPositions,
6
- InputRangeSlider
7
- };
@@ -1,33 +0,0 @@
1
- import { ComponentProps, ReactNode } from 'react';
2
- import { EInputRangeSliderBorderState, EInputRangeSliderPositions } from './constants';
3
-
4
- type TInputRangeSliderDoubleRangeProps = {
5
- isSingleSlider: true;
6
- positions?: EInputRangeSliderPositions | `${EInputRangeSliderPositions}`;
7
- } | {
8
- isSingleSlider?: false;
9
- positions?: never;
10
- };
11
- export type TProps = TInputRangeSliderDoubleRangeProps & ({
12
- min: number;
13
- max: number;
14
- step?: number;
15
- wrapperClassName?: string;
16
- isMinEqualMax?: boolean;
17
- value?: {
18
- min: number;
19
- max: number;
20
- };
21
- onChangeValue?: (value: {
22
- min: number;
23
- max: number;
24
- }) => void;
25
- borderState?: EInputRangeSliderBorderState | `${EInputRangeSliderBorderState}`;
26
- minMaxDescriptions?: {
27
- min: ReactNode;
28
- max: ReactNode;
29
- minClassName?: string;
30
- maxClassName?: string;
31
- };
32
- } & Omit<ComponentProps<'input'>, 'value'>);
33
- export {};
@@ -1,12 +0,0 @@
1
- import { ComponentProps } from 'react';
2
- import { ESkeletonVariant } from '../constants';
3
-
4
- type TProps = ComponentProps<'div'> & {
5
- className?: string;
6
- width?: string | number;
7
- height?: string | number;
8
- borderRadius?: string | number;
9
- variant?: `${ESkeletonVariant}` | ESkeletonVariant;
10
- };
11
- export declare const SkeletonBrick: ({ className, width, height, borderRadius, style, variant, ...otherProps }: TProps) => import("react/jsx-runtime").JSX.Element;
12
- export {};
@@ -1,34 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { c as classNames } from "../../../index-CweZ_OcN.js";
3
- import { ESkeletonVariant } from "../constants.js";
4
- import { v as variantCls } from "../../../variant.module-BinTBzAV.js";
5
- const SkeletonBrick = ({
6
- className,
7
- width = "100%",
8
- height,
9
- borderRadius = "var(--mimir-control-radius)",
10
- style,
11
- variant = ESkeletonVariant.WHITE,
12
- ...otherProps
13
- }) => {
14
- return /* @__PURE__ */ jsx(
15
- "div",
16
- {
17
- ...otherProps,
18
- className: classNames(
19
- variantCls.skeleton,
20
- variantCls[variant],
21
- className
22
- ),
23
- style: {
24
- ...style,
25
- width,
26
- height,
27
- borderRadius
28
- }
29
- }
30
- );
31
- };
32
- export {
33
- SkeletonBrick
34
- };
@@ -1,9 +0,0 @@
1
- import { ESkeletonVariant } from '../constants';
2
-
3
- type TProps = {
4
- className?: string;
5
- size: number | string;
6
- variant?: `${ESkeletonVariant}` | ESkeletonVariant;
7
- };
8
- export declare const SkeletonCircle: ({ className, variant, size }: TProps) => import("react/jsx-runtime").JSX.Element;
9
- export {};
@@ -1,31 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { c as classNames } from "../../../index-CweZ_OcN.js";
3
- import { ESkeletonVariant } from "../constants.js";
4
- import { v as variantCls } from "../../../variant.module-BinTBzAV.js";
5
- import '../../../assets/SkeletonCircle.css';const cls = {
6
- "skeleton-circle": "_skeleton-circle_kxuh3_2"
7
- };
8
- const SkeletonCircle = ({
9
- className,
10
- variant = ESkeletonVariant.WHITE,
11
- size
12
- }) => {
13
- return /* @__PURE__ */ jsx(
14
- "div",
15
- {
16
- className: classNames(
17
- cls["skeleton-circle"],
18
- variantCls.skeleton,
19
- variantCls[variant],
20
- className
21
- ),
22
- style: {
23
- width: size,
24
- height: size
25
- }
26
- }
27
- );
28
- };
29
- export {
30
- SkeletonCircle
31
- };
@@ -1,10 +0,0 @@
1
- import { ESkeletonVariant } from '../constants';
2
-
3
- interface Props {
4
- className?: string;
5
- rows?: number;
6
- variant?: `${ESkeletonVariant}` | ESkeletonVariant;
7
- height?: string | number;
8
- }
9
- export declare const SkeletonText: import('react').MemoExoticComponent<({ rows, height, variant, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
10
- export {};
@@ -1,49 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { c as classNames } from "../../../index-CweZ_OcN.js";
3
- import { memo } from "react";
4
- import { ESkeletonVariant } from "../constants.js";
5
- import { SkeletonBrick } from "../SkeletonBrick/SkeletonBrick.js";
6
- import '../../../assets/SkeletonText.css';const row = "_row_1ks6f_9";
7
- const cls = {
8
- "skeleton-text": "_skeleton-text_1ks6f_2",
9
- row
10
- };
11
- const getRowWidth = (index, total) => {
12
- if (index === total - 1) {
13
- return "50%";
14
- }
15
- switch (index % 3) {
16
- case 0:
17
- return "100%";
18
- case 1:
19
- return "85%";
20
- case 2:
21
- return "93%";
22
- default:
23
- return "100%";
24
- }
25
- };
26
- const SkeletonText = memo(
27
- ({
28
- rows = 1,
29
- height = 20,
30
- variant = ESkeletonVariant.WHITE,
31
- ...props
32
- }) => {
33
- const { className } = props;
34
- return /* @__PURE__ */ jsx("div", { className: classNames(cls["skeleton-text"], className), children: new Array(rows).fill(null).map((_, i) => {
35
- return /* @__PURE__ */ jsx("div", { className: cls.row, children: /* @__PURE__ */ jsx(
36
- SkeletonBrick,
37
- {
38
- variant,
39
- height,
40
- width: getRowWidth(i, rows),
41
- style: { animationDelay: `${i * 0.125}s` }
42
- }
43
- ) }, i);
44
- }) }, rows);
45
- }
46
- );
47
- export {
48
- SkeletonText
49
- };
@@ -1,5 +0,0 @@
1
- export declare enum ESkeletonVariant {
2
- WHITE = "white",
3
- DARK_GRAY = "dark-gray",
4
- BLACK = "black"
5
- }
@@ -1,9 +0,0 @@
1
- var ESkeletonVariant = /* @__PURE__ */ ((ESkeletonVariant2) => {
2
- ESkeletonVariant2["WHITE"] = "white";
3
- ESkeletonVariant2["DARK_GRAY"] = "dark-gray";
4
- ESkeletonVariant2["BLACK"] = "black";
5
- return ESkeletonVariant2;
6
- })(ESkeletonVariant || {});
7
- export {
8
- ESkeletonVariant
9
- };
@@ -1,4 +0,0 @@
1
- export { SkeletonBrick } from './SkeletonBrick/SkeletonBrick';
2
- export { SkeletonText } from './SkeletonText/SkeletonText';
3
- export { SkeletonCircle } from './SkeletonCircle/SkeletonCircle';
4
- export { ESkeletonVariant } from './constants';
@@ -1,10 +0,0 @@
1
- import { SkeletonBrick } from "./SkeletonBrick/SkeletonBrick.js";
2
- import { SkeletonText } from "./SkeletonText/SkeletonText.js";
3
- import { SkeletonCircle } from "./SkeletonCircle/SkeletonCircle.js";
4
- import { ESkeletonVariant } from "./constants.js";
5
- export {
6
- ESkeletonVariant,
7
- SkeletonBrick,
8
- SkeletonCircle,
9
- SkeletonText
10
- };
@@ -1,3 +0,0 @@
1
- import { TProps } from './types';
2
-
3
- export declare const Switcher: import('react').ForwardRefExoticComponent<TProps & import('react').RefAttributes<HTMLButtonElement>>;
@@ -1,118 +0,0 @@
1
- import { jsxs, jsx } from "react/jsx-runtime";
2
- import { H as H$1 } from "../../field-bS4z9Sdl.js";
3
- import { K, w, z, U, u, a, b as l, T, I, G, j, p as p$1 } from "../../label-P7Xsi5N7.js";
4
- import { W, H, y, p, o, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D, c as o$1 } from "../../keyboard-B256ZoM-.js";
5
- import React__default, { createContext, useState, useMemo, useId, useContext, useRef, useCallback, Fragment, forwardRef } from "react";
6
- import { w as w$1 } from "../../use-active-press-B6yeSopF.js";
7
- import { T as T$1 } from "../../use-resolve-button-type-B6LE6gU3.js";
8
- import { r } from "../../bugs-CSBdWk0R.js";
9
- import { c as classNames } from "../../index-CweZ_OcN.js";
10
- import { ELabelPositions } from "./constants.js";
11
- import '../../assets/Switcher.css';let S = createContext(null);
12
- S.displayName = "GroupContext";
13
- let _e = Fragment;
14
- function Pe(n) {
15
- var a2;
16
- let [o2, p2] = useState(null), [f, b] = z(), [h, t] = U(), c = useMemo(() => ({ switch: o2, setSwitch: p2 }), [o2, p2]), T2 = {}, y2 = n;
17
- return React__default.createElement(t, { name: "Switch.Description", value: h }, React__default.createElement(b, { name: "Switch.Label", value: f, props: { htmlFor: (a2 = c.switch) == null ? void 0 : a2.id, onClick(u2) {
18
- o2 && (u2.currentTarget instanceof HTMLLabelElement && u2.preventDefault(), o2.click(), o2.focus({ preventScroll: true }));
19
- } } }, React__default.createElement(S.Provider, { value: c }, H({ ourProps: T2, theirProps: y2, slot: {}, defaultTag: _e, name: "Switch.Group" }))));
20
- }
21
- let Ee = "button";
22
- function De(n, o$2) {
23
- var C;
24
- let p$2 = useId(), f = u(), b = a(), { id: h = f || `headlessui-switch-${p$2}`, disabled: t = b || false, checked: c, defaultChecked: T$2, onChange: y$1, name: a$1, value: u$1, form: F, autoFocus: d = false, ...k } = n, w2 = useContext(S), _ = useRef(null), H$12 = y(_, o$2, w2 === null ? null : w2.setSwitch), l$1 = l(T$2), [s, r$1] = T(c, y$1, l$1 != null ? l$1 : false), M = p(), [P, E] = useState(false), D$1 = o(() => {
25
- E(true), r$1 == null || r$1(!s), M.nextFrame(() => {
26
- E(false);
27
- });
28
- }), U2 = o((e) => {
29
- if (r(e.currentTarget)) return e.preventDefault();
30
- e.preventDefault(), D$1();
31
- }), I$1 = o((e) => {
32
- e.key === o$1.Space ? (e.preventDefault(), D$1()) : e.key === o$1.Enter && p$1(e.currentTarget);
33
- }), B = o((e) => e.preventDefault()), K2 = I(), W2 = G(), { isFocusVisible: g, focusProps: O } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: d }), { isHovered: v, hoverProps: N } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: t }), { pressed: x, pressProps: J } = w$1({ disabled: t }), V = useMemo(() => ({ checked: s, disabled: t, hover: v, focus: g, active: x, autofocus: d, changing: P }), [s, v, g, x, t, P, d]), X = D({ id: h, ref: H$12, role: "switch", type: T$1(n, _), tabIndex: n.tabIndex === -1 ? 0 : (C = n.tabIndex) != null ? C : 0, "aria-checked": s, "aria-labelledby": K2, "aria-describedby": W2, disabled: t || void 0, autoFocus: d, onClick: U2, onKeyUp: I$1, onKeyPress: B }, O, N, J), j$1 = useCallback(() => {
34
- if (l$1 !== void 0) return r$1 == null ? void 0 : r$1(l$1);
35
- }, [r$1, l$1]);
36
- return React__default.createElement(React__default.Fragment, null, a$1 != null && React__default.createElement(j, { disabled: t, data: { [a$1]: u$1 || "on" }, overrides: { type: "checkbox", checked: s }, form: F, onReset: j$1 }), H({ ourProps: X, theirProps: k, slot: V, defaultTag: Ee, name: "Switch" }));
37
- }
38
- let ge = W(De), ve = Pe, xe = K, Ce = w, qe = Object.assign(ge, { Group: ve, Label: xe, Description: Ce });
39
- const left = "_left_gu0m2_14";
40
- const right = "_right_gu0m2_17";
41
- const label = "_label_gu0m2_21";
42
- const switcher = "_switcher_gu0m2_2";
43
- const cls = {
44
- "switcher-wrapper": "_switcher-wrapper_gu0m2_2",
45
- left,
46
- right,
47
- label,
48
- switcher,
49
- "switcher-checked": "_switcher-checked_gu0m2_45",
50
- "switcher-thumb": "_switcher-thumb_gu0m2_55",
51
- "switcher-checked-thumb": "_switcher-checked-thumb_gu0m2_65"
52
- };
53
- const Switcher = forwardRef(
54
- ({
55
- id,
56
- label: label2,
57
- hasLabel = false,
58
- labelPosition = ELabelPositions.LEFT,
59
- className,
60
- labelClassName,
61
- switcherThumbClassName,
62
- wrapperClassName,
63
- children,
64
- checked,
65
- ...props
66
- }, ref) => {
67
- const renderChildren = (bag) => {
68
- if (typeof children === "function") {
69
- return children({ ...bag, checked });
70
- } else {
71
- return children;
72
- }
73
- };
74
- return /* @__PURE__ */ jsxs(
75
- H$1,
76
- {
77
- className: classNames(
78
- cls["switcher-wrapper"],
79
- wrapperClassName,
80
- cls[labelPosition]
81
- ),
82
- children: [
83
- label2 && hasLabel && /* @__PURE__ */ jsx(K, { className: classNames(cls.label, labelClassName), htmlFor: id, children: label2 }),
84
- /* @__PURE__ */ jsxs(
85
- qe,
86
- {
87
- ...props,
88
- id,
89
- ref,
90
- className: classNames(cls.switcher, className, {
91
- [cls["switcher-checked"]]: checked
92
- }),
93
- children: [
94
- renderChildren({ checked }),
95
- /* @__PURE__ */ jsx(
96
- "span",
97
- {
98
- "aria-hidden": "true",
99
- className: classNames(
100
- cls["switcher-thumb"],
101
- switcherThumbClassName,
102
- {
103
- [cls["switcher-checked-thumb"]]: checked
104
- }
105
- )
106
- }
107
- )
108
- ]
109
- }
110
- )
111
- ]
112
- }
113
- );
114
- }
115
- );
116
- export {
117
- Switcher
118
- };