@canonical/maas-react-components 1.23.0 → 1.23.1

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.
@@ -1,7 +1,7 @@
1
1
  import { jsxs as K, jsx as l, Fragment as Ae } from "react/jsx-runtime";
2
2
  import * as oe from "react";
3
- import ut, { useRef as Oe, useState as le, useEffect as _e, useCallback as Q, cloneElement as ft, createContext as pt, useId as ke, useContext as Mr, useMemo as se, useReducer as dt, forwardRef as mt, useImperativeHandle as vt, Fragment as gt } from "react";
4
- import { useListener as yt, Link as bt, Spinner as ht, Tooltip as _t, Button as pe, Icon as we, Row as Et, Col as wt, Input as St, Label as Ct, CheckboxInput as Tt, useClickOutside as xt, useOnEscapePressed as Ot, SearchBox as Dt } from "@canonical/react-components";
3
+ import ft, { useRef as Oe, useState as le, useEffect as _e, useCallback as Q, cloneElement as pt, createContext as dt, useId as ke, useContext as Mr, useMemo as se, useReducer as mt, forwardRef as vt, useImperativeHandle as gt, Fragment as yt } from "react";
4
+ import { useListener as bt, Link as ht, Spinner as _t, Tooltip as Et, Button as pe, Icon as we, Row as wt, Col as St, Input as Ct, Label as Tt, CheckboxInput as xt, useClickOutside as Ot, useOnEscapePressed as Dt, SearchBox as At } from "@canonical/react-components";
5
5
  function Lr(e) {
6
6
  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
7
7
  }
@@ -41,8 +41,8 @@ var Br = { exports: {} };
41
41
  e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
42
42
  })();
43
43
  })(Br);
44
- var At = Br.exports;
45
- const B = /* @__PURE__ */ Lr(At);
44
+ var Pt = Br.exports;
45
+ const B = /* @__PURE__ */ Lr(Pt);
46
46
  const ye = {
47
47
  caution: "#F99B11",
48
48
  light: "#F7F7F7",
@@ -57,7 +57,7 @@ const ye = {
57
57
  ye.positive,
58
58
  ye.negative,
59
59
  ye.caution
60
- ], Pt = ye.linkFaded, zr = ye.caution, tr = ye.light, mr = 2, vr = 1, gr = (e, r) => {
60
+ ], Rt = ye.linkFaded, zr = ye.caution, tr = ye.light, mr = 2, vr = 1, gr = (e, r) => {
61
61
  var a, o;
62
62
  const t = ((o = (a = e == null ? void 0 : e.current) == null ? void 0 : a.getBoundingClientRect()) == null ? void 0 : o.width) || 0;
63
63
  return t > r * mr ? t / r : mr;
@@ -68,7 +68,7 @@ const ye = {
68
68
  label: "meter-label",
69
69
  meteroverflow: "meter-overflow",
70
70
  segments: "meter-segments"
71
- }, Rt = ({
71
+ }, It = ({
72
72
  className: e,
73
73
  children: r,
74
74
  data: t,
@@ -84,7 +84,7 @@ const ye = {
84
84
  const y = Q(() => {
85
85
  h(gr(i, c));
86
86
  }, [i, c, h]);
87
- return yt(window, y, "resize", !0, a === "segmented"), /* @__PURE__ */ K(
87
+ return bt(window, y, "resize", !0, a === "segmented"), /* @__PURE__ */ K(
88
88
  "div",
89
89
  {
90
90
  className: B("p-meter", e, {
@@ -94,8 +94,8 @@ const ye = {
94
94
  "data-testid": Ee.container,
95
95
  ref: i,
96
96
  children: [
97
- /* @__PURE__ */ l(It, { children: /* @__PURE__ */ l(
98
- Ft,
97
+ /* @__PURE__ */ l(Ft, { children: /* @__PURE__ */ l(
98
+ jt,
99
99
  {
100
100
  data: t,
101
101
  datumWidths: v,
@@ -109,15 +109,15 @@ const ye = {
109
109
  ]
110
110
  }
111
111
  );
112
- }, It = ({ children: e }) => /* @__PURE__ */ l(
112
+ }, Ft = ({ children: e }) => /* @__PURE__ */ l(
113
113
  "div",
114
114
  {
115
115
  className: "p-meter__bar",
116
116
  "data-testid": Ee.bar,
117
- style: { backgroundColor: Pt },
117
+ style: { backgroundColor: Rt },
118
118
  children: e
119
119
  }
120
- ), Ft = ({
120
+ ), jt = ({
121
121
  data: e,
122
122
  datumWidths: r,
123
123
  maximum: t,
@@ -165,7 +165,7 @@ const ye = {
165
165
  }
166
166
  )
167
167
  ] });
168
- }, jt = ({
168
+ }, Nt = ({
169
169
  className: e,
170
170
  children: r
171
171
  }) => /* @__PURE__ */ l(
@@ -176,20 +176,20 @@ const ye = {
176
176
  children: r
177
177
  }
178
178
  );
179
- Rt.Label = jt;
180
- const Do = ({ children: e, to: r, ...t }) => /* @__PURE__ */ l(bt, { ...t, href: r, rel: "noreferrer noopener", target: "_blank", children: e });
181
- const Nt = ({
179
+ It.Label = Nt;
180
+ const Do = ({ children: e, to: r, ...t }) => /* @__PURE__ */ l(ht, { ...t, href: r, rel: "noreferrer noopener", target: "_blank", children: e });
181
+ const kt = ({
182
182
  percentComplete: e
183
183
  }) => /* @__PURE__ */ K("small", { className: "progress-indicator", children: [
184
184
  e,
185
185
  "% ",
186
- /* @__PURE__ */ l(ht, { className: "progress-indicator__spinner" })
187
- ] }), kt = ({ children: e }) => /* @__PURE__ */ l(Ae, { children: e }), $t = ({
186
+ /* @__PURE__ */ l(_t, { className: "progress-indicator__spinner" })
187
+ ] }), $t = ({ children: e }) => /* @__PURE__ */ l(Ae, { children: e }), Mt = ({
188
188
  isCollapsed: e,
189
189
  setIsCollapsed: r,
190
190
  className: t
191
191
  }) => /* @__PURE__ */ l(
192
- _t,
192
+ Et,
193
193
  {
194
194
  className: "p-side-navigation__tooltip-wrapper",
195
195
  message: /* @__PURE__ */ K(Ae, { children: [
@@ -216,7 +216,7 @@ const Nt = ({
216
216
  }
217
217
  )
218
218
  }
219
- ), Mt = ({ children: e }) => /* @__PURE__ */ l("div", { className: "p-panel__content", children: /* @__PURE__ */ l("nav", { className: "p-side-navigation--icons is-dark", children: e }) }), Lt = ({ children: e }) => /* @__PURE__ */ l("div", { className: "p-panel__controls u-no-margin--top", children: e }), Bt = ({ children: e }) => /* @__PURE__ */ l("div", { className: "l-navigation__drawer", children: /* @__PURE__ */ l("div", { className: "p-panel is-dark", children: e }) }), zt = ({ children: e }) => /* @__PURE__ */ l("div", { className: "p-panel__footer", children: e }), Wt = ({ children: e }) => /* @__PURE__ */ l("div", { className: "p-panel__header", children: e }), Yt = ({ light: e = !0, name: r }) => /* @__PURE__ */ l(we, { className: "p-side-navigation__icon", light: e, name: r }), qt = ({ children: e, className: r, hasActiveChild: t }) => /* @__PURE__ */ l("li", { className: B("p-side-navigation__item", r, { "has-active-child": t }), children: e }), Ut = ({ children: e, id: r, variant: t = "base" }) => /* @__PURE__ */ l("span", { className: B("p-side-navigation__label", { "p-side-navigation__label--group": t === "group" }), id: r, children: e }), Kt = ({
219
+ ), Lt = ({ children: e }) => /* @__PURE__ */ l("div", { className: "p-panel__content", children: /* @__PURE__ */ l("nav", { className: "p-side-navigation--icons is-dark", children: e }) }), Bt = ({ children: e }) => /* @__PURE__ */ l("div", { className: "p-panel__controls u-no-margin--top", children: e }), zt = ({ children: e }) => /* @__PURE__ */ l("div", { className: "l-navigation__drawer", children: /* @__PURE__ */ l("div", { className: "p-panel is-dark", children: e }) }), Wt = ({ children: e }) => /* @__PURE__ */ l("div", { className: "p-panel__footer", children: e }), Yt = ({ children: e }) => /* @__PURE__ */ l("div", { className: "p-panel__header", children: e }), qt = ({ light: e = !0, name: r }) => /* @__PURE__ */ l(we, { className: "p-side-navigation__icon", light: e, name: r }), Ut = ({ children: e, className: r, hasActiveChild: t }) => /* @__PURE__ */ l("li", { className: B("p-side-navigation__item", r, { "has-active-child": t }), children: e }), Kt = ({ children: e, id: r, variant: t = "base" }) => /* @__PURE__ */ l("span", { className: B("p-side-navigation__label", { "p-side-navigation__label--group": t === "group" }), id: r, children: e }), Ht = ({
220
220
  as: e,
221
221
  ...r
222
222
  }) => /* @__PURE__ */ l(
@@ -225,12 +225,12 @@ const Nt = ({
225
225
  className: B("p-side-navigation__link", r.className),
226
226
  ...r
227
227
  }
228
- ), Ht = ({ children: e, className: r }) => /* @__PURE__ */ l("ul", { className: B("p-side-navigation__list", r), children: e }), Gt = ({
228
+ ), Gt = ({ children: e, className: r }) => /* @__PURE__ */ l("ul", { className: B("p-side-navigation__list", r), children: e }), Vt = ({
229
229
  as: e,
230
230
  children: r,
231
231
  className: t,
232
232
  ...n
233
- }) => /* @__PURE__ */ l(e || "a", { className: B("p-panel__logo", t), ...n, children: /* @__PURE__ */ l("div", { className: "p-navigation__tagged-logo", children: r }) }), Vt = ({ children: e }) => ft(e, { className: "p-panel__logo-icon p-navigation__logo-icon" }), Jt = ({ children: e, variant: r = "base" }) => /* @__PURE__ */ l(
233
+ }) => /* @__PURE__ */ l(e || "a", { className: B("p-panel__logo", t), ...n, children: /* @__PURE__ */ l("div", { className: "p-navigation__tagged-logo", children: r }) }), Jt = ({ children: e }) => pt(e, { className: "p-panel__logo-icon p-navigation__logo-icon" }), Zt = ({ children: e, variant: r = "base" }) => /* @__PURE__ */ l(
234
234
  "div",
235
235
  {
236
236
  className: B("p-panel__logo-name is-fading-when-collapsed", {
@@ -238,7 +238,7 @@ const Nt = ({
238
238
  }),
239
239
  children: e
240
240
  }
241
- ), Zt = ({ children: e }) => /* @__PURE__ */ l("div", { className: "p-navigation__logo-tag", children: e }), Xt = ({ children: e }) => /* @__PURE__ */ l("span", { className: "p-panel__logo-text", children: e }), Qt = ({
241
+ ), Xt = ({ children: e }) => /* @__PURE__ */ l("div", { className: "p-navigation__logo-tag", children: e }), Qt = ({ children: e }) => /* @__PURE__ */ l("span", { className: "p-panel__logo-text", children: e }), en = ({
242
242
  children: e,
243
243
  className: r,
244
244
  onClick: t
@@ -255,28 +255,28 @@ const Nt = ({
255
255
  },
256
256
  children: e
257
257
  }
258
- ), en = ({ children: e }) => /* @__PURE__ */ l("span", { className: "p-side-navigation__text", children: e });
259
- const H = ({ children: e, className: r, isCollapsed: t }) => /* @__PURE__ */ l("header", { "aria-label": "main navigation", className: B("l-navigation is-maas", r, { "is-collapsed": t, "is-pinned": !t }), children: e }), rn = ({ children: e, className: r }) => /* @__PURE__ */ l("header", { "aria-label": "navigation", className: "l-navigation-bar", children: /* @__PURE__ */ l("div", { className: B("p-panel is-dark", r), children: e }) });
260
- H.Header = Wt;
261
- H.Banner = kt;
262
- H.Drawer = Bt;
263
- H.Controls = Lt;
264
- H.CollapseToggle = $t;
265
- H.Content = Mt;
266
- H.Footer = zt;
267
- H.List = Ht;
268
- H.Item = qt;
269
- H.Link = Kt;
270
- H.Text = en;
271
- H.Icon = Yt;
272
- H.Label = Ut;
273
- H.Logo = Gt;
274
- H.LogoTag = Zt;
275
- H.LogoIcon = Vt;
276
- H.LogoName = Jt;
277
- H.LogoText = Xt;
278
- rn.MenuButton = Qt;
279
- const lr = pt(null), Wr = ({ children: e }) => {
258
+ ), rn = ({ children: e }) => /* @__PURE__ */ l("span", { className: "p-side-navigation__text", children: e });
259
+ const H = ({ children: e, className: r, isCollapsed: t }) => /* @__PURE__ */ l("header", { "aria-label": "main navigation", className: B("l-navigation is-maas", r, { "is-collapsed": t, "is-pinned": !t }), children: e }), tn = ({ children: e, className: r }) => /* @__PURE__ */ l("header", { "aria-label": "navigation", className: "l-navigation-bar", children: /* @__PURE__ */ l("div", { className: B("p-panel is-dark", r), children: e }) });
260
+ H.Header = Yt;
261
+ H.Banner = $t;
262
+ H.Drawer = zt;
263
+ H.Controls = Bt;
264
+ H.CollapseToggle = Mt;
265
+ H.Content = Lt;
266
+ H.Footer = Wt;
267
+ H.List = Gt;
268
+ H.Item = Ut;
269
+ H.Link = Ht;
270
+ H.Text = rn;
271
+ H.Icon = qt;
272
+ H.Label = Kt;
273
+ H.Logo = Vt;
274
+ H.LogoTag = Xt;
275
+ H.LogoIcon = Jt;
276
+ H.LogoName = Zt;
277
+ H.LogoText = Qt;
278
+ tn.MenuButton = en;
279
+ const lr = dt(null), Wr = ({ children: e }) => {
280
280
  const r = ke();
281
281
  return /* @__PURE__ */ l(lr.Provider, { value: r, children: /* @__PURE__ */ l(
282
282
  "div",
@@ -288,20 +288,20 @@ const lr = pt(null), Wr = ({ children: e }) => {
288
288
  children: e
289
289
  }
290
290
  ) });
291
- }, tn = ({ children: e }) => {
291
+ }, nn = ({ children: e }) => {
292
292
  const r = Mr(lr);
293
293
  return /* @__PURE__ */ l("label", { id: `${r}_label`, children: e });
294
- }, nn = ({ children: e }) => {
294
+ }, on = ({ children: e }) => {
295
295
  const r = Mr(lr);
296
296
  return /* @__PURE__ */ l("p", { className: "p-form-help-text", id: `${r}_description`, children: e });
297
297
  };
298
- Wr.Label = tn;
299
- Wr.Description = nn;
300
- const ur = ({ children: e }) => /* @__PURE__ */ l("div", { className: "p-form-section", children: e }), on = ({ children: e }) => /* @__PURE__ */ l("h5", { className: "p-form-section__title u-no-padding--top", children: e }), an = ({ children: e }) => /* @__PURE__ */ l("p", { className: "p-form-help-text", children: e }), sn = ({ children: e }) => /* @__PURE__ */ l("div", { className: "p-form-section__content", children: e });
301
- ur.Title = on;
302
- ur.Description = an;
303
- ur.Content = sn;
304
- function cn(e) {
298
+ Wr.Label = nn;
299
+ Wr.Description = on;
300
+ const ur = ({ children: e }) => /* @__PURE__ */ l("div", { className: "p-form-section", children: e }), an = ({ children: e }) => /* @__PURE__ */ l("h5", { className: "p-form-section__title u-no-padding--top", children: e }), sn = ({ children: e }) => /* @__PURE__ */ l("p", { className: "p-form-help-text", children: e }), cn = ({ children: e }) => /* @__PURE__ */ l("div", { className: "p-form-section__content", children: e });
301
+ ur.Title = an;
302
+ ur.Description = sn;
303
+ ur.Content = cn;
304
+ function ln(e) {
305
305
  const [r, t] = oe.useState(null), n = oe.useRef(null), a = oe.useCallback(() => {
306
306
  if (e.current) {
307
307
  const o = e.current.getBoundingClientRect();
@@ -319,7 +319,7 @@ function cn(e) {
319
319
  }
320
320
  const Yr = oe.createContext(null), qr = oe.createContext([!1, () => {
321
321
  }]), Ur = ({ children: e }) => {
322
- const r = oe.useRef(null), t = cn(r), [n, a] = oe.useState(!1);
322
+ const r = oe.useRef(null), t = ln(r), [n, a] = oe.useState(!1);
323
323
  return /* @__PURE__ */ l(
324
324
  "header",
325
325
  {
@@ -330,7 +330,7 @@ const Yr = oe.createContext(null), qr = oe.createContext([!1, () => {
330
330
  children: /* @__PURE__ */ l(Yr.Provider, { value: t, children: /* @__PURE__ */ l(qr.Provider, { value: [n, a], children: e }) })
331
331
  }
332
332
  );
333
- }, ln = ({
333
+ }, un = ({
334
334
  as: e,
335
335
  children: r,
336
336
  className: t,
@@ -343,7 +343,7 @@ const Yr = oe.createContext(null), qr = oe.createContext([!1, () => {
343
343
  ...n,
344
344
  children: r
345
345
  }
346
- ), un = ({ children: e }) => {
346
+ ), fn = ({ children: e }) => {
347
347
  const r = oe.useContext(Yr), [t, n] = oe.useContext(qr), a = oe.useRef(null);
348
348
  return oe.useEffect(() => {
349
349
  !a.current || !r || n(a.current.getBoundingClientRect().width > r.width);
@@ -369,8 +369,8 @@ const Yr = oe.createContext(null), qr = oe.createContext([!1, () => {
369
369
  )
370
370
  ] });
371
371
  };
372
- Ur.Title = ln;
373
- Ur.Controls = un;
372
+ Ur.Title = un;
373
+ Ur.Controls = fn;
374
374
  const Be = ({
375
375
  children: e,
376
376
  className: r,
@@ -379,19 +379,19 @@ const Be = ({
379
379
  ...a
380
380
  }) => {
381
381
  const o = t || "section", s = B("content-section", r);
382
- return /* @__PURE__ */ l(o, { ...a, className: s, children: /* @__PURE__ */ l(Et, { children: /* @__PURE__ */ l(wt, { size: n === "narrow" ? 6 : 12, children: e }) }) });
383
- }, fn = ({ children: e, className: r, as: t, ...n }) => /* @__PURE__ */ l(
382
+ return /* @__PURE__ */ l(o, { ...a, className: s, children: /* @__PURE__ */ l(wt, { children: /* @__PURE__ */ l(St, { size: n === "narrow" ? 6 : 12, children: e }) }) });
383
+ }, pn = ({ children: e, className: r, as: t, ...n }) => /* @__PURE__ */ l(
384
384
  t || "h1",
385
385
  {
386
386
  ...n,
387
387
  className: B("content-section__title p-heading--4", r),
388
388
  children: e
389
389
  }
390
- ), pn = ({ children: e, className: r }) => /* @__PURE__ */ l("header", { className: B("content-section__header", r), children: e }), dn = ({ children: e, className: r }) => /* @__PURE__ */ l("div", { className: B("content-section__body", r), children: e }), mn = ({ children: e, className: r }) => /* @__PURE__ */ l("footer", { className: B("content-section__footer", r), children: e });
391
- Be.Title = fn;
392
- Be.Header = pn;
393
- Be.Content = dn;
394
- Be.Footer = mn;
390
+ ), dn = ({ children: e, className: r }) => /* @__PURE__ */ l("header", { className: B("content-section__header", r), children: e }), mn = ({ children: e, className: r }) => /* @__PURE__ */ l("div", { className: B("content-section__body", r), children: e }), vn = ({ children: e, className: r }) => /* @__PURE__ */ l("footer", { className: B("content-section__footer", r), children: e });
391
+ Be.Title = pn;
392
+ Be.Header = dn;
393
+ Be.Content = mn;
394
+ Be.Footer = vn;
395
395
  const Kr = ({
396
396
  children: e,
397
397
  className: r,
@@ -408,7 +408,7 @@ const Kr = ({
408
408
  children: e,
409
409
  ...r
410
410
  }) => /* @__PURE__ */ l(Kr, { isVisible: !r["aria-hidden"], children: /* @__PURE__ */ l("div", { className: "p-form__nested-group", ...r, children: e }) });
411
- const vn = ({
411
+ const gn = ({
412
412
  className: e,
413
413
  currentPage: r,
414
414
  error: t,
@@ -439,7 +439,7 @@ const vn = ({
439
439
  /* @__PURE__ */ l("strong", { children: "Page " }),
440
440
  " ",
441
441
  /* @__PURE__ */ l(
442
- St,
442
+ Ct,
443
443
  {
444
444
  "aria-label": "page number",
445
445
  className: "p-pagination__input",
@@ -479,7 +479,7 @@ const vn = ({
479
479
  }) => {
480
480
  const [a, o] = le(e), [s, i] = le("");
481
481
  return /* @__PURE__ */ l(
482
- vn,
482
+ gn,
483
483
  {
484
484
  currentPage: a,
485
485
  error: s,
@@ -525,7 +525,7 @@ var nr = { exports: {} }, je = { exports: {} }, F = {};
525
525
  * LICENSE file in the root directory of this source tree.
526
526
  */
527
527
  var yr;
528
- function gn() {
528
+ function yn() {
529
529
  if (yr)
530
530
  return F;
531
531
  yr = 1;
@@ -601,7 +601,7 @@ var j = {};
601
601
  * LICENSE file in the root directory of this source tree.
602
602
  */
603
603
  var br;
604
- function yn() {
604
+ function bn() {
605
605
  return br || (br = 1, process.env.NODE_ENV !== "production" && function() {
606
606
  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, i = e ? Symbol.for("react.context") : 60110, f = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, v = e ? Symbol.for("react.forward_ref") : 60112, b = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, y = e ? Symbol.for("react.memo") : 60115, _ = e ? Symbol.for("react.lazy") : 60116, C = e ? Symbol.for("react.block") : 60121, L = e ? Symbol.for("react.fundamental") : 60117, N = e ? Symbol.for("react.responder") : 60118, U = e ? Symbol.for("react.scope") : 60119;
607
607
  function A(d) {
@@ -685,7 +685,7 @@ function yn() {
685
685
  }
686
686
  var hr;
687
687
  function Hr() {
688
- return hr || (hr = 1, process.env.NODE_ENV === "production" ? je.exports = gn() : je.exports = yn()), je.exports;
688
+ return hr || (hr = 1, process.env.NODE_ENV === "production" ? je.exports = yn() : je.exports = bn()), je.exports;
689
689
  }
690
690
  /*
691
691
  object-assign
@@ -693,7 +693,7 @@ object-assign
693
693
  @license MIT
694
694
  */
695
695
  var Ve, _r;
696
- function bn() {
696
+ function hn() {
697
697
  if (_r)
698
698
  return Ve;
699
699
  _r = 1;
@@ -752,7 +752,7 @@ function Gr() {
752
752
  return wr || (wr = 1, Ze = Function.call.bind(Object.prototype.hasOwnProperty)), Ze;
753
753
  }
754
754
  var Xe, Sr;
755
- function hn() {
755
+ function _n() {
756
756
  if (Sr)
757
757
  return Xe;
758
758
  Sr = 1;
@@ -802,11 +802,11 @@ function hn() {
802
802
  }, Xe = a, Xe;
803
803
  }
804
804
  var Qe, Cr;
805
- function _n() {
805
+ function En() {
806
806
  if (Cr)
807
807
  return Qe;
808
808
  Cr = 1;
809
- var e = Hr(), r = bn(), t = fr(), n = Gr(), a = hn(), o = function() {
809
+ var e = Hr(), r = hn(), t = fr(), n = Gr(), a = _n(), o = function() {
810
810
  };
811
811
  process.env.NODE_ENV !== "production" && (o = function(i) {
812
812
  var f = "Warning: " + i;
@@ -1124,7 +1124,7 @@ Valid keys: ` + JSON.stringify(Object.keys(u), null, " ")
1124
1124
  }, Qe;
1125
1125
  }
1126
1126
  var er, Tr;
1127
- function En() {
1127
+ function wn() {
1128
1128
  if (Tr)
1129
1129
  return er;
1130
1130
  Tr = 1;
@@ -1173,12 +1173,12 @@ function En() {
1173
1173
  }, er;
1174
1174
  }
1175
1175
  if (process.env.NODE_ENV !== "production") {
1176
- var wn = Hr(), Sn = !0;
1177
- nr.exports = _n()(wn.isElement, Sn);
1176
+ var Sn = Hr(), Cn = !0;
1177
+ nr.exports = En()(Sn.isElement, Cn);
1178
1178
  } else
1179
- nr.exports = En()();
1180
- var Cn = nr.exports;
1181
- const M = /* @__PURE__ */ Lr(Cn);
1179
+ nr.exports = wn()();
1180
+ var Tn = nr.exports;
1181
+ const M = /* @__PURE__ */ Lr(Tn);
1182
1182
  function Se(e, r, t, n) {
1183
1183
  function a(o) {
1184
1184
  return o instanceof t ? o : new t(function(s) {
@@ -1297,7 +1297,7 @@ function Or(e, r, t) {
1297
1297
  (o || !(n in r)) && (o || (o = Array.prototype.slice.call(r, 0, n)), o[n] = r[n]);
1298
1298
  return e.concat(o || Array.prototype.slice.call(r));
1299
1299
  }
1300
- var Tn = /* @__PURE__ */ new Map([
1300
+ var xn = /* @__PURE__ */ new Map([
1301
1301
  // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types
1302
1302
  ["aac", "audio/aac"],
1303
1303
  ["abw", "application/x-abiword"],
@@ -1382,7 +1382,7 @@ var Tn = /* @__PURE__ */ new Map([
1382
1382
  ["msg", "application/vnd.ms-outlook"]
1383
1383
  ]);
1384
1384
  function Pe(e, r) {
1385
- var t = xn(e);
1385
+ var t = On(e);
1386
1386
  if (typeof t.path != "string") {
1387
1387
  var n = e.webkitRelativePath;
1388
1388
  Object.defineProperty(t, "path", {
@@ -1394,10 +1394,10 @@ function Pe(e, r) {
1394
1394
  }
1395
1395
  return t;
1396
1396
  }
1397
- function xn(e) {
1397
+ function On(e) {
1398
1398
  var r = e.name, t = r && r.lastIndexOf(".") !== -1;
1399
1399
  if (t && !e.type) {
1400
- var n = r.split(".").pop().toLowerCase(), a = Tn.get(n);
1400
+ var n = r.split(".").pop().toLowerCase(), a = xn.get(n);
1401
1401
  a && Object.defineProperty(e, "type", {
1402
1402
  value: a,
1403
1403
  writable: !1,
@@ -1407,36 +1407,36 @@ function xn(e) {
1407
1407
  }
1408
1408
  return e;
1409
1409
  }
1410
- var On = [
1410
+ var Dn = [
1411
1411
  // Thumbnail cache files for macOS and Windows
1412
1412
  ".DS_Store",
1413
1413
  "Thumbs.db"
1414
1414
  // Windows
1415
1415
  ];
1416
- function Dn(e) {
1416
+ function An(e) {
1417
1417
  return Se(this, void 0, void 0, function() {
1418
1418
  return Ce(this, function(r) {
1419
- return $e(e) && An(e.dataTransfer) ? [2, Fn(e.dataTransfer, e.type)] : Pn(e) ? [2, Rn(e)] : Array.isArray(e) && e.every(function(t) {
1419
+ return $e(e) && Pn(e.dataTransfer) ? [2, jn(e.dataTransfer, e.type)] : Rn(e) ? [2, In(e)] : Array.isArray(e) && e.every(function(t) {
1420
1420
  return "getFile" in t && typeof t.getFile == "function";
1421
- }) ? [2, In(e)] : [2, []];
1421
+ }) ? [2, Fn(e)] : [2, []];
1422
1422
  });
1423
1423
  });
1424
1424
  }
1425
- function An(e) {
1425
+ function Pn(e) {
1426
1426
  return $e(e);
1427
1427
  }
1428
- function Pn(e) {
1428
+ function Rn(e) {
1429
1429
  return $e(e) && $e(e.target);
1430
1430
  }
1431
1431
  function $e(e) {
1432
1432
  return typeof e == "object" && e !== null;
1433
1433
  }
1434
- function Rn(e) {
1434
+ function In(e) {
1435
1435
  return or(e.target.files).map(function(r) {
1436
1436
  return Pe(r);
1437
1437
  });
1438
1438
  }
1439
- function In(e) {
1439
+ function Fn(e) {
1440
1440
  return Se(this, void 0, void 0, function() {
1441
1441
  var r;
1442
1442
  return Ce(this, function(t) {
@@ -1453,7 +1453,7 @@ function In(e) {
1453
1453
  });
1454
1454
  });
1455
1455
  }
1456
- function Fn(e, r) {
1456
+ function jn(e, r) {
1457
1457
  return Se(this, void 0, void 0, function() {
1458
1458
  var t, n;
1459
1459
  return Ce(this, function(a) {
@@ -1461,7 +1461,7 @@ function Fn(e, r) {
1461
1461
  case 0:
1462
1462
  return e.items ? (t = or(e.items).filter(function(o) {
1463
1463
  return o.kind === "file";
1464
- }), r !== "drop" ? [2, t] : [4, Promise.all(t.map(jn))]) : [3, 2];
1464
+ }), r !== "drop" ? [2, t] : [4, Promise.all(t.map(Nn))]) : [3, 2];
1465
1465
  case 1:
1466
1466
  return n = a.sent(), [2, Dr(Vr(n))];
1467
1467
  case 2:
@@ -1474,7 +1474,7 @@ function Fn(e, r) {
1474
1474
  }
1475
1475
  function Dr(e) {
1476
1476
  return e.filter(function(r) {
1477
- return On.indexOf(r.name) === -1;
1477
+ return Dn.indexOf(r.name) === -1;
1478
1478
  });
1479
1479
  }
1480
1480
  function or(e) {
@@ -1486,7 +1486,7 @@ function or(e) {
1486
1486
  }
1487
1487
  return r;
1488
1488
  }
1489
- function jn(e) {
1489
+ function Nn(e) {
1490
1490
  if (typeof e.webkitGetAsEntry != "function")
1491
1491
  return Ar(e);
1492
1492
  var r = e.webkitGetAsEntry();
@@ -1504,10 +1504,10 @@ function Ar(e) {
1504
1504
  var t = Pe(r);
1505
1505
  return Promise.resolve(t);
1506
1506
  }
1507
- function Nn(e) {
1507
+ function kn(e) {
1508
1508
  return Se(this, void 0, void 0, function() {
1509
1509
  return Ce(this, function(r) {
1510
- return [2, e.isDirectory ? Jr(e) : kn(e)];
1510
+ return [2, e.isDirectory ? Jr(e) : $n(e)];
1511
1511
  });
1512
1512
  });
1513
1513
  }
@@ -1535,7 +1535,7 @@ function Jr(e) {
1535
1535
  case 4:
1536
1536
  return [3, 6];
1537
1537
  case 5:
1538
- v = Promise.all(i.map(Nn)), a.push(v), o(), b.label = 6;
1538
+ v = Promise.all(i.map(kn)), a.push(v), o(), b.label = 6;
1539
1539
  case 6:
1540
1540
  return [
1541
1541
  2
@@ -1551,7 +1551,7 @@ function Jr(e) {
1551
1551
  o();
1552
1552
  });
1553
1553
  }
1554
- function kn(e) {
1554
+ function $n(e) {
1555
1555
  return Se(this, void 0, void 0, function() {
1556
1556
  return Ce(this, function(r) {
1557
1557
  return [2, new Promise(function(t, n) {
@@ -1565,7 +1565,7 @@ function kn(e) {
1565
1565
  });
1566
1566
  });
1567
1567
  }
1568
- var $n = function(e, r) {
1568
+ var Mn = function(e, r) {
1569
1569
  if (e && r) {
1570
1570
  var t = Array.isArray(r) ? r : r.split(","), n = e.name || "", a = (e.type || "").toLowerCase(), o = a.replace(/\/.*$/, "");
1571
1571
  return t.some(function(s) {
@@ -1576,17 +1576,17 @@ var $n = function(e, r) {
1576
1576
  return !0;
1577
1577
  };
1578
1578
  function Pr(e) {
1579
- return Bn(e) || Ln(e) || Xr(e) || Mn();
1579
+ return zn(e) || Bn(e) || Xr(e) || Ln();
1580
1580
  }
1581
- function Mn() {
1581
+ function Ln() {
1582
1582
  throw new TypeError(`Invalid attempt to spread non-iterable instance.
1583
1583
  In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
1584
1584
  }
1585
- function Ln(e) {
1585
+ function Bn(e) {
1586
1586
  if (typeof Symbol < "u" && e[Symbol.iterator] != null || e["@@iterator"] != null)
1587
1587
  return Array.from(e);
1588
1588
  }
1589
- function Bn(e) {
1589
+ function zn(e) {
1590
1590
  if (Array.isArray(e))
1591
1591
  return ar(e);
1592
1592
  }
@@ -1615,9 +1615,9 @@ function Zr(e, r, t) {
1615
1615
  return r in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e;
1616
1616
  }
1617
1617
  function De(e, r) {
1618
- return Yn(e) || Wn(e, r) || Xr(e, r) || zn();
1618
+ return qn(e) || Yn(e, r) || Xr(e, r) || Wn();
1619
1619
  }
1620
- function zn() {
1620
+ function Wn() {
1621
1621
  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
1622
1622
  In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
1623
1623
  }
@@ -1638,7 +1638,7 @@ function ar(e, r) {
1638
1638
  n[t] = e[t];
1639
1639
  return n;
1640
1640
  }
1641
- function Wn(e, r) {
1641
+ function Yn(e, r) {
1642
1642
  var t = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
1643
1643
  if (t != null) {
1644
1644
  var n = [], a = !0, o = !1, s, i;
@@ -1658,34 +1658,34 @@ function Wn(e, r) {
1658
1658
  return n;
1659
1659
  }
1660
1660
  }
1661
- function Yn(e) {
1661
+ function qn(e) {
1662
1662
  if (Array.isArray(e))
1663
1663
  return e;
1664
1664
  }
1665
- var qn = "file-invalid-type", Un = "file-too-large", Kn = "file-too-small", Hn = "too-many-files", Gn = function(r) {
1665
+ var Un = "file-invalid-type", Kn = "file-too-large", Hn = "file-too-small", Gn = "too-many-files", Vn = function(r) {
1666
1666
  r = Array.isArray(r) && r.length === 1 ? r[0] : r;
1667
1667
  var t = Array.isArray(r) ? "one of ".concat(r.join(", ")) : r;
1668
1668
  return {
1669
- code: qn,
1669
+ code: Un,
1670
1670
  message: "File type must be ".concat(t)
1671
1671
  };
1672
1672
  }, Fr = function(r) {
1673
1673
  return {
1674
- code: Un,
1674
+ code: Kn,
1675
1675
  message: "File is larger than ".concat(r, " ").concat(r === 1 ? "byte" : "bytes")
1676
1676
  };
1677
1677
  }, jr = function(r) {
1678
1678
  return {
1679
- code: Kn,
1679
+ code: Hn,
1680
1680
  message: "File is smaller than ".concat(r, " ").concat(r === 1 ? "byte" : "bytes")
1681
1681
  };
1682
- }, Vn = {
1683
- code: Hn,
1682
+ }, Jn = {
1683
+ code: Gn,
1684
1684
  message: "Too many files"
1685
1685
  };
1686
1686
  function Qr(e, r) {
1687
- var t = e.type === "application/x-moz-file" || $n(e, r);
1688
- return [t, t ? null : Gn(r)];
1687
+ var t = e.type === "application/x-moz-file" || Mn(e, r);
1688
+ return [t, t ? null : Vn(r)];
1689
1689
  }
1690
1690
  function et(e, r, t) {
1691
1691
  if (ge(e.size))
@@ -1705,7 +1705,7 @@ function et(e, r, t) {
1705
1705
  function ge(e) {
1706
1706
  return e != null;
1707
1707
  }
1708
- function Jn(e) {
1708
+ function Zn(e) {
1709
1709
  var r = e.files, t = e.accept, n = e.minSize, a = e.maxSize, o = e.multiple, s = e.maxFiles, i = e.validator;
1710
1710
  return !o && r.length > 1 || o && s >= 1 && r.length > s ? !1 : r.every(function(f) {
1711
1711
  var c = Qr(f, t), v = De(c, 1), b = v[0], h = et(f, n, a), y = De(h, 1), _ = y[0], C = i ? i(f) : null;
@@ -1723,15 +1723,15 @@ function Ne(e) {
1723
1723
  function Nr(e) {
1724
1724
  e.preventDefault();
1725
1725
  }
1726
- function Zn(e) {
1726
+ function Xn(e) {
1727
1727
  return e.indexOf("MSIE") !== -1 || e.indexOf("Trident/") !== -1;
1728
1728
  }
1729
- function Xn(e) {
1729
+ function Qn(e) {
1730
1730
  return e.indexOf("Edge/") !== -1;
1731
1731
  }
1732
- function Qn() {
1732
+ function eo() {
1733
1733
  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.navigator.userAgent;
1734
- return Zn(e) || Xn(e);
1734
+ return Xn(e) || Qn(e);
1735
1735
  }
1736
1736
  function ie() {
1737
1737
  for (var e = arguments.length, r = new Array(e), t = 0; t < e; t++)
@@ -1744,10 +1744,10 @@ function ie() {
1744
1744
  });
1745
1745
  };
1746
1746
  }
1747
- function eo() {
1747
+ function ro() {
1748
1748
  return "showOpenFilePicker" in window;
1749
1749
  }
1750
- function ro(e) {
1750
+ function to(e) {
1751
1751
  if (ge(e)) {
1752
1752
  var r = Object.entries(e).filter(function(t) {
1753
1753
  var n = De(t, 2), a = n[0], o = n[1], s = !0;
@@ -1764,7 +1764,7 @@ function ro(e) {
1764
1764
  }
1765
1765
  return e;
1766
1766
  }
1767
- function to(e) {
1767
+ function no(e) {
1768
1768
  if (ge(e))
1769
1769
  return Object.entries(e).reduce(function(r, t) {
1770
1770
  var n = De(t, 2), a = n[0], o = n[1];
@@ -1773,10 +1773,10 @@ function to(e) {
1773
1773
  return rt(r) || tt(r);
1774
1774
  }).join(",");
1775
1775
  }
1776
- function no(e) {
1776
+ function oo(e) {
1777
1777
  return e instanceof DOMException && (e.name === "AbortError" || e.code === e.ABORT_ERR);
1778
1778
  }
1779
- function oo(e) {
1779
+ function ao(e) {
1780
1780
  return e instanceof DOMException && (e.name === "SecurityError" || e.code === e.SECURITY_ERR);
1781
1781
  }
1782
1782
  function rt(e) {
@@ -1785,26 +1785,26 @@ function rt(e) {
1785
1785
  function tt(e) {
1786
1786
  return /^.*\.[\w]+$/.test(e);
1787
1787
  }
1788
- var ao = ["children"], io = ["open"], so = ["refKey", "role", "onKeyDown", "onFocus", "onBlur", "onClick", "onDragEnter", "onDragOver", "onDragLeave", "onDrop"], co = ["refKey", "onChange", "onClick"];
1789
- function lo(e) {
1790
- return po(e) || fo(e) || nt(e) || uo();
1788
+ var io = ["children"], so = ["open"], co = ["refKey", "role", "onKeyDown", "onFocus", "onBlur", "onClick", "onDragEnter", "onDragOver", "onDragLeave", "onDrop"], lo = ["refKey", "onChange", "onClick"];
1789
+ function uo(e) {
1790
+ return mo(e) || po(e) || nt(e) || fo();
1791
1791
  }
1792
- function uo() {
1792
+ function fo() {
1793
1793
  throw new TypeError(`Invalid attempt to spread non-iterable instance.
1794
1794
  In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
1795
1795
  }
1796
- function fo(e) {
1796
+ function po(e) {
1797
1797
  if (typeof Symbol < "u" && e[Symbol.iterator] != null || e["@@iterator"] != null)
1798
1798
  return Array.from(e);
1799
1799
  }
1800
- function po(e) {
1800
+ function mo(e) {
1801
1801
  if (Array.isArray(e))
1802
1802
  return ir(e);
1803
1803
  }
1804
1804
  function rr(e, r) {
1805
- return go(e) || vo(e, r) || nt(e, r) || mo();
1805
+ return yo(e) || go(e, r) || nt(e, r) || vo();
1806
1806
  }
1807
- function mo() {
1807
+ function vo() {
1808
1808
  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
1809
1809
  In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
1810
1810
  }
@@ -1825,7 +1825,7 @@ function ir(e, r) {
1825
1825
  n[t] = e[t];
1826
1826
  return n;
1827
1827
  }
1828
- function vo(e, r) {
1828
+ function go(e, r) {
1829
1829
  var t = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
1830
1830
  if (t != null) {
1831
1831
  var n = [], a = !0, o = !1, s, i;
@@ -1845,7 +1845,7 @@ function vo(e, r) {
1845
1845
  return n;
1846
1846
  }
1847
1847
  }
1848
- function go(e) {
1848
+ function yo(e) {
1849
1849
  if (Array.isArray(e))
1850
1850
  return e;
1851
1851
  }
@@ -1876,7 +1876,7 @@ function sr(e, r, t) {
1876
1876
  function Le(e, r) {
1877
1877
  if (e == null)
1878
1878
  return {};
1879
- var t = yo(e, r), n, a;
1879
+ var t = bo(e, r), n, a;
1880
1880
  if (Object.getOwnPropertySymbols) {
1881
1881
  var o = Object.getOwnPropertySymbols(e);
1882
1882
  for (a = 0; a < o.length; a++)
@@ -1884,7 +1884,7 @@ function Le(e, r) {
1884
1884
  }
1885
1885
  return t;
1886
1886
  }
1887
- function yo(e, r) {
1887
+ function bo(e, r) {
1888
1888
  if (e == null)
1889
1889
  return {};
1890
1890
  var t = {}, n = Object.keys(e), a, o;
@@ -1892,20 +1892,20 @@ function yo(e, r) {
1892
1892
  a = n[o], !(r.indexOf(a) >= 0) && (t[a] = e[a]);
1893
1893
  return t;
1894
1894
  }
1895
- var pr = /* @__PURE__ */ mt(function(e, r) {
1896
- var t = e.children, n = Le(e, ao), a = at(n), o = a.open, s = Le(a, io);
1897
- return vt(r, function() {
1895
+ var pr = /* @__PURE__ */ vt(function(e, r) {
1896
+ var t = e.children, n = Le(e, io), a = at(n), o = a.open, s = Le(a, so);
1897
+ return gt(r, function() {
1898
1898
  return {
1899
1899
  open: o
1900
1900
  };
1901
- }, [o]), /* @__PURE__ */ ut.createElement(gt, null, t(z(z({}, s), {}, {
1901
+ }, [o]), /* @__PURE__ */ ft.createElement(yt, null, t(z(z({}, s), {}, {
1902
1902
  open: o
1903
1903
  })));
1904
1904
  });
1905
1905
  pr.displayName = "Dropzone";
1906
1906
  var ot = {
1907
1907
  disabled: !1,
1908
- getFilesFromEvent: Dn,
1908
+ getFilesFromEvent: An,
1909
1909
  maxSize: 1 / 0,
1910
1910
  minSize: 0,
1911
1911
  multiple: !0,
@@ -2099,14 +2099,14 @@ var cr = {
2099
2099
  };
2100
2100
  function at() {
2101
2101
  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, r = z(z({}, ot), e), t = r.accept, n = r.disabled, a = r.getFilesFromEvent, o = r.maxSize, s = r.minSize, i = r.multiple, f = r.maxFiles, c = r.onDragEnter, v = r.onDragLeave, b = r.onDragOver, h = r.onDrop, y = r.onDropAccepted, _ = r.onDropRejected, C = r.onFileDialogCancel, L = r.onFileDialogOpen, N = r.useFsAccessApi, U = r.autoFocus, A = r.preventDropOnDocument, k = r.noClick, p = r.noKeyboard, X = r.noDrag, $ = r.noDragEventsBubbling, J = r.onError, ee = r.validator, ce = se(function() {
2102
- return to(t);
2102
+ return no(t);
2103
2103
  }, [t]), de = se(function() {
2104
- return ro(t);
2104
+ return to(t);
2105
2105
  }, [t]), me = se(function() {
2106
2106
  return typeof L == "function" ? L : $r;
2107
2107
  }, [L]), ue = se(function() {
2108
2108
  return typeof C == "function" ? C : $r;
2109
- }, [C]), W = Oe(null), Z = Oe(null), ne = dt(bo, cr), ae = rr(ne, 2), fe = ae[0], G = ae[1], u = fe.isFocused, g = fe.isFileDialogActive, T = Oe(typeof window < "u" && window.isSecureContext && N && eo()), x = function() {
2109
+ }, [C]), W = Oe(null), Z = Oe(null), ne = mt(ho, cr), ae = rr(ne, 2), fe = ae[0], G = ae[1], u = fe.isFocused, g = fe.isFileDialogActive, T = Oe(typeof window < "u" && window.isSecureContext && N && ro()), x = function() {
2110
2110
  !T.current && g && setTimeout(function() {
2111
2111
  if (Z.current) {
2112
2112
  var E = Z.current.files;
@@ -2135,9 +2135,9 @@ function at() {
2135
2135
  var S = Q(function(m) {
2136
2136
  J ? J(m) : console.error(m);
2137
2137
  }, [J]), O = Q(function(m) {
2138
- m.preventDefault(), m.persist(), Ie(m), w.current = [].concat(lo(w.current), [m.target]), Ne(m) && Promise.resolve(a(m)).then(function(E) {
2138
+ m.preventDefault(), m.persist(), Ie(m), w.current = [].concat(uo(w.current), [m.target]), Ne(m) && Promise.resolve(a(m)).then(function(E) {
2139
2139
  if (!(Me(m) && !$)) {
2140
- var Y = E.length, V = Y > 0 && Jn({
2140
+ var Y = E.length, V = Y > 0 && Zn({
2141
2141
  files: E,
2142
2142
  accept: ce,
2143
2143
  minSize: s,
@@ -2186,15 +2186,15 @@ function at() {
2186
2186
  var Ge = [Ye, Ke];
2187
2187
  He && (Ge = Ge.concat(He)), V.push({
2188
2188
  file: te,
2189
- errors: Ge.filter(function(lt) {
2190
- return lt;
2189
+ errors: Ge.filter(function(ut) {
2190
+ return ut;
2191
2191
  })
2192
2192
  });
2193
2193
  }
2194
2194
  }), (!i && Y.length > 1 || i && f >= 1 && Y.length > f) && (Y.forEach(function(te) {
2195
2195
  V.push({
2196
2196
  file: te,
2197
- errors: [Vn]
2197
+ errors: [Jn]
2198
2198
  });
2199
2199
  }), Y.splice(0)), G({
2200
2200
  acceptedFiles: Y,
@@ -2225,9 +2225,9 @@ function at() {
2225
2225
  type: "closeDialog"
2226
2226
  });
2227
2227
  }).catch(function(E) {
2228
- no(E) ? (ue(E), G({
2228
+ oo(E) ? (ue(E), G({
2229
2229
  type: "closeDialog"
2230
- })) : oo(E) ? (T.current = !1, Z.current ? (Z.current.value = null, Z.current.click()) : S(new Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no <input> was provided."))) : S(E);
2230
+ })) : ao(E) ? (T.current = !1, Z.current ? (Z.current.value = null, Z.current.click()) : S(new Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no <input> was provided."))) : S(E);
2231
2231
  });
2232
2232
  return;
2233
2233
  }
@@ -2245,7 +2245,7 @@ function at() {
2245
2245
  type: "blur"
2246
2246
  });
2247
2247
  }, []), dr = Q(function() {
2248
- k || (Qn() ? setTimeout(d, 0) : d());
2248
+ k || (eo() ? setTimeout(d, 0) : d());
2249
2249
  }, [k, d]), be = function(E) {
2250
2250
  return n ? null : E;
2251
2251
  }, ze = function(E) {
@@ -2254,9 +2254,9 @@ function at() {
2254
2254
  return X ? null : be(E);
2255
2255
  }, Ie = function(E) {
2256
2256
  $ && E.stopPropagation();
2257
- }, it = se(function() {
2257
+ }, st = se(function() {
2258
2258
  return function() {
2259
- var m = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, E = m.refKey, Y = E === void 0 ? "ref" : E, V = m.role, te = m.onKeyDown, xe = m.onFocus, he = m.onBlur, We = m.onClick, Ye = m.onDragEnter, qe = m.onDragOver, Fe = m.onDragLeave, Ue = m.onDrop, Ke = Le(m, so);
2259
+ var m = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, E = m.refKey, Y = E === void 0 ? "ref" : E, V = m.role, te = m.onKeyDown, xe = m.onFocus, he = m.onBlur, We = m.onClick, Ye = m.onDragEnter, qe = m.onDragOver, Fe = m.onDragLeave, Ue = m.onDrop, Ke = Le(m, co);
2260
2260
  return z(z(sr({
2261
2261
  onKeyDown: ze(ie(te, re)),
2262
2262
  onFocus: ze(ie(xe, ve)),
@@ -2271,11 +2271,11 @@ function at() {
2271
2271
  tabIndex: 0
2272
2272
  } : {}), Ke);
2273
2273
  };
2274
- }, [W, re, ve, Te, dr, O, R, I, q, p, X, n]), st = Q(function(m) {
2274
+ }, [W, re, ve, Te, dr, O, R, I, q, p, X, n]), ct = Q(function(m) {
2275
2275
  m.stopPropagation();
2276
- }, []), ct = se(function() {
2276
+ }, []), lt = se(function() {
2277
2277
  return function() {
2278
- var m = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, E = m.refKey, Y = E === void 0 ? "ref" : E, V = m.onChange, te = m.onClick, xe = Le(m, co), he = sr({
2278
+ var m = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, E = m.refKey, Y = E === void 0 ? "ref" : E, V = m.onChange, te = m.onClick, xe = Le(m, lo), he = sr({
2279
2279
  accept: ce,
2280
2280
  multiple: i,
2281
2281
  type: "file",
@@ -2283,7 +2283,7 @@ function at() {
2283
2283
  display: "none"
2284
2284
  },
2285
2285
  onChange: be(ie(V, q)),
2286
- onClick: be(ie(te, st)),
2286
+ onClick: be(ie(te, ct)),
2287
2287
  tabIndex: -1
2288
2288
  }, Y, Z);
2289
2289
  return z(z({}, he), xe);
@@ -2291,14 +2291,14 @@ function at() {
2291
2291
  }, [Z, t, i, q, n]);
2292
2292
  return z(z({}, fe), {}, {
2293
2293
  isFocused: u && !n,
2294
- getRootProps: it,
2295
- getInputProps: ct,
2294
+ getRootProps: st,
2295
+ getInputProps: lt,
2296
2296
  rootRef: W,
2297
2297
  inputRef: Z,
2298
2298
  open: be(d)
2299
2299
  });
2300
2300
  }
2301
- function bo(e, r) {
2301
+ function ho(e, r) {
2302
2302
  switch (r.type) {
2303
2303
  case "focus":
2304
2304
  return z(z({}, e), {}, {
@@ -2335,7 +2335,7 @@ function bo(e, r) {
2335
2335
  }
2336
2336
  function $r() {
2337
2337
  }
2338
- const ho = ({
2338
+ const _o = ({
2339
2339
  accept: e,
2340
2340
  error: r,
2341
2341
  files: t,
@@ -2361,7 +2361,7 @@ const ho = ({
2361
2361
  "is-error": !!r
2362
2362
  }),
2363
2363
  children: [
2364
- a && /* @__PURE__ */ l(Ct, { id: h, children: a }),
2364
+ a && /* @__PURE__ */ l(Tt, { id: h, children: a }),
2365
2365
  n && /* @__PURE__ */ l("p", { className: "p-form-help-text", children: n }),
2366
2366
  /* @__PURE__ */ K("div", { className: "p-form__control", children: [
2367
2367
  !o || t.length < o ? /* @__PURE__ */ l("div", { className: "file-upload__wrapper", children: /* @__PURE__ */ l(
@@ -2404,7 +2404,7 @@ const ho = ({
2404
2404
  ] }, y.file.name)),
2405
2405
  t && t.map((y) => /* @__PURE__ */ K("div", { className: "file-upload__file", children: [
2406
2406
  y.name,
2407
- y.percentUploaded !== void 0 ? /* @__PURE__ */ l(Nt, { percentComplete: y.percentUploaded }) : /* @__PURE__ */ l(
2407
+ y.percentUploaded !== void 0 ? /* @__PURE__ */ l(kt, { percentComplete: y.percentUploaded }) : /* @__PURE__ */ l(
2408
2408
  pe,
2409
2409
  {
2410
2410
  appearance: "base",
@@ -2435,7 +2435,7 @@ const ho = ({
2435
2435
  [s, f]
2436
2436
  );
2437
2437
  return /* @__PURE__ */ l(
2438
- ho,
2438
+ _o,
2439
2439
  {
2440
2440
  accept: e,
2441
2441
  error: r,
@@ -2457,7 +2457,7 @@ const ho = ({
2457
2457
  }
2458
2458
  );
2459
2459
  };
2460
- const _o = (e, r) => e.label.localeCompare(r.label, "en", { numeric: !0 }), Eo = (e) => (r, t) => {
2460
+ const it = (e, r) => e.label.localeCompare(r.label, "en", { numeric: !0 }), Eo = (e) => (r, t) => {
2461
2461
  if (e) {
2462
2462
  const n = e.has(r.value), a = e.has(t.value);
2463
2463
  if (n && !a)
@@ -2480,7 +2480,7 @@ const _o = (e, r) => e.label.localeCompare(r.label, "en", { numeric: !0 }), Eo =
2480
2480
  updateItems: a,
2481
2481
  isOpen: o,
2482
2482
  footer: s,
2483
- sortFn: i = _o,
2483
+ sortFn: i = it,
2484
2484
  groupFn: f = wo,
2485
2485
  ...c
2486
2486
  }) => {
@@ -2509,7 +2509,7 @@ const _o = (e, r) => e.label.localeCompare(r.label, "en", { numeric: !0 }), Eo =
2509
2509
  C.map(({ group: N, items: U }) => /* @__PURE__ */ K("div", { className: "multi-select__group", children: [
2510
2510
  _ ? /* @__PURE__ */ l("h5", { className: "multi-select__dropdown-header", children: N }) : null,
2511
2511
  /* @__PURE__ */ l("ul", { className: "multi-select__dropdown-list", "aria-label": N, children: U.sort(i).sort(Eo(h)).map((A) => /* @__PURE__ */ l("li", { className: "multi-select__dropdown-item", children: /* @__PURE__ */ l(
2512
- Tt,
2512
+ xt,
2513
2513
  {
2514
2514
  disabled: b.has(A.value),
2515
2515
  label: A.label,
@@ -2535,10 +2535,10 @@ const _o = (e, r) => e.label.localeCompare(r.label, "en", { numeric: !0 }), Eo =
2535
2535
  dropdownFooter: c,
2536
2536
  variant: v = "search"
2537
2537
  }) => {
2538
- const b = xt(() => {
2538
+ const b = Ot(() => {
2539
2539
  y(!1), C("");
2540
2540
  });
2541
- Ot(() => {
2541
+ Dt(() => {
2542
2542
  y(!1), C("");
2543
2543
  });
2544
2544
  const [h, y] = le(!1), [_, C] = le("");
@@ -2550,10 +2550,10 @@ const _o = (e, r) => e.label.localeCompare(r.label, "en", { numeric: !0 }), Eo =
2550
2550
  N(J), n && n(J);
2551
2551
  }, k = ke(), p = ke(), X = U.filter(
2552
2552
  ($) => s.some((J) => J.value === $.value)
2553
- ).map(($) => $.label).join(", ");
2553
+ ).sort(it).map(($) => $.label).join(", ");
2554
2554
  return /* @__PURE__ */ l("div", { ref: b, children: /* @__PURE__ */ K("div", { className: "multi-select", children: [
2555
2555
  v === "search" ? /* @__PURE__ */ l(
2556
- Dt,
2556
+ At,
2557
2557
  {
2558
2558
  externallyControlled: !0,
2559
2559
  "aria-controls": k,
@@ -2660,20 +2660,20 @@ const _o = (e, r) => e.label.localeCompare(r.label, "en", { numeric: !0 }), Eo =
2660
2660
  export {
2661
2661
  Be as ContentSection,
2662
2662
  Do as ExternalLink,
2663
- ho as FileUpload,
2663
+ _o as FileUpload,
2664
2664
  Io as FileUploadContainer,
2665
2665
  ur as FormSection,
2666
2666
  Wr as InputGroup,
2667
2667
  Ur as MainToolbar,
2668
- Rt as Meter,
2668
+ It as Meter,
2669
2669
  Fo as MultiSelect,
2670
2670
  So as MultiSelectDropdown,
2671
2671
  H as Navigation,
2672
- rn as NavigationBar,
2672
+ tn as NavigationBar,
2673
2673
  Ao as NestedFormGroup,
2674
- vn as Pagination,
2674
+ gn as Pagination,
2675
2675
  Po as PaginationContainer,
2676
- Nt as ProgressIndicator,
2676
+ kt as ProgressIndicator,
2677
2677
  Ro as Stepper,
2678
2678
  Oo as defaultFilledColors,
2679
2679
  jo as formatBytes,