mimir-ui-kit 1.37.13 → 1.37.14

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,5 +1,5 @@
1
1
  import { jsxs as A, Fragment as K, jsx as I } from "react/jsx-runtime";
2
- import { c as D } from "../../index-DIxK0V-G.js";
2
+ import { c as x } from "../../index-DIxK0V-G.js";
3
3
  import b, { createContext as M, useRef as oe, 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
4
  import { AccordionItem as fe } from "./AccordionItem/AccordionItem.js";
5
5
  import { EAccordionButtonType as g, EAccordionSize as B, EAccordionLinkIconSize as J, EAccordionButtonStyle as _e, EAccordionIconType as Y, EAccordionButtonIconSize as Z } from "./constants.js";
@@ -7,10 +7,10 @@ import { useMediaQuery as ye } from "../../hooks/useMediaQuery/useMediaQuery.js"
7
7
  import { EMediaQuery as Ee } from "../../hooks/useMediaQuery/constants.js";
8
8
  import { Icon as Se } from "../../icons/Icon.js";
9
9
  import { Link as ke } from "../AnchorLink/Link.js";
10
- import { M as ee, W as q, y as j, T as Ie, o as $, a as W, H as Q, I as ce, $ as be, b as ve, D as te, u as xe, c as T } from "../../keyboard-mgWkd2Vh.js";
11
- import { w as he } from "../../use-active-press-CqLGIFz7.js";
12
- import { e as De } from "../../use-resolve-button-type-DhFdPxnv.js";
13
- import { c as $e, i as R, u as Pe, x as ge, R as Te, s as we } from "../../open-closed-D2VjDhAN.js";
10
+ import { M as ee, W as q, y as j, T as Ie, o as D, a as W, H as Q, I as ce, $ as be, b as ve, D as te, u as $e, c as T } from "../../keyboard-B0lm_zyn.js";
11
+ import { w as he } from "../../use-active-press-86hajhdd.js";
12
+ import { e as xe } from "../../use-resolve-button-type-DhFdPxnv.js";
13
+ import { c as De, i as R, u as Pe, R as ge, H as Te, s as we } from "../../open-closed-CdldUPoq.js";
14
14
  import { r as Ne } from "../../bugs-diTMAGNw.js";
15
15
  import '../../assets/Accordion.css';let Ce = M(() => {
16
16
  });
@@ -62,18 +62,18 @@ let He = re;
62
62
  function Ke(e, t) {
63
63
  let { defaultOpen: u = !1, ...p } = e, s = oe(null), m = j(t, Ie((c) => {
64
64
  s.current = c;
65
- }, e.as === void 0 || e.as === re)), a = pe(Le, { disclosureState: u ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: n, buttonId: r }, y] = a, l = $((c) => {
65
+ }, e.as === void 0 || e.as === re)), a = pe(Le, { disclosureState: u ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: n, buttonId: r }, y] = a, l = D((c) => {
66
66
  y({ type: 1 });
67
- let f = xe(s);
67
+ let f = $e(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
71
  }), v = O(() => ({ close: l }), [l]), E = O(() => ({ open: n === 0, close: l }), [n, l]), S = { ref: m };
72
- return b.createElement(V.Provider, { value: a }, b.createElement(X.Provider, { value: v }, b.createElement(Ae, { value: l }, b.createElement($e, { value: W(n, { 0: R.Open, 1: R.Closed }) }, Q({ ourProps: S, theirProps: p, slot: E, defaultTag: He, name: "Disclosure" })))));
72
+ return b.createElement(V.Provider, { value: a }, b.createElement(X.Provider, { value: v }, b.createElement(Ae, { value: l }, b.createElement(De, { value: W(n, { 0: R.Open, 1: R.Closed }) }, Q({ ourProps: S, theirProps: p, slot: E, defaultTag: He, name: "Disclosure" })))));
73
73
  }
74
74
  let Ue = "button";
75
75
  function qe(e, t) {
76
- let u = le(), { id: p = `headlessui-disclosure-button-${u}`, disabled: s = !1, autoFocus: m = !1, ...a } = e, [n, r] = z("Disclosure.Button"), y = Fe(), l = y === null ? !1 : y === n.panelId, v = oe(null), E = j(v, t, $((i) => {
76
+ let u = le(), { id: p = `headlessui-disclosure-button-${u}`, disabled: s = !1, autoFocus: m = !1, ...a } = e, [n, r] = z("Disclosure.Button"), y = Fe(), l = y === null ? !1 : y === n.panelId, v = oe(null), E = j(v, t, D((i) => {
77
77
  if (!l) return r({ type: 4, element: i });
78
78
  })), S = ce();
79
79
  se(() => {
@@ -81,7 +81,7 @@ function qe(e, t) {
81
81
  r({ type: 2, buttonId: null });
82
82
  };
83
83
  }, [p, r, l]);
84
- let c = $((i) => {
84
+ let c = D((i) => {
85
85
  var o;
86
86
  if (l) {
87
87
  if (n.disclosureState === 1) return;
@@ -97,28 +97,28 @@ function qe(e, t) {
97
97
  i.preventDefault(), i.stopPropagation(), r({ type: 0 });
98
98
  break;
99
99
  }
100
- }), f = $((i) => {
100
+ }), f = D((i) => {
101
101
  switch (i.key) {
102
102
  case T.Space:
103
103
  i.preventDefault();
104
104
  break;
105
105
  }
106
- }), _ = $((i) => {
106
+ }), _ = D((i) => {
107
107
  var o;
108
108
  Ne(i.currentTarget) || s || (l ? (r({ type: 0 }), (o = n.buttonElement) == null || o.focus()) : r({ type: 0 }));
109
- }), { isFocusVisible: x, focusProps: h } = be({ autoFocus: m }), { isHovered: w, hoverProps: N } = ve({ isDisabled: s }), { pressed: k, pressProps: P } = he({ disabled: s }), F = O(() => ({ open: n.disclosureState === 0, hover: w, active: k, disabled: s, focus: x, autofocus: m }), [n, w, k, x, s, m]), C = De(e, n.buttonElement), L = l ? te({ ref: E, type: C, disabled: s || void 0, autoFocus: m, onKeyDown: c, onClick: _ }, h, N, P) : te({ ref: E, id: p, type: C, "aria-expanded": n.disclosureState === 0, "aria-controls": n.panelElement ? n.panelId : void 0, disabled: s || void 0, autoFocus: m, onKeyDown: c, onKeyUp: f, onClick: _ }, h, N, P);
109
+ }), { isFocusVisible: $, focusProps: h } = be({ autoFocus: m }), { isHovered: w, hoverProps: N } = ve({ isDisabled: s }), { pressed: k, pressProps: P } = he({ disabled: s }), F = O(() => ({ open: n.disclosureState === 0, hover: w, active: k, disabled: s, focus: $, autofocus: m }), [n, w, k, $, s, m]), C = xe(e, n.buttonElement), L = l ? te({ ref: E, type: C, disabled: s || void 0, autoFocus: m, onKeyDown: c, onClick: _ }, h, N, P) : te({ ref: E, id: p, type: C, "aria-expanded": n.disclosureState === 0, "aria-controls": n.panelElement ? n.panelId : void 0, disabled: s || void 0, autoFocus: m, onKeyDown: c, onKeyUp: f, onClick: _ }, h, N, P);
110
110
  return Q({ mergeRefs: S, ourProps: L, theirProps: a, slot: F, defaultTag: Ue, name: "Disclosure.Button" });
111
111
  }
112
112
  let je = "div", We = ee.RenderStrategy | ee.Static;
113
113
  function Qe(e, t) {
114
- let u = le(), { id: p = `headlessui-disclosure-panel-${u}`, transition: s = !1, ...m } = e, [a, n] = z("Disclosure.Panel"), { close: r } = ie("Disclosure.Panel"), y = ce(), [l, v] = ae(null), E = j(t, $((h) => {
114
+ let u = le(), { id: p = `headlessui-disclosure-panel-${u}`, transition: s = !1, ...m } = e, [a, n] = z("Disclosure.Panel"), { close: r } = ie("Disclosure.Panel"), y = ce(), [l, v] = ae(null), E = j(t, D((h) => {
115
115
  Be(() => n({ type: 5, element: h }));
116
116
  }), v);
117
117
  se(() => (n({ type: 3, panelId: p }), () => {
118
118
  n({ type: 3, panelId: null });
119
119
  }), [p, n]);
120
- let S = Pe(), [c, f] = ge(s, l, S !== null ? (S & R.Open) === R.Open : a.disclosureState === 0), _ = O(() => ({ open: a.disclosureState === 0, close: r }), [a.disclosureState, r]), x = { ref: E, id: p, ...Te(f) };
121
- return b.createElement(we, null, b.createElement(G.Provider, { value: a.panelId }, Q({ mergeRefs: y, ourProps: x, theirProps: m, slot: _, defaultTag: je, features: We, visible: c, name: "Disclosure.Panel" })));
120
+ let S = Pe(), [c, f] = ge(s, l, S !== null ? (S & R.Open) === R.Open : a.disclosureState === 0), _ = O(() => ({ open: a.disclosureState === 0, close: r }), [a.disclosureState, r]), $ = { ref: E, id: p, ...Te(f) };
121
+ return b.createElement(we, null, b.createElement(G.Provider, { value: a.panelId }, Q({ mergeRefs: y, ourProps: $, theirProps: m, slot: _, defaultTag: je, features: We, visible: c, name: "Disclosure.Panel" })));
122
122
  }
123
123
  let Ve = q(Ke), ue = q(qe), de = q(Qe), ze = Object.assign(Ve, { Button: ue, Panel: de });
124
124
  const Xe = "_icon_1yk0x_2", Ge = "_open_1yk0x_15", Je = "_square_1yk0x_19", Ye = "_circle_1yk0x_23", Ze = "_disabled_1yk0x_23", et = "_accordion_1yk0x_37", tt = "_header_1yk0x_45", nt = "_title_1yk0x_61", ot = "_panel_1yk0x_88", rt = "_m_1yk0x_112", lt = "_s_1yk0x_19", d = {
@@ -157,7 +157,7 @@ const Xe = "_icon_1yk0x_2", Ge = "_open_1yk0x_15", Je = "_square_1yk0x_19", Ye =
157
157
  subtitleNode: c,
158
158
  onlyOpenSubtitleNode: f,
159
159
  classNameSubtitleContainer: _
160
- }, x) => {
160
+ }, $) => {
161
161
  const [h, w] = ae(!1), N = ye(Ee.XS1), k = u === g.LINK, P = {
162
162
  [d["is-link"]]: k
163
163
  }, F = () => {
@@ -167,7 +167,7 @@ const Xe = "_icon_1yk0x_2", Ge = "_open_1yk0x_15", Je = "_square_1yk0x_19", Ye =
167
167
  size: N ? "s" : "l",
168
168
  rightIcon: {
169
169
  iconName: C,
170
- className: D({
170
+ className: x({
171
171
  [d["link-open"]]: o
172
172
  })
173
173
  }
@@ -181,7 +181,7 @@ const Xe = "_icon_1yk0x_2", Ge = "_open_1yk0x_15", Je = "_square_1yk0x_19", Ye =
181
181
  /* @__PURE__ */ I(
182
182
  "span",
183
183
  {
184
- className: D(
184
+ className: x(
185
185
  d.title,
186
186
  l,
187
187
  n && d["title-uppercase"]
@@ -192,7 +192,7 @@ const Xe = "_icon_1yk0x_2", Ge = "_open_1yk0x_15", Je = "_square_1yk0x_19", Ye =
192
192
  /* @__PURE__ */ I(
193
193
  "div",
194
194
  {
195
- className: D(
195
+ className: x(
196
196
  d["icon-container"],
197
197
  o && d.open,
198
198
  t && d.disabled,
@@ -219,20 +219,20 @@ const Xe = "_icon_1yk0x_2", Ge = "_open_1yk0x_15", Je = "_square_1yk0x_19", Ye =
219
219
  /* @__PURE__ */ I(
220
220
  "div",
221
221
  {
222
- className: D(
222
+ className: x(
223
223
  d.accordion,
224
224
  d[a],
225
225
  P,
226
226
  E
227
227
  ),
228
- children: /* @__PURE__ */ I(ze, { ref: x, children: ({ open: o, close: H }) => /* @__PURE__ */ A(K, { children: [
228
+ children: /* @__PURE__ */ I(ze, { ref: $, children: ({ open: o, close: H }) => /* @__PURE__ */ A(K, { children: [
229
229
  (!o || s) && /* @__PURE__ */ I(
230
230
  ue,
231
231
  {
232
232
  disabled: t,
233
233
  as: k ? ke : g.BUTTON,
234
234
  onClick: F,
235
- className: D({
235
+ className: x({
236
236
  [d.header]: !k,
237
237
  [d.disabled]: t,
238
238
  [m ?? ""]: k && m
@@ -245,7 +245,7 @@ const Xe = "_icon_1yk0x_2", Ge = "_open_1yk0x_15", Je = "_square_1yk0x_19", Ye =
245
245
  de,
246
246
  {
247
247
  "data-testid": "accordion-panel",
248
- className: D(
248
+ className: x(
249
249
  d.panel,
250
250
  v,
251
251
  P
@@ -1,64 +1,60 @@
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-mgWkd2Vh.js";
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-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
- import { r as ue } from "../../bugs-diTMAGNw.js";
7
- import { H as fe } from "../../field-C1kt7aNM.js";
1
+ import { jsxs as L, jsx as p } from "react/jsx-runtime";
2
+ import { W as O, p as V, o as d, $ as W, b as X, D as q, H as z, c as D } from "../../keyboard-B0lm_zyn.js";
3
+ import h, { useId as J, useState as Q, useMemo as Y, useCallback as Z, forwardRef as ee } from "react";
4
+ import { w as re } from "../../use-active-press-86hajhdd.js";
5
+ import { u as ae, a as oe, b as te, T as ce, I as ne, G as se, j as ie, p as le, K as de } from "../../label-y3ANLTNC.js";
6
+ import { r as be } from "../../bugs-diTMAGNw.js";
7
+ import { H as ue } from "../../field-FJ34aSs4.js";
8
8
  import { c as me } from "../../index-DIxK0V-G.js";
9
- import { Icon as pe } from "../../icons/Icon.js";
10
- import '../../assets/CheckboxMimir.css';let he = "span";
11
- function ke(h, k) {
12
- let r = Q(), o = oe(), d = te(), { id: l = o || `headlessui-checkbox-${r}`, disabled: e = d || !1, autoFocus: t = !1, checked: b, defaultChecked: u, onChange: v, name: c, value: E, form: I, indeterminate: f = !1, ...H } = h, s = ce(u), [n, i] = se(b, v, s ?? !1), N = ne(), R = ie(), K = W(), [_, g] = F(!1), C = m(() => {
13
- g(!0), i == null || i(!n), K.nextFrame(() => {
14
- g(!1);
9
+ import { Icon as fe } from "../../icons/Icon.js";
10
+ import '../../assets/CheckboxMimir.css';let pe = "span";
11
+ function he(u, m) {
12
+ let n = J(), f = ae(), s = oe(), { id: i = f || `headlessui-checkbox-${n}`, disabled: e = s || !1, autoFocus: a = !1, checked: P, defaultChecked: j, onChange: y, name: v, value: F, form: I, indeterminate: l = !1, ...H } = u, o = te(j), [t, c] = ce(P, y, o ?? !1), N = ne(), R = se(), E = V(), [k, x] = Q(!1), $ = d(() => {
13
+ x(!0), c == null || c(!t), E.nextFrame(() => {
14
+ x(!1);
15
15
  });
16
- }), T = m((a) => {
17
- if (ue(a.currentTarget)) return a.preventDefault();
18
- a.preventDefault(), C();
19
- }), M = m((a) => {
20
- a.key === y.Space ? (a.preventDefault(), C()) : a.key === y.Enter && le(a.currentTarget);
21
- }), w = m((a) => a.preventDefault()), { isFocusVisible: D, focusProps: G } = X({ autoFocus: t }), { isHovered: P, hoverProps: S } = q({ isDisabled: e }), { pressed: j, pressProps: U } = re({ disabled: e }), A = z({ ref: k, id: l, role: "checkbox", "aria-checked": f ? "mixed" : n ? "true" : "false", "aria-labelledby": N, "aria-describedby": R, "aria-disabled": e ? !0 : void 0, indeterminate: f ? "true" : void 0, tabIndex: e ? void 0 : 0, onKeyUp: e ? void 0 : M, onKeyPress: e ? void 0 : w, onClick: e ? void 0 : T }, G, S, U), B = Y(() => ({ checked: n, disabled: e, hover: P, focus: D, active: j, indeterminate: f, changing: _, autofocus: t }), [n, f, e, P, D, j, _, t]), L = Z(() => {
22
- if (s !== void 0) return i == null ? void 0 : i(s);
23
- }, [i, s]);
24
- return $.createElement($.Fragment, null, c != null && $.createElement(de, { disabled: e, data: { [c]: E || "on" }, overrides: { type: "checkbox", checked: n }, form: I, onReset: L }), J({ ourProps: A, theirProps: H, slot: B, defaultTag: he, name: "Checkbox" }));
16
+ }), K = d((r) => {
17
+ if (be(r.currentTarget)) return r.preventDefault();
18
+ r.preventDefault(), $();
19
+ }), T = d((r) => {
20
+ r.key === D.Space ? (r.preventDefault(), $()) : r.key === D.Enter && le(r.currentTarget);
21
+ }), M = d((r) => r.preventDefault()), { isFocusVisible: _, focusProps: w } = W({ autoFocus: a }), { isHovered: g, hoverProps: G } = X({ isDisabled: e }), { pressed: C, pressProps: S } = re({ disabled: e }), U = q({ ref: m, id: i, role: "checkbox", "aria-checked": l ? "mixed" : t ? "true" : "false", "aria-labelledby": N, "aria-describedby": R, "aria-disabled": e ? !0 : void 0, indeterminate: l ? "true" : void 0, tabIndex: e ? void 0 : 0, onKeyUp: e ? void 0 : T, onKeyPress: e ? void 0 : M, onClick: e ? void 0 : K }, w, G, S), A = Y(() => ({ checked: t, disabled: e, hover: g, focus: _, active: C, indeterminate: l, changing: k, autofocus: a }), [t, l, e, g, _, C, k, a]), B = Z(() => {
22
+ if (o !== void 0) return c == null ? void 0 : c(o);
23
+ }, [c, o]);
24
+ return h.createElement(h.Fragment, null, v != null && h.createElement(ie, { disabled: e, data: { [v]: F || "on" }, overrides: { type: "checkbox", checked: t }, form: I, onReset: B }), z({ ourProps: U, theirProps: H, slot: A, defaultTag: pe, name: "Checkbox" }));
25
25
  }
26
- let ve = V(ke);
27
- const xe = "_container_13bjb_2", $e = "_checkbox_13bjb_8", _e = "_label_13bjb_27", ge = "_enabled_13bjb_31", p = {
28
- container: xe,
29
- checkbox: $e,
30
- label: _e,
31
- enabled: ge
26
+ let ve = O(he);
27
+ const ke = "_container_13bjb_2", xe = "_checkbox_13bjb_8", $e = "_label_13bjb_27", _e = "_enabled_13bjb_31", b = {
28
+ container: ke,
29
+ checkbox: xe,
30
+ label: $e,
31
+ enabled: _e
32
32
  }, Ne = ee(
33
- (h, k) => {
33
+ (u, m) => {
34
34
  const {
35
- checked: r,
36
- onChange: o,
37
- children: d,
38
- id: l,
35
+ checked: n,
36
+ onChange: f,
37
+ children: s,
38
+ id: i,
39
39
  isInteractive: e = !0,
40
- ...t
41
- } = h, [b, u] = F(r), v = (c) => {
42
- e && (u(c), o == null || o(c));
43
- };
44
- return ae(() => {
45
- r !== void 0 && u(r);
46
- }, [r]), /* @__PURE__ */ O(fe, { className: p.container, children: [
47
- /* @__PURE__ */ x(
40
+ ...a
41
+ } = u;
42
+ return /* @__PURE__ */ L(ue, { className: b.container, children: [
43
+ /* @__PURE__ */ p(
48
44
  ve,
49
45
  {
50
- id: l,
51
- ref: k,
52
- checked: b,
53
- onChange: v,
54
- className: me(p.checkbox, {
55
- [p.enabled]: b
46
+ id: i,
47
+ ref: m,
48
+ checked: n,
49
+ onChange: e ? f : void 0,
50
+ className: me(b.checkbox, {
51
+ [b.enabled]: n
56
52
  }),
57
- ...t,
58
- children: /* @__PURE__ */ x(pe, { iconName: "Done16px" })
53
+ ...a,
54
+ children: /* @__PURE__ */ p(fe, { iconName: "Done16px" })
59
55
  }
60
56
  ),
61
- d && /* @__PURE__ */ x(be, { htmlFor: l, className: p.label, children: d })
57
+ s && /* @__PURE__ */ p(de, { htmlFor: i, className: b.label, children: s })
62
58
  ] });
63
59
  }
64
60
  );
@@ -1,15 +1,15 @@
1
- import { jsxs as b, jsx as o, Fragment as j } from "react/jsx-runtime";
1
+ import { jsxs as b, jsx as o, Fragment as P } from "react/jsx-runtime";
2
2
  import { c as r } from "../../index-DIxK0V-G.js";
3
- import { forwardRef as ce, useRef as P, useState as E, useEffect as L, useMemo as ae } from "react";
3
+ import { forwardRef as ce, useRef as F, useState as E, useEffect as L, useMemo as ae } from "react";
4
4
  import { EMultiSelectSearchSize as O } from "./constants.js";
5
- import { getInitialInputValue as F, MULTISELECT_OPEN_EVENT as G, mapSizeToInputSize as U, getDropdownArrowIcon as ue, dispatchMultiselectOpen as I, joinSelectedItems as H } from "./utils.js";
5
+ import { getInitialInputValue as j, MULTISELECT_OPEN_EVENT as G, mapSizeToInputSize as U, getDropdownArrowIcon as ue, dispatchMultiselectOpen as I, joinSelectedItems as W } from "./utils.js";
6
6
  import { Icon as de } from "../../icons/Icon.js";
7
7
  import { Button as pe } from "../Button/Button.js";
8
8
  import { CheckboxMimir as me } from "../CheckboxMimir/CheckboxMimir.js";
9
9
  import { Chip as _e } from "../Chip/Chip.js";
10
- import { I as J } from "../../Input-BYrIS5GU.js";
10
+ import { I as H } from "../../Input-BYrIS5GU.js";
11
11
  import { EInputVariant as he } from "../Input/constants.js";
12
- import { H as fe, U as K, G as W, K as ke, j as qe } from "../../combobox-BpYucpxz.js";
12
+ import { H as fe, U as J, G as K, K as ke, W as qe } from "../../combobox-CDU06zJj.js";
13
13
  import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve = "_container_17kql_9", be = "_full_17kql_27", Ie = "_button_17kql_39", we = "_options_17kql_53", Ne = "_top_17kql_64", Ce = "_bottom_17kql_69", Se = "_m_17kql_2", Me = "_l_17kql_111", Ee = "_focused_17kql_129", Le = "_option_17kql_53", Oe = "_chip_17kql_158", Te = "_clear_17kql_183", t = {
14
14
  "multi-select-search": "_multi-select-search_17kql_2",
15
15
  disabled: ge,
@@ -64,13 +64,13 @@ import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve =
64
64
  disableInput: f = !1,
65
65
  autocomplete: z = "on",
66
66
  id: m = `multiselect-${Math.random().toString(36).slice(2, 11)}`
67
- } = $, S = P(null), _ = P(null), [k, h] = E(!1), [q, g] = E(
68
- () => F(u, p)
67
+ } = $, S = F(null), _ = F(null), [k, h] = E(!1), [q, g] = E(
68
+ () => j(u, p)
69
69
  ), [l, v] = E(
70
70
  u || []
71
71
  );
72
72
  L(() => {
73
- u && (v(u), JSON.stringify(u) !== JSON.stringify(l) && g(F(u, p)));
73
+ u && (v(u), JSON.stringify(u) !== JSON.stringify(l) && g(j(u, p)));
74
74
  }, [u, p, l]);
75
75
  const V = ae(() => {
76
76
  var n;
@@ -81,7 +81,7 @@ import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve =
81
81
  );
82
82
  }, [x, d, q, l]), ne = (e) => {
83
83
  v(e), s == null || s(e);
84
- const n = H(e, p);
84
+ const n = W(e, p);
85
85
  g(n), h(!0), I(m), setTimeout(() => {
86
86
  if (_.current) {
87
87
  _.current.focus(), _.current.scrollLeft = _.current.scrollWidth;
@@ -101,7 +101,7 @@ import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve =
101
101
  const n = l.filter(
102
102
  (a) => a.id !== e.id
103
103
  );
104
- v(n), s == null || s(n), g(H(n, p));
104
+ v(n), s == null || s(n), g(W(n, p));
105
105
  }, B = () => {
106
106
  const e = !k;
107
107
  h(e), e && I(m);
@@ -160,15 +160,15 @@ import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve =
160
160
  children: [
161
161
  f && /* @__PURE__ */ b("div", { className: t["input-container"], children: [
162
162
  /* @__PURE__ */ o(
163
- K,
163
+ J,
164
164
  {
165
165
  disabled: c,
166
166
  style: { width: "100%" },
167
167
  onClick: B,
168
168
  children: /* @__PURE__ */ o(
169
- W,
169
+ K,
170
170
  {
171
- as: J,
171
+ as: H,
172
172
  label: T,
173
173
  size: U(i),
174
174
  className: r(t["multi-select-input"], {
@@ -212,9 +212,9 @@ import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve =
212
212
  )
213
213
  ] }),
214
214
  !f && /* @__PURE__ */ o(
215
- W,
215
+ K,
216
216
  {
217
- as: J,
217
+ as: H,
218
218
  label: T,
219
219
  size: U(i),
220
220
  className: t["multi-select-input"],
@@ -233,7 +233,7 @@ import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve =
233
233
  rightAddon: {
234
234
  addonType: "react-node",
235
235
  addonContent: Y && /* @__PURE__ */ o(
236
- K,
236
+ J,
237
237
  {
238
238
  className: r(t.button, {
239
239
  [t.disabled]: c
@@ -257,7 +257,7 @@ import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve =
257
257
  ...D
258
258
  }
259
259
  ),
260
- k && /* @__PURE__ */ o(j, { children: d.length ? V.length ? /* @__PURE__ */ o(
260
+ k && /* @__PURE__ */ o(P, { children: d.length ? V.length ? /* @__PURE__ */ o(
261
261
  ke,
262
262
  {
263
263
  className: r(
@@ -279,7 +279,7 @@ import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve =
279
279
  [t["option-active"]]: n
280
280
  }
281
281
  ),
282
- children: /* @__PURE__ */ b(j, { children: [
282
+ children: /* @__PURE__ */ b(P, { children: [
283
283
  /* @__PURE__ */ b("div", { className: t["option-inner"], children: [
284
284
  e.name,
285
285
  e.bottom && /* @__PURE__ */ o("div", { children: e.bottom })
@@ -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-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";
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";
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-DOYCPyGg.js";
7
+ import { P as re, F as H, T as ae, _ as Ie } from "../../focus-management-XwV-9qkO.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) {
@@ -1,13 +1,13 @@
1
1
  import { jsx as a, jsxs as m, Fragment as D } from "react/jsx-runtime";
2
2
  import { c as l } from "../../index-DIxK0V-G.js";
3
- import { forwardRef as U, useState as j, useMemo as R, useCallback as $, useEffect as J } from "react";
3
+ import { forwardRef as U, useState as q, useMemo as W, useCallback as R, useEffect as $ } from "react";
4
4
  import { ESelectSearchSize as g } from "./constants.js";
5
- import { mapSizeToInputSize as q, getDropdownArrowIcon as Q } from "./utils.js";
6
- import { Icon as A } from "../../icons/Icon.js";
7
- import { Button as W } from "../Button/Button.js";
8
- import { I as O } from "../../Input-BYrIS5GU.js";
5
+ import { mapSizeToInputSize as A, getDropdownArrowIcon as J } from "./utils.js";
6
+ import { Icon as O } from "../../icons/Icon.js";
7
+ import { Button as Q } from "../Button/Button.js";
8
+ import { I as B } from "../../Input-BYrIS5GU.js";
9
9
  import { EInputVariant as X } from "../Input/constants.js";
10
- import { H as Y, U as B, G as M, K as Z, j as ee } from "../../combobox-BpYucpxz.js";
10
+ import { H as Y, U as M, G as j, K as Z, W as ee } from "../../combobox-CDU06zJj.js";
11
11
  import '../../assets/SelectSearch.css';const te = "_disabled_1f5f7_5", oe = "_container_1f5f7_9", ne = "_full_1f5f7_24", se = "_button_1f5f7_36", ae = "_options_1f5f7_50", ie = "_top_1f5f7_61", le = "_bottom_1f5f7_67", re = "_m_1f5f7_95", ce = "_l_1f5f7_110", de = "_option_1f5f7_50", fe = "_clear_1f5f7_164", e = {
12
12
  "select-search": "_select-search_1f5f7_2",
13
13
  disabled: te,
@@ -55,11 +55,11 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1f5f7_5", oe = "_co
55
55
  disableInput: c = !1,
56
56
  autocomplete: k = "on",
57
57
  immediate: P = !1
58
- } = E, N = String((n == null ? void 0 : n[G]) || ""), [d, p] = j(N), [v, _] = j(n), x = R(() => !I || n && (n.id || n.name) ? f : d.trim().toLowerCase() ? f.filter(
58
+ } = E, N = String((n == null ? void 0 : n[G]) || ""), [d, p] = q(N), [v, _] = q(n), x = W(() => !I || n && (n.id || n.name) ? f : d.trim().toLowerCase() ? f.filter(
59
59
  (o) => o.name.toLowerCase().includes(d.toLowerCase())
60
60
  ) : f, [d, f, n, I]), T = (o) => {
61
61
  o ? (p(o.name), _(o), s == null || s(o)) : (p(""), _(null), s == null || s({ id: "", name: "" }));
62
- }, z = $(
62
+ }, z = R(
63
63
  (o) => {
64
64
  if (c) return;
65
65
  const t = o.target.value;
@@ -69,7 +69,7 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1f5f7_5", oe = "_co
69
69
  ), H = () => {
70
70
  p(""), _(null), s == null || s({ id: "", name: "" });
71
71
  };
72
- return J(() => {
72
+ return $(() => {
73
73
  const o = !n || typeof n == "object" && !Object.keys(n).length;
74
74
  p(o ? "" : N), _(o ? null : n);
75
75
  }, [n, N]), /* @__PURE__ */ a(
@@ -95,12 +95,12 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1f5f7_5", oe = "_co
95
95
  }),
96
96
  children: [
97
97
  c && /* @__PURE__ */ m("div", { style: { position: "relative", width: "100%" }, children: [
98
- /* @__PURE__ */ a(B, { disabled: r, style: { width: "100%" }, children: /* @__PURE__ */ a(
99
- M,
98
+ /* @__PURE__ */ a(M, { disabled: r, style: { width: "100%" }, children: /* @__PURE__ */ a(
99
+ j,
100
100
  {
101
- as: O,
101
+ as: B,
102
102
  label: w,
103
- size: q(i),
103
+ size: A(i),
104
104
  className: l(e["select-input"], {
105
105
  [e["select-input-disabled"]]: c && b
106
106
  }),
@@ -116,14 +116,14 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1f5f7_5", oe = "_co
116
116
  },
117
117
  rightAddon: {
118
118
  addonType: "icon",
119
- addonContent: Q(o, i)
119
+ addonContent: J(o, i)
120
120
  },
121
121
  autocomplete: k,
122
122
  ...y
123
123
  }
124
124
  ) }),
125
125
  b && d && /* @__PURE__ */ a(
126
- W,
126
+ Q,
127
127
  {
128
128
  tabIndex: -1,
129
129
  className: l(e.clear, {
@@ -144,11 +144,11 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1f5f7_5", oe = "_co
144
144
  )
145
145
  ] }),
146
146
  !c && /* @__PURE__ */ a(
147
- M,
147
+ j,
148
148
  {
149
- as: O,
149
+ as: B,
150
150
  label: w,
151
- size: q(i),
151
+ size: A(i),
152
152
  className: e["select-input"],
153
153
  onChange: z,
154
154
  value: d,
@@ -161,14 +161,14 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1f5f7_5", oe = "_co
161
161
  rightAddon: C ? {
162
162
  addonType: "react-node",
163
163
  addonContent: C && /* @__PURE__ */ a(
164
- B,
164
+ M,
165
165
  {
166
166
  className: l(e.button, {
167
167
  [e.disabled]: r
168
168
  }),
169
169
  disabled: r,
170
170
  children: /* @__PURE__ */ a(
171
- A,
171
+ O,
172
172
  {
173
173
  iconName: i == g.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
174
174
  className: l(e["selector-icon"], {
@@ -217,7 +217,7 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1f5f7_5", oe = "_co
217
217
  t.bottom && /* @__PURE__ */ a("div", { children: t.bottom })
218
218
  ] }),
219
219
  v && v.id === t.id && /* @__PURE__ */ a(
220
- A,
220
+ O,
221
221
  {
222
222
  iconName: i === g.M ? "Done16px" : "Done24px",
223
223
  className: e["selected-icon"]
@@ -1,9 +1,9 @@
1
1
  import { jsxs as L, jsx as N } from "react/jsx-runtime";
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";
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";
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-CqLGIFz7.js";
6
+ import { w as Ce } from "../../use-active-press-86hajhdd.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";
@@ -6,11 +6,11 @@ import { ETabTrailSize as Ae } from "./constants.js";
6
6
  import { TabButtons as Se } from "./TabButtons/TabButtons.js";
7
7
  import { ETabTrailButtonVariant as Fe } from "./TabButtons/constants.js";
8
8
  import { NotificationBadge as De } from "../NotificationBadge/NotificationBadge.js";
9
- import { n as W, M as se, W as V, s as j, y as q, o as A, H as z, $ as ce, b as Ne, D as de, a as G, u as Re, c as T, t as Me } from "../../keyboard-mgWkd2Vh.js";
10
- import { w as Ce } from "../../use-active-press-CqLGIFz7.js";
9
+ import { n as W, M as se, W as V, s as j, y as q, o as A, H as z, $ as ce, b as Ne, D as de, a as G, u as Re, c as T, t as Me } from "../../keyboard-B0lm_zyn.js";
10
+ import { w as Ce } from "../../use-active-press-86hajhdd.js";
11
11
  import { e as Le } from "../../use-resolve-button-type-DhFdPxnv.js";
12
- import { T as pe, s as Oe } from "../../hidden-PvGXrYUY.js";
13
- import { _ as B, T as J, P as N, F as I } from "../../focus-management-DOYCPyGg.js";
12
+ import { T as pe, s as Oe } from "../../hidden-DbgtYPOH.js";
13
+ import { _ as B, T as J, P as N, F as I } from "../../focus-management-XwV-9qkO.js";
14
14
  import '../../assets/TabTrail.css';function Be() {
15
15
  let e = U(!1);
16
16
  return W(() => (e.current = !0, () => {
@@ -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-D4GFpe5F.js";
3
- import { W as H, H as W } from "./keyboard-mgWkd2Vh.js";
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";
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-mgWkd2Vh.js";
1
+ import { u as N, a as v } from "./keyboard-B0lm_zyn.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-mgWkd2Vh.js";
1
+ import { W as t, H as a } from "./keyboard-B0lm_zyn.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) {