@mt-gloss/ui 0.1.68 → 0.1.69

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.
@@ -720,31 +720,31 @@ const el = {
720
720
  }, [c, l, u]), O = N((z, K = !1) => {
721
721
  const q = [M(z[0]), M(z[1])];
722
722
  q[0] > q[1] - p && (x === 0 ? q[0] = q[1] - p : q[1] = q[0] + p), q[0] = Math.max(c, q[0]), q[1] = Math.min(l, q[1]), w || P(q), i?.(q), K && o?.(q);
723
- }, [M, p, x, c, l, w, i, o]), U = N((z, K) => {
723
+ }, [M, p, x, c, l, w, i, o]), Y = N((z, K) => {
724
724
  if (!I.current) return 0;
725
- const q = I.current.getBoundingClientRect(), Y = b === "horizontal" ? (z - q.left) / q.width : 1 - (K - q.top) / q.height;
726
- return c + Math.min(1, Math.max(0, Y)) * (l - c);
725
+ const q = I.current.getBoundingClientRect(), U = b === "horizontal" ? (z - q.left) / q.width : 1 - (K - q.top) / q.height;
726
+ return c + Math.min(1, Math.max(0, U)) * (l - c);
727
727
  }, [b, c, l]), V = N((z) => {
728
728
  if (_) return;
729
729
  z.preventDefault();
730
- const K = U(z.clientX, z.clientY), q = Math.abs(K - $[0]) <= Math.abs(K - $[1]) ? 0 : 1;
730
+ const K = Y(z.clientX, z.clientY), q = Math.abs(K - $[0]) <= Math.abs(K - $[1]) ? 0 : 1;
731
731
  D(q);
732
- const Y = [...$];
733
- Y[q] = K, O(Y);
734
- }, [_, U, $, O]);
732
+ const U = [...$];
733
+ U[q] = K, O(U);
734
+ }, [_, Y, $, O]);
735
735
  se(() => {
736
736
  if (x === null) return;
737
737
  const z = (q) => {
738
- const Y = [...$];
739
- Y[x] = U(q.clientX, q.clientY), O(Y);
738
+ const U = [...$];
739
+ U[x] = Y(q.clientX, q.clientY), O(U);
740
740
  }, K = (q) => {
741
- const Y = [...$];
742
- Y[x] = U(q.clientX, q.clientY), O(Y, !0), D(null);
741
+ const U = [...$];
742
+ U[x] = Y(q.clientX, q.clientY), O(U, !0), D(null);
743
743
  };
744
744
  return document.addEventListener("mousemove", z), document.addEventListener("mouseup", K), () => {
745
745
  document.removeEventListener("mousemove", z), document.removeEventListener("mouseup", K);
746
746
  };
747
- }, [x, U, $, O]);
747
+ }, [x, Y, $, O]);
748
748
  const B = N((z) => (K) => {
749
749
  if (_) return;
750
750
  let q = 0;
@@ -752,8 +752,8 @@ const el = {
752
752
  else if (K.key === "ArrowLeft" || K.key === "ArrowDown") q = -u;
753
753
  else return;
754
754
  K.preventDefault();
755
- const Y = [...$];
756
- Y[z] += q, O(Y, !0);
755
+ const U = [...$];
756
+ U[z] += q, O(U, !0);
757
757
  }, [_, u, $, O]), W = Math.abs(A - T) < 5, j = { ...tl, ...el[a] }, G = ["gloss-preset-rangeslider", `gloss-preset-rangeslider--${a}`, _ && "gloss-preset-rangeslider--disabled"].filter(Boolean).join(" ");
758
758
  return /* @__PURE__ */ d("div", { className: G, children: [
759
759
  v && /* @__PURE__ */ d("label", { className: "gloss-preset-rangeslider__label", htmlFor: C, children: [
@@ -915,7 +915,7 @@ const nl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], sl = ["January", "
915
915
  se(() => {
916
916
  T && M(T);
917
917
  }, [T]);
918
- const O = gn({ enabled: P, onEscape: () => x(!1) }), U = te(() => ll(A.getFullYear(), A.getMonth(), T, y, c, l, u, p), [A, T, y, c, l, u, p]), V = te(() => {
918
+ const O = gn({ enabled: P, onEscape: () => x(!1) }), Y = te(() => ll(A.getFullYear(), A.getMonth(), T, y, c, l, u, p), [A, T, y, c, l, u, p]), V = te(() => {
919
919
  const X = [...nl];
920
920
  if (y > 0) {
921
921
  const ee = X.splice(0, y);
@@ -943,13 +943,13 @@ const nl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], sl = ["January", "
943
943
  radius: Ce.Md,
944
944
  elevation: qe.Card,
945
945
  ...cl[n]
946
- }, K = { bg: R.BrandPrimary, color: R.TextInverse, radius: Ce.Sm }, q = { bg: R.BgMuted, radius: Ce.Sm }, Y = [
946
+ }, K = { bg: R.BrandPrimary, color: R.TextInverse, radius: Ce.Sm }, q = { bg: R.BgMuted, radius: Ce.Sm }, U = [
947
947
  "gloss-preset-datepicker",
948
948
  `gloss-preset-datepicker--${a}`,
949
949
  `gloss-preset-datepicker--${n}`,
950
950
  v && "gloss-preset-datepicker--disabled"
951
951
  ].filter(Boolean).join(" ");
952
- return /* @__PURE__ */ d("div", { className: Y, ref: g, children: [
952
+ return /* @__PURE__ */ d("div", { className: U, ref: g, children: [
953
953
  b && /* @__PURE__ */ d("label", { className: "gloss-preset-datepicker__label", htmlFor: I, children: [
954
954
  b,
955
955
  k && /* @__PURE__ */ e("span", { className: "gloss-preset-datepicker__required", children: "*" })
@@ -972,7 +972,7 @@ const nl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], sl = ["January", "
972
972
  /* @__PURE__ */ e("button", { type: "button", className: "gloss-preset-datepicker__nav-btn", onClick: () => j(1), "aria-label": "Next month", children: /* @__PURE__ */ e(_e, { name: "chevron-right", size: "sm" }) })
973
973
  ] }),
974
974
  /* @__PURE__ */ e("div", { className: "gloss-preset-datepicker__day-headers", children: V.map((X) => /* @__PURE__ */ e("span", { className: "gloss-preset-datepicker__day-header", children: X }, X)) }),
975
- /* @__PURE__ */ e(Qa, { children: U.map((X, ee) => /* @__PURE__ */ e(
975
+ /* @__PURE__ */ e(Qa, { children: Y.map((X, ee) => /* @__PURE__ */ e(
976
976
  _s,
977
977
  {
978
978
  definition: X.isSelected ? K : X.isToday ? q : void 0,
@@ -1059,13 +1059,13 @@ const Or = (r) => {
1059
1059
  radius: Ce.Md,
1060
1060
  elevation: qe.Card,
1061
1061
  ...pl[n]
1062
- }, U = [
1062
+ }, Y = [
1063
1063
  "gloss-preset-timepicker",
1064
1064
  `gloss-preset-timepicker--${a}`,
1065
1065
  `gloss-preset-timepicker--${n}`,
1066
1066
  _ && "gloss-preset-timepicker--disabled"
1067
1067
  ].filter(Boolean).join(" ");
1068
- return /* @__PURE__ */ d("div", { className: U, ref: C, children: [
1068
+ return /* @__PURE__ */ d("div", { className: Y, ref: C, children: [
1069
1069
  y && /* @__PURE__ */ e("label", { className: "gloss-preset-timepicker__label", htmlFor: S, children: y }),
1070
1070
  /* @__PURE__ */ e("input", { ref: t, type: "hidden", id: S, name: k, value: w }),
1071
1071
  /* @__PURE__ */ d("button", { type: "button", className: "gloss-preset-timepicker__trigger", onClick: () => !_ && g((V) => !V), disabled: _, "aria-haspopup": "listbox", "aria-expanded": I, children: [
@@ -1130,7 +1130,7 @@ const hl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], bl = ["January", "
1130
1130
  clearable: k = !0,
1131
1131
  id: E,
1132
1132
  name: S
1133
- } = r, C = Le(), I = E || C, g = ie(null), [P, x] = H(!1), [D, w] = H(i), [$, T] = H(!1), A = s !== void 0, M = A ? s : D, [O, U] = H(() => M.start || /* @__PURE__ */ new Date()), V = te(() => {
1133
+ } = r, C = Le(), I = E || C, g = ie(null), [P, x] = H(!1), [D, w] = H(i), [$, T] = H(!1), A = s !== void 0, M = A ? s : D, [O, Y] = H(() => M.start || /* @__PURE__ */ new Date()), V = te(() => {
1134
1134
  const de = new Date(O);
1135
1135
  return de.setMonth(de.getMonth() + 1), de;
1136
1136
  }, [O]), B = gn({ enabled: P, onEscape: () => x(!1) }), W = te(() => Pa(O.getFullYear(), O.getMonth(), M, b, c, l), [O, M, b, c, l]), j = te(() => Pa(V.getFullYear(), V.getMonth(), M, b, c, l), [V, M, b, c, l]), G = te(() => {
@@ -1153,7 +1153,7 @@ const hl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], bl = ["January", "
1153
1153
  de.stopPropagation();
1154
1154
  const pe = { start: null, end: null };
1155
1155
  A || w(pe), o?.(pe), T(!1);
1156
- }, [A, o]), q = N((de) => U((pe) => {
1156
+ }, [A, o]), q = N((de) => Y((pe) => {
1157
1157
  const le = new Date(pe);
1158
1158
  return le.setMonth(le.getMonth() + de), le;
1159
1159
  }), []);
@@ -1164,7 +1164,7 @@ const hl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], bl = ["January", "
1164
1164
  };
1165
1165
  return document.addEventListener("mousedown", de), () => document.removeEventListener("mousedown", de);
1166
1166
  }, [P]);
1167
- const Y = te(() => !M.start && !M.end ? "" : M.start && !M.end ? `${Er(M.start, f)} - ...` : M.start && M.end ? `${Er(M.start, f)} - ${Er(M.end, f)}` : "", [M, f]), X = {
1167
+ const U = te(() => !M.start && !M.end ? "" : M.start && !M.end ? `${Er(M.start, f)} - ...` : M.start && M.end ? `${Er(M.start, f)} - ${Er(M.end, f)}` : "", [M, f]), X = {
1168
1168
  bg: R.BgSurface,
1169
1169
  borderColor: a === "error" ? R.BorderError : a === "success" ? R.BorderSuccess : R.BorderDefault,
1170
1170
  radius: Ce.Md,
@@ -1194,7 +1194,7 @@ const hl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], bl = ["January", "
1194
1194
  /* @__PURE__ */ e("input", { type: "hidden", name: S ? `${S}[end]` : void 0, value: M.end ? M.end.toISOString() : "" }),
1195
1195
  /* @__PURE__ */ d("button", { type: "button", className: "gloss-preset-daterangepicker__trigger", onClick: () => !h && x((de) => !de), disabled: h, "aria-haspopup": "dialog", "aria-expanded": P, children: [
1196
1196
  /* @__PURE__ */ e(_e, { name: "calendar", size: "sm" }),
1197
- /* @__PURE__ */ e("span", { className: `gloss-preset-daterangepicker__value ${Y ? "" : "gloss-preset-daterangepicker__placeholder"}`, children: Y || y }),
1197
+ /* @__PURE__ */ e("span", { className: `gloss-preset-daterangepicker__value ${U ? "" : "gloss-preset-daterangepicker__placeholder"}`, children: U || y }),
1198
1198
  k && (M.start || M.end) && /* @__PURE__ */ e("span", { className: "gloss-preset-daterangepicker__clear", onClick: K, role: "button", tabIndex: -1, children: /* @__PURE__ */ e(_e, { name: "x", size: "sm" }) }),
1199
1199
  /* @__PURE__ */ e(_e, { name: "chevron-down", size: "sm" })
1200
1200
  ] }),
@@ -1262,7 +1262,7 @@ const _l = () => Math.random().toString(36).slice(2, 11), Ra = (r) => {
1262
1262
  W?.preview && URL.revokeObjectURL(W.preview), $(w.filter((j) => j.id !== B)), f?.(B);
1263
1263
  }, [w, $, f]), O = N((B) => {
1264
1264
  B.preventDefault(), B.stopPropagation(), x(!1), !p && B.dataTransfer.files.length > 0 && A(B.dataTransfer.files);
1265
- }, [p, A]), U = {
1265
+ }, [p, A]), Y = {
1266
1266
  bg: R.BgMuted,
1267
1267
  borderColor: a === "error" ? R.BorderError : R.BorderDefault,
1268
1268
  borderStyle: "dashed",
@@ -1297,7 +1297,7 @@ const _l = () => Math.random().toString(36).slice(2, 11), Ra = (r) => {
1297
1297
  /* @__PURE__ */ d(
1298
1298
  ks,
1299
1299
  {
1300
- definition: U,
1300
+ definition: Y,
1301
1301
  dragging: P,
1302
1302
  disabled: p,
1303
1303
  onClick: () => !p && C.current?.click(),
@@ -1398,8 +1398,8 @@ const Nl = [
1398
1398
  id: f,
1399
1399
  name: y
1400
1400
  } = r, b = Le(), _ = f || b, v = ie(null), [h, k] = H(!1), [E, S] = H(s), C = n !== void 0, I = C ? n : E, g = or(I) || { r: 59, g: 130, b: 246 }, P = N((A, M, O) => {
1401
- const U = Ba(A, M, O, o);
1402
- C || S(U), i?.(U);
1401
+ const Y = Ba(A, M, O, o);
1402
+ C || S(Y), i?.(Y);
1403
1403
  }, [o, C, i]), x = N((A) => {
1404
1404
  const M = or(A);
1405
1405
  M && P(M.r, M.g, M.b);
@@ -1720,8 +1720,8 @@ const Fl = {
1720
1720
  ].filter(Boolean).join(" "), E = ie(null), S = N((g) => {
1721
1721
  if (!g || !p) return;
1722
1722
  g.style.height = "auto";
1723
- const P = getComputedStyle(g), x = parseFloat(P.lineHeight) || parseFloat(P.fontSize) * 1.2, D = parseFloat(P.paddingTop) || 0, w = parseFloat(P.paddingBottom) || 0, $ = parseFloat(P.borderTopWidth) || 0, T = parseFloat(P.borderBottomWidth) || 0, A = D + w + $ + T, M = m ? x * m + A : 0, O = f ? x * f + A : 1 / 0, U = Math.min(Math.max(g.scrollHeight, M), O);
1724
- g.style.height = `${U}px`;
1723
+ const P = getComputedStyle(g), x = parseFloat(P.lineHeight) || parseFloat(P.fontSize) * 1.2, D = parseFloat(P.paddingTop) || 0, w = parseFloat(P.paddingBottom) || 0, $ = parseFloat(P.borderTopWidth) || 0, T = parseFloat(P.borderBottomWidth) || 0, A = D + w + $ + T, M = m ? x * m + A : 0, O = f ? x * f + A : 1 / 0, Y = Math.min(Math.max(g.scrollHeight, M), O);
1724
+ g.style.height = `${Y}px`;
1725
1725
  }, [p, m, f]), C = N((g) => {
1726
1726
  E.current = g, typeof t == "function" ? t(g) : t && (t.current = g), S(g);
1727
1727
  }, [t, S]), I = _.onChange;
@@ -1781,8 +1781,8 @@ const Hl = {
1781
1781
  }, [I, S, o]), P = N((M) => {
1782
1782
  const O = M.target.value;
1783
1783
  if (O === "" || O === "-") return;
1784
- const U = parseFloat(O);
1785
- isNaN(U) || g(U);
1784
+ const Y = parseFloat(O);
1785
+ isNaN(Y) || g(Y);
1786
1786
  }, [g]), x = N((M) => {
1787
1787
  M.key === "ArrowUp" && (M.preventDefault(), g(C + u)), M.key === "ArrowDown" && (M.preventDefault(), g(C - u));
1788
1788
  }, [C, u, g]), D = c !== void 0 && C <= c, w = l !== void 0 && C >= l, $ = h ? h(C) : String(C), T = {
@@ -3571,7 +3571,7 @@ const Pr = {
3571
3571
  lineHeight: 1.1,
3572
3572
  whiteSpace: "nowrap",
3573
3573
  overflow: "hidden"
3574
- }, U = {
3574
+ }, Y = {
3575
3575
  fontSize: 10.5,
3576
3576
  color: "rgba(0,0,0,0.35)",
3577
3577
  overflow: "hidden",
@@ -3580,7 +3580,7 @@ const Pr = {
3580
3580
  flex: 1,
3581
3581
  minWidth: 0
3582
3582
  }, V = a === "sparkline" || a === "bars", B = V && c ? {
3583
- ...U,
3583
+ ...Y,
3584
3584
  backgroundColor: "rgba(255,255,255,0.78)",
3585
3585
  backdropFilter: "blur(4px)",
3586
3586
  WebkitBackdropFilter: "blur(4px)",
@@ -3589,7 +3589,7 @@ const Pr = {
3589
3589
  color: "rgba(0,0,0,0.5)",
3590
3590
  flex: "none",
3591
3591
  minWidth: void 0
3592
- } : U, W = () => {
3592
+ } : Y, W = () => {
3593
3593
  const K = E === "down" ? "▼" : "▲";
3594
3594
  return /* @__PURE__ */ e(
3595
3595
  "div",
@@ -3619,7 +3619,7 @@ const Pr = {
3619
3619
  prefix: i?.prefix || "",
3620
3620
  suffix: i?.suffix || "",
3621
3621
  abbreviated: i?.abbreviated
3622
- }), Y = Sa(K.length, l), X = Math.max(Y - 4, 14);
3622
+ }), U = Sa(K.length, l), X = Math.max(U - 4, 14);
3623
3623
  return /* @__PURE__ */ d("div", { style: { display: "flex", alignItems: "center", gap: 12, flex: 1 }, children: [
3624
3624
  /* @__PURE__ */ d("div", { style: { display: "flex", flexDirection: "column" }, children: [
3625
3625
  /* @__PURE__ */ e(
@@ -3627,7 +3627,7 @@ const Pr = {
3627
3627
  {
3628
3628
  style: {
3629
3629
  fontWeight: 700,
3630
- fontSize: Y,
3630
+ fontSize: U,
3631
3631
  letterSpacing: "-0.03em",
3632
3632
  color: "rgba(0,0,0,0.87)",
3633
3633
  lineHeight: 1.1
@@ -4018,7 +4018,7 @@ const En = (r) => {
4018
4018
  }, [w, T]), M = te(
4019
4019
  () => Uc(w, $),
4020
4020
  [w, $]
4021
- ), O = b && s, [U, V] = H(!1);
4021
+ ), O = b && s, [Y, V] = H(!1);
4022
4022
  se(() => {
4023
4023
  s || V(!1);
4024
4024
  }, [s]);
@@ -4067,7 +4067,7 @@ const En = (r) => {
4067
4067
  outsidePress: !0,
4068
4068
  outsidePressEvent: "mousedown",
4069
4069
  escapeKey: !0
4070
- }), { getFloatingProps: q, getReferenceProps: Y } = cn([K]), ee = (u ? B : G ?? B).startsWith("top") ? "up" : "down", ye = !O || M ? "collapsed" : ee === "up" ? "expanded-up" : "expanded-down", de = {
4070
+ }), { getFloatingProps: q, getReferenceProps: U } = cn([K]), ee = (u ? B : G ?? B).startsWith("top") ? "up" : "down", ye = !O || M ? "collapsed" : ee === "up" ? "expanded-up" : "expanded-down", de = {
4071
4071
  display: "inline-flex",
4072
4072
  alignItems: "center",
4073
4073
  overflow: "hidden",
@@ -4142,7 +4142,7 @@ const En = (r) => {
4142
4142
  "data-expanded": s ? "true" : "false",
4143
4143
  "data-flip": ee,
4144
4144
  "data-pure-icon": M ? "true" : "false",
4145
- "data-click-locked": U ? "true" : "false",
4145
+ "data-click-locked": Y ? "true" : "false",
4146
4146
  "data-visible": n ? "true" : "false",
4147
4147
  "data-has-shown": h ? "true" : "false",
4148
4148
  style: le,
@@ -4150,7 +4150,7 @@ const En = (r) => {
4150
4150
  onPointerEnter: Ie,
4151
4151
  onMouseLeave: ge,
4152
4152
  onMouseEnter: Ie,
4153
- ...Y(),
4153
+ ...U(),
4154
4154
  children: /* @__PURE__ */ d(
4155
4155
  "div",
4156
4156
  {
@@ -4602,7 +4602,7 @@ const st = function({
4602
4602
  onUpdateStackedTimeframes: A,
4603
4603
  instanceStackedTimeframes: M,
4604
4604
  isGraphActive: O,
4605
- isTableActive: U,
4605
+ isTableActive: Y,
4606
4606
  isGraphCard: V,
4607
4607
  canExpand: B,
4608
4608
  anchorX: W,
@@ -4611,7 +4611,7 @@ const st = function({
4611
4611
  hovered: z,
4612
4612
  forceHide: K,
4613
4613
  resizePhase: q = "idle",
4614
- outgoingSnapshot: Y,
4614
+ outgoingSnapshot: U,
4615
4615
  isFlipped: X,
4616
4616
  onFlipChange: ee
4617
4617
  }) {
@@ -4712,7 +4712,7 @@ const st = function({
4712
4712
  "data-resize-phase": q,
4713
4713
  children: [
4714
4714
  Ge,
4715
- Y != null && /* @__PURE__ */ e("div", { className: "gloss-card-shell__resize-outgoing", children: Y })
4715
+ /* @__PURE__ */ e("div", { className: "gloss-card-shell__resize-outgoing", "aria-hidden": "true", children: U })
4716
4716
  ]
4717
4717
  }
4718
4718
  ),
@@ -4779,7 +4779,7 @@ const st = function({
4779
4779
  activeIcon: /* @__PURE__ */ e(It, { style: { fontSize: 16 } }),
4780
4780
  label: "Details",
4781
4781
  onClick: m,
4782
- isActive: U,
4782
+ isActive: Y,
4783
4783
  showFeedback: !0,
4784
4784
  activeColor: "#10b981"
4785
4785
  }), E && Se.push({
@@ -4902,7 +4902,7 @@ const pd = function(t) {
4902
4902
  formatted: z,
4903
4903
  trend: j?.trend || null
4904
4904
  };
4905
- }), [o, i, n, s]), U = te(
4905
+ }), [o, i, n, s]), Y = te(
4906
4906
  () => O.slice(0, Math.min(O.length, M)),
4907
4907
  [O, M]
4908
4908
  ), V = c?.[k];
@@ -4940,7 +4940,7 @@ const pd = function(t) {
4940
4940
  definition: { direction: "horizontal", gap: "0px", align: "stretch" },
4941
4941
  className: E,
4942
4942
  style: { flex: 1, minHeight: 0, position: "relative", zIndex: 2 },
4943
- children: U.map((B, W) => {
4943
+ children: Y.map((B, W) => {
4944
4944
  const j = B.timeframe === k;
4945
4945
  return /* @__PURE__ */ d(
4946
4946
  he,
@@ -4952,7 +4952,7 @@ const pd = function(t) {
4952
4952
  style: {
4953
4953
  flex: 1,
4954
4954
  minWidth: 0,
4955
- borderRight: W < U.length - 1 ? "1px solid rgba(0,0,0,0.06)" : "none",
4955
+ borderRight: W < Y.length - 1 ? "1px solid rgba(0,0,0,0.06)" : "none",
4956
4956
  padding: "0 4px"
4957
4957
  },
4958
4958
  children: [
@@ -5957,12 +5957,12 @@ function zd(r, t, a, n, s, i, o, c, l, u) {
5957
5957
  right: j.right - k.left,
5958
5958
  bottom: j.bottom - k.top
5959
5959
  };
5960
- }, S = E(_), C = E(v), I = h ? E(h) : null, g = I ? [S, C, I] : [S, C], P = s.current?.items, x = P ? E(P) : null, D = h ? i.current?.[o.dimension] : null, w = D ? E(D) : null, $ = C.left, T = I ? I.right : C.right, A = Math.max(T - C.left, 300), M = $, O = A, U = I ? $ : 0, V = I ? A : 0, B = k.height + 2;
5960
+ }, S = E(_), C = E(v), I = h ? E(h) : null, g = I ? [S, C, I] : [S, C], P = s.current?.items, x = P ? E(P) : null, D = h ? i.current?.[o.dimension] : null, w = D ? E(D) : null, $ = C.left, T = I ? I.right : C.right, A = Math.max(T - C.left, 300), M = $, O = A, Y = I ? $ : 0, V = I ? A : 0, B = k.height + 2;
5961
5961
  m((W) => ({
5962
5962
  itemPill: x ? { left: x.left, width: x.width, top: x.top, height: x.height } : W.itemPill,
5963
5963
  itemFilter: { left: M, width: O, top: B, height: 32 },
5964
5964
  entityPill: w ? { left: w.left, width: w.width, top: w.top, height: w.height } : W.entityPill,
5965
- entityFilter: { left: U, width: V, top: B, height: 32 },
5965
+ entityFilter: { left: Y, width: V, top: B, height: 32 },
5966
5966
  tracks: g
5967
5967
  }));
5968
5968
  };
@@ -6024,7 +6024,7 @@ const $d = Z.memo(({
6024
6024
  id: me.id,
6025
6025
  label: me.label || me.name || me.id
6026
6026
  }))
6027
- }), [y, l]), [E, S] = H(!1), [C, I] = H(!1), [g, P] = H(null), [x, D] = H(null), [w, $] = H(""), [T, A] = H(""), [M, O] = H(!1), U = _.entity === "items" && E, V = C, B = U || V, W = ie(null), j = ie(null), G = ie(null), z = ie(null), K = ie({}), q = ie({}), Y = zd(
6027
+ }), [y, l]), [E, S] = H(!1), [C, I] = H(!1), [g, P] = H(null), [x, D] = H(null), [w, $] = H(""), [T, A] = H(""), [M, O] = H(!1), Y = _.entity === "items" && E, V = C, B = Y || V, W = ie(null), j = ie(null), G = ie(null), z = ie(null), K = ie({}), q = ie({}), U = zd(
6028
6028
  W,
6029
6029
  j,
6030
6030
  G,
@@ -6066,7 +6066,7 @@ const $d = Z.memo(({
6066
6066
  D(ve), A(""), s(me.id, ve);
6067
6067
  }, [s]);
6068
6068
  return /* @__PURE__ */ d("div", { ref: W, className: "gloss-chart-control-bar", children: [
6069
- Y.tracks.map((me, ve) => /* @__PURE__ */ e(
6069
+ U.tracks.map((me, ve) => /* @__PURE__ */ e(
6070
6070
  "div",
6071
6071
  {
6072
6072
  className: "gloss-chart-control-bar__track",
@@ -6078,28 +6078,28 @@ const $d = Z.memo(({
6078
6078
  /* @__PURE__ */ e(
6079
6079
  jr,
6080
6080
  {
6081
- pillLeft: Y.itemPill.left,
6082
- pillWidth: Y.itemPill.width,
6083
- pillTop: Y.itemPill.top,
6084
- pillHeight: Y.itemPill.height,
6085
- filterLeft: Y.itemFilter.left,
6086
- filterWidth: Y.itemFilter.width,
6087
- filterTop: Y.itemFilter.top,
6088
- filterHeight: Y.itemFilter.height,
6089
- visible: U
6081
+ pillLeft: U.itemPill.left,
6082
+ pillWidth: U.itemPill.width,
6083
+ pillTop: U.itemPill.top,
6084
+ pillHeight: U.itemPill.height,
6085
+ filterLeft: U.itemFilter.left,
6086
+ filterWidth: U.itemFilter.width,
6087
+ filterTop: U.itemFilter.top,
6088
+ filterHeight: U.itemFilter.height,
6089
+ visible: Y
6090
6090
  }
6091
6091
  ),
6092
6092
  /* @__PURE__ */ e(
6093
6093
  jr,
6094
6094
  {
6095
- pillLeft: Y.entityPill.left,
6096
- pillWidth: Y.entityPill.width,
6097
- pillTop: Y.entityPill.top,
6098
- pillHeight: Y.entityPill.height,
6099
- filterLeft: Y.entityFilter.left,
6100
- filterWidth: Y.entityFilter.width,
6101
- filterTop: Y.entityFilter.top,
6102
- filterHeight: Y.entityFilter.height,
6095
+ pillLeft: U.entityPill.left,
6096
+ pillWidth: U.entityPill.width,
6097
+ pillTop: U.entityPill.top,
6098
+ pillHeight: U.entityPill.height,
6099
+ filterLeft: U.entityFilter.left,
6100
+ filterWidth: U.entityFilter.width,
6101
+ filterTop: U.entityFilter.top,
6102
+ filterHeight: U.entityFilter.height,
6103
6103
  visible: V
6104
6104
  }
6105
6105
  )
@@ -6119,7 +6119,7 @@ const $d = Z.memo(({
6119
6119
  dimensionGroupRef: z,
6120
6120
  entityTabRefs: K,
6121
6121
  dimensionTabRefs: q,
6122
- showItemFilter: U,
6122
+ showItemFilter: Y,
6123
6123
  showEntityFilter: V,
6124
6124
  showDimensionGroup: b,
6125
6125
  datePickerSlot: p
@@ -6129,10 +6129,10 @@ const $d = Z.memo(({
6129
6129
  Bn,
6130
6130
  {
6131
6131
  showRow2: B,
6132
- showItemFilter: U,
6132
+ showItemFilter: Y,
6133
6133
  showEntityFilter: V,
6134
- itemFilterLayout: { left: Y.itemFilter.left, width: Y.itemFilter.width },
6135
- entityFilterLayout: { left: Y.entityFilter.left, width: Y.entityFilter.width },
6134
+ itemFilterLayout: { left: U.itemFilter.left, width: U.itemFilter.width },
6135
+ entityFilterLayout: { left: U.entityFilter.left, width: U.entityFilter.width },
6136
6136
  itemSearch: w,
6137
6137
  setItemSearch: $,
6138
6138
  onItemSubmit: ge,
@@ -7018,7 +7018,7 @@ const Vd = ["S", "M", "T", "W", "T", "F", "S"], Ga = {
7018
7018
  if (!z) return !1;
7019
7019
  const K = v || t;
7020
7020
  return K ? tr(z, K) : !1;
7021
- }, [t, v]), U = N((z) => {
7021
+ }, [t, v]), Y = N((z) => {
7022
7022
  if (!z || !r) return !1;
7023
7023
  const K = v || t;
7024
7024
  return K ? tr(r, K) && M(z) : M(z);
@@ -7043,7 +7043,7 @@ const Vd = ["S", "M", "T", "W", "T", "F", "S"], Ga = {
7043
7043
  );
7044
7044
  const K = /* @__PURE__ */ new Date();
7045
7045
  for (let q = 1; q <= C; q++) {
7046
- const Y = new Date(E, S, q), X = A(Y), ee = M(Y), ye = O(Y), de = U(Y), pe = V(Y), le = $(Y), ce = tr(Y, K), ge = ["mini-calendar__day"];
7046
+ const U = new Date(E, S, q), X = A(U), ee = M(U), ye = O(U), de = Y(U), pe = V(U), le = $(U), ce = tr(U, K), ge = ["mini-calendar__day"];
7047
7047
  pe ? (ge.push("mini-calendar__day--disabled"), ye ? ge.push("mini-calendar__day--disabled-end") : X && ge.push("mini-calendar__day--disabled-in-range"), le && ge.push("mini-calendar__day--market")) : (de ? ge.push("mini-calendar__day--single") : ee ? ge.push("mini-calendar__day--start") : ye ? ge.push("mini-calendar__day--end") : X && ge.push("mini-calendar__day--in-range"), (de || ee || ye || X) && (u === "secondary" ? ge.push("mini-calendar__day--secondary") : u === "tertiary" && ge.push("mini-calendar__day--tertiary")), ce && !ee && !ye && !de && ge.push("mini-calendar__day--today"), le && ge.push("mini-calendar__day--market"));
7048
7048
  const Ie = /* @__PURE__ */ e(
7049
7049
  ne,
@@ -7060,7 +7060,7 @@ const Vd = ["S", "M", "T", "W", "T", "F", "S"], Ga = {
7060
7060
  }
7061
7061
  );
7062
7062
  if (le && !pe) {
7063
- const Ne = T(Y);
7063
+ const Ne = T(U);
7064
7064
  z.push(
7065
7065
  /* @__PURE__ */ e(
7066
7066
  ft,
@@ -7084,7 +7084,7 @@ const Vd = ["S", "M", "T", "W", "T", "F", "S"], Ga = {
7084
7084
  );
7085
7085
  }
7086
7086
  return z;
7087
- }, [E, S, C, I, A, M, O, U, V, $, T, B, W, u]);
7087
+ }, [E, S, C, I, A, M, O, Y, V, $, T, B, W, u]);
7088
7088
  return /* @__PURE__ */ d(
7089
7089
  ne,
7090
7090
  {
@@ -7323,7 +7323,7 @@ const Yd = {
7323
7323
  const h = te(() => ({
7324
7324
  ...Yd,
7325
7325
  ...u
7326
- }), [u]), k = ie(null), [E, S] = H(null), [C, I] = H("calendar"), [g, P] = H(null), [x, D] = H(null), w = ie(null), [$, T] = H(() => h.lastPreset || "mtd"), [A, M] = H(null), [O, U] = H(null), [V, B] = H(null), [W, j] = H(null), [G, z] = H(null), [K, q] = H(() => a ? _ ?? h.compareEnabled ?? !1 : !1), Y = _ ?? K, X = N((F) => {
7326
+ }), [u]), k = ie(null), [E, S] = H(null), [C, I] = H("calendar"), [g, P] = H(null), [x, D] = H(null), w = ie(null), [$, T] = H(() => h.lastPreset || "mtd"), [A, M] = H(null), [O, Y] = H(null), [V, B] = H(null), [W, j] = H(null), [G, z] = H(null), [K, q] = H(() => a ? _ ?? h.compareEnabled ?? !1 : !1), U = _ ?? K, X = N((F) => {
7327
7327
  q(F), v?.(F);
7328
7328
  }, [v]), [ee, ye] = H("A"), [de, pe] = H(() => h.lastPresetB ?? null), [le, ce] = H(null), [ge, Ie] = H(null), [Ne, ke] = H(null), [$e, Pe] = H(null), [me, ve] = H(null), [Ge, Ve] = H(null), [ae, xe] = H(null), [je, Fe] = H(null), [Te, Be] = H(null), [xt, Se] = H(null), [gt, Ke] = H(null), [we, ht] = H(1), [Et, et] = H(!1), [vr, ot] = H(void 0), Ee = V !== null ? V : $, Mt = V !== null ? W : A, dt = V !== null ? G : O, it = Ne !== null ? Ne : de, Pt = Ne !== null ? $e : le, Rt = Ne !== null ? me : ge, lt = Te !== null ? Te : Ge, Bt = Te !== null ? xt : ae, At = Te !== null ? gt : je, oa = V !== null && (V !== $ || W !== A || G !== O), [fe, _r] = H(() => {
7329
7329
  const F = m || rr, L = f || [], Q = new Set(L.map((ue) => ue.id)), re = F.filter((ue) => !Q.has(ue.id)).map((ue) => ({ ...ue, active: St(ue) })), oe = L.map((ue) => ({
@@ -7394,7 +7394,7 @@ const Yd = {
7394
7394
  const oe = ar(tt.start, tt.end, F, fe);
7395
7395
  re = oe ? oe.id : null;
7396
7396
  }
7397
- re ? (T(re), M(null), U(null)) : (T("custom"), M(tt.start), U(tt.end)), B(null), j(null), z(null);
7397
+ re ? (T(re), M(null), Y(null)) : (T("custom"), M(tt.start), Y(tt.end)), B(null), j(null), z(null);
7398
7398
  }, [tt.start?.getTime(), tt.end?.getTime(), fe, h.lastPreset]);
7399
7399
  const Un = te(() => {
7400
7400
  let F, L;
@@ -7411,7 +7411,7 @@ const Yd = {
7411
7411
  }
7412
7412
  return Ot(F, L, /* @__PURE__ */ new Date(), fe).display;
7413
7413
  }, [$, A, O, fe]), Xn = te(() => {
7414
- if (!Y || !de) return null;
7414
+ if (!U || !de) return null;
7415
7415
  let F, L;
7416
7416
  if (de === "custom" && le && ge)
7417
7417
  F = le, L = ge;
@@ -7425,7 +7425,7 @@ const Yd = {
7425
7425
  }
7426
7426
  }
7427
7427
  return Ot(F, L, /* @__PURE__ */ new Date(), fe).display;
7428
- }, [Y, de, le, ge, fe]), da = te(() => {
7428
+ }, [U, de, le, ge, fe]), da = te(() => {
7429
7429
  const F = ["7d", "30d", "60d", "90d", "mtd", "qtd", "ytd", "lytd"], L = fe.find((Q) => Q.id === $);
7430
7430
  if (L)
7431
7431
  return mt(L.startDate, L.endDate, /* @__PURE__ */ new Date());
@@ -7451,7 +7451,7 @@ const Yd = {
7451
7451
  return Q.preset ? `${Q.preset.label} (${re})` : re;
7452
7452
  }, [Ee, Mt, dt, fe]);
7453
7453
  te(() => {
7454
- if (!Y || !it) return null;
7454
+ if (!U || !it) return null;
7455
7455
  let F, L;
7456
7456
  if (it === "custom" && Pt && Rt)
7457
7457
  F = Pt, L = Rt;
@@ -7466,8 +7466,8 @@ const Yd = {
7466
7466
  }
7467
7467
  const Q = Ot(F, L, /* @__PURE__ */ new Date(), fe), re = mt(F, L, /* @__PURE__ */ new Date());
7468
7468
  return Q.preset ? `${Q.preset.label} (${re})` : re;
7469
- }, [Y, it, Pt, Rt, fe]), te(() => {
7470
- if (!Y || we < 3 || !lt) return null;
7469
+ }, [U, it, Pt, Rt, fe]), te(() => {
7470
+ if (!U || we < 3 || !lt) return null;
7471
7471
  let F, L;
7472
7472
  if (lt === "custom" && Bt && At)
7473
7473
  F = Bt, L = At;
@@ -7482,10 +7482,10 @@ const Yd = {
7482
7482
  }
7483
7483
  const Q = Ot(F, L, /* @__PURE__ */ new Date(), fe), re = mt(F, L, /* @__PURE__ */ new Date());
7484
7484
  return Q.preset ? `${Q.preset.label} (${re})` : re;
7485
- }, [Y, we, lt, Bt, At, fe]);
7485
+ }, [U, we, lt, Bt, At, fe]);
7486
7486
  const qn = N((F) => {
7487
- B($), j(A), z(O), Y && (ke(de), Pe(le), ve(ge), we >= 3 && (Be(Ge), Se(ae), Ke(je))), S(F.currentTarget);
7488
- }, [$, A, O, Y, we, de, le, ge, Ge, ae, je]), ma = N((F, L, Q) => {
7487
+ B($), j(A), z(O), U && (ke(de), Pe(le), ve(ge), we >= 3 && (Be(Ge), Se(ae), Ke(je))), S(F.currentTarget);
7488
+ }, [$, A, O, U, we, de, le, ge, Ge, ae, je]), ma = N((F, L, Q) => {
7489
7489
  const re = [F, L];
7490
7490
  Q && (re.shortcutId = nr(Q)), t(re);
7491
7491
  }, [t]), Qt = N((F, L, Q) => {
@@ -7500,9 +7500,9 @@ const Yd = {
7500
7500
  p && p({ ...h, ...F });
7501
7501
  }, [p, h]), er = N(() => {
7502
7502
  if (V === null) return;
7503
- T(V), M(W), U(G);
7503
+ T(V), M(W), Y(G);
7504
7504
  const F = Qt(V, W, G);
7505
- if (Y && we >= 2 && Ne !== null) {
7505
+ if (U && we >= 2 && Ne !== null) {
7506
7506
  pe(Ne), ce($e), Ie(me);
7507
7507
  const L = Qt(Ne, $e, me), Q = {
7508
7508
  rangeA: F,
@@ -7537,7 +7537,7 @@ const Yd = {
7537
7537
  lastPresetB: null,
7538
7538
  lastPresetC: null
7539
7539
  }), ma(F[0], F[1], V);
7540
- }, [V, W, G, Y, we, Ne, $e, me, Te, xt, gt, Qt, t, ma, rt]), Zn = N(() => {
7540
+ }, [V, W, G, U, we, Ne, $e, me, Te, xt, gt, Qt, t, ma, rt]), Zn = N(() => {
7541
7541
  o || (oa && er(), B(null), j(null), z(null), ke(null), Pe(null), ve(null), Be(null), Se(null), Ke(null), D(null), S(null));
7542
7542
  }, [o, oa, er]), pa = N(() => {
7543
7543
  o || (B(null), j(null), z(null), ke(null), Pe(null), ve(null), Be(null), Se(null), Ke(null), D(null), S(null));
@@ -7560,20 +7560,20 @@ const Yd = {
7560
7560
  lastPresetC: null
7561
7561
  });
7562
7562
  }, [X, rt]), Sr = N((F) => {
7563
- w.current && (clearTimeout(w.current), w.current = null), D(null), Y && ee === "C" ? (Be(F), Se(null), Ke(null)) : Y && ee === "B" ? (ke(F), Pe(null), ve(null)) : (B(F), j(null), z(null));
7564
- }, [Y, ee]), Ft = N((F) => {
7563
+ w.current && (clearTimeout(w.current), w.current = null), D(null), U && ee === "C" ? (Be(F), Se(null), Ke(null)) : U && ee === "B" ? (ke(F), Pe(null), ve(null)) : (B(F), j(null), z(null));
7564
+ }, [U, ee]), Ft = N((F) => {
7565
7565
  if (!fe.find((re) => re.id === F)) return;
7566
7566
  const Q = h.pinnedPreset || "mtd";
7567
- Y && ee === "C" ? (Be((Te !== null ? Te : Ge) === F ? Q : F), Se(null), Ke(null)) : Y && ee === "B" ? (ke((Ne !== null ? Ne : de) === F ? Q : F), Pe(null), ve(null)) : (B((V !== null ? V : $) === F ? Q : F), j(null), z(null));
7568
- }, [fe, Y, ee, h.pinnedPreset, V, $, Ne, de, Te, Ge]), Qn = N((F, L) => {
7569
- if (Y && ee === "C")
7567
+ U && ee === "C" ? (Be((Te !== null ? Te : Ge) === F ? Q : F), Se(null), Ke(null)) : U && ee === "B" ? (ke((Ne !== null ? Ne : de) === F ? Q : F), Pe(null), ve(null)) : (B((V !== null ? V : $) === F ? Q : F), j(null), z(null));
7568
+ }, [fe, U, ee, h.pinnedPreset, V, $, Ne, de, Te, Ge]), Qn = N((F, L) => {
7569
+ if (U && ee === "C")
7570
7570
  if (Se(F), L) {
7571
7571
  Ke(L);
7572
7572
  const Q = ar(F, L, /* @__PURE__ */ new Date(), fe);
7573
7573
  Q ? (Be(Q.id), Se(null), Ke(null)) : Be("custom");
7574
7574
  } else
7575
7575
  Be("custom"), Ke(null);
7576
- else if (Y && ee === "B")
7576
+ else if (U && ee === "B")
7577
7577
  if (Pe(F), L) {
7578
7578
  ve(L);
7579
7579
  const Q = ar(F, L, /* @__PURE__ */ new Date(), fe);
@@ -7586,9 +7586,9 @@ const Yd = {
7586
7586
  Q ? (B(Q.id), j(null), z(null)) : B("custom");
7587
7587
  } else
7588
7588
  B("custom"), z(null);
7589
- }, [fe, Y, ee]), ha = N((F) => {
7590
- rt({ pinnedPreset: F }), Y && ee === "C" ? (Be(F), Se(null), Ke(null)) : Y && ee === "B" ? (ke(F), Pe(null), ve(null)) : (B(F), j(null), z(null));
7591
- }, [Y, ee, rt]), ba = N((F, L) => {
7589
+ }, [fe, U, ee]), ha = N((F) => {
7590
+ rt({ pinnedPreset: F }), U && ee === "C" ? (Be(F), Se(null), Ke(null)) : U && ee === "B" ? (ke(F), Pe(null), ve(null)) : (B(F), j(null), z(null));
7591
+ }, [U, ee, rt]), ba = N((F, L) => {
7592
7592
  w.current && (clearTimeout(w.current), w.current = null), L ? D(F) : w.current = setTimeout(() => {
7593
7593
  D(null);
7594
7594
  }, 150);
@@ -7750,11 +7750,11 @@ const Yd = {
7750
7750
  bgcolor: ut ? "rgba(79, 70, 229, 0.9)" : "rgba(0, 0, 0, 0.04)",
7751
7751
  border: "none"
7752
7752
  },
7753
- ...Y && !ut ? {
7753
+ ...U && !ut ? {
7754
7754
  color: "secondary.main"
7755
7755
  } : {}
7756
7756
  },
7757
- children: Y && Xn ? /* @__PURE__ */ d(ne, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
7757
+ children: U && Xn ? /* @__PURE__ */ d(ne, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
7758
7758
  /* @__PURE__ */ e(Ko, { sx: { fontSize: 14, color: "secondary.main" } }),
7759
7759
  /* @__PURE__ */ e("span", { children: "Compare" })
7760
7760
  ] }) : Un
@@ -7951,7 +7951,7 @@ const Yd = {
7951
7951
  ] }),
7952
7952
  /* @__PURE__ */ d(ne, { className: "hybrid-date-picker__content", children: [
7953
7953
  C === "calendar" && (() => {
7954
- const L = Y && ee === "C" ? lt : Y && ee === "B" ? it : Ee, Q = Y && ee === "C" ? Bt : Y && ee === "B" ? Pt : Mt, re = Y && ee === "C" ? At : Y && ee === "B" ? Rt : dt;
7954
+ const L = U && ee === "C" ? lt : U && ee === "B" ? it : Ee, Q = U && ee === "C" ? Bt : U && ee === "B" ? Pt : Mt, re = U && ee === "C" ? At : U && ee === "B" ? Rt : dt;
7955
7955
  return /* @__PURE__ */ e(
7956
7956
  An,
7957
7957
  {
@@ -7961,7 +7961,7 @@ const Yd = {
7961
7961
  marketDates: fe,
7962
7962
  size: n,
7963
7963
  focusDate: vr,
7964
- rangeColor: Y && ee === "B" ? "secondary" : Y && ee === "C" ? "tertiary" : "primary"
7964
+ rangeColor: U && ee === "B" ? "secondary" : U && ee === "C" ? "tertiary" : "primary"
7965
7965
  }
7966
7966
  );
7967
7967
  })(),
@@ -8071,7 +8071,7 @@ const Yd = {
8071
8071
  ) })
8072
8072
  ] })
8073
8073
  ] }),
8074
- /* @__PURE__ */ e(ne, { className: "hybrid-date-picker__footer", children: Y ? (
8074
+ /* @__PURE__ */ e(ne, { className: "hybrid-date-picker__footer", children: U ? (
8075
8075
  /* States 2, 3, 4: Comparing - show collapsible drawer */
8076
8076
  /* @__PURE__ */ d(ne, { sx: { width: "100%" }, children: [
8077
8077
  /* @__PURE__ */ d(
@@ -8672,8 +8672,8 @@ const Ar = [
8672
8672
  if (P(z), S)
8673
8673
  t({ rangeA: q, rangeB: $ || [null, null], shortcutId: z });
8674
8674
  else {
8675
- const Y = [...q];
8676
- Y.shortcutId = z, t(Y);
8675
+ const U = [...q];
8676
+ U.shortcutId = z, t(U);
8677
8677
  }
8678
8678
  }
8679
8679
  }, [S, $, t, n, a]);
@@ -8707,15 +8707,15 @@ const Ar = [
8707
8707
  K.shortcutId = z, t(K);
8708
8708
  } else
8709
8709
  t(G);
8710
- }, [S, $, t]), U = N((G, z) => {
8710
+ }, [S, $, t]), Y = N((G, z) => {
8711
8711
  z || D(null);
8712
8712
  const K = { rangeA: w || [null, null], rangeB: G };
8713
8713
  z && (K.shortcutId = z), t(K);
8714
8714
  }, [t, w]), V = N((G, z) => {
8715
8715
  P(z), O(G, z), h(!1);
8716
8716
  }, [O]), B = N((G, z) => {
8717
- D(z), U(G, z), E(!1);
8718
- }, [U]), W = te(() => ({
8717
+ D(z), Y(G, z), E(!1);
8718
+ }, [Y]), W = te(() => ({
8719
8719
  shortcuts: {
8720
8720
  items: Ar.map((G) => ({
8721
8721
  label: G.label,
@@ -8763,7 +8763,7 @@ const Ar = [
8763
8763
  getValue: G.value,
8764
8764
  disabled: G.disabled || !1
8765
8765
  })),
8766
- onChange: (G) => U(G),
8766
+ onChange: (G) => Y(G),
8767
8767
  onShortcutClick: B,
8768
8768
  value: $,
8769
8769
  activeShortcutId: x
@@ -8789,7 +8789,7 @@ const Ar = [
8789
8789
  h(!1), E(!0);
8790
8790
  }
8791
8791
  }
8792
- }), [$, U, B, x]);
8792
+ }), [$, Y, B, x]);
8793
8793
  if (f === "simple-selector") {
8794
8794
  const G = lr(r) ? r.rangeA : r;
8795
8795
  return /* @__PURE__ */ e(
@@ -8826,7 +8826,7 @@ const Ar = [
8826
8826
  ka,
8827
8827
  {
8828
8828
  value: $ || [null, null],
8829
- onChange: (G) => U(G),
8829
+ onChange: (G) => Y(G),
8830
8830
  calendars: 1,
8831
8831
  disableFuture: !0,
8832
8832
  minDate: new Date(2024, 0, 1),
@@ -9041,8 +9041,8 @@ const eu = 30, tu = { distance: 5 }, ru = {
9041
9041
  }, []), E = N((T) => {
9042
9042
  const { active: A, over: M } = T;
9043
9043
  if (f(!1), p(null), !M || A.id === M.id) return;
9044
- const O = a.indexOf(String(A.id)), U = a.indexOf(String(M.id));
9045
- O === -1 || U === -1 || s(li(a, O, U));
9044
+ const O = a.indexOf(String(A.id)), Y = a.indexOf(String(M.id));
9045
+ O === -1 || Y === -1 || s(li(a, O, Y));
9046
9046
  }, [a, s]), S = N(() => {
9047
9047
  f(!1), p(null);
9048
9048
  }, []), C = n.columns * n.maxRows, I = te(() => {
@@ -9054,8 +9054,8 @@ const eu = 30, tu = { distance: 5 }, ru = {
9054
9054
  if (T === -1) return null;
9055
9055
  const A = Zd(T, I.length, n.columns);
9056
9056
  if (A === null) return null;
9057
- const M = A >= I.length, O = !M, U = O ? I[A]?.id ?? null : null;
9058
- return { activeIndex: T, extrudeIndex: A, isEmptySlot: M, isDimCover: O, dimCoverId: U };
9057
+ const M = A >= I.length, O = !M, Y = O ? I[A]?.id ?? null : null;
9058
+ return { activeIndex: T, extrudeIndex: A, isEmptySlot: M, isDimCover: O, dimCoverId: Y };
9059
9059
  }, [_, I, n.columns]), w = te(() => ({
9060
9060
  gridTemplateColumns: `repeat(${n.columns}, 1fr)`,
9061
9061
  gridAutoRows: `${n.rowHeight}px`,
@@ -9709,10 +9709,10 @@ const Fn = Z.forwardRef(
9709
9709
  className: g,
9710
9710
  autoComplete: P
9711
9711
  }, x) => {
9712
- const D = ie(null), [w, $] = H(p ?? ""), [T, A] = H(!1), [M, O] = H(-1), U = ie(null), V = u !== void 0 ? u : w, B = String(V).length > 0, W = T && i && n.length > 0, j = N(
9712
+ const D = ie(null), [w, $] = H(p ?? ""), [T, A] = H(!1), [M, O] = H(-1), Y = ie(null), V = u !== void 0 ? u : w, B = String(V).length > 0, W = T && i && n.length > 0, j = N(
9713
9713
  (X) => {
9714
9714
  const ee = X.target.value;
9715
- u === void 0 && $(ee), t > 0 ? (U.current && clearTimeout(U.current), U.current = setTimeout(() => {
9715
+ u === void 0 && $(ee), t > 0 ? (Y.current && clearTimeout(Y.current), Y.current = setTimeout(() => {
9716
9716
  m?.(X);
9717
9717
  }, t)) : m?.(X);
9718
9718
  },
@@ -9765,9 +9765,9 @@ const Fn = Z.forwardRef(
9765
9765
  };
9766
9766
  return document.addEventListener("keydown", X), () => document.removeEventListener("keydown", X);
9767
9767
  }, [o, c]), se(() => () => {
9768
- U.current && clearTimeout(U.current);
9768
+ Y.current && clearTimeout(Y.current);
9769
9769
  }, []);
9770
- const Y = /* @__PURE__ */ d("div", { className: "gloss-search-input__actions", children: [
9770
+ const U = /* @__PURE__ */ d("div", { className: "gloss-search-input__actions", children: [
9771
9771
  B && l && /* @__PURE__ */ e(
9772
9772
  "button",
9773
9773
  {
@@ -9807,7 +9807,7 @@ const Fn = Z.forwardRef(
9807
9807
  id: I,
9808
9808
  autoComplete: P,
9809
9809
  leftIcon: /* @__PURE__ */ e(_e, { name: "search", size: "sm" }),
9810
- rightIcon: Y
9810
+ rightIcon: U
9811
9811
  }
9812
9812
  ),
9813
9813
  W && /* @__PURE__ */ e("ul", { className: "gloss-search-input__suggestions", role: "listbox", children: n.map((X, ee) => /* @__PURE__ */ d(
@@ -9890,7 +9890,7 @@ const xu = [
9890
9890
  [l, p]
9891
9891
  ), O = N(() => {
9892
9892
  P((j) => !j);
9893
- }, []), U = N(() => {
9893
+ }, []), Y = N(() => {
9894
9894
  const j = Nu(o);
9895
9895
  i ? i(j) : (l === void 0 && D(j), p?.({
9896
9896
  target: { value: j },
@@ -9922,7 +9922,7 @@ const xu = [
9922
9922
  {
9923
9923
  type: "button",
9924
9924
  className: "gloss-password-input__generate",
9925
- onClick: U,
9925
+ onClick: Y,
9926
9926
  "aria-label": "Generate password",
9927
9927
  tabIndex: -1,
9928
9928
  title: "Generate password",
@@ -10008,9 +10008,9 @@ const Cu = Z.forwardRef(
10008
10008
  id: v,
10009
10009
  name: h
10010
10010
  }, k) => {
10011
- const E = Le(), S = v || E, C = ie(null), [I, g] = H(t), [P, x] = H(""), [D, w] = H(null), [$, T] = H(!1), [A, M] = H(-1), O = r !== void 0, U = O ? r : I, V = P ? l.filter(
10012
- (le) => le.toLowerCase().includes(P.toLowerCase()) && (o || !U.includes(le))
10013
- ) : [], B = $ && V.length > 0, W = s === void 0 || U.length < s, j = N(
10011
+ const E = Le(), S = v || E, C = ie(null), [I, g] = H(t), [P, x] = H(""), [D, w] = H(null), [$, T] = H(!1), [A, M] = H(-1), O = r !== void 0, Y = O ? r : I, V = P ? l.filter(
10012
+ (le) => le.toLowerCase().includes(P.toLowerCase()) && (o || !Y.includes(le))
10013
+ ) : [], B = $ && V.length > 0, W = s === void 0 || Y.length < s, j = N(
10014
10014
  (le) => {
10015
10015
  O || g(le), a?.(le);
10016
10016
  },
@@ -10023,7 +10023,7 @@ const Cu = Z.forwardRef(
10023
10023
  w(`Maximum of ${s} tags allowed`);
10024
10024
  return;
10025
10025
  }
10026
- if (!o && U.includes(ce)) {
10026
+ if (!o && Y.includes(ce)) {
10027
10027
  w("Duplicate tag");
10028
10028
  return;
10029
10029
  }
@@ -10038,16 +10038,16 @@ const Cu = Z.forwardRef(
10038
10038
  return;
10039
10039
  }
10040
10040
  }
10041
- w(null), j([...U, ce]), x(""), M(-1);
10041
+ w(null), j([...Y, ce]), x(""), M(-1);
10042
10042
  }
10043
10043
  },
10044
- [U, W, s, o, i, c, j]
10044
+ [Y, W, s, o, i, c, j]
10045
10045
  ), z = N(
10046
10046
  (le) => {
10047
- const ce = U.filter((ge, Ie) => Ie !== le);
10047
+ const ce = Y.filter((ge, Ie) => Ie !== le);
10048
10048
  j(ce), w(null);
10049
10049
  },
10050
- [U, j]
10050
+ [Y, j]
10051
10051
  ), K = N(
10052
10052
  (le) => {
10053
10053
  const ce = le.target.value, ge = n.filter((Ie) => Ie !== "Enter");
@@ -10063,7 +10063,7 @@ const Cu = Z.forwardRef(
10063
10063
  [n, G]
10064
10064
  ), q = N(
10065
10065
  (le) => {
10066
- le.key === "Enter" ? (le.preventDefault(), B && A >= 0 ? G(V[A]) : n.includes("Enter") && P.trim() && G(P)) : le.key === "Backspace" && !P && U.length > 0 ? z(U.length - 1) : le.key === "ArrowDown" && B ? (le.preventDefault(), M(
10066
+ le.key === "Enter" ? (le.preventDefault(), B && A >= 0 ? G(V[A]) : n.includes("Enter") && P.trim() && G(P)) : le.key === "Backspace" && !P && Y.length > 0 ? z(Y.length - 1) : le.key === "ArrowDown" && B ? (le.preventDefault(), M(
10067
10067
  (ce) => ce < V.length - 1 ? ce + 1 : 0
10068
10068
  )) : le.key === "ArrowUp" && B ? (le.preventDefault(), M(
10069
10069
  (ce) => ce > 0 ? ce - 1 : V.length - 1
@@ -10075,11 +10075,11 @@ const Cu = Z.forwardRef(
10075
10075
  V,
10076
10076
  n,
10077
10077
  P,
10078
- U,
10078
+ Y,
10079
10079
  G,
10080
10080
  z
10081
10081
  ]
10082
- ), Y = N(() => {
10082
+ ), U = N(() => {
10083
10083
  T(!0);
10084
10084
  }, []), X = N(() => {
10085
10085
  setTimeout(() => T(!1), 150), P.trim() && n.includes(",") && G(P);
@@ -10105,9 +10105,9 @@ const Cu = Z.forwardRef(
10105
10105
  return /* @__PURE__ */ d("div", { className: de, children: [
10106
10106
  m && /* @__PURE__ */ e("label", { className: "gloss-tag-input__label", htmlFor: S, children: m }),
10107
10107
  /* @__PURE__ */ d("div", { className: pe, onClick: ee, children: [
10108
- h && /* @__PURE__ */ e("input", { type: "hidden", name: h, value: U.join(",") }),
10108
+ h && /* @__PURE__ */ e("input", { type: "hidden", name: h, value: Y.join(",") }),
10109
10109
  /* @__PURE__ */ d("div", { className: "gloss-tag-input__tags", children: [
10110
- U.map((le, ce) => /* @__PURE__ */ d("span", { className: "gloss-tag-input__tag", children: [
10110
+ Y.map((le, ce) => /* @__PURE__ */ d("span", { className: "gloss-tag-input__tag", children: [
10111
10111
  /* @__PURE__ */ e("span", { className: "gloss-tag-input__tag-text", children: le }),
10112
10112
  !p && /* @__PURE__ */ e(
10113
10113
  "button",
@@ -10135,9 +10135,9 @@ const Cu = Z.forwardRef(
10135
10135
  value: P,
10136
10136
  onChange: K,
10137
10137
  onKeyDown: q,
10138
- onFocus: Y,
10138
+ onFocus: U,
10139
10139
  onBlur: X,
10140
- placeholder: U.length === 0 ? u : "",
10140
+ placeholder: Y.length === 0 ? u : "",
10141
10141
  disabled: p,
10142
10142
  "aria-describedby": f ? `${S}-helper` : void 0
10143
10143
  }
@@ -10242,7 +10242,7 @@ const wu = [
10242
10242
  return K ? `${G.dialCode}${K}` : "";
10243
10243
  },
10244
10244
  []
10245
- ), U = N(
10245
+ ), Y = N(
10246
10246
  (G) => {
10247
10247
  const z = G.target.value, K = Ua(z);
10248
10248
  w || P(K);
@@ -10310,7 +10310,7 @@ const wu = [
10310
10310
  required: m,
10311
10311
  className: `gloss-phone-input__input ${p !== "default" ? `gloss-phone-input__input--${p}` : ""}`,
10312
10312
  value: M,
10313
- onChange: U,
10313
+ onChange: Y,
10314
10314
  disabled: f,
10315
10315
  "aria-describedby": u ? `${k}-helper` : void 0
10316
10316
  }
@@ -10483,7 +10483,7 @@ function Ln(r) {
10483
10483
  C(!0);
10484
10484
  }, []), O = N(() => {
10485
10485
  C(!1), g(-1);
10486
- }, []), U = S && (w.length > 0 || b || w.length === 0), V = ["gloss-autocomplete", h].filter(Boolean).join(" ");
10486
+ }, []), Y = S && (w.length > 0 || b || w.length === 0), V = ["gloss-autocomplete", h].filter(Boolean).join(" ");
10487
10487
  return /* @__PURE__ */ d("div", { className: V, ref: P, children: [
10488
10488
  /* @__PURE__ */ e(
10489
10489
  Re,
@@ -10508,7 +10508,7 @@ function Ln(r) {
10508
10508
  /* @__PURE__ */ e(
10509
10509
  Jr,
10510
10510
  {
10511
- open: U && !_,
10511
+ open: Y && !_,
10512
10512
  onDismiss: O,
10513
10513
  anchorRef: P,
10514
10514
  placement: "bottom-start",
@@ -10619,7 +10619,7 @@ function Hn(r) {
10619
10619
  }, [h]);
10620
10620
  const O = N(() => {
10621
10621
  f || k((W) => !W);
10622
- }, [f]), U = N(() => {
10622
+ }, [f]), Y = N(() => {
10623
10623
  k(!1);
10624
10624
  }, []), V = [
10625
10625
  "gloss-multi-select",
@@ -10695,7 +10695,7 @@ function Hn(r) {
10695
10695
  Jr,
10696
10696
  {
10697
10697
  open: h && !f,
10698
- onDismiss: U,
10698
+ onDismiss: Y,
10699
10699
  anchorRef: g,
10700
10700
  placement: "bottom-start",
10701
10701
  children: w.length === 0 ? o : /* @__PURE__ */ e(
@@ -10925,7 +10925,7 @@ function ea(r) {
10925
10925
  }
10926
10926
  ) }),
10927
10927
  t.map((M) => {
10928
- const O = f === M.key, U = [
10928
+ const O = f === M.key, Y = [
10929
10929
  "gloss-data-table__header-cell",
10930
10930
  M.sortable && "gloss-data-table__header-cell--sortable",
10931
10931
  M.align === "center" && "gloss-data-table__body-cell--align-center",
@@ -10934,7 +10934,7 @@ function ea(r) {
10934
10934
  return /* @__PURE__ */ e(
10935
10935
  "th",
10936
10936
  {
10937
- className: U,
10937
+ className: Y,
10938
10938
  style: M.width ? { width: M.width } : void 0,
10939
10939
  onClick: M.sortable ? () => w(M.key) : void 0,
10940
10940
  "aria-sort": O ? y : void 0,
@@ -10963,13 +10963,13 @@ function ea(r) {
10963
10963
  /* @__PURE__ */ d("tbody", { children: [
10964
10964
  E && Array.from({ length: 3 }, (M, O) => /* @__PURE__ */ d("tr", { className: "gloss-data-table__skeleton-row", children: [
10965
10965
  u && /* @__PURE__ */ e("td", { className: "gloss-data-table__body-cell gloss-data-table__body-cell--checkbox", children: /* @__PURE__ */ e("div", { className: "gloss-data-table__skeleton-cell", style: { width: 18 } }) }),
10966
- t.map((U) => /* @__PURE__ */ e("td", { className: "gloss-data-table__body-cell", children: /* @__PURE__ */ e(
10966
+ t.map((Y) => /* @__PURE__ */ e("td", { className: "gloss-data-table__body-cell", children: /* @__PURE__ */ e(
10967
10967
  "div",
10968
10968
  {
10969
10969
  className: "gloss-data-table__skeleton-cell",
10970
- style: { width: `${60 + (O * 20 + t.indexOf(U) * 15) % 40}%` }
10970
+ style: { width: `${60 + (O * 20 + t.indexOf(Y) * 15) % 40}%` }
10971
10971
  }
10972
- ) }, U.key)),
10972
+ ) }, Y.key)),
10973
10973
  o && /* @__PURE__ */ e("td", { className: "gloss-data-table__body-cell gloss-data-table__body-cell--actions", children: /* @__PURE__ */ e("div", { className: "gloss-data-table__skeleton-cell", style: { width: 24 } }) })
10974
10974
  ] }, `skeleton-${O}`)),
10975
10975
  !E && a.length === 0 && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
@@ -10983,7 +10983,7 @@ function ea(r) {
10983
10983
  }
10984
10984
  ) }),
10985
10985
  !E && a.map((M, O) => {
10986
- const U = String(M[n]), V = p?.has(U) ?? !1, B = [
10986
+ const Y = String(M[n]), V = p?.has(Y) ?? !1, B = [
10987
10987
  "gloss-data-table__row",
10988
10988
  V && "gloss-data-table__row--selected",
10989
10989
  S && "gloss-data-table__row--striped"
@@ -10993,7 +10993,7 @@ function ea(r) {
10993
10993
  ct,
10994
10994
  {
10995
10995
  checked: V,
10996
- onChange: () => D(U),
10996
+ onChange: () => D(Y),
10997
10997
  size: "sm"
10998
10998
  }
10999
10999
  ) }),
@@ -11015,7 +11015,7 @@ function ea(r) {
11015
11015
  );
11016
11016
  }),
11017
11017
  o && /* @__PURE__ */ e("td", { className: "gloss-data-table__body-cell gloss-data-table__body-cell--actions", children: o(M) })
11018
- ] }, U);
11018
+ ] }, Y);
11019
11019
  })
11020
11020
  ] })
11021
11021
  ] }),
@@ -12776,10 +12776,10 @@ function Tp({
12776
12776
  savePaymentMethod: k
12777
12777
  };
12778
12778
  g && (O.card = f);
12779
- const U = Xu.safeParse(O);
12780
- if (!U.success) {
12779
+ const Y = Xu.safeParse(O);
12780
+ if (!Y.success) {
12781
12781
  const V = {};
12782
- U.error.issues.forEach((B) => {
12782
+ Y.error.issues.forEach((B) => {
12783
12783
  const W = B.path;
12784
12784
  if (W[0] === "card" && W.length === 2) {
12785
12785
  const j = W[1];
@@ -12793,7 +12793,7 @@ function Tp({
12793
12793
  })), !S && Object.keys(V).length === 0 && C("Please fix the errors above before submitting.");
12794
12794
  return;
12795
12795
  }
12796
- await r?.(U.data);
12796
+ await r?.(Y.data);
12797
12797
  },
12798
12798
  [p, f, k, g, r, t, S]
12799
12799
  );