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