@mt-gloss/ui 0.0.46 → 0.0.48

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.
package/index.js CHANGED
@@ -1,19 +1,19 @@
1
- import { N as ca, T as da, O as ua, Q as ma, a3 as pa, b6 as ga, az as fa, ah as ha, Z as ba, an as va, K as ya, a8 as wa, bo as Da, P as Ca, B as Na, a as ka, y as xa, H as Sa, bi as Ta, F as _a, J as Ia, A as Ra, z as Ma, bh as Pa, E as Fa, D as Ea, bx as Oa, b as Aa, C as La, L as $a, o as Ba, ad as Ka, aN as Wa, y as Ga, H as Ha, F as Va, J as za, A as Za, z as Ua, E as Ya, D as qa, a$ as ja, b2 as Xa, b1 as Qa, b0 as Ja, b3 as er, aC as tr, a5 as nr, a4 as ar, aq as rr, k as sr, m as or, aF as ir, ab as lr, b8 as cr, a9 as dr, bp as ur, Y as mr, bH as pr, bG as gr, bI as fr, ap as hr, aQ as br, ba as vr, bM as yr, bv as wr, n as Dr, am as Cr, bB as Nr, bs as kr, a0 as xr, ar as Sr, a2 as Tr, bA as _r, G as Ir, d as Rr, aa as Mr, bJ as Pr, aT as Fr, r as Er, v as Or, I as Ar, g as Lr, aw as $r, bN as Br, M as Kr, w as Wr, U as Gr, X as Hr, V as Vr, W as zr, as as Zr, bg as Ur, bP as Yr, bL as qr, ao as jr, t as Xr, bq as Qr, aS as Jr, aj as es, aK as ts, ag as ns, al as as, au as rs, aR as ss, ac as os, at as is, c as ls, R as cs, j as ds, p as us, aH as ms, by as ps, bz as gs, ai as fs, ae as hs, h as bs, x as vs, b7 as ys, af as ws, bO as Ds, bc as Cs, bf as Ns, bd as ks, be as xs, i as Ss, b9 as Ts, bn as _s, S as Is, bk as Rs, bl as Ms, av as Ps, bb as Fs, bQ as Es, ak as Os, s as As, bK as Ls, l as $s, f as Bs, q as Ks, _ as Ws, $ as Gs, a7 as Hs, bj as Vs, bw as zs, bD as Zs, aA as Us, aB as Ys, a6 as qs, aO as js, aP as Xs, aD as Qs, aE as Js, aG as eo, aV as to, aW as no, bF as ao, bE as ro, aY as so, aZ as oo, ax as io, ay as lo, b5 as co, b4 as uo, a_ as mo, aL as po, aM as go, aX as fo, aI as ho, aJ as bo, u as vo, bC as yo, br as wo, bt as Do, bu as Co, aU as No, a1 as ko, e as xo, bm as So } from "./Expandable-BdC9RXOI.js";
2
- import { jsxs as O, jsx as d } from "react/jsx-runtime";
3
- import W, { useRef as P, useEffect as L, useState as K, useCallback as f, forwardRef as He, useMemo as ne, createContext as Ve, useContext as ze } from "react";
4
- import { motion as Se, useMotionValue as Ze, animate as we, useDragControls as Ue } from "framer-motion";
5
- import { B as Ye, U as ve } from "./UIContext-C3E-k7HI.js";
6
- import { a as _o, u as Io } from "./UIContext-C3E-k7HI.js";
7
- import { createPortal as qe } from "react-dom";
8
- import { DEFAULT_MARKET_PRESETS as Mo, DEFAULT_PINNED as Po, PERIOD_OPTIONS as Fo, ROLLING_OPTIONS as Eo, TODAY_PRESET as Oo, findPreset as Ao, formatDateRange as Lo, formatMarketDates as $o, formatTrend as Bo, formatValue as Ko, generateMarketId as Wo, getAllPresets as Go, getDateRangeForPreset as Ho, getPresetLabel as Vo, isInRange as zo, isMarketActive as Zo, isSameDay as Uo, normalizePresetId as Yo, toUppercasePresetId as qo } from "@mt-gloss/utils";
9
- import je from "@mui/icons-material/AccessTime";
10
- import Xe from "@mui/icons-material/Tune";
11
- import Qe from "@mui/icons-material/ViewColumn";
12
- import Je from "@mui/icons-material/AspectRatio";
13
- import et from "@mui/icons-material/Palette";
14
- import tt from "@mui/icons-material/PushPin";
15
- function bn(e = {}) {
16
- const { enabled: t = !0, returnTo: a } = e, n = P(null);
1
+ import { N as ua, T as ma, O as pa, Q as ga, a3 as fa, b6 as ha, az as ba, ah as va, Z as ya, an as wa, K as Da, a8 as Ca, bn as Na, P as ka, B as xa, a as Sa, y as Ta, H as _a, bi as Ia, F as Ra, J as Ma, A as Pa, z as Fa, bh as Ea, E as Oa, D as Aa, bw as La, b as $a, C as Ba, L as Ka, o as Wa, ad as Ga, aN as Ha, y as Va, H as za, F as Za, J as Ua, A as Ya, z as qa, E as ja, D as Xa, a$ as Qa, b2 as Ja, b1 as er, b0 as tr, b3 as nr, aC as ar, a5 as rr, a4 as sr, aq as or, k as ir, m as lr, aF as cr, ab as dr, b8 as ur, a9 as mr, bo as pr, Y as gr, bG as fr, bF as hr, bH as br, ap as vr, aQ as yr, ba as wr, bL as Dr, bu as Cr, n as Nr, am as kr, bA as xr, br as Sr, a0 as Tr, ar as _r, a2 as Ir, bz as Rr, G as Mr, d as Pr, aa as Fr, bI as Er, aT as Or, r as Ar, v as Lr, I as $r, g as Br, aw as Kr, bM as Wr, M as Gr, w as Hr, U as Vr, X as zr, V as Zr, W as Ur, as as Yr, bg as qr, bO as jr, bK as Xr, ao as Qr, t as Jr, bp as es, aS as ts, aj as ns, aK as as, ag as rs, al as ss, au as os, aR as is, ac as ls, at as cs, c as ds, R as us, j as ms, p as ps, aH as gs, bx as fs, by as hs, ai as bs, ae as vs, h as ys, x as ws, b7 as Ds, af as Cs, bN as Ns, bc as ks, bf as xs, bd as Ss, be as Ts, i as _s, b9 as Is, bm as Rs, S as Ms, bk as Ps, bl as Fs, av as Es, bb as Os, bP as As, ak as Ls, s as $s, bJ as Bs, l as Ks, f as Ws, q as Gs, _ as Hs, $ as Vs, a7 as zs, bj as Zs, bv as Us, bC as Ys, aA as qs, aB as js, a6 as Xs, aO as Qs, aP as Js, aD as eo, aE as to, aG as no, aV as ao, aW as ro, bE as so, bD as oo, aY as io, aZ as lo, ax as co, ay as uo, b5 as mo, b4 as po, a_ as go, aL as fo, aM as ho, aX as bo, aI as vo, aJ as yo, u as wo, bB as Do, bq as Co, bs as No, bt as ko, aU as xo, a1 as So, e as To } from "./Expandable-CsLVYNv3.js";
2
+ import { jsxs as $, jsx as u } from "react/jsx-runtime";
3
+ import H, { useRef as R, useEffect as L, useState as W, useCallback as b, forwardRef as ze, useMemo as ne, createContext as Ze, useContext as Ue } from "react";
4
+ import { motion as Te, useMotionValue as Ye, animate as De, useDragControls as qe } from "framer-motion";
5
+ import { B as je, U as ve } from "./UIContext-C3E-k7HI.js";
6
+ import { a as Io, u as Ro } from "./UIContext-C3E-k7HI.js";
7
+ import { createPortal as Xe } from "react-dom";
8
+ import { DEFAULT_MARKET_PRESETS as Po, DEFAULT_PINNED as Fo, PERIOD_OPTIONS as Eo, ROLLING_OPTIONS as Oo, TODAY_PRESET as Ao, findPreset as Lo, formatDateRange as $o, formatMarketDates as Bo, formatTrend as Ko, formatValue as Wo, generateMarketId as Go, getAllPresets as Ho, getDateRangeForPreset as Vo, getPresetLabel as zo, isInRange as Zo, isMarketActive as Uo, isSameDay as Yo, normalizePresetId as qo, toUppercasePresetId as jo } from "@mt-gloss/utils";
9
+ import Qe from "@mui/icons-material/AccessTime";
10
+ import Je from "@mui/icons-material/Tune";
11
+ import et from "@mui/icons-material/ViewColumn";
12
+ import tt from "@mui/icons-material/AspectRatio";
13
+ import nt from "@mui/icons-material/Palette";
14
+ import at from "@mui/icons-material/PushPin";
15
+ function yn(e = {}) {
16
+ const { enabled: t = !0, returnTo: a } = e, n = R(null);
17
17
  return L(() => {
18
18
  t && (n.current = a || document.activeElement);
19
19
  }, [t, a]), L(() => () => {
@@ -22,140 +22,140 @@ function bn(e = {}) {
22
22
  }, 0);
23
23
  }, [t]), n;
24
24
  }
25
- function vn(e) {
25
+ function wn(e) {
26
26
  const {
27
27
  items: t,
28
28
  activeIndex: a,
29
29
  onActiveIndexChange: n,
30
- loop: s = !0,
31
- orientation: o = "vertical",
32
- enabled: l = !0,
33
- isItemDisabled: m,
34
- onSelect: h,
35
- onEscape: u
36
- } = e, [D, v] = K(-1), i = a !== void 0 ? a : D, c = f(
37
- (r) => {
38
- a === void 0 && v(r), n?.(r);
30
+ loop: r = !0,
31
+ orientation: s = "vertical",
32
+ enabled: i = !0,
33
+ isItemDisabled: g,
34
+ onSelect: v,
35
+ onEscape: m
36
+ } = e, [w, k] = W(-1), d = a !== void 0 ? a : w, l = b(
37
+ (o) => {
38
+ a === void 0 && k(o), n?.(o);
39
39
  },
40
40
  [a, n]
41
- ), y = f(() => t.map((r, g) => ({ item: r, index: g })).filter(({ item: r, index: g }) => !m?.(r, g)).map(({ index: r }) => r), [t, m]), I = f(
42
- (r, g) => {
43
- const b = y();
44
- if (b.length === 0) return -1;
45
- const x = b.indexOf(r);
46
- if (x === -1)
47
- return g === 1 ? b.find((M) => M > r) ?? (s ? b[0] : -1) : [...b].reverse().find((S) => S < r) ?? (s ? b[b.length - 1] : -1);
48
- let k = x + g;
49
- return s ? k = (k + b.length) % b.length : k = Math.max(0, Math.min(b.length - 1, k)), b[k];
41
+ ), p = b(() => t.map((o, c) => ({ item: o, index: c })).filter(({ item: o, index: c }) => !g?.(o, c)).map(({ index: o }) => o), [t, g]), T = b(
42
+ (o, c) => {
43
+ const f = p();
44
+ if (f.length === 0) return -1;
45
+ const C = f.indexOf(o);
46
+ if (C === -1)
47
+ return c === 1 ? f.find((P) => P > o) ?? (r ? f[0] : -1) : [...f].reverse().find((I) => I < o) ?? (r ? f[f.length - 1] : -1);
48
+ let N = C + c;
49
+ return r ? N = (N + f.length) % f.length : N = Math.max(0, Math.min(f.length - 1, N)), f[N];
50
50
  },
51
- [y, s]
52
- ), p = f(() => {
53
- const r = y();
54
- r.length > 0 && c(r[0]);
55
- }, [y, c]), T = f(() => {
56
- const r = y();
57
- r.length > 0 && c(r[r.length - 1]);
58
- }, [y, c]), R = f(() => {
59
- const r = I(i, 1);
60
- r !== -1 && c(r);
61
- }, [i, I, c]), C = f(() => {
62
- const r = I(i, -1);
63
- r !== -1 && c(r);
64
- }, [i, I, c]), _ = f(() => {
65
- c(-1);
66
- }, [c]), N = f(
67
- (r) => {
68
- if (!l) return;
69
- const { key: g } = r, b = g === "ArrowUp" && (o === "vertical" || o === "both"), x = g === "ArrowDown" && (o === "vertical" || o === "both"), k = g === "ArrowLeft" && (o === "horizontal" || o === "both"), M = g === "ArrowRight" && (o === "horizontal" || o === "both");
70
- if (b || k) {
71
- r.preventDefault(), i === -1 ? T() : C();
51
+ [p, r]
52
+ ), h = b(() => {
53
+ const o = p();
54
+ o.length > 0 && l(o[0]);
55
+ }, [p, l]), x = b(() => {
56
+ const o = p();
57
+ o.length > 0 && l(o[o.length - 1]);
58
+ }, [p, l]), M = b(() => {
59
+ const o = T(d, 1);
60
+ o !== -1 && l(o);
61
+ }, [d, T, l]), D = b(() => {
62
+ const o = T(d, -1);
63
+ o !== -1 && l(o);
64
+ }, [d, T, l]), S = b(() => {
65
+ l(-1);
66
+ }, [l]), _ = b(
67
+ (o) => {
68
+ if (!i) return;
69
+ const { key: c } = o, f = c === "ArrowUp" && (s === "vertical" || s === "both"), C = c === "ArrowDown" && (s === "vertical" || s === "both"), N = c === "ArrowLeft" && (s === "horizontal" || s === "both"), P = c === "ArrowRight" && (s === "horizontal" || s === "both");
70
+ if (f || N) {
71
+ o.preventDefault(), d === -1 ? x() : D();
72
72
  return;
73
73
  }
74
- if (x || M) {
75
- r.preventDefault(), i === -1 ? p() : R();
74
+ if (C || P) {
75
+ o.preventDefault(), d === -1 ? h() : M();
76
76
  return;
77
77
  }
78
- if (g === "Home") {
79
- r.preventDefault(), p();
78
+ if (c === "Home") {
79
+ o.preventDefault(), h();
80
80
  return;
81
81
  }
82
- if (g === "End") {
83
- r.preventDefault(), T();
82
+ if (c === "End") {
83
+ o.preventDefault(), x();
84
84
  return;
85
85
  }
86
- if ((g === "Enter" || g === " ") && i >= 0 && i < t.length) {
87
- r.preventDefault();
88
- const S = t[i];
89
- m?.(S, i) || h?.(S, i);
86
+ if ((c === "Enter" || c === " ") && d >= 0 && d < t.length) {
87
+ o.preventDefault();
88
+ const I = t[d];
89
+ g?.(I, d) || v?.(I, d);
90
90
  return;
91
91
  }
92
- if (g === "Escape") {
93
- u?.();
92
+ if (c === "Escape") {
93
+ m?.();
94
94
  return;
95
95
  }
96
96
  },
97
97
  [
98
- l,
99
- o,
100
98
  i,
99
+ s,
100
+ d,
101
101
  t,
102
- p,
103
- T,
104
- R,
105
- C,
106
- m,
107
102
  h,
108
- u
103
+ x,
104
+ M,
105
+ D,
106
+ g,
107
+ v,
108
+ m
109
109
  ]
110
110
  );
111
111
  return {
112
- focusedIndex: i,
113
- setFocusedIndex: c,
114
- handleKeyDown: N,
115
- focusFirst: p,
116
- focusLast: T,
117
- focusNext: R,
118
- focusPrevious: C,
119
- resetFocus: _
112
+ focusedIndex: d,
113
+ setFocusedIndex: l,
114
+ handleKeyDown: _,
115
+ focusFirst: h,
116
+ focusLast: x,
117
+ focusNext: M,
118
+ focusPrevious: D,
119
+ resetFocus: S
120
120
  };
121
121
  }
122
- const se = (e) => {
123
- }, nt = {
122
+ const oe = (e) => {
123
+ }, rt = {
124
124
  id: "entity-filter-1",
125
125
  label: "Customer: Acme Corp",
126
126
  field: "customer",
127
127
  value: "acme-corp-123",
128
- onRemove: se
129
- }, at = {
128
+ onRemove: oe
129
+ }, st = {
130
130
  id: "status-filter-1",
131
131
  label: "Status: Open",
132
132
  field: "status",
133
133
  value: "open",
134
- onRemove: se
135
- }, rt = {
134
+ onRemove: oe
135
+ }, ot = {
136
136
  id: "date-filter-1",
137
137
  label: "Date: Mar 1 - Mar 15",
138
138
  field: "dateRange",
139
139
  value: "2026-03-01..2026-03-15",
140
- onRemove: se
141
- }, st = {
140
+ onRemove: oe
141
+ }, it = {
142
142
  id: "mfg-filter-1",
143
143
  label: "Manufacturer: Widget Co",
144
144
  field: "manufacturer",
145
145
  value: "widget-co-456",
146
- onRemove: se
147
- }, yn = [
148
- nt,
149
- at,
146
+ onRemove: oe
147
+ }, Dn = [
150
148
  rt,
151
- st
152
- ], wn = {
149
+ st,
150
+ ot,
151
+ it
152
+ ], Cn = {
153
153
  id: "metric-toggle",
154
154
  tabs: [
155
155
  { id: "$", label: "$", mono: !0 },
156
156
  { id: "#", label: "#", mono: !0 }
157
157
  ]
158
- }, Dn = {
158
+ }, Nn = {
159
159
  id: "entity-type",
160
160
  tabs: [
161
161
  { id: "orders", label: "Orders" },
@@ -163,7 +163,7 @@ const se = (e) => {
163
163
  { id: "customers", label: "Customers" },
164
164
  { id: "manufacturers", label: "Manufacturers" }
165
165
  ]
166
- }, Cn = {
166
+ }, kn = {
167
167
  id: "time-frame",
168
168
  tabs: [
169
169
  { id: "MTD", label: "MTD" },
@@ -171,30 +171,30 @@ const se = (e) => {
171
171
  { id: "YTD", label: "YTD" },
172
172
  { id: "LYTD", label: "LYTD" }
173
173
  ]
174
- }, Nn = [
174
+ }, xn = [
175
175
  { variant: "block", width: "100%", height: 16 },
176
176
  { variant: "block", width: 200, height: 32, borderRadius: 8 },
177
177
  { variant: "block", width: "80%", height: 12, borderRadius: "4px" },
178
178
  { variant: "block", width: 120, height: 44, borderRadius: 22 }
179
- ], kn = [
179
+ ], Sn = [
180
180
  { variant: "text", lines: 3, lineHeight: 14, gap: 8 },
181
181
  { variant: "text", lines: 2, lineHeight: 16, gap: 10 },
182
182
  { variant: "text", lines: 5, lineHeight: 12, gap: 6 }
183
- ], xn = [
183
+ ], Tn = [
184
184
  { variant: "circle", size: 24 },
185
185
  { variant: "circle", size: 40 },
186
186
  { variant: "circle", size: 64 }
187
- ], Sn = [
187
+ ], _n = [
188
188
  { bars: 10, maxHeight: 120 },
189
189
  { bars: 5, maxHeight: 80 }
190
- ], Tn = [
190
+ ], In = [
191
191
  { rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
192
192
  { rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
193
- ], _n = [
193
+ ], Rn = [
194
194
  { variant: "value", colSpan: 1 },
195
195
  { variant: "trend", colSpan: 2 },
196
196
  { variant: "target", colSpan: 1 }
197
- ], De = {
197
+ ], Ce = {
198
198
  position: "fixed",
199
199
  zIndex: 9999,
200
200
  background: "rgba(255,255,255,0.92)",
@@ -220,152 +220,152 @@ const se = (e) => {
220
220
  width: "100%",
221
221
  textAlign: "left",
222
222
  border: "none"
223
- }), ot = (e) => ({
223
+ }), lt = (e) => ({
224
224
  ...pe(e),
225
225
  color: e ? "#4338ca" : "#4f46e5",
226
226
  fontWeight: 600
227
- }), it = {
227
+ }), ct = {
228
228
  height: 1,
229
229
  background: "rgba(0,0,0,0.06)",
230
230
  margin: "3px 10px"
231
231
  };
232
- function lt({
232
+ function dt({
233
233
  open: e,
234
234
  anchorEl: t,
235
235
  statusId: a,
236
236
  onOpenInTable: n,
237
- onShowOnGraph: s,
238
- overflowActions: o,
239
- onClose: l
237
+ onShowOnGraph: r,
238
+ overflowActions: s,
239
+ onClose: i
240
240
  }) {
241
- const [m, h] = K(null), u = P(null), D = f(() => {
242
- if (!t) return { ...De, top: 0, left: 0 };
243
- const c = t.getBoundingClientRect();
241
+ const [g, v] = W(null), m = R(null), w = b(() => {
242
+ if (!t) return { ...Ce, top: 0, left: 0 };
243
+ const l = t.getBoundingClientRect();
244
244
  return {
245
- ...De,
246
- top: c.bottom + 4,
247
- left: c.left
245
+ ...Ce,
246
+ top: l.bottom + 4,
247
+ left: l.left
248
248
  };
249
249
  }, [t]);
250
250
  if (L(() => {
251
251
  if (!e) return;
252
- const c = (y) => {
253
- y.key === "Escape" && l();
252
+ const l = (p) => {
253
+ p.key === "Escape" && i();
254
254
  };
255
- return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
256
- }, [e, l]), L(() => {
255
+ return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
256
+ }, [e, i]), L(() => {
257
257
  if (!e) return;
258
- const c = (y) => {
259
- u.current && !u.current.contains(y.target) && l();
258
+ const l = (p) => {
259
+ m.current && !m.current.contains(p.target) && i();
260
260
  };
261
- return document.addEventListener("pointerdown", c, !0), () => document.removeEventListener("pointerdown", c, !0);
262
- }, [e, l]), !e) return null;
263
- const v = o && o.length > 0, i = /* @__PURE__ */ O(
261
+ return document.addEventListener("pointerdown", l, !0), () => document.removeEventListener("pointerdown", l, !0);
262
+ }, [e, i]), !e) return null;
263
+ const k = s && s.length > 0, d = /* @__PURE__ */ $(
264
264
  "div",
265
265
  {
266
- ref: u,
266
+ ref: m,
267
267
  "data-status-chip-menu": a,
268
268
  role: "menu",
269
269
  "aria-label": "Status actions",
270
- style: D(),
270
+ style: w(),
271
271
  children: [
272
- /* @__PURE__ */ d(
272
+ /* @__PURE__ */ u(
273
273
  "button",
274
274
  {
275
275
  role: "menuitem",
276
- style: ot(m === "__primary"),
277
- onMouseEnter: () => h("__primary"),
278
- onMouseLeave: () => h(null),
276
+ style: lt(g === "__primary"),
277
+ onMouseEnter: () => v("__primary"),
278
+ onMouseLeave: () => v(null),
279
279
  onClick: () => {
280
- n(a), l();
280
+ n(a), i();
281
281
  },
282
282
  children: "Open in table"
283
283
  }
284
284
  ),
285
- /* @__PURE__ */ d(
285
+ /* @__PURE__ */ u(
286
286
  "button",
287
287
  {
288
288
  role: "menuitem",
289
- style: pe(m === "__graph"),
290
- onMouseEnter: () => h("__graph"),
291
- onMouseLeave: () => h(null),
289
+ style: pe(g === "__graph"),
290
+ onMouseEnter: () => v("__graph"),
291
+ onMouseLeave: () => v(null),
292
292
  onClick: () => {
293
- s(a), l();
293
+ r(a), i();
294
294
  },
295
295
  children: "Show on graph"
296
296
  }
297
297
  ),
298
- v && /* @__PURE__ */ d("div", { style: it }),
299
- v && o?.map((c) => /* @__PURE__ */ d(
298
+ k && /* @__PURE__ */ u("div", { style: ct }),
299
+ k && s?.map((l) => /* @__PURE__ */ u(
300
300
  "button",
301
301
  {
302
302
  role: "menuitem",
303
- style: pe(m === c.id),
304
- onMouseEnter: () => h(c.id),
305
- onMouseLeave: () => h(null),
303
+ style: pe(g === l.id),
304
+ onMouseEnter: () => v(l.id),
305
+ onMouseLeave: () => v(null),
306
306
  onClick: () => {
307
- c.onSelect(a), l();
307
+ l.onSelect(a), i();
308
308
  },
309
- children: c.label
309
+ children: l.label
310
310
  },
311
- c.id
311
+ l.id
312
312
  ))
313
313
  ]
314
314
  }
315
315
  );
316
- return qe(i, document.body);
316
+ return Xe(d, document.body);
317
317
  }
318
- lt.displayName = "StatusSlotChipMenu";
319
- const ct = He(
320
- function({ state: t, onPointerDown: a, onPointerUp: n, onPointerEnter: s, onPointerLeave: o, onKeyboardStep: l, edge: m = "right", ariaLabel: h = "Resize card" }, u) {
321
- const D = t === "handle-visible" || t === "dragging" || t === "settling", v = (y) => {
318
+ dt.displayName = "StatusSlotChipMenu";
319
+ const ut = ze(
320
+ function({ state: t, onPointerDown: a, onPointerUp: n, onPointerEnter: r, onPointerLeave: s, onKeyboardStep: i, edge: g = "right", ariaLabel: v = "Resize card" }, m) {
321
+ const w = t === "handle-visible" || t === "dragging" || t === "settling", k = (p) => {
322
322
  try {
323
- y.currentTarget.setPointerCapture(y.pointerId);
323
+ p.currentTarget.setPointerCapture(p.pointerId);
324
324
  } catch {
325
325
  }
326
- a(y);
327
- }, i = (y) => {
326
+ a(p);
327
+ }, d = (p) => {
328
328
  try {
329
- y.currentTarget.hasPointerCapture?.(y.pointerId) && y.currentTarget.releasePointerCapture(y.pointerId);
329
+ p.currentTarget.hasPointerCapture?.(p.pointerId) && p.currentTarget.releasePointerCapture(p.pointerId);
330
330
  } catch {
331
331
  }
332
- n(y);
333
- }, c = (y) => {
334
- !D || !l || (y.key === "ArrowRight" ? (y.preventDefault(), l("grow")) : y.key === "ArrowLeft" && (y.preventDefault(), l("shrink")));
332
+ n(p);
333
+ }, l = (p) => {
334
+ !w || !i || (p.key === "ArrowRight" ? (p.preventDefault(), i("grow")) : p.key === "ArrowLeft" && (p.preventDefault(), i("shrink")));
335
335
  };
336
- return /* @__PURE__ */ d(
336
+ return /* @__PURE__ */ u(
337
337
  "button",
338
338
  {
339
- ref: u,
339
+ ref: m,
340
340
  type: "button",
341
- "aria-label": h,
342
- "data-edge": m,
341
+ "aria-label": v,
342
+ "data-edge": g,
343
343
  "data-resize-state": t,
344
344
  className: [
345
345
  "gloss-edge-handle",
346
- `gloss-edge-handle--${m}`,
347
- D ? "gloss-edge-handle--visible" : ""
346
+ `gloss-edge-handle--${g}`,
347
+ w ? "gloss-edge-handle--visible" : ""
348
348
  ].filter(Boolean).join(" "),
349
- onPointerDown: v,
350
- onPointerUp: i,
351
- onPointerEnter: s,
352
- onPointerLeave: o,
353
- onKeyDown: c,
354
- tabIndex: D ? 0 : -1
349
+ onPointerDown: k,
350
+ onPointerUp: d,
351
+ onPointerEnter: r,
352
+ onPointerLeave: s,
353
+ onKeyDown: l,
354
+ tabIndex: w ? 0 : -1
355
355
  }
356
356
  );
357
357
  }
358
358
  );
359
- ct.displayName = "EdgeHoverHandle";
360
- function dt({
359
+ ut.displayName = "EdgeHoverHandle";
360
+ function mt({
361
361
  visible: e,
362
362
  targetColSpan: t,
363
363
  ghostWidth: a,
364
364
  enterMs: n = 180,
365
- exitMs: s = 120
365
+ exitMs: r = 120
366
366
  }) {
367
- return /* @__PURE__ */ d(
368
- Se.div,
367
+ return /* @__PURE__ */ u(
368
+ Te.div,
369
369
  {
370
370
  "aria-hidden": "true",
371
371
  "data-ghost-preview": e ? "visible" : "hidden",
@@ -376,13 +376,13 @@ function dt({
376
376
  ].filter(Boolean).join(" "),
377
377
  style: {
378
378
  width: a,
379
- transitionDuration: `${e ? n : s}ms`
379
+ transitionDuration: `${e ? n : r}ms`
380
380
  }
381
381
  }
382
382
  );
383
383
  }
384
- dt.displayName = "GhostPreview";
385
- class ut {
384
+ mt.displayName = "GhostPreview";
385
+ class pt {
386
386
  constructor() {
387
387
  this.samples = [], this.capacity = 3;
388
388
  }
@@ -406,14 +406,14 @@ class ut {
406
406
  const t = this.samples.length;
407
407
  if (t < 2) return 0;
408
408
  if (t === 2) {
409
- const [h, u] = this.samples, D = Math.max(1, u.t - h.t);
410
- return (u.x - h.x) / D * 1e3;
409
+ const [v, m] = this.samples, w = Math.max(1, m.t - v.t);
410
+ return (m.x - v.x) / w * 1e3;
411
411
  }
412
- const [a, n, s] = this.samples, o = (s.x - n.x) / Math.max(1, s.t - n.t) * 1e3, l = (n.x - a.x) / Math.max(1, n.t - a.t) * 1e3, m = l;
413
- return (o * 3 + l * 2 + m * 1) / 6;
412
+ const [a, n, r] = this.samples, s = (r.x - n.x) / Math.max(1, r.t - n.t) * 1e3, i = (n.x - a.x) / Math.max(1, n.t - a.t) * 1e3, g = i;
413
+ return (s * 3 + i * 2 + g * 1) / 6;
414
414
  }
415
415
  }
416
- const Te = {
416
+ const _e = {
417
417
  // Spring (D-08). Retuned 260419 — damping 35 → 22 so the commit spring
418
418
  // has visible overshoot (ζ ≈ 0.49, ~13–17% overshoot, ~350ms settle). The
419
419
  // prior ζ ≈ 0.78 was imperceptible to users. Debug slug:
@@ -433,210 +433,216 @@ const Te = {
433
433
  // Velocity multiplier (D-03b panel)
434
434
  velocityMultiplier: 1
435
435
  };
436
- function In({
436
+ function Mn({
437
437
  currentColSpan: e,
438
438
  stackable: t,
439
439
  onResize: a,
440
440
  onCancel: n,
441
- step: s = 180,
442
- gap: o = 0,
443
- tuning: l,
444
- dwellMs: m = 120,
445
- enterMs: h = 180,
446
- exitMs: u = 120,
447
- maxColSpan: D = 3
441
+ step: r = 180,
442
+ gap: s = 0,
443
+ tuning: i,
444
+ dwellMs: g = 120,
445
+ enterMs: v = 180,
446
+ exitMs: m = 120,
447
+ maxColSpan: w = 3,
448
+ containerRef: k,
449
+ forceIdle: d
448
450
  }) {
449
- const [v, i] = K("idle"), [c, y] = K(e), I = P(null), p = P(null), T = P(null), R = P(s), C = P(o), _ = P(0), N = P("idle");
451
+ const [l, p] = W("idle"), [T, h] = W(e), x = R(null), M = R(null), D = R(null), S = R(r), _ = R(s), o = R(0), c = R("idle");
450
452
  L(() => {
451
- N.current = v;
452
- }, [v]);
453
- const r = Ze(0), g = P(null), b = f(() => {
454
- const w = g.current;
455
- if (w) {
453
+ c.current = l;
454
+ }, [l]);
455
+ const f = Ye(0), C = R(null), N = b(() => {
456
+ const y = C.current;
457
+ if (y) {
456
458
  try {
457
- w.stop();
459
+ y.stop();
458
460
  } catch {
459
461
  }
460
- g.current = null;
462
+ C.current = null;
461
463
  }
462
- }, []), x = f(
463
- (w) => {
464
- const F = R.current, E = C.current;
465
- return w * F + (w - 1) * E;
464
+ }, []), P = b(
465
+ (y) => {
466
+ const F = S.current, E = _.current;
467
+ return y * F + (y - 1) * E;
466
468
  },
467
469
  []
468
- ), k = P(new ut()), M = P(e);
470
+ ), I = R(new pt()), z = R(e);
471
+ L(() => {
472
+ z.current = T;
473
+ }, [T]);
474
+ const O = ne(() => ({ ..._e, ...i ?? {} }), [i]), G = b(() => {
475
+ x.current && (clearTimeout(x.current), x.current = null);
476
+ }, []), A = b(() => {
477
+ M.current && (clearTimeout(M.current), M.current = null);
478
+ }, []);
469
479
  L(() => {
470
- M.current = c;
471
- }, [c]);
472
- const S = ne(() => ({ ...Te, ...l ?? {} }), [l]), $ = f(() => {
473
- I.current && (clearTimeout(I.current), I.current = null);
474
- }, []), G = f(() => {
475
- p.current && (clearTimeout(p.current), p.current = null);
476
- }, []), X = f(() => {
477
- i((w) => w === "settling" || w !== "idle" ? w : (I.current = setTimeout(() => i("handle-visible"), m), "dwelling"));
478
- }, [m]), V = f(() => {
479
- $(), i((w) => w === "dwelling" || w === "handle-visible" ? "idle" : w);
480
- }, [$]), Z = f(
481
- (w, F, E) => {
482
- const A = R.current, Q = A * S.snapInFraction, q = A * S.snapOutFraction, j = F - E;
483
- let H = j;
484
- for (; E + H < 3; ) {
485
- const J = H * A + (H < 0 ? q : Q);
486
- if (w >= J) H += 1;
480
+ d && (c.current === "dragging" || c.current === "settling" || (G(), A(), c.current = "idle", p("idle")));
481
+ }, [d, G, A]);
482
+ const X = b(() => {
483
+ p((y) => y === "settling" || y !== "idle" ? y : (x.current = setTimeout(() => p("handle-visible"), g), "dwelling"));
484
+ }, [g]), ae = b(() => {
485
+ G(), p((y) => y === "dwelling" || y === "handle-visible" ? "idle" : y);
486
+ }, [G]), B = b(
487
+ (y, F, E) => {
488
+ const K = S.current, Q = K * O.snapInFraction, q = K * O.snapOutFraction, j = F - E;
489
+ let V = j;
490
+ for (; E + V < 3; ) {
491
+ const J = V * K + (V < 0 ? q : Q);
492
+ if (y >= J) V += 1;
487
493
  else break;
488
494
  }
489
- if (H === j)
490
- for (; E + H > 1; ) {
491
- const J = H * A - (H > 0 ? q : Q);
492
- if (w <= J) H -= 1;
495
+ if (V === j)
496
+ for (; E + V > 1; ) {
497
+ const J = V * K - (V > 0 ? q : Q);
498
+ if (y <= J) V -= 1;
493
499
  else break;
494
500
  }
495
- return Math.min(3, Math.max(1, E + H));
501
+ return Math.min(3, Math.max(1, E + V));
496
502
  },
497
- [S.snapInFraction, S.snapOutFraction]
498
- ), oe = f(
499
- (w) => {
500
- if (N.current !== "handle-visible") return;
501
- b(), T.current = w.clientX, R.current = s, C.current = o;
502
- const F = e * s + (e - 1) * o;
503
- _.current = F, k.current.clear(), k.current.push({ x: w.clientX, t: performance.now() }), r.jump(F), N.current = "dragging", i("dragging");
503
+ [O.snapInFraction, O.snapOutFraction]
504
+ ), $e = b(
505
+ (y) => {
506
+ if (c.current !== "handle-visible") return;
507
+ N(), D.current = y.clientX, S.current = r, _.current = s;
508
+ const F = e * r + (e - 1) * s;
509
+ o.current = F, I.current.clear(), I.current.push({ x: y.clientX, t: performance.now() }), f.jump(F), c.current = "dragging", p("dragging");
504
510
  },
505
- [s, o, e, r, b]
506
- ), B = f(
507
- (w) => w * R.current + (w - 1) * C.current,
511
+ [r, s, e, f, N]
512
+ ), ye = b(
513
+ (y) => y * S.current + (y - 1) * _.current,
508
514
  []
509
- ), ae = f(
510
- (w, F) => {
511
- const E = B(w), A = w !== e;
515
+ ), re = b(
516
+ (y, F) => {
517
+ const E = ye(y), K = y !== e;
512
518
  if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
513
- r.jump(E), A && F ? a({ direction: F, targetColSpan: w, mode: t ? "slot-fill" : "sparkline-fidelity" }) : A || n?.(), r.jump(0), N.current = "idle", i("idle");
519
+ f.jump(E), K && F ? a({ direction: F, targetColSpan: y, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || n?.(), f.jump(0), c.current = "idle", p("idle");
514
520
  return;
515
521
  }
516
- const q = k.current.getWeightedVelocity() * S.velocityMultiplier;
517
- N.current = "settling", i("settling"), b(), g.current = we(r, E, {
522
+ const q = I.current.getWeightedVelocity() * O.velocityMultiplier;
523
+ c.current = "settling", p("settling"), N(), C.current = De(f, E, {
518
524
  type: "spring",
519
- stiffness: S.stiffness,
520
- damping: S.damping,
521
- mass: S.mass,
525
+ stiffness: O.stiffness,
526
+ damping: O.damping,
527
+ mass: O.mass,
522
528
  velocity: q,
523
529
  onComplete: () => {
524
- g.current = null, A && F ? a({ direction: F, targetColSpan: w, mode: t ? "slot-fill" : "sparkline-fidelity" }) : A || n?.(), r.jump(0), N.current = "idle", i("idle");
530
+ C.current = null, K && F ? a({ direction: F, targetColSpan: y, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || n?.(), f.jump(0), c.current = "idle", p("idle");
525
531
  }
526
532
  });
527
533
  },
528
- [B, e, t, a, n, r, S, b]
529
- ), Le = f(
530
- (w) => {
531
- if (N.current !== "dragging") return;
532
- const F = w.clientX - (T.current ?? w.clientX);
533
- k.current.push({ x: w.clientX, t: performance.now() });
534
- const E = Z(F, M.current, e), A = E > e ? "grow" : E < e ? "shrink" : null;
535
- ae(E, A);
534
+ [ye, e, t, a, n, f, O, N]
535
+ ), Be = b(
536
+ (y) => {
537
+ if (c.current !== "dragging") return;
538
+ const F = y.clientX - (D.current ?? y.clientX);
539
+ I.current.push({ x: y.clientX, t: performance.now() });
540
+ const E = B(F, z.current, e), K = E > e ? "grow" : E < e ? "shrink" : null;
541
+ re(E, K);
536
542
  },
537
- [Z, e, ae]
538
- ), ie = f(() => {
539
- if ($(), N.current === "dragging") {
540
- const w = _.current;
543
+ [B, e, re]
544
+ ), ie = b(() => {
545
+ if (G(), c.current === "dragging") {
546
+ const y = o.current;
541
547
  if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
542
- r.jump(w), n?.(), r.jump(0), N.current = "idle", i("idle");
548
+ f.jump(y), n?.(), f.jump(0), c.current = "idle", p("idle");
543
549
  return;
544
550
  }
545
- const E = k.current.getWeightedVelocity();
546
- N.current = "settling", i("settling"), b(), g.current = we(r, w, {
551
+ const E = I.current.getWeightedVelocity();
552
+ c.current = "settling", p("settling"), N(), C.current = De(f, y, {
547
553
  type: "spring",
548
- stiffness: S.stiffness,
549
- damping: S.damping,
550
- mass: S.mass,
554
+ stiffness: O.stiffness,
555
+ damping: O.damping,
556
+ mass: O.mass,
551
557
  velocity: E,
552
558
  onComplete: () => {
553
- g.current = null, n?.(), r.jump(0), N.current = "idle", i("idle");
559
+ C.current = null, n?.(), f.jump(0), c.current = "idle", p("idle");
554
560
  }
555
561
  });
556
562
  return;
557
563
  }
558
- N.current === "handle-visible" && (n?.(), N.current = "cancelled", i("cancelled"));
559
- }, [$, r, n, S, b]);
564
+ c.current === "handle-visible" && (n?.(), c.current = "cancelled", p("cancelled"));
565
+ }, [G, f, n, O, N]);
560
566
  L(() => {
561
- if (v !== "dragging" && v !== "handle-visible") return;
562
- const w = (F) => {
567
+ if (l !== "dragging" && l !== "handle-visible") return;
568
+ const y = (F) => {
563
569
  F.key === "Escape" && ie();
564
570
  };
565
- return window.addEventListener("keydown", w), () => window.removeEventListener("keydown", w);
566
- }, [v, ie]), L(() => {
567
- if (v !== "dragging") {
568
- y(e);
571
+ return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
572
+ }, [l, ie]), L(() => {
573
+ if (l !== "dragging") {
574
+ h(e);
569
575
  return;
570
576
  }
571
- const w = (F) => {
572
- const E = F.clientX - (T.current ?? F.clientX), A = _.current, Q = x(1), q = x(D), j = A + E, H = Math.max(Q, Math.min(q, j));
573
- r.set(H);
574
- const le = R.current, J = (D - e) * le, We = (1 - e) * le, Ge = Math.max(We, Math.min(J, E));
575
- k.current.push({ x: F.clientX, t: performance.now() });
576
- const ce = Z(Ge, M.current, e);
577
- ce !== M.current && (M.current = ce, y(ce));
577
+ const y = (F) => {
578
+ const E = F.clientX - (D.current ?? F.clientX), K = o.current, Q = P(1), q = P(w), j = K + E, V = Math.max(Q, Math.min(q, j));
579
+ f.set(V);
580
+ const le = S.current, J = (w - e) * le, He = (1 - e) * le, Ve = Math.max(He, Math.min(J, E));
581
+ I.current.push({ x: F.clientX, t: performance.now() });
582
+ const ce = B(Ve, z.current, e);
583
+ ce !== z.current && (z.current = ce, h(ce));
578
584
  };
579
- return window.addEventListener("pointermove", w), () => window.removeEventListener("pointermove", w);
580
- }, [v, e, r, Z, D, x]), L(() => () => {
581
- $(), G();
582
- }, [$, G]), L(() => {
583
- if (v !== "cancelled") return;
584
- const w = setTimeout(() => i("idle"), u);
585
- return () => clearTimeout(w);
586
- }, [v, u]);
587
- const $e = f(
588
- (w) => {
589
- if (N.current === "settling") return;
590
- const E = Math.min(3, Math.max(1, e + (w === "grow" ? 1 : -1)));
585
+ return window.addEventListener("pointermove", y), () => window.removeEventListener("pointermove", y);
586
+ }, [l, e, f, B, w, P]), L(() => () => {
587
+ G(), A();
588
+ }, [G, A]), L(() => {
589
+ if (l !== "cancelled") return;
590
+ const y = setTimeout(() => p("idle"), m);
591
+ return () => clearTimeout(y);
592
+ }, [l, m]);
593
+ const Ke = b(
594
+ (y) => {
595
+ if (c.current === "settling") return;
596
+ const E = Math.min(3, Math.max(1, e + (y === "grow" ? 1 : -1)));
591
597
  if (E === e) return;
592
- R.current = s, C.current = o, k.current.clear();
593
- const A = e * s + (e - 1) * o;
594
- _.current = A, r.jump(A), ae(E, w);
598
+ S.current = r, _.current = s, I.current.clear();
599
+ const K = e * r + (e - 1) * s;
600
+ o.current = K, f.jump(K), re(E, y);
595
601
  },
596
- [e, s, o, r, ae]
597
- ), ye = f(() => {
598
- G(), p.current = setTimeout(() => {
599
- N.current === "handle-visible" && (N.current = "idle", i("idle"));
602
+ [e, r, s, f, re]
603
+ ), we = b(() => {
604
+ A(), M.current = setTimeout(() => {
605
+ c.current === "handle-visible" && (c.current = "idle", p("idle"));
600
606
  }, 5e3);
601
- }, [G]), Be = f(() => {
602
- N.current === "idle" && ($(), N.current = "handle-visible", i("handle-visible"), ye());
603
- }, [$, ye]), Ke = f(() => {
604
- G(), N.current === "handle-visible" && (N.current = "idle", i("idle"));
605
- }, [G]);
607
+ }, [A]), We = b(() => {
608
+ c.current === "idle" && (G(), c.current = "handle-visible", p("handle-visible"), we());
609
+ }, [G, we]), Ge = b(() => {
610
+ A(), c.current === "handle-visible" && (c.current = "idle", p("idle"));
611
+ }, [A]);
606
612
  return {
607
- state: v,
613
+ state: l,
608
614
  enterEdgeZone: X,
609
- leaveEdgeZone: V,
615
+ leaveEdgeZone: ae,
610
616
  handleProps: {
611
- onPointerDown: oe,
612
- onPointerUp: Le,
617
+ onPointerDown: $e,
618
+ onPointerUp: Be,
613
619
  // Bug E: handle continues zone presence so pointer crossing sentinel→handle
614
620
  // doesn't collapse state. handle's pointerenter = stay in zone.
615
621
  onPointerEnter: X,
616
- onPointerLeave: V
622
+ onPointerLeave: ae
617
623
  },
618
- previewColSpan: c,
624
+ previewColSpan: T,
619
625
  ghostProps: {
620
- visible: v === "dragging" || v === "settling",
621
- targetColSpan: c,
622
- ghostWidth: r,
623
- enterMs: h,
624
- exitMs: u
626
+ visible: l === "dragging" || l === "settling",
627
+ targetColSpan: T,
628
+ ghostWidth: f,
629
+ enterMs: v,
630
+ exitMs: m
625
631
  },
626
- onKeyboardStep: $e,
627
- onTouchReveal: Be,
628
- onTouchDismiss: Ke,
632
+ onKeyboardStep: Ke,
633
+ onTouchReveal: We,
634
+ onTouchDismiss: Ge,
629
635
  cancel: ie
630
636
  };
631
637
  }
632
- function Rn(e) {
633
- const { cardWidthPx: t, slotCount: a, activeSlotIdx: n, pillWidthPx: s } = e;
638
+ function Pn(e) {
639
+ const { cardWidthPx: t, slotCount: a, activeSlotIdx: n, pillWidthPx: r } = e;
634
640
  if (n == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(a) || a <= 0 || !Number.isInteger(n) || n < 0 || n >= a)
635
641
  return;
636
- const o = (n + 0.5) * (t / a);
637
- return s != null && Number.isFinite(s) && s > 0 ? o - s / 2 : o;
642
+ const s = (n + 0.5) * (t / a);
643
+ return r != null && Number.isFinite(r) && r > 0 ? s - r / 2 : s;
638
644
  }
639
- const Mn = [
645
+ const Fn = [
640
646
  // 1. Standard: Total Revenue
641
647
  {
642
648
  variant: "standard",
@@ -740,24 +746,24 @@ const Mn = [
740
746
  { value: 9, color: "#6b7280", label: "Other" }
741
747
  ]
742
748
  }
743
- ], mt = {
749
+ ], gt = {
744
750
  variant: "standard",
745
751
  label: "Total Revenue",
746
752
  isLoading: !0
747
- }, pt = {
753
+ }, ft = {
748
754
  variant: "standard",
749
755
  label: "Total Revenue",
750
756
  value: 125430,
751
757
  valueFormat: { prefix: "$", abbreviated: !0 },
752
758
  isError: !0
753
- }, gt = {
759
+ }, ht = {
754
760
  variant: "standard",
755
761
  label: "Total Revenue",
756
762
  value: null,
757
763
  valueFormat: { prefix: "$", abbreviated: !0 },
758
764
  isEmpty: !0,
759
765
  subtitle: "No data"
760
- }, ft = {
766
+ }, bt = {
761
767
  variant: "standard",
762
768
  label: "Total Revenue",
763
769
  value: 125430,
@@ -765,7 +771,7 @@ const Mn = [
765
771
  trend: { value: 12.5, direction: "up" },
766
772
  subtitle: "MTD",
767
773
  isStale: !0
768
- }, ht = {
774
+ }, vt = {
769
775
  variant: "sparkline",
770
776
  label: "Daily Orders",
771
777
  value: 847,
@@ -774,7 +780,7 @@ const Mn = [
774
780
  sparklineData: [42, 38, 51, 47, 55, 60, 58, 63, 57, 62, 68, 71, 65, 59],
775
781
  accentColor: "#6366f1",
776
782
  isStale: !0
777
- }, bt = {
783
+ }, yt = {
778
784
  variant: "donut",
779
785
  label: "Order Fill Rate",
780
786
  value: 78,
@@ -785,14 +791,14 @@ const Mn = [
785
791
  donutMax: 100,
786
792
  accentColor: "#10b981",
787
793
  isStale: !0
788
- }, Pn = [
789
- mt,
790
- pt,
794
+ }, En = [
791
795
  gt,
792
796
  ft,
793
797
  ht,
794
- bt
795
- ], Fn = {
798
+ bt,
799
+ vt,
800
+ yt
801
+ ], On = {
796
802
  variant: "sparkline",
797
803
  label: "Daily Orders",
798
804
  value: 847,
@@ -815,7 +821,7 @@ const Mn = [
815
821
  59
816
822
  ],
817
823
  accentColor: "#6366f1"
818
- }, En = {
824
+ }, An = {
819
825
  variant: "sparkline",
820
826
  label: "New Customers",
821
827
  value: 23,
@@ -854,21 +860,21 @@ const Mn = [
854
860
  19
855
861
  ],
856
862
  accentColor: "#10b981"
857
- }, On = {
863
+ }, Ln = {
858
864
  variant: "standard",
859
865
  label: "Total Revenue",
860
866
  value: 125430,
861
867
  valueFormat: { prefix: "$", abbreviated: !0 },
862
868
  trend: { value: 12.5, direction: "up" },
863
869
  subtitle: "MTD"
864
- }, An = {
870
+ }, $n = {
865
871
  variant: "standard",
866
872
  label: "Returns",
867
873
  value: 3280,
868
874
  valueFormat: { prefix: "$", abbreviated: !0 },
869
875
  trend: { value: -8.3, direction: "down" },
870
876
  subtitle: "MTD"
871
- }, Ln = {
877
+ }, Bn = {
872
878
  variant: "standard",
873
879
  label: "Avg Order Value",
874
880
  value: 487,
@@ -876,33 +882,33 @@ const Mn = [
876
882
  trend: { value: 0, direction: "flat" },
877
883
  subtitle: "QTD"
878
884
  };
879
- function _e({
885
+ function Ie({
880
886
  open: e,
881
887
  onDismiss: t,
882
888
  anchorRef: a,
883
889
  pages: n,
884
- activePageId: s,
885
- onPageChange: o,
886
- onCreatePage: l,
887
- onManagePages: m
890
+ activePageId: r,
891
+ onPageChange: s,
892
+ onCreatePage: i,
893
+ onManagePages: g
888
894
  }) {
889
- const h = f(
890
- (i) => {
891
- o(i), t();
895
+ const v = b(
896
+ (d) => {
897
+ s(d), t();
892
898
  },
893
- [o, t]
894
- ), u = f(
895
- (i, c) => {
896
- (c.key === "Enter" || c.key === " ") && (c.preventDefault(), h(i));
899
+ [s, t]
900
+ ), m = b(
901
+ (d, l) => {
902
+ (l.key === "Enter" || l.key === " ") && (l.preventDefault(), v(d));
897
903
  },
898
- [h]
899
- ), D = f(() => {
900
- l(), t();
901
- }, [l, t]), v = f(() => {
902
- m(), t();
903
- }, [m, t]);
904
- return /* @__PURE__ */ O(
905
- Ye,
904
+ [v]
905
+ ), w = b(() => {
906
+ i(), t();
907
+ }, [i, t]), k = b(() => {
908
+ g(), t();
909
+ }, [g, t]);
910
+ return /* @__PURE__ */ $(
911
+ je,
906
912
  {
907
913
  definition: {
908
914
  placement: "bottom-end",
@@ -915,55 +921,55 @@ function _e({
915
921
  anchorRef: a,
916
922
  className: "gloss-page-dropdown",
917
923
  children: [
918
- /* @__PURE__ */ d("ul", { role: "menu", className: "gloss-page-dropdown__list", children: n.map((i) => {
919
- const c = i.id === s;
920
- return /* @__PURE__ */ O(
924
+ /* @__PURE__ */ u("ul", { role: "menu", className: "gloss-page-dropdown__list", children: n.map((d) => {
925
+ const l = d.id === r;
926
+ return /* @__PURE__ */ $(
921
927
  "li",
922
928
  {
923
929
  role: "menuitemradio",
924
- "aria-checked": c,
925
- "aria-current": c ? "page" : void 0,
930
+ "aria-checked": l,
931
+ "aria-current": l ? "page" : void 0,
926
932
  tabIndex: 0,
927
- className: `gloss-page-dropdown__item${c ? " gloss-page-dropdown__item--active" : ""}`,
928
- onClick: () => h(i.id),
929
- onKeyDown: (y) => u(i.id, y),
933
+ className: `gloss-page-dropdown__item${l ? " gloss-page-dropdown__item--active" : ""}`,
934
+ onClick: () => v(d.id),
935
+ onKeyDown: (p) => m(d.id, p),
930
936
  children: [
931
- /* @__PURE__ */ d(
937
+ /* @__PURE__ */ u(
932
938
  "span",
933
939
  {
934
- className: `gloss-page-dropdown__dot${c ? " gloss-page-dropdown__dot--active" : ""}`
940
+ className: `gloss-page-dropdown__dot${l ? " gloss-page-dropdown__dot--active" : ""}`
935
941
  }
936
942
  ),
937
- /* @__PURE__ */ d(
943
+ /* @__PURE__ */ u(
938
944
  "span",
939
945
  {
940
- className: `gloss-page-dropdown__name${i.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
941
- children: i.name
946
+ className: `gloss-page-dropdown__name${d.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
947
+ children: d.name
942
948
  }
943
949
  ),
944
- /* @__PURE__ */ d("span", { className: "gloss-page-dropdown__count", children: i.cardCount })
950
+ /* @__PURE__ */ u("span", { className: "gloss-page-dropdown__count", children: d.cardCount })
945
951
  ]
946
952
  },
947
- i.id
953
+ d.id
948
954
  );
949
955
  }) }),
950
- /* @__PURE__ */ d("hr", { className: "gloss-page-dropdown__separator" }),
951
- /* @__PURE__ */ d(
956
+ /* @__PURE__ */ u("hr", { className: "gloss-page-dropdown__separator" }),
957
+ /* @__PURE__ */ u(
952
958
  "button",
953
959
  {
954
960
  role: "menuitem",
955
961
  className: "gloss-page-dropdown__action",
956
- onClick: D,
962
+ onClick: w,
957
963
  children: "+ New page"
958
964
  }
959
965
  ),
960
- /* @__PURE__ */ d("hr", { className: "gloss-page-dropdown__separator" }),
961
- /* @__PURE__ */ d(
966
+ /* @__PURE__ */ u("hr", { className: "gloss-page-dropdown__separator" }),
967
+ /* @__PURE__ */ u(
962
968
  "button",
963
969
  {
964
970
  role: "menuitem",
965
971
  className: "gloss-page-dropdown__action gloss-page-dropdown__action--muted",
966
- onClick: v,
972
+ onClick: k,
967
973
  children: "Manage pages"
968
974
  }
969
975
  )
@@ -971,44 +977,44 @@ function _e({
971
977
  }
972
978
  );
973
979
  }
974
- _e.displayName = "PageDropdown";
975
- const vt = function({
980
+ Ie.displayName = "PageDropdown";
981
+ const wt = function({
976
982
  currentIndex: t,
977
983
  total: a,
978
984
  pages: n,
979
- onPageChange: s,
980
- onCreatePage: o,
981
- onManagePages: l,
982
- maskRadius: m = "var(--gloss-radius-md)"
985
+ onPageChange: r,
986
+ onCreatePage: s,
987
+ onManagePages: i,
988
+ maskRadius: g = "var(--gloss-radius-md)"
983
989
  }) {
984
- const h = P(null), [u, D] = K(!1), v = f(() => {
985
- D((y) => !y);
986
- }, []), i = f(() => {
987
- D(!1);
988
- }, []), c = n[t]?.id ?? "";
989
- return /* @__PURE__ */ O(
990
+ const v = R(null), [m, w] = W(!1), k = b(() => {
991
+ w((p) => !p);
992
+ }, []), d = b(() => {
993
+ w(!1);
994
+ }, []), l = n[t]?.id ?? "";
995
+ return /* @__PURE__ */ $(
990
996
  "div",
991
997
  {
992
998
  className: "gloss-page-chip",
993
- ref: h,
999
+ ref: v,
994
1000
  style: { position: "absolute", top: 0, right: 0 },
995
1001
  "data-page-chip": !0,
996
1002
  children: [
997
- /* @__PURE__ */ d(
1003
+ /* @__PURE__ */ u(
998
1004
  "div",
999
1005
  {
1000
1006
  className: "gloss-page-chip__nuzzle",
1001
- style: { "--_nuzzle-r": m }
1007
+ style: { "--_nuzzle-r": g }
1002
1008
  }
1003
1009
  ),
1004
- /* @__PURE__ */ O(
1010
+ /* @__PURE__ */ $(
1005
1011
  "button",
1006
1012
  {
1007
1013
  className: "gloss-page-chip__trigger",
1008
1014
  "aria-haspopup": "menu",
1009
- "aria-expanded": u,
1015
+ "aria-expanded": m,
1010
1016
  "aria-label": `Page ${t + 1} of ${a}. Click to switch pages.`,
1011
- onClick: v,
1017
+ onClick: k,
1012
1018
  children: [
1013
1019
  t + 1,
1014
1020
  " / ",
@@ -1016,25 +1022,25 @@ const vt = function({
1016
1022
  ]
1017
1023
  }
1018
1024
  ),
1019
- /* @__PURE__ */ d(
1020
- _e,
1025
+ /* @__PURE__ */ u(
1026
+ Ie,
1021
1027
  {
1022
- open: u,
1023
- onDismiss: i,
1024
- anchorRef: h,
1028
+ open: m,
1029
+ onDismiss: d,
1030
+ anchorRef: v,
1025
1031
  pages: n,
1026
- activePageId: c,
1027
- onPageChange: s,
1028
- onCreatePage: o,
1029
- onManagePages: l
1032
+ activePageId: l,
1033
+ onPageChange: r,
1034
+ onCreatePage: s,
1035
+ onManagePages: i
1030
1036
  }
1031
1037
  )
1032
1038
  ]
1033
1039
  }
1034
1040
  );
1035
1041
  };
1036
- vt.displayName = "PageChip";
1037
- const $n = [
1042
+ wt.displayName = "PageChip";
1043
+ const Kn = [
1038
1044
  {
1039
1045
  id: "ORD-1001",
1040
1046
  orderNumber: "ORD-1001",
@@ -1167,7 +1173,7 @@ const $n = [
1167
1173
  date: "2026-03-01",
1168
1174
  skuCount: 9
1169
1175
  }
1170
- ], Bn = [
1176
+ ], Wn = [
1171
1177
  {
1172
1178
  id: "ITEM-001",
1173
1179
  sku: "PB-4520",
@@ -1304,13 +1310,13 @@ const $n = [
1304
1310
  function ge(e) {
1305
1311
  return "$" + e.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
1306
1312
  }
1307
- function Ie(e) {
1313
+ function Re(e) {
1308
1314
  return e.toLocaleString("en-US");
1309
1315
  }
1310
- function Re(e) {
1316
+ function Me(e) {
1311
1317
  return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
1312
1318
  }
1313
- const te = W.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), Kn = [
1319
+ const te = H.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), Gn = [
1314
1320
  {
1315
1321
  field: "id",
1316
1322
  headerName: "Order",
@@ -1340,7 +1346,7 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
1340
1346
  align: "right",
1341
1347
  headerAlign: "right",
1342
1348
  cellClassName: "gloss-tabular-nums",
1343
- renderCell: ({ row: e }) => e.skuCount ? Ie(e.skuCount) : te
1349
+ renderCell: ({ row: e }) => e.skuCount ? Re(e.skuCount) : te
1344
1350
  },
1345
1351
  {
1346
1352
  field: "total",
@@ -1360,9 +1366,9 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
1360
1366
  align: "right",
1361
1367
  headerAlign: "right",
1362
1368
  cellClassName: "gloss-tabular-nums",
1363
- renderCell: ({ row: e }) => e.date ? Re(e.date) : ""
1369
+ renderCell: ({ row: e }) => e.date ? Me(e.date) : ""
1364
1370
  }
1365
- ], Wn = [
1371
+ ], Hn = [
1366
1372
  {
1367
1373
  field: "sku",
1368
1374
  headerName: "Item ID",
@@ -1404,7 +1410,7 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
1404
1410
  align: "right",
1405
1411
  headerAlign: "right",
1406
1412
  cellClassName: "gloss-tabular-nums gloss-drillable",
1407
- renderCell: ({ row: e }) => e.quantity ? Ie(e.quantity) : te
1413
+ renderCell: ({ row: e }) => e.quantity ? Re(e.quantity) : te
1408
1414
  },
1409
1415
  {
1410
1416
  field: "total",
@@ -1424,24 +1430,24 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
1424
1430
  align: "right",
1425
1431
  headerAlign: "right",
1426
1432
  cellClassName: "gloss-tabular-nums",
1427
- renderCell: ({ row: e }) => e.lastDate ? Re(e.lastDate) : ""
1433
+ renderCell: ({ row: e }) => e.lastDate ? Me(e.lastDate) : ""
1428
1434
  }
1429
- ], yt = [
1435
+ ], Dt = [
1430
1436
  { id: "c-001", label: "ABC Home Goods" },
1431
1437
  { id: "c-002", label: "Riverside Retail" },
1432
1438
  { id: "c-003", label: "Mountain View Store" },
1433
1439
  { id: "c-004", label: "Downtown Decor" },
1434
1440
  { id: "c-005", label: "Pacific Coast Imports" }
1435
- ], wt = [
1441
+ ], Ct = [
1436
1442
  { id: "i-001", label: "Classic Linen Throw Pillow" },
1437
1443
  { id: "i-002", label: "Coastal Wave Candle Set" },
1438
1444
  { id: "i-003", label: "Walnut Console Table" },
1439
1445
  { id: "i-004", label: "Hand-Blown Glass Vase" },
1440
1446
  { id: "i-005", label: "Velvet Accent Cushion" }
1441
1447
  ], de = (e) => {
1442
- }, Dt = (e) => {
1443
- }, Ce = (e, t) => {
1444
- }, Me = {
1448
+ }, Nt = (e) => {
1449
+ }, Ne = (e, t) => {
1450
+ }, Pe = {
1445
1451
  vizState: {
1446
1452
  type: "orders",
1447
1453
  quant: "$",
@@ -1450,16 +1456,16 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
1450
1456
  timeFrame: "MTD"
1451
1457
  },
1452
1458
  onTypeChange: de,
1453
- onQuantChange: Dt,
1459
+ onQuantChange: Nt,
1454
1460
  onEntityTypeChange: de,
1455
- onEntitySelect: Ce,
1456
- onItemSelect: Ce,
1461
+ onEntitySelect: Ne,
1462
+ onItemSelect: Ne,
1457
1463
  onTimeFrameChange: de,
1458
1464
  userType: "sales-agency",
1459
- entityFilterOptions: yt,
1460
- itemFilterOptions: wt
1461
- }, Gn = {
1462
- ...Me,
1465
+ entityFilterOptions: Dt,
1466
+ itemFilterOptions: Ct
1467
+ }, Vn = {
1468
+ ...Pe,
1463
1469
  vizState: {
1464
1470
  type: "items",
1465
1471
  quant: "$",
@@ -1467,8 +1473,8 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
1467
1473
  byItem: { id: "i-003", name: "Walnut Console Table" },
1468
1474
  timeFrame: "YTD"
1469
1475
  }
1470
- }, Hn = {
1471
- ...Me,
1476
+ }, zn = {
1477
+ ...Pe,
1472
1478
  vizState: {
1473
1479
  type: "orders",
1474
1480
  quant: "#",
@@ -1480,7 +1486,7 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
1480
1486
  entityFilterOptions: [
1481
1487
  { id: "customers", label: "Customers" }
1482
1488
  ]
1483
- }, Ct = [
1489
+ }, kt = [
1484
1490
  {
1485
1491
  id: "recent-orders",
1486
1492
  label: "Recent Orders",
@@ -1526,7 +1532,7 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
1526
1532
  routeKey: "customer.profile",
1527
1533
  subtitle: "Opens in RepTime"
1528
1534
  }
1529
- ], Nt = [
1535
+ ], xt = [
1530
1536
  {
1531
1537
  id: "order-items",
1532
1538
  label: "Items in Order",
@@ -1555,7 +1561,7 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
1555
1561
  cellKinds: ["orderId"],
1556
1562
  graphType: "timeline"
1557
1563
  }
1558
- ], kt = [
1564
+ ], St = [
1559
1565
  {
1560
1566
  id: "graph-metric",
1561
1567
  label: "Graph This Metric",
@@ -1583,14 +1589,14 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
1583
1589
  cellKinds: ["numeric"],
1584
1590
  tabType: "orders"
1585
1591
  }
1586
- ], Vn = {
1587
- entityName: Ct,
1588
- orderId: Nt,
1589
- numeric: kt
1590
- }, zn = [
1592
+ ], Zn = {
1593
+ entityName: kt,
1594
+ orderId: xt,
1595
+ numeric: St
1596
+ }, Un = [
1591
1597
  new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
1592
1598
  /* @__PURE__ */ new Date()
1593
- ], Zn = {
1599
+ ], Yn = {
1594
1600
  rangeA: [
1595
1601
  new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
1596
1602
  /* @__PURE__ */ new Date()
@@ -1603,7 +1609,7 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
1603
1609
  new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 2, 1),
1604
1610
  new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 1, 0)
1605
1611
  ]
1606
- }, Un = {
1612
+ }, qn = {
1607
1613
  version: 4,
1608
1614
  lastPreset: "mtd",
1609
1615
  pinnedPreset: "mtd",
@@ -1611,7 +1617,7 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
1611
1617
  rangeCount: 1,
1612
1618
  lastPresetB: null,
1613
1619
  lastPresetC: null
1614
- }, Yn = [
1620
+ }, jn = [
1615
1621
  {
1616
1622
  id: "atlanta-jan",
1617
1623
  label: "Atlanta Market",
@@ -1633,7 +1639,7 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
1633
1639
  endDate: new Date(2026, 3, 22),
1634
1640
  location: "Chicago, IL"
1635
1641
  }
1636
- ], qn = [
1642
+ ], Xn = [
1637
1643
  {
1638
1644
  id: "custom-regional-1",
1639
1645
  label: "Southeast Regional Expo",
@@ -1650,7 +1656,7 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
1650
1656
  location: "Portland, OR",
1651
1657
  isCustom: !0
1652
1658
  }
1653
- ], jn = [
1659
+ ], Qn = [
1654
1660
  {
1655
1661
  id: "atlanta-jan",
1656
1662
  label: "Atlanta Market",
@@ -1667,137 +1673,137 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
1667
1673
  location: "New York, NY",
1668
1674
  active: !0
1669
1675
  }
1670
- ], Xn = [
1676
+ ], Jn = [
1671
1677
  { id: "7d", label: "7D" },
1672
1678
  { id: "30d", label: "30D" },
1673
1679
  { id: "60d", label: "60D" },
1674
1680
  { id: "90d", label: "90D" }
1675
- ], Qn = [
1681
+ ], ea = [
1676
1682
  { id: "mtd", label: "MTD" },
1677
1683
  { id: "qtd", label: "QTD" },
1678
1684
  { id: "ytd", label: "YTD" },
1679
1685
  { id: "lytd", label: "LYTD" }
1680
- ], xt = {
1686
+ ], Tt = {
1681
1687
  timeframe: "Time Frame",
1682
1688
  threshold: "Thresholds",
1683
1689
  slots: "Slots",
1684
1690
  size: "Size",
1685
1691
  color: "Color",
1686
1692
  pinned: "Pinned"
1687
- }, St = {
1688
- timeframe: je,
1689
- threshold: Xe,
1690
- slots: Qe,
1691
- size: Je,
1692
- color: et,
1693
- pinned: tt
1693
+ }, _t = {
1694
+ timeframe: Qe,
1695
+ threshold: Je,
1696
+ slots: et,
1697
+ size: tt,
1698
+ color: nt,
1699
+ pinned: at
1694
1700
  };
1695
- function Ne(...e) {
1701
+ function ke(...e) {
1696
1702
  return e.filter(Boolean).join(" ");
1697
1703
  }
1698
- function Tt() {
1699
- const [e, t] = K(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
1704
+ function It() {
1705
+ const [e, t] = W(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
1700
1706
  return L(() => {
1701
1707
  if (typeof window > "u" || typeof window.matchMedia != "function") return;
1702
- const a = window.matchMedia("(prefers-reduced-motion: reduce)"), n = (s) => t(s.matches);
1708
+ const a = window.matchMedia("(prefers-reduced-motion: reduce)"), n = (r) => t(r.matches);
1703
1709
  return typeof a.addEventListener == "function" ? (a.addEventListener("change", n), () => a.removeEventListener("change", n)) : (a.addListener?.(n), () => {
1704
1710
  a.removeListener?.(n);
1705
1711
  });
1706
1712
  }, []), e;
1707
1713
  }
1708
- const _t = ({
1714
+ const Rt = ({
1709
1715
  dimensions: e,
1710
1716
  onDimensionSelect: t,
1711
1717
  activeDimension: a,
1712
1718
  ariaCardTypeLabel: n,
1713
- className: s
1719
+ className: r
1714
1720
  }) => {
1715
- const o = P(null), l = P([]), m = Tt(), h = ne(() => Array.from(e), [e]);
1716
- if (h.length === 0) return null;
1717
- const u = n ? `Configure ${n}: choose a dimension` : void 0, D = m ? "10ms" : "200ms", v = (i, c) => {
1718
- const y = h.length - 1, I = (p) => {
1719
- const T = l.current[p];
1720
- T && T.focus();
1721
+ const s = R(null), i = R([]), g = It(), v = ne(() => Array.from(e), [e]);
1722
+ if (v.length === 0) return null;
1723
+ const m = n ? `Configure ${n}: choose a dimension` : void 0, w = g ? "10ms" : "200ms", k = (d, l) => {
1724
+ const p = v.length - 1, T = (h) => {
1725
+ const x = i.current[h];
1726
+ x && x.focus();
1721
1727
  };
1722
- switch (i.key) {
1728
+ switch (d.key) {
1723
1729
  case "ArrowRight":
1724
1730
  case "ArrowDown": {
1725
- i.preventDefault(), I(c === y ? 0 : c + 1);
1731
+ d.preventDefault(), T(l === p ? 0 : l + 1);
1726
1732
  break;
1727
1733
  }
1728
1734
  case "ArrowLeft":
1729
1735
  case "ArrowUp": {
1730
- i.preventDefault(), I(c === 0 ? y : c - 1);
1736
+ d.preventDefault(), T(l === 0 ? p : l - 1);
1731
1737
  break;
1732
1738
  }
1733
1739
  case "Home": {
1734
- i.preventDefault(), I(0);
1740
+ d.preventDefault(), T(0);
1735
1741
  break;
1736
1742
  }
1737
1743
  case "End": {
1738
- i.preventDefault(), I(y);
1744
+ d.preventDefault(), T(p);
1739
1745
  break;
1740
1746
  }
1741
1747
  case "Enter":
1742
1748
  case " ": {
1743
- i.preventDefault(), t(h[c]);
1749
+ d.preventDefault(), t(v[l]);
1744
1750
  break;
1745
1751
  }
1746
1752
  }
1747
1753
  };
1748
- return /* @__PURE__ */ d(
1754
+ return /* @__PURE__ */ u(
1749
1755
  "div",
1750
1756
  {
1751
- ref: o,
1757
+ ref: s,
1752
1758
  role: "group",
1753
- "aria-label": u,
1754
- className: Ne("gloss-reconfig-backside-buttons", s),
1759
+ "aria-label": m,
1760
+ className: ke("gloss-reconfig-backside-buttons", r),
1755
1761
  style: {
1756
1762
  // Expose the reduced-motion-resolved duration as a CSS custom prop
1757
1763
  // so the SCSS transition rule can consume it without a nested media
1758
1764
  // query in the JS. Also surfaces the value for the unit test.
1759
- "--gloss-reconfig-backside-buttons-transition-duration": D
1765
+ "--gloss-reconfig-backside-buttons-transition-duration": w
1760
1766
  },
1761
- children: h.map((i, c) => {
1762
- const y = St[i], I = a === i;
1763
- return /* @__PURE__ */ O(
1767
+ children: v.map((d, l) => {
1768
+ const p = _t[d], T = a === d;
1769
+ return /* @__PURE__ */ $(
1764
1770
  "button",
1765
1771
  {
1766
- ref: (p) => {
1767
- l.current[c] = p;
1772
+ ref: (h) => {
1773
+ i.current[l] = h;
1768
1774
  },
1769
1775
  type: "button",
1770
- "data-dimension": i,
1771
- className: Ne(
1776
+ "data-dimension": d,
1777
+ className: ke(
1772
1778
  "gloss-reconfig-backside-buttons__button",
1773
- I && "gloss-reconfig-backside-buttons__button--active"
1779
+ T && "gloss-reconfig-backside-buttons__button--active"
1774
1780
  ),
1775
- "aria-current": I ? "true" : void 0,
1776
- onClick: () => t(i),
1777
- onKeyDown: (p) => v(p, c),
1781
+ "aria-current": T ? "true" : void 0,
1782
+ onClick: () => t(d),
1783
+ onKeyDown: (h) => k(h, l),
1778
1784
  children: [
1779
- /* @__PURE__ */ d(
1780
- y,
1785
+ /* @__PURE__ */ u(
1786
+ p,
1781
1787
  {
1782
1788
  className: "gloss-reconfig-backside-buttons__button-icon",
1783
1789
  "aria-hidden": "true"
1784
1790
  }
1785
1791
  ),
1786
- /* @__PURE__ */ d("span", { className: "gloss-reconfig-backside-buttons__button-label", children: xt[i] })
1792
+ /* @__PURE__ */ u("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Tt[d] })
1787
1793
  ]
1788
1794
  },
1789
- i
1795
+ d
1790
1796
  );
1791
1797
  })
1792
1798
  }
1793
1799
  );
1794
1800
  };
1795
- _t.displayName = "ReconfigBacksideButtons";
1796
- function z(e, t) {
1801
+ Rt.displayName = "ReconfigBacksideButtons";
1802
+ function Z(e, t) {
1797
1803
  return {
1798
1804
  id: e,
1799
1805
  colSpan: 1,
1800
- content: W.createElement("div", {
1806
+ content: H.createElement("div", {
1801
1807
  style: {
1802
1808
  width: "100%",
1803
1809
  height: "100%",
@@ -1813,38 +1819,38 @@ function z(e, t) {
1813
1819
  }, t)
1814
1820
  };
1815
1821
  }
1816
- function ke(e, t) {
1822
+ function xe(e, t) {
1817
1823
  return {
1818
- ...z(e, t),
1824
+ ...Z(e, t),
1819
1825
  colSpan: 2
1820
1826
  };
1821
1827
  }
1822
- const Jn = [
1823
- z("total-revenue", "Total Revenue"),
1824
- z("total-orders", "Total Orders"),
1825
- ke("revenue-trend", "Revenue Trend (2x)"),
1826
- z("avg-order", "Avg Order Value"),
1827
- z("new-customers", "New Customers"),
1828
- z("top-salesperson", "Top Salesperson"),
1829
- ke("order-trend", "Order Trend (2x)"),
1830
- z("repeat-rate", "Repeat Rate"),
1831
- z("open-orders", "Open Orders"),
1832
- z("shipped-orders", "Shipped Orders")
1833
- ], ea = {
1828
+ const ta = [
1829
+ Z("total-revenue", "Total Revenue"),
1830
+ Z("total-orders", "Total Orders"),
1831
+ xe("revenue-trend", "Revenue Trend (2x)"),
1832
+ Z("avg-order", "Avg Order Value"),
1833
+ Z("new-customers", "New Customers"),
1834
+ Z("top-salesperson", "Top Salesperson"),
1835
+ xe("order-trend", "Order Trend (2x)"),
1836
+ Z("repeat-rate", "Repeat Rate"),
1837
+ Z("open-orders", "Open Orders"),
1838
+ Z("shipped-orders", "Shipped Orders")
1839
+ ], na = {
1834
1840
  columns: 6,
1835
1841
  rowHeight: 120,
1836
1842
  gap: 15,
1837
1843
  maxRows: 3,
1838
1844
  currentPage: 0,
1839
1845
  totalPages: 1
1840
- }, ta = {
1846
+ }, aa = {
1841
1847
  columns: 9,
1842
1848
  rowHeight: 120,
1843
1849
  gap: 15,
1844
1850
  maxRows: 3,
1845
1851
  currentPage: 0,
1846
1852
  totalPages: 2
1847
- }, na = {
1853
+ }, ra = {
1848
1854
  columns: 12,
1849
1855
  rowHeight: 120,
1850
1856
  gap: 15,
@@ -1853,9 +1859,9 @@ const Jn = [
1853
1859
  totalPages: 3
1854
1860
  };
1855
1861
  function ue(e) {
1856
- return W.createElement("span", { style: { fontSize: 14 } }, e);
1862
+ return H.createElement("span", { style: { fontSize: 14 } }, e);
1857
1863
  }
1858
- const aa = [
1864
+ const sa = [
1859
1865
  {
1860
1866
  id: "all-orders",
1861
1867
  type: "orders",
@@ -1878,7 +1884,7 @@ const aa = [
1878
1884
  icon: ue("🚚"),
1879
1885
  closable: !0
1880
1886
  }
1881
- ], ra = [
1887
+ ], oa = [
1882
1888
  {
1883
1889
  id: "orders-main",
1884
1890
  type: "orders",
@@ -1904,7 +1910,7 @@ const aa = [
1904
1910
  name: "Customers",
1905
1911
  closable: !0
1906
1912
  }
1907
- ], sa = [
1913
+ ], ia = [
1908
1914
  {
1909
1915
  id: "only-tab",
1910
1916
  type: "orders",
@@ -1912,7 +1918,7 @@ const aa = [
1912
1918
  closable: !1,
1913
1919
  autoCreated: !0
1914
1920
  }
1915
- ], oa = [
1921
+ ], la = [
1916
1922
  { id: "tab-1", type: "orders", name: "All Orders", closable: !1, autoCreated: !0 },
1917
1923
  { id: "tab-2", type: "orders", name: "Open Orders", closable: !0 },
1918
1924
  { id: "tab-3", type: "orders", name: "Shipped Orders", closable: !0 },
@@ -1935,40 +1941,40 @@ function fe(e) {
1935
1941
  return { cols: 1, rows: 1 };
1936
1942
  }
1937
1943
  }
1938
- function It(e) {
1944
+ function Mt(e) {
1939
1945
  let t = 0;
1940
1946
  for (const n of e) {
1941
- const s = fe(n.size), o = n.gridPosition.col + s.cols - 1;
1942
- o > t && (t = o);
1947
+ const r = fe(n.size), s = n.gridPosition.col + r.cols - 1;
1948
+ s > t && (t = s);
1943
1949
  }
1944
1950
  return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
1945
1951
  }
1946
- const Rt = function(t) {
1952
+ const Pt = function(t) {
1947
1953
  if (t.renderMode === "discrete")
1948
- return /* @__PURE__ */ d(
1954
+ return /* @__PURE__ */ u(
1949
1955
  "div",
1950
1956
  {
1951
1957
  className: "gloss-metric-group gloss-metric-group--discrete",
1952
1958
  style: { display: "contents" },
1953
- children: t.cards.map((s) => {
1954
- const o = fe(s.size);
1955
- return /* @__PURE__ */ d(
1959
+ children: t.cards.map((r) => {
1960
+ const s = fe(r.size);
1961
+ return /* @__PURE__ */ u(
1956
1962
  "div",
1957
1963
  {
1958
1964
  className: "gloss-metric-group__slot",
1959
1965
  style: {
1960
- gridColumn: `${s.gridPosition.col} / span ${o.cols}`,
1961
- gridRow: `${s.gridPosition.row} / span ${o.rows}`
1966
+ gridColumn: `${r.gridPosition.col} / span ${s.cols}`,
1967
+ gridRow: `${r.gridPosition.row} / span ${s.rows}`
1962
1968
  },
1963
- children: s.children
1969
+ children: r.children
1964
1970
  },
1965
- s.key
1971
+ r.key
1966
1972
  );
1967
1973
  })
1968
1974
  }
1969
1975
  );
1970
1976
  const { cards: a, composite: n } = t;
1971
- return /* @__PURE__ */ O(
1977
+ return /* @__PURE__ */ $(
1972
1978
  "div",
1973
1979
  {
1974
1980
  className: "gloss-metric-group gloss-metric-group--composite",
@@ -1987,16 +1993,16 @@ const Rt = function(t) {
1987
1993
  "aria-label": n?.label,
1988
1994
  tabIndex: void 0,
1989
1995
  children: [
1990
- n?.accentColor && /* @__PURE__ */ d(
1996
+ n?.accentColor && /* @__PURE__ */ u(
1991
1997
  "div",
1992
1998
  {
1993
1999
  className: "gloss-metric-group__accent",
1994
2000
  style: { background: n.accentColor }
1995
2001
  }
1996
2002
  ),
1997
- n?.label && /* @__PURE__ */ O("div", { className: "gloss-metric-group__label", children: [
1998
- /* @__PURE__ */ d("span", { children: n.label }),
1999
- n?.trend && /* @__PURE__ */ d(
2003
+ n?.label && /* @__PURE__ */ $("div", { className: "gloss-metric-group__label", children: [
2004
+ /* @__PURE__ */ u("span", { children: n.label }),
2005
+ n?.trend && /* @__PURE__ */ u(
2000
2006
  "span",
2001
2007
  {
2002
2008
  className: "gloss-metric-group__trend",
@@ -2005,28 +2011,28 @@ const Rt = function(t) {
2005
2011
  }
2006
2012
  )
2007
2013
  ] }),
2008
- /* @__PURE__ */ d(
2014
+ /* @__PURE__ */ u(
2009
2015
  "div",
2010
2016
  {
2011
2017
  className: "gloss-metric-group__slots",
2012
2018
  style: {
2013
2019
  display: "grid",
2014
2020
  gap: "var(--gloss-spacing-2, 8px)",
2015
- gridTemplateColumns: It(a)
2021
+ gridTemplateColumns: Mt(a)
2016
2022
  },
2017
- children: a.map((s) => {
2018
- const o = fe(s.size);
2019
- return /* @__PURE__ */ d(
2023
+ children: a.map((r) => {
2024
+ const s = fe(r.size);
2025
+ return /* @__PURE__ */ u(
2020
2026
  "div",
2021
2027
  {
2022
2028
  className: "gloss-metric-group__slot--composite",
2023
2029
  style: {
2024
- gridColumn: `${s.gridPosition.col} / span ${o.cols}`,
2025
- gridRow: `${s.gridPosition.row} / span ${o.rows}`
2030
+ gridColumn: `${r.gridPosition.col} / span ${s.cols}`,
2031
+ gridRow: `${r.gridPosition.row} / span ${s.rows}`
2026
2032
  },
2027
- children: s.children
2033
+ children: r.children
2028
2034
  },
2029
- s.key
2035
+ r.key
2030
2036
  );
2031
2037
  })
2032
2038
  }
@@ -2035,16 +2041,16 @@ const Rt = function(t) {
2035
2041
  }
2036
2042
  );
2037
2043
  };
2038
- Rt.displayName = "MetricGroupContainer";
2039
- const Pe = "resize.tuning.dev", Mt = {
2040
- ...Te,
2044
+ Pt.displayName = "MetricGroupContainer";
2045
+ const Fe = "resize.tuning.dev", Ft = {
2046
+ ..._e,
2041
2047
  snapInPx: 60,
2042
2048
  snapOutPx: 90
2043
- }, Y = Mt;
2044
- function Pt() {
2049
+ }, Y = Ft;
2050
+ function Et() {
2045
2051
  if (typeof window > "u") return { ...Y };
2046
2052
  try {
2047
- const e = window.localStorage.getItem(Pe);
2053
+ const e = window.localStorage.getItem(Fe);
2048
2054
  if (!e) return { ...Y };
2049
2055
  const t = JSON.parse(e);
2050
2056
  return !t || typeof t != "object" || Array.isArray(t) ? { ...Y } : { ...Y, ...t };
@@ -2052,31 +2058,31 @@ function Pt() {
2052
2058
  return { ...Y };
2053
2059
  }
2054
2060
  }
2055
- function Ft() {
2056
- const [e, t] = K(() => Pt());
2061
+ function Ot() {
2062
+ const [e, t] = W(() => Et());
2057
2063
  L(() => {
2058
2064
  if (!(typeof window > "u"))
2059
2065
  try {
2060
- window.localStorage.setItem(Pe, JSON.stringify(e));
2066
+ window.localStorage.setItem(Fe, JSON.stringify(e));
2061
2067
  } catch {
2062
2068
  }
2063
2069
  }, [e]);
2064
- const a = f(
2065
- (o, l) => {
2066
- t((m) => ({ ...m, [o]: l }));
2070
+ const a = b(
2071
+ (s, i) => {
2072
+ t((g) => ({ ...g, [s]: i }));
2067
2073
  },
2068
2074
  []
2069
- ), n = f(
2070
- (o) => {
2071
- t((l) => ({ ...l, [o]: Y[o] }));
2075
+ ), n = b(
2076
+ (s) => {
2077
+ t((i) => ({ ...i, [s]: Y[s] }));
2072
2078
  },
2073
2079
  []
2074
- ), s = f(() => {
2080
+ ), r = b(() => {
2075
2081
  t({ ...Y });
2076
2082
  }, []);
2077
- return { values: e, setValue: a, resetRow: n, resetAll: s };
2083
+ return { values: e, setValue: a, resetRow: n, resetAll: r };
2078
2084
  }
2079
- const Et = [
2085
+ const At = [
2080
2086
  { key: "stiffness", label: "Spring stiffness", unit: "", min: 100, max: 1e3, step: 10 },
2081
2087
  { key: "damping", label: "Spring damping", unit: "", min: 10, max: 60, step: 1 },
2082
2088
  { key: "mass", label: "Spring mass", unit: "", min: 0.5, max: 2, step: 0.1 },
@@ -2087,11 +2093,11 @@ const Et = [
2087
2093
  { key: "blueprintFadeOutMs", label: "Blueprint fade out", unit: "ms", min: 60, max: 400, step: 10 },
2088
2094
  { key: "velocityMultiplier", label: "Velocity multiplier", unit: "×", min: 0, max: 2, step: 0.05 }
2089
2095
  ];
2090
- function Ot(e, t) {
2096
+ function Lt(e, t) {
2091
2097
  return t >= 1 ? String(Math.round(e)) : t >= 0.1 ? e.toFixed(1) : e.toFixed(2);
2092
2098
  }
2093
- function At() {
2094
- return /* @__PURE__ */ O(
2099
+ function $t() {
2100
+ return /* @__PURE__ */ $(
2095
2101
  "svg",
2096
2102
  {
2097
2103
  width: "14",
@@ -2104,32 +2110,32 @@ function At() {
2104
2110
  strokeLinejoin: "round",
2105
2111
  "aria-hidden": "true",
2106
2112
  children: [
2107
- /* @__PURE__ */ d("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
2108
- /* @__PURE__ */ d("polyline", { points: "3 3 3 8 8 8" })
2113
+ /* @__PURE__ */ u("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
2114
+ /* @__PURE__ */ u("polyline", { points: "3 3 3 8 8 8" })
2109
2115
  ]
2110
2116
  }
2111
2117
  );
2112
2118
  }
2113
- function Lt({ spec: e, value: t, onChange: a, onReset: n, flashing: s }) {
2114
- const o = f(
2115
- (l) => {
2116
- (l.key === "r" || l.key === "R") && (l.preventDefault(), n());
2119
+ function Bt({ spec: e, value: t, onChange: a, onReset: n, flashing: r }) {
2120
+ const s = b(
2121
+ (i) => {
2122
+ (i.key === "r" || i.key === "R") && (i.preventDefault(), n());
2117
2123
  },
2118
2124
  [n]
2119
2125
  );
2120
- return /* @__PURE__ */ O(
2126
+ return /* @__PURE__ */ $(
2121
2127
  "div",
2122
2128
  {
2123
- className: `gloss-dev-tuning-panel__row${s ? " gloss-dev-tuning-panel__row--flash" : ""}`,
2129
+ className: `gloss-dev-tuning-panel__row${r ? " gloss-dev-tuning-panel__row--flash" : ""}`,
2124
2130
  "data-tuning-row": e.key,
2125
- onKeyDown: o,
2131
+ onKeyDown: s,
2126
2132
  children: [
2127
- /* @__PURE__ */ d("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
2128
- /* @__PURE__ */ O("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
2129
- Ot(t, e.step),
2133
+ /* @__PURE__ */ u("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
2134
+ /* @__PURE__ */ $("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
2135
+ Lt(t, e.step),
2130
2136
  e.unit ? ` ${e.unit}` : ""
2131
2137
  ] }),
2132
- /* @__PURE__ */ d(
2138
+ /* @__PURE__ */ u(
2133
2139
  "input",
2134
2140
  {
2135
2141
  id: `gloss-dtp-${e.key}`,
@@ -2140,24 +2146,24 @@ function Lt({ spec: e, value: t, onChange: a, onReset: n, flashing: s }) {
2140
2146
  step: e.step,
2141
2147
  value: t,
2142
2148
  "aria-label": e.label,
2143
- onChange: (l) => a(Number(l.target.value))
2149
+ onChange: (i) => a(Number(i.target.value))
2144
2150
  }
2145
2151
  ),
2146
- /* @__PURE__ */ d(
2152
+ /* @__PURE__ */ u(
2147
2153
  "button",
2148
2154
  {
2149
2155
  type: "button",
2150
2156
  className: "gloss-dev-tuning-panel__reset",
2151
2157
  "aria-label": `Reset ${e.label}`,
2152
2158
  onClick: n,
2153
- children: /* @__PURE__ */ d(At, {})
2159
+ children: /* @__PURE__ */ u($t, {})
2154
2160
  }
2155
2161
  )
2156
2162
  ]
2157
2163
  }
2158
2164
  );
2159
2165
  }
2160
- function $t() {
2166
+ function Kt() {
2161
2167
  if (typeof process < "u" && process.env && process.env.NODE_ENV === "production" || typeof window > "u") return !1;
2162
2168
  try {
2163
2169
  return new URLSearchParams(window.location.search).has("devtune");
@@ -2165,23 +2171,23 @@ function $t() {
2165
2171
  return !1;
2166
2172
  }
2167
2173
  }
2168
- function Bt(e = {}) {
2169
- return $t() ? /* @__PURE__ */ d(Kt, {}) : null;
2174
+ function Wt(e = {}) {
2175
+ return Kt() ? /* @__PURE__ */ u(Gt, {}) : null;
2170
2176
  }
2171
- Bt.displayName = "DevTuningPanel";
2172
- function Kt() {
2173
- const e = Ft(), { values: t, setValue: a, resetRow: n, resetAll: s } = e, [o, l] = K(null), m = P(null), h = f((i) => {
2174
- m.current && clearTimeout(m.current), l(i), m.current = setTimeout(() => {
2175
- l(null), m.current = null;
2177
+ Wt.displayName = "DevTuningPanel";
2178
+ function Gt() {
2179
+ const e = Ot(), { values: t, setValue: a, resetRow: n, resetAll: r } = e, [s, i] = W(null), g = R(null), v = b((d) => {
2180
+ g.current && clearTimeout(g.current), i(d), g.current = setTimeout(() => {
2181
+ i(null), g.current = null;
2176
2182
  }, 200);
2177
- }, []), u = f(
2178
- (i, c) => {
2179
- a(i, c), i === "snapInPx" && c > t.snapOutPx && (a("snapOutPx", c), h("snapOutPx"));
2183
+ }, []), m = b(
2184
+ (d, l) => {
2185
+ a(d, l), d === "snapInPx" && l > t.snapOutPx && (a("snapOutPx", l), v("snapOutPx"));
2180
2186
  },
2181
- [a, t.snapOutPx, h]
2182
- ), D = ne(() => Et, []), v = Ue();
2183
- return /* @__PURE__ */ O(
2184
- Se.div,
2187
+ [a, t.snapOutPx, v]
2188
+ ), w = ne(() => At, []), k = qe();
2189
+ return /* @__PURE__ */ $(
2190
+ Te.div,
2185
2191
  {
2186
2192
  className: "gloss-dev-tuning-panel",
2187
2193
  role: "region",
@@ -2189,37 +2195,37 @@ function Kt() {
2189
2195
  "data-testid": "gloss-dev-tuning-panel",
2190
2196
  drag: !0,
2191
2197
  dragListener: !1,
2192
- dragControls: v,
2198
+ dragControls: k,
2193
2199
  dragMomentum: !1,
2194
2200
  children: [
2195
- /* @__PURE__ */ O(
2201
+ /* @__PURE__ */ $(
2196
2202
  "div",
2197
2203
  {
2198
2204
  className: "gloss-dev-tuning-panel__header",
2199
- onPointerDown: (i) => v.start(i),
2205
+ onPointerDown: (d) => k.start(d),
2200
2206
  children: [
2201
- /* @__PURE__ */ d("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
2202
- /* @__PURE__ */ d("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
2207
+ /* @__PURE__ */ u("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
2208
+ /* @__PURE__ */ u("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
2203
2209
  ]
2204
2210
  }
2205
2211
  ),
2206
- /* @__PURE__ */ d("div", { className: "gloss-dev-tuning-panel__body", children: D.map((i) => /* @__PURE__ */ d(
2207
- Lt,
2212
+ /* @__PURE__ */ u("div", { className: "gloss-dev-tuning-panel__body", children: w.map((d) => /* @__PURE__ */ u(
2213
+ Bt,
2208
2214
  {
2209
- spec: i,
2210
- value: t[i.key],
2211
- onChange: (c) => u(i.key, c),
2212
- onReset: () => n(i.key),
2213
- flashing: o === i.key
2215
+ spec: d,
2216
+ value: t[d.key],
2217
+ onChange: (l) => m(d.key, l),
2218
+ onReset: () => n(d.key),
2219
+ flashing: s === d.key
2214
2220
  },
2215
- i.key
2221
+ d.key
2216
2222
  )) }),
2217
- /* @__PURE__ */ d("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ d(
2223
+ /* @__PURE__ */ u("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ u(
2218
2224
  "button",
2219
2225
  {
2220
2226
  type: "button",
2221
2227
  className: "gloss-dev-tuning-panel__reset-all",
2222
- onClick: s,
2228
+ onClick: r,
2223
2229
  children: "Reset all"
2224
2230
  }
2225
2231
  ) })
@@ -2235,44 +2241,44 @@ const U = {
2235
2241
  "gloss-inline-nudge__btn--action": "_gloss-inline-nudge__btn--action_kdk88_88",
2236
2242
  "gloss-inline-nudge__btn--dismiss": "_gloss-inline-nudge__btn--dismiss_kdk88_96"
2237
2243
  };
2238
- function Wt({
2244
+ function Ht({
2239
2245
  message: e,
2240
2246
  primaryAction: t,
2241
2247
  onDismiss: a,
2242
2248
  anchorEl: n,
2243
- anchorSelector: s
2249
+ anchorSelector: r
2244
2250
  }) {
2245
- const [o, l] = W.useState(null), m = W.useMemo(
2251
+ const [s, i] = H.useState(null), g = H.useMemo(
2246
2252
  () => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1,
2247
2253
  []
2248
2254
  );
2249
- W.useEffect(() => {
2250
- !n && !s && (typeof process > "u" || process.env.NODE_ENV !== "production") && console.error(
2255
+ H.useEffect(() => {
2256
+ !n && !r && (typeof process > "u" || process.env.NODE_ENV !== "production") && console.error(
2251
2257
  "[InlineNudge] requires anchorEl or anchorSelector. AP-07: Do not mount InlineNudge in Layout/** or _app.tsx."
2252
2258
  );
2253
- }, [n, s]), W.useLayoutEffect(() => {
2254
- let u = null;
2255
- if (n ? u = n : s && (u = document.querySelector(s)), u) {
2256
- const D = u.getBoundingClientRect();
2257
- l({
2258
- top: D.bottom + window.scrollY + 6,
2259
- left: D.left + window.scrollX
2259
+ }, [n, r]), H.useLayoutEffect(() => {
2260
+ let m = null;
2261
+ if (n ? m = n : r && (m = document.querySelector(r)), m) {
2262
+ const w = m.getBoundingClientRect();
2263
+ i({
2264
+ top: w.bottom + window.scrollY + 6,
2265
+ left: w.left + window.scrollX
2260
2266
  });
2261
2267
  }
2262
- }, [n, s]);
2263
- const h = o ? { top: o.top, left: o.left } : {};
2264
- return /* @__PURE__ */ O(
2268
+ }, [n, r]);
2269
+ const v = s ? { top: s.top, left: s.left } : {};
2270
+ return /* @__PURE__ */ $(
2265
2271
  "div",
2266
2272
  {
2267
2273
  className: U["gloss-inline-nudge"],
2268
- style: h,
2274
+ style: v,
2269
2275
  role: "status",
2270
2276
  "aria-live": "polite",
2271
- "data-reduced-motion": m ? "true" : void 0,
2277
+ "data-reduced-motion": g ? "true" : void 0,
2272
2278
  children: [
2273
- /* @__PURE__ */ d("span", { className: U["gloss-inline-nudge__message"], children: e }),
2274
- /* @__PURE__ */ O("div", { className: U["gloss-inline-nudge__actions"], children: [
2275
- /* @__PURE__ */ d(
2279
+ /* @__PURE__ */ u("span", { className: U["gloss-inline-nudge__message"], children: e }),
2280
+ /* @__PURE__ */ $("div", { className: U["gloss-inline-nudge__actions"], children: [
2281
+ /* @__PURE__ */ u(
2276
2282
  "button",
2277
2283
  {
2278
2284
  type: "button",
@@ -2281,7 +2287,7 @@ function Wt({
2281
2287
  children: t.label
2282
2288
  }
2283
2289
  ),
2284
- /* @__PURE__ */ d(
2290
+ /* @__PURE__ */ u(
2285
2291
  "button",
2286
2292
  {
2287
2293
  type: "button",
@@ -2296,395 +2302,395 @@ function Wt({
2296
2302
  }
2297
2303
  );
2298
2304
  }
2299
- Wt.displayName = "InlineNudge";
2305
+ Ht.displayName = "InlineNudge";
2300
2306
  function he(e) {
2301
2307
  return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
2302
2308
  }
2303
- function Gt(e, t, a) {
2309
+ function Vt(e, t, a) {
2304
2310
  if (a <= t) {
2305
- const l = e[0], m = l ? he(l) : "#888";
2306
- return `linear-gradient(to right, ${m}, ${m})`;
2311
+ const i = e[0], g = i ? he(i) : "#888";
2312
+ return `linear-gradient(to right, ${g}, ${g})`;
2307
2313
  }
2308
- const n = a - t, o = [...e].sort((l, m) => l.value - m.value).map((l) => {
2309
- const m = (l.value - t) / n * 100;
2310
- return `${he(l)} ${m.toFixed(2)}%`;
2314
+ const n = a - t, s = [...e].sort((i, g) => i.value - g.value).map((i) => {
2315
+ const g = (i.value - t) / n * 100;
2316
+ return `${he(i)} ${g.toFixed(2)}%`;
2311
2317
  });
2312
- return o.length === 0 ? "linear-gradient(to right, #888 0%, #888 100%)" : o.length === 1 ? `linear-gradient(to right, ${o[0]}, ${o[0]})` : `linear-gradient(to right, ${o.join(", ")})`;
2318
+ return s.length === 0 ? "linear-gradient(to right, #888 0%, #888 100%)" : s.length === 1 ? `linear-gradient(to right, ${s[0]}, ${s[0]})` : `linear-gradient(to right, ${s.join(", ")})`;
2313
2319
  }
2314
- function Ht(e) {
2320
+ function zt(e) {
2315
2321
  return e.map((t) => `${t.id}:${t.value}`).join("|");
2316
2322
  }
2317
- function Vt({
2323
+ function Zt({
2318
2324
  stops: e,
2319
2325
  onChange: t,
2320
2326
  min: a = 0,
2321
2327
  max: n = 100,
2322
- step: s,
2323
- disabled: o = !1
2328
+ step: r,
2329
+ disabled: s = !1
2324
2330
  }) {
2325
- const l = s === void 0 ? 0.01 : !Number.isFinite(s) || s <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
2326
- `ThresholdRamp: step (${s}) must be a positive finite number; falling back to 0.01.`
2327
- ), 0.01) : s, m = f(
2328
- (r) => Math.round(r / l) * l,
2329
- [l]
2330
- ), h = P(null), [u, D] = K(null), [v, i] = K(e), c = Ht(e), y = P(c);
2331
+ const i = r === void 0 ? 0.01 : !Number.isFinite(r) || r <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
2332
+ `ThresholdRamp: step (${r}) must be a positive finite number; falling back to 0.01.`
2333
+ ), 0.01) : r, g = b(
2334
+ (o) => Math.round(o / i) * i,
2335
+ [i]
2336
+ ), v = R(null), [m, w] = W(null), [k, d] = W(e), l = zt(e), p = R(l);
2331
2337
  L(() => {
2332
- y.current !== c && (y.current = c, !u && i(e));
2333
- }, [c, e, u]);
2334
- const I = ne(() => Gt(v, a, n), [v, a, n]), p = f(
2335
- (r) => {
2336
- if (!h.current) return a;
2337
- const g = h.current.getBoundingClientRect(), b = g.width || 1, x = Math.max(0, Math.min(1, (r - g.left) / b)), k = a + x * (n - a);
2338
- return m(k);
2338
+ p.current !== l && (p.current = l, !m && d(e));
2339
+ }, [l, e, m]);
2340
+ const T = ne(() => Vt(k, a, n), [k, a, n]), h = b(
2341
+ (o) => {
2342
+ if (!v.current) return a;
2343
+ const c = v.current.getBoundingClientRect(), f = c.width || 1, C = Math.max(0, Math.min(1, (o - c.left) / f)), N = a + C * (n - a);
2344
+ return g(N);
2339
2345
  },
2340
- [a, n, m]
2346
+ [a, n, g]
2341
2347
  );
2342
2348
  L(() => {
2343
2349
  n <= a && process.env.NODE_ENV !== "production" && console.warn(
2344
2350
  `ThresholdRamp: max (${n}) must be greater than min (${a}); rendering degenerate strip.`
2345
2351
  );
2346
2352
  }, [a, n]);
2347
- const T = f(
2348
- (r, g) => {
2349
- const b = v.find((x) => x.id === g);
2350
- o || b?.disabled || (r.preventDefault(), D(g));
2353
+ const x = b(
2354
+ (o, c) => {
2355
+ const f = k.find((C) => C.id === c);
2356
+ s || f?.disabled || (o.preventDefault(), w(c));
2351
2357
  },
2352
- [o, v]
2353
- ), R = P(v);
2354
- R.current = v;
2355
- const C = P(t);
2356
- C.current = t, L(() => {
2357
- if (!u) return;
2358
- const r = (b) => {
2359
- const x = p(b.clientX);
2360
- i(
2361
- (k) => k.map((M) => M.id === u ? { ...M, value: x } : M)
2358
+ [s, k]
2359
+ ), M = R(k);
2360
+ M.current = k;
2361
+ const D = R(t);
2362
+ D.current = t, L(() => {
2363
+ if (!m) return;
2364
+ const o = (f) => {
2365
+ const C = h(f.clientX);
2366
+ d(
2367
+ (N) => N.map((P) => P.id === m ? { ...P, value: C } : P)
2362
2368
  );
2363
- }, g = (b) => {
2364
- const x = p(b.clientX), k = R.current.map(
2365
- (M) => M.id === u ? { ...M, value: x } : M
2369
+ }, c = (f) => {
2370
+ const C = h(f.clientX), N = M.current.map(
2371
+ (P) => P.id === m ? { ...P, value: C } : P
2366
2372
  );
2367
- i(k), D(null), C.current(k);
2373
+ d(N), w(null), D.current(N);
2368
2374
  };
2369
- return window.addEventListener("pointermove", r), window.addEventListener("pointerup", g), window.addEventListener("pointercancel", g), () => {
2370
- window.removeEventListener("pointermove", r), window.removeEventListener("pointerup", g), window.removeEventListener("pointercancel", g);
2375
+ return window.addEventListener("pointermove", o), window.addEventListener("pointerup", c), window.addEventListener("pointercancel", c), () => {
2376
+ window.removeEventListener("pointermove", o), window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", c);
2371
2377
  };
2372
- }, [u, p]);
2373
- const _ = n - a > 0 ? n - a : 1, N = f(
2374
- (r, g) => {
2375
- if (o || g.disabled) return;
2376
- const b = n - a;
2377
- if (b <= 0) return;
2378
- const x = r.shiftKey ? b / 20 : b / 100;
2379
- let k = g.value;
2380
- switch (r.key) {
2378
+ }, [m, h]);
2379
+ const S = n - a > 0 ? n - a : 1, _ = b(
2380
+ (o, c) => {
2381
+ if (s || c.disabled) return;
2382
+ const f = n - a;
2383
+ if (f <= 0) return;
2384
+ const C = o.shiftKey ? f / 20 : f / 100;
2385
+ let N = c.value;
2386
+ switch (o.key) {
2381
2387
  case "ArrowRight":
2382
2388
  case "ArrowUp":
2383
- k = g.value + x;
2389
+ N = c.value + C;
2384
2390
  break;
2385
2391
  case "ArrowLeft":
2386
2392
  case "ArrowDown":
2387
- k = g.value - x;
2393
+ N = c.value - C;
2388
2394
  break;
2389
2395
  case "Home":
2390
- k = a;
2396
+ N = a;
2391
2397
  break;
2392
2398
  case "End":
2393
- k = n;
2399
+ N = n;
2394
2400
  break;
2395
2401
  default:
2396
2402
  return;
2397
2403
  }
2398
- r.preventDefault();
2399
- const M = Math.max(a, Math.min(n, k)), S = m(M);
2400
- if (S === g.value) return;
2401
- const $ = v.map(
2402
- (G) => G.id === g.id ? { ...G, value: S } : G
2404
+ o.preventDefault();
2405
+ const P = Math.max(a, Math.min(n, N)), I = g(P);
2406
+ if (I === c.value) return;
2407
+ const z = k.map(
2408
+ (O) => O.id === c.id ? { ...O, value: I } : O
2403
2409
  );
2404
- i($), t($);
2410
+ d(z), t(z);
2405
2411
  },
2406
- [o, a, n, v, t, m]
2412
+ [s, a, n, k, t, g]
2407
2413
  );
2408
- return /* @__PURE__ */ d("div", { className: "gloss-threshold-ramp", "data-disabled": o || void 0, children: /* @__PURE__ */ d(
2414
+ return /* @__PURE__ */ u("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ u(
2409
2415
  "div",
2410
2416
  {
2411
- ref: h,
2417
+ ref: v,
2412
2418
  className: "gloss-threshold-ramp__track",
2413
- style: { background: I },
2414
- children: v.map((r) => {
2415
- const g = (r.value - a) / _ * 100;
2416
- return /* @__PURE__ */ d(
2419
+ style: { background: T },
2420
+ children: k.map((o) => {
2421
+ const c = (o.value - a) / S * 100;
2422
+ return /* @__PURE__ */ u(
2417
2423
  "span",
2418
2424
  {
2419
2425
  className: "gloss-threshold-ramp__stop",
2420
2426
  style: {
2421
- left: `${g}%`,
2422
- color: he(r)
2427
+ left: `${c}%`,
2428
+ color: he(o)
2423
2429
  },
2424
- "data-disabled": r.disabled || void 0,
2425
- "data-dragging": u === r.id || void 0,
2426
- onPointerDown: (b) => T(b, r.id),
2427
- onKeyDown: (b) => N(b, r),
2428
- "aria-label": r.label ?? `Stop at ${r.value}`,
2430
+ "data-disabled": o.disabled || void 0,
2431
+ "data-dragging": m === o.id || void 0,
2432
+ onPointerDown: (f) => x(f, o.id),
2433
+ onKeyDown: (f) => _(f, o),
2434
+ "aria-label": o.label ?? `Stop at ${o.value}`,
2429
2435
  role: "slider",
2430
- "aria-valuenow": r.value,
2436
+ "aria-valuenow": o.value,
2431
2437
  "aria-valuemin": a,
2432
2438
  "aria-valuemax": n,
2433
- "aria-disabled": r.disabled || o || void 0,
2434
- tabIndex: r.disabled || o ? -1 : 0
2439
+ "aria-disabled": o.disabled || s || void 0,
2440
+ tabIndex: o.disabled || s ? -1 : 0
2435
2441
  },
2436
- r.id
2442
+ o.id
2437
2443
  );
2438
2444
  })
2439
2445
  }
2440
2446
  ) });
2441
2447
  }
2442
- Vt.displayName = "ThresholdRamp";
2443
- const Fe = Ve(null);
2444
- function zt() {
2445
- return ze(Fe);
2448
+ Zt.displayName = "ThresholdRamp";
2449
+ const Ee = Ze(null);
2450
+ function Ut() {
2451
+ return Ue(Ee);
2446
2452
  }
2447
- function Zt({ option: e }) {
2448
- const t = zt(), a = t?.isSelected(e.value) ?? !1, n = e.disabled || t?.groupDisabled, s = f(() => {
2453
+ function Yt({ option: e }) {
2454
+ const t = Ut(), a = t?.isSelected(e.value) ?? !1, n = e.disabled || t?.groupDisabled, r = b(() => {
2449
2455
  n || t?.select(e.value);
2450
- }, [n, t, e.value]), o = f(
2451
- (u) => {
2452
- n || t?.onKeyNav(u, e.value);
2456
+ }, [n, t, e.value]), s = b(
2457
+ (m) => {
2458
+ n || t?.onKeyNav(m, e.value);
2453
2459
  },
2454
2460
  [n, t, e.value]
2455
- ), l = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", m = t?.firstFocusableValue === e.value, h = n ? -1 : m ? 0 : -1;
2456
- return /* @__PURE__ */ d(
2461
+ ), i = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", g = t?.firstFocusableValue === e.value, v = n ? -1 : g ? 0 : -1;
2462
+ return /* @__PURE__ */ u(
2457
2463
  "button",
2458
2464
  {
2459
- ref: (u) => t?.registerRef(e.value, u),
2465
+ ref: (m) => t?.registerRef(e.value, m),
2460
2466
  type: "button",
2461
2467
  role: "radio",
2462
2468
  "aria-checked": a,
2463
2469
  className: "gloss-preset-swatch-row__swatch",
2464
- style: { backgroundColor: l },
2470
+ style: { backgroundColor: i },
2465
2471
  "data-selected": a || void 0,
2466
2472
  "data-disabled": n || void 0,
2467
- ...process.env.NODE_ENV === "test" ? { "data-bg-color": l } : {},
2473
+ ...process.env.NODE_ENV === "test" ? { "data-bg-color": i } : {},
2468
2474
  "aria-label": e.label ?? e.value,
2469
2475
  "aria-disabled": n,
2470
2476
  disabled: n,
2471
- tabIndex: h,
2472
- onClick: s,
2473
- onKeyDown: o
2477
+ tabIndex: v,
2478
+ onClick: r,
2479
+ onKeyDown: s
2474
2480
  }
2475
2481
  );
2476
2482
  }
2477
- function Ut({
2483
+ function qt({
2478
2484
  swatches: e,
2479
2485
  value: t,
2480
2486
  defaultValue: a,
2481
2487
  onChange: n,
2482
- disabled: s = !1,
2483
- name: o
2488
+ disabled: r = !1,
2489
+ name: s
2484
2490
  }) {
2485
- const l = t !== void 0, [m, h] = K(a), u = l ? t : m, D = f(
2486
- (C) => {
2487
- l || h(C), n?.(C);
2491
+ const i = t !== void 0, [g, v] = W(a), m = i ? t : g, w = b(
2492
+ (D) => {
2493
+ i || v(D), n?.(D);
2488
2494
  },
2489
- [l, n]
2490
- ), v = f(
2491
- (C) => u === C,
2492
- [u]
2493
- ), i = P(/* @__PURE__ */ new Map()), c = f((C, _) => {
2494
- _ ? i.current.set(C, _) : i.current.delete(C);
2495
- }, []), y = e.filter((C) => !C.disabled && !s), I = y.find((C) => C.value === u)?.value ?? y[0]?.value, p = f((C) => {
2496
- const _ = i.current.get(C);
2497
- _ && _.focus();
2498
- }, []), T = f(
2499
- (C, _) => {
2500
- if (s) return;
2501
- const N = e.filter((x) => !x.disabled);
2502
- if (N.length === 0) return;
2503
- const r = N.findIndex((x) => x.value === _);
2504
- if (r === -1) return;
2505
- let g = r;
2506
- switch (C.key) {
2495
+ [i, n]
2496
+ ), k = b(
2497
+ (D) => m === D,
2498
+ [m]
2499
+ ), d = R(/* @__PURE__ */ new Map()), l = b((D, S) => {
2500
+ S ? d.current.set(D, S) : d.current.delete(D);
2501
+ }, []), p = e.filter((D) => !D.disabled && !r), T = p.find((D) => D.value === m)?.value ?? p[0]?.value, h = b((D) => {
2502
+ const S = d.current.get(D);
2503
+ S && S.focus();
2504
+ }, []), x = b(
2505
+ (D, S) => {
2506
+ if (r) return;
2507
+ const _ = e.filter((C) => !C.disabled);
2508
+ if (_.length === 0) return;
2509
+ const o = _.findIndex((C) => C.value === S);
2510
+ if (o === -1) return;
2511
+ let c = o;
2512
+ switch (D.key) {
2507
2513
  case "ArrowRight":
2508
2514
  case "ArrowDown":
2509
- g = (r + 1) % N.length;
2515
+ c = (o + 1) % _.length;
2510
2516
  break;
2511
2517
  case "ArrowLeft":
2512
2518
  case "ArrowUp":
2513
- g = (r - 1 + N.length) % N.length;
2519
+ c = (o - 1 + _.length) % _.length;
2514
2520
  break;
2515
2521
  case "Home":
2516
- g = 0;
2522
+ c = 0;
2517
2523
  break;
2518
2524
  case "End":
2519
- g = N.length - 1;
2525
+ c = _.length - 1;
2520
2526
  break;
2521
2527
  case " ":
2522
2528
  case "Enter":
2523
- C.preventDefault(), D(_);
2529
+ D.preventDefault(), w(S);
2524
2530
  return;
2525
2531
  default:
2526
2532
  return;
2527
2533
  }
2528
- C.preventDefault();
2529
- const b = N[g].value;
2530
- p(b), D(b);
2534
+ D.preventDefault();
2535
+ const f = _[c].value;
2536
+ h(f), w(f);
2531
2537
  },
2532
- [s, e, D, p]
2533
- ), R = {
2534
- selectedValue: u,
2535
- select: D,
2536
- isSelected: v,
2537
- groupDisabled: s,
2538
- name: o,
2539
- registerRef: c,
2540
- firstFocusableValue: I,
2541
- onKeyNav: T
2538
+ [r, e, w, h]
2539
+ ), M = {
2540
+ selectedValue: m,
2541
+ select: w,
2542
+ isSelected: k,
2543
+ groupDisabled: r,
2544
+ name: s,
2545
+ registerRef: l,
2546
+ firstFocusableValue: T,
2547
+ onKeyNav: x
2542
2548
  };
2543
- return /* @__PURE__ */ d(Fe.Provider, { value: R, children: /* @__PURE__ */ d(
2549
+ return /* @__PURE__ */ u(Ee.Provider, { value: M, children: /* @__PURE__ */ u(
2544
2550
  "div",
2545
2551
  {
2546
2552
  className: "gloss-preset-swatch-row",
2547
2553
  role: "radiogroup",
2548
- "aria-label": o,
2549
- "aria-disabled": s,
2550
- "data-disabled": s || void 0,
2551
- children: e.map((C) => /* @__PURE__ */ d(Zt, { option: C }, C.value))
2554
+ "aria-label": s,
2555
+ "aria-disabled": r,
2556
+ "data-disabled": r || void 0,
2557
+ children: e.map((D) => /* @__PURE__ */ u(Yt, { option: D }, D.value))
2552
2558
  }
2553
2559
  ) });
2554
2560
  }
2555
- Ut.displayName = "PresetSwatchRow";
2561
+ qt.displayName = "PresetSwatchRow";
2556
2562
  function be(e, t) {
2557
2563
  for (const a of e)
2558
2564
  if (a.items.some((n) => n.id === t))
2559
2565
  return a.zoneKey;
2560
2566
  return null;
2561
2567
  }
2562
- function xe(e, t) {
2568
+ function Se(e, t) {
2563
2569
  const a = e.find((n) => n.zoneKey === t);
2564
2570
  return a ? a.zoneKey : be(e, t);
2565
2571
  }
2566
- function Yt(e, t, a) {
2567
- const n = [...e], [s] = n.splice(t, 1);
2568
- return n.splice(a, 0, s), n;
2572
+ function jt(e, t, a) {
2573
+ const n = [...e], [r] = n.splice(t, 1);
2574
+ return n.splice(a, 0, r), n;
2569
2575
  }
2570
- function qt(e) {
2576
+ function Xt(e) {
2571
2577
  return e.map((t) => `${t.zoneKey}:${t.items.map((a) => a.id).join(",")}`).join("|");
2572
2578
  }
2573
- function jt(e) {
2574
- const [t, a] = K(
2575
- () => e.zones.map((p) => p.maxItems !== void 0 && p.items.length > p.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
2576
- `useSortableZones: zone "${p.zoneKey}" exceeds maxItems (${p.items.length} > ${p.maxItems}); trimming to cap.`
2577
- ), { ...p, items: p.items.slice(0, p.maxItems) }) : p)
2578
- ), [n, s] = K(null), [o, l] = K(null), m = P(null), h = P(e.onZoneChange);
2579
- h.current = e.onZoneChange;
2580
- const u = ne(
2581
- () => qt(e.zones),
2579
+ function Qt(e) {
2580
+ const [t, a] = W(
2581
+ () => e.zones.map((h) => h.maxItems !== void 0 && h.items.length > h.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
2582
+ `useSortableZones: zone "${h.zoneKey}" exceeds maxItems (${h.items.length} > ${h.maxItems}); trimming to cap.`
2583
+ ), { ...h, items: h.items.slice(0, h.maxItems) }) : h)
2584
+ ), [n, r] = W(null), [s, i] = W(null), g = R(null), v = R(e.onZoneChange);
2585
+ v.current = e.onZoneChange;
2586
+ const m = ne(
2587
+ () => Xt(e.zones),
2582
2588
  [e.zones]
2583
- ), D = P(u);
2589
+ ), w = R(m);
2584
2590
  L(() => {
2585
- D.current !== u && (D.current = u, !n && a(
2586
- e.zones.map((p) => p.maxItems !== void 0 && p.items.length > p.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
2587
- `useSortableZones: zone "${p.zoneKey}" exceeds maxItems (${p.items.length} > ${p.maxItems}); trimming to cap.`
2588
- ), { ...p, items: p.items.slice(0, p.maxItems) }) : p)
2591
+ w.current !== m && (w.current = m, !n && a(
2592
+ e.zones.map((h) => h.maxItems !== void 0 && h.items.length > h.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
2593
+ `useSortableZones: zone "${h.zoneKey}" exceeds maxItems (${h.items.length} > ${h.maxItems}); trimming to cap.`
2594
+ ), { ...h, items: h.items.slice(0, h.maxItems) }) : h)
2589
2595
  ));
2590
- }, [u, e.zones, n]);
2591
- const v = f(
2592
- (p) => {
2593
- const T = p.active.id;
2594
- let R = null, C = null;
2595
- for (const _ of t) {
2596
- const N = _.items.find((r) => r.id === T);
2597
- if (N) {
2598
- R = N, C = _.zoneKey;
2596
+ }, [m, e.zones, n]);
2597
+ const k = b(
2598
+ (h) => {
2599
+ const x = h.active.id;
2600
+ let M = null, D = null;
2601
+ for (const S of t) {
2602
+ const _ = S.items.find((o) => o.id === x);
2603
+ if (_) {
2604
+ M = _, D = S.zoneKey;
2599
2605
  break;
2600
2606
  }
2601
2607
  }
2602
- m.current = C, s(R), l(C);
2608
+ g.current = D, r(M), i(D);
2603
2609
  },
2604
2610
  [t]
2605
- ), i = f(
2606
- (p) => {
2607
- if (!p.over) {
2608
- l(m.current);
2611
+ ), d = b(
2612
+ (h) => {
2613
+ if (!h.over) {
2614
+ i(g.current);
2609
2615
  return;
2610
2616
  }
2611
- const T = xe(t, p.over.id);
2612
- l(T);
2617
+ const x = Se(t, h.over.id);
2618
+ i(x);
2613
2619
  },
2614
2620
  [t]
2615
- ), c = f(
2616
- (p) => {
2617
- const { active: T, over: R } = p, C = () => {
2618
- m.current = null, s(null), l(null);
2621
+ ), l = b(
2622
+ (h) => {
2623
+ const { active: x, over: M } = h, D = () => {
2624
+ g.current = null, r(null), i(null);
2619
2625
  };
2620
- if (!R) {
2621
- C();
2626
+ if (!M) {
2627
+ D();
2622
2628
  return;
2623
2629
  }
2624
- const _ = be(t, T.id), N = xe(t, R.id);
2625
- if (!_ || !N) {
2626
- C();
2630
+ const S = be(t, x.id), _ = Se(t, M.id);
2631
+ if (!S || !_) {
2632
+ D();
2627
2633
  return;
2628
2634
  }
2629
- let r = t.map((g) => ({ ...g, items: [...g.items] }));
2630
- if (_ === N) {
2631
- const g = r.findIndex((S) => S.zoneKey === _), b = r[g], x = b.items.findIndex((S) => S.id === T.id), k = b.items.findIndex((S) => S.id === R.id), M = k >= 0 ? k : Math.max(0, b.items.length - 1);
2632
- r[g] = {
2633
- ...b,
2634
- items: Yt(b.items, x, M)
2635
+ let o = t.map((c) => ({ ...c, items: [...c.items] }));
2636
+ if (S === _) {
2637
+ const c = o.findIndex((I) => I.zoneKey === S), f = o[c], C = f.items.findIndex((I) => I.id === x.id), N = f.items.findIndex((I) => I.id === M.id), P = N >= 0 ? N : Math.max(0, f.items.length - 1);
2638
+ o[c] = {
2639
+ ...f,
2640
+ items: jt(f.items, C, P)
2635
2641
  };
2636
2642
  } else {
2637
- const g = r.findIndex((B) => B.zoneKey === _), b = r.findIndex((B) => B.zoneKey === N), x = r[g], k = r[b], M = x.items.find((B) => B.id === T.id);
2638
- if (!M) {
2639
- C();
2643
+ const c = o.findIndex((B) => B.zoneKey === S), f = o.findIndex((B) => B.zoneKey === _), C = o[c], N = o[f], P = C.items.find((B) => B.id === x.id);
2644
+ if (!P) {
2645
+ D();
2640
2646
  return;
2641
2647
  }
2642
- const S = x.items.filter((B) => B.id !== T.id), $ = k.items.findIndex((B) => B.id === R.id), G = $ >= 0 ? $ : k.items.length;
2643
- let X = S, V = [...k.items];
2644
- if (k.maxItems !== void 0 && V.length >= k.maxItems) {
2645
- const B = V[V.length - 1];
2646
- V = V.slice(0, k.maxItems - 1), X = [...S, B];
2648
+ const I = C.items.filter((B) => B.id !== x.id), z = N.items.findIndex((B) => B.id === M.id), O = z >= 0 ? z : N.items.length;
2649
+ let G = I, A = [...N.items];
2650
+ if (N.maxItems !== void 0 && A.length >= N.maxItems) {
2651
+ const B = A[A.length - 1];
2652
+ A = A.slice(0, N.maxItems - 1), G = [...I, B];
2647
2653
  }
2648
- const Z = Math.min(G, V.length), oe = [
2649
- ...V.slice(0, Z),
2650
- M,
2651
- ...V.slice(Z)
2654
+ const X = Math.min(O, A.length), ae = [
2655
+ ...A.slice(0, X),
2656
+ P,
2657
+ ...A.slice(X)
2652
2658
  ];
2653
- r[g] = { ...x, items: X }, r[b] = { ...k, items: oe };
2659
+ o[c] = { ...C, items: G }, o[f] = { ...N, items: ae };
2654
2660
  }
2655
- a(r), h.current?.(r), C();
2661
+ a(o), v.current?.(o), D();
2656
2662
  },
2657
2663
  [t]
2658
- ), y = f(
2659
- (p) => ({
2660
- id: p,
2661
- "data-zone-key": p
2664
+ ), p = b(
2665
+ (h) => ({
2666
+ id: h,
2667
+ "data-zone-key": h
2662
2668
  }),
2663
2669
  []
2664
- ), I = f(
2665
- (p) => {
2666
- const T = be(t, p.id) ?? "";
2670
+ ), T = b(
2671
+ (h) => {
2672
+ const x = be(t, h.id) ?? "";
2667
2673
  return {
2668
- id: p.id,
2669
- "data-item-id": p.id,
2670
- "data-zone-key": T
2674
+ id: h.id,
2675
+ "data-item-id": h.id,
2676
+ "data-zone-key": x
2671
2677
  };
2672
2678
  },
2673
2679
  [t]
2674
2680
  );
2675
2681
  return {
2676
2682
  zones: t,
2677
- activeZone: o,
2683
+ activeZone: s,
2678
2684
  activeItem: n,
2679
- getZoneProps: y,
2680
- getItemProps: I,
2681
- handleDragStart: v,
2682
- handleDragOver: i,
2683
- handleDragEnd: c
2685
+ getZoneProps: p,
2686
+ getItemProps: T,
2687
+ handleDragStart: k,
2688
+ handleDragOver: d,
2689
+ handleDragEnd: l
2684
2690
  };
2685
2691
  }
2686
- let ee = null, re = null, me = !1;
2687
- const Xt = [
2692
+ let ee = null, se = null, me = !1;
2693
+ const Jt = [
2688
2694
  "DndContext",
2689
2695
  "DragOverlay",
2690
2696
  "useSensors",
@@ -2693,22 +2699,22 @@ const Xt = [
2693
2699
  "PointerSensor",
2694
2700
  "KeyboardSensor",
2695
2701
  "closestCenter"
2696
- ], Qt = [
2702
+ ], en = [
2697
2703
  "SortableContext",
2698
2704
  "useSortable",
2699
2705
  "verticalListSortingStrategy"
2700
2706
  ];
2701
- function Jt(e, t) {
2707
+ function tn(e, t) {
2702
2708
  const a = [], n = e ?? {};
2703
- for (const o of Xt)
2704
- n[o] === void 0 && a.push(`@dnd-kit/core:${o}`);
2705
- const s = t ?? {};
2706
- for (const o of Qt)
2707
- s[o] === void 0 && a.push(`@dnd-kit/sortable:${o}`);
2709
+ for (const s of Jt)
2710
+ n[s] === void 0 && a.push(`@dnd-kit/core:${s}`);
2711
+ const r = t ?? {};
2712
+ for (const s of en)
2713
+ r[s] === void 0 && a.push(`@dnd-kit/sortable:${s}`);
2708
2714
  return a.length === 0 ? { ok: !0 } : { ok: !1, missing: a };
2709
2715
  }
2710
- function en() {
2711
- return ee ? Promise.resolve(ee) : me ? Promise.resolve(null) : re || (re = (async () => {
2716
+ function nn() {
2717
+ return ee ? Promise.resolve(ee) : me ? Promise.resolve(null) : se || (se = (async () => {
2712
2718
  try {
2713
2719
  const [e, t, a] = await Promise.all([
2714
2720
  import("@dnd-kit/core"),
@@ -2716,7 +2722,7 @@ function en() {
2716
2722
  import("@dnd-kit/utilities").catch(() => (process.env.NODE_ENV !== "production" && console.warn(
2717
2723
  "SortableZones: @dnd-kit/utilities failed to load; drag-overlay positioning will fall back (items may teleport instead of slide)."
2718
2724
  ), {}))
2719
- ]), n = Jt(e, t);
2725
+ ]), n = tn(e, t);
2720
2726
  return n.ok ? (ee = {
2721
2727
  core: e,
2722
2728
  sortable: t,
@@ -2727,399 +2733,398 @@ function en() {
2727
2733
  } catch {
2728
2734
  return me = !0, null;
2729
2735
  }
2730
- })(), re);
2736
+ })(), se);
2731
2737
  }
2732
- function tn(e) {
2733
- const { zones: t, onZoneChange: a, renderZone: n, renderItem: s, renderDragOverlay: o } = e, l = jt({ zones: t, onZoneChange: a }), [m, h] = W.useState(ee);
2734
- return W.useEffect(() => {
2735
- if (m) return;
2736
- let u = !0;
2737
- return en().then((D) => {
2738
- u && h(D);
2738
+ function an(e) {
2739
+ const { zones: t, onZoneChange: a, renderZone: n, renderItem: r, renderDragOverlay: s } = e, i = Qt({ zones: t, onZoneChange: a }), [g, v] = H.useState(ee);
2740
+ return H.useEffect(() => {
2741
+ if (g) return;
2742
+ let m = !0;
2743
+ return nn().then((w) => {
2744
+ m && v(w);
2739
2745
  }), () => {
2740
- u = !1;
2746
+ m = !1;
2741
2747
  };
2742
- }, [m]), m ? /* @__PURE__ */ d(
2743
- Ee,
2748
+ }, [g]), g ? /* @__PURE__ */ u(
2749
+ Oe,
2744
2750
  {
2745
- state: l,
2746
- modules: m,
2751
+ state: i,
2752
+ modules: g,
2747
2753
  renderZone: n,
2748
- renderItem: s,
2749
- renderDragOverlay: o
2754
+ renderItem: r,
2755
+ renderDragOverlay: s
2750
2756
  }
2751
- ) : /* @__PURE__ */ d("div", { "data-sortable-zones-passive": "true", children: l.zones.map((u) => {
2752
- const D = u.items.map((v) => /* @__PURE__ */ d(W.Fragment, { children: s(v) }, v.id));
2753
- return /* @__PURE__ */ d("div", { ...l.getZoneProps(u.zoneKey), children: n(u.zoneKey, u.items, D) }, u.zoneKey);
2757
+ ) : /* @__PURE__ */ u("div", { "data-sortable-zones-passive": "true", children: i.zones.map((m) => {
2758
+ const w = m.items.map((k) => /* @__PURE__ */ u(H.Fragment, { children: r(k) }, k.id));
2759
+ return /* @__PURE__ */ u("div", { ...i.getZoneProps(m.zoneKey), children: n(m.zoneKey, m.items, w) }, m.zoneKey);
2754
2760
  }) });
2755
2761
  }
2756
- tn.displayName = "SortableZones";
2757
- function Ee({
2762
+ an.displayName = "SortableZones";
2763
+ function Oe({
2758
2764
  state: e,
2759
2765
  modules: t,
2760
2766
  renderZone: a,
2761
2767
  renderItem: n,
2762
- renderDragOverlay: s
2768
+ renderDragOverlay: r
2763
2769
  }) {
2764
- const { core: o, sortable: l, utilities: m } = t, { DndContext: h, DragOverlay: u, useSensors: D, useSensor: v, useDroppable: i, PointerSensor: c, KeyboardSensor: y, closestCenter: I } = o, { SortableContext: p, verticalListSortingStrategy: T } = l, R = D(
2765
- v(c, { activationConstraint: { distance: 5 } }),
2766
- v(y)
2767
- ), C = h, _ = u, N = p;
2768
- return /* @__PURE__ */ O(
2769
- C,
2770
+ const { core: s, sortable: i, utilities: g } = t, { DndContext: v, DragOverlay: m, useSensors: w, useSensor: k, useDroppable: d, PointerSensor: l, KeyboardSensor: p, closestCenter: T } = s, { SortableContext: h, verticalListSortingStrategy: x } = i, M = w(
2771
+ k(l, { activationConstraint: { distance: 5 } }),
2772
+ k(p)
2773
+ ), D = v, S = m, _ = h;
2774
+ return /* @__PURE__ */ $(
2775
+ D,
2770
2776
  {
2771
- sensors: R,
2772
- collisionDetection: I,
2777
+ sensors: M,
2778
+ collisionDetection: T,
2773
2779
  onDragStart: e.handleDragStart,
2774
2780
  onDragOver: e.handleDragOver,
2775
2781
  onDragEnd: e.handleDragEnd,
2776
2782
  children: [
2777
- e.zones.map((r) => {
2778
- const g = r.items.map((x) => x.id), b = r.items.map((x) => /* @__PURE__ */ d(
2779
- Oe,
2783
+ e.zones.map((o) => {
2784
+ const c = o.items.map((C) => C.id), f = o.items.map((C) => /* @__PURE__ */ u(
2785
+ Ae,
2780
2786
  {
2781
- id: x.id,
2782
- useSortable: l.useSortable,
2783
- cssHelper: m.CSS,
2784
- children: n(x)
2787
+ id: C.id,
2788
+ useSortable: i.useSortable,
2789
+ cssHelper: g.CSS,
2790
+ children: n(C)
2785
2791
  },
2786
- x.id
2792
+ C.id
2787
2793
  ));
2788
- return /* @__PURE__ */ d(
2789
- Ae,
2794
+ return /* @__PURE__ */ u(
2795
+ Le,
2790
2796
  {
2791
- zoneKey: r.zoneKey,
2792
- zoneProps: e.getZoneProps(r.zoneKey),
2793
- useDroppable: i,
2794
- children: /* @__PURE__ */ d(N, { items: g, strategy: T, children: a(r.zoneKey, r.items, b) })
2797
+ zoneKey: o.zoneKey,
2798
+ zoneProps: e.getZoneProps(o.zoneKey),
2799
+ useDroppable: d,
2800
+ children: /* @__PURE__ */ u(_, { items: c, strategy: x, children: a(o.zoneKey, o.items, f) })
2795
2801
  },
2796
- r.zoneKey
2802
+ o.zoneKey
2797
2803
  );
2798
2804
  }),
2799
- /* @__PURE__ */ d(_, { children: e.activeItem ? s?.(e.activeItem) ?? n(e.activeItem) : null })
2805
+ /* @__PURE__ */ u(S, { children: e.activeItem ? r?.(e.activeItem) ?? n(e.activeItem) : null })
2800
2806
  ]
2801
2807
  }
2802
2808
  );
2803
2809
  }
2804
- Ee.displayName = "SortableZonesInner";
2805
- function Oe({ id: e, useSortable: t, cssHelper: a, children: n }) {
2806
- const { attributes: s, listeners: o, setNodeRef: l, transform: m, transition: h, isDragging: u } = t({ id: e }), D = {
2807
- transform: a?.Transform?.toString(m) ?? void 0,
2808
- transition: h,
2809
- opacity: u ? 0.5 : 1
2810
+ Oe.displayName = "SortableZonesInner";
2811
+ function Ae({ id: e, useSortable: t, cssHelper: a, children: n }) {
2812
+ const { attributes: r, listeners: s, setNodeRef: i, transform: g, transition: v, isDragging: m } = t({ id: e }), w = {
2813
+ transform: a?.Transform?.toString(g) ?? void 0,
2814
+ transition: v,
2815
+ opacity: m ? 0.5 : 1
2810
2816
  };
2811
- return /* @__PURE__ */ d("div", { ref: l, style: D, "data-sortable-item-id": e, ...s, ...o, children: n });
2817
+ return /* @__PURE__ */ u("div", { ref: i, style: w, "data-sortable-item-id": e, ...r, ...s, children: n });
2812
2818
  }
2813
- Oe.displayName = "SortableItem";
2814
- function Ae({
2819
+ Ae.displayName = "SortableItem";
2820
+ function Le({
2815
2821
  zoneKey: e,
2816
2822
  zoneProps: t,
2817
2823
  useDroppable: a,
2818
2824
  children: n
2819
2825
  }) {
2820
- const { setNodeRef: s, isOver: o } = a({ id: e });
2821
- return /* @__PURE__ */ d("div", { ref: s, "data-zone-is-over": o || void 0, ...t, children: n });
2826
+ const { setNodeRef: r, isOver: s } = a({ id: e });
2827
+ return /* @__PURE__ */ u("div", { ref: r, "data-zone-is-over": s || void 0, ...t, children: n });
2822
2828
  }
2823
- Ae.displayName = "ZoneDroppable";
2824
- const nn = W.forwardRef(({ density: e = "compact", children: t, ...a }, n) => {
2825
- const s = { ...a };
2826
- return delete s.className, delete s.style, /* @__PURE__ */ d("div", { ref: n, className: "gloss-container-toolbar", role: "toolbar", ...s, children: /* @__PURE__ */ d(ve, { region: "toolbar", density: e, children: t }) });
2829
+ Le.displayName = "ZoneDroppable";
2830
+ const rn = H.forwardRef(({ density: e = "compact", children: t, ...a }, n) => {
2831
+ const r = { ...a };
2832
+ return delete r.className, delete r.style, /* @__PURE__ */ u("div", { ref: n, className: "gloss-container-toolbar", role: "toolbar", ...r, children: /* @__PURE__ */ u(ve, { region: "toolbar", density: e, children: t }) });
2827
2833
  });
2828
- nn.displayName = "ContainerToolbar";
2829
- const an = W.forwardRef(({ legend: e, description: t, density: a = "default", children: n, ...s }, o) => {
2830
- const l = { ...s };
2831
- return delete l.className, delete l.style, /* @__PURE__ */ O("fieldset", { ref: o, className: "gloss-container-form-section", ...l, children: [
2832
- e && /* @__PURE__ */ d("legend", { className: "gloss-container-form-section__legend", children: e }),
2833
- t && /* @__PURE__ */ d("p", { className: "gloss-container-form-section__description", children: t }),
2834
- /* @__PURE__ */ d(ve, { region: "form-section", density: a, children: n })
2834
+ rn.displayName = "ContainerToolbar";
2835
+ const sn = H.forwardRef(({ legend: e, description: t, density: a = "default", children: n, ...r }, s) => {
2836
+ const i = { ...r };
2837
+ return delete i.className, delete i.style, /* @__PURE__ */ $("fieldset", { ref: s, className: "gloss-container-form-section", ...i, children: [
2838
+ e && /* @__PURE__ */ u("legend", { className: "gloss-container-form-section__legend", children: e }),
2839
+ t && /* @__PURE__ */ u("p", { className: "gloss-container-form-section__description", children: t }),
2840
+ /* @__PURE__ */ u(ve, { region: "form-section", density: a, children: n })
2835
2841
  ] });
2836
2842
  });
2837
- an.displayName = "ContainerFormSection";
2838
- const rn = W.forwardRef(({ density: e = "compact", children: t, ...a }, n) => {
2839
- const s = { ...a };
2840
- return delete s.className, delete s.style, /* @__PURE__ */ d("div", { ref: n, className: "gloss-container-table", ...s, children: /* @__PURE__ */ d(ve, { region: "table", density: e, children: t }) });
2843
+ sn.displayName = "ContainerFormSection";
2844
+ const on = H.forwardRef(({ density: e = "compact", children: t, ...a }, n) => {
2845
+ const r = { ...a };
2846
+ return delete r.className, delete r.style, /* @__PURE__ */ u("div", { ref: n, className: "gloss-container-table", ...r, children: /* @__PURE__ */ u(ve, { region: "table", density: e, children: t }) });
2841
2847
  });
2842
- rn.displayName = "ContainerTable";
2848
+ on.displayName = "ContainerTable";
2843
2849
  export {
2844
- ca as Accordion,
2845
- da as AccordionContent,
2846
- ua as AccordionItem,
2847
- ma as AccordionTrigger,
2848
- pa as ActionStrip,
2849
- ga as Actionable,
2850
- fa as AddressGroup,
2851
- ha as AddressSelect,
2852
- ba as AsyncLoader,
2853
- va as Autocomplete,
2854
- ya as Badge,
2855
- wa as BarChartCard,
2856
- Da as BarsBg,
2857
- Ca as Button,
2858
- Na as ButtonGroup,
2859
- ka as ButtonGroupContext,
2860
- xa as Card,
2861
- Sa as CardActions,
2862
- Ta as CardBack,
2863
- _a as CardBody,
2864
- Ia as CardFooter,
2865
- Ra as CardHeader,
2866
- Ma as CardMedia,
2867
- Pa as CardShell,
2868
- Fa as CardSubtitle,
2869
- Ea as CardTitle,
2870
- Oa as ChartControlBar,
2871
- Aa as Checkbox,
2872
- La as CheckboxGroup,
2873
- $a as Chip,
2874
- Ba as ColorPicker,
2875
- Ka as ComparisonCard,
2876
- Wa as ContactForm,
2877
- Ga as ContainerCard,
2878
- Ha as ContainerCardActions,
2879
- Va as ContainerCardBody,
2880
- za as ContainerCardFooter,
2881
- Za as ContainerCardHeader,
2882
- Ua as ContainerCardMedia,
2883
- Ya as ContainerCardSubtitle,
2884
- qa as ContainerCardTitle,
2885
- ja as ContainerDialog,
2886
- Xa as ContainerDialogActions,
2887
- Qa as ContainerDialogBody,
2888
- Ja as ContainerDialogHeader,
2889
- an as ContainerFormSection,
2890
- er as ContainerPanel,
2891
- rn as ContainerTable,
2892
- nn as ContainerToolbar,
2893
- tr as CreditCardForm,
2894
- nr as DEFAULT_FOOTER_IDS,
2895
- Mo as DEFAULT_MARKET_PRESETS,
2896
- ar as DEFAULT_OVERFLOW_IDS,
2897
- Po as DEFAULT_PINNED,
2898
- Te as DEFAULT_RESIZE_PHYSICS,
2899
- rr as DataTable,
2900
- sr as DatePicker,
2901
- or as DateRangePicker,
2902
- ir as DestructiveModal,
2903
- Bt as DevTuningPanel,
2904
- lr as DirectionCard,
2905
- cr as Dismissible,
2906
- dr as DistributionCard,
2907
- ur as DonutChart,
2908
- mr as Dropdown,
2909
- pr as ENTITY_FILTER_KEYS,
2910
- gr as ENTITY_PROFILE_ROUTES,
2911
- fr as ENTITY_TYPE_PLURAL,
2912
- ct as EdgeHoverHandle,
2913
- hr as EntityPicker,
2914
- br as EntitySearchPanel,
2915
- vr as Expandable,
2916
- yr as ExpandableChip,
2917
- wr as FLIP_AND_STAGE_TIMINGS,
2918
- Dr as FileUpload,
2919
- Cr as FilterChip,
2920
- Nr as FilterInput,
2921
- kr as FlipAndStageProvider,
2922
- xr as Form,
2923
- Sr as FormDialog,
2924
- Tr as FormField,
2925
- _r as FusedShape,
2926
- dt as GhostPreview,
2927
- Ir as GroupCheckbox,
2928
- Rr as GroupRadio,
2929
- Mr as HighlightCard,
2930
- Pr as HybridDatePicker,
2931
- Fr as ImportWizard,
2932
- Wt as InlineNudge,
2933
- Er as Input,
2934
- Or as InputAddon,
2935
- Ar as InputGroup,
2936
- Lr as Link,
2937
- $r as LoginForm,
2938
- Br as MarketPresetRow,
2939
- Kr as MaskPresets,
2940
- Wr as MaskedInput,
2941
- Gr as Menu,
2942
- Hr as MenuDivider,
2943
- Vr as MenuGroup,
2944
- zr as MenuItem,
2945
- Zr as MergePrompt,
2946
- Ur as MetricCard,
2947
- Yr as MetricCardGrid,
2948
- Rt as MetricGroupContainer,
2949
- qr as MiniCalendar,
2950
- jr as MultiSelect,
2951
- Xr as NumberInput,
2952
- Qr as ObjectArrow,
2953
- Jr as OrderFilterBar,
2954
- Fo as PERIOD_OPTIONS,
2955
- vt as PageChip,
2956
- _e as PageDropdown,
2957
- es as PasswordInput,
2958
- ts as PaymentForm,
2959
- ns as PaymentMethodSelect,
2960
- as as PhoneInput,
2961
- rs as PinToMetric,
2962
- Ut as PresetSwatchRow,
2963
- ss as ProfileCard,
2964
- os as ProgressCard,
2965
- is as QuickConfigPanel,
2966
- xt as RECONFIG_BACKSIDE_LABELS,
2967
- Eo as ROLLING_OPTIONS,
2968
- ls as Radio,
2969
- cs as RadioGroup,
2970
- ds as RangeSlider,
2971
- us as Rating,
2972
- _t as ReconfigBacksideButtons,
2973
- ms as RegistrationForm,
2974
- ps as Row1Controls,
2975
- gs as Row2FilterTray,
2976
- fs as SearchInput,
2977
- hs as SegmentCard,
2978
- bs as SegmentedControl,
2979
- vs as Select,
2980
- ys as Selectable,
2981
- ws as SimpleMetricCard,
2982
- Ds as SimpleSelector,
2983
- Cs as Skeleton,
2984
- Ns as SkeletonCard,
2985
- ks as SkeletonChart,
2986
- xs as SkeletonTable,
2987
- Ss as Slider,
2988
- Ts as Sortable,
2989
- tn as SortableZones,
2990
- _s as SparklineBg,
2991
- Is as SplitButton,
2992
- Rs as StackedGroupCard,
2993
- Ms as StatusModeCard,
2994
- lt as StatusSlotChipMenu,
2995
- Ps as Stepper,
2996
- Oo as TODAY_PRESET,
2850
+ ua as Accordion,
2851
+ ma as AccordionContent,
2852
+ pa as AccordionItem,
2853
+ ga as AccordionTrigger,
2854
+ fa as ActionStrip,
2855
+ ha as Actionable,
2856
+ ba as AddressGroup,
2857
+ va as AddressSelect,
2858
+ ya as AsyncLoader,
2859
+ wa as Autocomplete,
2860
+ Da as Badge,
2861
+ Ca as BarChartCard,
2862
+ Na as BarsBg,
2863
+ ka as Button,
2864
+ xa as ButtonGroup,
2865
+ Sa as ButtonGroupContext,
2866
+ Ta as Card,
2867
+ _a as CardActions,
2868
+ Ia as CardBack,
2869
+ Ra as CardBody,
2870
+ Ma as CardFooter,
2871
+ Pa as CardHeader,
2872
+ Fa as CardMedia,
2873
+ Ea as CardShell,
2874
+ Oa as CardSubtitle,
2875
+ Aa as CardTitle,
2876
+ La as ChartControlBar,
2877
+ $a as Checkbox,
2878
+ Ba as CheckboxGroup,
2879
+ Ka as Chip,
2880
+ Wa as ColorPicker,
2881
+ Ga as ComparisonCard,
2882
+ Ha as ContactForm,
2883
+ Va as ContainerCard,
2884
+ za as ContainerCardActions,
2885
+ Za as ContainerCardBody,
2886
+ Ua as ContainerCardFooter,
2887
+ Ya as ContainerCardHeader,
2888
+ qa as ContainerCardMedia,
2889
+ ja as ContainerCardSubtitle,
2890
+ Xa as ContainerCardTitle,
2891
+ Qa as ContainerDialog,
2892
+ Ja as ContainerDialogActions,
2893
+ er as ContainerDialogBody,
2894
+ tr as ContainerDialogHeader,
2895
+ sn as ContainerFormSection,
2896
+ nr as ContainerPanel,
2897
+ on as ContainerTable,
2898
+ rn as ContainerToolbar,
2899
+ ar as CreditCardForm,
2900
+ rr as DEFAULT_FOOTER_IDS,
2901
+ Po as DEFAULT_MARKET_PRESETS,
2902
+ sr as DEFAULT_OVERFLOW_IDS,
2903
+ Fo as DEFAULT_PINNED,
2904
+ _e as DEFAULT_RESIZE_PHYSICS,
2905
+ or as DataTable,
2906
+ ir as DatePicker,
2907
+ lr as DateRangePicker,
2908
+ cr as DestructiveModal,
2909
+ Wt as DevTuningPanel,
2910
+ dr as DirectionCard,
2911
+ ur as Dismissible,
2912
+ mr as DistributionCard,
2913
+ pr as DonutChart,
2914
+ gr as Dropdown,
2915
+ fr as ENTITY_FILTER_KEYS,
2916
+ hr as ENTITY_PROFILE_ROUTES,
2917
+ br as ENTITY_TYPE_PLURAL,
2918
+ ut as EdgeHoverHandle,
2919
+ vr as EntityPicker,
2920
+ yr as EntitySearchPanel,
2921
+ wr as Expandable,
2922
+ Dr as ExpandableChip,
2923
+ Cr as FLIP_AND_STAGE_TIMINGS,
2924
+ Nr as FileUpload,
2925
+ kr as FilterChip,
2926
+ xr as FilterInput,
2927
+ Sr as FlipAndStageProvider,
2928
+ Tr as Form,
2929
+ _r as FormDialog,
2930
+ Ir as FormField,
2931
+ Rr as FusedShape,
2932
+ mt as GhostPreview,
2933
+ Mr as GroupCheckbox,
2934
+ Pr as GroupRadio,
2935
+ Fr as HighlightCard,
2936
+ Er as HybridDatePicker,
2937
+ Or as ImportWizard,
2938
+ Ht as InlineNudge,
2939
+ Ar as Input,
2940
+ Lr as InputAddon,
2941
+ $r as InputGroup,
2942
+ Br as Link,
2943
+ Kr as LoginForm,
2944
+ Wr as MarketPresetRow,
2945
+ Gr as MaskPresets,
2946
+ Hr as MaskedInput,
2947
+ Vr as Menu,
2948
+ zr as MenuDivider,
2949
+ Zr as MenuGroup,
2950
+ Ur as MenuItem,
2951
+ Yr as MergePrompt,
2952
+ qr as MetricCard,
2953
+ jr as MetricCardGrid,
2954
+ Pt as MetricGroupContainer,
2955
+ Xr as MiniCalendar,
2956
+ Qr as MultiSelect,
2957
+ Jr as NumberInput,
2958
+ es as ObjectArrow,
2959
+ ts as OrderFilterBar,
2960
+ Eo as PERIOD_OPTIONS,
2961
+ wt as PageChip,
2962
+ Ie as PageDropdown,
2963
+ ns as PasswordInput,
2964
+ as as PaymentForm,
2965
+ rs as PaymentMethodSelect,
2966
+ ss as PhoneInput,
2967
+ os as PinToMetric,
2968
+ qt as PresetSwatchRow,
2969
+ is as ProfileCard,
2970
+ ls as ProgressCard,
2971
+ cs as QuickConfigPanel,
2972
+ Tt as RECONFIG_BACKSIDE_LABELS,
2973
+ Oo as ROLLING_OPTIONS,
2974
+ ds as Radio,
2975
+ us as RadioGroup,
2976
+ ms as RangeSlider,
2977
+ ps as Rating,
2978
+ Rt as ReconfigBacksideButtons,
2979
+ gs as RegistrationForm,
2980
+ fs as Row1Controls,
2981
+ hs as Row2FilterTray,
2982
+ bs as SearchInput,
2983
+ vs as SegmentCard,
2984
+ ys as SegmentedControl,
2985
+ ws as Select,
2986
+ Ds as Selectable,
2987
+ Cs as SimpleMetricCard,
2988
+ Ns as SimpleSelector,
2989
+ ks as Skeleton,
2990
+ xs as SkeletonCard,
2991
+ Ss as SkeletonChart,
2992
+ Ts as SkeletonTable,
2993
+ _s as Slider,
2994
+ Is as Sortable,
2995
+ an as SortableZones,
2996
+ Rs as SparklineBg,
2997
+ Ms as SplitButton,
2998
+ Ps as StackedGroupCard,
2999
+ Fs as StatusModeCard,
3000
+ dt as StatusSlotChipMenu,
3001
+ Es as Stepper,
3002
+ Ao as TODAY_PRESET,
2997
3003
  Y as TUNING_DEFAULTS,
2998
- Pe as TUNING_STORAGE_KEY,
2999
- Fs as TabGroup,
3000
- Es as TabbedDataView,
3001
- Os as TagInput,
3002
- As as Textarea,
3003
- Vt as ThresholdRamp,
3004
- Ls as TimeFrame,
3005
- $s as TimePicker,
3006
- Bs as Toggle,
3007
- Ks as Tooltip,
3008
- Ws as Transition,
3009
- Gs as TransitionGroup,
3010
- Hs as TrendCard,
3011
- Vs as TrendIndicator,
3012
- _o as UIContext,
3004
+ Fe as TUNING_STORAGE_KEY,
3005
+ Os as TabGroup,
3006
+ As as TabbedDataView,
3007
+ Ls as TagInput,
3008
+ $s as Textarea,
3009
+ Zt as ThresholdRamp,
3010
+ Bs as TimeFrame,
3011
+ Ks as TimePicker,
3012
+ Ws as Toggle,
3013
+ Gs as Tooltip,
3014
+ Hs as Transition,
3015
+ Vs as TransitionGroup,
3016
+ zs as TrendCard,
3017
+ Zs as TrendIndicator,
3018
+ Io as UIContext,
3013
3019
  ve as UIContextProvider,
3014
- zs as UnifiedBreakdownTable,
3015
- Zs as UnifiedContextMenu,
3016
- ut as VelocityBuffer,
3017
- Us as addressGroupMetadata,
3018
- Ys as addressSchema,
3019
- yn as allChips,
3020
- Pn as allStateFixtures,
3021
- Mn as allVariantFixtures,
3022
- Nn as blockSamples,
3023
- qs as buildDefaultOverflow,
3024
- _n as cardSamples,
3025
- Sn as chartSamples,
3026
- xn as circleSamples,
3027
- ea as compactLayout,
3028
- Hn as compactState,
3029
- Rn as computeGutterAnchorX,
3030
- js as contactFormMetadata,
3031
- Xs as contactSchema,
3032
- Vn as contextMenuFixtures,
3033
- Qs as creditCardFormMetadata,
3034
- Js as creditCardSchema,
3035
- rt as dateChip,
3036
- Me as defaultControlBarState,
3037
- eo as destructiveModalMetadata,
3038
- to as durations,
3039
- no as easings,
3040
- gt as emptyFixture,
3041
- nt as entityChip,
3042
- Ct as entityNameActions,
3043
- Dn as entityTabGroup,
3044
- pt as errorFixture,
3045
- Gn as filteredState,
3046
- Ao as findPreset,
3047
- Lo as formatDateRange,
3048
- $o as formatMarketDates,
3049
- Bo as formatTrend,
3050
- Ko as formatValue,
3051
- na as fullLayout,
3052
- Wo as generateMarketId,
3053
- ao as generateTabId,
3054
- Go as getAllPresets,
3055
- Ho as getDateRangeForPreset,
3056
- ro as getMenuActions,
3057
- Vo as getPresetLabel,
3058
- so as getTransitionStyle,
3059
- Jn as gridCards,
3060
- oo as interpolate,
3061
- zo as isInRange,
3062
- Zo as isMarketActive,
3063
- Uo as isSameDay,
3064
- Wn as itemColumns,
3065
- Bn as itemRows,
3066
- mt as loadingFixture,
3067
- io as loginFormMetadata,
3068
- lo as loginSchema,
3069
- st as manufacturerChip,
3070
- oa as manyTabs,
3071
- co as mergeHandlers,
3072
- uo as mergeRefs,
3073
- wn as metricTabGroup,
3074
- ra as mixedTabs,
3075
- Yo as normalizePresetId,
3076
- kt as numericActions,
3077
- Kn as orderColumns,
3078
- Nt as orderIdActions,
3079
- $n as orderRows,
3080
- aa as ordersTabs,
3081
- mo as parseNumericValue,
3082
- po as paymentFormMetadata,
3083
- go as paymentSchema,
3084
- fo as presets,
3085
- ho as registrationFormMetadata,
3086
- bo as registrationSchema,
3087
- Zn as sampleCompareRanges,
3088
- qn as sampleCustomMarkets,
3089
- zn as sampleDateRange,
3090
- jn as sampleMarketPresetData,
3091
- Yn as sampleMarkets,
3092
- Qn as samplePeriodPresets,
3093
- Un as samplePreferences,
3094
- Xn as samplePresets,
3095
- sa as singleTab,
3096
- Fn as sparklineFixture,
3097
- En as sparklineUpFixture,
3098
- bt as staleDonutFixture,
3099
- ft as staleFixture,
3100
- ht as staleSparklineFixture,
3101
- On as standardFixture,
3102
- Ln as standardFlatFixture,
3103
- ta as standardLayout,
3104
- An as standardNegativeFixture,
3105
- at as statusChip,
3106
- Tn as tableSamples,
3107
- kn as textSamples,
3108
- Cn as timeFrameTabGroup,
3109
- qo as toUppercasePresetId,
3110
- vn as useArrowNavigation,
3111
- vo as useCheckboxGroupContext,
3112
- In as useEdgeHoverResize,
3113
- yo as useFilterLayout,
3114
- wo as useFlipAndStage,
3115
- Do as useFlipAndStageContext,
3116
- Co as useFlipAndStageContextOptional,
3117
- bn as useFocusReturn,
3118
- No as useFocusTrap,
3119
- ko as useFormContext,
3120
- xo as useRadioGroupContext,
3121
- Ft as useResizeTuning,
3122
- So as useSlideOutReveal,
3123
- jt as useSortableZones,
3124
- Io as useUIContext
3020
+ Us as UnifiedBreakdownTable,
3021
+ Ys as UnifiedContextMenu,
3022
+ pt as VelocityBuffer,
3023
+ qs as addressGroupMetadata,
3024
+ js as addressSchema,
3025
+ Dn as allChips,
3026
+ En as allStateFixtures,
3027
+ Fn as allVariantFixtures,
3028
+ xn as blockSamples,
3029
+ Xs as buildDefaultOverflow,
3030
+ Rn as cardSamples,
3031
+ _n as chartSamples,
3032
+ Tn as circleSamples,
3033
+ na as compactLayout,
3034
+ zn as compactState,
3035
+ Pn as computeGutterAnchorX,
3036
+ Qs as contactFormMetadata,
3037
+ Js as contactSchema,
3038
+ Zn as contextMenuFixtures,
3039
+ eo as creditCardFormMetadata,
3040
+ to as creditCardSchema,
3041
+ ot as dateChip,
3042
+ Pe as defaultControlBarState,
3043
+ no as destructiveModalMetadata,
3044
+ ao as durations,
3045
+ ro as easings,
3046
+ ht as emptyFixture,
3047
+ rt as entityChip,
3048
+ kt as entityNameActions,
3049
+ Nn as entityTabGroup,
3050
+ ft as errorFixture,
3051
+ Vn as filteredState,
3052
+ Lo as findPreset,
3053
+ $o as formatDateRange,
3054
+ Bo as formatMarketDates,
3055
+ Ko as formatTrend,
3056
+ Wo as formatValue,
3057
+ ra as fullLayout,
3058
+ Go as generateMarketId,
3059
+ so as generateTabId,
3060
+ Ho as getAllPresets,
3061
+ Vo as getDateRangeForPreset,
3062
+ oo as getMenuActions,
3063
+ zo as getPresetLabel,
3064
+ io as getTransitionStyle,
3065
+ ta as gridCards,
3066
+ lo as interpolate,
3067
+ Zo as isInRange,
3068
+ Uo as isMarketActive,
3069
+ Yo as isSameDay,
3070
+ Hn as itemColumns,
3071
+ Wn as itemRows,
3072
+ gt as loadingFixture,
3073
+ co as loginFormMetadata,
3074
+ uo as loginSchema,
3075
+ it as manufacturerChip,
3076
+ la as manyTabs,
3077
+ mo as mergeHandlers,
3078
+ po as mergeRefs,
3079
+ Cn as metricTabGroup,
3080
+ oa as mixedTabs,
3081
+ qo as normalizePresetId,
3082
+ St as numericActions,
3083
+ Gn as orderColumns,
3084
+ xt as orderIdActions,
3085
+ Kn as orderRows,
3086
+ sa as ordersTabs,
3087
+ go as parseNumericValue,
3088
+ fo as paymentFormMetadata,
3089
+ ho as paymentSchema,
3090
+ bo as presets,
3091
+ vo as registrationFormMetadata,
3092
+ yo as registrationSchema,
3093
+ Yn as sampleCompareRanges,
3094
+ Xn as sampleCustomMarkets,
3095
+ Un as sampleDateRange,
3096
+ Qn as sampleMarketPresetData,
3097
+ jn as sampleMarkets,
3098
+ ea as samplePeriodPresets,
3099
+ qn as samplePreferences,
3100
+ Jn as samplePresets,
3101
+ ia as singleTab,
3102
+ On as sparklineFixture,
3103
+ An as sparklineUpFixture,
3104
+ yt as staleDonutFixture,
3105
+ bt as staleFixture,
3106
+ vt as staleSparklineFixture,
3107
+ Ln as standardFixture,
3108
+ Bn as standardFlatFixture,
3109
+ aa as standardLayout,
3110
+ $n as standardNegativeFixture,
3111
+ st as statusChip,
3112
+ In as tableSamples,
3113
+ Sn as textSamples,
3114
+ kn as timeFrameTabGroup,
3115
+ jo as toUppercasePresetId,
3116
+ wn as useArrowNavigation,
3117
+ wo as useCheckboxGroupContext,
3118
+ Mn as useEdgeHoverResize,
3119
+ Do as useFilterLayout,
3120
+ Co as useFlipAndStage,
3121
+ No as useFlipAndStageContext,
3122
+ ko as useFlipAndStageContextOptional,
3123
+ yn as useFocusReturn,
3124
+ xo as useFocusTrap,
3125
+ So as useFormContext,
3126
+ To as useRadioGroupContext,
3127
+ Ot as useResizeTuning,
3128
+ Qt as useSortableZones,
3129
+ Ro as useUIContext
3125
3130
  };