stratosphere-ui 1.2.0 → 1.3.0

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,3 +1,6 @@
1
- import { Dispatch, SetStateAction } from 'react';
2
1
  export type UseDebouncedStateValue = string | number | boolean | null;
3
- export declare const useDebouncedValue: <Value extends UseDebouncedStateValue>(value: Value, delay: number) => [Value, Dispatch<SetStateAction<Value>>, Value, boolean];
2
+ export type UseDebouncedValueResult<Value extends UseDebouncedStateValue> = {
3
+ debouncedValue: Value;
4
+ isDebouncing: boolean;
5
+ };
6
+ export declare const useDebouncedValue: <Value extends UseDebouncedStateValue>(value: Value, delay: number) => UseDebouncedValueResult<Value>;
@@ -4345,7 +4345,7 @@ var G = GE.exports, cT = { exports: {} };
4345
4345
  })();
4346
4346
  })(cT);
4347
4347
  var uN = cT.exports;
4348
- const et = /* @__PURE__ */ aN(uN), lP = [
4348
+ const et = /* @__PURE__ */ aN(uN), oP = [
4349
4349
  "neutral",
4350
4350
  "primary",
4351
4351
  "secondary",
@@ -4355,7 +4355,7 @@ const et = /* @__PURE__ */ aN(uN), lP = [
4355
4355
  "warning",
4356
4356
  "error",
4357
4357
  "ghost"
4358
- ], oP = ["circle", "square"], uP = ["lg", "md", "sm", "xs"], $o = _s(
4358
+ ], uP = ["circle", "square"], sP = ["lg", "md", "sm", "xs"], $o = _s(
4359
4359
  ({
4360
4360
  active: i,
4361
4361
  as: f,
@@ -4431,7 +4431,7 @@ const et = /* @__PURE__ */ aN(uN), lP = [
4431
4431
  }
4432
4432
  );
4433
4433
  $o.displayName = "Button";
4434
- const sP = ["info", "success", "warning", "error"], sN = ({
4434
+ const cP = ["info", "success", "warning", "error"], sN = ({
4435
4435
  actionButtons: i,
4436
4436
  className: f,
4437
4437
  color: u,
@@ -4461,7 +4461,7 @@ const sP = ["info", "success", "warning", "error"], sN = ({
4461
4461
  },
4462
4462
  dismissAlertMessage: () => {
4463
4463
  }
4464
- }, dT = _r(fT), cN = () => rr(dT), cP = ({
4464
+ }, dT = _r(fT), cN = () => rr(dT), fP = ({
4465
4465
  children: i,
4466
4466
  initialData: f
4467
4467
  }) => {
@@ -4725,7 +4725,7 @@ const sP = ["info", "success", "warning", "error"], sN = ({
4725
4725
  success: EN,
4726
4726
  warning: bN,
4727
4727
  error: hN
4728
- }, fP = ({
4728
+ }, dP = ({
4729
4729
  alertClassName: i,
4730
4730
  maxMessages: f
4731
4731
  }) => {
@@ -4757,7 +4757,7 @@ const sP = ["info", "success", "warning", "error"], sN = ({
4757
4757
  `error_message_${y}`
4758
4758
  );
4759
4759
  }) });
4760
- }, dP = ({
4760
+ }, pP = ({
4761
4761
  children: i,
4762
4762
  className: f,
4763
4763
  isOffline: u,
@@ -4778,7 +4778,7 @@ const sP = ["info", "success", "warning", "error"], sN = ({
4778
4778
  ...g,
4779
4779
  children: /* @__PURE__ */ G.jsx("div", { className: x, children: i })
4780
4780
  }
4781
- ), pP = ({ className: i, ...f }) => /* @__PURE__ */ G.jsx("div", { className: et("avatar-group", i), ...f }), vP = [
4781
+ ), vP = ({ className: i, ...f }) => /* @__PURE__ */ G.jsx("div", { className: et("avatar-group", i), ...f }), hP = [
4782
4782
  "neutral",
4783
4783
  "primary",
4784
4784
  "secondary",
@@ -4788,7 +4788,7 @@ const sP = ["info", "success", "warning", "error"], sN = ({
4788
4788
  "success",
4789
4789
  "warning",
4790
4790
  "error"
4791
- ], hP = ["lg", "md", "sm", "xs"], RN = ({
4791
+ ], mP = ["lg", "md", "sm", "xs"], RN = ({
4792
4792
  children: i,
4793
4793
  className: f,
4794
4794
  color: u,
@@ -19854,10 +19854,10 @@ Incoming: %s`, we, "[" + t.join(", ") + "]", "[" + e.join(", ") + "]");
19854
19854
  }
19855
19855
  return [w, m];
19856
19856
  }
19857
- function nP(e, t, a) {
19858
- }
19859
19857
  function rP(e, t, a) {
19860
19858
  }
19859
+ function iP(e, t, a) {
19860
+ }
19861
19861
  function nC(e, t, a) {
19862
19862
  var o = tr, d = Nc(), m, C = ka();
19863
19863
  if (C) {
@@ -27107,7 +27107,7 @@ function KF(i, f) {
27107
27107
  return Ve.createElement(Ve.Fragment, null, !u && p ? Ve.createElement(JE, { ref: f, ...i }) : Ve.createElement(YT, { ref: f, ...i }));
27108
27108
  }
27109
27109
  let JE = Jt(qF), YT = Jt(QF), XF = Jt(KF), FS = Object.assign(JE, { Child: XF, Root: JE });
27110
- const gP = ["xs", "sm", "md", "lg"], yP = ["horizontal", "vertical"], $S = _s(
27110
+ const yP = ["xs", "sm", "md", "lg"], SP = ["horizontal", "vertical"], $S = _s(
27111
27111
  ({ className: i, layout: f, size: u, ...p }, y) => /* @__PURE__ */ G.jsx(
27112
27112
  "ul",
27113
27113
  {
@@ -27206,17 +27206,45 @@ const QT = _s(
27206
27206
  )
27207
27207
  );
27208
27208
  QT.displayName = "DropdownMenu";
27209
- const ZF = {
27209
+ const xP = ["top", "bottom", "left", "right"], CP = [
27210
+ "primary",
27211
+ "secondary",
27212
+ "accent",
27213
+ "info",
27214
+ "warning",
27215
+ "success",
27216
+ "error"
27217
+ ], ZF = ({
27218
+ className: i,
27219
+ color: f,
27220
+ open: u,
27221
+ position: p,
27222
+ text: y,
27223
+ ...x
27224
+ }) => /* @__PURE__ */ G.jsx(
27225
+ "div",
27226
+ {
27227
+ className: et(
27228
+ "tooltip",
27229
+ u && "tooltip-open",
27230
+ p && `tooltip-${p}`,
27231
+ f && `tooltip-${f}`,
27232
+ i
27233
+ ),
27234
+ "data-tip": y,
27235
+ ...x
27236
+ }
27237
+ ), JF = {
27210
27238
  sm: "sm:flex",
27211
27239
  md: "md:flex",
27212
27240
  lg: "lg:flex",
27213
27241
  xl: "xl:flex"
27214
- }, JF = {
27242
+ }, e$ = {
27215
27243
  sm: "sm:hidden",
27216
27244
  md: "md:hidden",
27217
27245
  lg: "lg:hidden",
27218
27246
  xl: "xl:hidden"
27219
- }, SP = ({
27247
+ }, EP = ({
27220
27248
  buttonOptions: i,
27221
27249
  collapseAt: f,
27222
27250
  dropdownMenuProps: {
@@ -27226,7 +27254,7 @@ const ZF = {
27226
27254
  withTooltips: y,
27227
27255
  ...x
27228
27256
  }) => {
27229
- const g = y ? ({ children: R, tooltipText: _ }) => /* @__PURE__ */ G.jsx("div", { className: "tooltip", "data-tip": _, children: R }) : hi;
27257
+ const g = y ? ZF : hi;
27230
27258
  return /* @__PURE__ */ G.jsxs("div", { ...x, children: [
27231
27259
  /* @__PURE__ */ G.jsx(
27232
27260
  "div",
@@ -27234,7 +27262,7 @@ const ZF = {
27234
27262
  className: et(
27235
27263
  "gap-1",
27236
27264
  f === void 0 && "flex",
27237
- f !== void 0 && `hidden ${ZF[f]}`
27265
+ f !== void 0 && `hidden ${JF[f]}`
27238
27266
  ),
27239
27267
  children: i.map(
27240
27268
  ({
@@ -27246,7 +27274,7 @@ const ZF = {
27246
27274
  onClick: A,
27247
27275
  tooltipText: k,
27248
27276
  ...H
27249
- }) => /* @__PURE__ */ G.jsx(g, { tooltipText: k ?? $, children: /* @__PURE__ */ G.jsxs(
27277
+ }) => /* @__PURE__ */ G.jsx(g, { text: k ?? $ ?? "", children: /* @__PURE__ */ G.jsxs(
27250
27278
  $o,
27251
27279
  {
27252
27280
  className: et("px-1", _),
@@ -27266,7 +27294,7 @@ const ZF = {
27266
27294
  {
27267
27295
  className: et(
27268
27296
  f === void 0 && "hidden",
27269
- f !== void 0 && `flex ${JF[f]}`
27297
+ f !== void 0 && `flex ${e$[f]}`
27270
27298
  ),
27271
27299
  children: /* @__PURE__ */ G.jsx(
27272
27300
  QT,
@@ -27297,7 +27325,7 @@ const ZF = {
27297
27325
  }
27298
27326
  )
27299
27327
  ] });
27300
- }, xP = ({
27328
+ }, bP = ({
27301
27329
  bordered: i,
27302
27330
  className: f,
27303
27331
  compact: u,
@@ -27320,13 +27348,13 @@ const ZF = {
27320
27348
  ),
27321
27349
  ...g
27322
27350
  }
27323
- ), CP = ({ className: i, ...f }) => /* @__PURE__ */ G.jsx(
27351
+ ), wP = ({ className: i, ...f }) => /* @__PURE__ */ G.jsx(
27324
27352
  "div",
27325
27353
  {
27326
27354
  className: et("card-actions justify-end", i),
27327
27355
  ...f
27328
27356
  }
27329
- ), EP = ({ className: i, ...f }) => /* @__PURE__ */ G.jsx("div", { className: et("card-body", i), ...f }), bP = ({ className: i, ...f }) => /* @__PURE__ */ G.jsx("h2", { className: et("card-title", i), ...f }), e$ = _s(
27357
+ ), RP = ({ className: i, ...f }) => /* @__PURE__ */ G.jsx("div", { className: et("card-body", i), ...f }), _P = ({ className: i, ...f }) => /* @__PURE__ */ G.jsx("h2", { className: et("card-title", i), ...f }), t$ = _s(
27330
27358
  ({
27331
27359
  buttonProps: {
27332
27360
  children: i,
@@ -27383,8 +27411,8 @@ const ZF = {
27383
27411
  }
27384
27412
  )
27385
27413
  );
27386
- e$.displayName = "Disclosure";
27387
- const wP = ({
27414
+ t$.displayName = "Disclosure";
27415
+ const TP = ({
27388
27416
  children: i,
27389
27417
  formRef: f,
27390
27418
  methods: u,
@@ -27399,41 +27427,41 @@ const wP = ({
27399
27427
  ...y,
27400
27428
  children: i
27401
27429
  }
27402
- ) }), t$ = (i, f) => {
27403
- const [u, p] = Ar(i), [y, x] = Ar(i);
27430
+ ) }), n$ = (i, f) => {
27431
+ const [u, p] = Ar(i);
27404
27432
  return sn(() => {
27405
- const R = setTimeout(() => {
27406
- x(u);
27433
+ const x = setTimeout(() => {
27434
+ p(i);
27407
27435
  }, f);
27408
27436
  return () => {
27409
- clearTimeout(R);
27437
+ clearTimeout(x);
27410
27438
  };
27411
- }, [u, f]), [u, p, y, !!u && u !== y];
27439
+ }, [i, f]), { debouncedValue: u, isDebouncing: !!i && i !== u };
27412
27440
  }, Hp = (i, f) => {
27413
27441
  const {
27414
27442
  fieldState: { error: u, isDirty: p }
27415
27443
  } = Uc({ name: i });
27416
27444
  return u !== void 0 ? "error" : f && p ? "success" : null;
27417
- }, RP = () => {
27445
+ }, DP = () => {
27418
27446
  const { getValues: i } = Up();
27419
27447
  return {
27420
27448
  ...iN(),
27421
27449
  ...i()
27422
27450
  };
27423
- }, n$ = (i, f) => sn(() => {
27451
+ }, r$ = (i, f) => sn(() => {
27424
27452
  const u = (p) => {
27425
27453
  i.current !== null && !i.current.contains(p.target) && f(p);
27426
27454
  };
27427
27455
  return document.addEventListener("mousedown", u), () => {
27428
27456
  document.removeEventListener("mousedown", u);
27429
27457
  };
27430
- }, [f, i]), r$ = ({
27458
+ }, [f, i]), i$ = ({
27431
27459
  debounceTime: i,
27432
27460
  onDebouncedChange: f,
27433
27461
  options: u
27434
27462
  }) => {
27435
- const [p, y] = Ar(!1), [x, g, R] = t$(
27436
- "",
27463
+ const [p, y] = Ar(!1), [x, g] = Ar(""), { debouncedValue: R } = n$(
27464
+ x,
27437
27465
  i ?? 400
27438
27466
  ), _ = ht(() => {
27439
27467
  const O = x.trim();
@@ -27471,7 +27499,7 @@ const wP = ({
27471
27499
  )
27472
27500
  );
27473
27501
  Ts.displayName = "FormLabel";
27474
- const _P = [
27502
+ const OP = [
27475
27503
  "primary",
27476
27504
  "secondary",
27477
27505
  "accent",
@@ -27479,7 +27507,7 @@ const _P = [
27479
27507
  "warning",
27480
27508
  "info",
27481
27509
  "error"
27482
- ], TP = ["lg", "md", "sm", "xs"], DP = ({
27510
+ ], LP = ["lg", "md", "sm", "xs"], MP = ({
27483
27511
  children: i,
27484
27512
  className: f,
27485
27513
  color: u,
@@ -27520,7 +27548,7 @@ const _P = [
27520
27548
  ({ children: i, className: f, ...u }, p) => /* @__PURE__ */ G.jsx("label", { className: et("label", f), ref: p, ...u, children: /* @__PURE__ */ G.jsx("span", { className: "label-text-alt text-error", children: i }) })
27521
27549
  );
27522
27550
  Pm.displayName = "FormError";
27523
- const OP = [
27551
+ const NP = [
27524
27552
  "ghost",
27525
27553
  "primary",
27526
27554
  "secondary",
@@ -27529,7 +27557,7 @@ const OP = [
27529
27557
  "success",
27530
27558
  "warning",
27531
27559
  "error"
27532
- ], LP = ["lg", "md", "sm", "xs"], i$ = ({
27560
+ ], kP = ["lg", "md", "sm", "xs"], a$ = ({
27533
27561
  bordered: i,
27534
27562
  className: f,
27535
27563
  color: u,
@@ -27587,7 +27615,7 @@ const OP = [
27587
27615
  ] }),
27588
27616
  g !== !0 && (z == null ? void 0 : z.message) !== void 0 ? /* @__PURE__ */ G.jsx(Pm, { children: z.message }) : null
27589
27617
  ] });
27590
- }, MP = [
27618
+ }, AP = [
27591
27619
  "ghost",
27592
27620
  "primary",
27593
27621
  "secondary",
@@ -27596,7 +27624,7 @@ const OP = [
27596
27624
  "warning",
27597
27625
  "success",
27598
27626
  "error"
27599
- ], NP = ["lg", "md", "sm", "xs"], kP = ({
27627
+ ], FP = ["lg", "md", "sm", "xs"], $P = ({
27600
27628
  bordered: i,
27601
27629
  className: f,
27602
27630
  color: u,
@@ -27645,7 +27673,7 @@ const OP = [
27645
27673
  ),
27646
27674
  y !== !0 && (H == null ? void 0 : H.message) !== void 0 ? /* @__PURE__ */ G.jsx(Pm, { children: H.message }) : null
27647
27675
  ] });
27648
- }, AP = [
27676
+ }, PP = [
27649
27677
  "primary",
27650
27678
  "secondary",
27651
27679
  "accent",
@@ -27653,7 +27681,7 @@ const OP = [
27653
27681
  "warning",
27654
27682
  "info",
27655
27683
  "error"
27656
- ], FP = ["lg", "md", "sm", "xs"], $P = ({
27684
+ ], IP = ["lg", "md", "sm", "xs"], zP = ({
27657
27685
  className: i,
27658
27686
  color: f,
27659
27687
  controllerProps: u,
@@ -27696,7 +27724,7 @@ const OP = [
27696
27724
  ] }, z)),
27697
27725
  (k == null ? void 0 : k.message) !== void 0 ? /* @__PURE__ */ G.jsx(Pm, { children: k.message }) : null
27698
27726
  ] });
27699
- }, PP = ({
27727
+ }, UP = ({
27700
27728
  children: i,
27701
27729
  className: f,
27702
27730
  controllerProps: u,
@@ -27724,7 +27752,7 @@ const OP = [
27724
27752
  ]
27725
27753
  }
27726
27754
  );
27727
- }, IP = ({
27755
+ }, HP = ({
27728
27756
  children: i,
27729
27757
  className: f,
27730
27758
  disabled: u,
@@ -27742,29 +27770,29 @@ const OP = [
27742
27770
  }
27743
27771
  ) });
27744
27772
  var qT = {};
27745
- var a$ = bs && bs.__createBinding || (Object.create ? function(i, f, u, p) {
27773
+ var l$ = bs && bs.__createBinding || (Object.create ? function(i, f, u, p) {
27746
27774
  p === void 0 && (p = u), Object.defineProperty(i, p, { enumerable: !0, get: function() {
27747
27775
  return f[u];
27748
27776
  } });
27749
27777
  } : function(i, f, u, p) {
27750
27778
  p === void 0 && (p = u), i[p] = f[u];
27751
- }), l$ = bs && bs.__setModuleDefault || (Object.create ? function(i, f) {
27779
+ }), o$ = bs && bs.__setModuleDefault || (Object.create ? function(i, f) {
27752
27780
  Object.defineProperty(i, "default", { enumerable: !0, value: f });
27753
27781
  } : function(i, f) {
27754
27782
  i.default = f;
27755
- }), o$ = bs && bs.__importStar || function(i) {
27783
+ }), u$ = bs && bs.__importStar || function(i) {
27756
27784
  if (i && i.__esModule)
27757
27785
  return i;
27758
27786
  var f = {};
27759
27787
  if (i != null)
27760
27788
  for (var u in i)
27761
- u !== "default" && Object.prototype.hasOwnProperty.call(i, u) && a$(f, i, u);
27762
- return l$(f, i), f;
27789
+ u !== "default" && Object.prototype.hasOwnProperty.call(i, u) && l$(f, i, u);
27790
+ return o$(f, i), f;
27763
27791
  };
27764
27792
  Object.defineProperty(qT, "__esModule", { value: !0 });
27765
- const zn = o$(Ve);
27793
+ const zn = u$(Ve);
27766
27794
  let PE = null, IE = null;
27767
- const u$ = (i, f) => {
27795
+ const s$ = (i, f) => {
27768
27796
  let u = i.ruler === void 0 || i.ruler === null ? !0 : i.ruler, p = i.label === void 0 || i.label === null ? !0 : i.label, y = i.subSteps === void 0 || i.subSteps === null ? !1 : i.subSteps, x = i.stepOnly === void 0 || i.stepOnly === null ? !1 : i.stepOnly, g = i.preventWheel === void 0 || i.preventWheel === null ? !1 : i.preventWheel, R = (0, zn.useRef)(null), _ = +(i.min || 0), O = +(i.max || 100), L = +(i.step || 5), $ = 0, A = Math.floor((+O - +_) / +L), k = i.labels || [];
27769
27797
  k.length === 0 ? (k = [], k.push(_.toString()), k.push(O.toString())) : A = k.length - 1, typeof p == "string" && (p = p === "true"), typeof u == "string" && (u = u === "true"), typeof g == "string" && (g = g === "true"), L.toString().includes(".") && ($ = 2);
27770
27798
  let H = i.minValue;
@@ -27900,8 +27928,8 @@ const u$ = (i, f) => {
27900
27928
  p && zn.default.createElement("div", { className: "labels" }, k.map((de) => zn.default.createElement("div", { key: de.toString(), className: "label" }, de)))
27901
27929
  );
27902
27930
  };
27903
- var s$ = qT.default = zn.default.memo((0, zn.forwardRef)(u$));
27904
- const c$ = _s(
27931
+ var c$ = qT.default = zn.default.memo((0, zn.forwardRef)(s$));
27932
+ const f$ = _s(
27905
27933
  ({
27906
27934
  barColor: i,
27907
27935
  barInnerColor: f,
@@ -27927,7 +27955,7 @@ const c$ = _s(
27927
27955
  u
27928
27956
  ] }),
27929
27957
  /* @__PURE__ */ G.jsx(
27930
- s$,
27958
+ c$,
27931
27959
  {
27932
27960
  ref: z,
27933
27961
  label: $,
@@ -27954,8 +27982,8 @@ const c$ = _s(
27954
27982
  ] });
27955
27983
  }
27956
27984
  );
27957
- c$.displayName = "FormRangeSlider";
27958
- const zP = [
27985
+ f$.displayName = "FormRangeSlider";
27986
+ const VP = [
27959
27987
  "ghost",
27960
27988
  "primary",
27961
27989
  "secondary",
@@ -27964,7 +27992,7 @@ const zP = [
27964
27992
  "success",
27965
27993
  "warning",
27966
27994
  "error"
27967
- ], UP = ["lg", "md", "sm", "xs"], HP = ({
27995
+ ], jP = ["lg", "md", "sm", "xs"], BP = ({
27968
27996
  bordered: i,
27969
27997
  className: f,
27970
27998
  color: u,
@@ -28016,7 +28044,7 @@ const zP = [
28016
28044
  ),
28017
28045
  y !== !0 && (H == null ? void 0 : H.message) !== void 0 ? /* @__PURE__ */ G.jsx(Pm, { children: H.message }) : null
28018
28046
  ] });
28019
- }, VP = [
28047
+ }, GP = [
28020
28048
  "primary",
28021
28049
  "secondary",
28022
28050
  "accent",
@@ -28024,7 +28052,7 @@ const zP = [
28024
28052
  "warning",
28025
28053
  "info",
28026
28054
  "error"
28027
- ], jP = ["lg", "md", "sm", "xs"], BP = ({
28055
+ ], WP = ["lg", "md", "sm", "xs"], YP = ({
28028
28056
  children: i,
28029
28057
  className: f,
28030
28058
  color: u,
@@ -28061,7 +28089,7 @@ const zP = [
28061
28089
  i
28062
28090
  ] })
28063
28091
  ] });
28064
- }, KT = () => /* @__PURE__ */ G.jsx("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ G.jsx("progress", { className: "progress w-56" }) }), GP = [
28092
+ }, KT = () => /* @__PURE__ */ G.jsx("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ G.jsx("progress", { className: "progress w-56" }) }), QP = [
28065
28093
  "neutral",
28066
28094
  "primary",
28067
28095
  "secondary",
@@ -28070,7 +28098,7 @@ const zP = [
28070
28098
  "info",
28071
28099
  "warning",
28072
28100
  "error"
28073
- ], WP = ({ className: i, color: f, hover: u, ...p }) => /* @__PURE__ */ G.jsx(
28101
+ ], qP = ({ className: i, color: f, hover: u, ...p }) => /* @__PURE__ */ G.jsx(
28074
28102
  "a",
28075
28103
  {
28076
28104
  className: et(
@@ -28081,14 +28109,14 @@ const zP = [
28081
28109
  ),
28082
28110
  ...p
28083
28111
  }
28084
- ), YP = [
28112
+ ), KP = [
28085
28113
  "spinner",
28086
28114
  "dots",
28087
28115
  "ring",
28088
28116
  "ball",
28089
28117
  "bars",
28090
28118
  "infinity"
28091
- ], QP = ["xs", "sm", "md", "lg"], qP = ({ className: i, shape: f, size: u, ...p }) => /* @__PURE__ */ G.jsx(
28119
+ ], XP = ["xs", "sm", "md", "lg"], ZP = ({ className: i, shape: f, size: u, ...p }) => /* @__PURE__ */ G.jsx(
28092
28120
  "span",
28093
28121
  {
28094
28122
  className: et(
@@ -28099,12 +28127,12 @@ const zP = [
28099
28127
  ),
28100
28128
  ...p
28101
28129
  }
28102
- ), KP = ({
28130
+ ), JP = ({
28103
28131
  children: i,
28104
28132
  className: f,
28105
28133
  isLoading: u,
28106
28134
  ...p
28107
- }) => /* @__PURE__ */ G.jsx("div", { className: et("card", f), ...p, children: u === !0 ? /* @__PURE__ */ G.jsx(KT, {}) : i }), XP = ["top", "bottom", "middle"], f$ = _s(
28135
+ }) => /* @__PURE__ */ G.jsx("div", { className: et("card", f), ...p, children: u === !0 ? /* @__PURE__ */ G.jsx(KT, {}) : i }), eI = ["top", "bottom", "middle"], d$ = _s(
28108
28136
  ({
28109
28137
  actionButtons: i,
28110
28138
  children: f,
@@ -28153,8 +28181,8 @@ const zP = [
28153
28181
  }
28154
28182
  )
28155
28183
  );
28156
- f$.displayName = "Modal";
28157
- const d$ = (i) => i ? [
28184
+ d$.displayName = "Modal";
28185
+ const p$ = (i) => i ? [
28158
28186
  1,
28159
28187
  ...i.page > 3 ? [null] : [],
28160
28188
  ...[...Array(3).keys()].flatMap((f) => {
@@ -28163,14 +28191,14 @@ const d$ = (i) => i ? [
28163
28191
  }),
28164
28192
  ...i.page < i.pageCount - 2 ? [null] : [],
28165
28193
  i.pageCount
28166
- ] : [], p$ = ({
28194
+ ] : [], v$ = ({
28167
28195
  className: i,
28168
28196
  metadata: f,
28169
28197
  onPaginationChange: u,
28170
28198
  size: p,
28171
28199
  ...y
28172
28200
  }) => {
28173
- const x = d$(f);
28201
+ const x = p$(f);
28174
28202
  return f ? /* @__PURE__ */ G.jsx("div", { className: et("join", i), ...y, children: x.map((g, R) => /* @__PURE__ */ G.jsx(
28175
28203
  $o,
28176
28204
  {
@@ -28183,7 +28211,7 @@ const d$ = (i) => i ? [
28183
28211
  },
28184
28212
  R
28185
28213
  )) }) : null;
28186
- }, ZP = ({
28214
+ }, tI = ({
28187
28215
  iconHide: i,
28188
28216
  iconShow: f,
28189
28217
  inputClassName: u,
@@ -28191,7 +28219,7 @@ const d$ = (i) => i ? [
28191
28219
  }) => {
28192
28220
  const [y, x] = Ar(!1), g = i ?? /* @__PURE__ */ G.jsx(mN, { className: "h-5 w-5" }), R = f ?? /* @__PURE__ */ G.jsx(gN, { className: "h-5 w-5" });
28193
28221
  return /* @__PURE__ */ G.jsx(
28194
- i$,
28222
+ a$,
28195
28223
  {
28196
28224
  elementRight: /* @__PURE__ */ G.jsxs(
28197
28225
  $o,
@@ -28212,7 +28240,7 @@ const d$ = (i) => i ? [
28212
28240
  ...p
28213
28241
  }
28214
28242
  );
28215
- }, v$ = _s(
28243
+ }, h$ = _s(
28216
28244
  ({
28217
28245
  buttonProps: i,
28218
28246
  className: f,
@@ -28257,8 +28285,8 @@ const d$ = (i) => i ? [
28257
28285
  }
28258
28286
  )
28259
28287
  );
28260
- v$.displayName = "Popover";
28261
- const JP = [
28288
+ h$.displayName = "Popover";
28289
+ const nI = [
28262
28290
  "primary",
28263
28291
  "secondary",
28264
28292
  "accent",
@@ -28266,13 +28294,13 @@ const JP = [
28266
28294
  "success",
28267
28295
  "warning",
28268
28296
  "error"
28269
- ], eI = ({ className: i, color: f, ...u }) => /* @__PURE__ */ G.jsx(
28297
+ ], rI = ({ className: i, color: f, ...u }) => /* @__PURE__ */ G.jsx(
28270
28298
  "progress",
28271
28299
  {
28272
28300
  className: et("progress", f && `progress-${f}`, i),
28273
28301
  ...u
28274
28302
  }
28275
- ), tI = ({
28303
+ ), iI = ({
28276
28304
  className: i,
28277
28305
  size: f,
28278
28306
  style: u,
@@ -28294,7 +28322,7 @@ const JP = [
28294
28322
  ...x
28295
28323
  }
28296
28324
  );
28297
- }, h$ = ({
28325
+ }, m$ = ({
28298
28326
  children: i,
28299
28327
  className: f,
28300
28328
  disabled: u,
@@ -28314,7 +28342,7 @@ const JP = [
28314
28342
  value: y,
28315
28343
  children: i
28316
28344
  }
28317
- ), m$ = ({
28345
+ ), g$ = ({
28318
28346
  children: i,
28319
28347
  className: f,
28320
28348
  disabled: u,
@@ -28364,7 +28392,7 @@ const JP = [
28364
28392
  u == null || u(y);
28365
28393
  }
28366
28394
  });
28367
- }, nI = ({
28395
+ }, aI = ({
28368
28396
  buttonColor: i,
28369
28397
  buttonProps: {
28370
28398
  className: f,
@@ -28397,7 +28425,7 @@ const JP = [
28397
28425
  setSelectedItems: ce,
28398
28426
  valueMode: R
28399
28427
  });
28400
- const ve = Hp(U, q), pe = H === !0 ? h$ : m$;
28428
+ const ve = Hp(U, q), pe = H === !0 ? m$ : g$;
28401
28429
  return /* @__PURE__ */ G.jsxs(
28402
28430
  pe,
28403
28431
  {
@@ -28460,13 +28488,13 @@ const JP = [
28460
28488
  ]
28461
28489
  }
28462
28490
  );
28463
- }, rI = ["horizontal", "vertical"], iI = ({ className: i, layout: f, ...u }) => /* @__PURE__ */ G.jsx(
28491
+ }, lI = ["horizontal", "vertical"], oI = ({ className: i, layout: f, ...u }) => /* @__PURE__ */ G.jsx(
28464
28492
  "div",
28465
28493
  {
28466
28494
  className: et("stats", f && `stats-${f}`, i),
28467
28495
  ...u
28468
28496
  }
28469
- ), aI = ({ className: i, ...f }) => /* @__PURE__ */ G.jsx("div", { className: et("stat", i), ...f }), lI = ({ className: i, ...f }) => /* @__PURE__ */ G.jsx("div", { className: et("stat-actions", i), ...f }), oI = ({ className: i, ...f }) => /* @__PURE__ */ G.jsx("div", { className: et("stat-desc", i), ...f }), uI = ({ className: i, ...f }) => /* @__PURE__ */ G.jsx("div", { className: et("stat-figure", i), ...f }), sI = ({ className: i, ...f }) => /* @__PURE__ */ G.jsx("div", { className: et("stat-title", i), ...f }), cI = ({ className: i, ...f }) => /* @__PURE__ */ G.jsx("div", { className: et("stat-value", i), ...f }), fI = [
28497
+ ), uI = ({ className: i, ...f }) => /* @__PURE__ */ G.jsx("div", { className: et("stat", i), ...f }), sI = ({ className: i, ...f }) => /* @__PURE__ */ G.jsx("div", { className: et("stat-actions", i), ...f }), cI = ({ className: i, ...f }) => /* @__PURE__ */ G.jsx("div", { className: et("stat-desc", i), ...f }), fI = ({ className: i, ...f }) => /* @__PURE__ */ G.jsx("div", { className: et("stat-figure", i), ...f }), dI = ({ className: i, ...f }) => /* @__PURE__ */ G.jsx("div", { className: et("stat-title", i), ...f }), pI = ({ className: i, ...f }) => /* @__PURE__ */ G.jsx("div", { className: et("stat-value", i), ...f }), vI = [
28470
28498
  "primary",
28471
28499
  "secondary",
28472
28500
  "accent",
@@ -28474,13 +28502,13 @@ const JP = [
28474
28502
  "success",
28475
28503
  "warning",
28476
28504
  "error"
28477
- ], dI = ({ className: i, color: f, ...u }) => /* @__PURE__ */ G.jsx(
28505
+ ], hI = ({ className: i, color: f, ...u }) => /* @__PURE__ */ G.jsx(
28478
28506
  "li",
28479
28507
  {
28480
28508
  className: et("step", f && `step-${f}`, i),
28481
28509
  ...u
28482
28510
  }
28483
- ), pI = ["horizontal", "vertical"], vI = ({ className: i, direction: f, ...u }) => /* @__PURE__ */ G.jsx(
28511
+ ), mI = ["horizontal", "vertical"], gI = ({ className: i, direction: f, ...u }) => /* @__PURE__ */ G.jsx(
28484
28512
  "ul",
28485
28513
  {
28486
28514
  className: et(
@@ -28515,7 +28543,7 @@ function ku(i, f) {
28515
28543
  function TS(i) {
28516
28544
  return i instanceof Function;
28517
28545
  }
28518
- function g$(i) {
28546
+ function y$(i) {
28519
28547
  return Array.isArray(i) && i.every((f) => typeof f == "number");
28520
28548
  }
28521
28549
  function xn(i, f, u) {
@@ -28542,7 +28570,7 @@ function xn(i, f, u) {
28542
28570
  return y;
28543
28571
  };
28544
28572
  }
28545
- function y$(i, f, u, p) {
28573
+ function S$(i, f, u, p) {
28546
28574
  var y, x;
28547
28575
  const R = {
28548
28576
  ...i._getDefaultColumnDef(),
@@ -28621,7 +28649,7 @@ function tT(i, f, u) {
28621
28649
  Object.assign(x, g.createHeader == null ? void 0 : g.createHeader(x, i));
28622
28650
  }), x;
28623
28651
  }
28624
- const S$ = {
28652
+ const x$ = {
28625
28653
  createTable: (i) => ({
28626
28654
  // Header Groups
28627
28655
  getHeaderGroups: xn(() => [i.getAllColumns(), i.getVisibleLeafColumns(), i.getState().columnPinning.left, i.getState().columnPinning.right], (f, u, p, y) => {
@@ -28832,7 +28860,7 @@ const ES = {
28832
28860
  deltaPercentage: null,
28833
28861
  isResizingColumn: !1,
28834
28862
  columnSizingStart: []
28835
- }), x$ = {
28863
+ }), C$ = {
28836
28864
  getDefaultColumnDef: () => ES,
28837
28865
  getInitialState: (i) => ({
28838
28866
  columnSizing: {},
@@ -28935,7 +28963,7 @@ const ES = {
28935
28963
  var z;
28936
28964
  document.removeEventListener("touchmove", k.moveHandler), document.removeEventListener("touchend", k.upHandler), U.cancelable && (U.preventDefault(), U.stopPropagation()), $((z = U.touches[0]) == null ? void 0 : z.clientX);
28937
28965
  }
28938
- }, H = C$() ? {
28966
+ }, H = E$() ? {
28939
28967
  passive: !1
28940
28968
  } : !1;
28941
28969
  UE(y) ? (document.addEventListener("touchmove", k.moveHandler, H), document.addEventListener("touchend", k.upHandler, H)) : (document.addEventListener("mousemove", A.moveHandler, H), document.addEventListener("mouseup", A.upHandler, H)), f.setColumnSizingInfo((U) => ({
@@ -28980,7 +29008,7 @@ const ES = {
28980
29008
  })
28981
29009
  };
28982
29010
  let bS = null;
28983
- function C$() {
29011
+ function E$() {
28984
29012
  if (typeof bS == "boolean")
28985
29013
  return bS;
28986
29014
  let i = !1;
@@ -29000,7 +29028,7 @@ function C$() {
29000
29028
  function UE(i) {
29001
29029
  return i.type === "touchstart";
29002
29030
  }
29003
- const E$ = {
29031
+ const b$ = {
29004
29032
  getInitialState: (i) => ({
29005
29033
  expanded: {},
29006
29034
  ...i
@@ -29161,7 +29189,7 @@ const nd = {
29161
29189
  function Rs(i) {
29162
29190
  return i == null || i === "";
29163
29191
  }
29164
- const b$ = {
29192
+ const w$ = {
29165
29193
  getDefaultColumnDef: () => ({
29166
29194
  filterFn: "auto"
29167
29195
  }),
@@ -29294,55 +29322,55 @@ const b$ = {
29294
29322
  function nT(i, f, u) {
29295
29323
  return (i && i.autoRemove ? i.autoRemove(f, u) : !1) || typeof f > "u" || typeof f == "string" && !f;
29296
29324
  }
29297
- const w$ = (i, f, u) => u.reduce((p, y) => {
29325
+ const R$ = (i, f, u) => u.reduce((p, y) => {
29298
29326
  const x = y.getValue(i);
29299
29327
  return p + (typeof x == "number" ? x : 0);
29300
- }, 0), R$ = (i, f, u) => {
29328
+ }, 0), _$ = (i, f, u) => {
29301
29329
  let p;
29302
29330
  return u.forEach((y) => {
29303
29331
  const x = y.getValue(i);
29304
29332
  x != null && (p > x || p === void 0 && x >= x) && (p = x);
29305
29333
  }), p;
29306
- }, _$ = (i, f, u) => {
29334
+ }, T$ = (i, f, u) => {
29307
29335
  let p;
29308
29336
  return u.forEach((y) => {
29309
29337
  const x = y.getValue(i);
29310
29338
  x != null && (p < x || p === void 0 && x >= x) && (p = x);
29311
29339
  }), p;
29312
- }, T$ = (i, f, u) => {
29340
+ }, D$ = (i, f, u) => {
29313
29341
  let p, y;
29314
29342
  return u.forEach((x) => {
29315
29343
  const g = x.getValue(i);
29316
29344
  g != null && (p === void 0 ? g >= g && (p = y = g) : (p > g && (p = g), y < g && (y = g)));
29317
29345
  }), [p, y];
29318
- }, D$ = (i, f) => {
29346
+ }, O$ = (i, f) => {
29319
29347
  let u = 0, p = 0;
29320
29348
  if (f.forEach((y) => {
29321
29349
  let x = y.getValue(i);
29322
29350
  x != null && (x = +x) >= x && (++u, p += x);
29323
29351
  }), u)
29324
29352
  return p / u;
29325
- }, O$ = (i, f) => {
29353
+ }, L$ = (i, f) => {
29326
29354
  if (!f.length)
29327
29355
  return;
29328
29356
  const u = f.map((x) => x.getValue(i));
29329
- if (!g$(u))
29357
+ if (!y$(u))
29330
29358
  return;
29331
29359
  if (u.length === 1)
29332
29360
  return u[0];
29333
29361
  const p = Math.floor(u.length / 2), y = u.sort((x, g) => x - g);
29334
29362
  return u.length % 2 !== 0 ? y[p] : (y[p - 1] + y[p]) / 2;
29335
- }, L$ = (i, f) => Array.from(new Set(f.map((u) => u.getValue(i))).values()), M$ = (i, f) => new Set(f.map((u) => u.getValue(i))).size, N$ = (i, f) => f.length, HE = {
29336
- sum: w$,
29337
- min: R$,
29338
- max: _$,
29339
- extent: T$,
29340
- mean: D$,
29341
- median: O$,
29342
- unique: L$,
29343
- uniqueCount: M$,
29344
- count: N$
29345
- }, k$ = {
29363
+ }, M$ = (i, f) => Array.from(new Set(f.map((u) => u.getValue(i))).values()), N$ = (i, f) => new Set(f.map((u) => u.getValue(i))).size, k$ = (i, f) => f.length, HE = {
29364
+ sum: R$,
29365
+ min: _$,
29366
+ max: T$,
29367
+ extent: D$,
29368
+ mean: O$,
29369
+ median: L$,
29370
+ unique: M$,
29371
+ uniqueCount: N$,
29372
+ count: k$
29373
+ }, A$ = {
29346
29374
  getDefaultColumnDef: () => ({
29347
29375
  aggregatedCell: (i) => {
29348
29376
  var f, u;
@@ -29422,13 +29450,13 @@ const w$ = (i, f, u) => u.reduce((p, y) => {
29422
29450
  }
29423
29451
  })
29424
29452
  };
29425
- function A$(i, f, u) {
29453
+ function F$(i, f, u) {
29426
29454
  if (!(f != null && f.length) || !u)
29427
29455
  return i;
29428
29456
  const p = i.filter((x) => !f.includes(x.id));
29429
29457
  return u === "remove" ? p : [...f.map((x) => i.find((g) => g.id === x)).filter(Boolean), ...p];
29430
29458
  }
29431
- const F$ = {
29459
+ const $$ = {
29432
29460
  getInitialState: (i) => ({
29433
29461
  columnOrder: [],
29434
29462
  ...i
@@ -29454,7 +29482,7 @@ const F$ = {
29454
29482
  }
29455
29483
  x = [...x, ...R];
29456
29484
  }
29457
- return A$(x, u, p);
29485
+ return F$(x, u, p);
29458
29486
  }, {
29459
29487
  key: process.env.NODE_ENV === "development" && "getOrderColumnsFn"
29460
29488
  // debug: () => table.options.debugAll ?? table.options.debugTable,
@@ -29463,7 +29491,7 @@ const F$ = {
29463
29491
  }, eb = 0, tb = 10, VE = () => ({
29464
29492
  pageIndex: eb,
29465
29493
  pageSize: tb
29466
- }), $$ = {
29494
+ }), P$ = {
29467
29495
  getInitialState: (i) => ({
29468
29496
  ...i,
29469
29497
  pagination: {
@@ -29567,7 +29595,7 @@ const F$ = {
29567
29595
  }, jE = () => ({
29568
29596
  left: [],
29569
29597
  right: []
29570
- }), P$ = {
29598
+ }), I$ = {
29571
29599
  getInitialState: (i) => ({
29572
29600
  columnPinning: jE(),
29573
29601
  ...i
@@ -29689,7 +29717,7 @@ const F$ = {
29689
29717
  }
29690
29718
  })
29691
29719
  })
29692
- }, I$ = {
29720
+ }, z$ = {
29693
29721
  getInitialState: (i) => ({
29694
29722
  rowSelection: {},
29695
29723
  ...i
@@ -29941,10 +29969,10 @@ function rT(i, f, u) {
29941
29969
  }
29942
29970
  return !1;
29943
29971
  }
29944
- const rb = /([0-9]+)/gm, z$ = (i, f, u) => lD(Ip(i.getValue(u)).toLowerCase(), Ip(f.getValue(u)).toLowerCase()), U$ = (i, f, u) => lD(Ip(i.getValue(u)), Ip(f.getValue(u))), H$ = (i, f, u) => Ab(Ip(i.getValue(u)).toLowerCase(), Ip(f.getValue(u)).toLowerCase()), V$ = (i, f, u) => Ab(Ip(i.getValue(u)), Ip(f.getValue(u))), j$ = (i, f, u) => {
29972
+ const rb = /([0-9]+)/gm, U$ = (i, f, u) => lD(Ip(i.getValue(u)).toLowerCase(), Ip(f.getValue(u)).toLowerCase()), H$ = (i, f, u) => lD(Ip(i.getValue(u)), Ip(f.getValue(u))), V$ = (i, f, u) => Ab(Ip(i.getValue(u)).toLowerCase(), Ip(f.getValue(u)).toLowerCase()), j$ = (i, f, u) => Ab(Ip(i.getValue(u)), Ip(f.getValue(u))), B$ = (i, f, u) => {
29945
29973
  const p = i.getValue(u), y = f.getValue(u);
29946
29974
  return p > y ? 1 : p < y ? -1 : 0;
29947
- }, B$ = (i, f, u) => Ab(i.getValue(u), f.getValue(u));
29975
+ }, G$ = (i, f, u) => Ab(i.getValue(u), f.getValue(u));
29948
29976
  function Ab(i, f) {
29949
29977
  return i === f ? 0 : i > f ? 1 : -1;
29950
29978
  }
@@ -29972,13 +30000,13 @@ function lD(i, f) {
29972
30000
  return u.length - p.length;
29973
30001
  }
29974
30002
  const xy = {
29975
- alphanumeric: z$,
29976
- alphanumericCaseSensitive: U$,
29977
- text: H$,
29978
- textCaseSensitive: V$,
29979
- datetime: j$,
29980
- basic: B$
29981
- }, G$ = {
30003
+ alphanumeric: U$,
30004
+ alphanumericCaseSensitive: H$,
30005
+ text: V$,
30006
+ textCaseSensitive: j$,
30007
+ datetime: B$,
30008
+ basic: G$
30009
+ }, W$ = {
29982
30010
  getInitialState: (i) => ({
29983
30011
  sorting: [],
29984
30012
  ...i
@@ -30082,7 +30110,7 @@ const xy = {
30082
30110
  getPreSortedRowModel: () => i.getGroupedRowModel(),
30083
30111
  getSortedRowModel: () => (!i._getSortedRowModel && i.options.getSortedRowModel && (i._getSortedRowModel = i.options.getSortedRowModel(i)), i.options.manualSorting || !i._getSortedRowModel ? i.getPreSortedRowModel() : i._getSortedRowModel())
30084
30112
  })
30085
- }, W$ = {
30113
+ }, Y$ = {
30086
30114
  getInitialState: (i) => ({
30087
30115
  columnVisibility: {},
30088
30116
  ...i
@@ -30159,8 +30187,8 @@ const xy = {
30159
30187
  }
30160
30188
  };
30161
30189
  }
30162
- }, iT = [S$, W$, F$, P$, b$, G$, k$, E$, $$, I$, x$];
30163
- function Y$(i) {
30190
+ }, iT = [x$, Y$, $$, I$, w$, W$, A$, b$, P$, z$, C$];
30191
+ function Q$(i) {
30164
30192
  var f;
30165
30193
  (i.debugAll || i.debugTable) && console.info("Creating Table Instance...");
30166
30194
  let u = {
@@ -30247,7 +30275,7 @@ function Y$(i) {
30247
30275
  getAllColumns: xn(() => [u._getColumnDefs()], (L) => {
30248
30276
  const $ = function(A, k, H) {
30249
30277
  return H === void 0 && (H = 0), A.map((U) => {
30250
- const z = y$(u, U, H, k), q = U;
30278
+ const z = S$(u, U, H, k), q = U;
30251
30279
  return z.columns = q.columns ? $(q.columns, z, H + 1) : [], z;
30252
30280
  });
30253
30281
  };
@@ -30301,21 +30329,21 @@ function Y$(i) {
30301
30329
  * @license MIT
30302
30330
  */
30303
30331
  function aT(i, f) {
30304
- return i ? Q$(i) ? /* @__PURE__ */ Ha.createElement(i, f) : i : null;
30305
- }
30306
- function Q$(i) {
30307
- return q$(i) || typeof i == "function" || K$(i);
30332
+ return i ? q$(i) ? /* @__PURE__ */ Ha.createElement(i, f) : i : null;
30308
30333
  }
30309
30334
  function q$(i) {
30335
+ return K$(i) || typeof i == "function" || X$(i);
30336
+ }
30337
+ function K$(i) {
30310
30338
  return typeof i == "function" && (() => {
30311
30339
  const f = Object.getPrototypeOf(i);
30312
30340
  return f.prototype && f.prototype.isReactComponent;
30313
30341
  })();
30314
30342
  }
30315
- function K$(i) {
30343
+ function X$(i) {
30316
30344
  return typeof i == "object" && typeof i.$$typeof == "symbol" && ["react.memo", "react.forward_ref"].includes(i.$$typeof.description);
30317
30345
  }
30318
- function X$(i) {
30346
+ function Z$(i) {
30319
30347
  const f = {
30320
30348
  state: {},
30321
30349
  // Dummy state
@@ -30325,7 +30353,7 @@ function X$(i) {
30325
30353
  renderFallbackValue: null,
30326
30354
  ...i
30327
30355
  }, [u] = Ha.useState(() => ({
30328
- current: Y$(f)
30356
+ current: Q$(f)
30329
30357
  })), [p, y] = Ha.useState(() => u.current.initialState);
30330
30358
  return u.current.setOptions((x) => ({
30331
30359
  ...x,
@@ -30341,9 +30369,9 @@ function X$(i) {
30341
30369
  }
30342
30370
  })), u.current;
30343
30371
  }
30344
- const Z$ = ({
30372
+ const J$ = ({
30345
30373
  column: i
30346
- }) => i.getCanSort() ? i.getIsSorted() === "asc" ? /* @__PURE__ */ G.jsx(SN, {}) : i.getIsSorted() === "desc" ? /* @__PURE__ */ G.jsx(xN, {}) : /* @__PURE__ */ G.jsx(CN, {}) : null, hI = ["lg", "md", "sm", "xs"], mI = ({
30374
+ }) => i.getCanSort() ? i.getIsSorted() === "asc" ? /* @__PURE__ */ G.jsx(SN, {}) : i.getIsSorted() === "desc" ? /* @__PURE__ */ G.jsx(xN, {}) : /* @__PURE__ */ G.jsx(CN, {}) : null, yI = ["lg", "md", "sm", "xs"], SI = ({
30347
30375
  cellClassNames: i,
30348
30376
  className: f,
30349
30377
  enableGlobalFilter: u,
@@ -30360,7 +30388,7 @@ const Z$ = ({
30360
30388
  size: k,
30361
30389
  ...H
30362
30390
  }) => {
30363
- const U = X$({
30391
+ const U = Z$({
30364
30392
  enableGlobalFilter: u,
30365
30393
  enableRowSelection: y,
30366
30394
  getRowId: ({ id: ce }) => ce.toString(),
@@ -30416,7 +30444,7 @@ const Z$ = ({
30416
30444
  onClick: ve.getCanSort() ? ve.getToggleSortingHandler() : void 0,
30417
30445
  children: Se ? null : /* @__PURE__ */ G.jsxs("div", { className: "flex items-center", children: [
30418
30446
  aT(ve.columnDef.header, pe()),
30419
- /* @__PURE__ */ G.jsx(Z$, { column: ve })
30447
+ /* @__PURE__ */ G.jsx(J$, { column: ve })
30420
30448
  ] })
30421
30449
  },
30422
30450
  Re
@@ -30452,7 +30480,7 @@ const Z$ = ({
30452
30480
  O === !0 ? /* @__PURE__ */ G.jsx(KT, {}) : null
30453
30481
  ] }),
30454
30482
  /* @__PURE__ */ G.jsx(
30455
- p$,
30483
+ v$,
30456
30484
  {
30457
30485
  metadata: L,
30458
30486
  onPaginationChange: (ce) => le(ce - 1),
@@ -30460,7 +30488,7 @@ const Z$ = ({
30460
30488
  }
30461
30489
  )
30462
30490
  ] });
30463
- }, gI = ["xs", "sm", "md", "lg"], yI = ({
30491
+ }, xI = ["xs", "sm", "md", "lg"], CI = ({
30464
30492
  bordered: i,
30465
30493
  boxed: f,
30466
30494
  children: u,
@@ -30517,35 +30545,7 @@ const Z$ = ({
30517
30545
  ]
30518
30546
  }
30519
30547
  );
30520
- }, SI = (i) => /* @__PURE__ */ G.jsx(Cy.Panel, { ...i }), xI = ["top", "bottom", "left", "right"], CI = [
30521
- "primary",
30522
- "secondary",
30523
- "accent",
30524
- "info",
30525
- "warning",
30526
- "success",
30527
- "error"
30528
- ], EI = ({
30529
- className: i,
30530
- color: f,
30531
- open: u,
30532
- position: p,
30533
- text: y,
30534
- ...x
30535
- }) => /* @__PURE__ */ G.jsx(
30536
- "div",
30537
- {
30538
- className: et(
30539
- "tooltip",
30540
- u && "tooltip-open",
30541
- p && `tooltip-${p}`,
30542
- f && `tooltip-${f}`,
30543
- i
30544
- ),
30545
- "data-tip": y,
30546
- ...x
30547
- }
30548
- ), J$ = ({
30548
+ }, EI = (i) => /* @__PURE__ */ G.jsx(Cy.Panel, { ...i }), eP = ({
30549
30549
  children: i,
30550
30550
  className: f,
30551
30551
  disabled: u,
@@ -30565,7 +30565,7 @@ const Z$ = ({
30565
30565
  value: y,
30566
30566
  children: i
30567
30567
  }
30568
- ), eP = ({
30568
+ ), tP = ({
30569
30569
  children: i,
30570
30570
  className: f,
30571
30571
  disabled: u,
@@ -30588,19 +30588,19 @@ const Z$ = ({
30588
30588
  children: i
30589
30589
  }
30590
30590
  );
30591
- }, tP = ({
30591
+ }, nP = ({
30592
30592
  debounceTime: i,
30593
30593
  onDebouncedChange: f,
30594
30594
  options: u
30595
30595
  }) => {
30596
- const [p, y] = Ar([]), [x, g] = Ar(!1), R = ut(null), _ = ut(null), { isLoading: O, query: L, setQuery: $ } = r$({
30596
+ const [p, y] = Ar([]), [x, g] = Ar(!1), R = ut(null), _ = ut(null), { isLoading: O, query: L, setQuery: $ } = i$({
30597
30597
  debounceTime: i,
30598
30598
  onDebouncedChange: f,
30599
30599
  options: u
30600
30600
  }), A = (k) => y(
30601
30601
  (H) => H.filter((U, z) => k !== z)
30602
30602
  );
30603
- return n$(R, () => g(!1)), sn(() => {
30603
+ return r$(R, () => g(!1)), sn(() => {
30604
30604
  var k;
30605
30605
  x ? (k = _.current) == null || k.focus() : $("");
30606
30606
  }, [x]), {
@@ -30660,7 +30660,7 @@ const Z$ = ({
30660
30660
  setShowDropdown: Ce,
30661
30661
  setSelectedItems: Oe,
30662
30662
  setQuery: Ge
30663
- } = tP({
30663
+ } = nP({
30664
30664
  debounceTime: x,
30665
30665
  onDebouncedChange: De,
30666
30666
  options: ve
@@ -30674,7 +30674,7 @@ const Z$ = ({
30674
30674
  setSelectedItems: Oe,
30675
30675
  valueMode: O
30676
30676
  });
30677
- const { setFocus: Rt } = Up(), de = Hp(le, Re) ?? p ?? void 0, xe = R === void 0 || W === !0, $t = W === !0 ? J$ : eP;
30677
+ const { setFocus: Rt } = Up(), de = Hp(le, Re) ?? p ?? void 0, xe = R === void 0 || W === !0, $t = W === !0 ? eP : tP;
30678
30678
  return /* @__PURE__ */ G.jsxs(
30679
30679
  $t,
30680
30680
  {
@@ -30802,103 +30802,103 @@ const Z$ = ({
30802
30802
  output: (i) => i.length > 0 ? i : null
30803
30803
  };
30804
30804
  export {
30805
- sP as ALERT_COLORS,
30805
+ cP as ALERT_COLORS,
30806
30806
  sN as Alert,
30807
- fP as AlertMessages,
30808
- cP as AlertMessagesProvider,
30809
- dP as Avatar,
30810
- pP as AvatarGroup,
30811
- vP as BADGE_COLORS,
30812
- hP as BADGE_SIZES,
30813
- lP as BUTTON_COLORS,
30814
- oP as BUTTON_SHAPES,
30815
- uP as BUTTON_SIZES,
30807
+ dP as AlertMessages,
30808
+ fP as AlertMessagesProvider,
30809
+ pP as Avatar,
30810
+ vP as AvatarGroup,
30811
+ hP as BADGE_COLORS,
30812
+ mP as BADGE_SIZES,
30813
+ oP as BUTTON_COLORS,
30814
+ uP as BUTTON_SHAPES,
30815
+ sP as BUTTON_SIZES,
30816
30816
  RN as Badge,
30817
30817
  $o as Button,
30818
- SP as ButtonArray,
30819
- _P as CHECKBOX_COLORS,
30820
- TP as CHECKBOX_SIZES,
30821
- xP as Card,
30822
- CP as CardActions,
30823
- EP as CardBody,
30824
- bP as CardTitle,
30818
+ EP as ButtonArray,
30819
+ OP as CHECKBOX_COLORS,
30820
+ LP as CHECKBOX_SIZES,
30821
+ bP as Card,
30822
+ wP as CardActions,
30823
+ RP as CardBody,
30824
+ _P as CardTitle,
30825
30825
  fN as CheckIcon,
30826
30826
  pT as ChevronDownIcon,
30827
30827
  dN as ChevronUpIcon,
30828
30828
  pN as CloseIcon,
30829
- e$ as Disclosure,
30829
+ t$ as Disclosure,
30830
30830
  QT as DropdownMenu,
30831
30831
  vN as EllipsisVerticalIcon,
30832
30832
  hN as ErrorIcon,
30833
30833
  mN as EyeIcon,
30834
30834
  gN as EyeSlashIcon,
30835
- MP as FILE_INPUT_COLORS,
30836
- NP as FILE_INPUT_SIZES,
30837
- wP as Form,
30838
- DP as FormCheckbox,
30839
- i$ as FormControl,
30835
+ AP as FILE_INPUT_COLORS,
30836
+ FP as FILE_INPUT_SIZES,
30837
+ TP as Form,
30838
+ MP as FormCheckbox,
30839
+ a$ as FormControl,
30840
30840
  Pm as FormError,
30841
- kP as FormFileInput,
30841
+ $P as FormFileInput,
30842
30842
  Ts as FormLabel,
30843
- $P as FormRadio,
30844
- PP as FormRadioGroup,
30845
- IP as FormRadioGroupOption,
30846
- c$ as FormRangeSlider,
30847
- HP as FormTextarea,
30848
- BP as FormToggleSwitch,
30843
+ zP as FormRadio,
30844
+ UP as FormRadioGroup,
30845
+ HP as FormRadioGroupOption,
30846
+ f$ as FormRangeSlider,
30847
+ BP as FormTextarea,
30848
+ YP as FormToggleSwitch,
30849
30849
  KT as FullScreenLoader,
30850
- OP as INPUT_COLORS,
30851
- LP as INPUT_SIZES,
30850
+ NP as INPUT_COLORS,
30851
+ kP as INPUT_SIZES,
30852
30852
  yN as InfoIcon,
30853
- GP as LINK_COLORS,
30854
- YP as LOADING_SHAPES,
30855
- QP as LOADING_SIZES,
30856
- WP as Link,
30857
- qP as Loading,
30858
- KP as LoadingCard,
30859
- yP as MENU_LAYOUTS,
30860
- gP as MENU_SIZES,
30861
- XP as MODAL_POSITIONS,
30853
+ QP as LINK_COLORS,
30854
+ KP as LOADING_SHAPES,
30855
+ XP as LOADING_SIZES,
30856
+ qP as Link,
30857
+ ZP as Loading,
30858
+ JP as LoadingCard,
30859
+ SP as MENU_LAYOUTS,
30860
+ yP as MENU_SIZES,
30861
+ eI as MODAL_POSITIONS,
30862
30862
  $S as Menu,
30863
30863
  Ry as MenuItem,
30864
- f$ as Modal,
30865
- JP as PROGRESS_COLORS,
30866
- p$ as Pagination,
30867
- ZP as PasswordInput,
30868
- v$ as Popover,
30869
- eI as Progress,
30870
- AP as RADIO_COLORS,
30871
- FP as RADIO_SIZES,
30872
- tI as RadialProgress,
30873
- rI as STATS_LAYOUTS,
30874
- pI as STEPS_DIRECTIONS,
30875
- fI as STEP_COLORS,
30876
- nI as Select,
30864
+ d$ as Modal,
30865
+ nI as PROGRESS_COLORS,
30866
+ v$ as Pagination,
30867
+ tI as PasswordInput,
30868
+ h$ as Popover,
30869
+ rI as Progress,
30870
+ PP as RADIO_COLORS,
30871
+ IP as RADIO_SIZES,
30872
+ iI as RadialProgress,
30873
+ lI as STATS_LAYOUTS,
30874
+ mI as STEPS_DIRECTIONS,
30875
+ vI as STEP_COLORS,
30876
+ aI as Select,
30877
30877
  SN as SortAscendingIcon,
30878
30878
  xN as SortDescendingIcon,
30879
30879
  CN as SortIcon,
30880
- aI as Stat,
30881
- lI as StatActions,
30882
- oI as StatDesc,
30883
- uI as StatFigure,
30884
- sI as StatTitle,
30885
- cI as StatValue,
30886
- iI as Stats,
30887
- dI as Step,
30888
- vI as Steps,
30880
+ uI as Stat,
30881
+ sI as StatActions,
30882
+ cI as StatDesc,
30883
+ fI as StatFigure,
30884
+ dI as StatTitle,
30885
+ pI as StatValue,
30886
+ oI as Stats,
30887
+ hI as Step,
30888
+ gI as Steps,
30889
30889
  EN as SuccessIcon,
30890
- hI as TABLE_SIZES,
30891
- gI as TAB_SIZES,
30892
- zP as TEXTAREA_COLORS,
30893
- UP as TEXTAREA_SIZES,
30894
- VP as TOGGLE_COLORS,
30895
- jP as TOGGLE_SIZES,
30896
- CI as TOOLTIP_COLORS,
30897
- xI as TOOLTIP_POSITIONS,
30898
- SI as TabContent,
30899
- mI as Table,
30900
- yI as Tabs,
30901
- EI as Tooltip,
30890
+ yI as TABLE_SIZES,
30891
+ xI as TAB_SIZES,
30892
+ VP as TEXTAREA_COLORS,
30893
+ jP as TEXTAREA_SIZES,
30894
+ GP as TOGGLE_COLORS,
30895
+ WP as TOGGLE_SIZES,
30896
+ CP as TOOLTIP_COLORS,
30897
+ xP as TOOLTIP_POSITIONS,
30898
+ EI as TabContent,
30899
+ SI as Table,
30900
+ CI as Tabs,
30901
+ ZF as Tooltip,
30902
30902
  bI as TypeaheadSelect,
30903
30903
  bN as WarningIcon,
30904
30904
  uT as dataItemComparator,
@@ -30906,11 +30906,11 @@ export {
30906
30906
  wI as integerInputTransformer,
30907
30907
  RI as nullEmptyStringTransformer,
30908
30908
  cN as useAlertMessages,
30909
- t$ as useDebouncedValue,
30909
+ n$ as useDebouncedValue,
30910
30910
  Hp as useFieldColor,
30911
- RP as useFormValues,
30912
- n$ as useOutsideClick,
30913
- r$ as useTypeaheadQuery,
30914
- tP as useTypeaheadSelect,
30911
+ DP as useFormValues,
30912
+ r$ as useOutsideClick,
30913
+ i$ as useTypeaheadQuery,
30914
+ nP as useTypeaheadSelect,
30915
30915
  eT as useValueChangeEffect
30916
30916
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "stratosphere-ui",
3
- "version": "1.2.0",
3
+ "version": "1.3.0",
4
4
  "description": "React component library for all Stratosphere Labs user interfaces",
5
5
  "type": "module",
6
6
  "files": [
@@ -56,6 +56,7 @@
56
56
  "@tanstack/react-table": "^8.9.3",
57
57
  "@testing-library/jest-dom": "^6.1.2",
58
58
  "@testing-library/react": "^14.0.0",
59
+ "@testing-library/user-event": "^14.4.3",
59
60
  "@types/lodash.groupby": "^4.6.7",
60
61
  "@types/lodash.isequal": "^4.5.6",
61
62
  "@types/node": "^18.15.12",