mimir-ui-kit 1.36.7 → 1.36.9

Sign up to get free protection for your applications and to get access to all the features.
Files changed (35) hide show
  1. package/dist/{Input-WnjLXNpw.js → Input-CbgqYgLo.js} +65 -63
  2. package/dist/assets/TextArea.css +1 -1
  3. package/dist/{combobox-CDU06zJj.js → combobox-BpYucpxz.js} +1121 -1080
  4. package/dist/components/Accordion/Accordion.js +15 -15
  5. package/dist/components/CheckboxMimir/CheckboxMimir.js +4 -4
  6. package/dist/components/DatePicker/DatePicker.js +1 -1
  7. package/dist/components/Input/Input.d.ts +4 -0
  8. package/dist/components/Input/Input.js +1 -1
  9. package/dist/components/Input/index.js +1 -1
  10. package/dist/components/InputPassword/InputPassword.js +1 -1
  11. package/dist/components/InputPhoneNumber/InputPhoneNumber.js +1 -1
  12. package/dist/components/MultiSelectSearch/MultiSelectSearch.d.ts +1 -0
  13. package/dist/components/MultiSelectSearch/MultiSelectSearch.js +108 -105
  14. package/dist/components/MultiSelectSearch/types.d.ts +2 -0
  15. package/dist/components/MultiSelectSearch/utils.js +1 -1
  16. package/dist/components/OtpInput/OtpInput.js +1 -1
  17. package/dist/components/RadioGroup/RadioGroup.js +3 -3
  18. package/dist/components/SelectSearch/SelectSearch.d.ts +1 -0
  19. package/dist/components/SelectSearch/SelectSearch.js +96 -92
  20. package/dist/components/SelectSearch/types.d.ts +2 -0
  21. package/dist/components/SelectSearch/utils.js +1 -1
  22. package/dist/components/Switcher/Switcher.js +4 -4
  23. package/dist/components/TabTrail/TabTrail.js +4 -4
  24. package/dist/components/TextArea/TextArea.js +39 -39
  25. package/dist/components/index.js +1 -1
  26. package/dist/{field-FJ34aSs4.js → field-C1kt7aNM.js} +2 -2
  27. package/dist/{focus-management-XwV-9qkO.js → focus-management-DOYCPyGg.js} +1 -1
  28. package/dist/{hidden-DbgtYPOH.js → hidden-PvGXrYUY.js} +1 -1
  29. package/dist/index.js +1 -1
  30. package/dist/{keyboard-B0lm_zyn.js → keyboard-mgWkd2Vh.js} +114 -111
  31. package/dist/{label-y3ANLTNC.js → label-D4GFpe5F.js} +2 -2
  32. package/dist/open-closed-D2VjDhAN.js +86 -0
  33. package/dist/{use-active-press-86hajhdd.js → use-active-press-CqLGIFz7.js} +1 -1
  34. package/package.json +1 -1
  35. package/dist/open-closed-CdldUPoq.js +0 -86
@@ -1,102 +1,104 @@
1
- import { jsx as n, jsxs as u, Fragment as y } from "react/jsx-runtime";
1
+ import { jsx as s, jsxs as _, Fragment as z } from "react/jsx-runtime";
2
2
  import { c as i } from "../../index-DIxK0V-G.js";
3
- import { forwardRef as H, useState as z, useMemo as K, useCallback as U, useEffect as W } from "react";
3
+ import { forwardRef as K, useState as D, useMemo as U, useCallback as R, useEffect as $ } from "react";
4
4
  import { ESelectSearchSize as v } from "./constants.js";
5
- import { mapSizeToInputSize as D, getDropdownArrowIcon as R } from "./utils.js";
5
+ import { mapSizeToInputSize as j, getDropdownArrowIcon as J } from "./utils.js";
6
6
  import { Icon as q } from "../../icons/Icon.js";
7
- import { Button as $ } from "../Button/Button.js";
8
- import { I as A } from "../../Input-WnjLXNpw.js";
9
- import { EInputVariant as J } from "../Input/constants.js";
10
- import { H as Q, U as B, G as M, K as X, W as Y } from "../../combobox-CDU06zJj.js";
11
- import '../../assets/SelectSearch.css';const Z = "_disabled_rphak_5", ee = "_container_rphak_9", te = "_full_rphak_22", oe = "_button_rphak_34", ae = "_options_rphak_48", ne = "_top_rphak_59", se = "_bottom_rphak_64", re = "_m_rphak_91", ie = "_l_rphak_106", le = "_option_rphak_48", ce = "_clear_rphak_160", e = {
7
+ import { Button as Q } from "../Button/Button.js";
8
+ import { I as A } from "../../Input-CbgqYgLo.js";
9
+ import { EInputVariant as W } from "../Input/constants.js";
10
+ import { H as X, U as O, G as B, K as Y, j as Z } from "../../combobox-BpYucpxz.js";
11
+ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_container_rphak_9", oe = "_full_rphak_22", ae = "_button_rphak_34", ne = "_options_rphak_48", se = "_top_rphak_59", re = "_bottom_rphak_64", ie = "_m_rphak_91", le = "_l_rphak_106", ce = "_option_rphak_48", pe = "_clear_rphak_160", e = {
12
12
  "select-search": "_select-search_rphak_2",
13
- disabled: Z,
14
- container: ee,
13
+ disabled: ee,
14
+ container: te,
15
15
  "container-open": "_container-open_rphak_18",
16
- full: te,
16
+ full: oe,
17
17
  "selected-icon": "_selected-icon_rphak_26",
18
18
  "selector-icon-open": "_selector-icon-open_rphak_30",
19
- button: oe,
19
+ button: ae,
20
20
  "selector-icon": "_selector-icon_rphak_30",
21
- options: ae,
22
- top: ne,
23
- bottom: se,
21
+ options: ne,
22
+ top: se,
23
+ bottom: re,
24
24
  "no-options": "_no-options_rphak_85",
25
- m: re,
26
- l: ie,
25
+ m: ie,
26
+ l: le,
27
27
  "select-input": "_select-input_rphak_121",
28
28
  "select-input-disabled": "_select-input-disabled_rphak_124",
29
- option: le,
29
+ option: ce,
30
30
  "option-active": "_option-active_rphak_140",
31
31
  "option-inner": "_option-inner_rphak_143",
32
32
  "right-slot": "_right-slot_rphak_150",
33
33
  "required-mark": "_required-mark_rphak_155",
34
- clear: ce,
34
+ clear: pe,
35
35
  "icon-button": "_icon-button_rphak_169"
36
- }, ve = H(
37
- (O, L) => {
36
+ }, ge = K(
37
+ (M, E) => {
38
38
  const {
39
39
  placeholder: g,
40
- size: s = v.L,
41
- value: r,
42
- onChange: o,
43
- full: E,
44
- showArrow: F = !0,
40
+ size: r = v.L,
41
+ value: a,
42
+ onChange: n,
43
+ full: L,
44
+ showArrow: V = !0,
45
45
  items: d = [],
46
- classNameOption: G,
47
- displayValue: P = "name",
46
+ classNameOption: F,
47
+ displayValue: G = "name",
48
48
  filterOnSearch: w = !0,
49
49
  onSearch: m,
50
- variant: C = J.DefaultGray,
51
- menuPlacement: h = "bottom",
50
+ variant: C = W.DefaultGray,
51
+ menuPlacement: b = "bottom",
52
52
  disabled: l = !1,
53
53
  searchProps: I,
54
54
  withClearButton: f = !1,
55
- disableInput: c = !1
56
- } = O, k = String((r == null ? void 0 : r[P]) || ""), [p, _] = z(k), [b, N] = z(r), S = K(() => !w || r && (r.id || r.name) ? d : p.trim().toLowerCase() ? d.filter(
57
- (a) => a.name.toLowerCase().includes(p.toLowerCase())
58
- ) : d, [p, d, r, w]), T = (a) => {
59
- a ? (_(a.name), N(a), o == null || o(a)) : (_(""), N(null), o == null || o({ id: "", name: "" }));
60
- }, x = U(
61
- (a) => {
55
+ disableInput: c = !1,
56
+ autocomplete: S = "on"
57
+ } = M, k = String((a == null ? void 0 : a[G]) || ""), [p, u] = D(k), [N, h] = D(a), y = U(() => !w || a && (a.id || a.name) ? d : p.trim().toLowerCase() ? d.filter(
58
+ (o) => o.name.toLowerCase().includes(p.toLowerCase())
59
+ ) : d, [p, d, a, w]), P = (o) => {
60
+ o ? (u(o.name), h(o), n == null || n(o)) : (u(""), h(null), n == null || n({ id: "", name: "" }));
61
+ }, x = R(
62
+ (o) => {
62
63
  if (c) return;
63
- const t = a.target.value;
64
- _(t), m == null || m(t), !t && r && (o == null || o({ id: "", name: "" }));
64
+ const t = o.target.value;
65
+ u(t), m == null || m(t), !t && a && (n == null || n({ id: "", name: "" }));
65
66
  },
66
- [c, o, m, r]
67
- ), V = () => {
68
- _(""), N(null), o == null || o({ id: "", name: "" });
67
+ [c, n, m, a]
68
+ ), T = () => {
69
+ u(""), h(null), n == null || n({ id: "", name: "" });
69
70
  };
70
- return W(() => {
71
- _(k);
72
- }, [k]), /* @__PURE__ */ n(
73
- Q,
71
+ return $(() => {
72
+ const o = !a || typeof a == "object" && !Object.keys(a).length;
73
+ u(o ? "" : k), h(o ? null : a);
74
+ }, [a, k]), /* @__PURE__ */ s(
75
+ X,
74
76
  {
75
77
  as: "div",
76
- value: b,
78
+ value: N,
77
79
  className: i(e["select-search"], {
78
- [e.full]: E,
80
+ [e.full]: L,
79
81
  [e.disabled]: l
80
82
  }),
81
- onChange: T,
82
- ref: L,
83
+ onChange: P,
84
+ ref: E,
83
85
  disabled: l,
84
- virtual: { options: S },
85
- children: ({ open: a }) => /* @__PURE__ */ u(y, { children: [
86
- /* @__PURE__ */ u(
86
+ virtual: { options: y },
87
+ children: ({ open: o }) => /* @__PURE__ */ _(z, { children: [
88
+ /* @__PURE__ */ _(
87
89
  "div",
88
90
  {
89
- className: i(e.container, e[s], {
90
- [e["container-open"]]: a
91
+ className: i(e.container, e[r], {
92
+ [e["container-open"]]: o
91
93
  }),
92
94
  children: [
93
- c && /* @__PURE__ */ u("div", { style: { position: "relative", width: "100%" }, children: [
94
- /* @__PURE__ */ n(B, { disabled: l, style: { width: "100%" }, children: /* @__PURE__ */ n(
95
- M,
95
+ c && /* @__PURE__ */ _("div", { style: { position: "relative", width: "100%" }, children: [
96
+ /* @__PURE__ */ s(O, { disabled: l, style: { width: "100%" }, children: /* @__PURE__ */ s(
97
+ B,
96
98
  {
97
99
  as: A,
98
100
  label: g,
99
- size: D(s),
101
+ size: j(r),
100
102
  className: i(e["select-input"], {
101
103
  [e["select-input-disabled"]]: c && f
102
104
  }),
@@ -112,13 +114,14 @@ import '../../assets/SelectSearch.css';const Z = "_disabled_rphak_5", ee = "_con
112
114
  },
113
115
  rightAddon: {
114
116
  addonType: "icon",
115
- addonContent: R(a, s)
117
+ addonContent: J(o, r)
116
118
  },
119
+ autocomplete: S,
117
120
  ...I
118
121
  }
119
122
  ) }),
120
- f && p && /* @__PURE__ */ n(
121
- $,
123
+ f && p && /* @__PURE__ */ s(
124
+ Q,
122
125
  {
123
126
  tabIndex: -1,
124
127
  className: i(e.clear, {
@@ -132,18 +135,18 @@ import '../../assets/SelectSearch.css';const Z = "_disabled_rphak_5", ee = "_con
132
135
  disabled: l,
133
136
  variant: "secondary-gray",
134
137
  onClick: (t) => {
135
- t.stopPropagation(), V();
138
+ t.stopPropagation(), T();
136
139
  },
137
140
  "data-testid": "clear-button"
138
141
  }
139
142
  )
140
143
  ] }),
141
- !c && /* @__PURE__ */ n(
142
- M,
144
+ !c && /* @__PURE__ */ s(
145
+ B,
143
146
  {
144
147
  as: A,
145
148
  label: g,
146
- size: D(s),
149
+ size: j(r),
147
150
  className: e["select-input"],
148
151
  onChange: x,
149
152
  value: p,
@@ -155,19 +158,19 @@ import '../../assets/SelectSearch.css';const Z = "_disabled_rphak_5", ee = "_con
155
158
  "data-testid": "select-search-input",
156
159
  rightAddon: {
157
160
  addonType: "react-node",
158
- addonContent: F && /* @__PURE__ */ n(
159
- B,
161
+ addonContent: V && /* @__PURE__ */ s(
162
+ O,
160
163
  {
161
164
  className: i(e.button, {
162
165
  [e.disabled]: l
163
166
  }),
164
167
  disabled: l,
165
- children: /* @__PURE__ */ n(
168
+ children: /* @__PURE__ */ s(
166
169
  q,
167
170
  {
168
- iconName: s == v.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
171
+ iconName: r == v.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
169
172
  className: i(e["selector-icon"], {
170
- [e["selector-icon-open"]]: a
173
+ [e["selector-icon-open"]]: o
171
174
  })
172
175
  }
173
176
  )
@@ -177,43 +180,44 @@ import '../../assets/SelectSearch.css';const Z = "_disabled_rphak_5", ee = "_con
177
180
  onFocus: (t) => {
178
181
  c && t.target.blur();
179
182
  },
183
+ autocomplete: S,
180
184
  ...I
181
185
  }
182
186
  )
183
187
  ]
184
188
  }
185
189
  ),
186
- a && /* @__PURE__ */ n(y, { children: d.length ? S.length ? /* @__PURE__ */ n(
187
- X,
190
+ o && /* @__PURE__ */ s(z, { children: d.length ? y.length ? /* @__PURE__ */ s(
191
+ Y,
188
192
  {
189
193
  "data-testid": "select-search-options",
190
194
  className: i(
191
195
  e.options,
192
- e[s],
193
- e[h]
196
+ e[r],
197
+ e[b]
194
198
  ),
195
- children: ({ option: t }) => /* @__PURE__ */ u(
196
- Y,
199
+ children: ({ option: t }) => /* @__PURE__ */ _(
200
+ Z,
197
201
  {
198
202
  value: t,
199
- className: ({ focus: j }) => i(
203
+ className: ({ focus: H }) => i(
200
204
  e.option,
201
- G,
202
- s && e[s],
205
+ F,
206
+ r && e[r],
203
207
  {
204
- [e["option-active"]]: j
208
+ [e["option-active"]]: H
205
209
  }
206
210
  ),
207
211
  "data-testid": `select-search-option-${t.id}`,
208
212
  children: [
209
- /* @__PURE__ */ u("div", { className: e["option-inner"], children: [
213
+ /* @__PURE__ */ _("div", { className: e["option-inner"], children: [
210
214
  t.name,
211
- t.bottom && /* @__PURE__ */ n("div", { children: t.bottom })
215
+ t.bottom && /* @__PURE__ */ s("div", { children: t.bottom })
212
216
  ] }),
213
- b && b.id === t.id && /* @__PURE__ */ n(
217
+ N && N.id === t.id && /* @__PURE__ */ s(
214
218
  q,
215
219
  {
216
- iconName: s === v.M ? "Done16px" : "Done24px",
220
+ iconName: r === v.M ? "Done16px" : "Done24px",
217
221
  className: e["selected-icon"]
218
222
  }
219
223
  )
@@ -222,25 +226,25 @@ import '../../assets/SelectSearch.css';const Z = "_disabled_rphak_5", ee = "_con
222
226
  t.id
223
227
  )
224
228
  }
225
- ) : /* @__PURE__ */ n(
229
+ ) : /* @__PURE__ */ s(
226
230
  "div",
227
231
  {
228
232
  className: i(
229
233
  e.options,
230
- e[s],
234
+ e[r],
231
235
  e["no-options"],
232
- e[h]
236
+ e[b]
233
237
  ),
234
238
  children: "Ничего не найдено"
235
239
  }
236
- ) : /* @__PURE__ */ n(
240
+ ) : /* @__PURE__ */ s(
237
241
  "div",
238
242
  {
239
243
  className: i(
240
244
  e.options,
241
- e[s],
245
+ e[r],
242
246
  e["no-options"],
243
- e[h]
247
+ e[b]
244
248
  ),
245
249
  children: "Нет данных"
246
250
  }
@@ -251,5 +255,5 @@ import '../../assets/SelectSearch.css';const Z = "_disabled_rphak_5", ee = "_con
251
255
  }
252
256
  );
253
257
  export {
254
- ve as SelectSearch
258
+ ge as SelectSearch
255
259
  };
@@ -52,4 +52,6 @@ export type TSelectSearchProps = Pick<TInputProps, 'withClearButton' | 'variant'
52
52
  searchProps?: Pick<TInputProps, 'numbersOnly' | 'maxLength' | 'required'>;
53
53
  /** Отключает инпут, но позволяет открывать меню*/
54
54
  disableInput?: boolean;
55
+ /** Управляет поведением автозаполнения браузера */
56
+ autocomplete?: 'on' | 'off';
55
57
  };
@@ -1,5 +1,5 @@
1
1
  import { ESelectSearchSize as r } from "./constants.js";
2
- import "../../Input-WnjLXNpw.js";
2
+ import "../../Input-CbgqYgLo.js";
3
3
  import { EInputSize as t } from "../Input/constants.js";
4
4
  const c = (o) => {
5
5
  switch (o) {
@@ -1,9 +1,9 @@
1
1
  import { jsxs as L, jsx as N } from "react/jsx-runtime";
2
- import { H as te } from "../../field-FJ34aSs4.js";
3
- import { K as I, w as re, z as se, U as ae, u as ce, a as le, b as oe, T as ie, I as ne, G as ue, j as he, p as me } from "../../label-y3ANLTNC.js";
4
- import { W as de, H as j, y as pe, p as fe, o as $, $ as be, b as we, D as _e, c as H } from "../../keyboard-B0lm_zyn.js";
2
+ import { H as te } from "../../field-C1kt7aNM.js";
3
+ import { K as I, w as re, z as se, U as ae, u as ce, a as le, b as oe, T as ie, I as ne, G as ue, j as he, p as me } from "../../label-D4GFpe5F.js";
4
+ import { W as de, H as j, y as pe, p as fe, o as $, $ as be, b as we, D as _e, c as H } from "../../keyboard-mgWkd2Vh.js";
5
5
  import u, { createContext as $e, useState as x, useMemo as G, useId as ge, useContext as ve, useRef as ke, useCallback as xe, Fragment as ye, forwardRef as Pe } from "react";
6
- import { w as Ce } from "../../use-active-press-86hajhdd.js";
6
+ import { w as Ce } from "../../use-active-press-CqLGIFz7.js";
7
7
  import { e as De } from "../../use-resolve-button-type-DhFdPxnv.js";
8
8
  import { r as Fe } from "../../bugs-diTMAGNw.js";
9
9
  import { c as g } from "../../index-DIxK0V-G.js";
@@ -5,11 +5,11 @@ import N, { useRef as U, useState as Q, createContext as oe, useReducer as ke, u
5
5
  import { ETabTrailSize as Ae } from "./constants.js";
6
6
  import { TabButtons as Se } from "./TabButtons/TabButtons.js";
7
7
  import { NotificationBadge as Fe } from "../NotificationBadge/NotificationBadge.js";
8
- import { n as W, M as se, W as q, s as H, y as z, o as E, H as V, $ as ce, b as De, D as de, a as B, u as Ne, c as h, t as Re } from "../../keyboard-B0lm_zyn.js";
9
- import { w as Me } from "../../use-active-press-86hajhdd.js";
8
+ import { n as W, M as se, W as q, s as H, y as z, o as E, H as V, $ as ce, b as De, D as de, a as B, u as Ne, c as h, t as Re } from "../../keyboard-mgWkd2Vh.js";
9
+ import { w as Me } from "../../use-active-press-CqLGIFz7.js";
10
10
  import { e as Ce } from "../../use-resolve-button-type-DhFdPxnv.js";
11
- import { T as pe, s as Le } from "../../hidden-DbgtYPOH.js";
12
- import { _ as G, T as J, P as D, F as T } from "../../focus-management-XwV-9qkO.js";
11
+ import { T as pe, s as Le } from "../../hidden-PvGXrYUY.js";
12
+ import { _ as G, T as J, P as D, F as T } from "../../focus-management-DOYCPyGg.js";
13
13
  import '../../assets/TabTrail.css';function Oe() {
14
14
  let e = U(!1);
15
15
  return W(() => (e.current = !0, () => {
@@ -5,33 +5,33 @@ import { useAutoResizeTextArea as Y } from "./hooks.js";
5
5
  import { useMergeRefs as Z } from "../../hooks/useMergeRefs/useMergeRefs.js";
6
6
  import { Icon as $ } from "../../icons/Icon.js";
7
7
  import { Button as ee } from "../Button/Button.js";
8
- import { c as e } from "../../Input-WnjLXNpw.js";
8
+ import { c as e } from "../../Input-CbgqYgLo.js";
9
9
  import { EInputVariant as ae } from "../Input/constants.js";
10
- import '../../assets/TextArea.css';const te = "_textarea_rmhew_2", se = "_label_rmhew_22", re = "_s_rmhew_53", le = "_m_rmhew_60", oe = "_l_rmhew_22", a = {
11
- "textarea-wrapper": "_textarea-wrapper_rmhew_2",
10
+ import '../../assets/TextArea.css';const te = "_textarea_1b24r_2", se = "_label_1b24r_22", re = "_s_1b24r_53", le = "_m_1b24r_60", oe = "_l_1b24r_22", a = {
11
+ "textarea-wrapper": "_textarea-wrapper_1b24r_2",
12
12
  textarea: te,
13
- "has-label": "_has-label_rmhew_8",
14
- "required-mark": "_required-mark_rmhew_11",
13
+ "has-label": "_has-label_1b24r_8",
14
+ "required-mark": "_required-mark_1b24r_11",
15
15
  label: se,
16
- "has-left-slot": "_has-left-slot_rmhew_37",
17
- "active-label": "_active-label_rmhew_40",
16
+ "has-left-slot": "_has-left-slot_1b24r_37",
17
+ "active-label": "_active-label_1b24r_40",
18
18
  s: re,
19
19
  m: le,
20
20
  l: oe
21
21
  }, F = (t) => {
22
- var f, n;
22
+ var p, n;
23
23
  if (!t)
24
24
  return null;
25
25
  switch (t.addonType) {
26
26
  case "icon": {
27
- const p = (f = t.addonContent) == null ? void 0 : f.includes("16px"), b = (n = t.addonContent) == null ? void 0 : n.includes("24px");
27
+ const b = (p = t.addonContent) == null ? void 0 : p.includes("16px"), x = (n = t.addonContent) == null ? void 0 : n.includes("24px");
28
28
  return /* @__PURE__ */ o(
29
29
  $,
30
30
  {
31
31
  style: {
32
32
  "--icon-size": i({
33
- "16px": p,
34
- "24px": b
33
+ "16px": b,
34
+ "24px": x
35
35
  })
36
36
  },
37
37
  className: e["addon-icon"],
@@ -46,18 +46,18 @@ import '../../assets/TextArea.css';const te = "_textarea_rmhew_2", se = "_label_
46
46
  }
47
47
  }, ne = K(
48
48
  Q(
49
- (t, f) => {
49
+ (t, p) => {
50
50
  const {
51
51
  value: n,
52
- className: p,
53
- wrapperClassName: b,
52
+ className: b,
53
+ wrapperClassName: x,
54
54
  variant: R = ae.DefaultGray,
55
- autofocus: w,
55
+ autofocus: N,
56
56
  readonly: s,
57
57
  status: T,
58
58
  id: z,
59
- onFocus: N,
60
- onBlur: g,
59
+ onFocus: g,
60
+ onBlur: C,
61
61
  label: d,
62
62
  onChange: c,
63
63
  withClearButton: j,
@@ -65,46 +65,46 @@ import '../../assets/TextArea.css';const te = "_textarea_rmhew_2", se = "_label_
65
65
  rightAddon: E,
66
66
  leftAddon: L,
67
67
  size: m = "m",
68
- required: C,
68
+ required: v,
69
69
  ...D
70
- } = t, [h, v] = B(w), [_, A] = B(!!n), r = U(null), G = Z(r, f);
70
+ } = t, [f, A] = B(N), [_, w] = B(!!n), r = U(null), G = Z(r, p);
71
71
  X(() => {
72
- w && v(!0);
73
- }, [w]);
72
+ N && A(!0);
73
+ }, [N]);
74
74
  const I = Y(r.current), M = (l) => {
75
75
  const q = l.currentTarget.value;
76
- g == null || g(l), v(!1), A(!!q);
76
+ C == null || C(l), A(!1), w(!!q);
77
77
  }, O = (l) => {
78
- s || (v(!0), N == null || N(l));
78
+ s || (A(!0), g == null || g(l));
79
79
  }, P = () => {
80
- r != null && r.current && (r.current.value = "", r.current.focus(), A(!1), I(), c == null || c({
80
+ r != null && r.current && (r.current.value = "", r.current.focus(), w(!1), I(), c == null || c({
81
81
  target: { value: "" }
82
82
  }));
83
83
  }, S = (l) => {
84
84
  const q = l.target.value;
85
- A(!!q), I(), c == null || c(l);
86
- }, x = F(L), y = F(E), W = {
85
+ w(!!q), I(), c == null || c(l);
86
+ }, h = F(L), y = F(E), W = {
87
87
  [e.readonly]: u || s,
88
- [e.focused]: h,
88
+ [e.focused]: f,
89
89
  [e.disabled]: u || s,
90
- [e["has-left-slot"]]: !!x,
90
+ [e["has-left-slot"]]: !!h,
91
91
  [e["has-right-slot"]]: !!y,
92
92
  [a["has-label"]]: !!d
93
- }, k = h || _ || !!n, H = i(
93
+ }, k = f || _ || !!n, H = i(
94
94
  e.label,
95
95
  a.label,
96
96
  {
97
97
  [a["active-label"]]: k,
98
98
  [e.disabled]: u || s,
99
- [a["has-left-slot"]]: !!x
99
+ [a["has-left-slot"]]: !!h
100
100
  },
101
- p,
101
+ b,
102
102
  e[m]
103
103
  ), J = i(
104
104
  a.textarea,
105
105
  e.input,
106
106
  W,
107
- p,
107
+ b,
108
108
  [e[R], a[m], e[m], e[T ?? ""]]
109
109
  );
110
110
  return /* @__PURE__ */ V(
@@ -119,14 +119,14 @@ import '../../assets/TextArea.css';const te = "_textarea_rmhew_2", se = "_label_
119
119
  e[m],
120
120
  {
121
121
  [e.disabled]: u || s,
122
- [e.focused]: h
122
+ [e.focused]: f
123
123
  },
124
- b
124
+ x
125
125
  ),
126
126
  children: [
127
127
  d && /* @__PURE__ */ V("label", { htmlFor: z, className: H, children: [
128
128
  d,
129
- C && (_ || h) && /* @__PURE__ */ o(
129
+ v && (_ || f) && /* @__PURE__ */ o(
130
130
  "span",
131
131
  {
132
132
  className: a["required-mark"],
@@ -134,7 +134,7 @@ import '../../assets/TextArea.css';const te = "_textarea_rmhew_2", se = "_label_
134
134
  }
135
135
  )
136
136
  ] }),
137
- x && /* @__PURE__ */ o(
137
+ h && /* @__PURE__ */ o(
138
138
  "span",
139
139
  {
140
140
  className: i(e["left-slot"], {
@@ -142,7 +142,7 @@ import '../../assets/TextArea.css';const te = "_textarea_rmhew_2", se = "_label_
142
142
  [e["has-label"]]: !!d
143
143
  }),
144
144
  "data-testid": "left-addon",
145
- children: x
145
+ children: h
146
146
  }
147
147
  ),
148
148
  /* @__PURE__ */ o(
@@ -156,7 +156,7 @@ import '../../assets/TextArea.css';const te = "_textarea_rmhew_2", se = "_label_
156
156
  readOnly: s,
157
157
  value: n,
158
158
  onChange: S,
159
- required: C,
159
+ required: v,
160
160
  ...D
161
161
  }
162
162
  ),
@@ -171,7 +171,7 @@ import '../../assets/TextArea.css';const te = "_textarea_rmhew_2", se = "_label_
171
171
  children: y
172
172
  }
173
173
  ),
174
- C && !_ && !h && /* @__PURE__ */ o(
174
+ v && !_ && !f && /* @__PURE__ */ o(
175
175
  "span",
176
176
  {
177
177
  className: a["required-mark"],
@@ -1,6 +1,6 @@
1
1
  import { Button as e } from "./Button/Button.js";
2
2
  import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as i, EButtonVariantDefault as m, EButtonVariantOutline as f, EButtonVariantRound as x } from "./Button/constants.js";
3
- import { I as S } from "../Input-WnjLXNpw.js";
3
+ import { I as S } from "../Input-CbgqYgLo.js";
4
4
  import { EInputSize as u, EInputStatus as l, EInputVariant as s } from "./Input/constants.js";
5
5
  import { TextArea as c } from "./TextArea/TextArea.js";
6
6
  import { InputPassword as I } from "./InputPassword/InputPassword.js";
@@ -1,6 +1,6 @@
1
1
  import l, { useId as u, useMemo as f } from "react";
2
- import { z as p, U as h, a as v, l as E, f as b, W as $ } from "./label-y3ANLTNC.js";
3
- import { W as H, H as W } from "./keyboard-B0lm_zyn.js";
2
+ import { z as p, U as h, a as v, l as E, f as b, W as $ } from "./label-D4GFpe5F.js";
3
+ import { W as H, H as W } from "./keyboard-mgWkd2Vh.js";
4
4
  let P = "div";
5
5
  function _(a, i) {
6
6
  let d = `headlessui-control-${u()}`, [o, n] = p(), [m, s] = h(), c = v(), { disabled: e = c || !1, ...t } = a, r = f(() => ({ disabled: e }), [e]);
@@ -1,4 +1,4 @@
1
- import { u as N, a as v } from "./keyboard-B0lm_zyn.js";
1
+ import { u as N, a as v } from "./keyboard-mgWkd2Vh.js";
2
2
  let m = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(","), F = ["[data-autofocus]"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
3
3
  var h = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e[e.AutoFocus = 64] = "AutoFocus", e))(h || {}), x = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(x || {}), A = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(A || {});
4
4
  function y(e = document.body) {
@@ -1,4 +1,4 @@
1
- import { W as t, H as a } from "./keyboard-B0lm_zyn.js";
1
+ import { W as t, H as a } from "./keyboard-mgWkd2Vh.js";
2
2
  let l = "span";
3
3
  var p = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(p || {});
4
4
  function s(e, n) {
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { Button as e } from "./components/Button/Button.js";
2
2
  import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as m, EButtonVariantDefault as f, EButtonVariantOutline as i, EButtonVariantRound as x } from "./components/Button/constants.js";
3
- import { I as u } from "./Input-WnjLXNpw.js";
3
+ import { I as u } from "./Input-CbgqYgLo.js";
4
4
  import { EInputSize as S, EInputStatus as E, EInputVariant as l } from "./components/Input/constants.js";
5
5
  import { TextArea as c } from "./components/TextArea/TextArea.js";
6
6
  import { InputPassword as I } from "./components/InputPassword/InputPassword.js";