mimir-ui-kit 1.37.5 → 1.37.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -36,6 +36,8 @@ export type TProps = {
36
36
  linkClassName?: string;
37
37
  /** Флаг, указывающий, отключен ли аккордеон. */
38
38
  disabled?: boolean;
39
+ /** Флаг, указывающий, отображать ли заголовок по умолчанию */
40
+ showTitleByDefault?: boolean;
39
41
  /** Контент аккордеона. */
40
42
  children?: ReactNode | ((props: TChildrenProps) => ReactNode);
41
43
  };
@@ -1,28 +1,28 @@
1
- import { jsxs as A, Fragment as L, jsx as b } from "react/jsx-runtime";
1
+ import { jsxs as B, Fragment as K, jsx as b } from "react/jsx-runtime";
2
2
  import { c as $ } from "../../index-DIxK0V-G.js";
3
- import v, { createContext as M, useRef as oe, Fragment as ne, useReducer as de, useMemo as O, useId as re, useEffect as le, useState as se, useContext as K, forwardRef as pe } from "react";
4
- import { AccordionItem as me } from "./AccordionItem/AccordionItem.js";
5
- import { EAccordionButtonType as T, EAccordionSize as x, EAccordionLinkIconSize as G, EAccordionButtonStyle as fe, EAccordionIconType as J, EAccordionButtonIconSize as Y } from "./constants.js";
6
- import { useMediaQuery as _e } from "../../hooks/useMediaQuery/useMediaQuery.js";
7
- import { EMediaQuery as Ee } from "../../hooks/useMediaQuery/constants.js";
8
- import { Icon as Se } from "../../icons/Icon.js";
9
- import { Link as ke } from "../AnchorLink/Link.js";
10
- import { M as Z, W as U, y as q, T as Ie, o as P, a as j, H as W, I as ae, $ as be, b as ve, D as ee, u as ye, c as w } from "../../keyboard-B0lm_zyn.js";
11
- import { w as he } from "../../use-active-press-86hajhdd.js";
12
- import { e as De } from "../../use-resolve-button-type-DhFdPxnv.js";
13
- import { c as $e, i as R, u as Pe, R as ge, H as Te, s as we } from "../../open-closed-CdldUPoq.js";
14
- import { r as Ne } from "../../bugs-diTMAGNw.js";
15
- import '../../assets/Accordion.css';let Be = M(() => {
3
+ import v, { createContext as M, useRef as ne, Fragment as re, useReducer as pe, useMemo as O, useId as le, useEffect as se, useState as ae, useContext as U, forwardRef as me } from "react";
4
+ import { AccordionItem as fe } from "./AccordionItem/AccordionItem.js";
5
+ import { EAccordionButtonType as T, EAccordionSize as x, EAccordionLinkIconSize as J, EAccordionButtonStyle as _e, EAccordionIconType as Y, EAccordionButtonIconSize as Z } from "./constants.js";
6
+ import { useMediaQuery as Ee } from "../../hooks/useMediaQuery/useMediaQuery.js";
7
+ import { EMediaQuery as Se } from "../../hooks/useMediaQuery/constants.js";
8
+ import { Icon as ke } from "../../icons/Icon.js";
9
+ import { Link as Ie } from "../AnchorLink/Link.js";
10
+ import { M as ee, W as q, y as j, T as be, o as P, a as W, H as Q, I as ce, $ as ve, b as ye, D as te, u as he, c as w } from "../../keyboard-mgWkd2Vh.js";
11
+ import { w as De } from "../../use-active-press-CqLGIFz7.js";
12
+ import { e as $e } from "../../use-resolve-button-type-DhFdPxnv.js";
13
+ import { c as Pe, i as R, u as ge, x as Te, R as we, s as Ne } from "../../open-closed-D2VjDhAN.js";
14
+ import { r as Ce } from "../../bugs-diTMAGNw.js";
15
+ import '../../assets/Accordion.css';let Ae = M(() => {
16
16
  });
17
- function Ce({ value: e, children: t }) {
18
- return v.createElement(Be.Provider, { value: e }, t);
17
+ function Be({ value: e, children: t }) {
18
+ return v.createElement(Ae.Provider, { value: e }, t);
19
19
  }
20
- var te;
21
- let Ae = (te = v.startTransition) != null ? te : function(e) {
20
+ var oe;
21
+ let xe = (oe = v.startTransition) != null ? oe : function(e) {
22
22
  e();
23
23
  };
24
- var xe = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(xe || {}), Oe = ((e) => (e[e.ToggleDisclosure = 0] = "ToggleDisclosure", e[e.CloseDisclosure = 1] = "CloseDisclosure", e[e.SetButtonId = 2] = "SetButtonId", e[e.SetPanelId = 3] = "SetPanelId", e[e.SetButtonElement = 4] = "SetButtonElement", e[e.SetPanelElement = 5] = "SetPanelElement", e))(Oe || {});
25
- let Re = { 0: (e) => ({ ...e, disclosureState: j(e.disclosureState, { 0: 1, 1: 0 }) }), 1: (e) => e.disclosureState === 1 ? e : { ...e, disclosureState: 1 }, 2(e, t) {
24
+ var Oe = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Oe || {}), Re = ((e) => (e[e.ToggleDisclosure = 0] = "ToggleDisclosure", e[e.CloseDisclosure = 1] = "CloseDisclosure", e[e.SetButtonId = 2] = "SetButtonId", e[e.SetPanelId = 3] = "SetPanelId", e[e.SetButtonElement = 4] = "SetButtonElement", e[e.SetPanelElement = 5] = "SetPanelElement", e))(Re || {});
25
+ let Me = { 0: (e) => ({ ...e, disclosureState: W(e.disclosureState, { 0: 1, 1: 0 }) }), 1: (e) => e.disclosureState === 1 ? e : { ...e, disclosureState: 1 }, 2(e, t) {
26
26
  return e.buttonId === t.buttonId ? e : { ...e, buttonId: t.buttonId };
27
27
  }, 3(e, t) {
28
28
  return e.panelId === t.panelId ? e : { ...e, panelId: t.panelId };
@@ -30,160 +30,161 @@ let Re = { 0: (e) => ({ ...e, disclosureState: j(e.disclosureState, { 0: 1, 1: 0
30
30
  return e.buttonElement === t.element ? e : { ...e, buttonElement: t.element };
31
31
  }, 5(e, t) {
32
32
  return e.panelElement === t.element ? e : { ...e, panelElement: t.element };
33
- } }, Q = M(null);
34
- Q.displayName = "DisclosureContext";
35
- function V(e) {
36
- let t = K(Q);
33
+ } }, V = M(null);
34
+ V.displayName = "DisclosureContext";
35
+ function z(e) {
36
+ let t = U(V);
37
37
  if (t === null) {
38
- let i = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
39
- throw Error.captureStackTrace && Error.captureStackTrace(i, V), i;
38
+ let u = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
39
+ throw Error.captureStackTrace && Error.captureStackTrace(u, z), u;
40
40
  }
41
41
  return t;
42
42
  }
43
- let z = M(null);
44
- z.displayName = "DisclosureAPIContext";
45
- function ce(e) {
46
- let t = K(z);
43
+ let X = M(null);
44
+ X.displayName = "DisclosureAPIContext";
45
+ function ie(e) {
46
+ let t = U(X);
47
47
  if (t === null) {
48
- let i = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
49
- throw Error.captureStackTrace && Error.captureStackTrace(i, ce), i;
48
+ let u = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
49
+ throw Error.captureStackTrace && Error.captureStackTrace(u, ie), u;
50
50
  }
51
51
  return t;
52
52
  }
53
- let X = M(null);
54
- X.displayName = "DisclosurePanelContext";
55
- function Me() {
56
- return K(X);
57
- }
58
- function Fe(e, t) {
59
- return j(t.type, Re, e, t);
53
+ let G = M(null);
54
+ G.displayName = "DisclosurePanelContext";
55
+ function Fe() {
56
+ return U(G);
60
57
  }
61
- let He = ne;
62
58
  function Le(e, t) {
63
- let { defaultOpen: i = !1, ...d } = e, s = oe(null), a = q(t, Ie((c) => {
59
+ return W(t.type, Me, e, t);
60
+ }
61
+ let He = re;
62
+ function Ke(e, t) {
63
+ let { defaultOpen: u = !1, ...p } = e, s = ne(null), m = j(t, be((c) => {
64
64
  s.current = c;
65
- }, e.as === void 0 || e.as === ne)), p = de(Fe, { disclosureState: i ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: o, buttonId: r }, S] = p, l = P((c) => {
66
- S({ type: 1 });
67
- let f = ye(s);
65
+ }, e.as === void 0 || e.as === re)), a = pe(Le, { disclosureState: u ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: o, buttonId: r }, E] = a, l = P((c) => {
66
+ E({ type: 1 });
67
+ let f = he(s);
68
68
  if (!f || !r) return;
69
69
  let _ = c ? c instanceof HTMLElement ? c : c.current instanceof HTMLElement ? c.current : f.getElementById(r) : f.getElementById(r);
70
70
  _ == null || _.focus();
71
- }), y = O(() => ({ close: l }), [l]), k = O(() => ({ open: o === 0, close: l }), [o, l]), m = { ref: a };
72
- return v.createElement(Q.Provider, { value: p }, v.createElement(z.Provider, { value: y }, v.createElement(Ce, { value: l }, v.createElement($e, { value: j(o, { 0: R.Open, 1: R.Closed }) }, W({ ourProps: m, theirProps: d, slot: k, defaultTag: He, name: "Disclosure" })))));
71
+ }), y = O(() => ({ close: l }), [l]), S = O(() => ({ open: o === 0, close: l }), [o, l]), k = { ref: m };
72
+ return v.createElement(V.Provider, { value: a }, v.createElement(X.Provider, { value: y }, v.createElement(Be, { value: l }, v.createElement(Pe, { value: W(o, { 0: R.Open, 1: R.Closed }) }, Q({ ourProps: k, theirProps: p, slot: S, defaultTag: He, name: "Disclosure" })))));
73
73
  }
74
- let Ke = "button";
75
- function Ue(e, t) {
76
- let i = re(), { id: d = `headlessui-disclosure-button-${i}`, disabled: s = !1, autoFocus: a = !1, ...p } = e, [o, r] = V("Disclosure.Button"), S = Me(), l = S === null ? !1 : S === o.panelId, y = oe(null), k = q(y, t, P((n) => {
77
- if (!l) return r({ type: 4, element: n });
78
- })), m = ae();
79
- le(() => {
80
- if (!l) return r({ type: 2, buttonId: d }), () => {
74
+ let Ue = "button";
75
+ function qe(e, t) {
76
+ let u = le(), { id: p = `headlessui-disclosure-button-${u}`, disabled: s = !1, autoFocus: m = !1, ...a } = e, [o, r] = z("Disclosure.Button"), E = Fe(), l = E === null ? !1 : E === o.panelId, y = ne(null), S = j(y, t, P((i) => {
77
+ if (!l) return r({ type: 4, element: i });
78
+ })), k = ce();
79
+ se(() => {
80
+ if (!l) return r({ type: 2, buttonId: p }), () => {
81
81
  r({ type: 2, buttonId: null });
82
82
  };
83
- }, [d, r, l]);
84
- let c = P((n) => {
85
- var E;
83
+ }, [p, r, l]);
84
+ let c = P((i) => {
85
+ var n;
86
86
  if (l) {
87
87
  if (o.disclosureState === 1) return;
88
- switch (n.key) {
88
+ switch (i.key) {
89
89
  case w.Space:
90
90
  case w.Enter:
91
- n.preventDefault(), n.stopPropagation(), r({ type: 0 }), (E = o.buttonElement) == null || E.focus();
91
+ i.preventDefault(), i.stopPropagation(), r({ type: 0 }), (n = o.buttonElement) == null || n.focus();
92
92
  break;
93
93
  }
94
- } else switch (n.key) {
94
+ } else switch (i.key) {
95
95
  case w.Space:
96
96
  case w.Enter:
97
- n.preventDefault(), n.stopPropagation(), r({ type: 0 });
97
+ i.preventDefault(), i.stopPropagation(), r({ type: 0 });
98
98
  break;
99
99
  }
100
- }), f = P((n) => {
101
- switch (n.key) {
100
+ }), f = P((i) => {
101
+ switch (i.key) {
102
102
  case w.Space:
103
- n.preventDefault();
103
+ i.preventDefault();
104
104
  break;
105
105
  }
106
- }), _ = P((n) => {
107
- var E;
108
- Ne(n.currentTarget) || s || (l ? (r({ type: 0 }), (E = o.buttonElement) == null || E.focus()) : r({ type: 0 }));
109
- }), { isFocusVisible: h, focusProps: D } = be({ autoFocus: a }), { isHovered: N, hoverProps: I } = ve({ isDisabled: s }), { pressed: g, pressProps: B } = he({ disabled: s }), F = O(() => ({ open: o.disclosureState === 0, hover: N, active: g, disabled: s, focus: h, autofocus: a }), [o, N, g, h, s, a]), C = De(e, o.buttonElement), H = l ? ee({ ref: k, type: C, disabled: s || void 0, autoFocus: a, onKeyDown: c, onClick: _ }, D, I, B) : ee({ ref: k, id: d, type: C, "aria-expanded": o.disclosureState === 0, "aria-controls": o.panelElement ? o.panelId : void 0, disabled: s || void 0, autoFocus: a, onKeyDown: c, onKeyUp: f, onClick: _ }, D, I, B);
110
- return W({ mergeRefs: m, ourProps: H, theirProps: p, slot: F, defaultTag: Ke, name: "Disclosure.Button" });
106
+ }), _ = P((i) => {
107
+ var n;
108
+ Ce(i.currentTarget) || s || (l ? (r({ type: 0 }), (n = o.buttonElement) == null || n.focus()) : r({ type: 0 }));
109
+ }), { isFocusVisible: h, focusProps: D } = ve({ autoFocus: m }), { isHovered: N, hoverProps: C } = ye({ isDisabled: s }), { pressed: I, pressProps: g } = De({ disabled: s }), F = O(() => ({ open: o.disclosureState === 0, hover: N, active: I, disabled: s, focus: h, autofocus: m }), [o, N, I, h, s, m]), A = $e(e, o.buttonElement), L = l ? te({ ref: S, type: A, disabled: s || void 0, autoFocus: m, onKeyDown: c, onClick: _ }, D, C, g) : te({ ref: S, id: p, type: A, "aria-expanded": o.disclosureState === 0, "aria-controls": o.panelElement ? o.panelId : void 0, disabled: s || void 0, autoFocus: m, onKeyDown: c, onKeyUp: f, onClick: _ }, D, C, g);
110
+ return Q({ mergeRefs: k, ourProps: L, theirProps: a, slot: F, defaultTag: Ue, name: "Disclosure.Button" });
111
111
  }
112
- let qe = "div", je = Z.RenderStrategy | Z.Static;
113
- function We(e, t) {
114
- let i = re(), { id: d = `headlessui-disclosure-panel-${i}`, transition: s = !1, ...a } = e, [p, o] = V("Disclosure.Panel"), { close: r } = ce("Disclosure.Panel"), S = ae(), [l, y] = se(null), k = q(t, P((D) => {
115
- Ae(() => o({ type: 5, element: D }));
112
+ let je = "div", We = ee.RenderStrategy | ee.Static;
113
+ function Qe(e, t) {
114
+ let u = le(), { id: p = `headlessui-disclosure-panel-${u}`, transition: s = !1, ...m } = e, [a, o] = z("Disclosure.Panel"), { close: r } = ie("Disclosure.Panel"), E = ce(), [l, y] = ae(null), S = j(t, P((D) => {
115
+ xe(() => o({ type: 5, element: D }));
116
116
  }), y);
117
- le(() => (o({ type: 3, panelId: d }), () => {
117
+ se(() => (o({ type: 3, panelId: p }), () => {
118
118
  o({ type: 3, panelId: null });
119
- }), [d, o]);
120
- let m = Pe(), [c, f] = ge(s, l, m !== null ? (m & R.Open) === R.Open : p.disclosureState === 0), _ = O(() => ({ open: p.disclosureState === 0, close: r }), [p.disclosureState, r]), h = { ref: k, id: d, ...Te(f) };
121
- return v.createElement(we, null, v.createElement(X.Provider, { value: p.panelId }, W({ mergeRefs: S, ourProps: h, theirProps: a, slot: _, defaultTag: qe, features: je, visible: c, name: "Disclosure.Panel" })));
119
+ }), [p, o]);
120
+ let k = ge(), [c, f] = Te(s, l, k !== null ? (k & R.Open) === R.Open : a.disclosureState === 0), _ = O(() => ({ open: a.disclosureState === 0, close: r }), [a.disclosureState, r]), h = { ref: S, id: p, ...we(f) };
121
+ return v.createElement(Ne, null, v.createElement(G.Provider, { value: a.panelId }, Q({ mergeRefs: E, ourProps: h, theirProps: m, slot: _, defaultTag: je, features: We, visible: c, name: "Disclosure.Panel" })));
122
122
  }
123
- let Qe = U(Le), ie = U(Ue), ue = U(We), Ve = Object.assign(Qe, { Button: ie, Panel: ue });
124
- const ze = "_accordion_1k9to_2", Xe = "_header_1k9to_13", Ge = "_disabled_1k9to_25", Je = "_title_1k9to_29", Ye = "_icon_1k9to_36", Ze = "_circle_1k9to_46", et = "_square_1k9to_53", tt = "_panel_1k9to_73", ot = "_open_1k9to_80", nt = "_m_1k9to_106", rt = "_s_1k9to_53", u = {
125
- accordion: ze,
123
+ let Ve = q(Ke), ue = q(qe), de = q(Qe), ze = Object.assign(Ve, { Button: ue, Panel: de });
124
+ const Xe = "_accordion_1k9to_2", Ge = "_header_1k9to_13", Je = "_disabled_1k9to_25", Ye = "_title_1k9to_29", Ze = "_icon_1k9to_36", et = "_circle_1k9to_46", tt = "_square_1k9to_53", ot = "_panel_1k9to_73", nt = "_open_1k9to_80", rt = "_m_1k9to_106", lt = "_s_1k9to_53", d = {
125
+ accordion: Xe,
126
126
  "is-link": "_is-link_1k9to_9",
127
- header: Xe,
128
- disabled: Ge,
129
- title: Je,
127
+ header: Ge,
128
+ disabled: Je,
129
+ title: Ye,
130
130
  "title-uppercase": "_title-uppercase_1k9to_32",
131
- icon: Ye,
131
+ icon: Ze,
132
132
  "icon-container": "_icon-container_1k9to_39",
133
- circle: Ze,
134
- square: et,
135
- panel: tt,
136
- open: ot,
133
+ circle: et,
134
+ square: tt,
135
+ panel: ot,
136
+ open: nt,
137
137
  "link-open": "_link-open_1k9to_102",
138
- m: nt,
139
- s: rt,
138
+ m: rt,
139
+ s: lt,
140
140
  "wrapper-button": "_wrapper-button_1k9to_134"
141
- }, It = pe(
141
+ }, bt = me(
142
142
  ({
143
143
  title: e,
144
144
  disabled: t,
145
- buttonType: i = T.BUTTON,
146
- children: d,
147
- linkClassName: s,
145
+ buttonType: u = T.BUTTON,
146
+ children: p,
147
+ showTitleByDefault: s = !0,
148
+ linkClassName: m,
148
149
  size: a = x.M,
149
- titleUppercase: p,
150
- buttonStyle: o = fe.CIRCLE,
151
- iconType: r = J.ARROW,
152
- classNameTitle: S,
153
- classNameContent: l,
154
- classNameAccordion: y,
150
+ titleUppercase: o,
151
+ buttonStyle: r = _e.CIRCLE,
152
+ iconType: E = Y.ARROW,
153
+ classNameTitle: l,
154
+ classNameContent: y,
155
+ classNameAccordion: S,
155
156
  classNameIconButton: k,
156
- subtitleNode: m,
157
- onlyOpenSubtitleNode: c,
158
- classNameSubtitleContainer: f
159
- }, _) => {
160
- const [h, D] = se(!1), N = _e(Ee.XS1), I = i === T.LINK, g = {
161
- [u["is-link"]]: I
162
- }, B = () => {
163
- t || D((n) => !n);
164
- }, F = a === x.S ? G.S : G.M, C = {
157
+ subtitleNode: c,
158
+ onlyOpenSubtitleNode: f,
159
+ classNameSubtitleContainer: _
160
+ }, h) => {
161
+ const [D, N] = ae(!1), C = Ee(Se.XS1), I = u === T.LINK, g = {
162
+ [d["is-link"]]: I
163
+ }, F = () => {
164
+ t || N((n) => !n);
165
+ }, A = a === x.S ? J.S : J.M, L = (n) => ({
165
166
  variant: "anchor",
166
- size: N ? "s" : "l",
167
+ size: C ? "s" : "l",
167
168
  rightIcon: {
168
- iconName: F,
169
+ iconName: A,
169
170
  className: $({
170
- [u["link-open"]]: h
171
+ [d["link-open"]]: n
171
172
  })
172
173
  }
173
- }, H = (n) => {
174
- const E = () => r === J.DROPDOWN ? a === x.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : a === x.S ? Y.S : Y.M;
175
- switch (i) {
174
+ }), i = (n) => {
175
+ const H = () => E === Y.DROPDOWN ? a === x.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : a === x.S ? Z.S : Z.M;
176
+ switch (u) {
176
177
  case T.LINK:
177
178
  return e;
178
179
  case T.BUTTON:
179
- return /* @__PURE__ */ A(L, { children: [
180
+ return /* @__PURE__ */ B(K, { children: [
180
181
  /* @__PURE__ */ b(
181
182
  "span",
182
183
  {
183
184
  className: $(
184
- u.title,
185
- S,
186
- p && u["title-uppercase"]
185
+ d.title,
186
+ l,
187
+ o && d["title-uppercase"]
187
188
  ),
188
189
  children: e
189
190
  }
@@ -192,18 +193,18 @@ const ze = "_accordion_1k9to_2", Xe = "_header_1k9to_13", Ge = "_disabled_1k9to_
192
193
  "div",
193
194
  {
194
195
  className: $(
195
- u["icon-container"],
196
- n && u.open,
197
- t && u.disabled,
198
- u[o],
196
+ d["icon-container"],
197
+ n && d.open,
198
+ t && d.disabled,
199
+ d[r],
199
200
  k
200
201
  ),
201
202
  "data-testid": "accordion-icon-container",
202
203
  children: /* @__PURE__ */ b(
203
- Se,
204
+ ke,
204
205
  {
205
- iconName: E(),
206
- className: u.icon,
206
+ iconName: H(),
207
+ className: d.icon,
207
208
  "data-testid": "accordion-icon"
208
209
  }
209
210
  )
@@ -214,57 +215,57 @@ const ze = "_accordion_1k9to_2", Xe = "_header_1k9to_13", Ge = "_disabled_1k9to_
214
215
  return null;
215
216
  }
216
217
  };
217
- return /* @__PURE__ */ A(L, { children: [
218
+ return /* @__PURE__ */ B(K, { children: [
218
219
  /* @__PURE__ */ b(
219
220
  "div",
220
221
  {
221
222
  className: $(
222
- u.accordion,
223
- u[a],
223
+ d.accordion,
224
+ d[a],
224
225
  g,
225
- y
226
+ S
226
227
  ),
227
- children: /* @__PURE__ */ b(Ve, { ref: _, children: ({ open: n, close: E }) => /* @__PURE__ */ A(L, { children: [
228
- /* @__PURE__ */ b(
229
- ie,
228
+ children: /* @__PURE__ */ b(ze, { ref: h, children: ({ open: n, close: H }) => /* @__PURE__ */ B(K, { children: [
229
+ (!n || s) && /* @__PURE__ */ b(
230
+ ue,
230
231
  {
231
232
  disabled: t,
232
- as: I ? ke : T.BUTTON,
233
- onClick: B,
233
+ as: I ? Ie : T.BUTTON,
234
+ onClick: F,
234
235
  className: $({
235
- [u.header]: !I,
236
- [u.disabled]: t,
237
- [s ?? ""]: I && s
236
+ [d.header]: !I,
237
+ [d.disabled]: t,
238
+ [m ?? ""]: I && m
238
239
  }),
239
- ...I ? C : {},
240
- children: H(n)
240
+ ...I ? L(n) : {},
241
+ children: (!n || s) && i(n)
241
242
  }
242
243
  ),
243
244
  n && /* @__PURE__ */ b(
244
- ue,
245
+ de,
245
246
  {
246
247
  "data-testid": "accordion-panel",
247
248
  className: $(
248
- u.panel,
249
- l,
249
+ d.panel,
250
+ y,
250
251
  g
251
252
  ),
252
- children: /* @__PURE__ */ b(me, { size: a, children: typeof d == "function" ? d({
253
+ children: /* @__PURE__ */ b(fe, { size: a, children: typeof p == "function" ? p({
253
254
  open: n,
254
- close: E
255
- }) : d })
255
+ close: H
256
+ }) : p })
256
257
  }
257
258
  )
258
259
  ] }) })
259
260
  }
260
261
  ),
261
- (m || c) && /* @__PURE__ */ A("div", { className: f, children: [
262
- m,
263
- h && c
262
+ (c || f) && /* @__PURE__ */ B("div", { className: _, children: [
263
+ c,
264
+ D && f
264
265
  ] })
265
266
  ] });
266
267
  }
267
268
  );
268
269
  export {
269
- It as Accordion
270
+ bt as Accordion
270
271
  };
@@ -1,10 +1,10 @@
1
1
  import { jsxs as O, jsx as x } from "react/jsx-runtime";
2
- 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";
2
+ 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-mgWkd2Vh.js";
3
3
  import $, { useId as Q, useState as F, useMemo as Y, useCallback as Z, forwardRef as ee, useEffect as ae } from "react";
4
- import { w as re } from "../../use-active-press-86hajhdd.js";
5
- 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";
4
+ import { w as re } from "../../use-active-press-CqLGIFz7.js";
5
+ 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-D4GFpe5F.js";
6
6
  import { r as ue } from "../../bugs-diTMAGNw.js";
7
- import { H as fe } from "../../field-FJ34aSs4.js";
7
+ import { H as fe } from "../../field-C1kt7aNM.js";
8
8
  import { c as me } from "../../index-DIxK0V-G.js";
9
9
  import { Icon as pe } from "../../icons/Icon.js";
10
10
  import '../../assets/CheckboxMimir.css';let he = "span";
@@ -1,15 +1,15 @@
1
1
  import { jsxs as g, jsx as n, Fragment as B } from "react/jsx-runtime";
2
2
  import { c as l } from "../../index-DIxK0V-G.js";
3
- import { forwardRef as ie, useRef as R, useState as S, useEffect as E, useMemo as le } from "react";
3
+ import { forwardRef as ie, useRef as R, useState as S, useEffect as j, useMemo as le } from "react";
4
4
  import { EMultiSelectSearchSize as M } from "./constants.js";
5
- import { getInitialInputValue as F, mapSizeToInputSize as P, getDropdownArrowIcon as re, joinSelectedItems as j } from "./utils.js";
5
+ import { getInitialInputValue as E, mapSizeToInputSize as F, getDropdownArrowIcon as re, joinSelectedItems as P } from "./utils.js";
6
6
  import { Icon as ce } from "../../icons/Icon.js";
7
7
  import { Button as ae } from "../Button/Button.js";
8
8
  import { CheckboxMimir as ue } from "../CheckboxMimir/CheckboxMimir.js";
9
9
  import { Chip as de } from "../Chip/Chip.js";
10
10
  import { I as G } from "../../Input-BYrIS5GU.js";
11
11
  import { EInputVariant as pe } from "../Input/constants.js";
12
- import { H as me, U as W, G as H, K as _e, W as he } from "../../combobox-CDU06zJj.js";
12
+ import { H as me, U as H, G as J, K as _e, j as he } from "../../combobox-BpYucpxz.js";
13
13
  import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke = "_container_17kql_9", qe = "_full_17kql_27", ge = "_button_17kql_39", be = "_options_17kql_53", ve = "_top_17kql_64", Ne = "_bottom_17kql_69", Ie = "_m_17kql_2", we = "_l_17kql_111", Ce = "_focused_17kql_129", Se = "_option_17kql_53", Me = "_chip_17kql_158", xe = "_clear_17kql_183", e = {
14
14
  "multi-select-search": "_multi-select-search_17kql_2",
15
15
  disabled: fe,
@@ -40,14 +40,14 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
40
40
  "required-mark": "_required-mark_17kql_178",
41
41
  clear: xe,
42
42
  "icon-button": "_icon-button_17kql_192"
43
- }, Pe = ie(
44
- (J, K) => {
43
+ }, Fe = ie(
44
+ (K, U) => {
45
45
  const {
46
46
  placeholder: x,
47
47
  size: i = M.L,
48
48
  value: a,
49
49
  onChange: s,
50
- full: U,
50
+ full: W,
51
51
  showArrow: Q = !0,
52
52
  items: m = [],
53
53
  classNameOption: X,
@@ -63,13 +63,13 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
63
63
  chipVariant: Z = "sapphire",
64
64
  disableInput: _ = !1,
65
65
  autocomplete: O = "on"
66
- } = J, w = R(null), p = R(null), [b, h] = S(!1), [f, k] = S(
67
- () => F(a, d)
66
+ } = K, w = R(null), p = R(null), [b, h] = S(!1), [f, k] = S(
67
+ () => E(a, d)
68
68
  ), [u, q] = S(
69
69
  a || []
70
70
  );
71
- E(() => {
72
- a && (q(a), JSON.stringify(a) !== JSON.stringify(u) && k(F(a, d)));
71
+ j(() => {
72
+ a && (q(a), JSON.stringify(a) !== JSON.stringify(u) && k(E(a, d)));
73
73
  }, [a, d, u]);
74
74
  const A = le(() => {
75
75
  var o;
@@ -80,7 +80,7 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
80
80
  );
81
81
  }, [y, m, f]), $ = (t) => {
82
82
  q(t), s == null || s(t);
83
- const o = j(t, d);
83
+ const o = P(t, d);
84
84
  k(o), h(!0), setTimeout(() => {
85
85
  if (p.current) {
86
86
  p.current.focus(), p.current.scrollLeft = p.current.scrollWidth;
@@ -100,7 +100,7 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
100
100
  const o = u.filter(
101
101
  (c) => c.id !== t.id
102
102
  );
103
- q(o), s == null || s(o), k(j(o, d));
103
+ q(o), s == null || s(o), k(P(o, d));
104
104
  }, T = () => h((t) => !t), te = (t) => {
105
105
  t.preventDefault(), t.currentTarget.focus();
106
106
  const o = t.currentTarget.value.length;
@@ -112,7 +112,7 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
112
112
  }, se = (t) => {
113
113
  _ && t.target.blur();
114
114
  };
115
- return E(() => {
115
+ return j(() => {
116
116
  const t = (o) => {
117
117
  w.current && !w.current.contains(o.target) && !o.defaultPrevented && h(!1);
118
118
  };
@@ -127,11 +127,11 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
127
127
  as: "div",
128
128
  value: u,
129
129
  className: l(e["multi-select-search"], {
130
- [e.full]: U,
130
+ [e.full]: W,
131
131
  [e.disabled]: r
132
132
  }),
133
133
  onChange: $,
134
- ref: K,
134
+ ref: U,
135
135
  disabled: r,
136
136
  virtual: { options: A },
137
137
  children: /* @__PURE__ */ g(
@@ -143,17 +143,17 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
143
143
  children: [
144
144
  _ && /* @__PURE__ */ g("div", { className: e["input-container"], children: [
145
145
  /* @__PURE__ */ n(
146
- W,
146
+ H,
147
147
  {
148
148
  disabled: r,
149
149
  style: { width: "100%" },
150
150
  onClick: T,
151
151
  children: /* @__PURE__ */ n(
152
- H,
152
+ J,
153
153
  {
154
154
  as: G,
155
155
  label: x,
156
- size: P(i),
156
+ size: F(i),
157
157
  className: l(e["multi-select-input"], {
158
158
  [e["multi-select-input-disabled"]]: _ && I
159
159
  }),
@@ -195,11 +195,11 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
195
195
  )
196
196
  ] }),
197
197
  !_ && /* @__PURE__ */ n(
198
- H,
198
+ J,
199
199
  {
200
200
  as: G,
201
201
  label: x,
202
- size: P(i),
202
+ size: F(i),
203
203
  className: e["multi-select-input"],
204
204
  rightSlotClassName: e["right-slot"],
205
205
  requiredMarkClassName: e["required-mark"],
@@ -214,7 +214,7 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
214
214
  rightAddon: {
215
215
  addonType: "react-node",
216
216
  addonContent: Q && /* @__PURE__ */ n(
217
- W,
217
+ H,
218
218
  {
219
219
  className: l(e.button, {
220
220
  [e.disabled]: r
@@ -323,5 +323,5 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
323
323
  }
324
324
  );
325
325
  export {
326
- Pe as MultiSelectSearch
326
+ Fe as MultiSelectSearch
327
327
  };
@@ -1,10 +1,10 @@
1
1
  import { jsxs as ee, jsx as L, Fragment as _e } from "react/jsx-runtime";
2
- import { K as V, w as ye, a as oe, z as te, U as ie, b as ke, T as Oe, j as we, u as Pe, I as Ee, G as Te, p as De } from "../../label-y3ANLTNC.js";
3
- import { W, y as z, o as U, H as K, s as se, n as ne, $ as le, b as de, D as ue, a as Ce, u as Ge, c as N } from "../../keyboard-B0lm_zyn.js";
2
+ import { K as V, w as ye, a as oe, z as te, U as ie, b as ke, T as Oe, j as we, u as Pe, I as Ee, G as Te, p as De } from "../../label-D4GFpe5F.js";
3
+ import { W, y as z, o as U, H as K, s as se, n as ne, $ as le, b as de, D as ue, a as Ce, u as Ge, c as N } from "../../keyboard-mgWkd2Vh.js";
4
4
  import E, { createContext as ce, useId as q, useReducer as xe, useRef as B, useMemo as T, useCallback as Fe, useContext as pe, forwardRef as Ne } from "react";
5
5
  import { u as Ae } from "../../use-by-comparator-CVuf9KBq.js";
6
6
  import { r as fe } from "../../bugs-diTMAGNw.js";
7
- import { P as re, F as H, T as ae, _ as Ie } from "../../focus-management-XwV-9qkO.js";
7
+ import { P as re, F as H, T as ae, _ as Ie } from "../../focus-management-DOYCPyGg.js";
8
8
  import { c as M } from "../../index-DIxK0V-G.js";
9
9
  import '../../assets/RadioGroup.css';var Se = ((e) => (e[e.RegisterOption = 0] = "RegisterOption", e[e.UnregisterOption = 1] = "UnregisterOption", e))(Se || {});
10
10
  let Le = { 0(e, r) {