@mt-gloss/ui 0.1.5 → 0.1.7

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,23 +1,23 @@
1
- import { N as Dn, T as Cn, O as Nn, Q as _n, a3 as kn, b6 as Sn, az as xn, ah as Tn, Z as In, an as Rn, K as Mn, a8 as Fn, bn as Pn, P as En, B as On, a as An, y as Ln, H as $n, bi as Bn, F as Kn, J as zn, A as Wn, z as Gn, bh as Hn, E as Vn, D as Un, bw as Zn, b as jn, C as Yn, L as qn, o as Qn, ad as Xn, aN as Jn, y as er, H as tr, F as ar, J as nr, A as rr, z as sr, E as or, D as ir, a$ as lr, b2 as dr, b1 as cr, b0 as ur, b3 as mr, aC as pr, a5 as gr, a4 as fr, aq as hr, k as br, m as vr, aF as yr, ab as wr, b8 as Dr, a9 as Cr, bo as Nr, Y as _r, bG as kr, bF as Sr, bH as xr, ap as Tr, aQ as Ir, ba as Rr, bL as Mr, bu as Fr, n as Pr, am as Er, bA as Or, br as Ar, a0 as Lr, ar as $r, a2 as Br, bz as Kr, G as zr, d as Wr, aa as Gr, bI as Hr, aT as Vr, r as Ur, v as Zr, I as jr, g as Yr, aw as qr, bM as Qr, M as Xr, w as Jr, U as es, X as ts, V as as, W as ns, as as rs, bg as ss, bO as os, bK as is, ao as ls, t as ds, bp as cs, aS as us, aj as ms, aK as ps, ag as gs, al as fs, au as hs, aR as bs, ac as vs, at as ys, c as ws, R as Ds, j as Cs, p as Ns, aH as _s, bx as ks, by as Ss, ai as xs, ae as Ts, h as Is, x as Rs, b7 as Ms, af as Fs, bN as Ps, bc as Es, bf as Os, bd as As, be as Ls, i as $s, b9 as Bs, bm as Ks, S as zs, bk as Ws, bl as Gs, av as Hs, bb as Vs, bP as Us, ak as Zs, s as js, bJ as Ys, l as qs, f as Qs, q as Xs, _ as Js, $ as eo, a7 as to, bj as ao, bv as no, bC as ro, aA as so, aB as oo, a6 as io, aO as lo, aP as co, aD as uo, aE as mo, aG as po, aV as go, aW as fo, bE as ho, bD as bo, aY as vo, aZ as yo, ax as wo, ay as Do, b5 as Co, b4 as No, a_ as _o, aL as ko, aM as So, aX as xo, aI as To, aJ as Io, u as Ro, bB as Mo, bq as Fo, bs as Po, bt as Eo, aU as Oo, a1 as Ao, e as Lo } from "./Expandable-CsLVYNv3.js";
2
- import { jsxs as A, jsx as c } from "react/jsx-runtime";
1
+ import { N as Rn, T as In, O as Pn, Q as Fn, a3 as En, b6 as On, az as An, ah as Ln, Z as $n, an as Bn, K as zn, a8 as Kn, bn as Wn, P as Gn, B as Hn, a as Vn, y as jn, H as Un, bi as Zn, F as Yn, J as qn, A as Qn, z as Xn, bh as Jn, E as er, D as tr, bw as ar, b as nr, C as rr, L as sr, o as or, ad as ir, aN as lr, y as cr, H as dr, F as ur, J as mr, A as pr, z as gr, E as fr, D as hr, a$ as br, b2 as vr, b1 as yr, b0 as wr, b3 as Dr, aC as Nr, a5 as Cr, a4 as kr, aq as _r, k as xr, m as Sr, aF as Mr, ab as Tr, b8 as Rr, a9 as Ir, bo as Pr, Y as Fr, bG as Er, bF as Or, bH as Ar, ap as Lr, aQ as $r, ba as Br, bL as zr, bu as Kr, n as Wr, am as Gr, bA as Hr, br as Vr, a0 as jr, ar as Ur, a2 as Zr, bz as Yr, G as qr, d as Qr, aa as Xr, bI as Jr, aT as es, r as ts, v as as, I as ns, g as rs, aw as ss, bM as os, M as is, w as ls, U as cs, X as ds, V as us, W as ms, as as ps, bg as gs, bO as fs, bK as hs, ao as bs, t as vs, bp as ys, aS as ws, aj as Ds, aK as Ns, ag as Cs, al as ks, au as _s, aR as xs, ac as Ss, at as Ms, c as Ts, R as Rs, j as Is, p as Ps, aH as Fs, bx as Es, by as Os, ai as As, ae as Ls, h as $s, x as Bs, b7 as zs, af as Ks, bN as Ws, bc as Gs, bf as Hs, bd as Vs, be as js, i as Us, b9 as Zs, bm as Ys, S as qs, bk as Qs, bl as Xs, av as Js, bb as eo, bP as to, ak as ao, s as no, bJ as ro, l as so, f as oo, q as io, _ as lo, $ as co, a7 as uo, bj as mo, bv as po, bC as go, aA as fo, aB as ho, a6 as bo, aO as vo, aP as yo, aD as wo, aE as Do, aG as No, aV as Co, aW as ko, bE as _o, bD as xo, aY as So, aZ as Mo, ax as To, ay as Ro, b5 as Io, b4 as Po, a_ as Fo, aL as Eo, aM as Oo, aX as Ao, aI as Lo, aJ as $o, u as Bo, bB as zo, bq as Ko, bs as Wo, bt as Go, aU as Ho, a1 as Vo, e as jo } from "./Expandable-CTI-osAf.js";
2
+ import { jsxs as A, jsx as d } from "react/jsx-runtime";
3
3
  import * as Ue from "react";
4
- import G, { useRef as R, useEffect as $, useState as z, useCallback as v, forwardRef as Ze, useMemo as ne, createContext as je, useContext as Ye } from "react";
5
- import { motion as Te, useMotionValue as qe, animate as Ce, useDragControls as Qe } from "framer-motion";
6
- import { B as Xe, U as ye } from "./UIContext-C3E-k7HI.js";
7
- import { a as Bo, u as Ko } from "./UIContext-C3E-k7HI.js";
8
- import { createPortal as Je } from "react-dom";
9
- import { DEFAULT_MARKET_PRESETS as Wo, DEFAULT_PINNED as Go, PERIOD_OPTIONS as Ho, ROLLING_OPTIONS as Vo, TODAY_PRESET as Uo, findPreset as Zo, formatDateRange as jo, formatMarketDates as Yo, formatTrend as qo, formatValue as Qo, generateMarketId as Xo, getAllPresets as Jo, getDateRangeForPreset as ei, getPresetLabel as ti, isInRange as ai, isMarketActive as ni, isSameDay as ri, normalizePresetId as si, toUppercasePresetId as oi } from "@mt-gloss/utils";
10
- import et from "@mui/icons-material/AccessTime";
11
- import tt from "@mui/icons-material/Tune";
12
- import at from "@mui/icons-material/ViewColumn";
13
- import nt from "@mui/icons-material/AspectRatio";
14
- import rt from "@mui/icons-material/Palette";
15
- import st from "@mui/icons-material/PushPin";
16
- function Da(e = {}) {
4
+ import H, { useRef as R, useEffect as L, useState as W, useCallback as y, forwardRef as Ze, useMemo as re, createContext as Ye, useContext as qe } from "react";
5
+ import { motion as Re, useMotionValue as Qe, animate as ke, useDragControls as Xe } from "framer-motion";
6
+ import { B as Je, U as we } from "./UIContext-C3E-k7HI.js";
7
+ import { a as Zo, u as Yo } from "./UIContext-C3E-k7HI.js";
8
+ import { createPortal as et } from "react-dom";
9
+ import { DEFAULT_MARKET_PRESETS as Qo, DEFAULT_PINNED as Xo, PERIOD_OPTIONS as Jo, ROLLING_OPTIONS as ei, TODAY_PRESET as ti, findPreset as ai, formatDateRange as ni, formatMarketDates as ri, formatTrend as si, formatValue as oi, generateMarketId as ii, getAllPresets as li, getDateRangeForPreset as ci, getPresetLabel as di, isInRange as ui, isMarketActive as mi, isSameDay as pi, normalizePresetId as gi, toUppercasePresetId as fi } from "@mt-gloss/utils";
10
+ import tt from "@mui/icons-material/AccessTime";
11
+ import at from "@mui/icons-material/Tune";
12
+ import nt from "@mui/icons-material/ViewColumn";
13
+ import rt from "@mui/icons-material/AspectRatio";
14
+ import st from "@mui/icons-material/Palette";
15
+ import ot from "@mui/icons-material/PushPin";
16
+ function Na(e = {}) {
17
17
  const { enabled: t = !0, returnTo: n } = e, a = R(null);
18
- return $(() => {
18
+ return L(() => {
19
19
  t && (a.current = n || document.activeElement);
20
- }, [t, n]), $(() => () => {
20
+ }, [t, n]), L(() => () => {
21
21
  t && a.current && setTimeout(() => {
22
22
  a.current?.focus?.();
23
23
  }, 0);
@@ -34,63 +34,63 @@ function Ca(e) {
34
34
  isItemDisabled: l,
35
35
  onSelect: b,
36
36
  onEscape: p
37
- } = e, [y, C] = z(-1), u = n !== void 0 ? n : y, d = v(
37
+ } = e, [v, C] = W(-1), u = n !== void 0 ? n : v, c = y(
38
38
  (i) => {
39
39
  n === void 0 && C(i), a?.(i);
40
40
  },
41
41
  [n, a]
42
- ), g = v(() => t.map((i, m) => ({ item: i, index: m })).filter(({ item: i, index: m }) => !l?.(i, m)).map(({ index: i }) => i), [t, l]), x = v(
43
- (i, m) => {
44
- const h = g();
45
- if (h.length === 0) return -1;
46
- const N = h.indexOf(i);
47
- if (N === -1)
48
- return m === 1 ? h.find((F) => F > i) ?? (r ? h[0] : -1) : [...h].reverse().find((I) => I < i) ?? (r ? h[h.length - 1] : -1);
49
- let _ = N + m;
50
- return r ? _ = (_ + h.length) % h.length : _ = Math.max(0, Math.min(h.length - 1, _)), h[_];
42
+ ), g = y(() => t.map((i, h) => ({ item: i, index: h })).filter(({ item: i, index: h }) => !l?.(i, h)).map(({ index: i }) => i), [t, l]), S = y(
43
+ (i, h) => {
44
+ const m = g();
45
+ if (m.length === 0) return -1;
46
+ const w = m.indexOf(i);
47
+ if (w === -1)
48
+ return h === 1 ? m.find((M) => M > i) ?? (r ? m[0] : -1) : [...m].reverse().find((E) => E < i) ?? (r ? m[m.length - 1] : -1);
49
+ let k = w + h;
50
+ return r ? k = (k + m.length) % m.length : k = Math.max(0, Math.min(m.length - 1, k)), m[k];
51
51
  },
52
52
  [g, r]
53
- ), f = v(() => {
53
+ ), f = y(() => {
54
54
  const i = g();
55
- i.length > 0 && d(i[0]);
56
- }, [g, d]), k = v(() => {
55
+ i.length > 0 && c(i[0]);
56
+ }, [g, c]), x = y(() => {
57
57
  const i = g();
58
- i.length > 0 && d(i[i.length - 1]);
59
- }, [g, d]), M = v(() => {
60
- const i = x(u, 1);
61
- i !== -1 && d(i);
62
- }, [u, x, d]), D = v(() => {
63
- const i = x(u, -1);
64
- i !== -1 && d(i);
65
- }, [u, x, d]), S = v(() => {
66
- d(-1);
67
- }, [d]), T = v(
58
+ i.length > 0 && c(i[i.length - 1]);
59
+ }, [g, c]), I = y(() => {
60
+ const i = S(u, 1);
61
+ i !== -1 && c(i);
62
+ }, [u, S, c]), N = y(() => {
63
+ const i = S(u, -1);
64
+ i !== -1 && c(i);
65
+ }, [u, S, c]), _ = y(() => {
66
+ c(-1);
67
+ }, [c]), T = y(
68
68
  (i) => {
69
69
  if (!o) return;
70
- const { key: m } = i, h = m === "ArrowUp" && (s === "vertical" || s === "both"), N = m === "ArrowDown" && (s === "vertical" || s === "both"), _ = m === "ArrowLeft" && (s === "horizontal" || s === "both"), F = m === "ArrowRight" && (s === "horizontal" || s === "both");
71
- if (h || _) {
72
- i.preventDefault(), u === -1 ? k() : D();
70
+ const { key: h } = i, m = h === "ArrowUp" && (s === "vertical" || s === "both"), w = h === "ArrowDown" && (s === "vertical" || s === "both"), k = h === "ArrowLeft" && (s === "horizontal" || s === "both"), M = h === "ArrowRight" && (s === "horizontal" || s === "both");
71
+ if (m || k) {
72
+ i.preventDefault(), u === -1 ? x() : N();
73
73
  return;
74
74
  }
75
- if (N || F) {
76
- i.preventDefault(), u === -1 ? f() : M();
75
+ if (w || M) {
76
+ i.preventDefault(), u === -1 ? f() : I();
77
77
  return;
78
78
  }
79
- if (m === "Home") {
79
+ if (h === "Home") {
80
80
  i.preventDefault(), f();
81
81
  return;
82
82
  }
83
- if (m === "End") {
84
- i.preventDefault(), k();
83
+ if (h === "End") {
84
+ i.preventDefault(), x();
85
85
  return;
86
86
  }
87
- if ((m === "Enter" || m === " ") && u >= 0 && u < t.length) {
87
+ if ((h === "Enter" || h === " ") && u >= 0 && u < t.length) {
88
88
  i.preventDefault();
89
- const I = t[u];
90
- l?.(I, u) || b?.(I, u);
89
+ const E = t[u];
90
+ l?.(E, u) || b?.(E, u);
91
91
  return;
92
92
  }
93
- if (m === "Escape") {
93
+ if (h === "Escape") {
94
94
  p?.();
95
95
  return;
96
96
  }
@@ -101,9 +101,9 @@ function Ca(e) {
101
101
  u,
102
102
  t,
103
103
  f,
104
- k,
105
- M,
106
- D,
104
+ x,
105
+ I,
106
+ N,
107
107
  l,
108
108
  b,
109
109
  p
@@ -111,44 +111,44 @@ function Ca(e) {
111
111
  );
112
112
  return {
113
113
  focusedIndex: u,
114
- setFocusedIndex: d,
114
+ setFocusedIndex: c,
115
115
  handleKeyDown: T,
116
116
  focusFirst: f,
117
- focusLast: k,
118
- focusNext: M,
119
- focusPrevious: D,
120
- resetFocus: S
117
+ focusLast: x,
118
+ focusNext: I,
119
+ focusPrevious: N,
120
+ resetFocus: _
121
121
  };
122
122
  }
123
- const ie = (e) => {
124
- }, ot = {
123
+ const ce = (e) => {
124
+ }, it = {
125
125
  id: "entity-filter-1",
126
126
  label: "Customer: Acme Corp",
127
127
  field: "customer",
128
128
  value: "acme-corp-123",
129
- onRemove: ie
130
- }, it = {
129
+ onRemove: ce
130
+ }, lt = {
131
131
  id: "status-filter-1",
132
132
  label: "Status: Open",
133
133
  field: "status",
134
134
  value: "open",
135
- onRemove: ie
136
- }, lt = {
135
+ onRemove: ce
136
+ }, ct = {
137
137
  id: "date-filter-1",
138
138
  label: "Date: Mar 1 - Mar 15",
139
139
  field: "dateRange",
140
140
  value: "2026-03-01..2026-03-15",
141
- onRemove: ie
141
+ onRemove: ce
142
142
  }, dt = {
143
143
  id: "mfg-filter-1",
144
144
  label: "Manufacturer: Widget Co",
145
145
  field: "manufacturer",
146
146
  value: "widget-co-456",
147
- onRemove: ie
148
- }, Na = [
149
- ot,
147
+ onRemove: ce
148
+ }, ka = [
150
149
  it,
151
150
  lt,
151
+ ct,
152
152
  dt
153
153
  ], _a = {
154
154
  id: "metric-toggle",
@@ -156,7 +156,7 @@ const ie = (e) => {
156
156
  { id: "$", label: "$", mono: !0 },
157
157
  { id: "#", label: "#", mono: !0 }
158
158
  ]
159
- }, ka = {
159
+ }, xa = {
160
160
  id: "entity-type",
161
161
  tabs: [
162
162
  { id: "orders", label: "Orders" },
@@ -172,7 +172,7 @@ const ie = (e) => {
172
172
  { id: "YTD", label: "YTD" },
173
173
  { id: "LYTD", label: "LYTD" }
174
174
  ]
175
- }, xa = [
175
+ }, Ma = [
176
176
  { variant: "block", width: "100%", height: 16 },
177
177
  { variant: "block", width: 200, height: 32, borderRadius: 8 },
178
178
  { variant: "block", width: "80%", height: 12, borderRadius: "4px" },
@@ -181,21 +181,21 @@ const ie = (e) => {
181
181
  { variant: "text", lines: 3, lineHeight: 14, gap: 8 },
182
182
  { variant: "text", lines: 2, lineHeight: 16, gap: 10 },
183
183
  { variant: "text", lines: 5, lineHeight: 12, gap: 6 }
184
- ], Ia = [
184
+ ], Ra = [
185
185
  { variant: "circle", size: 24 },
186
186
  { variant: "circle", size: 40 },
187
187
  { variant: "circle", size: 64 }
188
- ], Ra = [
188
+ ], Ia = [
189
189
  { bars: 10, maxHeight: 120 },
190
190
  { bars: 5, maxHeight: 80 }
191
- ], Ma = [
191
+ ], Pa = [
192
192
  { rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
193
193
  { rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
194
194
  ], Fa = [
195
195
  { variant: "value", colSpan: 1 },
196
196
  { variant: "trend", colSpan: 2 },
197
197
  { variant: "target", colSpan: 1 }
198
- ], Ne = {
198
+ ], _e = {
199
199
  position: "fixed",
200
200
  zIndex: 9999,
201
201
  background: "rgba(255,255,255,0.92)",
@@ -207,7 +207,7 @@ const ie = (e) => {
207
207
  minWidth: 148,
208
208
  paddingTop: 4,
209
209
  paddingBottom: 4
210
- }, ge = (e) => ({
210
+ }, fe = (e) => ({
211
211
  padding: "6px 12px",
212
212
  fontSize: 12,
213
213
  lineHeight: 1.4,
@@ -221,16 +221,16 @@ const ie = (e) => {
221
221
  width: "100%",
222
222
  textAlign: "left",
223
223
  border: "none"
224
- }), ct = (e) => ({
225
- ...ge(e),
224
+ }), ut = (e) => ({
225
+ ...fe(e),
226
226
  color: e ? "#4338ca" : "#4f46e5",
227
227
  fontWeight: 600
228
- }), ut = {
228
+ }), mt = {
229
229
  height: 1,
230
230
  background: "rgba(0,0,0,0.06)",
231
231
  margin: "3px 10px"
232
232
  };
233
- function mt({
233
+ function pt({
234
234
  open: e,
235
235
  anchorEl: t,
236
236
  statusId: n,
@@ -239,27 +239,27 @@ function mt({
239
239
  overflowActions: s,
240
240
  onClose: o
241
241
  }) {
242
- const [l, b] = z(null), p = R(null), y = v(() => {
243
- if (!t) return { ...Ne, top: 0, left: 0 };
244
- const d = t.getBoundingClientRect();
242
+ const [l, b] = W(null), p = R(null), v = y(() => {
243
+ if (!t) return { ..._e, top: 0, left: 0 };
244
+ const c = t.getBoundingClientRect();
245
245
  return {
246
- ...Ne,
247
- top: d.bottom + 4,
248
- left: d.left
246
+ ..._e,
247
+ top: c.bottom + 4,
248
+ left: c.left
249
249
  };
250
250
  }, [t]);
251
- if ($(() => {
251
+ if (L(() => {
252
252
  if (!e) return;
253
- const d = (g) => {
253
+ const c = (g) => {
254
254
  g.key === "Escape" && o();
255
255
  };
256
- return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
257
- }, [e, o]), $(() => {
256
+ return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
257
+ }, [e, o]), L(() => {
258
258
  if (!e) return;
259
- const d = (g) => {
259
+ const c = (g) => {
260
260
  p.current && !p.current.contains(g.target) && o();
261
261
  };
262
- return document.addEventListener("pointerdown", d, !0), () => document.removeEventListener("pointerdown", d, !0);
262
+ return document.addEventListener("pointerdown", c, !0), () => document.removeEventListener("pointerdown", c, !0);
263
263
  }, [e, o]), !e) return null;
264
264
  const C = s && s.length > 0, u = /* @__PURE__ */ A(
265
265
  "div",
@@ -268,13 +268,13 @@ function mt({
268
268
  "data-status-chip-menu": n,
269
269
  role: "menu",
270
270
  "aria-label": "Status actions",
271
- style: y(),
271
+ style: v(),
272
272
  children: [
273
- /* @__PURE__ */ c(
273
+ /* @__PURE__ */ d(
274
274
  "button",
275
275
  {
276
276
  role: "menuitem",
277
- style: ct(l === "__primary"),
277
+ style: ut(l === "__primary"),
278
278
  onMouseEnter: () => b("__primary"),
279
279
  onMouseLeave: () => b(null),
280
280
  onClick: () => {
@@ -283,11 +283,11 @@ function mt({
283
283
  children: "Open in table"
284
284
  }
285
285
  ),
286
- /* @__PURE__ */ c(
286
+ /* @__PURE__ */ d(
287
287
  "button",
288
288
  {
289
289
  role: "menuitem",
290
- style: ge(l === "__graph"),
290
+ style: fe(l === "__graph"),
291
291
  onMouseEnter: () => b("__graph"),
292
292
  onMouseLeave: () => b(null),
293
293
  onClick: () => {
@@ -296,30 +296,30 @@ function mt({
296
296
  children: "Show on graph"
297
297
  }
298
298
  ),
299
- C && /* @__PURE__ */ c("div", { style: ut }),
300
- C && s?.map((d) => /* @__PURE__ */ c(
299
+ C && /* @__PURE__ */ d("div", { style: mt }),
300
+ C && s?.map((c) => /* @__PURE__ */ d(
301
301
  "button",
302
302
  {
303
303
  role: "menuitem",
304
- style: ge(l === d.id),
305
- onMouseEnter: () => b(d.id),
304
+ style: fe(l === c.id),
305
+ onMouseEnter: () => b(c.id),
306
306
  onMouseLeave: () => b(null),
307
307
  onClick: () => {
308
- d.onSelect(n), o();
308
+ c.onSelect(n), o();
309
309
  },
310
- children: d.label
310
+ children: c.label
311
311
  },
312
- d.id
312
+ c.id
313
313
  ))
314
314
  ]
315
315
  }
316
316
  );
317
- return Je(u, document.body);
317
+ return et(u, document.body);
318
318
  }
319
- mt.displayName = "StatusSlotChipMenu";
320
- const pt = Ze(
319
+ pt.displayName = "StatusSlotChipMenu";
320
+ const gt = Ze(
321
321
  function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: r, onPointerLeave: s, onKeyboardStep: o, edge: l = "right", ariaLabel: b = "Resize card" }, p) {
322
- const y = t === "handle-visible" || t === "dragging" || t === "settling", C = (g) => {
322
+ const v = t === "handle-visible" || t === "dragging" || t === "settling", C = (g) => {
323
323
  try {
324
324
  g.currentTarget.setPointerCapture(g.pointerId);
325
325
  } catch {
@@ -331,10 +331,10 @@ const pt = Ze(
331
331
  } catch {
332
332
  }
333
333
  a(g);
334
- }, d = (g) => {
335
- !y || !o || (g.key === "ArrowRight" ? (g.preventDefault(), o("grow")) : g.key === "ArrowLeft" && (g.preventDefault(), o("shrink")));
334
+ }, c = (g) => {
335
+ !v || !o || (g.key === "ArrowRight" ? (g.preventDefault(), o("grow")) : g.key === "ArrowLeft" && (g.preventDefault(), o("shrink")));
336
336
  };
337
- return /* @__PURE__ */ c(
337
+ return /* @__PURE__ */ d(
338
338
  "button",
339
339
  {
340
340
  ref: p,
@@ -345,28 +345,28 @@ const pt = Ze(
345
345
  className: [
346
346
  "gloss-edge-handle",
347
347
  `gloss-edge-handle--${l}`,
348
- y ? "gloss-edge-handle--visible" : ""
348
+ v ? "gloss-edge-handle--visible" : ""
349
349
  ].filter(Boolean).join(" "),
350
350
  onPointerDown: C,
351
351
  onPointerUp: u,
352
352
  onPointerEnter: r,
353
353
  onPointerLeave: s,
354
- onKeyDown: d,
355
- tabIndex: y ? 0 : -1
354
+ onKeyDown: c,
355
+ tabIndex: v ? 0 : -1
356
356
  }
357
357
  );
358
358
  }
359
359
  );
360
- pt.displayName = "EdgeHoverHandle";
361
- function gt({
360
+ gt.displayName = "EdgeHoverHandle";
361
+ function ft({
362
362
  visible: e,
363
363
  targetColSpan: t,
364
364
  ghostWidth: n,
365
365
  enterMs: a = 180,
366
366
  exitMs: r = 120
367
367
  }) {
368
- return /* @__PURE__ */ c(
369
- Te.div,
368
+ return /* @__PURE__ */ d(
369
+ Re.div,
370
370
  {
371
371
  "aria-hidden": "true",
372
372
  "data-ghost-preview": e ? "visible" : "hidden",
@@ -382,8 +382,8 @@ function gt({
382
382
  }
383
383
  );
384
384
  }
385
- gt.displayName = "GhostPreview";
386
- class ft {
385
+ ft.displayName = "GhostPreview";
386
+ class ht {
387
387
  constructor() {
388
388
  this.samples = [], this.capacity = 3;
389
389
  }
@@ -407,8 +407,8 @@ class ft {
407
407
  const t = this.samples.length;
408
408
  if (t < 2) return 0;
409
409
  if (t === 2) {
410
- const [b, p] = this.samples, y = Math.max(1, p.t - b.t);
411
- return (p.x - b.x) / y * 1e3;
410
+ const [b, p] = this.samples, v = Math.max(1, p.t - b.t);
411
+ return (p.x - b.x) / v * 1e3;
412
412
  }
413
413
  const [n, a, r] = this.samples, s = (r.x - a.x) / Math.max(1, r.t - a.t) * 1e3, o = (a.x - n.x) / Math.max(1, a.t - n.t) * 1e3, l = o;
414
414
  return (s * 3 + o * 2 + l * 1) / 6;
@@ -434,7 +434,7 @@ const Ie = {
434
434
  // Velocity multiplier (D-03b panel)
435
435
  velocityMultiplier: 1
436
436
  };
437
- function Pa({
437
+ function Ea({
438
438
  currentColSpan: e,
439
439
  stackable: t,
440
440
  onResize: n,
@@ -445,198 +445,201 @@ function Pa({
445
445
  dwellMs: l = 120,
446
446
  enterMs: b = 180,
447
447
  exitMs: p = 120,
448
- maxColSpan: y = 3,
448
+ maxColSpan: v = 3,
449
449
  containerRef: C,
450
450
  forceIdle: u
451
451
  }) {
452
- const [d, g] = z("idle"), [x, f] = z(e), k = R(null), M = R(null), D = R(null), S = R(r), T = R(s), i = R(0), m = R("idle");
453
- $(() => {
454
- m.current = d;
455
- }, [d]);
456
- const h = qe(0), N = R(null), _ = v(() => {
457
- const w = N.current;
458
- if (w) {
452
+ const [c, g] = W("idle"), [S, f] = W(e), x = R(null), I = R(null), N = R(null), _ = R(r), T = R(s), i = R(v), h = R(0), m = R("idle");
453
+ L(() => {
454
+ m.current = c;
455
+ }, [c]);
456
+ const w = Qe(0), k = R(null), M = y(() => {
457
+ const D = k.current;
458
+ if (D) {
459
459
  try {
460
- w.stop();
460
+ D.stop();
461
461
  } catch {
462
462
  }
463
- N.current = null;
463
+ k.current = null;
464
464
  }
465
- }, []), F = v(
466
- (w) => {
467
- const P = S.current, E = T.current;
468
- return w * P + (w - 1) * E;
465
+ }, []), E = y(
466
+ (D) => {
467
+ const P = _.current, F = T.current;
468
+ return D * P + (D - 1) * F;
469
469
  },
470
470
  []
471
- ), I = R(new ft()), V = R(e);
472
- $(() => {
473
- V.current = x;
474
- }, [x]);
475
- const O = ne(() => ({ ...Ie, ...o ?? {} }), [o]), W = v(() => {
476
- k.current && (clearTimeout(k.current), k.current = null);
477
- }, []), L = v(() => {
478
- M.current && (clearTimeout(M.current), M.current = null);
471
+ ), G = R(new ht()), V = R(e);
472
+ L(() => {
473
+ V.current = S;
474
+ }, [S]);
475
+ const $ = re(() => ({ ...Ie, ...o ?? {} }), [o]), O = y(() => {
476
+ x.current && (clearTimeout(x.current), x.current = null);
477
+ }, []), j = y(() => {
478
+ I.current && (clearTimeout(I.current), I.current = null);
479
479
  }, []);
480
- $(() => {
481
- u && (m.current === "dragging" || m.current === "settling" || (W(), L(), m.current = "idle", g("idle")));
482
- }, [u, W, L]);
483
- const X = v(() => {
484
- g((w) => w === "settling" || w !== "idle" ? w : (k.current = setTimeout(() => g("handle-visible"), l), "dwelling"));
485
- }, [l]), re = v(() => {
486
- W(), g((w) => w === "dwelling" || w === "handle-visible" ? "idle" : w);
487
- }, [W]), B = v(
488
- (w, P, E) => {
489
- const K = S.current, J = K * O.snapInFraction, q = K * O.snapOutFraction, Q = P - E;
490
- let H = Q;
491
- for (; E + H < 3; ) {
492
- const ee = H * K + (H < 0 ? q : J);
493
- if (w >= ee) H += 1;
480
+ L(() => {
481
+ u && (m.current === "dragging" || m.current === "settling" || (O(), j(), m.current = "idle", g("idle")));
482
+ }, [u, O, j]);
483
+ const se = y(() => {
484
+ g((D) => D === "settling" || D !== "idle" ? D : (x.current = setTimeout(() => g("handle-visible"), l), "dwelling"));
485
+ }, [l]), K = y(() => {
486
+ O(), g((D) => D === "dwelling" || D === "handle-visible" ? "idle" : D);
487
+ }, [O]), oe = y(
488
+ (D, P, F) => {
489
+ const B = _.current, Q = B * $.snapInFraction, Z = B * $.snapOutFraction, Y = P - F, q = Math.max(
490
+ F,
491
+ i.current ?? v
492
+ );
493
+ let z = Y;
494
+ for (; F + z < q; ) {
495
+ const te = z * B + (z < 0 ? Z : Q);
496
+ if (D >= te) z += 1;
494
497
  else break;
495
498
  }
496
- if (H === Q)
497
- for (; E + H > 1; ) {
498
- const ee = H * K - (H > 0 ? q : J);
499
- if (w <= ee) H -= 1;
499
+ if (z === Y)
500
+ for (; F + z > 1; ) {
501
+ const te = z * B - (z > 0 ? Z : Q);
502
+ if (D <= te) z -= 1;
500
503
  else break;
501
504
  }
502
- return Math.min(3, Math.max(1, E + H));
505
+ return Math.min(q, Math.max(1, F + z));
503
506
  },
504
- [O.snapInFraction, O.snapOutFraction]
505
- ), Be = v(
506
- (w) => {
507
+ [$.snapInFraction, $.snapOutFraction, v]
508
+ ), Ke = y(
509
+ (D) => {
507
510
  if (m.current !== "handle-visible") return;
508
- _(), D.current = w.clientX, S.current = r, T.current = s;
511
+ M(), N.current = D.clientX, _.current = r, T.current = s, i.current = v;
509
512
  const P = e * r + (e - 1) * s;
510
- i.current = P, I.current.clear(), I.current.push({ x: w.clientX, t: performance.now() }), h.jump(P), m.current = "dragging", g("dragging");
513
+ h.current = P, G.current.clear(), G.current.push({ x: D.clientX, t: performance.now() }), w.jump(P), m.current = "dragging", g("dragging");
511
514
  },
512
- [r, s, e, h, _]
513
- ), we = v(
514
- (w) => w * S.current + (w - 1) * T.current,
515
+ [r, s, v, e, w, M]
516
+ ), De = y(
517
+ (D) => D * _.current + (D - 1) * T.current,
515
518
  []
516
- ), se = v(
517
- (w, P) => {
518
- const E = we(w), K = w !== e;
519
+ ), ie = y(
520
+ (D, P) => {
521
+ const F = De(D), B = D !== e;
519
522
  if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
520
- h.jump(E), K && P ? n({ direction: P, targetColSpan: w, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || a?.(), h.jump(0), m.current = "idle", g("idle");
523
+ w.jump(F), B && P ? n({ direction: P, targetColSpan: D, mode: t ? "slot-fill" : "sparkline-fidelity" }) : B || a?.(), w.jump(0), m.current = "idle", g("idle");
521
524
  return;
522
525
  }
523
- const q = I.current.getWeightedVelocity() * O.velocityMultiplier;
524
- m.current = "settling", g("settling"), _(), N.current = Ce(h, E, {
526
+ const Z = G.current.getWeightedVelocity() * $.velocityMultiplier;
527
+ m.current = "settling", g("settling"), M(), k.current = ke(w, F, {
525
528
  type: "spring",
526
- stiffness: O.stiffness,
527
- damping: O.damping,
528
- mass: O.mass,
529
- velocity: q,
529
+ stiffness: $.stiffness,
530
+ damping: $.damping,
531
+ mass: $.mass,
532
+ velocity: Z,
530
533
  onComplete: () => {
531
- N.current = null, K && P ? n({ direction: P, targetColSpan: w, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || a?.(), h.jump(0), m.current = "idle", g("idle");
534
+ k.current = null, B && P ? n({ direction: P, targetColSpan: D, mode: t ? "slot-fill" : "sparkline-fidelity" }) : B || a?.(), w.jump(0), m.current = "idle", g("idle");
532
535
  }
533
536
  });
534
537
  },
535
- [we, e, t, n, a, h, O, _]
536
- ), Ke = v(
537
- (w) => {
538
+ [De, e, t, n, a, w, $, M]
539
+ ), We = y(
540
+ (D) => {
538
541
  if (m.current !== "dragging") return;
539
- const P = w.clientX - (D.current ?? w.clientX);
540
- I.current.push({ x: w.clientX, t: performance.now() });
541
- const E = B(P, V.current, e), K = E > e ? "grow" : E < e ? "shrink" : null;
542
- se(E, K);
542
+ const P = D.clientX - (N.current ?? D.clientX), F = _.current, Q = ((i.current ?? v) - e) * F, Z = (1 - e) * F, Y = Math.max(Z, Math.min(Q, P));
543
+ G.current.push({ x: D.clientX, t: performance.now() });
544
+ const q = oe(Y, V.current, e), z = q > e ? "grow" : q < e ? "shrink" : null;
545
+ ie(q, z);
543
546
  },
544
- [B, e, se]
545
- ), le = v(() => {
546
- if (W(), m.current === "dragging") {
547
- const w = i.current;
547
+ [oe, e, v, ie]
548
+ ), de = y(() => {
549
+ if (O(), m.current === "dragging") {
550
+ const D = h.current;
548
551
  if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
549
- h.jump(w), a?.(), h.jump(0), m.current = "idle", g("idle");
552
+ w.jump(D), a?.(), w.jump(0), m.current = "idle", g("idle");
550
553
  return;
551
554
  }
552
- const E = I.current.getWeightedVelocity();
553
- m.current = "settling", g("settling"), _(), N.current = Ce(h, w, {
555
+ const F = G.current.getWeightedVelocity();
556
+ m.current = "settling", g("settling"), M(), k.current = ke(w, D, {
554
557
  type: "spring",
555
- stiffness: O.stiffness,
556
- damping: O.damping,
557
- mass: O.mass,
558
- velocity: E,
558
+ stiffness: $.stiffness,
559
+ damping: $.damping,
560
+ mass: $.mass,
561
+ velocity: F,
559
562
  onComplete: () => {
560
- N.current = null, a?.(), h.jump(0), m.current = "idle", g("idle");
563
+ k.current = null, a?.(), w.jump(0), m.current = "idle", g("idle");
561
564
  }
562
565
  });
563
566
  return;
564
567
  }
565
568
  m.current === "handle-visible" && (a?.(), m.current = "cancelled", g("cancelled"));
566
- }, [W, h, a, O, _]);
567
- $(() => {
568
- if (d !== "dragging" && d !== "handle-visible") return;
569
- const w = (P) => {
570
- P.key === "Escape" && le();
569
+ }, [O, w, a, $, M]);
570
+ L(() => {
571
+ if (c !== "dragging" && c !== "handle-visible") return;
572
+ const D = (P) => {
573
+ P.key === "Escape" && de();
571
574
  };
572
- return window.addEventListener("keydown", w), () => window.removeEventListener("keydown", w);
573
- }, [d, le]), $(() => {
574
- if (d !== "dragging") {
575
+ return window.addEventListener("keydown", D), () => window.removeEventListener("keydown", D);
576
+ }, [c, de]), L(() => {
577
+ if (c !== "dragging") {
575
578
  f(e);
576
579
  return;
577
580
  }
578
- const w = (P) => {
579
- const E = P.clientX - (D.current ?? P.clientX), K = i.current, J = F(1), q = F(y), Q = K + E, H = Math.max(J, Math.min(q, Q));
580
- h.set(H);
581
- const de = S.current, ee = (y - e) * de, He = (1 - e) * de, Ve = Math.max(He, Math.min(ee, E));
582
- I.current.push({ x: P.clientX, t: performance.now() });
583
- const ce = B(Ve, V.current, e);
584
- ce !== V.current && (V.current = ce, f(ce));
581
+ const D = (P) => {
582
+ const F = P.clientX - (N.current ?? P.clientX), B = h.current, Q = E(1), Z = E(v), Y = B + F, q = Math.max(Q, Math.min(Z, Y));
583
+ w.set(q);
584
+ const z = _.current, Ce = (v - e) * z, te = (1 - e) * z, je = Math.max(te, Math.min(Ce, F));
585
+ G.current.push({ x: P.clientX, t: performance.now() });
586
+ const ue = oe(je, V.current, e);
587
+ ue !== V.current && (V.current = ue, f(ue));
585
588
  };
586
- return window.addEventListener("pointermove", w), () => window.removeEventListener("pointermove", w);
587
- }, [d, e, h, B, y, F]), $(() => () => {
588
- W(), L();
589
- }, [W, L]), $(() => {
590
- if (d !== "cancelled") return;
591
- const w = setTimeout(() => g("idle"), p);
592
- return () => clearTimeout(w);
593
- }, [d, p]);
594
- const ze = v(
595
- (w) => {
589
+ return window.addEventListener("pointermove", D), () => window.removeEventListener("pointermove", D);
590
+ }, [c, e, w, oe, v, E]), L(() => () => {
591
+ O(), j();
592
+ }, [O, j]), L(() => {
593
+ if (c !== "cancelled") return;
594
+ const D = setTimeout(() => g("idle"), p);
595
+ return () => clearTimeout(D);
596
+ }, [c, p]);
597
+ const Ge = y(
598
+ (D) => {
596
599
  if (m.current === "settling") return;
597
- const E = Math.min(3, Math.max(1, e + (w === "grow" ? 1 : -1)));
598
- if (E === e) return;
599
- S.current = r, T.current = s, I.current.clear();
600
- const K = e * r + (e - 1) * s;
601
- i.current = K, h.jump(K), se(E, w);
600
+ const F = Math.min(v, Math.max(1, e + (D === "grow" ? 1 : -1)));
601
+ if (F === e) return;
602
+ _.current = r, T.current = s, i.current = v, G.current.clear();
603
+ const B = e * r + (e - 1) * s;
604
+ h.current = B, w.jump(B), ie(F, D);
602
605
  },
603
- [e, r, s, h, se]
604
- ), De = v(() => {
605
- L(), M.current = setTimeout(() => {
606
+ [e, r, s, v, w, ie]
607
+ ), Ne = y(() => {
608
+ j(), I.current = setTimeout(() => {
606
609
  m.current === "handle-visible" && (m.current = "idle", g("idle"));
607
610
  }, 5e3);
608
- }, [L]), We = v(() => {
609
- m.current === "idle" && (W(), m.current = "handle-visible", g("handle-visible"), De());
610
- }, [W, De]), Ge = v(() => {
611
- L(), m.current === "handle-visible" && (m.current = "idle", g("idle"));
612
- }, [L]);
611
+ }, [j]), He = y(() => {
612
+ m.current === "idle" && (O(), m.current = "handle-visible", g("handle-visible"), Ne());
613
+ }, [O, Ne]), Ve = y(() => {
614
+ j(), m.current === "handle-visible" && (m.current = "idle", g("idle"));
615
+ }, [j]);
613
616
  return {
614
- state: d,
615
- enterEdgeZone: X,
616
- leaveEdgeZone: re,
617
+ state: c,
618
+ enterEdgeZone: se,
619
+ leaveEdgeZone: K,
617
620
  handleProps: {
618
- onPointerDown: Be,
619
- onPointerUp: Ke,
621
+ onPointerDown: Ke,
622
+ onPointerUp: We,
620
623
  // Bug E: handle continues zone presence so pointer crossing sentinel→handle
621
624
  // doesn't collapse state. handle's pointerenter = stay in zone.
622
- onPointerEnter: X,
623
- onPointerLeave: re
625
+ onPointerEnter: se,
626
+ onPointerLeave: K
624
627
  },
625
- previewColSpan: x,
628
+ previewColSpan: S,
626
629
  ghostProps: {
627
- visible: d === "dragging" || d === "settling",
628
- targetColSpan: x,
629
- ghostWidth: h,
630
+ visible: c === "dragging" || c === "settling",
631
+ targetColSpan: S,
632
+ ghostWidth: w,
630
633
  enterMs: b,
631
634
  exitMs: p
632
635
  },
633
- onKeyboardStep: ze,
634
- onTouchReveal: We,
635
- onTouchDismiss: Ge,
636
- cancel: le
636
+ onKeyboardStep: Ge,
637
+ onTouchReveal: He,
638
+ onTouchDismiss: Ve,
639
+ cancel: de
637
640
  };
638
641
  }
639
- const Y = {
642
+ const ee = {
640
643
  // Cascade (D-08, D-10)
641
644
  staggerMs: 50,
642
645
  reverseStaggerMs: 30,
@@ -661,14 +664,14 @@ const Y = {
661
664
  sectionDividerFadeOutMs: 80,
662
665
  sectionDividerStaggerMs: 40
663
666
  };
664
- function Ea(e) {
667
+ function Oa(e) {
665
668
  const { cardWidthPx: t, slotCount: n, activeSlotIdx: a, pillWidthPx: r } = e;
666
669
  if (a == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(n) || n <= 0 || !Number.isInteger(a) || a < 0 || a >= n)
667
670
  return;
668
671
  const s = (a + 0.5) * (t / n);
669
672
  return r != null && Number.isFinite(r) && r > 0 ? s - r / 2 : s;
670
673
  }
671
- const Oa = [
674
+ const Aa = [
672
675
  // 1. Standard: Total Revenue
673
676
  {
674
677
  variant: "standard",
@@ -772,24 +775,24 @@ const Oa = [
772
775
  { value: 9, color: "#6b7280", label: "Other" }
773
776
  ]
774
777
  }
775
- ], ht = {
778
+ ], bt = {
776
779
  variant: "standard",
777
780
  label: "Total Revenue",
778
781
  isLoading: !0
779
- }, bt = {
782
+ }, vt = {
780
783
  variant: "standard",
781
784
  label: "Total Revenue",
782
785
  value: 125430,
783
786
  valueFormat: { prefix: "$", abbreviated: !0 },
784
787
  isError: !0
785
- }, vt = {
788
+ }, yt = {
786
789
  variant: "standard",
787
790
  label: "Total Revenue",
788
791
  value: null,
789
792
  valueFormat: { prefix: "$", abbreviated: !0 },
790
793
  isEmpty: !0,
791
794
  subtitle: "No data"
792
- }, yt = {
795
+ }, wt = {
793
796
  variant: "standard",
794
797
  label: "Total Revenue",
795
798
  value: 125430,
@@ -797,7 +800,7 @@ const Oa = [
797
800
  trend: { value: 12.5, direction: "up" },
798
801
  subtitle: "MTD",
799
802
  isStale: !0
800
- }, wt = {
803
+ }, Dt = {
801
804
  variant: "sparkline",
802
805
  label: "Daily Orders",
803
806
  value: 847,
@@ -806,7 +809,7 @@ const Oa = [
806
809
  sparklineData: [42, 38, 51, 47, 55, 60, 58, 63, 57, 62, 68, 71, 65, 59],
807
810
  accentColor: "#6366f1",
808
811
  isStale: !0
809
- }, Dt = {
812
+ }, Nt = {
810
813
  variant: "donut",
811
814
  label: "Order Fill Rate",
812
815
  value: 78,
@@ -817,14 +820,14 @@ const Oa = [
817
820
  donutMax: 100,
818
821
  accentColor: "#10b981",
819
822
  isStale: !0
820
- }, Aa = [
821
- ht,
823
+ }, La = [
822
824
  bt,
823
825
  vt,
824
826
  yt,
825
827
  wt,
826
- Dt
827
- ], La = {
828
+ Dt,
829
+ Nt
830
+ ], $a = {
828
831
  variant: "sparkline",
829
832
  label: "Daily Orders",
830
833
  value: 847,
@@ -847,7 +850,7 @@ const Oa = [
847
850
  59
848
851
  ],
849
852
  accentColor: "#6366f1"
850
- }, $a = {
853
+ }, Ba = {
851
854
  variant: "sparkline",
852
855
  label: "New Customers",
853
856
  value: 23,
@@ -886,7 +889,7 @@ const Oa = [
886
889
  19
887
890
  ],
888
891
  accentColor: "#10b981"
889
- }, Ba = {
892
+ }, za = {
890
893
  variant: "standard",
891
894
  label: "Total Revenue",
892
895
  value: 125430,
@@ -900,7 +903,7 @@ const Oa = [
900
903
  valueFormat: { prefix: "$", abbreviated: !0 },
901
904
  trend: { value: -8.3, direction: "down" },
902
905
  subtitle: "MTD"
903
- }, za = {
906
+ }, Wa = {
904
907
  variant: "standard",
905
908
  label: "Avg Order Value",
906
909
  value: 487,
@@ -908,7 +911,7 @@ const Oa = [
908
911
  trend: { value: 0, direction: "flat" },
909
912
  subtitle: "QTD"
910
913
  };
911
- function Re({
914
+ function Pe({
912
915
  open: e,
913
916
  onDismiss: t,
914
917
  anchorRef: n,
@@ -918,23 +921,23 @@ function Re({
918
921
  onCreatePage: o,
919
922
  onManagePages: l
920
923
  }) {
921
- const b = v(
924
+ const b = y(
922
925
  (u) => {
923
926
  s(u), t();
924
927
  },
925
928
  [s, t]
926
- ), p = v(
927
- (u, d) => {
928
- (d.key === "Enter" || d.key === " ") && (d.preventDefault(), b(u));
929
+ ), p = y(
930
+ (u, c) => {
931
+ (c.key === "Enter" || c.key === " ") && (c.preventDefault(), b(u));
929
932
  },
930
933
  [b]
931
- ), y = v(() => {
934
+ ), v = y(() => {
932
935
  o(), t();
933
- }, [o, t]), C = v(() => {
936
+ }, [o, t]), C = y(() => {
934
937
  l(), t();
935
938
  }, [l, t]);
936
939
  return /* @__PURE__ */ A(
937
- Xe,
940
+ Je,
938
941
  {
939
942
  definition: {
940
943
  placement: "bottom-end",
@@ -947,50 +950,50 @@ function Re({
947
950
  anchorRef: n,
948
951
  className: "gloss-page-dropdown",
949
952
  children: [
950
- /* @__PURE__ */ c("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((u) => {
951
- const d = u.id === r;
953
+ /* @__PURE__ */ d("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((u) => {
954
+ const c = u.id === r;
952
955
  return /* @__PURE__ */ A(
953
956
  "li",
954
957
  {
955
958
  role: "menuitemradio",
956
- "aria-checked": d,
957
- "aria-current": d ? "page" : void 0,
959
+ "aria-checked": c,
960
+ "aria-current": c ? "page" : void 0,
958
961
  tabIndex: 0,
959
- className: `gloss-page-dropdown__item${d ? " gloss-page-dropdown__item--active" : ""}`,
962
+ className: `gloss-page-dropdown__item${c ? " gloss-page-dropdown__item--active" : ""}`,
960
963
  onClick: () => b(u.id),
961
964
  onKeyDown: (g) => p(u.id, g),
962
965
  children: [
963
- /* @__PURE__ */ c(
966
+ /* @__PURE__ */ d(
964
967
  "span",
965
968
  {
966
- className: `gloss-page-dropdown__dot${d ? " gloss-page-dropdown__dot--active" : ""}`
969
+ className: `gloss-page-dropdown__dot${c ? " gloss-page-dropdown__dot--active" : ""}`
967
970
  }
968
971
  ),
969
- /* @__PURE__ */ c(
972
+ /* @__PURE__ */ d(
970
973
  "span",
971
974
  {
972
975
  className: `gloss-page-dropdown__name${u.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
973
976
  children: u.name
974
977
  }
975
978
  ),
976
- /* @__PURE__ */ c("span", { className: "gloss-page-dropdown__count", children: u.cardCount })
979
+ /* @__PURE__ */ d("span", { className: "gloss-page-dropdown__count", children: u.cardCount })
977
980
  ]
978
981
  },
979
982
  u.id
980
983
  );
981
984
  }) }),
982
- /* @__PURE__ */ c("hr", { className: "gloss-page-dropdown__separator" }),
983
- /* @__PURE__ */ c(
985
+ /* @__PURE__ */ d("hr", { className: "gloss-page-dropdown__separator" }),
986
+ /* @__PURE__ */ d(
984
987
  "button",
985
988
  {
986
989
  role: "menuitem",
987
990
  className: "gloss-page-dropdown__action",
988
- onClick: y,
991
+ onClick: v,
989
992
  children: "+ New page"
990
993
  }
991
994
  ),
992
- /* @__PURE__ */ c("hr", { className: "gloss-page-dropdown__separator" }),
993
- /* @__PURE__ */ c(
995
+ /* @__PURE__ */ d("hr", { className: "gloss-page-dropdown__separator" }),
996
+ /* @__PURE__ */ d(
994
997
  "button",
995
998
  {
996
999
  role: "menuitem",
@@ -1003,7 +1006,7 @@ function Re({
1003
1006
  }
1004
1007
  );
1005
1008
  }
1006
- Re.displayName = "PageDropdown";
1009
+ Pe.displayName = "PageDropdown";
1007
1010
  const Ct = function({
1008
1011
  currentIndex: t,
1009
1012
  total: n,
@@ -1013,11 +1016,11 @@ const Ct = function({
1013
1016
  onManagePages: o,
1014
1017
  maskRadius: l = "var(--gloss-radius-md)"
1015
1018
  }) {
1016
- const b = R(null), [p, y] = z(!1), C = v(() => {
1017
- y((g) => !g);
1018
- }, []), u = v(() => {
1019
- y(!1);
1020
- }, []), d = a[t]?.id ?? "";
1019
+ const b = R(null), [p, v] = W(!1), C = y(() => {
1020
+ v((g) => !g);
1021
+ }, []), u = y(() => {
1022
+ v(!1);
1023
+ }, []), c = a[t]?.id ?? "";
1021
1024
  return /* @__PURE__ */ A(
1022
1025
  "div",
1023
1026
  {
@@ -1026,7 +1029,7 @@ const Ct = function({
1026
1029
  style: { position: "absolute", top: 0, right: 0 },
1027
1030
  "data-page-chip": !0,
1028
1031
  children: [
1029
- /* @__PURE__ */ c(
1032
+ /* @__PURE__ */ d(
1030
1033
  "div",
1031
1034
  {
1032
1035
  className: "gloss-page-chip__nuzzle",
@@ -1048,14 +1051,14 @@ const Ct = function({
1048
1051
  ]
1049
1052
  }
1050
1053
  ),
1051
- /* @__PURE__ */ c(
1052
- Re,
1054
+ /* @__PURE__ */ d(
1055
+ Pe,
1053
1056
  {
1054
1057
  open: p,
1055
1058
  onDismiss: u,
1056
1059
  anchorRef: b,
1057
1060
  pages: a,
1058
- activePageId: d,
1061
+ activePageId: c,
1059
1062
  onPageChange: r,
1060
1063
  onCreatePage: s,
1061
1064
  onManagePages: o
@@ -1066,7 +1069,7 @@ const Ct = function({
1066
1069
  );
1067
1070
  };
1068
1071
  Ct.displayName = "PageChip";
1069
- const Wa = [
1072
+ const Ga = [
1070
1073
  {
1071
1074
  id: "ORD-1001",
1072
1075
  orderNumber: "ORD-1001",
@@ -1199,7 +1202,7 @@ const Wa = [
1199
1202
  date: "2026-03-01",
1200
1203
  skuCount: 9
1201
1204
  }
1202
- ], Ga = [
1205
+ ], Ha = [
1203
1206
  {
1204
1207
  id: "ITEM-001",
1205
1208
  sku: "PB-4520",
@@ -1333,16 +1336,16 @@ const Wa = [
1333
1336
  lastDate: "2026-03-01"
1334
1337
  }
1335
1338
  ];
1336
- function fe(e) {
1339
+ function he(e) {
1337
1340
  return "$" + e.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
1338
1341
  }
1339
- function Me(e) {
1342
+ function Fe(e) {
1340
1343
  return e.toLocaleString("en-US");
1341
1344
  }
1342
- function Fe(e) {
1345
+ function Ee(e) {
1343
1346
  return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
1344
1347
  }
1345
- const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), Ha = [
1348
+ const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), Va = [
1346
1349
  {
1347
1350
  field: "id",
1348
1351
  headerName: "Order",
@@ -1372,7 +1375,7 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
1372
1375
  align: "right",
1373
1376
  headerAlign: "right",
1374
1377
  cellClassName: "gloss-tabular-nums",
1375
- renderCell: ({ row: e }) => e.skuCount ? Me(e.skuCount) : ae
1378
+ renderCell: ({ row: e }) => e.skuCount ? Fe(e.skuCount) : ne
1376
1379
  },
1377
1380
  {
1378
1381
  field: "total",
@@ -1382,7 +1385,7 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
1382
1385
  align: "right",
1383
1386
  headerAlign: "right",
1384
1387
  cellClassName: "gloss-tabular-nums",
1385
- renderCell: ({ row: e }) => e.total ? fe(e.total) : ae
1388
+ renderCell: ({ row: e }) => e.total ? he(e.total) : ne
1386
1389
  },
1387
1390
  {
1388
1391
  field: "date",
@@ -1392,9 +1395,9 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
1392
1395
  align: "right",
1393
1396
  headerAlign: "right",
1394
1397
  cellClassName: "gloss-tabular-nums",
1395
- renderCell: ({ row: e }) => e.date ? Fe(e.date) : ""
1398
+ renderCell: ({ row: e }) => e.date ? Ee(e.date) : ""
1396
1399
  }
1397
- ], Va = [
1400
+ ], ja = [
1398
1401
  {
1399
1402
  field: "sku",
1400
1403
  headerName: "Item ID",
@@ -1426,7 +1429,7 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
1426
1429
  align: "right",
1427
1430
  headerAlign: "right",
1428
1431
  cellClassName: "gloss-tabular-nums",
1429
- renderCell: ({ row: e }) => e.price ? fe(e.price) : ae
1432
+ renderCell: ({ row: e }) => e.price ? he(e.price) : ne
1430
1433
  },
1431
1434
  {
1432
1435
  field: "quantity",
@@ -1436,7 +1439,7 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
1436
1439
  align: "right",
1437
1440
  headerAlign: "right",
1438
1441
  cellClassName: "gloss-tabular-nums gloss-drillable",
1439
- renderCell: ({ row: e }) => e.quantity ? Me(e.quantity) : ae
1442
+ renderCell: ({ row: e }) => e.quantity ? Fe(e.quantity) : ne
1440
1443
  },
1441
1444
  {
1442
1445
  field: "total",
@@ -1446,7 +1449,7 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
1446
1449
  align: "right",
1447
1450
  headerAlign: "right",
1448
1451
  cellClassName: "gloss-tabular-nums gloss-drillable",
1449
- renderCell: ({ row: e }) => e.total ? fe(e.total) : ae
1452
+ renderCell: ({ row: e }) => e.total ? he(e.total) : ne
1450
1453
  },
1451
1454
  {
1452
1455
  field: "lastDate",
@@ -1456,9 +1459,9 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
1456
1459
  align: "right",
1457
1460
  headerAlign: "right",
1458
1461
  cellClassName: "gloss-tabular-nums",
1459
- renderCell: ({ row: e }) => e.lastDate ? Fe(e.lastDate) : ""
1462
+ renderCell: ({ row: e }) => e.lastDate ? Ee(e.lastDate) : ""
1460
1463
  }
1461
- ], Nt = [
1464
+ ], kt = [
1462
1465
  { id: "c-001", label: "ABC Home Goods" },
1463
1466
  { id: "c-002", label: "Riverside Retail" },
1464
1467
  { id: "c-003", label: "Mountain View Store" },
@@ -1470,10 +1473,10 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
1470
1473
  { id: "i-003", label: "Walnut Console Table" },
1471
1474
  { id: "i-004", label: "Hand-Blown Glass Vase" },
1472
1475
  { id: "i-005", label: "Velvet Accent Cushion" }
1473
- ], ue = (e) => {
1474
- }, kt = (e) => {
1475
- }, _e = (e, t) => {
1476
- }, Pe = {
1476
+ ], me = (e) => {
1477
+ }, xt = (e) => {
1478
+ }, xe = (e, t) => {
1479
+ }, Oe = {
1477
1480
  vizState: {
1478
1481
  type: "orders",
1479
1482
  quant: "$",
@@ -1481,17 +1484,17 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
1481
1484
  byItem: { id: null, name: null },
1482
1485
  timeFrame: "MTD"
1483
1486
  },
1484
- onTypeChange: ue,
1485
- onQuantChange: kt,
1486
- onEntityTypeChange: ue,
1487
- onEntitySelect: _e,
1488
- onItemSelect: _e,
1489
- onTimeFrameChange: ue,
1487
+ onTypeChange: me,
1488
+ onQuantChange: xt,
1489
+ onEntityTypeChange: me,
1490
+ onEntitySelect: xe,
1491
+ onItemSelect: xe,
1492
+ onTimeFrameChange: me,
1490
1493
  userType: "sales-agency",
1491
- entityFilterOptions: Nt,
1494
+ entityFilterOptions: kt,
1492
1495
  itemFilterOptions: _t
1493
1496
  }, Ua = {
1494
- ...Pe,
1497
+ ...Oe,
1495
1498
  vizState: {
1496
1499
  type: "items",
1497
1500
  quant: "$",
@@ -1500,7 +1503,7 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
1500
1503
  timeFrame: "YTD"
1501
1504
  }
1502
1505
  }, Za = {
1503
- ...Pe,
1506
+ ...Oe,
1504
1507
  vizState: {
1505
1508
  type: "orders",
1506
1509
  quant: "#",
@@ -1558,7 +1561,7 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
1558
1561
  routeKey: "customer.profile",
1559
1562
  subtitle: "Opens in RepTime"
1560
1563
  }
1561
- ], xt = [
1564
+ ], Mt = [
1562
1565
  {
1563
1566
  id: "order-items",
1564
1567
  label: "Items in Order",
@@ -1615,14 +1618,14 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
1615
1618
  cellKinds: ["numeric"],
1616
1619
  tabType: "orders"
1617
1620
  }
1618
- ], ja = {
1621
+ ], Ya = {
1619
1622
  entityName: St,
1620
- orderId: xt,
1623
+ orderId: Mt,
1621
1624
  numeric: Tt
1622
- }, Ya = [
1625
+ }, qa = [
1623
1626
  new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
1624
1627
  /* @__PURE__ */ new Date()
1625
- ], qa = {
1628
+ ], Qa = {
1626
1629
  rangeA: [
1627
1630
  new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
1628
1631
  /* @__PURE__ */ new Date()
@@ -1635,7 +1638,7 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
1635
1638
  new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 2, 1),
1636
1639
  new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 1, 0)
1637
1640
  ]
1638
- }, Qa = {
1641
+ }, Xa = {
1639
1642
  version: 4,
1640
1643
  lastPreset: "mtd",
1641
1644
  pinnedPreset: "mtd",
@@ -1643,7 +1646,7 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
1643
1646
  rangeCount: 1,
1644
1647
  lastPresetB: null,
1645
1648
  lastPresetC: null
1646
- }, Xa = [
1649
+ }, Ja = [
1647
1650
  {
1648
1651
  id: "atlanta-jan",
1649
1652
  label: "Atlanta Market",
@@ -1665,7 +1668,7 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
1665
1668
  endDate: new Date(2026, 3, 22),
1666
1669
  location: "Chicago, IL"
1667
1670
  }
1668
- ], Ja = [
1671
+ ], en = [
1669
1672
  {
1670
1673
  id: "custom-regional-1",
1671
1674
  label: "Southeast Regional Expo",
@@ -1682,7 +1685,7 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
1682
1685
  location: "Portland, OR",
1683
1686
  isCustom: !0
1684
1687
  }
1685
- ], en = [
1688
+ ], tn = [
1686
1689
  {
1687
1690
  id: "atlanta-jan",
1688
1691
  label: "Atlanta Market",
@@ -1699,37 +1702,37 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
1699
1702
  location: "New York, NY",
1700
1703
  active: !0
1701
1704
  }
1702
- ], tn = [
1705
+ ], an = [
1703
1706
  { id: "7d", label: "7D" },
1704
1707
  { id: "30d", label: "30D" },
1705
1708
  { id: "60d", label: "60D" },
1706
1709
  { id: "90d", label: "90D" }
1707
- ], an = [
1710
+ ], nn = [
1708
1711
  { id: "mtd", label: "MTD" },
1709
1712
  { id: "qtd", label: "QTD" },
1710
1713
  { id: "ytd", label: "YTD" },
1711
1714
  { id: "lytd", label: "LYTD" }
1712
- ], It = {
1715
+ ], Rt = {
1713
1716
  timeframe: "Time Frame",
1714
1717
  threshold: "Thresholds",
1715
1718
  slots: "Slots",
1716
1719
  size: "Size",
1717
1720
  color: "Color",
1718
1721
  pinned: "Pinned"
1719
- }, Rt = {
1720
- timeframe: et,
1721
- threshold: tt,
1722
- slots: at,
1723
- size: nt,
1724
- color: rt,
1725
- pinned: st
1722
+ }, It = {
1723
+ timeframe: tt,
1724
+ threshold: at,
1725
+ slots: nt,
1726
+ size: rt,
1727
+ color: st,
1728
+ pinned: ot
1726
1729
  };
1727
- function ke(...e) {
1730
+ function Se(...e) {
1728
1731
  return e.filter(Boolean).join(" ");
1729
1732
  }
1730
- function Mt() {
1731
- const [e, t] = z(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
1732
- return $(() => {
1733
+ function Pt() {
1734
+ const [e, t] = W(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
1735
+ return L(() => {
1733
1736
  if (typeof window > "u" || typeof window.matchMedia != "function") return;
1734
1737
  const n = window.matchMedia("(prefers-reduced-motion: reduce)"), a = (r) => t(r.matches);
1735
1738
  return typeof n.addEventListener == "function" ? (n.addEventListener("change", a), () => n.removeEventListener("change", a)) : (n.addListener?.(a), () => {
@@ -1744,78 +1747,78 @@ const Ft = ({
1744
1747
  ariaCardTypeLabel: a,
1745
1748
  className: r
1746
1749
  }) => {
1747
- const s = R(null), o = R([]), l = Mt(), b = ne(() => Array.from(e), [e]);
1750
+ const s = R(null), o = R([]), l = Pt(), b = re(() => Array.from(e), [e]);
1748
1751
  if (b.length === 0) return null;
1749
- const p = a ? `Configure ${a}: choose a dimension` : void 0, y = l ? "10ms" : "200ms", C = (u, d) => {
1750
- const g = b.length - 1, x = (f) => {
1751
- const k = o.current[f];
1752
- k && k.focus();
1752
+ const p = a ? `Configure ${a}: choose a dimension` : void 0, v = l ? "10ms" : "200ms", C = (u, c) => {
1753
+ const g = b.length - 1, S = (f) => {
1754
+ const x = o.current[f];
1755
+ x && x.focus();
1753
1756
  };
1754
1757
  switch (u.key) {
1755
1758
  case "ArrowRight":
1756
1759
  case "ArrowDown": {
1757
- u.preventDefault(), x(d === g ? 0 : d + 1);
1760
+ u.preventDefault(), S(c === g ? 0 : c + 1);
1758
1761
  break;
1759
1762
  }
1760
1763
  case "ArrowLeft":
1761
1764
  case "ArrowUp": {
1762
- u.preventDefault(), x(d === 0 ? g : d - 1);
1765
+ u.preventDefault(), S(c === 0 ? g : c - 1);
1763
1766
  break;
1764
1767
  }
1765
1768
  case "Home": {
1766
- u.preventDefault(), x(0);
1769
+ u.preventDefault(), S(0);
1767
1770
  break;
1768
1771
  }
1769
1772
  case "End": {
1770
- u.preventDefault(), x(g);
1773
+ u.preventDefault(), S(g);
1771
1774
  break;
1772
1775
  }
1773
1776
  case "Enter":
1774
1777
  case " ": {
1775
- u.preventDefault(), t(b[d]);
1778
+ u.preventDefault(), t(b[c]);
1776
1779
  break;
1777
1780
  }
1778
1781
  }
1779
1782
  };
1780
- return /* @__PURE__ */ c(
1783
+ return /* @__PURE__ */ d(
1781
1784
  "div",
1782
1785
  {
1783
1786
  ref: s,
1784
1787
  role: "group",
1785
1788
  "aria-label": p,
1786
- className: ke("gloss-reconfig-backside-buttons", r),
1789
+ className: Se("gloss-reconfig-backside-buttons", r),
1787
1790
  style: {
1788
1791
  // Expose the reduced-motion-resolved duration as a CSS custom prop
1789
1792
  // so the SCSS transition rule can consume it without a nested media
1790
1793
  // query in the JS. Also surfaces the value for the unit test.
1791
- "--gloss-reconfig-backside-buttons-transition-duration": y
1794
+ "--gloss-reconfig-backside-buttons-transition-duration": v
1792
1795
  },
1793
- children: b.map((u, d) => {
1794
- const g = Rt[u], x = n === u;
1796
+ children: b.map((u, c) => {
1797
+ const g = It[u], S = n === u;
1795
1798
  return /* @__PURE__ */ A(
1796
1799
  "button",
1797
1800
  {
1798
1801
  ref: (f) => {
1799
- o.current[d] = f;
1802
+ o.current[c] = f;
1800
1803
  },
1801
1804
  type: "button",
1802
1805
  "data-dimension": u,
1803
- className: ke(
1806
+ className: Se(
1804
1807
  "gloss-reconfig-backside-buttons__button",
1805
- x && "gloss-reconfig-backside-buttons__button--active"
1808
+ S && "gloss-reconfig-backside-buttons__button--active"
1806
1809
  ),
1807
- "aria-current": x ? "true" : void 0,
1810
+ "aria-current": S ? "true" : void 0,
1808
1811
  onClick: () => t(u),
1809
- onKeyDown: (f) => C(f, d),
1812
+ onKeyDown: (f) => C(f, c),
1810
1813
  children: [
1811
- /* @__PURE__ */ c(
1814
+ /* @__PURE__ */ d(
1812
1815
  g,
1813
1816
  {
1814
1817
  className: "gloss-reconfig-backside-buttons__button-icon",
1815
1818
  "aria-hidden": "true"
1816
1819
  }
1817
1820
  ),
1818
- /* @__PURE__ */ c("span", { className: "gloss-reconfig-backside-buttons__button-label", children: It[u] })
1821
+ /* @__PURE__ */ d("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Rt[u] })
1819
1822
  ]
1820
1823
  },
1821
1824
  u
@@ -1829,7 +1832,7 @@ function U(e, t) {
1829
1832
  return {
1830
1833
  id: e,
1831
1834
  colSpan: 1,
1832
- content: G.createElement("div", {
1835
+ content: H.createElement("div", {
1833
1836
  style: {
1834
1837
  width: "100%",
1835
1838
  height: "100%",
@@ -1845,38 +1848,38 @@ function U(e, t) {
1845
1848
  }, t)
1846
1849
  };
1847
1850
  }
1848
- function Se(e, t) {
1851
+ function Me(e, t) {
1849
1852
  return {
1850
1853
  ...U(e, t),
1851
1854
  colSpan: 2
1852
1855
  };
1853
1856
  }
1854
- const nn = [
1857
+ const rn = [
1855
1858
  U("total-revenue", "Total Revenue"),
1856
1859
  U("total-orders", "Total Orders"),
1857
- Se("revenue-trend", "Revenue Trend (2x)"),
1860
+ Me("revenue-trend", "Revenue Trend (2x)"),
1858
1861
  U("avg-order", "Avg Order Value"),
1859
1862
  U("new-customers", "New Customers"),
1860
1863
  U("top-salesperson", "Top Salesperson"),
1861
- Se("order-trend", "Order Trend (2x)"),
1864
+ Me("order-trend", "Order Trend (2x)"),
1862
1865
  U("repeat-rate", "Repeat Rate"),
1863
1866
  U("open-orders", "Open Orders"),
1864
1867
  U("shipped-orders", "Shipped Orders")
1865
- ], rn = {
1868
+ ], sn = {
1866
1869
  columns: 6,
1867
1870
  rowHeight: 120,
1868
1871
  gap: 15,
1869
1872
  maxRows: 3,
1870
1873
  currentPage: 0,
1871
1874
  totalPages: 1
1872
- }, sn = {
1875
+ }, on = {
1873
1876
  columns: 9,
1874
1877
  rowHeight: 120,
1875
1878
  gap: 15,
1876
1879
  maxRows: 3,
1877
1880
  currentPage: 0,
1878
1881
  totalPages: 2
1879
- }, on = {
1882
+ }, ln = {
1880
1883
  columns: 12,
1881
1884
  rowHeight: 120,
1882
1885
  gap: 15,
@@ -1884,15 +1887,15 @@ const nn = [
1884
1887
  currentPage: 0,
1885
1888
  totalPages: 3
1886
1889
  };
1887
- function me(e) {
1888
- return G.createElement("span", { style: { fontSize: 14 } }, e);
1890
+ function pe(e) {
1891
+ return H.createElement("span", { style: { fontSize: 14 } }, e);
1889
1892
  }
1890
- const ln = [
1893
+ const cn = [
1891
1894
  {
1892
1895
  id: "all-orders",
1893
1896
  type: "orders",
1894
1897
  name: "All Orders",
1895
- icon: me("📋"),
1898
+ icon: pe("📋"),
1896
1899
  closable: !1,
1897
1900
  autoCreated: !0
1898
1901
  },
@@ -1900,14 +1903,14 @@ const ln = [
1900
1903
  id: "open-orders",
1901
1904
  type: "orders",
1902
1905
  name: "Open Orders",
1903
- icon: me("📦"),
1906
+ icon: pe("📦"),
1904
1907
  closable: !0
1905
1908
  },
1906
1909
  {
1907
1910
  id: "shipped-orders",
1908
1911
  type: "orders",
1909
1912
  name: "Shipped Orders",
1910
- icon: me("🚚"),
1913
+ icon: pe("🚚"),
1911
1914
  closable: !0
1912
1915
  }
1913
1916
  ], dn = [
@@ -1936,7 +1939,7 @@ const ln = [
1936
1939
  name: "Customers",
1937
1940
  closable: !0
1938
1941
  }
1939
- ], cn = [
1942
+ ], un = [
1940
1943
  {
1941
1944
  id: "only-tab",
1942
1945
  type: "orders",
@@ -1944,7 +1947,7 @@ const ln = [
1944
1947
  closable: !1,
1945
1948
  autoCreated: !0
1946
1949
  }
1947
- ], un = [
1950
+ ], mn = [
1948
1951
  { id: "tab-1", type: "orders", name: "All Orders", closable: !1, autoCreated: !0 },
1949
1952
  { id: "tab-2", type: "orders", name: "Open Orders", closable: !0 },
1950
1953
  { id: "tab-3", type: "orders", name: "Shipped Orders", closable: !0 },
@@ -1956,7 +1959,7 @@ const ln = [
1956
1959
  { id: "tab-9", type: "order-items", name: "Order #12345", closable: !0 },
1957
1960
  { id: "tab-10", type: "orders", name: "Recent 30D", closable: !0 }
1958
1961
  ];
1959
- function he(e) {
1962
+ function be(e) {
1960
1963
  switch (e) {
1961
1964
  case "wide":
1962
1965
  return { cols: 2, rows: 1 };
@@ -1967,24 +1970,24 @@ function he(e) {
1967
1970
  return { cols: 1, rows: 1 };
1968
1971
  }
1969
1972
  }
1970
- function Pt(e) {
1973
+ function Et(e) {
1971
1974
  let t = 0;
1972
1975
  for (const a of e) {
1973
- const r = he(a.size), s = a.gridPosition.col + r.cols - 1;
1976
+ const r = be(a.size), s = a.gridPosition.col + r.cols - 1;
1974
1977
  s > t && (t = s);
1975
1978
  }
1976
1979
  return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
1977
1980
  }
1978
- const Et = function(t) {
1981
+ const Ot = function(t) {
1979
1982
  if (t.renderMode === "discrete")
1980
- return /* @__PURE__ */ c(
1983
+ return /* @__PURE__ */ d(
1981
1984
  "div",
1982
1985
  {
1983
1986
  className: "gloss-metric-group gloss-metric-group--discrete",
1984
1987
  style: { display: "contents" },
1985
1988
  children: t.cards.map((r) => {
1986
- const s = he(r.size);
1987
- return /* @__PURE__ */ c(
1989
+ const s = be(r.size);
1990
+ return /* @__PURE__ */ d(
1988
1991
  "div",
1989
1992
  {
1990
1993
  className: "gloss-metric-group__slot",
@@ -2019,7 +2022,7 @@ const Et = function(t) {
2019
2022
  "aria-label": a?.label,
2020
2023
  tabIndex: void 0,
2021
2024
  children: [
2022
- a?.accentColor && /* @__PURE__ */ c(
2025
+ a?.accentColor && /* @__PURE__ */ d(
2023
2026
  "div",
2024
2027
  {
2025
2028
  className: "gloss-metric-group__accent",
@@ -2027,8 +2030,8 @@ const Et = function(t) {
2027
2030
  }
2028
2031
  ),
2029
2032
  a?.label && /* @__PURE__ */ A("div", { className: "gloss-metric-group__label", children: [
2030
- /* @__PURE__ */ c("span", { children: a.label }),
2031
- a?.trend && /* @__PURE__ */ c(
2033
+ /* @__PURE__ */ d("span", { children: a.label }),
2034
+ a?.trend && /* @__PURE__ */ d(
2032
2035
  "span",
2033
2036
  {
2034
2037
  className: "gloss-metric-group__trend",
@@ -2037,18 +2040,18 @@ const Et = function(t) {
2037
2040
  }
2038
2041
  )
2039
2042
  ] }),
2040
- /* @__PURE__ */ c(
2043
+ /* @__PURE__ */ d(
2041
2044
  "div",
2042
2045
  {
2043
2046
  className: "gloss-metric-group__slots",
2044
2047
  style: {
2045
2048
  display: "grid",
2046
2049
  gap: "var(--gloss-spacing-2, 8px)",
2047
- gridTemplateColumns: Pt(n)
2050
+ gridTemplateColumns: Et(n)
2048
2051
  },
2049
2052
  children: n.map((r) => {
2050
- const s = he(r.size);
2051
- return /* @__PURE__ */ c(
2053
+ const s = be(r.size);
2054
+ return /* @__PURE__ */ d(
2052
2055
  "div",
2053
2056
  {
2054
2057
  className: "gloss-metric-group__slot--composite",
@@ -2067,48 +2070,48 @@ const Et = function(t) {
2067
2070
  }
2068
2071
  );
2069
2072
  };
2070
- Et.displayName = "MetricGroupContainer";
2071
- const Ee = "resize.tuning.dev", Ot = {
2073
+ Ot.displayName = "MetricGroupContainer";
2074
+ const Ae = "resize.tuning.dev", At = {
2072
2075
  ...Ie,
2073
2076
  snapInPx: 60,
2074
2077
  snapOutPx: 90
2075
- }, j = Ot;
2076
- function At() {
2077
- if (typeof window > "u") return { ...j };
2078
+ }, J = At;
2079
+ function Lt() {
2080
+ if (typeof window > "u") return { ...J };
2078
2081
  try {
2079
- const e = window.localStorage.getItem(Ee);
2080
- if (!e) return { ...j };
2082
+ const e = window.localStorage.getItem(Ae);
2083
+ if (!e) return { ...J };
2081
2084
  const t = JSON.parse(e);
2082
- return !t || typeof t != "object" || Array.isArray(t) ? { ...j } : { ...j, ...t };
2085
+ return !t || typeof t != "object" || Array.isArray(t) ? { ...J } : { ...J, ...t };
2083
2086
  } catch {
2084
- return { ...j };
2087
+ return { ...J };
2085
2088
  }
2086
2089
  }
2087
- function Lt() {
2088
- const [e, t] = z(() => At());
2089
- $(() => {
2090
+ function $t() {
2091
+ const [e, t] = W(() => Lt());
2092
+ L(() => {
2090
2093
  if (!(typeof window > "u"))
2091
2094
  try {
2092
- window.localStorage.setItem(Ee, JSON.stringify(e));
2095
+ window.localStorage.setItem(Ae, JSON.stringify(e));
2093
2096
  } catch {
2094
2097
  }
2095
2098
  }, [e]);
2096
- const n = v(
2099
+ const n = y(
2097
2100
  (s, o) => {
2098
2101
  t((l) => ({ ...l, [s]: o }));
2099
2102
  },
2100
2103
  []
2101
- ), a = v(
2104
+ ), a = y(
2102
2105
  (s) => {
2103
- t((o) => ({ ...o, [s]: j[s] }));
2106
+ t((o) => ({ ...o, [s]: J[s] }));
2104
2107
  },
2105
2108
  []
2106
- ), r = v(() => {
2107
- t({ ...j });
2109
+ ), r = y(() => {
2110
+ t({ ...J });
2108
2111
  }, []);
2109
2112
  return { values: e, setValue: n, resetRow: a, resetAll: r };
2110
2113
  }
2111
- const $t = [
2114
+ const Bt = [
2112
2115
  { key: "stiffness", label: "Spring stiffness", unit: "", min: 100, max: 1e3, step: 10 },
2113
2116
  { key: "damping", label: "Spring damping", unit: "", min: 10, max: 60, step: 1 },
2114
2117
  { key: "mass", label: "Spring mass", unit: "", min: 0.5, max: 2, step: 0.1 },
@@ -2119,7 +2122,7 @@ const $t = [
2119
2122
  { key: "blueprintFadeOutMs", label: "Blueprint fade out", unit: "ms", min: 60, max: 400, step: 10 },
2120
2123
  { key: "velocityMultiplier", label: "Velocity multiplier", unit: "×", min: 0, max: 2, step: 0.05 }
2121
2124
  ];
2122
- function Bt(e, t) {
2125
+ function zt(e, t) {
2123
2126
  return t >= 1 ? String(Math.round(e)) : t >= 0.1 ? e.toFixed(1) : e.toFixed(2);
2124
2127
  }
2125
2128
  function Kt() {
@@ -2136,14 +2139,14 @@ function Kt() {
2136
2139
  strokeLinejoin: "round",
2137
2140
  "aria-hidden": "true",
2138
2141
  children: [
2139
- /* @__PURE__ */ c("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
2140
- /* @__PURE__ */ c("polyline", { points: "3 3 3 8 8 8" })
2142
+ /* @__PURE__ */ d("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
2143
+ /* @__PURE__ */ d("polyline", { points: "3 3 3 8 8 8" })
2141
2144
  ]
2142
2145
  }
2143
2146
  );
2144
2147
  }
2145
- function zt({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
2146
- const s = v(
2148
+ function Wt({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
2149
+ const s = y(
2147
2150
  (o) => {
2148
2151
  (o.key === "r" || o.key === "R") && (o.preventDefault(), a());
2149
2152
  },
@@ -2156,12 +2159,12 @@ function zt({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
2156
2159
  "data-tuning-row": e.key,
2157
2160
  onKeyDown: s,
2158
2161
  children: [
2159
- /* @__PURE__ */ c("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
2162
+ /* @__PURE__ */ d("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
2160
2163
  /* @__PURE__ */ A("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
2161
- Bt(t, e.step),
2164
+ zt(t, e.step),
2162
2165
  e.unit ? ` ${e.unit}` : ""
2163
2166
  ] }),
2164
- /* @__PURE__ */ c(
2167
+ /* @__PURE__ */ d(
2165
2168
  "input",
2166
2169
  {
2167
2170
  id: `gloss-dtp-${e.key}`,
@@ -2175,21 +2178,21 @@ function zt({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
2175
2178
  onChange: (o) => n(Number(o.target.value))
2176
2179
  }
2177
2180
  ),
2178
- /* @__PURE__ */ c(
2181
+ /* @__PURE__ */ d(
2179
2182
  "button",
2180
2183
  {
2181
2184
  type: "button",
2182
2185
  className: "gloss-dev-tuning-panel__reset",
2183
2186
  "aria-label": `Reset ${e.label}`,
2184
2187
  onClick: a,
2185
- children: /* @__PURE__ */ c(Kt, {})
2188
+ children: /* @__PURE__ */ d(Kt, {})
2186
2189
  }
2187
2190
  )
2188
2191
  ]
2189
2192
  }
2190
2193
  );
2191
2194
  }
2192
- function Wt() {
2195
+ function Gt() {
2193
2196
  if (typeof process < "u" && process.env && process.env.NODE_ENV === "production" || typeof window > "u") return !1;
2194
2197
  try {
2195
2198
  return new URLSearchParams(window.location.search).has("devtune");
@@ -2197,23 +2200,23 @@ function Wt() {
2197
2200
  return !1;
2198
2201
  }
2199
2202
  }
2200
- function Gt(e = {}) {
2201
- return Wt() ? /* @__PURE__ */ c(Ht, {}) : null;
2203
+ function Ht(e = {}) {
2204
+ return Gt() ? /* @__PURE__ */ d(Vt, {}) : null;
2202
2205
  }
2203
- Gt.displayName = "DevTuningPanel";
2204
- function Ht() {
2205
- const e = Lt(), { values: t, setValue: n, resetRow: a, resetAll: r } = e, [s, o] = z(null), l = R(null), b = v((u) => {
2206
+ Ht.displayName = "DevTuningPanel";
2207
+ function Vt() {
2208
+ const e = $t(), { values: t, setValue: n, resetRow: a, resetAll: r } = e, [s, o] = W(null), l = R(null), b = y((u) => {
2206
2209
  l.current && clearTimeout(l.current), o(u), l.current = setTimeout(() => {
2207
2210
  o(null), l.current = null;
2208
2211
  }, 200);
2209
- }, []), p = v(
2210
- (u, d) => {
2211
- n(u, d), u === "snapInPx" && d > t.snapOutPx && (n("snapOutPx", d), b("snapOutPx"));
2212
+ }, []), p = y(
2213
+ (u, c) => {
2214
+ n(u, c), u === "snapInPx" && c > t.snapOutPx && (n("snapOutPx", c), b("snapOutPx"));
2212
2215
  },
2213
2216
  [n, t.snapOutPx, b]
2214
- ), y = ne(() => $t, []), C = Qe();
2217
+ ), v = re(() => Bt, []), C = Xe();
2215
2218
  return /* @__PURE__ */ A(
2216
- Te.div,
2219
+ Re.div,
2217
2220
  {
2218
2221
  className: "gloss-dev-tuning-panel",
2219
2222
  role: "region",
@@ -2230,23 +2233,23 @@ function Ht() {
2230
2233
  className: "gloss-dev-tuning-panel__header",
2231
2234
  onPointerDown: (u) => C.start(u),
2232
2235
  children: [
2233
- /* @__PURE__ */ c("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
2234
- /* @__PURE__ */ c("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
2236
+ /* @__PURE__ */ d("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
2237
+ /* @__PURE__ */ d("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
2235
2238
  ]
2236
2239
  }
2237
2240
  ),
2238
- /* @__PURE__ */ c("div", { className: "gloss-dev-tuning-panel__body", children: y.map((u) => /* @__PURE__ */ c(
2239
- zt,
2241
+ /* @__PURE__ */ d("div", { className: "gloss-dev-tuning-panel__body", children: v.map((u) => /* @__PURE__ */ d(
2242
+ Wt,
2240
2243
  {
2241
2244
  spec: u,
2242
2245
  value: t[u.key],
2243
- onChange: (d) => p(u.key, d),
2246
+ onChange: (c) => p(u.key, c),
2244
2247
  onReset: () => a(u.key),
2245
2248
  flashing: s === u.key
2246
2249
  },
2247
2250
  u.key
2248
2251
  )) }),
2249
- /* @__PURE__ */ c("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ c(
2252
+ /* @__PURE__ */ d("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ d(
2250
2253
  "button",
2251
2254
  {
2252
2255
  type: "button",
@@ -2259,7 +2262,7 @@ function Ht() {
2259
2262
  }
2260
2263
  );
2261
2264
  }
2262
- function mn({
2265
+ function pn({
2263
2266
  state: e,
2264
2267
  originX: t,
2265
2268
  originY: n,
@@ -2269,20 +2272,20 @@ function mn({
2269
2272
  snapBoundariesX: o,
2270
2273
  topY: l,
2271
2274
  bottomY: b,
2272
- enterMs: p = Y.envelopeEnterMs,
2273
- exitMs: y = Y.envelopeExitMs,
2275
+ enterMs: p = ee.envelopeEnterMs,
2276
+ exitMs: v = ee.envelopeExitMs,
2274
2277
  className: C,
2275
2278
  style: u
2276
2279
  }) {
2277
2280
  if (e === "hidden") return null;
2278
- const d = Math.max(0, r - a), g = Math.max(0, b - l), x = {
2281
+ const c = Math.max(0, r - a), g = Math.max(0, b - l), S = {
2279
2282
  "--gloss-resize-envelope-enter-ms": `${p}ms`,
2280
- "--gloss-resize-envelope-exit-ms": `${y}ms`,
2283
+ "--gloss-resize-envelope-exit-ms": `${v}ms`,
2281
2284
  "--gloss-resize-envelope-origin-x": `${t - a}px`,
2282
2285
  "--gloss-resize-envelope-origin-y": `${n - l}px`,
2283
2286
  left: a,
2284
2287
  top: l,
2285
- width: d,
2288
+ width: c,
2286
2289
  height: g,
2287
2290
  ...u
2288
2291
  };
@@ -2292,10 +2295,10 @@ function mn({
2292
2295
  className: ["gloss-resize-envelope", `gloss-resize-envelope--state-${e}`, C].filter(Boolean).join(" "),
2293
2296
  "data-state": e,
2294
2297
  "data-testid": "gloss-resize-envelope",
2295
- style: x,
2298
+ style: S,
2296
2299
  "aria-hidden": "true",
2297
2300
  children: [
2298
- /* @__PURE__ */ c(
2301
+ /* @__PURE__ */ d(
2299
2302
  "div",
2300
2303
  {
2301
2304
  className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--left",
@@ -2303,7 +2306,7 @@ function mn({
2303
2306
  style: { left: 0 }
2304
2307
  }
2305
2308
  ),
2306
- /* @__PURE__ */ c(
2309
+ /* @__PURE__ */ d(
2307
2310
  "div",
2308
2311
  {
2309
2312
  className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--min-boundary",
@@ -2311,15 +2314,15 @@ function mn({
2311
2314
  style: { left: s - a }
2312
2315
  }
2313
2316
  ),
2314
- /* @__PURE__ */ c(
2317
+ /* @__PURE__ */ d(
2315
2318
  "div",
2316
2319
  {
2317
2320
  className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--right",
2318
2321
  "data-edge": "right",
2319
- style: { left: d - 1 }
2322
+ style: { left: c - 1 }
2320
2323
  }
2321
2324
  ),
2322
- o.filter((f) => f > s && f < r).map((f) => /* @__PURE__ */ c(
2325
+ o.filter((f) => f > s && f < r).map((f) => /* @__PURE__ */ d(
2323
2326
  "div",
2324
2327
  {
2325
2328
  className: "gloss-resize-envelope__snap-line",
@@ -2332,7 +2335,7 @@ function mn({
2332
2335
  }
2333
2336
  );
2334
2337
  }
2335
- function pn({
2338
+ function gn({
2336
2339
  density: e,
2337
2340
  canAccept: t,
2338
2341
  blocked: n = !1,
@@ -2340,7 +2343,7 @@ function pn({
2340
2343
  children: r,
2341
2344
  ...s
2342
2345
  }) {
2343
- return /* @__PURE__ */ c(
2346
+ return /* @__PURE__ */ d(
2344
2347
  "div",
2345
2348
  {
2346
2349
  ...s,
@@ -2357,18 +2360,18 @@ function pn({
2357
2360
  }
2358
2361
  );
2359
2362
  }
2360
- function Vt(e, t, n, a) {
2363
+ function jt(e, t, n, a) {
2361
2364
  const r = (e + n) / 2, s = Math.min(t, a) - 40;
2362
2365
  return `M${e},${t} Q${r},${s} ${n},${a}`;
2363
2366
  }
2364
- function gn({
2367
+ function fn({
2365
2368
  segments: e,
2366
- durationMs: t = Y.spilloverArcDurationMs,
2367
- staggerMs: n = Y.spilloverStaggerMs,
2369
+ durationMs: t = ee.spilloverArcDurationMs,
2370
+ staggerMs: n = ee.spilloverStaggerMs,
2368
2371
  className: a,
2369
2372
  style: r
2370
2373
  }) {
2371
- return e.length === 0 ? null : /* @__PURE__ */ c(
2374
+ return e.length === 0 ? null : /* @__PURE__ */ d(
2372
2375
  "svg",
2373
2376
  {
2374
2377
  className: ["gloss-spillover-arc", a].filter(Boolean).join(" "),
@@ -2376,12 +2379,12 @@ function gn({
2376
2379
  "aria-hidden": "true",
2377
2380
  overflow: "visible",
2378
2381
  style: { position: "absolute", inset: 0, pointerEvents: "none", ...r },
2379
- children: e.map((s, o) => /* @__PURE__ */ c(
2382
+ children: e.map((s, o) => /* @__PURE__ */ d(
2380
2383
  "path",
2381
2384
  {
2382
2385
  "data-arc-id": s.id,
2383
2386
  className: "gloss-spillover-arc__path",
2384
- d: Vt(s.fromX, s.fromY, s.toX, s.toY),
2387
+ d: jt(s.fromX, s.fromY, s.toX, s.toY),
2385
2388
  style: {
2386
2389
  animationDelay: `${o * n}ms`,
2387
2390
  animationDuration: `${t}ms`
@@ -2392,12 +2395,12 @@ function gn({
2392
2395
  }
2393
2396
  );
2394
2397
  }
2395
- function fn({
2398
+ function hn({
2396
2399
  state: e,
2397
2400
  staggerIndex: t = 0,
2398
- fadeInMs: n = Y.sectionDividerFadeInMs,
2399
- fadeOutMs: a = Y.sectionDividerFadeOutMs,
2400
- staggerMs: r = Y.sectionDividerStaggerMs,
2401
+ fadeInMs: n = ee.sectionDividerFadeInMs,
2402
+ fadeOutMs: a = ee.sectionDividerFadeOutMs,
2403
+ staggerMs: r = ee.sectionDividerStaggerMs,
2401
2404
  className: s,
2402
2405
  style: o,
2403
2406
  ...l
@@ -2408,7 +2411,7 @@ function fn({
2408
2411
  "--gloss-section-divider-stagger-delay": `${t * r}ms`,
2409
2412
  ...o
2410
2413
  };
2411
- return /* @__PURE__ */ c(
2414
+ return /* @__PURE__ */ d(
2412
2415
  "div",
2413
2416
  {
2414
2417
  ...l,
@@ -2424,14 +2427,14 @@ function fn({
2424
2427
  }
2425
2428
  );
2426
2429
  }
2427
- function hn({
2430
+ function bn({
2428
2431
  enabled: e,
2429
2432
  onPack: t,
2430
2433
  ariaLabel: n = "Pack row (shift cards left)",
2431
2434
  className: a,
2432
2435
  style: r
2433
2436
  }) {
2434
- return e ? /* @__PURE__ */ c(
2437
+ return e ? /* @__PURE__ */ d(
2435
2438
  "button",
2436
2439
  {
2437
2440
  type: "button",
@@ -2440,11 +2443,59 @@ function hn({
2440
2443
  className: ["gloss-empty-cell-pack-affordance", a].filter(Boolean).join(" "),
2441
2444
  style: r,
2442
2445
  onClick: t,
2443
- children: /* @__PURE__ */ c("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "×" })
2446
+ children: /* @__PURE__ */ d("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "×" })
2444
2447
  }
2445
2448
  ) : null;
2446
2449
  }
2447
- const Z = {
2450
+ const vn = {
2451
+ forwardStaggerMs: 50,
2452
+ reverseStaggerMs: 30,
2453
+ springStiffness: 380,
2454
+ springDamping: 32,
2455
+ reverseVelocityMultiplier: 1.4
2456
+ }, yn = {
2457
+ enterDurationMs: 220,
2458
+ exitDurationMs: 140,
2459
+ enterEasing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
2460
+ exitEasing: "cubic-bezier(0.4, 0, 1, 1)",
2461
+ translateOffsetPx: 4
2462
+ }, wn = {
2463
+ shiverCycles: 3,
2464
+ shiverAmplitudePx: 2,
2465
+ shiverDurationMs: 180,
2466
+ validCellOpacity: 0.6
2467
+ }, Dn = {
2468
+ materializeMs: 180,
2469
+ dematerializeMs: 140,
2470
+ easing: "cubic-bezier(0.22, 1, 0.36, 1)",
2471
+ dotStrokePx: 2,
2472
+ dividerDashGapPx: 4
2473
+ }, Nn = {
2474
+ cascadeStaggerMs: 0,
2475
+ cascadeSpringCapMs: 120,
2476
+ swingEnterMs: 100,
2477
+ swingEnterStyle: "opacity",
2478
+ provisionalMs: 80,
2479
+ provisionalStyle: "opacity",
2480
+ shiverMs: 200,
2481
+ shiverStyle: "color-flash"
2482
+ }, Cn = !0, kn = {
2483
+ rejectionFill: "var(--gloss-rejection-fill)",
2484
+ rejectionStroke: "var(--gloss-rejection-stroke)",
2485
+ validFill: "var(--gloss-valid-fill)",
2486
+ validStroke: "var(--gloss-valid-stroke)",
2487
+ validCellStroke: "var(--gloss-valid-cell-stroke)",
2488
+ provisionalWash: "var(--gloss-provisional-wash)"
2489
+ };
2490
+ function _n() {
2491
+ if (typeof window > "u") return "full";
2492
+ try {
2493
+ return window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "reduced" : "full";
2494
+ } catch {
2495
+ return "full";
2496
+ }
2497
+ }
2498
+ const X = {
2448
2499
  "gloss-inline-nudge": "_gloss-inline-nudge_kdk88_34",
2449
2500
  "gloss-inline-nudge__message": "_gloss-inline-nudge__message_kdk88_65",
2450
2501
  "gloss-inline-nudge__actions": "_gloss-inline-nudge__actions_kdk88_72",
@@ -2459,21 +2510,21 @@ function Ut({
2459
2510
  anchorEl: a,
2460
2511
  anchorSelector: r
2461
2512
  }) {
2462
- const [s, o] = G.useState(null), l = G.useMemo(
2513
+ const [s, o] = H.useState(null), l = H.useMemo(
2463
2514
  () => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1,
2464
2515
  []
2465
2516
  );
2466
- G.useEffect(() => {
2517
+ H.useEffect(() => {
2467
2518
  !a && !r && (typeof process > "u" || process.env.NODE_ENV !== "production") && console.error(
2468
2519
  "[InlineNudge] requires anchorEl or anchorSelector. AP-07: Do not mount InlineNudge in Layout/** or _app.tsx."
2469
2520
  );
2470
- }, [a, r]), G.useLayoutEffect(() => {
2521
+ }, [a, r]), H.useLayoutEffect(() => {
2471
2522
  let p = null;
2472
2523
  if (a ? p = a : r && (p = document.querySelector(r)), p) {
2473
- const y = p.getBoundingClientRect();
2524
+ const v = p.getBoundingClientRect();
2474
2525
  o({
2475
- top: y.bottom + window.scrollY + 6,
2476
- left: y.left + window.scrollX
2526
+ top: v.bottom + window.scrollY + 6,
2527
+ left: v.left + window.scrollX
2477
2528
  });
2478
2529
  }
2479
2530
  }, [a, r]);
@@ -2481,28 +2532,28 @@ function Ut({
2481
2532
  return /* @__PURE__ */ A(
2482
2533
  "div",
2483
2534
  {
2484
- className: Z["gloss-inline-nudge"],
2535
+ className: X["gloss-inline-nudge"],
2485
2536
  style: b,
2486
2537
  role: "status",
2487
2538
  "aria-live": "polite",
2488
2539
  "data-reduced-motion": l ? "true" : void 0,
2489
2540
  children: [
2490
- /* @__PURE__ */ c("span", { className: Z["gloss-inline-nudge__message"], children: e }),
2491
- /* @__PURE__ */ A("div", { className: Z["gloss-inline-nudge__actions"], children: [
2492
- /* @__PURE__ */ c(
2541
+ /* @__PURE__ */ d("span", { className: X["gloss-inline-nudge__message"], children: e }),
2542
+ /* @__PURE__ */ A("div", { className: X["gloss-inline-nudge__actions"], children: [
2543
+ /* @__PURE__ */ d(
2493
2544
  "button",
2494
2545
  {
2495
2546
  type: "button",
2496
- className: `${Z["gloss-inline-nudge__btn"]} ${Z["gloss-inline-nudge__btn--action"]}`,
2547
+ className: `${X["gloss-inline-nudge__btn"]} ${X["gloss-inline-nudge__btn--action"]}`,
2497
2548
  onClick: t.onClick,
2498
2549
  children: t.label
2499
2550
  }
2500
2551
  ),
2501
- /* @__PURE__ */ c(
2552
+ /* @__PURE__ */ d(
2502
2553
  "button",
2503
2554
  {
2504
2555
  type: "button",
2505
- className: `${Z["gloss-inline-nudge__btn"]} ${Z["gloss-inline-nudge__btn--dismiss"]}`,
2556
+ className: `${X["gloss-inline-nudge__btn"]} ${X["gloss-inline-nudge__btn--dismiss"]}`,
2506
2557
  onClick: n,
2507
2558
  "aria-label": "Dismiss",
2508
2559
  children: "Dismiss"
@@ -2514,24 +2565,24 @@ function Ut({
2514
2565
  );
2515
2566
  }
2516
2567
  Ut.displayName = "InlineNudge";
2517
- function be(e) {
2568
+ function ve(e) {
2518
2569
  return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
2519
2570
  }
2520
2571
  function Zt(e, t, n) {
2521
2572
  if (n <= t) {
2522
- const o = e[0], l = o ? be(o) : "#888";
2573
+ const o = e[0], l = o ? ve(o) : "#888";
2523
2574
  return `linear-gradient(to right, ${l}, ${l})`;
2524
2575
  }
2525
2576
  const a = n - t, s = [...e].sort((o, l) => o.value - l.value).map((o) => {
2526
2577
  const l = (o.value - t) / a * 100;
2527
- return `${be(o)} ${l.toFixed(2)}%`;
2578
+ return `${ve(o)} ${l.toFixed(2)}%`;
2528
2579
  });
2529
2580
  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(", ")})`;
2530
2581
  }
2531
- function jt(e) {
2582
+ function Yt(e) {
2532
2583
  return e.map((t) => `${t.id}:${t.value}`).join("|");
2533
2584
  }
2534
- function Yt({
2585
+ function qt({
2535
2586
  stops: e,
2536
2587
  onChange: t,
2537
2588
  min: n = 0,
@@ -2541,107 +2592,107 @@ function Yt({
2541
2592
  }) {
2542
2593
  const o = r === void 0 ? 0.01 : !Number.isFinite(r) || r <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
2543
2594
  `ThresholdRamp: step (${r}) must be a positive finite number; falling back to 0.01.`
2544
- ), 0.01) : r, l = v(
2595
+ ), 0.01) : r, l = y(
2545
2596
  (i) => Math.round(i / o) * o,
2546
2597
  [o]
2547
- ), b = R(null), [p, y] = z(null), [C, u] = z(e), d = jt(e), g = R(d);
2548
- $(() => {
2549
- g.current !== d && (g.current = d, !p && u(e));
2550
- }, [d, e, p]);
2551
- const x = ne(() => Zt(C, n, a), [C, n, a]), f = v(
2598
+ ), b = R(null), [p, v] = W(null), [C, u] = W(e), c = Yt(e), g = R(c);
2599
+ L(() => {
2600
+ g.current !== c && (g.current = c, !p && u(e));
2601
+ }, [c, e, p]);
2602
+ const S = re(() => Zt(C, n, a), [C, n, a]), f = y(
2552
2603
  (i) => {
2553
2604
  if (!b.current) return n;
2554
- const m = b.current.getBoundingClientRect(), h = m.width || 1, N = Math.max(0, Math.min(1, (i - m.left) / h)), _ = n + N * (a - n);
2555
- return l(_);
2605
+ const h = b.current.getBoundingClientRect(), m = h.width || 1, w = Math.max(0, Math.min(1, (i - h.left) / m)), k = n + w * (a - n);
2606
+ return l(k);
2556
2607
  },
2557
2608
  [n, a, l]
2558
2609
  );
2559
- $(() => {
2610
+ L(() => {
2560
2611
  a <= n && process.env.NODE_ENV !== "production" && console.warn(
2561
2612
  `ThresholdRamp: max (${a}) must be greater than min (${n}); rendering degenerate strip.`
2562
2613
  );
2563
2614
  }, [n, a]);
2564
- const k = v(
2565
- (i, m) => {
2566
- const h = C.find((N) => N.id === m);
2567
- s || h?.disabled || (i.preventDefault(), y(m));
2615
+ const x = y(
2616
+ (i, h) => {
2617
+ const m = C.find((w) => w.id === h);
2618
+ s || m?.disabled || (i.preventDefault(), v(h));
2568
2619
  },
2569
2620
  [s, C]
2570
- ), M = R(C);
2571
- M.current = C;
2572
- const D = R(t);
2573
- D.current = t, $(() => {
2621
+ ), I = R(C);
2622
+ I.current = C;
2623
+ const N = R(t);
2624
+ N.current = t, L(() => {
2574
2625
  if (!p) return;
2575
- const i = (h) => {
2576
- const N = f(h.clientX);
2626
+ const i = (m) => {
2627
+ const w = f(m.clientX);
2577
2628
  u(
2578
- (_) => _.map((F) => F.id === p ? { ...F, value: N } : F)
2629
+ (k) => k.map((M) => M.id === p ? { ...M, value: w } : M)
2579
2630
  );
2580
- }, m = (h) => {
2581
- const N = f(h.clientX), _ = M.current.map(
2582
- (F) => F.id === p ? { ...F, value: N } : F
2631
+ }, h = (m) => {
2632
+ const w = f(m.clientX), k = I.current.map(
2633
+ (M) => M.id === p ? { ...M, value: w } : M
2583
2634
  );
2584
- u(_), y(null), D.current(_);
2635
+ u(k), v(null), N.current(k);
2585
2636
  };
2586
- return window.addEventListener("pointermove", i), window.addEventListener("pointerup", m), window.addEventListener("pointercancel", m), () => {
2587
- window.removeEventListener("pointermove", i), window.removeEventListener("pointerup", m), window.removeEventListener("pointercancel", m);
2637
+ return window.addEventListener("pointermove", i), window.addEventListener("pointerup", h), window.addEventListener("pointercancel", h), () => {
2638
+ window.removeEventListener("pointermove", i), window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", h);
2588
2639
  };
2589
2640
  }, [p, f]);
2590
- const S = a - n > 0 ? a - n : 1, T = v(
2591
- (i, m) => {
2592
- if (s || m.disabled) return;
2593
- const h = a - n;
2594
- if (h <= 0) return;
2595
- const N = i.shiftKey ? h / 20 : h / 100;
2596
- let _ = m.value;
2641
+ const _ = a - n > 0 ? a - n : 1, T = y(
2642
+ (i, h) => {
2643
+ if (s || h.disabled) return;
2644
+ const m = a - n;
2645
+ if (m <= 0) return;
2646
+ const w = i.shiftKey ? m / 20 : m / 100;
2647
+ let k = h.value;
2597
2648
  switch (i.key) {
2598
2649
  case "ArrowRight":
2599
2650
  case "ArrowUp":
2600
- _ = m.value + N;
2651
+ k = h.value + w;
2601
2652
  break;
2602
2653
  case "ArrowLeft":
2603
2654
  case "ArrowDown":
2604
- _ = m.value - N;
2655
+ k = h.value - w;
2605
2656
  break;
2606
2657
  case "Home":
2607
- _ = n;
2658
+ k = n;
2608
2659
  break;
2609
2660
  case "End":
2610
- _ = a;
2661
+ k = a;
2611
2662
  break;
2612
2663
  default:
2613
2664
  return;
2614
2665
  }
2615
2666
  i.preventDefault();
2616
- const F = Math.max(n, Math.min(a, _)), I = l(F);
2617
- if (I === m.value) return;
2618
- const V = C.map(
2619
- (O) => O.id === m.id ? { ...O, value: I } : O
2667
+ const M = Math.max(n, Math.min(a, k)), E = l(M);
2668
+ if (E === h.value) return;
2669
+ const G = C.map(
2670
+ (V) => V.id === h.id ? { ...V, value: E } : V
2620
2671
  );
2621
- u(V), t(V);
2672
+ u(G), t(G);
2622
2673
  },
2623
2674
  [s, n, a, C, t, l]
2624
2675
  );
2625
- return /* @__PURE__ */ c("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ c(
2676
+ return /* @__PURE__ */ d("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ d(
2626
2677
  "div",
2627
2678
  {
2628
2679
  ref: b,
2629
2680
  className: "gloss-threshold-ramp__track",
2630
- style: { background: x },
2681
+ style: { background: S },
2631
2682
  children: C.map((i) => {
2632
- const m = (i.value - n) / S * 100;
2633
- return /* @__PURE__ */ c(
2683
+ const h = (i.value - n) / _ * 100;
2684
+ return /* @__PURE__ */ d(
2634
2685
  "span",
2635
2686
  {
2636
2687
  className: "gloss-threshold-ramp__stop",
2637
2688
  style: {
2638
- left: `${m}%`,
2639
- color: be(i)
2689
+ left: `${h}%`,
2690
+ color: ve(i)
2640
2691
  },
2641
2692
  "data-disabled": i.disabled || void 0,
2642
2693
  "data-dragging": p === i.id || void 0,
2643
- onPointerDown: (h) => k(h, i.id),
2644
- onKeyDown: (h) => T(h, i),
2694
+ onPointerDown: (m) => x(m, i.id),
2695
+ onKeyDown: (m) => T(m, i),
2645
2696
  "aria-label": i.label ?? `Stop at ${i.value}`,
2646
2697
  role: "slider",
2647
2698
  "aria-valuenow": i.value,
@@ -2656,21 +2707,21 @@ function Yt({
2656
2707
  }
2657
2708
  ) });
2658
2709
  }
2659
- Yt.displayName = "ThresholdRamp";
2660
- const Oe = je(null);
2661
- function qt() {
2662
- return Ye(Oe);
2710
+ qt.displayName = "ThresholdRamp";
2711
+ const Le = Ye(null);
2712
+ function Qt() {
2713
+ return qe(Le);
2663
2714
  }
2664
- function Qt({ option: e }) {
2665
- const t = qt(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, r = v(() => {
2715
+ function Xt({ option: e }) {
2716
+ const t = Qt(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, r = y(() => {
2666
2717
  a || t?.select(e.value);
2667
- }, [a, t, e.value]), s = v(
2718
+ }, [a, t, e.value]), s = y(
2668
2719
  (p) => {
2669
2720
  a || t?.onKeyNav(p, e.value);
2670
2721
  },
2671
2722
  [a, t, e.value]
2672
2723
  ), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", l = t?.firstFocusableValue === e.value, b = a ? -1 : l ? 0 : -1;
2673
- return /* @__PURE__ */ c(
2724
+ return /* @__PURE__ */ d(
2674
2725
  "button",
2675
2726
  {
2676
2727
  ref: (p) => t?.registerRef(e.value, p),
@@ -2691,7 +2742,7 @@ function Qt({ option: e }) {
2691
2742
  }
2692
2743
  );
2693
2744
  }
2694
- function Xt({
2745
+ function Jt({
2695
2746
  swatches: e,
2696
2747
  value: t,
2697
2748
  defaultValue: n,
@@ -2699,65 +2750,65 @@ function Xt({
2699
2750
  disabled: r = !1,
2700
2751
  name: s
2701
2752
  }) {
2702
- const o = t !== void 0, [l, b] = z(n), p = o ? t : l, y = v(
2703
- (D) => {
2704
- o || b(D), a?.(D);
2753
+ const o = t !== void 0, [l, b] = W(n), p = o ? t : l, v = y(
2754
+ (N) => {
2755
+ o || b(N), a?.(N);
2705
2756
  },
2706
2757
  [o, a]
2707
- ), C = v(
2708
- (D) => p === D,
2758
+ ), C = y(
2759
+ (N) => p === N,
2709
2760
  [p]
2710
- ), u = R(/* @__PURE__ */ new Map()), d = v((D, S) => {
2711
- S ? u.current.set(D, S) : u.current.delete(D);
2712
- }, []), g = e.filter((D) => !D.disabled && !r), x = g.find((D) => D.value === p)?.value ?? g[0]?.value, f = v((D) => {
2713
- const S = u.current.get(D);
2714
- S && S.focus();
2715
- }, []), k = v(
2716
- (D, S) => {
2761
+ ), u = R(/* @__PURE__ */ new Map()), c = y((N, _) => {
2762
+ _ ? u.current.set(N, _) : u.current.delete(N);
2763
+ }, []), g = e.filter((N) => !N.disabled && !r), S = g.find((N) => N.value === p)?.value ?? g[0]?.value, f = y((N) => {
2764
+ const _ = u.current.get(N);
2765
+ _ && _.focus();
2766
+ }, []), x = y(
2767
+ (N, _) => {
2717
2768
  if (r) return;
2718
- const T = e.filter((N) => !N.disabled);
2769
+ const T = e.filter((w) => !w.disabled);
2719
2770
  if (T.length === 0) return;
2720
- const i = T.findIndex((N) => N.value === S);
2771
+ const i = T.findIndex((w) => w.value === _);
2721
2772
  if (i === -1) return;
2722
- let m = i;
2723
- switch (D.key) {
2773
+ let h = i;
2774
+ switch (N.key) {
2724
2775
  case "ArrowRight":
2725
2776
  case "ArrowDown":
2726
- m = (i + 1) % T.length;
2777
+ h = (i + 1) % T.length;
2727
2778
  break;
2728
2779
  case "ArrowLeft":
2729
2780
  case "ArrowUp":
2730
- m = (i - 1 + T.length) % T.length;
2781
+ h = (i - 1 + T.length) % T.length;
2731
2782
  break;
2732
2783
  case "Home":
2733
- m = 0;
2784
+ h = 0;
2734
2785
  break;
2735
2786
  case "End":
2736
- m = T.length - 1;
2787
+ h = T.length - 1;
2737
2788
  break;
2738
2789
  case " ":
2739
2790
  case "Enter":
2740
- D.preventDefault(), y(S);
2791
+ N.preventDefault(), v(_);
2741
2792
  return;
2742
2793
  default:
2743
2794
  return;
2744
2795
  }
2745
- D.preventDefault();
2746
- const h = T[m].value;
2747
- f(h), y(h);
2796
+ N.preventDefault();
2797
+ const m = T[h].value;
2798
+ f(m), v(m);
2748
2799
  },
2749
- [r, e, y, f]
2750
- ), M = {
2800
+ [r, e, v, f]
2801
+ ), I = {
2751
2802
  selectedValue: p,
2752
- select: y,
2803
+ select: v,
2753
2804
  isSelected: C,
2754
2805
  groupDisabled: r,
2755
2806
  name: s,
2756
- registerRef: d,
2757
- firstFocusableValue: x,
2758
- onKeyNav: k
2807
+ registerRef: c,
2808
+ firstFocusableValue: S,
2809
+ onKeyNav: x
2759
2810
  };
2760
- return /* @__PURE__ */ c(Oe.Provider, { value: M, children: /* @__PURE__ */ c(
2811
+ return /* @__PURE__ */ d(Le.Provider, { value: I, children: /* @__PURE__ */ d(
2761
2812
  "div",
2762
2813
  {
2763
2814
  className: "gloss-preset-swatch-row",
@@ -2765,126 +2816,126 @@ function Xt({
2765
2816
  "aria-label": s,
2766
2817
  "aria-disabled": r,
2767
2818
  "data-disabled": r || void 0,
2768
- children: e.map((D) => /* @__PURE__ */ c(Qt, { option: D }, D.value))
2819
+ children: e.map((N) => /* @__PURE__ */ d(Xt, { option: N }, N.value))
2769
2820
  }
2770
2821
  ) });
2771
2822
  }
2772
- Xt.displayName = "PresetSwatchRow";
2773
- function ve(e, t) {
2823
+ Jt.displayName = "PresetSwatchRow";
2824
+ function ye(e, t) {
2774
2825
  for (const n of e)
2775
2826
  if (n.items.some((a) => a.id === t))
2776
2827
  return n.zoneKey;
2777
2828
  return null;
2778
2829
  }
2779
- function xe(e, t) {
2830
+ function Te(e, t) {
2780
2831
  const n = e.find((a) => a.zoneKey === t);
2781
- return n ? n.zoneKey : ve(e, t);
2832
+ return n ? n.zoneKey : ye(e, t);
2782
2833
  }
2783
- function Jt(e, t, n) {
2834
+ function ea(e, t, n) {
2784
2835
  const a = [...e], [r] = a.splice(t, 1);
2785
2836
  return a.splice(n, 0, r), a;
2786
2837
  }
2787
- function ea(e) {
2838
+ function ta(e) {
2788
2839
  return e.map((t) => `${t.zoneKey}:${t.items.map((n) => n.id).join(",")}`).join("|");
2789
2840
  }
2790
- function ta(e) {
2791
- const [t, n] = z(
2841
+ function aa(e) {
2842
+ const [t, n] = W(
2792
2843
  () => e.zones.map((f) => f.maxItems !== void 0 && f.items.length > f.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
2793
2844
  `useSortableZones: zone "${f.zoneKey}" exceeds maxItems (${f.items.length} > ${f.maxItems}); trimming to cap.`
2794
2845
  ), { ...f, items: f.items.slice(0, f.maxItems) }) : f)
2795
- ), [a, r] = z(null), [s, o] = z(null), l = R(null), b = R(e.onZoneChange);
2846
+ ), [a, r] = W(null), [s, o] = W(null), l = R(null), b = R(e.onZoneChange);
2796
2847
  b.current = e.onZoneChange;
2797
- const p = ne(
2798
- () => ea(e.zones),
2848
+ const p = re(
2849
+ () => ta(e.zones),
2799
2850
  [e.zones]
2800
- ), y = R(p);
2801
- $(() => {
2802
- y.current !== p && (y.current = p, !a && n(
2851
+ ), v = R(p);
2852
+ L(() => {
2853
+ v.current !== p && (v.current = p, !a && n(
2803
2854
  e.zones.map((f) => f.maxItems !== void 0 && f.items.length > f.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
2804
2855
  `useSortableZones: zone "${f.zoneKey}" exceeds maxItems (${f.items.length} > ${f.maxItems}); trimming to cap.`
2805
2856
  ), { ...f, items: f.items.slice(0, f.maxItems) }) : f)
2806
2857
  ));
2807
2858
  }, [p, e.zones, a]);
2808
- const C = v(
2859
+ const C = y(
2809
2860
  (f) => {
2810
- const k = f.active.id;
2811
- let M = null, D = null;
2812
- for (const S of t) {
2813
- const T = S.items.find((i) => i.id === k);
2861
+ const x = f.active.id;
2862
+ let I = null, N = null;
2863
+ for (const _ of t) {
2864
+ const T = _.items.find((i) => i.id === x);
2814
2865
  if (T) {
2815
- M = T, D = S.zoneKey;
2866
+ I = T, N = _.zoneKey;
2816
2867
  break;
2817
2868
  }
2818
2869
  }
2819
- l.current = D, r(M), o(D);
2870
+ l.current = N, r(I), o(N);
2820
2871
  },
2821
2872
  [t]
2822
- ), u = v(
2873
+ ), u = y(
2823
2874
  (f) => {
2824
2875
  if (!f.over) {
2825
2876
  o(l.current);
2826
2877
  return;
2827
2878
  }
2828
- const k = xe(t, f.over.id);
2829
- o(k);
2879
+ const x = Te(t, f.over.id);
2880
+ o(x);
2830
2881
  },
2831
2882
  [t]
2832
- ), d = v(
2883
+ ), c = y(
2833
2884
  (f) => {
2834
- const { active: k, over: M } = f, D = () => {
2885
+ const { active: x, over: I } = f, N = () => {
2835
2886
  l.current = null, r(null), o(null);
2836
2887
  };
2837
- if (!M) {
2838
- D();
2888
+ if (!I) {
2889
+ N();
2839
2890
  return;
2840
2891
  }
2841
- const S = ve(t, k.id), T = xe(t, M.id);
2842
- if (!S || !T) {
2843
- D();
2892
+ const _ = ye(t, x.id), T = Te(t, I.id);
2893
+ if (!_ || !T) {
2894
+ N();
2844
2895
  return;
2845
2896
  }
2846
- let i = t.map((m) => ({ ...m, items: [...m.items] }));
2847
- if (S === T) {
2848
- const m = i.findIndex((I) => I.zoneKey === S), h = i[m], N = h.items.findIndex((I) => I.id === k.id), _ = h.items.findIndex((I) => I.id === M.id), F = _ >= 0 ? _ : Math.max(0, h.items.length - 1);
2849
- i[m] = {
2850
- ...h,
2851
- items: Jt(h.items, N, F)
2897
+ let i = t.map((h) => ({ ...h, items: [...h.items] }));
2898
+ if (_ === T) {
2899
+ const h = i.findIndex((E) => E.zoneKey === _), m = i[h], w = m.items.findIndex((E) => E.id === x.id), k = m.items.findIndex((E) => E.id === I.id), M = k >= 0 ? k : Math.max(0, m.items.length - 1);
2900
+ i[h] = {
2901
+ ...m,
2902
+ items: ea(m.items, w, M)
2852
2903
  };
2853
2904
  } else {
2854
- const m = i.findIndex((B) => B.zoneKey === S), h = i.findIndex((B) => B.zoneKey === T), N = i[m], _ = i[h], F = N.items.find((B) => B.id === k.id);
2855
- if (!F) {
2856
- D();
2905
+ const h = i.findIndex((K) => K.zoneKey === _), m = i.findIndex((K) => K.zoneKey === T), w = i[h], k = i[m], M = w.items.find((K) => K.id === x.id);
2906
+ if (!M) {
2907
+ N();
2857
2908
  return;
2858
2909
  }
2859
- const I = N.items.filter((B) => B.id !== k.id), V = _.items.findIndex((B) => B.id === M.id), O = V >= 0 ? V : _.items.length;
2860
- let W = I, L = [..._.items];
2861
- if (_.maxItems !== void 0 && L.length >= _.maxItems) {
2862
- const B = L[L.length - 1];
2863
- L = L.slice(0, _.maxItems - 1), W = [...I, B];
2910
+ const E = w.items.filter((K) => K.id !== x.id), G = k.items.findIndex((K) => K.id === I.id), V = G >= 0 ? G : k.items.length;
2911
+ let $ = E, O = [...k.items];
2912
+ if (k.maxItems !== void 0 && O.length >= k.maxItems) {
2913
+ const K = O[O.length - 1];
2914
+ O = O.slice(0, k.maxItems - 1), $ = [...E, K];
2864
2915
  }
2865
- const X = Math.min(O, L.length), re = [
2866
- ...L.slice(0, X),
2867
- F,
2868
- ...L.slice(X)
2916
+ const j = Math.min(V, O.length), se = [
2917
+ ...O.slice(0, j),
2918
+ M,
2919
+ ...O.slice(j)
2869
2920
  ];
2870
- i[m] = { ...N, items: W }, i[h] = { ..._, items: re };
2921
+ i[h] = { ...w, items: $ }, i[m] = { ...k, items: se };
2871
2922
  }
2872
- n(i), b.current?.(i), D();
2923
+ n(i), b.current?.(i), N();
2873
2924
  },
2874
2925
  [t]
2875
- ), g = v(
2926
+ ), g = y(
2876
2927
  (f) => ({
2877
2928
  id: f,
2878
2929
  "data-zone-key": f
2879
2930
  }),
2880
2931
  []
2881
- ), x = v(
2932
+ ), S = y(
2882
2933
  (f) => {
2883
- const k = ve(t, f.id) ?? "";
2934
+ const x = ye(t, f.id) ?? "";
2884
2935
  return {
2885
2936
  id: f.id,
2886
2937
  "data-item-id": f.id,
2887
- "data-zone-key": k
2938
+ "data-zone-key": x
2888
2939
  };
2889
2940
  },
2890
2941
  [t]
@@ -2894,14 +2945,14 @@ function ta(e) {
2894
2945
  activeZone: s,
2895
2946
  activeItem: a,
2896
2947
  getZoneProps: g,
2897
- getItemProps: x,
2948
+ getItemProps: S,
2898
2949
  handleDragStart: C,
2899
2950
  handleDragOver: u,
2900
- handleDragEnd: d
2951
+ handleDragEnd: c
2901
2952
  };
2902
2953
  }
2903
- let te = null, oe = null, pe = !1;
2904
- const aa = [
2954
+ let ae = null, le = null, ge = !1;
2955
+ const na = [
2905
2956
  "DndContext",
2906
2957
  "DragOverlay",
2907
2958
  "useSensors",
@@ -2910,22 +2961,22 @@ const aa = [
2910
2961
  "PointerSensor",
2911
2962
  "KeyboardSensor",
2912
2963
  "closestCenter"
2913
- ], na = [
2964
+ ], ra = [
2914
2965
  "SortableContext",
2915
2966
  "useSortable",
2916
2967
  "verticalListSortingStrategy"
2917
2968
  ];
2918
- function ra(e, t) {
2969
+ function sa(e, t) {
2919
2970
  const n = [], a = e ?? {};
2920
- for (const s of aa)
2971
+ for (const s of na)
2921
2972
  a[s] === void 0 && n.push(`@dnd-kit/core:${s}`);
2922
2973
  const r = t ?? {};
2923
- for (const s of na)
2974
+ for (const s of ra)
2924
2975
  r[s] === void 0 && n.push(`@dnd-kit/sortable:${s}`);
2925
2976
  return n.length === 0 ? { ok: !0 } : { ok: !1, missing: n };
2926
2977
  }
2927
- function sa() {
2928
- return te ? Promise.resolve(te) : pe ? Promise.resolve(null) : oe || (oe = (async () => {
2978
+ function oa() {
2979
+ return ae ? Promise.resolve(ae) : ge ? Promise.resolve(null) : le || (le = (async () => {
2929
2980
  try {
2930
2981
  const [e, t, n] = await Promise.all([
2931
2982
  import("@dnd-kit/core"),
@@ -2933,31 +2984,31 @@ function sa() {
2933
2984
  import("@dnd-kit/utilities").catch(() => (process.env.NODE_ENV !== "production" && console.warn(
2934
2985
  "SortableZones: @dnd-kit/utilities failed to load; drag-overlay positioning will fall back (items may teleport instead of slide)."
2935
2986
  ), {}))
2936
- ]), a = ra(e, t);
2937
- return a.ok ? (te = {
2987
+ ]), a = sa(e, t);
2988
+ return a.ok ? (ae = {
2938
2989
  core: e,
2939
2990
  sortable: t,
2940
2991
  utilities: n
2941
- }, te) : (pe = !0, process.env.NODE_ENV !== "production" && console.error(
2992
+ }, ae) : (ge = !0, process.env.NODE_ENV !== "production" && console.error(
2942
2993
  `SortableZones: @dnd-kit shape mismatch — missing exports: ${a.missing.join(", ")}. Check installed versions against optionalDependencies in @mt-gloss/ui.`
2943
2994
  ), null);
2944
2995
  } catch {
2945
- return pe = !0, null;
2996
+ return ge = !0, null;
2946
2997
  }
2947
- })(), oe);
2998
+ })(), le);
2948
2999
  }
2949
- function oa(e) {
2950
- const { zones: t, onZoneChange: n, renderZone: a, renderItem: r, renderDragOverlay: s } = e, o = ta({ zones: t, onZoneChange: n }), [l, b] = G.useState(te);
2951
- return G.useEffect(() => {
3000
+ function ia(e) {
3001
+ const { zones: t, onZoneChange: n, renderZone: a, renderItem: r, renderDragOverlay: s } = e, o = aa({ zones: t, onZoneChange: n }), [l, b] = H.useState(ae);
3002
+ return H.useEffect(() => {
2952
3003
  if (l) return;
2953
3004
  let p = !0;
2954
- return sa().then((y) => {
2955
- p && b(y);
3005
+ return oa().then((v) => {
3006
+ p && b(v);
2956
3007
  }), () => {
2957
3008
  p = !1;
2958
3009
  };
2959
- }, [l]), l ? /* @__PURE__ */ c(
2960
- Ae,
3010
+ }, [l]), l ? /* @__PURE__ */ d(
3011
+ $e,
2961
3012
  {
2962
3013
  state: o,
2963
3014
  modules: l,
@@ -2965,80 +3016,80 @@ function oa(e) {
2965
3016
  renderItem: r,
2966
3017
  renderDragOverlay: s
2967
3018
  }
2968
- ) : /* @__PURE__ */ c("div", { "data-sortable-zones-passive": "true", children: o.zones.map((p) => {
2969
- const y = p.items.map((C) => /* @__PURE__ */ c(G.Fragment, { children: r(C) }, C.id));
2970
- return /* @__PURE__ */ c("div", { ...o.getZoneProps(p.zoneKey), children: a(p.zoneKey, p.items, y) }, p.zoneKey);
3019
+ ) : /* @__PURE__ */ d("div", { "data-sortable-zones-passive": "true", children: o.zones.map((p) => {
3020
+ const v = p.items.map((C) => /* @__PURE__ */ d(H.Fragment, { children: r(C) }, C.id));
3021
+ return /* @__PURE__ */ d("div", { ...o.getZoneProps(p.zoneKey), children: a(p.zoneKey, p.items, v) }, p.zoneKey);
2971
3022
  }) });
2972
3023
  }
2973
- oa.displayName = "SortableZones";
2974
- function Ae({
3024
+ ia.displayName = "SortableZones";
3025
+ function $e({
2975
3026
  state: e,
2976
3027
  modules: t,
2977
3028
  renderZone: n,
2978
3029
  renderItem: a,
2979
3030
  renderDragOverlay: r
2980
3031
  }) {
2981
- const { core: s, sortable: o, utilities: l } = t, { DndContext: b, DragOverlay: p, useSensors: y, useSensor: C, useDroppable: u, PointerSensor: d, KeyboardSensor: g, closestCenter: x } = s, { SortableContext: f, verticalListSortingStrategy: k } = o, M = y(
2982
- C(d, { activationConstraint: { distance: 5 } }),
3032
+ const { core: s, sortable: o, utilities: l } = t, { DndContext: b, DragOverlay: p, useSensors: v, useSensor: C, useDroppable: u, PointerSensor: c, KeyboardSensor: g, closestCenter: S } = s, { SortableContext: f, verticalListSortingStrategy: x } = o, I = v(
3033
+ C(c, { activationConstraint: { distance: 5 } }),
2983
3034
  C(g)
2984
- ), D = b, S = p, T = f;
3035
+ ), N = b, _ = p, T = f;
2985
3036
  return /* @__PURE__ */ A(
2986
- D,
3037
+ N,
2987
3038
  {
2988
- sensors: M,
2989
- collisionDetection: x,
3039
+ sensors: I,
3040
+ collisionDetection: S,
2990
3041
  onDragStart: e.handleDragStart,
2991
3042
  onDragOver: e.handleDragOver,
2992
3043
  onDragEnd: e.handleDragEnd,
2993
3044
  children: [
2994
3045
  e.zones.map((i) => {
2995
- const m = i.items.map((N) => N.id), h = i.items.map((N) => /* @__PURE__ */ c(
2996
- Le,
3046
+ const h = i.items.map((w) => w.id), m = i.items.map((w) => /* @__PURE__ */ d(
3047
+ Be,
2997
3048
  {
2998
- id: N.id,
3049
+ id: w.id,
2999
3050
  useSortable: o.useSortable,
3000
3051
  cssHelper: l.CSS,
3001
- children: a(N)
3052
+ children: a(w)
3002
3053
  },
3003
- N.id
3054
+ w.id
3004
3055
  ));
3005
- return /* @__PURE__ */ c(
3006
- $e,
3056
+ return /* @__PURE__ */ d(
3057
+ ze,
3007
3058
  {
3008
3059
  zoneKey: i.zoneKey,
3009
3060
  zoneProps: e.getZoneProps(i.zoneKey),
3010
3061
  useDroppable: u,
3011
- children: /* @__PURE__ */ c(T, { items: m, strategy: k, children: n(i.zoneKey, i.items, h) })
3062
+ children: /* @__PURE__ */ d(T, { items: h, strategy: x, children: n(i.zoneKey, i.items, m) })
3012
3063
  },
3013
3064
  i.zoneKey
3014
3065
  );
3015
3066
  }),
3016
- /* @__PURE__ */ c(S, { children: e.activeItem ? r?.(e.activeItem) ?? a(e.activeItem) : null })
3067
+ /* @__PURE__ */ d(_, { children: e.activeItem ? r?.(e.activeItem) ?? a(e.activeItem) : null })
3017
3068
  ]
3018
3069
  }
3019
3070
  );
3020
3071
  }
3021
- Ae.displayName = "SortableZonesInner";
3022
- function Le({ id: e, useSortable: t, cssHelper: n, children: a }) {
3023
- const { attributes: r, listeners: s, setNodeRef: o, transform: l, transition: b, isDragging: p } = t({ id: e }), y = {
3072
+ $e.displayName = "SortableZonesInner";
3073
+ function Be({ id: e, useSortable: t, cssHelper: n, children: a }) {
3074
+ const { attributes: r, listeners: s, setNodeRef: o, transform: l, transition: b, isDragging: p } = t({ id: e }), v = {
3024
3075
  transform: n?.Transform?.toString(l) ?? void 0,
3025
3076
  transition: b,
3026
3077
  opacity: p ? 0.5 : 1
3027
3078
  };
3028
- return /* @__PURE__ */ c("div", { ref: o, style: y, "data-sortable-item-id": e, ...r, ...s, children: a });
3079
+ return /* @__PURE__ */ d("div", { ref: o, style: v, "data-sortable-item-id": e, ...r, ...s, children: a });
3029
3080
  }
3030
- Le.displayName = "SortableItem";
3031
- function $e({
3081
+ Be.displayName = "SortableItem";
3082
+ function ze({
3032
3083
  zoneKey: e,
3033
3084
  zoneProps: t,
3034
3085
  useDroppable: n,
3035
3086
  children: a
3036
3087
  }) {
3037
3088
  const { setNodeRef: r, isOver: s } = n({ id: e });
3038
- return /* @__PURE__ */ c("div", { ref: r, "data-zone-is-over": s || void 0, ...t, children: a });
3089
+ return /* @__PURE__ */ d("div", { ref: r, "data-zone-is-over": s || void 0, ...t, children: a });
3039
3090
  }
3040
- $e.displayName = "ZoneDroppable";
3041
- function bn({
3091
+ ze.displayName = "ZoneDroppable";
3092
+ function xn({
3042
3093
  slotLeft: e,
3043
3094
  slotCenter: t,
3044
3095
  slotRight: n,
@@ -3060,7 +3111,7 @@ function bn({
3060
3111
  className: ["gloss-bottom-toolbar", r].filter(Boolean).join(" "),
3061
3112
  style: l,
3062
3113
  children: [
3063
- /* @__PURE__ */ c(
3114
+ /* @__PURE__ */ d(
3064
3115
  "div",
3065
3116
  {
3066
3117
  className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--left",
@@ -3068,7 +3119,7 @@ function bn({
3068
3119
  children: e
3069
3120
  }
3070
3121
  ),
3071
- /* @__PURE__ */ c(
3122
+ /* @__PURE__ */ d(
3072
3123
  "div",
3073
3124
  {
3074
3125
  className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--center",
@@ -3076,7 +3127,7 @@ function bn({
3076
3127
  children: t
3077
3128
  }
3078
3129
  ),
3079
- /* @__PURE__ */ c(
3130
+ /* @__PURE__ */ d(
3080
3131
  "div",
3081
3132
  {
3082
3133
  className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--right",
@@ -3088,14 +3139,14 @@ function bn({
3088
3139
  }
3089
3140
  );
3090
3141
  }
3091
- function vn({
3142
+ function Sn({
3092
3143
  count: e,
3093
3144
  currentIndex: t,
3094
3145
  onSelect: n,
3095
3146
  "aria-label": a = "Sections"
3096
3147
  }) {
3097
3148
  const r = Ue.useRef([]);
3098
- return r.current.length = e, /* @__PURE__ */ c(
3149
+ return r.current.length = e, /* @__PURE__ */ d(
3099
3150
  "div",
3100
3151
  {
3101
3152
  role: "tablist",
@@ -3115,7 +3166,7 @@ function vn({
3115
3166
  }
3116
3167
  }
3117
3168
  },
3118
- children: Array.from({ length: e }, (o, l) => /* @__PURE__ */ c(
3169
+ children: Array.from({ length: e }, (o, l) => /* @__PURE__ */ d(
3119
3170
  "button",
3120
3171
  {
3121
3172
  ref: (b) => {
@@ -3138,312 +3189,320 @@ function vn({
3138
3189
  }
3139
3190
  );
3140
3191
  }
3141
- const ia = G.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
3192
+ const la = H.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
3142
3193
  const r = { ...n };
3143
- return delete r.className, delete r.style, /* @__PURE__ */ c("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...r, children: /* @__PURE__ */ c(ye, { region: "toolbar", density: e, children: t }) });
3194
+ return delete r.className, delete r.style, /* @__PURE__ */ d("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...r, children: /* @__PURE__ */ d(we, { region: "toolbar", density: e, children: t }) });
3144
3195
  });
3145
- ia.displayName = "ContainerToolbar";
3146
- const la = G.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...r }, s) => {
3196
+ la.displayName = "ContainerToolbar";
3197
+ const ca = H.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...r }, s) => {
3147
3198
  const o = { ...r };
3148
3199
  return delete o.className, delete o.style, /* @__PURE__ */ A("fieldset", { ref: s, className: "gloss-container-form-section", ...o, children: [
3149
- e && /* @__PURE__ */ c("legend", { className: "gloss-container-form-section__legend", children: e }),
3150
- t && /* @__PURE__ */ c("p", { className: "gloss-container-form-section__description", children: t }),
3151
- /* @__PURE__ */ c(ye, { region: "form-section", density: n, children: a })
3200
+ e && /* @__PURE__ */ d("legend", { className: "gloss-container-form-section__legend", children: e }),
3201
+ t && /* @__PURE__ */ d("p", { className: "gloss-container-form-section__description", children: t }),
3202
+ /* @__PURE__ */ d(we, { region: "form-section", density: n, children: a })
3152
3203
  ] });
3153
3204
  });
3154
- la.displayName = "ContainerFormSection";
3155
- const da = G.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
3205
+ ca.displayName = "ContainerFormSection";
3206
+ const da = H.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
3156
3207
  const r = { ...n };
3157
- return delete r.className, delete r.style, /* @__PURE__ */ c("div", { ref: a, className: "gloss-container-table", ...r, children: /* @__PURE__ */ c(ye, { region: "table", density: e, children: t }) });
3208
+ return delete r.className, delete r.style, /* @__PURE__ */ d("div", { ref: a, className: "gloss-container-table", ...r, children: /* @__PURE__ */ d(we, { region: "table", density: e, children: t }) });
3158
3209
  });
3159
3210
  da.displayName = "ContainerTable";
3160
3211
  export {
3161
- Dn as Accordion,
3162
- Cn as AccordionContent,
3163
- Nn as AccordionItem,
3164
- _n as AccordionTrigger,
3165
- kn as ActionStrip,
3166
- Sn as Actionable,
3167
- xn as AddressGroup,
3168
- Tn as AddressSelect,
3169
- In as AsyncLoader,
3170
- Rn as Autocomplete,
3171
- Mn as Badge,
3172
- Fn as BarChartCard,
3173
- Pn as BarsBg,
3174
- bn as BottomToolbar,
3175
- En as Button,
3176
- On as ButtonGroup,
3177
- An as ButtonGroupContext,
3178
- Ln as Card,
3179
- $n as CardActions,
3180
- Bn as CardBack,
3181
- Kn as CardBody,
3182
- zn as CardFooter,
3183
- Wn as CardHeader,
3184
- Gn as CardMedia,
3185
- Hn as CardShell,
3186
- Vn as CardSubtitle,
3187
- Un as CardTitle,
3188
- Zn as ChartControlBar,
3189
- jn as Checkbox,
3190
- Yn as CheckboxGroup,
3191
- qn as Chip,
3192
- Qn as ColorPicker,
3193
- Xn as ComparisonCard,
3194
- Jn as ContactForm,
3195
- er as ContainerCard,
3196
- tr as ContainerCardActions,
3197
- ar as ContainerCardBody,
3198
- nr as ContainerCardFooter,
3199
- rr as ContainerCardHeader,
3200
- sr as ContainerCardMedia,
3201
- or as ContainerCardSubtitle,
3202
- ir as ContainerCardTitle,
3203
- lr as ContainerDialog,
3204
- dr as ContainerDialogActions,
3205
- cr as ContainerDialogBody,
3206
- ur as ContainerDialogHeader,
3207
- la as ContainerFormSection,
3208
- mr as ContainerPanel,
3212
+ Rn as Accordion,
3213
+ In as AccordionContent,
3214
+ Pn as AccordionItem,
3215
+ Fn as AccordionTrigger,
3216
+ En as ActionStrip,
3217
+ On as Actionable,
3218
+ An as AddressGroup,
3219
+ Ln as AddressSelect,
3220
+ $n as AsyncLoader,
3221
+ Bn as Autocomplete,
3222
+ zn as Badge,
3223
+ Kn as BarChartCard,
3224
+ Wn as BarsBg,
3225
+ xn as BottomToolbar,
3226
+ Gn as Button,
3227
+ Hn as ButtonGroup,
3228
+ Vn as ButtonGroupContext,
3229
+ jn as Card,
3230
+ Un as CardActions,
3231
+ Zn as CardBack,
3232
+ Yn as CardBody,
3233
+ qn as CardFooter,
3234
+ Qn as CardHeader,
3235
+ Xn as CardMedia,
3236
+ Jn as CardShell,
3237
+ er as CardSubtitle,
3238
+ tr as CardTitle,
3239
+ ar as ChartControlBar,
3240
+ nr as Checkbox,
3241
+ rr as CheckboxGroup,
3242
+ sr as Chip,
3243
+ or as ColorPicker,
3244
+ ir as ComparisonCard,
3245
+ lr as ContactForm,
3246
+ cr as ContainerCard,
3247
+ dr as ContainerCardActions,
3248
+ ur as ContainerCardBody,
3249
+ mr as ContainerCardFooter,
3250
+ pr as ContainerCardHeader,
3251
+ gr as ContainerCardMedia,
3252
+ fr as ContainerCardSubtitle,
3253
+ hr as ContainerCardTitle,
3254
+ br as ContainerDialog,
3255
+ vr as ContainerDialogActions,
3256
+ yr as ContainerDialogBody,
3257
+ wr as ContainerDialogHeader,
3258
+ ca as ContainerFormSection,
3259
+ Dr as ContainerPanel,
3209
3260
  da as ContainerTable,
3210
- ia as ContainerToolbar,
3211
- pr as CreditCardForm,
3212
- gr as DEFAULT_FOOTER_IDS,
3213
- Y as DEFAULT_GRID_INTERACTION_PHYSICS,
3214
- Wo as DEFAULT_MARKET_PRESETS,
3215
- fr as DEFAULT_OVERFLOW_IDS,
3216
- Go as DEFAULT_PINNED,
3261
+ la as ContainerToolbar,
3262
+ Nr as CreditCardForm,
3263
+ Cr as DEFAULT_FOOTER_IDS,
3264
+ ee as DEFAULT_GRID_INTERACTION_PHYSICS,
3265
+ Qo as DEFAULT_MARKET_PRESETS,
3266
+ kr as DEFAULT_OVERFLOW_IDS,
3267
+ Xo as DEFAULT_PINNED,
3217
3268
  Ie as DEFAULT_RESIZE_PHYSICS,
3218
- hr as DataTable,
3219
- br as DatePicker,
3220
- vr as DateRangePicker,
3221
- yr as DestructiveModal,
3222
- Gt as DevTuningPanel,
3223
- wr as DirectionCard,
3224
- Dr as Dismissible,
3225
- Cr as DistributionCard,
3226
- Nr as DonutChart,
3227
- pn as DropAnchorCell,
3228
- _r as Dropdown,
3229
- kr as ENTITY_FILTER_KEYS,
3230
- Sr as ENTITY_PROFILE_ROUTES,
3231
- xr as ENTITY_TYPE_PLURAL,
3232
- pt as EdgeHoverHandle,
3233
- hn as EmptyCellPackAffordance,
3234
- Tr as EntityPicker,
3235
- Ir as EntitySearchPanel,
3236
- Rr as Expandable,
3237
- Mr as ExpandableChip,
3238
- Fr as FLIP_AND_STAGE_TIMINGS,
3239
- Pr as FileUpload,
3240
- Er as FilterChip,
3241
- Or as FilterInput,
3242
- Ar as FlipAndStageProvider,
3243
- Lr as Form,
3244
- $r as FormDialog,
3245
- Br as FormField,
3246
- Kr as FusedShape,
3247
- gt as GhostPreview,
3248
- zr as GroupCheckbox,
3249
- Wr as GroupRadio,
3250
- Gr as HighlightCard,
3251
- Hr as HybridDatePicker,
3252
- Vr as ImportWizard,
3269
+ _r as DataTable,
3270
+ xr as DatePicker,
3271
+ Sr as DateRangePicker,
3272
+ Mr as DestructiveModal,
3273
+ Ht as DevTuningPanel,
3274
+ Tr as DirectionCard,
3275
+ Rr as Dismissible,
3276
+ Ir as DistributionCard,
3277
+ Pr as DonutChart,
3278
+ gn as DropAnchorCell,
3279
+ Fr as Dropdown,
3280
+ Er as ENTITY_FILTER_KEYS,
3281
+ Or as ENTITY_PROFILE_ROUTES,
3282
+ Ar as ENTITY_TYPE_PLURAL,
3283
+ gt as EdgeHoverHandle,
3284
+ bn as EmptyCellPackAffordance,
3285
+ Lr as EntityPicker,
3286
+ $r as EntitySearchPanel,
3287
+ Br as Expandable,
3288
+ zr as ExpandableChip,
3289
+ Kr as FLIP_AND_STAGE_TIMINGS,
3290
+ Wr as FileUpload,
3291
+ Gr as FilterChip,
3292
+ Hr as FilterInput,
3293
+ Vr as FlipAndStageProvider,
3294
+ jr as Form,
3295
+ Ur as FormDialog,
3296
+ Zr as FormField,
3297
+ Yr as FusedShape,
3298
+ ft as GhostPreview,
3299
+ qr as GroupCheckbox,
3300
+ Qr as GroupRadio,
3301
+ Cn as HARD_CLIP,
3302
+ Xr as HighlightCard,
3303
+ Jr as HybridDatePicker,
3304
+ es as ImportWizard,
3253
3305
  Ut as InlineNudge,
3254
- Ur as Input,
3255
- Zr as InputAddon,
3256
- jr as InputGroup,
3257
- Yr as Link,
3258
- qr as LoginForm,
3259
- Qr as MarketPresetRow,
3260
- Xr as MaskPresets,
3261
- Jr as MaskedInput,
3262
- es as Menu,
3263
- ts as MenuDivider,
3264
- as as MenuGroup,
3265
- ns as MenuItem,
3266
- rs as MergePrompt,
3267
- ss as MetricCard,
3268
- os as MetricCardGrid,
3269
- Et as MetricGroupContainer,
3270
- is as MiniCalendar,
3271
- ls as MultiSelect,
3272
- ds as NumberInput,
3273
- cs as ObjectArrow,
3274
- us as OrderFilterBar,
3275
- Ho as PERIOD_OPTIONS,
3306
+ ts as Input,
3307
+ as as InputAddon,
3308
+ ns as InputGroup,
3309
+ rs as Link,
3310
+ ss as LoginForm,
3311
+ os as MarketPresetRow,
3312
+ is as MaskPresets,
3313
+ ls as MaskedInput,
3314
+ cs as Menu,
3315
+ ds as MenuDivider,
3316
+ us as MenuGroup,
3317
+ ms as MenuItem,
3318
+ ps as MergePrompt,
3319
+ gs as MetricCard,
3320
+ fs as MetricCardGrid,
3321
+ Ot as MetricGroupContainer,
3322
+ hs as MiniCalendar,
3323
+ bs as MultiSelect,
3324
+ vs as NumberInput,
3325
+ ys as ObjectArrow,
3326
+ ws as OrderFilterBar,
3327
+ Jo as PERIOD_OPTIONS,
3276
3328
  Ct as PageChip,
3277
- Re as PageDropdown,
3278
- ms as PasswordInput,
3279
- ps as PaymentForm,
3280
- gs as PaymentMethodSelect,
3281
- fs as PhoneInput,
3282
- hs as PinToMetric,
3283
- Xt as PresetSwatchRow,
3284
- bs as ProfileCard,
3285
- vs as ProgressCard,
3286
- ys as QuickConfigPanel,
3287
- It as RECONFIG_BACKSIDE_LABELS,
3288
- Vo as ROLLING_OPTIONS,
3289
- ws as Radio,
3290
- Ds as RadioGroup,
3291
- Cs as RangeSlider,
3292
- Ns as Rating,
3329
+ Pe as PageDropdown,
3330
+ Ds as PasswordInput,
3331
+ Ns as PaymentForm,
3332
+ Cs as PaymentMethodSelect,
3333
+ ks as PhoneInput,
3334
+ _s as PinToMetric,
3335
+ Jt as PresetSwatchRow,
3336
+ xs as ProfileCard,
3337
+ Ss as ProgressCard,
3338
+ Ms as QuickConfigPanel,
3339
+ Rt as RECONFIG_BACKSIDE_LABELS,
3340
+ ei as ROLLING_OPTIONS,
3341
+ Ts as Radio,
3342
+ Rs as RadioGroup,
3343
+ Is as RangeSlider,
3344
+ Ps as Rating,
3293
3345
  Ft as ReconfigBacksideButtons,
3294
- _s as RegistrationForm,
3295
- mn as ResizeEnvelope,
3296
- ks as Row1Controls,
3297
- Ss as Row2FilterTray,
3298
- xs as SearchInput,
3299
- fn as SectionDivider,
3300
- vn as SectionDots,
3301
- Ts as SegmentCard,
3302
- Is as SegmentedControl,
3303
- Rs as Select,
3304
- Ms as Selectable,
3305
- Fs as SimpleMetricCard,
3306
- Ps as SimpleSelector,
3307
- Es as Skeleton,
3308
- Os as SkeletonCard,
3309
- As as SkeletonChart,
3310
- Ls as SkeletonTable,
3311
- $s as Slider,
3312
- Bs as Sortable,
3313
- oa as SortableZones,
3314
- Ks as SparklineBg,
3315
- gn as SpilloverArc,
3316
- zs as SplitButton,
3317
- Ws as StackedGroupCard,
3318
- Gs as StatusModeCard,
3319
- mt as StatusSlotChipMenu,
3320
- Hs as Stepper,
3321
- Uo as TODAY_PRESET,
3322
- j as TUNING_DEFAULTS,
3323
- Ee as TUNING_STORAGE_KEY,
3324
- Vs as TabGroup,
3325
- Us as TabbedDataView,
3326
- Zs as TagInput,
3327
- js as Textarea,
3328
- Yt as ThresholdRamp,
3329
- Ys as TimeFrame,
3330
- qs as TimePicker,
3331
- Qs as Toggle,
3332
- Xs as Tooltip,
3333
- Js as Transition,
3334
- eo as TransitionGroup,
3335
- to as TrendCard,
3336
- ao as TrendIndicator,
3337
- Bo as UIContext,
3338
- ye as UIContextProvider,
3339
- no as UnifiedBreakdownTable,
3340
- ro as UnifiedContextMenu,
3341
- ft as VelocityBuffer,
3342
- so as addressGroupMetadata,
3343
- oo as addressSchema,
3344
- Na as allChips,
3345
- Aa as allStateFixtures,
3346
- Oa as allVariantFixtures,
3347
- xa as blockSamples,
3348
- io as buildDefaultOverflow,
3346
+ Fs as RegistrationForm,
3347
+ pn as ResizeEnvelope,
3348
+ Es as Row1Controls,
3349
+ Os as Row2FilterTray,
3350
+ As as SearchInput,
3351
+ hn as SectionDivider,
3352
+ Sn as SectionDots,
3353
+ Ls as SegmentCard,
3354
+ $s as SegmentedControl,
3355
+ Bs as Select,
3356
+ zs as Selectable,
3357
+ Ks as SimpleMetricCard,
3358
+ Ws as SimpleSelector,
3359
+ Gs as Skeleton,
3360
+ Hs as SkeletonCard,
3361
+ Vs as SkeletonChart,
3362
+ js as SkeletonTable,
3363
+ Us as Slider,
3364
+ Zs as Sortable,
3365
+ ia as SortableZones,
3366
+ Ys as SparklineBg,
3367
+ fn as SpilloverArc,
3368
+ qs as SplitButton,
3369
+ Qs as StackedGroupCard,
3370
+ Xs as StatusModeCard,
3371
+ pt as StatusSlotChipMenu,
3372
+ Js as Stepper,
3373
+ ti as TODAY_PRESET,
3374
+ J as TUNING_DEFAULTS,
3375
+ Ae as TUNING_STORAGE_KEY,
3376
+ eo as TabGroup,
3377
+ to as TabbedDataView,
3378
+ ao as TagInput,
3379
+ no as Textarea,
3380
+ qt as ThresholdRamp,
3381
+ ro as TimeFrame,
3382
+ so as TimePicker,
3383
+ oo as Toggle,
3384
+ io as Tooltip,
3385
+ lo as Transition,
3386
+ co as TransitionGroup,
3387
+ uo as TrendCard,
3388
+ mo as TrendIndicator,
3389
+ Zo as UIContext,
3390
+ we as UIContextProvider,
3391
+ po as UnifiedBreakdownTable,
3392
+ go as UnifiedContextMenu,
3393
+ ht as VelocityBuffer,
3394
+ fo as addressGroupMetadata,
3395
+ ho as addressSchema,
3396
+ ka as allChips,
3397
+ La as allStateFixtures,
3398
+ Aa as allVariantFixtures,
3399
+ Ma as blockSamples,
3400
+ bo as buildDefaultOverflow,
3349
3401
  Fa as cardSamples,
3350
- Ra as chartSamples,
3351
- Ia as circleSamples,
3352
- rn as compactLayout,
3402
+ vn as cascadePhysics,
3403
+ Ia as chartSamples,
3404
+ Ra as circleSamples,
3405
+ kn as colorTokens,
3406
+ sn as compactLayout,
3353
3407
  Za as compactState,
3354
- Ea as computeGutterAnchorX,
3355
- lo as contactFormMetadata,
3356
- co as contactSchema,
3357
- ja as contextMenuFixtures,
3358
- uo as creditCardFormMetadata,
3359
- mo as creditCardSchema,
3360
- lt as dateChip,
3361
- Pe as defaultControlBarState,
3362
- po as destructiveModalMetadata,
3363
- go as durations,
3364
- fo as easings,
3365
- vt as emptyFixture,
3366
- ot as entityChip,
3408
+ Oa as computeGutterAnchorX,
3409
+ vo as contactFormMetadata,
3410
+ yo as contactSchema,
3411
+ Ya as contextMenuFixtures,
3412
+ wo as creditCardFormMetadata,
3413
+ Do as creditCardSchema,
3414
+ ct as dateChip,
3415
+ Oe as defaultControlBarState,
3416
+ No as destructiveModalMetadata,
3417
+ Co as durations,
3418
+ ko as easings,
3419
+ yt as emptyFixture,
3420
+ it as entityChip,
3367
3421
  St as entityNameActions,
3368
- ka as entityTabGroup,
3369
- bt as errorFixture,
3422
+ xa as entityTabGroup,
3423
+ vt as errorFixture,
3370
3424
  Ua as filteredState,
3371
- Zo as findPreset,
3372
- jo as formatDateRange,
3373
- Yo as formatMarketDates,
3374
- qo as formatTrend,
3375
- Qo as formatValue,
3376
- on as fullLayout,
3377
- Xo as generateMarketId,
3378
- ho as generateTabId,
3379
- Jo as getAllPresets,
3380
- ei as getDateRangeForPreset,
3381
- bo as getMenuActions,
3382
- ti as getPresetLabel,
3383
- vo as getTransitionStyle,
3384
- nn as gridCards,
3385
- yo as interpolate,
3386
- ai as isInRange,
3387
- ni as isMarketActive,
3388
- ri as isSameDay,
3389
- Va as itemColumns,
3390
- Ga as itemRows,
3391
- ht as loadingFixture,
3392
- wo as loginFormMetadata,
3393
- Do as loginSchema,
3425
+ ai as findPreset,
3426
+ ni as formatDateRange,
3427
+ ri as formatMarketDates,
3428
+ si as formatTrend,
3429
+ oi as formatValue,
3430
+ ln as fullLayout,
3431
+ ii as generateMarketId,
3432
+ _o as generateTabId,
3433
+ li as getAllPresets,
3434
+ ci as getDateRangeForPreset,
3435
+ xo as getMenuActions,
3436
+ _n as getMotionMode,
3437
+ di as getPresetLabel,
3438
+ So as getTransitionStyle,
3439
+ rn as gridCards,
3440
+ Mo as interpolate,
3441
+ ui as isInRange,
3442
+ mi as isMarketActive,
3443
+ pi as isSameDay,
3444
+ ja as itemColumns,
3445
+ Ha as itemRows,
3446
+ bt as loadingFixture,
3447
+ To as loginFormMetadata,
3448
+ Ro as loginSchema,
3394
3449
  dt as manufacturerChip,
3395
- un as manyTabs,
3396
- Co as mergeHandlers,
3397
- No as mergeRefs,
3450
+ mn as manyTabs,
3451
+ Io as mergeHandlers,
3452
+ Po as mergeRefs,
3398
3453
  _a as metricTabGroup,
3399
3454
  dn as mixedTabs,
3400
- si as normalizePresetId,
3455
+ gi as normalizePresetId,
3401
3456
  Tt as numericActions,
3402
- Ha as orderColumns,
3403
- xt as orderIdActions,
3404
- Wa as orderRows,
3405
- ln as ordersTabs,
3406
- _o as parseNumericValue,
3407
- ko as paymentFormMetadata,
3408
- So as paymentSchema,
3409
- xo as presets,
3410
- To as registrationFormMetadata,
3411
- Io as registrationSchema,
3412
- qa as sampleCompareRanges,
3413
- Ja as sampleCustomMarkets,
3414
- Ya as sampleDateRange,
3415
- en as sampleMarketPresetData,
3416
- Xa as sampleMarkets,
3417
- an as samplePeriodPresets,
3418
- Qa as samplePreferences,
3419
- tn as samplePresets,
3420
- cn as singleTab,
3421
- La as sparklineFixture,
3422
- $a as sparklineUpFixture,
3423
- Dt as staleDonutFixture,
3424
- yt as staleFixture,
3425
- wt as staleSparklineFixture,
3426
- Ba as standardFixture,
3427
- za as standardFlatFixture,
3428
- sn as standardLayout,
3457
+ Va as orderColumns,
3458
+ Mt as orderIdActions,
3459
+ Ga as orderRows,
3460
+ cn as ordersTabs,
3461
+ Fo as parseNumericValue,
3462
+ Eo as paymentFormMetadata,
3463
+ Oo as paymentSchema,
3464
+ Ao as presets,
3465
+ Dn as provisional,
3466
+ Nn as reducedMotion,
3467
+ Lo as registrationFormMetadata,
3468
+ $o as registrationSchema,
3469
+ wn as rejectionFeedback,
3470
+ Qa as sampleCompareRanges,
3471
+ en as sampleCustomMarkets,
3472
+ qa as sampleDateRange,
3473
+ tn as sampleMarketPresetData,
3474
+ Ja as sampleMarkets,
3475
+ nn as samplePeriodPresets,
3476
+ Xa as samplePreferences,
3477
+ an as samplePresets,
3478
+ un as singleTab,
3479
+ $a as sparklineFixture,
3480
+ Ba as sparklineUpFixture,
3481
+ Nt as staleDonutFixture,
3482
+ wt as staleFixture,
3483
+ Dt as staleSparklineFixture,
3484
+ za as standardFixture,
3485
+ Wa as standardFlatFixture,
3486
+ on as standardLayout,
3429
3487
  Ka as standardNegativeFixture,
3430
- it as statusChip,
3431
- Ma as tableSamples,
3488
+ lt as statusChip,
3489
+ yn as swingReveal,
3490
+ Pa as tableSamples,
3432
3491
  Ta as textSamples,
3433
3492
  Sa as timeFrameTabGroup,
3434
- oi as toUppercasePresetId,
3493
+ fi as toUppercasePresetId,
3435
3494
  Ca as useArrowNavigation,
3436
- Ro as useCheckboxGroupContext,
3437
- Pa as useEdgeHoverResize,
3438
- Mo as useFilterLayout,
3439
- Fo as useFlipAndStage,
3440
- Po as useFlipAndStageContext,
3441
- Eo as useFlipAndStageContextOptional,
3442
- Da as useFocusReturn,
3443
- Oo as useFocusTrap,
3444
- Ao as useFormContext,
3445
- Lo as useRadioGroupContext,
3446
- Lt as useResizeTuning,
3447
- ta as useSortableZones,
3448
- Ko as useUIContext
3495
+ Bo as useCheckboxGroupContext,
3496
+ Ea as useEdgeHoverResize,
3497
+ zo as useFilterLayout,
3498
+ Ko as useFlipAndStage,
3499
+ Wo as useFlipAndStageContext,
3500
+ Go as useFlipAndStageContextOptional,
3501
+ Na as useFocusReturn,
3502
+ Ho as useFocusTrap,
3503
+ Vo as useFormContext,
3504
+ jo as useRadioGroupContext,
3505
+ $t as useResizeTuning,
3506
+ aa as useSortableZones,
3507
+ Yo as useUIContext
3449
3508
  };