@mt-gloss/ui 0.0.19 → 0.0.21

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,154 +1,154 @@
1
- import { N as Xt, T as Jt, O as ea, Q as ta, b2 as aa, av as ra, ad as na, Z as oa, aj as sa, K as ia, a4 as la, bl as da, P as ca, B as ua, a as ma, y as ga, H as pa, be as ba, F as ha, J as fa, A as va, z as Ca, bd as ya, E as Da, D as wa, bt as Na, b as Sa, C as Ta, L as xa, o as ka, a9 as Ia, aJ as Pa, y as _a, H as Ma, F as Ra, J as Fa, A as Oa, z as Aa, E as Ea, D as La, aX as Ba, a_ as Ga, aZ as $a, aY as Ha, a$ as za, ay as Ka, am as Wa, k as Za, m as Ya, aB as qa, a7 as Va, b4 as Ua, a5 as ja, bm as Qa, Y as Xa, bD as Ja, bC as er, bE as tr, al as ar, aM as rr, b6 as nr, bI as or, n as sr, ai as ir, bx as lr, bp as dr, a0 as cr, an as ur, a2 as mr, bw as gr, G as pr, d as br, bg as hr, a6 as fr, bF as vr, aP as Cr, r as yr, v as Dr, I as wr, g as Nr, as as Sr, bJ as Tr, M as xr, w as kr, U as Ir, X as Pr, V as _r, W as Mr, ao as Rr, bc as Fr, bL as Or, bH as Ar, ak as Er, t as Lr, bn as Br, aO as Gr, af as $r, aG as Hr, ac as zr, ah as Kr, aq as Wr, aN as Zr, a8 as Yr, ap as qr, c as Vr, R as Ur, j as jr, p as Qr, aD as Xr, bu as Jr, bv as en, ae as tn, aa as an, h as rn, x as nn, b3 as on, ab as sn, bK as ln, b8 as dn, bb as cn, b9 as un, ba as mn, i as gn, b5 as pn, bk as bn, S as hn, bh as fn, bi as vn, ar as Cn, b7 as yn, bM as Dn, ag as wn, s as Nn, bG as Sn, l as Tn, f as xn, q as kn, _ as In, $ as Pn, a3 as _n, bf as Mn, bs as Rn, bz as Fn, aw as On, ax as An, aK as En, aL as Ln, az as Bn, aA as Gn, aC as $n, aR as Hn, aS as zn, bB as Kn, bA as Wn, aU as Zn, aV as Yn, at as qn, au as Vn, b1 as Un, b0 as jn, aW as Qn, aH as Xn, aI as Jn, aT as eo, aE as to, aF as ao, u as ro, by as no, bo as oo, bq as so, br as io, aQ as lo, a1 as co, e as uo, bj as mo } from "./Expandable-B7Umnd4T.js";
2
- import { jsxs as R, jsx as u } from "react/jsx-runtime";
3
- import P, { useRef as F, useEffect as A, useState as M, useCallback as v, forwardRef as ge, useMemo as pe, createContext as be, useContext as he } from "react";
4
- import { B as fe, U as j } from "./UIContext-C3E-k7HI.js";
5
- import { a as po, u as bo } from "./UIContext-C3E-k7HI.js";
6
- import { createPortal as ve } from "react-dom";
7
- import { DEFAULT_MARKET_PRESETS as fo, DEFAULT_PINNED as vo, PERIOD_OPTIONS as Co, ROLLING_OPTIONS as yo, TODAY_PRESET as Do, findPreset as wo, formatDateRange as No, formatMarketDates as So, formatTrend as To, formatValue as xo, generateMarketId as ko, getAllPresets as Io, getDateRangeForPreset as Po, getPresetLabel as _o, isInRange as Mo, isMarketActive as Ro, isSameDay as Fo, normalizePresetId as Oo, toUppercasePresetId as Ao } from "@mt-gloss/utils";
8
- function st(e = {}) {
9
- const { enabled: t = !0, returnTo: r } = e, a = F(null);
10
- return A(() => {
11
- t && (a.current = r || document.activeElement);
12
- }, [t, r]), A(() => () => {
1
+ import { N as oa, T as sa, O as ia, Q as la, b2 as da, av as ca, ad as ua, Z as ma, aj as pa, K as ga, a4 as ba, bl as fa, P as ha, B as va, a as ya, y as Ca, H as wa, be as Da, F as Na, J as Sa, A as ka, z as xa, bd as Ta, E as Ia, D as Ra, bu as _a, b as Ma, C as Pa, L as Fa, o as Ea, a9 as Oa, aJ as Aa, y as La, H as $a, F as Ba, J as Ka, A as Ga, z as Ha, E as za, D as Va, aX as Za, a_ as Wa, aZ as Ya, aY as qa, a$ as Ua, ay as ja, am as Qa, k as Xa, m as Ja, aB as er, a7 as tr, b4 as ar, a5 as rr, bm as nr, Y as or, bE as sr, bD as ir, bF as lr, al as dr, aM as cr, b6 as ur, bJ as mr, bs as pr, n as gr, ai as br, by as fr, bp as hr, a0 as vr, an as yr, a2 as Cr, bx as wr, G as Dr, d as Nr, bg as Sr, a6 as kr, bG as xr, aP as Tr, r as Ir, v as Rr, I as _r, g as Mr, as as Pr, bK as Fr, M as Er, w as Or, U as Ar, X as Lr, V as $r, W as Br, ao as Kr, bc as Gr, bM as Hr, bI as zr, ak as Vr, t as Zr, bn as Wr, aO as Yr, af as qr, aG as Ur, ac as jr, ah as Qr, aq as Xr, aN as Jr, a8 as en, ap as tn, c as an, R as rn, j as nn, p as on, aD as sn, bv as ln, bw as dn, ae as cn, aa as un, h as mn, x as pn, b3 as gn, ab as bn, bL as fn, b8 as hn, bb as vn, b9 as yn, ba as Cn, i as wn, b5 as Dn, bk as Nn, S as Sn, bh as kn, bi as xn, ar as Tn, b7 as In, bN as Rn, ag as _n, s as Mn, bH as Pn, l as Fn, f as En, q as On, _ as An, $ as Ln, a3 as $n, bf as Bn, bt as Kn, bA as Gn, aw as Hn, ax as zn, aK as Vn, aL as Zn, az as Wn, aA as Yn, aC as qn, aR as Un, aS as jn, bC as Qn, bB as Xn, aU as Jn, aV as eo, at as to, au as ao, b1 as ro, b0 as no, aW as oo, aH as so, aI as io, aT as lo, aE as co, aF as uo, u as mo, bz as po, bo as go, bq as bo, br as fo, aQ as ho, a1 as vo, e as yo, bj as Co } from "./Expandable-yVIypRqF.js";
2
+ import { jsxs as A, jsx as g } from "react/jsx-runtime";
3
+ import F, { useRef as M, useEffect as P, useState as O, useCallback as y, forwardRef as he, useMemo as ie, createContext as ve, useContext as ye } from "react";
4
+ import { B as Ce, U as ee } from "./UIContext-C3E-k7HI.js";
5
+ import { a as Do, u as No } from "./UIContext-C3E-k7HI.js";
6
+ import { createPortal as we } from "react-dom";
7
+ import { DEFAULT_MARKET_PRESETS as ko, DEFAULT_PINNED as xo, PERIOD_OPTIONS as To, ROLLING_OPTIONS as Io, TODAY_PRESET as Ro, findPreset as _o, formatDateRange as Mo, formatMarketDates as Po, formatTrend as Fo, formatValue as Eo, generateMarketId as Oo, getAllPresets as Ao, getDateRangeForPreset as Lo, getPresetLabel as $o, isInRange as Bo, isMarketActive as Ko, isSameDay as Go, normalizePresetId as Ho, toUppercasePresetId as zo } from "@mt-gloss/utils";
8
+ function gt(e = {}) {
9
+ const { enabled: t = !0, returnTo: n } = e, a = M(null);
10
+ return P(() => {
11
+ t && (a.current = n || document.activeElement);
12
+ }, [t, n]), P(() => () => {
13
13
  t && a.current && setTimeout(() => {
14
14
  a.current?.focus?.();
15
15
  }, 0);
16
16
  }, [t]), a;
17
17
  }
18
- function it(e) {
18
+ function bt(e) {
19
19
  const {
20
20
  items: t,
21
- activeIndex: r,
21
+ activeIndex: n,
22
22
  onActiveIndexChange: a,
23
- loop: n = !0,
24
- orientation: o = "vertical",
25
- enabled: s = !0,
26
- isItemDisabled: d,
27
- onSelect: m,
28
- onEscape: g
29
- } = e, [y, w] = M(-1), l = r !== void 0 ? r : y, i = v(
30
- (c) => {
31
- r === void 0 && w(c), a?.(c);
23
+ loop: o = !0,
24
+ orientation: s = "vertical",
25
+ enabled: i = !0,
26
+ isItemDisabled: l,
27
+ onSelect: f,
28
+ onEscape: d
29
+ } = e, [D, N] = O(-1), u = n !== void 0 ? n : D, m = y(
30
+ (r) => {
31
+ n === void 0 && N(r), a?.(r);
32
32
  },
33
- [r, a]
34
- ), f = v(() => t.map((c, D) => ({ item: c, index: D })).filter(({ item: c, index: D }) => !d?.(c, D)).map(({ index: c }) => c), [t, d]), N = v(
35
- (c, D) => {
36
- const h = f();
37
- if (h.length === 0) return -1;
38
- const I = h.indexOf(c);
39
- if (I === -1)
40
- return D === 1 ? h.find((E) => E > c) ?? (n ? h[0] : -1) : [...h].reverse().find((G) => G < c) ?? (n ? h[h.length - 1] : -1);
41
- let x = I + D;
42
- return n ? x = (x + h.length) % h.length : x = Math.max(0, Math.min(h.length - 1, x)), h[x];
33
+ [n, a]
34
+ ), S = y(() => t.map((r, c) => ({ item: r, index: c })).filter(({ item: r, index: c }) => !l?.(r, c)).map(({ index: r }) => r), [t, l]), R = y(
35
+ (r, c) => {
36
+ const b = S();
37
+ if (b.length === 0) return -1;
38
+ const C = b.indexOf(r);
39
+ if (C === -1)
40
+ return c === 1 ? b.find((I) => I > r) ?? (o ? b[0] : -1) : [...b].reverse().find((_) => _ < r) ?? (o ? b[b.length - 1] : -1);
41
+ let w = C + c;
42
+ return o ? w = (w + b.length) % b.length : w = Math.max(0, Math.min(b.length - 1, w)), b[w];
43
43
  },
44
- [f, n]
45
- ), k = v(() => {
46
- const c = f();
47
- c.length > 0 && i(c[0]);
48
- }, [f, i]), b = v(() => {
49
- const c = f();
50
- c.length > 0 && i(c[c.length - 1]);
51
- }, [f, i]), S = v(() => {
52
- const c = N(l, 1);
53
- c !== -1 && i(c);
54
- }, [l, N, i]), T = v(() => {
55
- const c = N(l, -1);
56
- c !== -1 && i(c);
57
- }, [l, N, i]), C = v(() => {
58
- i(-1);
59
- }, [i]), p = v(
60
- (c) => {
61
- if (!s) return;
62
- const { key: D } = c, h = D === "ArrowUp" && (o === "vertical" || o === "both"), I = D === "ArrowDown" && (o === "vertical" || o === "both"), x = D === "ArrowLeft" && (o === "horizontal" || o === "both"), E = D === "ArrowRight" && (o === "horizontal" || o === "both");
63
- if (h || x) {
64
- c.preventDefault(), l === -1 ? b() : T();
44
+ [S, o]
45
+ ), p = y(() => {
46
+ const r = S();
47
+ r.length > 0 && m(r[0]);
48
+ }, [S, m]), x = y(() => {
49
+ const r = S();
50
+ r.length > 0 && m(r[r.length - 1]);
51
+ }, [S, m]), T = y(() => {
52
+ const r = R(u, 1);
53
+ r !== -1 && m(r);
54
+ }, [u, R, m]), v = y(() => {
55
+ const r = R(u, -1);
56
+ r !== -1 && m(r);
57
+ }, [u, R, m]), k = y(() => {
58
+ m(-1);
59
+ }, [m]), h = y(
60
+ (r) => {
61
+ if (!i) return;
62
+ const { key: c } = r, b = c === "ArrowUp" && (s === "vertical" || s === "both"), C = c === "ArrowDown" && (s === "vertical" || s === "both"), w = c === "ArrowLeft" && (s === "horizontal" || s === "both"), I = c === "ArrowRight" && (s === "horizontal" || s === "both");
63
+ if (b || w) {
64
+ r.preventDefault(), u === -1 ? x() : v();
65
65
  return;
66
66
  }
67
- if (I || E) {
68
- c.preventDefault(), l === -1 ? k() : S();
67
+ if (C || I) {
68
+ r.preventDefault(), u === -1 ? p() : T();
69
69
  return;
70
70
  }
71
- if (D === "Home") {
72
- c.preventDefault(), k();
71
+ if (c === "Home") {
72
+ r.preventDefault(), p();
73
73
  return;
74
74
  }
75
- if (D === "End") {
76
- c.preventDefault(), b();
75
+ if (c === "End") {
76
+ r.preventDefault(), x();
77
77
  return;
78
78
  }
79
- if ((D === "Enter" || D === " ") && l >= 0 && l < t.length) {
80
- c.preventDefault();
81
- const G = t[l];
82
- d?.(G, l) || m?.(G, l);
79
+ if ((c === "Enter" || c === " ") && u >= 0 && u < t.length) {
80
+ r.preventDefault();
81
+ const _ = t[u];
82
+ l?.(_, u) || f?.(_, u);
83
83
  return;
84
84
  }
85
- if (D === "Escape") {
86
- g?.();
85
+ if (c === "Escape") {
86
+ d?.();
87
87
  return;
88
88
  }
89
89
  },
90
90
  [
91
+ i,
91
92
  s,
92
- o,
93
- l,
93
+ u,
94
94
  t,
95
- k,
96
- b,
97
- S,
95
+ p,
96
+ x,
98
97
  T,
99
- d,
100
- m,
101
- g
98
+ v,
99
+ l,
100
+ f,
101
+ d
102
102
  ]
103
103
  );
104
104
  return {
105
- focusedIndex: l,
106
- setFocusedIndex: i,
107
- handleKeyDown: p,
108
- focusFirst: k,
109
- focusLast: b,
110
- focusNext: S,
111
- focusPrevious: T,
112
- resetFocus: C
105
+ focusedIndex: u,
106
+ setFocusedIndex: m,
107
+ handleKeyDown: h,
108
+ focusFirst: p,
109
+ focusLast: x,
110
+ focusNext: T,
111
+ focusPrevious: v,
112
+ resetFocus: k
113
113
  };
114
114
  }
115
- const K = (e) => {
116
- }, Ce = {
115
+ const Z = (e) => {
116
+ }, De = {
117
117
  id: "entity-filter-1",
118
118
  label: "Customer: Acme Corp",
119
119
  field: "customer",
120
120
  value: "acme-corp-123",
121
- onRemove: K
122
- }, ye = {
121
+ onRemove: Z
122
+ }, Ne = {
123
123
  id: "status-filter-1",
124
124
  label: "Status: Open",
125
125
  field: "status",
126
126
  value: "open",
127
- onRemove: K
128
- }, De = {
127
+ onRemove: Z
128
+ }, Se = {
129
129
  id: "date-filter-1",
130
130
  label: "Date: Mar 1 - Mar 15",
131
131
  field: "dateRange",
132
132
  value: "2026-03-01..2026-03-15",
133
- onRemove: K
134
- }, we = {
133
+ onRemove: Z
134
+ }, ke = {
135
135
  id: "mfg-filter-1",
136
136
  label: "Manufacturer: Widget Co",
137
137
  field: "manufacturer",
138
138
  value: "widget-co-456",
139
- onRemove: K
140
- }, lt = [
141
- Ce,
142
- ye,
139
+ onRemove: Z
140
+ }, ft = [
143
141
  De,
144
- we
145
- ], dt = {
142
+ Ne,
143
+ Se,
144
+ ke
145
+ ], ht = {
146
146
  id: "metric-toggle",
147
147
  tabs: [
148
148
  { id: "$", label: "$", mono: !0 },
149
149
  { id: "#", label: "#", mono: !0 }
150
150
  ]
151
- }, ct = {
151
+ }, vt = {
152
152
  id: "entity-type",
153
153
  tabs: [
154
154
  { id: "orders", label: "Orders" },
@@ -156,7 +156,7 @@ const K = (e) => {
156
156
  { id: "customers", label: "Customers" },
157
157
  { id: "manufacturers", label: "Manufacturers" }
158
158
  ]
159
- }, ut = {
159
+ }, yt = {
160
160
  id: "time-frame",
161
161
  tabs: [
162
162
  { id: "MTD", label: "MTD" },
@@ -164,30 +164,30 @@ const K = (e) => {
164
164
  { id: "YTD", label: "YTD" },
165
165
  { id: "LYTD", label: "LYTD" }
166
166
  ]
167
- }, mt = [
167
+ }, Ct = [
168
168
  { variant: "block", width: "100%", height: 16 },
169
169
  { variant: "block", width: 200, height: 32, borderRadius: 8 },
170
170
  { variant: "block", width: "80%", height: 12, borderRadius: "4px" },
171
171
  { variant: "block", width: 120, height: 44, borderRadius: 22 }
172
- ], gt = [
172
+ ], wt = [
173
173
  { variant: "text", lines: 3, lineHeight: 14, gap: 8 },
174
174
  { variant: "text", lines: 2, lineHeight: 16, gap: 10 },
175
175
  { variant: "text", lines: 5, lineHeight: 12, gap: 6 }
176
- ], pt = [
176
+ ], Dt = [
177
177
  { variant: "circle", size: 24 },
178
178
  { variant: "circle", size: 40 },
179
179
  { variant: "circle", size: 64 }
180
- ], bt = [
180
+ ], Nt = [
181
181
  { bars: 10, maxHeight: 120 },
182
182
  { bars: 5, maxHeight: 80 }
183
- ], ht = [
183
+ ], St = [
184
184
  { rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
185
185
  { rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
186
- ], ft = [
186
+ ], kt = [
187
187
  { variant: "value", colSpan: 1 },
188
188
  { variant: "trend", colSpan: 2 },
189
189
  { variant: "target", colSpan: 1 }
190
- ], J = {
190
+ ], re = {
191
191
  position: "fixed",
192
192
  zIndex: 9999,
193
193
  background: "rgba(255,255,255,0.92)",
@@ -199,7 +199,7 @@ const K = (e) => {
199
199
  minWidth: 148,
200
200
  paddingTop: 4,
201
201
  paddingBottom: 4
202
- }, Y = (e) => ({
202
+ }, U = (e) => ({
203
203
  padding: "6px 12px",
204
204
  fontSize: 12,
205
205
  lineHeight: 1.4,
@@ -213,147 +213,147 @@ const K = (e) => {
213
213
  width: "100%",
214
214
  textAlign: "left",
215
215
  border: "none"
216
- }), Ne = (e) => ({
217
- ...Y(e),
216
+ }), xe = (e) => ({
217
+ ...U(e),
218
218
  color: e ? "#4338ca" : "#4f46e5",
219
219
  fontWeight: 600
220
- }), Se = {
220
+ }), Te = {
221
221
  height: 1,
222
222
  background: "rgba(0,0,0,0.06)",
223
223
  margin: "3px 10px"
224
224
  };
225
- function Te({
225
+ function Ie({
226
226
  open: e,
227
227
  anchorEl: t,
228
- statusId: r,
228
+ statusId: n,
229
229
  onOpenInTable: a,
230
- onShowOnGraph: n,
231
- overflowActions: o,
232
- onClose: s
230
+ onShowOnGraph: o,
231
+ overflowActions: s,
232
+ onClose: i
233
233
  }) {
234
- const [d, m] = M(null), g = F(null), y = v(() => {
235
- if (!t) return { ...J, top: 0, left: 0 };
236
- const i = t.getBoundingClientRect();
234
+ const [l, f] = O(null), d = M(null), D = y(() => {
235
+ if (!t) return { ...re, top: 0, left: 0 };
236
+ const m = t.getBoundingClientRect();
237
237
  return {
238
- ...J,
239
- top: i.bottom + 4,
240
- left: i.left
238
+ ...re,
239
+ top: m.bottom + 4,
240
+ left: m.left
241
241
  };
242
242
  }, [t]);
243
- if (A(() => {
243
+ if (P(() => {
244
244
  if (!e) return;
245
- const i = (f) => {
246
- f.key === "Escape" && s();
245
+ const m = (S) => {
246
+ S.key === "Escape" && i();
247
247
  };
248
- return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
249
- }, [e, s]), A(() => {
248
+ return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
249
+ }, [e, i]), P(() => {
250
250
  if (!e) return;
251
- const i = (f) => {
252
- g.current && !g.current.contains(f.target) && s();
251
+ const m = (S) => {
252
+ d.current && !d.current.contains(S.target) && i();
253
253
  };
254
- return document.addEventListener("pointerdown", i, !0), () => document.removeEventListener("pointerdown", i, !0);
255
- }, [e, s]), !e) return null;
256
- const w = o && o.length > 0, l = /* @__PURE__ */ R(
254
+ return document.addEventListener("pointerdown", m, !0), () => document.removeEventListener("pointerdown", m, !0);
255
+ }, [e, i]), !e) return null;
256
+ const N = s && s.length > 0, u = /* @__PURE__ */ A(
257
257
  "div",
258
258
  {
259
- ref: g,
260
- "data-status-chip-menu": r,
259
+ ref: d,
260
+ "data-status-chip-menu": n,
261
261
  role: "menu",
262
262
  "aria-label": "Status actions",
263
- style: y(),
263
+ style: D(),
264
264
  children: [
265
- /* @__PURE__ */ u(
265
+ /* @__PURE__ */ g(
266
266
  "button",
267
267
  {
268
268
  role: "menuitem",
269
- style: Ne(d === "__primary"),
270
- onMouseEnter: () => m("__primary"),
271
- onMouseLeave: () => m(null),
269
+ style: xe(l === "__primary"),
270
+ onMouseEnter: () => f("__primary"),
271
+ onMouseLeave: () => f(null),
272
272
  onClick: () => {
273
- a(r), s();
273
+ a(n), i();
274
274
  },
275
275
  children: "Open in table"
276
276
  }
277
277
  ),
278
- /* @__PURE__ */ u(
278
+ /* @__PURE__ */ g(
279
279
  "button",
280
280
  {
281
281
  role: "menuitem",
282
- style: Y(d === "__graph"),
283
- onMouseEnter: () => m("__graph"),
284
- onMouseLeave: () => m(null),
282
+ style: U(l === "__graph"),
283
+ onMouseEnter: () => f("__graph"),
284
+ onMouseLeave: () => f(null),
285
285
  onClick: () => {
286
- n(r), s();
286
+ o(n), i();
287
287
  },
288
288
  children: "Show on graph"
289
289
  }
290
290
  ),
291
- w && /* @__PURE__ */ u("div", { style: Se }),
292
- w && o?.map((i) => /* @__PURE__ */ u(
291
+ N && /* @__PURE__ */ g("div", { style: Te }),
292
+ N && s?.map((m) => /* @__PURE__ */ g(
293
293
  "button",
294
294
  {
295
295
  role: "menuitem",
296
- style: Y(d === i.id),
297
- onMouseEnter: () => m(i.id),
298
- onMouseLeave: () => m(null),
296
+ style: U(l === m.id),
297
+ onMouseEnter: () => f(m.id),
298
+ onMouseLeave: () => f(null),
299
299
  onClick: () => {
300
- i.onSelect(r), s();
300
+ m.onSelect(n), i();
301
301
  },
302
- children: i.label
302
+ children: m.label
303
303
  },
304
- i.id
304
+ m.id
305
305
  ))
306
306
  ]
307
307
  }
308
308
  );
309
- return ve(l, document.body);
309
+ return we(u, document.body);
310
310
  }
311
- Te.displayName = "StatusSlotChipMenu";
312
- const xe = ge(
313
- function({ state: t, onPointerDown: r, onPointerUp: a, onPointerEnter: n, onPointerLeave: o, edge: s = "right", ariaLabel: d = "Resize card" }, m) {
314
- const g = t === "handle-visible" || t === "dragging", y = (l) => {
311
+ Ie.displayName = "StatusSlotChipMenu";
312
+ const Re = he(
313
+ function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: o, onPointerLeave: s, edge: i = "right", ariaLabel: l = "Resize card" }, f) {
314
+ const d = t === "handle-visible" || t === "dragging", D = (u) => {
315
315
  try {
316
- l.currentTarget.setPointerCapture(l.pointerId);
316
+ u.currentTarget.setPointerCapture(u.pointerId);
317
317
  } catch {
318
318
  }
319
- r(l);
320
- }, w = (l) => {
319
+ n(u);
320
+ }, N = (u) => {
321
321
  try {
322
- l.currentTarget.hasPointerCapture?.(l.pointerId) && l.currentTarget.releasePointerCapture(l.pointerId);
322
+ u.currentTarget.hasPointerCapture?.(u.pointerId) && u.currentTarget.releasePointerCapture(u.pointerId);
323
323
  } catch {
324
324
  }
325
- a(l);
325
+ a(u);
326
326
  };
327
- return /* @__PURE__ */ u(
327
+ return /* @__PURE__ */ g(
328
328
  "button",
329
329
  {
330
- ref: m,
330
+ ref: f,
331
331
  type: "button",
332
- "aria-label": d,
333
- "data-edge": s,
332
+ "aria-label": l,
333
+ "data-edge": i,
334
334
  "data-resize-state": t,
335
335
  className: [
336
336
  "gloss-edge-handle",
337
- `gloss-edge-handle--${s}`,
338
- g ? "gloss-edge-handle--visible" : ""
337
+ `gloss-edge-handle--${i}`,
338
+ d ? "gloss-edge-handle--visible" : ""
339
339
  ].filter(Boolean).join(" "),
340
- onPointerDown: y,
341
- onPointerUp: w,
342
- onPointerEnter: n,
343
- onPointerLeave: o,
344
- tabIndex: g ? 0 : -1
340
+ onPointerDown: D,
341
+ onPointerUp: N,
342
+ onPointerEnter: o,
343
+ onPointerLeave: s,
344
+ tabIndex: d ? 0 : -1
345
345
  }
346
346
  );
347
347
  }
348
348
  );
349
- xe.displayName = "EdgeHoverHandle";
350
- function ke({
349
+ Re.displayName = "EdgeHoverHandle";
350
+ function _e({
351
351
  visible: e,
352
352
  targetColSpan: t,
353
- enterMs: r = 180,
353
+ enterMs: n = 180,
354
354
  exitMs: a = 120
355
355
  }) {
356
- return /* @__PURE__ */ u(
356
+ return /* @__PURE__ */ g(
357
357
  "div",
358
358
  {
359
359
  "aria-hidden": "true",
@@ -363,100 +363,91 @@ function ke({
363
363
  "gloss-ghost-preview",
364
364
  e ? "gloss-ghost-preview--visible" : ""
365
365
  ].filter(Boolean).join(" "),
366
- style: { transitionDuration: `${e ? r : a}ms` }
366
+ style: { transitionDuration: `${e ? n : a}ms` }
367
367
  }
368
368
  );
369
369
  }
370
- ke.displayName = "GhostPreview";
371
- function vt({
370
+ _e.displayName = "GhostPreview";
371
+ function xt({
372
372
  currentColSpan: e,
373
373
  stackable: t,
374
- onResize: r,
374
+ onResize: n,
375
375
  onCancel: a,
376
- dwellMs: n = 120,
377
- enterMs: o = 180,
378
- exitMs: s = 120
376
+ dwellMs: o = 120,
377
+ enterMs: s = 180,
378
+ exitMs: i = 120
379
379
  }) {
380
- const [d, m] = M("idle"), [g, y] = M(e), w = F(null), l = F(null), i = F("idle");
381
- A(() => {
382
- i.current = d;
383
- }, [d]);
384
- const f = 180, N = v(() => {
385
- w.current && (clearTimeout(w.current), w.current = null);
386
- }, []), k = v(() => {
387
- m((p) => p !== "idle" ? p : (w.current = setTimeout(() => m("handle-visible"), n), "dwelling"));
388
- }, [n]), b = v(() => {
389
- N(), m((p) => p === "dwelling" || p === "handle-visible" ? "idle" : p);
390
- }, [N]), S = v(
391
- (p) => {
392
- i.current === "handle-visible" && (l.current = p.clientX, i.current = "dragging", m("dragging"));
380
+ const [l, f] = O("idle"), [d, D] = O(e), N = M(null), u = M(null), m = M("idle");
381
+ P(() => {
382
+ m.current = l;
383
+ }, [l]);
384
+ const S = 180, R = y(() => {
385
+ N.current && (clearTimeout(N.current), N.current = null);
386
+ }, []), p = y(() => {
387
+ f((h) => h !== "idle" ? h : (N.current = setTimeout(() => f("handle-visible"), o), "dwelling"));
388
+ }, [o]), x = y(() => {
389
+ R(), f((h) => h === "dwelling" || h === "handle-visible" ? "idle" : h);
390
+ }, [R]), T = y(
391
+ (h) => {
392
+ m.current === "handle-visible" && (u.current = h.clientX, m.current = "dragging", f("dragging"));
393
393
  },
394
394
  []
395
- ), T = v(
396
- (p) => {
397
- if (i.current !== "dragging") return;
398
- const c = p.clientX - (l.current ?? p.clientX), D = Math.round(c / f), h = Math.min(3, Math.max(1, e + D)), I = h !== e;
399
- if (m(I ? "committed" : "cancelled"), I) {
400
- const x = h > e ? "grow" : "shrink";
401
- r({ direction: x, targetColSpan: h, mode: t ? "slot-fill" : "sparkline-fidelity" });
395
+ ), v = y(
396
+ (h) => {
397
+ if (m.current !== "dragging") return;
398
+ const r = h.clientX - (u.current ?? h.clientX), c = Math.round(r / S), b = Math.min(3, Math.max(1, e + c)), C = b !== e;
399
+ if (f(C ? "committed" : "cancelled"), C) {
400
+ const w = b > e ? "grow" : "shrink";
401
+ n({ direction: w, targetColSpan: b, mode: t ? "slot-fill" : "sparkline-fidelity" });
402
402
  } else
403
403
  a?.();
404
404
  },
405
- [e, t, r, a]
406
- ), C = v(() => {
407
- N(), m((p) => p === "dragging" || p === "handle-visible" ? (a?.(), "cancelled") : p);
408
- }, [N, a]);
409
- return A(() => {
410
- if (d !== "dragging" && d !== "handle-visible") return;
411
- const p = (c) => {
412
- c.key === "Escape" && C();
405
+ [e, t, n, a]
406
+ ), k = y(() => {
407
+ R(), f((h) => h === "dragging" || h === "handle-visible" ? (a?.(), "cancelled") : h);
408
+ }, [R, a]);
409
+ return P(() => {
410
+ if (l !== "dragging" && l !== "handle-visible") return;
411
+ const h = (r) => {
412
+ r.key === "Escape" && k();
413
413
  };
414
- return window.addEventListener("keydown", p), () => window.removeEventListener("keydown", p);
415
- }, [d, C]), A(() => {
416
- if (d !== "dragging") {
417
- y(e);
414
+ return window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h);
415
+ }, [l, k]), P(() => {
416
+ if (l !== "dragging") {
417
+ D(e);
418
418
  return;
419
419
  }
420
- const p = (c) => {
421
- const D = c.clientX - (l.current ?? c.clientX), h = Math.round(D / f), I = Math.min(3, Math.max(1, e + h));
422
- y((x) => x === I ? x : I);
420
+ const h = (r) => {
421
+ const c = r.clientX - (u.current ?? r.clientX), b = Math.round(c / S), C = Math.min(3, Math.max(1, e + b));
422
+ D((w) => w === C ? w : C);
423
423
  };
424
- return window.addEventListener("pointermove", p), () => window.removeEventListener("pointermove", p);
425
- }, [d, e]), A(() => () => N(), [N]), A(() => {
426
- if (d !== "committed" && d !== "cancelled") return;
427
- const p = setTimeout(() => m("idle"), s);
428
- return () => clearTimeout(p);
429
- }, [d, s]), {
430
- state: d,
431
- enterEdgeZone: k,
432
- leaveEdgeZone: b,
424
+ return window.addEventListener("pointermove", h), () => window.removeEventListener("pointermove", h);
425
+ }, [l, e]), P(() => () => R(), [R]), P(() => {
426
+ if (l !== "committed" && l !== "cancelled") return;
427
+ const h = setTimeout(() => f("idle"), i);
428
+ return () => clearTimeout(h);
429
+ }, [l, i]), {
430
+ state: l,
431
+ enterEdgeZone: p,
432
+ leaveEdgeZone: x,
433
433
  handleProps: {
434
- onPointerDown: S,
435
- onPointerUp: T,
434
+ onPointerDown: T,
435
+ onPointerUp: v,
436
436
  // Bug E: handle continues zone presence so pointer crossing sentinel→handle
437
437
  // doesn't collapse state. handle's pointerenter = stay in zone.
438
- onPointerEnter: k,
439
- onPointerLeave: b
438
+ onPointerEnter: p,
439
+ onPointerLeave: x
440
440
  },
441
- previewColSpan: g,
441
+ previewColSpan: d,
442
442
  ghostProps: {
443
- visible: d === "dragging",
444
- targetColSpan: g,
445
- enterMs: o,
446
- exitMs: s
443
+ visible: l === "dragging",
444
+ targetColSpan: d,
445
+ enterMs: s,
446
+ exitMs: i
447
447
  }
448
448
  };
449
449
  }
450
- const Ct = {
451
- /** Delay before flip animation begins (ms). */
452
- flipStart: 50,
453
- /** Duration of panel extrude animation (ms). */
454
- extrude: 200,
455
- /** Duration of settle animation (ms). */
456
- settle: 100,
457
- /** Total choreography duration (ms). */
458
- total: 350
459
- }, yt = [
450
+ const Tt = [
460
451
  // 1. Standard: Total Revenue
461
452
  {
462
453
  variant: "standard",
@@ -560,7 +551,7 @@ const Ct = {
560
551
  { value: 9, color: "#6b7280", label: "Other" }
561
552
  ]
562
553
  }
563
- ], Ie = {
554
+ ], Me = {
564
555
  variant: "standard",
565
556
  label: "Total Revenue",
566
557
  isLoading: !0
@@ -570,14 +561,14 @@ const Ct = {
570
561
  value: 125430,
571
562
  valueFormat: { prefix: "$", abbreviated: !0 },
572
563
  isError: !0
573
- }, _e = {
564
+ }, Fe = {
574
565
  variant: "standard",
575
566
  label: "Total Revenue",
576
567
  value: null,
577
568
  valueFormat: { prefix: "$", abbreviated: !0 },
578
569
  isEmpty: !0,
579
570
  subtitle: "No data"
580
- }, Me = {
571
+ }, Ee = {
581
572
  variant: "standard",
582
573
  label: "Total Revenue",
583
574
  value: 125430,
@@ -585,7 +576,7 @@ const Ct = {
585
576
  trend: { value: 12.5, direction: "up" },
586
577
  subtitle: "MTD",
587
578
  isStale: !0
588
- }, Re = {
579
+ }, Oe = {
589
580
  variant: "sparkline",
590
581
  label: "Daily Orders",
591
582
  value: 847,
@@ -594,7 +585,7 @@ const Ct = {
594
585
  sparklineData: [42, 38, 51, 47, 55, 60, 58, 63, 57, 62, 68, 71, 65, 59],
595
586
  accentColor: "#6366f1",
596
587
  isStale: !0
597
- }, Fe = {
588
+ }, Ae = {
598
589
  variant: "donut",
599
590
  label: "Order Fill Rate",
600
591
  value: 78,
@@ -605,14 +596,14 @@ const Ct = {
605
596
  donutMax: 100,
606
597
  accentColor: "#10b981",
607
598
  isStale: !0
608
- }, Dt = [
609
- Ie,
610
- Pe,
611
- _e,
599
+ }, It = [
612
600
  Me,
613
- Re,
614
- Fe
615
- ], wt = {
601
+ Pe,
602
+ Fe,
603
+ Ee,
604
+ Oe,
605
+ Ae
606
+ ], Rt = {
616
607
  variant: "sparkline",
617
608
  label: "Daily Orders",
618
609
  value: 847,
@@ -635,7 +626,7 @@ const Ct = {
635
626
  59
636
627
  ],
637
628
  accentColor: "#6366f1"
638
- }, Nt = {
629
+ }, _t = {
639
630
  variant: "sparkline",
640
631
  label: "New Customers",
641
632
  value: 23,
@@ -674,21 +665,21 @@ const Ct = {
674
665
  19
675
666
  ],
676
667
  accentColor: "#10b981"
677
- }, St = {
668
+ }, Mt = {
678
669
  variant: "standard",
679
670
  label: "Total Revenue",
680
671
  value: 125430,
681
672
  valueFormat: { prefix: "$", abbreviated: !0 },
682
673
  trend: { value: 12.5, direction: "up" },
683
674
  subtitle: "MTD"
684
- }, Tt = {
675
+ }, Pt = {
685
676
  variant: "standard",
686
677
  label: "Returns",
687
678
  value: 3280,
688
679
  valueFormat: { prefix: "$", abbreviated: !0 },
689
680
  trend: { value: -8.3, direction: "down" },
690
681
  subtitle: "MTD"
691
- }, xt = {
682
+ }, Ft = {
692
683
  variant: "standard",
693
684
  label: "Avg Order Value",
694
685
  value: 487,
@@ -696,33 +687,33 @@ const Ct = {
696
687
  trend: { value: 0, direction: "flat" },
697
688
  subtitle: "QTD"
698
689
  };
699
- function ne({
690
+ function le({
700
691
  open: e,
701
692
  onDismiss: t,
702
- anchorRef: r,
693
+ anchorRef: n,
703
694
  pages: a,
704
- activePageId: n,
705
- onPageChange: o,
706
- onCreatePage: s,
707
- onManagePages: d
695
+ activePageId: o,
696
+ onPageChange: s,
697
+ onCreatePage: i,
698
+ onManagePages: l
708
699
  }) {
709
- const m = v(
710
- (l) => {
711
- o(l), t();
700
+ const f = y(
701
+ (u) => {
702
+ s(u), t();
712
703
  },
713
- [o, t]
714
- ), g = v(
715
- (l, i) => {
716
- (i.key === "Enter" || i.key === " ") && (i.preventDefault(), m(l));
704
+ [s, t]
705
+ ), d = y(
706
+ (u, m) => {
707
+ (m.key === "Enter" || m.key === " ") && (m.preventDefault(), f(u));
717
708
  },
718
- [m]
719
- ), y = v(() => {
720
- s(), t();
721
- }, [s, t]), w = v(() => {
722
- d(), t();
723
- }, [d, t]);
724
- return /* @__PURE__ */ R(
725
- fe,
709
+ [f]
710
+ ), D = y(() => {
711
+ i(), t();
712
+ }, [i, t]), N = y(() => {
713
+ l(), t();
714
+ }, [l, t]);
715
+ return /* @__PURE__ */ A(
716
+ Ce,
726
717
  {
727
718
  definition: {
728
719
  placement: "bottom-end",
@@ -732,58 +723,58 @@ function ne({
732
723
  },
733
724
  open: e,
734
725
  onDismiss: t,
735
- anchorRef: r,
726
+ anchorRef: n,
736
727
  className: "gloss-page-dropdown",
737
728
  children: [
738
- /* @__PURE__ */ u("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((l) => {
739
- const i = l.id === n;
740
- return /* @__PURE__ */ R(
729
+ /* @__PURE__ */ g("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((u) => {
730
+ const m = u.id === o;
731
+ return /* @__PURE__ */ A(
741
732
  "li",
742
733
  {
743
734
  role: "menuitemradio",
744
- "aria-checked": i,
745
- "aria-current": i ? "page" : void 0,
735
+ "aria-checked": m,
736
+ "aria-current": m ? "page" : void 0,
746
737
  tabIndex: 0,
747
- className: `gloss-page-dropdown__item${i ? " gloss-page-dropdown__item--active" : ""}`,
748
- onClick: () => m(l.id),
749
- onKeyDown: (f) => g(l.id, f),
738
+ className: `gloss-page-dropdown__item${m ? " gloss-page-dropdown__item--active" : ""}`,
739
+ onClick: () => f(u.id),
740
+ onKeyDown: (S) => d(u.id, S),
750
741
  children: [
751
- /* @__PURE__ */ u(
742
+ /* @__PURE__ */ g(
752
743
  "span",
753
744
  {
754
- className: `gloss-page-dropdown__dot${i ? " gloss-page-dropdown__dot--active" : ""}`
745
+ className: `gloss-page-dropdown__dot${m ? " gloss-page-dropdown__dot--active" : ""}`
755
746
  }
756
747
  ),
757
- /* @__PURE__ */ u(
748
+ /* @__PURE__ */ g(
758
749
  "span",
759
750
  {
760
- className: `gloss-page-dropdown__name${l.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
761
- children: l.name
751
+ className: `gloss-page-dropdown__name${u.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
752
+ children: u.name
762
753
  }
763
754
  ),
764
- /* @__PURE__ */ u("span", { className: "gloss-page-dropdown__count", children: l.cardCount })
755
+ /* @__PURE__ */ g("span", { className: "gloss-page-dropdown__count", children: u.cardCount })
765
756
  ]
766
757
  },
767
- l.id
758
+ u.id
768
759
  );
769
760
  }) }),
770
- /* @__PURE__ */ u("hr", { className: "gloss-page-dropdown__separator" }),
771
- /* @__PURE__ */ u(
761
+ /* @__PURE__ */ g("hr", { className: "gloss-page-dropdown__separator" }),
762
+ /* @__PURE__ */ g(
772
763
  "button",
773
764
  {
774
765
  role: "menuitem",
775
766
  className: "gloss-page-dropdown__action",
776
- onClick: y,
767
+ onClick: D,
777
768
  children: "+ New page"
778
769
  }
779
770
  ),
780
- /* @__PURE__ */ u("hr", { className: "gloss-page-dropdown__separator" }),
781
- /* @__PURE__ */ u(
771
+ /* @__PURE__ */ g("hr", { className: "gloss-page-dropdown__separator" }),
772
+ /* @__PURE__ */ g(
782
773
  "button",
783
774
  {
784
775
  role: "menuitem",
785
776
  className: "gloss-page-dropdown__action gloss-page-dropdown__action--muted",
786
- onClick: w,
777
+ onClick: N,
787
778
  children: "Manage pages"
788
779
  }
789
780
  )
@@ -791,70 +782,70 @@ function ne({
791
782
  }
792
783
  );
793
784
  }
794
- ne.displayName = "PageDropdown";
795
- const Oe = function({
785
+ le.displayName = "PageDropdown";
786
+ const Le = function({
796
787
  currentIndex: t,
797
- total: r,
788
+ total: n,
798
789
  pages: a,
799
- onPageChange: n,
800
- onCreatePage: o,
801
- onManagePages: s,
802
- maskRadius: d = "var(--gloss-radius-md)"
790
+ onPageChange: o,
791
+ onCreatePage: s,
792
+ onManagePages: i,
793
+ maskRadius: l = "var(--gloss-radius-md)"
803
794
  }) {
804
- const m = F(null), [g, y] = M(!1), w = v(() => {
805
- y((f) => !f);
806
- }, []), l = v(() => {
807
- y(!1);
808
- }, []), i = a[t]?.id ?? "";
809
- return /* @__PURE__ */ R(
795
+ const f = M(null), [d, D] = O(!1), N = y(() => {
796
+ D((S) => !S);
797
+ }, []), u = y(() => {
798
+ D(!1);
799
+ }, []), m = a[t]?.id ?? "";
800
+ return /* @__PURE__ */ A(
810
801
  "div",
811
802
  {
812
803
  className: "gloss-page-chip",
813
- ref: m,
804
+ ref: f,
814
805
  style: { position: "absolute", top: 0, right: 0 },
815
806
  "data-page-chip": !0,
816
807
  children: [
817
- /* @__PURE__ */ u(
808
+ /* @__PURE__ */ g(
818
809
  "div",
819
810
  {
820
811
  className: "gloss-page-chip__nuzzle",
821
- style: { "--_nuzzle-r": d }
812
+ style: { "--_nuzzle-r": l }
822
813
  }
823
814
  ),
824
- /* @__PURE__ */ R(
815
+ /* @__PURE__ */ A(
825
816
  "button",
826
817
  {
827
818
  className: "gloss-page-chip__trigger",
828
819
  "aria-haspopup": "menu",
829
- "aria-expanded": g,
830
- "aria-label": `Page ${t + 1} of ${r}. Click to switch pages.`,
831
- onClick: w,
820
+ "aria-expanded": d,
821
+ "aria-label": `Page ${t + 1} of ${n}. Click to switch pages.`,
822
+ onClick: N,
832
823
  children: [
833
824
  t + 1,
834
825
  " / ",
835
- r
826
+ n
836
827
  ]
837
828
  }
838
829
  ),
839
- /* @__PURE__ */ u(
840
- ne,
830
+ /* @__PURE__ */ g(
831
+ le,
841
832
  {
842
- open: g,
843
- onDismiss: l,
844
- anchorRef: m,
833
+ open: d,
834
+ onDismiss: u,
835
+ anchorRef: f,
845
836
  pages: a,
846
- activePageId: i,
847
- onPageChange: n,
848
- onCreatePage: o,
849
- onManagePages: s
837
+ activePageId: m,
838
+ onPageChange: o,
839
+ onCreatePage: s,
840
+ onManagePages: i
850
841
  }
851
842
  )
852
843
  ]
853
844
  }
854
845
  );
855
846
  };
856
- Oe.displayName = "PageChip";
857
- const kt = [
847
+ Le.displayName = "PageChip";
848
+ const Et = [
858
849
  {
859
850
  id: "ORD-1001",
860
851
  orderNumber: "ORD-1001",
@@ -987,7 +978,7 @@ const kt = [
987
978
  date: "2026-03-01",
988
979
  skuCount: 9
989
980
  }
990
- ], It = [
981
+ ], Ot = [
991
982
  {
992
983
  id: "ITEM-001",
993
984
  sku: "PB-4520",
@@ -1121,16 +1112,16 @@ const kt = [
1121
1112
  lastDate: "2026-03-01"
1122
1113
  }
1123
1114
  ];
1124
- function q(e) {
1115
+ function j(e) {
1125
1116
  return "$" + e.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
1126
1117
  }
1127
- function oe(e) {
1118
+ function de(e) {
1128
1119
  return e.toLocaleString("en-US");
1129
1120
  }
1130
- function se(e) {
1121
+ function ce(e) {
1131
1122
  return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
1132
1123
  }
1133
- const H = P.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), Pt = [
1124
+ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), At = [
1134
1125
  {
1135
1126
  field: "id",
1136
1127
  headerName: "Order",
@@ -1160,7 +1151,7 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
1160
1151
  align: "right",
1161
1152
  headerAlign: "right",
1162
1153
  cellClassName: "gloss-tabular-nums",
1163
- renderCell: ({ row: e }) => e.skuCount ? oe(e.skuCount) : H
1154
+ renderCell: ({ row: e }) => e.skuCount ? de(e.skuCount) : z
1164
1155
  },
1165
1156
  {
1166
1157
  field: "total",
@@ -1170,7 +1161,7 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
1170
1161
  align: "right",
1171
1162
  headerAlign: "right",
1172
1163
  cellClassName: "gloss-tabular-nums",
1173
- renderCell: ({ row: e }) => e.total ? q(e.total) : H
1164
+ renderCell: ({ row: e }) => e.total ? j(e.total) : z
1174
1165
  },
1175
1166
  {
1176
1167
  field: "date",
@@ -1180,9 +1171,9 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
1180
1171
  align: "right",
1181
1172
  headerAlign: "right",
1182
1173
  cellClassName: "gloss-tabular-nums",
1183
- renderCell: ({ row: e }) => e.date ? se(e.date) : ""
1174
+ renderCell: ({ row: e }) => e.date ? ce(e.date) : ""
1184
1175
  }
1185
- ], _t = [
1176
+ ], Lt = [
1186
1177
  {
1187
1178
  field: "sku",
1188
1179
  headerName: "Item ID",
@@ -1214,7 +1205,7 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
1214
1205
  align: "right",
1215
1206
  headerAlign: "right",
1216
1207
  cellClassName: "gloss-tabular-nums",
1217
- renderCell: ({ row: e }) => e.price ? q(e.price) : H
1208
+ renderCell: ({ row: e }) => e.price ? j(e.price) : z
1218
1209
  },
1219
1210
  {
1220
1211
  field: "quantity",
@@ -1224,7 +1215,7 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
1224
1215
  align: "right",
1225
1216
  headerAlign: "right",
1226
1217
  cellClassName: "gloss-tabular-nums gloss-drillable",
1227
- renderCell: ({ row: e }) => e.quantity ? oe(e.quantity) : H
1218
+ renderCell: ({ row: e }) => e.quantity ? de(e.quantity) : z
1228
1219
  },
1229
1220
  {
1230
1221
  field: "total",
@@ -1234,7 +1225,7 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
1234
1225
  align: "right",
1235
1226
  headerAlign: "right",
1236
1227
  cellClassName: "gloss-tabular-nums gloss-drillable",
1237
- renderCell: ({ row: e }) => e.total ? q(e.total) : H
1228
+ renderCell: ({ row: e }) => e.total ? j(e.total) : z
1238
1229
  },
1239
1230
  {
1240
1231
  field: "lastDate",
@@ -1244,24 +1235,24 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
1244
1235
  align: "right",
1245
1236
  headerAlign: "right",
1246
1237
  cellClassName: "gloss-tabular-nums",
1247
- renderCell: ({ row: e }) => e.lastDate ? se(e.lastDate) : ""
1238
+ renderCell: ({ row: e }) => e.lastDate ? ce(e.lastDate) : ""
1248
1239
  }
1249
- ], Ae = [
1240
+ ], $e = [
1250
1241
  { id: "c-001", label: "ABC Home Goods" },
1251
1242
  { id: "c-002", label: "Riverside Retail" },
1252
1243
  { id: "c-003", label: "Mountain View Store" },
1253
1244
  { id: "c-004", label: "Downtown Decor" },
1254
1245
  { id: "c-005", label: "Pacific Coast Imports" }
1255
- ], Ee = [
1246
+ ], Be = [
1256
1247
  { id: "i-001", label: "Classic Linen Throw Pillow" },
1257
1248
  { id: "i-002", label: "Coastal Wave Candle Set" },
1258
1249
  { id: "i-003", label: "Walnut Console Table" },
1259
1250
  { id: "i-004", label: "Hand-Blown Glass Vase" },
1260
1251
  { id: "i-005", label: "Velvet Accent Cushion" }
1261
1252
  ], W = (e) => {
1262
- }, Le = (e) => {
1263
- }, ee = (e, t) => {
1264
- }, ie = {
1253
+ }, Ke = (e) => {
1254
+ }, ne = (e, t) => {
1255
+ }, ue = {
1265
1256
  vizState: {
1266
1257
  type: "orders",
1267
1258
  quant: "$",
@@ -1270,16 +1261,16 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
1270
1261
  timeFrame: "MTD"
1271
1262
  },
1272
1263
  onTypeChange: W,
1273
- onQuantChange: Le,
1264
+ onQuantChange: Ke,
1274
1265
  onEntityTypeChange: W,
1275
- onEntitySelect: ee,
1276
- onItemSelect: ee,
1266
+ onEntitySelect: ne,
1267
+ onItemSelect: ne,
1277
1268
  onTimeFrameChange: W,
1278
1269
  userType: "sales-agency",
1279
- entityFilterOptions: Ae,
1280
- itemFilterOptions: Ee
1281
- }, Mt = {
1282
- ...ie,
1270
+ entityFilterOptions: $e,
1271
+ itemFilterOptions: Be
1272
+ }, $t = {
1273
+ ...ue,
1283
1274
  vizState: {
1284
1275
  type: "items",
1285
1276
  quant: "$",
@@ -1287,8 +1278,8 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
1287
1278
  byItem: { id: "i-003", name: "Walnut Console Table" },
1288
1279
  timeFrame: "YTD"
1289
1280
  }
1290
- }, Rt = {
1291
- ...ie,
1281
+ }, Bt = {
1282
+ ...ue,
1292
1283
  vizState: {
1293
1284
  type: "orders",
1294
1285
  quant: "#",
@@ -1300,7 +1291,7 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
1300
1291
  entityFilterOptions: [
1301
1292
  { id: "customers", label: "Customers" }
1302
1293
  ]
1303
- }, Be = [
1294
+ }, Ge = [
1304
1295
  {
1305
1296
  id: "recent-orders",
1306
1297
  label: "Recent Orders",
@@ -1346,7 +1337,7 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
1346
1337
  routeKey: "customer.profile",
1347
1338
  subtitle: "Opens in RepTime"
1348
1339
  }
1349
- ], Ge = [
1340
+ ], He = [
1350
1341
  {
1351
1342
  id: "order-items",
1352
1343
  label: "Items in Order",
@@ -1375,7 +1366,7 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
1375
1366
  cellKinds: ["orderId"],
1376
1367
  graphType: "timeline"
1377
1368
  }
1378
- ], $e = [
1369
+ ], ze = [
1379
1370
  {
1380
1371
  id: "graph-metric",
1381
1372
  label: "Graph This Metric",
@@ -1403,14 +1394,14 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
1403
1394
  cellKinds: ["numeric"],
1404
1395
  tabType: "orders"
1405
1396
  }
1406
- ], Ft = {
1407
- entityName: Be,
1408
- orderId: Ge,
1409
- numeric: $e
1410
- }, Ot = [
1397
+ ], Kt = {
1398
+ entityName: Ge,
1399
+ orderId: He,
1400
+ numeric: ze
1401
+ }, Gt = [
1411
1402
  new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
1412
1403
  /* @__PURE__ */ new Date()
1413
- ], At = {
1404
+ ], Ht = {
1414
1405
  rangeA: [
1415
1406
  new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
1416
1407
  /* @__PURE__ */ new Date()
@@ -1423,7 +1414,7 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
1423
1414
  new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 2, 1),
1424
1415
  new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 1, 0)
1425
1416
  ]
1426
- }, Et = {
1417
+ }, zt = {
1427
1418
  version: 4,
1428
1419
  lastPreset: "mtd",
1429
1420
  pinnedPreset: "mtd",
@@ -1431,7 +1422,7 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
1431
1422
  rangeCount: 1,
1432
1423
  lastPresetB: null,
1433
1424
  lastPresetC: null
1434
- }, Lt = [
1425
+ }, Vt = [
1435
1426
  {
1436
1427
  id: "atlanta-jan",
1437
1428
  label: "Atlanta Market",
@@ -1453,7 +1444,7 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
1453
1444
  endDate: new Date(2026, 3, 22),
1454
1445
  location: "Chicago, IL"
1455
1446
  }
1456
- ], Bt = [
1447
+ ], Zt = [
1457
1448
  {
1458
1449
  id: "custom-regional-1",
1459
1450
  label: "Southeast Regional Expo",
@@ -1470,7 +1461,7 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
1470
1461
  location: "Portland, OR",
1471
1462
  isCustom: !0
1472
1463
  }
1473
- ], Gt = [
1464
+ ], Wt = [
1474
1465
  {
1475
1466
  id: "atlanta-jan",
1476
1467
  label: "Atlanta Market",
@@ -1487,22 +1478,22 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
1487
1478
  location: "New York, NY",
1488
1479
  active: !0
1489
1480
  }
1490
- ], $t = [
1481
+ ], Yt = [
1491
1482
  { id: "7d", label: "7D" },
1492
1483
  { id: "30d", label: "30D" },
1493
1484
  { id: "60d", label: "60D" },
1494
1485
  { id: "90d", label: "90D" }
1495
- ], Ht = [
1486
+ ], qt = [
1496
1487
  { id: "mtd", label: "MTD" },
1497
1488
  { id: "qtd", label: "QTD" },
1498
1489
  { id: "ytd", label: "YTD" },
1499
1490
  { id: "lytd", label: "LYTD" }
1500
1491
  ];
1501
- function O(e, t) {
1492
+ function L(e, t) {
1502
1493
  return {
1503
1494
  id: e,
1504
1495
  colSpan: 1,
1505
- content: P.createElement("div", {
1496
+ content: F.createElement("div", {
1506
1497
  style: {
1507
1498
  width: "100%",
1508
1499
  height: "100%",
@@ -1518,38 +1509,38 @@ function O(e, t) {
1518
1509
  }, t)
1519
1510
  };
1520
1511
  }
1521
- function te(e, t) {
1512
+ function oe(e, t) {
1522
1513
  return {
1523
- ...O(e, t),
1514
+ ...L(e, t),
1524
1515
  colSpan: 2
1525
1516
  };
1526
1517
  }
1527
- const zt = [
1528
- O("total-revenue", "Total Revenue"),
1529
- O("total-orders", "Total Orders"),
1530
- te("revenue-trend", "Revenue Trend (2x)"),
1531
- O("avg-order", "Avg Order Value"),
1532
- O("new-customers", "New Customers"),
1533
- O("top-salesperson", "Top Salesperson"),
1534
- te("order-trend", "Order Trend (2x)"),
1535
- O("repeat-rate", "Repeat Rate"),
1536
- O("open-orders", "Open Orders"),
1537
- O("shipped-orders", "Shipped Orders")
1538
- ], Kt = {
1518
+ const Ut = [
1519
+ L("total-revenue", "Total Revenue"),
1520
+ L("total-orders", "Total Orders"),
1521
+ oe("revenue-trend", "Revenue Trend (2x)"),
1522
+ L("avg-order", "Avg Order Value"),
1523
+ L("new-customers", "New Customers"),
1524
+ L("top-salesperson", "Top Salesperson"),
1525
+ oe("order-trend", "Order Trend (2x)"),
1526
+ L("repeat-rate", "Repeat Rate"),
1527
+ L("open-orders", "Open Orders"),
1528
+ L("shipped-orders", "Shipped Orders")
1529
+ ], jt = {
1539
1530
  columns: 6,
1540
1531
  rowHeight: 120,
1541
1532
  gap: 15,
1542
1533
  maxRows: 3,
1543
1534
  currentPage: 0,
1544
1535
  totalPages: 1
1545
- }, Wt = {
1536
+ }, Qt = {
1546
1537
  columns: 9,
1547
1538
  rowHeight: 120,
1548
1539
  gap: 15,
1549
1540
  maxRows: 3,
1550
1541
  currentPage: 0,
1551
1542
  totalPages: 2
1552
- }, Zt = {
1543
+ }, Xt = {
1553
1544
  columns: 12,
1554
1545
  rowHeight: 120,
1555
1546
  gap: 15,
@@ -1557,15 +1548,15 @@ const zt = [
1557
1548
  currentPage: 0,
1558
1549
  totalPages: 3
1559
1550
  };
1560
- function Z(e) {
1561
- return P.createElement("span", { style: { fontSize: 14 } }, e);
1551
+ function Y(e) {
1552
+ return F.createElement("span", { style: { fontSize: 14 } }, e);
1562
1553
  }
1563
- const Yt = [
1554
+ const Jt = [
1564
1555
  {
1565
1556
  id: "all-orders",
1566
1557
  type: "orders",
1567
1558
  name: "All Orders",
1568
- icon: Z("📋"),
1559
+ icon: Y("📋"),
1569
1560
  closable: !1,
1570
1561
  autoCreated: !0
1571
1562
  },
@@ -1573,17 +1564,17 @@ const Yt = [
1573
1564
  id: "open-orders",
1574
1565
  type: "orders",
1575
1566
  name: "Open Orders",
1576
- icon: Z("📦"),
1567
+ icon: Y("📦"),
1577
1568
  closable: !0
1578
1569
  },
1579
1570
  {
1580
1571
  id: "shipped-orders",
1581
1572
  type: "orders",
1582
1573
  name: "Shipped Orders",
1583
- icon: Z("🚚"),
1574
+ icon: Y("🚚"),
1584
1575
  closable: !0
1585
1576
  }
1586
- ], qt = [
1577
+ ], ea = [
1587
1578
  {
1588
1579
  id: "orders-main",
1589
1580
  type: "orders",
@@ -1609,7 +1600,7 @@ const Yt = [
1609
1600
  name: "Customers",
1610
1601
  closable: !0
1611
1602
  }
1612
- ], Vt = [
1603
+ ], ta = [
1613
1604
  {
1614
1605
  id: "only-tab",
1615
1606
  type: "orders",
@@ -1617,7 +1608,7 @@ const Yt = [
1617
1608
  closable: !1,
1618
1609
  autoCreated: !0
1619
1610
  }
1620
- ], Ut = [
1611
+ ], aa = [
1621
1612
  { id: "tab-1", type: "orders", name: "All Orders", closable: !1, autoCreated: !0 },
1622
1613
  { id: "tab-2", type: "orders", name: "Open Orders", closable: !0 },
1623
1614
  { id: "tab-3", type: "orders", name: "Shipped Orders", closable: !0 },
@@ -1629,7 +1620,7 @@ const Yt = [
1629
1620
  { id: "tab-9", type: "order-items", name: "Order #12345", closable: !0 },
1630
1621
  { id: "tab-10", type: "orders", name: "Recent 30D", closable: !0 }
1631
1622
  ];
1632
- function V(e) {
1623
+ function Q(e) {
1633
1624
  switch (e) {
1634
1625
  case "wide":
1635
1626
  return { cols: 2, rows: 1 };
@@ -1640,40 +1631,40 @@ function V(e) {
1640
1631
  return { cols: 1, rows: 1 };
1641
1632
  }
1642
1633
  }
1643
- function He(e) {
1634
+ function Ve(e) {
1644
1635
  let t = 0;
1645
1636
  for (const a of e) {
1646
- const n = V(a.size), o = a.gridPosition.col + n.cols - 1;
1647
- o > t && (t = o);
1637
+ const o = Q(a.size), s = a.gridPosition.col + o.cols - 1;
1638
+ s > t && (t = s);
1648
1639
  }
1649
1640
  return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
1650
1641
  }
1651
- const ze = function(t) {
1642
+ const Ze = function(t) {
1652
1643
  if (t.renderMode === "discrete")
1653
- return /* @__PURE__ */ u(
1644
+ return /* @__PURE__ */ g(
1654
1645
  "div",
1655
1646
  {
1656
1647
  className: "gloss-metric-group gloss-metric-group--discrete",
1657
1648
  style: { display: "contents" },
1658
- children: t.cards.map((n) => {
1659
- const o = V(n.size);
1660
- return /* @__PURE__ */ u(
1649
+ children: t.cards.map((o) => {
1650
+ const s = Q(o.size);
1651
+ return /* @__PURE__ */ g(
1661
1652
  "div",
1662
1653
  {
1663
1654
  className: "gloss-metric-group__slot",
1664
1655
  style: {
1665
- gridColumn: `${n.gridPosition.col} / span ${o.cols}`,
1666
- gridRow: `${n.gridPosition.row} / span ${o.rows}`
1656
+ gridColumn: `${o.gridPosition.col} / span ${s.cols}`,
1657
+ gridRow: `${o.gridPosition.row} / span ${s.rows}`
1667
1658
  },
1668
- children: n.children
1659
+ children: o.children
1669
1660
  },
1670
- n.key
1661
+ o.key
1671
1662
  );
1672
1663
  })
1673
1664
  }
1674
1665
  );
1675
- const { cards: r, composite: a } = t;
1676
- return /* @__PURE__ */ R(
1666
+ const { cards: n, composite: a } = t;
1667
+ return /* @__PURE__ */ A(
1677
1668
  "div",
1678
1669
  {
1679
1670
  className: "gloss-metric-group gloss-metric-group--composite",
@@ -1692,16 +1683,16 @@ const ze = function(t) {
1692
1683
  "aria-label": a?.label,
1693
1684
  tabIndex: void 0,
1694
1685
  children: [
1695
- a?.accentColor && /* @__PURE__ */ u(
1686
+ a?.accentColor && /* @__PURE__ */ g(
1696
1687
  "div",
1697
1688
  {
1698
1689
  className: "gloss-metric-group__accent",
1699
1690
  style: { background: a.accentColor }
1700
1691
  }
1701
1692
  ),
1702
- a?.label && /* @__PURE__ */ R("div", { className: "gloss-metric-group__label", children: [
1703
- /* @__PURE__ */ u("span", { children: a.label }),
1704
- a?.trend && /* @__PURE__ */ u(
1693
+ a?.label && /* @__PURE__ */ A("div", { className: "gloss-metric-group__label", children: [
1694
+ /* @__PURE__ */ g("span", { children: a.label }),
1695
+ a?.trend && /* @__PURE__ */ g(
1705
1696
  "span",
1706
1697
  {
1707
1698
  className: "gloss-metric-group__trend",
@@ -1710,28 +1701,28 @@ const ze = function(t) {
1710
1701
  }
1711
1702
  )
1712
1703
  ] }),
1713
- /* @__PURE__ */ u(
1704
+ /* @__PURE__ */ g(
1714
1705
  "div",
1715
1706
  {
1716
1707
  className: "gloss-metric-group__slots",
1717
1708
  style: {
1718
1709
  display: "grid",
1719
1710
  gap: "var(--gloss-spacing-2, 8px)",
1720
- gridTemplateColumns: He(r)
1711
+ gridTemplateColumns: Ve(n)
1721
1712
  },
1722
- children: r.map((n) => {
1723
- const o = V(n.size);
1724
- return /* @__PURE__ */ u(
1713
+ children: n.map((o) => {
1714
+ const s = Q(o.size);
1715
+ return /* @__PURE__ */ g(
1725
1716
  "div",
1726
1717
  {
1727
1718
  className: "gloss-metric-group__slot--composite",
1728
1719
  style: {
1729
- gridColumn: `${n.gridPosition.col} / span ${o.cols}`,
1730
- gridRow: `${n.gridPosition.row} / span ${o.rows}`
1720
+ gridColumn: `${o.gridPosition.col} / span ${s.cols}`,
1721
+ gridRow: `${o.gridPosition.row} / span ${s.rows}`
1731
1722
  },
1732
- children: n.children
1723
+ children: o.children
1733
1724
  },
1734
- n.key
1725
+ o.key
1735
1726
  );
1736
1727
  })
1737
1728
  }
@@ -1740,7 +1731,7 @@ const ze = function(t) {
1740
1731
  }
1741
1732
  );
1742
1733
  };
1743
- ze.displayName = "MetricGroupContainer";
1734
+ Ze.displayName = "MetricGroupContainer";
1744
1735
  const B = {
1745
1736
  "gloss-inline-nudge": "_gloss-inline-nudge_kdk88_34",
1746
1737
  "gloss-inline-nudge__message": "_gloss-inline-nudge__message_kdk88_65",
@@ -1749,44 +1740,44 @@ const B = {
1749
1740
  "gloss-inline-nudge__btn--action": "_gloss-inline-nudge__btn--action_kdk88_88",
1750
1741
  "gloss-inline-nudge__btn--dismiss": "_gloss-inline-nudge__btn--dismiss_kdk88_96"
1751
1742
  };
1752
- function Ke({
1743
+ function We({
1753
1744
  message: e,
1754
1745
  primaryAction: t,
1755
- onDismiss: r,
1746
+ onDismiss: n,
1756
1747
  anchorEl: a,
1757
- anchorSelector: n
1748
+ anchorSelector: o
1758
1749
  }) {
1759
- const [o, s] = P.useState(null), d = P.useMemo(
1750
+ const [s, i] = F.useState(null), l = F.useMemo(
1760
1751
  () => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1,
1761
1752
  []
1762
1753
  );
1763
- P.useEffect(() => {
1764
- !a && !n && (typeof process > "u" || process.env.NODE_ENV !== "production") && console.error(
1754
+ F.useEffect(() => {
1755
+ !a && !o && (typeof process > "u" || process.env.NODE_ENV !== "production") && console.error(
1765
1756
  "[InlineNudge] requires anchorEl or anchorSelector. AP-07: Do not mount InlineNudge in Layout/** or _app.tsx."
1766
1757
  );
1767
- }, [a, n]), P.useLayoutEffect(() => {
1768
- let g = null;
1769
- if (a ? g = a : n && (g = document.querySelector(n)), g) {
1770
- const y = g.getBoundingClientRect();
1771
- s({
1772
- top: y.bottom + window.scrollY + 6,
1773
- left: y.left + window.scrollX
1758
+ }, [a, o]), F.useLayoutEffect(() => {
1759
+ let d = null;
1760
+ if (a ? d = a : o && (d = document.querySelector(o)), d) {
1761
+ const D = d.getBoundingClientRect();
1762
+ i({
1763
+ top: D.bottom + window.scrollY + 6,
1764
+ left: D.left + window.scrollX
1774
1765
  });
1775
1766
  }
1776
- }, [a, n]);
1777
- const m = o ? { top: o.top, left: o.left } : {};
1778
- return /* @__PURE__ */ R(
1767
+ }, [a, o]);
1768
+ const f = s ? { top: s.top, left: s.left } : {};
1769
+ return /* @__PURE__ */ A(
1779
1770
  "div",
1780
1771
  {
1781
1772
  className: B["gloss-inline-nudge"],
1782
- style: m,
1773
+ style: f,
1783
1774
  role: "status",
1784
1775
  "aria-live": "polite",
1785
- "data-reduced-motion": d ? "true" : void 0,
1776
+ "data-reduced-motion": l ? "true" : void 0,
1786
1777
  children: [
1787
- /* @__PURE__ */ u("span", { className: B["gloss-inline-nudge__message"], children: e }),
1788
- /* @__PURE__ */ R("div", { className: B["gloss-inline-nudge__actions"], children: [
1789
- /* @__PURE__ */ u(
1778
+ /* @__PURE__ */ g("span", { className: B["gloss-inline-nudge__message"], children: e }),
1779
+ /* @__PURE__ */ A("div", { className: B["gloss-inline-nudge__actions"], children: [
1780
+ /* @__PURE__ */ g(
1790
1781
  "button",
1791
1782
  {
1792
1783
  type: "button",
@@ -1795,12 +1786,12 @@ function Ke({
1795
1786
  children: t.label
1796
1787
  }
1797
1788
  ),
1798
- /* @__PURE__ */ u(
1789
+ /* @__PURE__ */ g(
1799
1790
  "button",
1800
1791
  {
1801
1792
  type: "button",
1802
1793
  className: `${B["gloss-inline-nudge__btn"]} ${B["gloss-inline-nudge__btn--dismiss"]}`,
1803
- onClick: r,
1794
+ onClick: n,
1804
1795
  "aria-label": "Dismiss",
1805
1796
  children: "Dismiss"
1806
1797
  }
@@ -1810,641 +1801,818 @@ function Ke({
1810
1801
  }
1811
1802
  );
1812
1803
  }
1813
- Ke.displayName = "InlineNudge";
1814
- function le(e) {
1804
+ We.displayName = "InlineNudge";
1805
+ function X(e) {
1815
1806
  return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
1816
1807
  }
1817
- function We(e, t, r) {
1818
- const a = r - t || 1, o = [...e].sort((s, d) => s.value - d.value).map((s) => {
1819
- const d = (s.value - t) / a * 100;
1820
- return `${le(s)} ${d.toFixed(2)}%`;
1808
+ function Ye(e, t, n) {
1809
+ if (n <= t) {
1810
+ const i = e[0], l = i ? X(i) : "#888";
1811
+ return `linear-gradient(to right, ${l}, ${l})`;
1812
+ }
1813
+ const a = n - t, s = [...e].sort((i, l) => i.value - l.value).map((i) => {
1814
+ const l = (i.value - t) / a * 100;
1815
+ return `${X(i)} ${l.toFixed(2)}%`;
1821
1816
  });
1822
- return o.length === 0 ? "linear-gradient(to right, #888 0%, #888 100%)" : o.length === 1 ? `linear-gradient(to right, ${o[0]}, ${o[0]})` : `linear-gradient(to right, ${o.join(", ")})`;
1817
+ 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(", ")})`;
1823
1818
  }
1824
- function Ze({
1819
+ function qe(e) {
1820
+ return e.map((t) => `${t.id}:${t.value}`).join("|");
1821
+ }
1822
+ function Ue({
1825
1823
  stops: e,
1826
1824
  onChange: t,
1827
- min: r = 0,
1825
+ min: n = 0,
1828
1826
  max: a = 100,
1829
- disabled: n = !1
1827
+ step: o,
1828
+ disabled: s = !1
1830
1829
  }) {
1831
- const o = F(null), [s, d] = M(null), [m, g] = M(e), y = F(e);
1832
- y.current !== e && (y.current = e, g(e));
1833
- const w = pe(() => We(m, r, a), [m, r, a]), l = v(
1834
- (b) => {
1835
- if (!o.current) return r;
1836
- const S = o.current.getBoundingClientRect(), T = Math.max(0, Math.min(1, (b - S.left) / S.width)), C = r + T * (a - r);
1837
- return Math.round(C * 100) / 100;
1830
+ const i = o === void 0 ? 0.01 : !Number.isFinite(o) || o <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
1831
+ `ThresholdRamp: step (${o}) must be a positive finite number; falling back to 0.01.`
1832
+ ), 0.01) : o, l = y(
1833
+ (r) => Math.round(r / i) * i,
1834
+ [i]
1835
+ ), f = M(null), [d, D] = O(null), [N, u] = O(e), m = qe(e), S = M(m);
1836
+ P(() => {
1837
+ S.current !== m && (S.current = m, !d && u(e));
1838
+ }, [m, e, d]);
1839
+ const R = ie(() => Ye(N, n, a), [N, n, a]), p = y(
1840
+ (r) => {
1841
+ if (!f.current) return n;
1842
+ const c = f.current.getBoundingClientRect(), b = c.width || 1, C = Math.max(0, Math.min(1, (r - c.left) / b)), w = n + C * (a - n);
1843
+ return l(w);
1838
1844
  },
1839
- [r, a]
1840
- ), i = v(
1841
- (b, S) => {
1842
- const T = m.find((C) => C.id === S);
1843
- n || T?.disabled || (typeof b.currentTarget.setPointerCapture == "function" && b.currentTarget.setPointerCapture(b.pointerId), d(S));
1845
+ [n, a, l]
1846
+ );
1847
+ P(() => {
1848
+ a <= n && process.env.NODE_ENV !== "production" && console.warn(
1849
+ `ThresholdRamp: max (${a}) must be greater than min (${n}); rendering degenerate strip.`
1850
+ );
1851
+ }, [n, a]);
1852
+ const x = y(
1853
+ (r, c) => {
1854
+ const b = N.find((C) => C.id === c);
1855
+ s || b?.disabled || (r.preventDefault(), D(c));
1844
1856
  },
1845
- [n, m]
1846
- ), f = v(
1847
- (b) => {
1848
- if (!s) return;
1849
- const S = l(b.clientX);
1850
- g(
1851
- (T) => T.map((C) => C.id === s ? { ...C, value: S } : C)
1857
+ [s, N]
1858
+ ), T = M(N);
1859
+ T.current = N;
1860
+ const v = M(t);
1861
+ v.current = t, P(() => {
1862
+ if (!d) return;
1863
+ const r = (b) => {
1864
+ const C = p(b.clientX);
1865
+ u(
1866
+ (w) => w.map((I) => I.id === d ? { ...I, value: C } : I)
1852
1867
  );
1853
- },
1854
- [s, l]
1855
- ), N = v(
1856
- (b) => {
1857
- if (!s) return;
1858
- const S = l(b.clientX), T = m.map(
1859
- (C) => C.id === s ? { ...C, value: S } : C
1868
+ }, c = (b) => {
1869
+ const C = p(b.clientX), w = T.current.map(
1870
+ (I) => I.id === d ? { ...I, value: C } : I
1871
+ );
1872
+ u(w), D(null), v.current(w);
1873
+ };
1874
+ return window.addEventListener("pointermove", r), window.addEventListener("pointerup", c), window.addEventListener("pointercancel", c), () => {
1875
+ window.removeEventListener("pointermove", r), window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", c);
1876
+ };
1877
+ }, [d, p]);
1878
+ const k = a - n > 0 ? a - n : 1, h = y(
1879
+ (r, c) => {
1880
+ if (s || c.disabled) return;
1881
+ const b = a - n;
1882
+ if (b <= 0) return;
1883
+ const C = r.shiftKey ? b / 20 : b / 100;
1884
+ let w = c.value;
1885
+ switch (r.key) {
1886
+ case "ArrowRight":
1887
+ case "ArrowUp":
1888
+ w = c.value + C;
1889
+ break;
1890
+ case "ArrowLeft":
1891
+ case "ArrowDown":
1892
+ w = c.value - C;
1893
+ break;
1894
+ case "Home":
1895
+ w = n;
1896
+ break;
1897
+ case "End":
1898
+ w = a;
1899
+ break;
1900
+ default:
1901
+ return;
1902
+ }
1903
+ r.preventDefault();
1904
+ const I = Math.max(n, Math.min(a, w)), _ = l(I);
1905
+ if (_ === c.value) return;
1906
+ const K = N.map(
1907
+ (G) => G.id === c.id ? { ...G, value: _ } : G
1860
1908
  );
1861
- g(T), d(null), t(T);
1909
+ u(K), t(K);
1862
1910
  },
1863
- [s, l, m, t]
1864
- ), k = a - r || 1;
1865
- return /* @__PURE__ */ u("div", { className: "gloss-threshold-ramp", "data-disabled": n || void 0, children: /* @__PURE__ */ u(
1911
+ [s, n, a, N, t, l]
1912
+ );
1913
+ return /* @__PURE__ */ g("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ g(
1866
1914
  "div",
1867
1915
  {
1868
- ref: o,
1916
+ ref: f,
1869
1917
  className: "gloss-threshold-ramp__track",
1870
- style: { background: w },
1871
- onPointerMove: f,
1872
- onPointerUp: N,
1873
- onPointerLeave: N,
1874
- children: m.map((b) => {
1875
- const S = (b.value - r) / k * 100;
1876
- return /* @__PURE__ */ u(
1918
+ style: { background: R },
1919
+ children: N.map((r) => {
1920
+ const c = (r.value - n) / k * 100;
1921
+ return /* @__PURE__ */ g(
1877
1922
  "span",
1878
1923
  {
1879
1924
  className: "gloss-threshold-ramp__stop",
1880
1925
  style: {
1881
- left: `${S}%`,
1882
- color: le(b)
1926
+ left: `${c}%`,
1927
+ color: X(r)
1883
1928
  },
1884
- "data-disabled": b.disabled || void 0,
1885
- "data-dragging": s === b.id || void 0,
1886
- onPointerDown: (T) => i(T, b.id),
1887
- "aria-label": b.label ?? `Stop at ${b.value}`,
1929
+ "data-disabled": r.disabled || void 0,
1930
+ "data-dragging": d === r.id || void 0,
1931
+ onPointerDown: (b) => x(b, r.id),
1932
+ onKeyDown: (b) => h(b, r),
1933
+ "aria-label": r.label ?? `Stop at ${r.value}`,
1888
1934
  role: "slider",
1889
- "aria-valuenow": b.value,
1890
- "aria-valuemin": r,
1935
+ "aria-valuenow": r.value,
1936
+ "aria-valuemin": n,
1891
1937
  "aria-valuemax": a,
1892
- tabIndex: b.disabled ? -1 : 0
1938
+ "aria-disabled": r.disabled || s || void 0,
1939
+ tabIndex: r.disabled || s ? -1 : 0
1893
1940
  },
1894
- b.id
1941
+ r.id
1895
1942
  );
1896
1943
  })
1897
1944
  }
1898
1945
  ) });
1899
1946
  }
1900
- Ze.displayName = "ThresholdRamp";
1901
- const de = be(null);
1902
- function Ye() {
1903
- return he(de);
1947
+ Ue.displayName = "ThresholdRamp";
1948
+ const me = ve(null);
1949
+ function je() {
1950
+ return ye(me);
1904
1951
  }
1905
- function qe({ option: e }) {
1906
- const t = Ye(), r = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, n = v(() => {
1952
+ function Qe({ option: e }) {
1953
+ const t = je(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, o = y(() => {
1907
1954
  a || t?.select(e.value);
1908
- }, [a, t, e.value]), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
1909
- return /* @__PURE__ */ u(
1955
+ }, [a, t, e.value]), s = y(
1956
+ (d) => {
1957
+ a || t?.onKeyNav(d, e.value);
1958
+ },
1959
+ [a, t, e.value]
1960
+ ), i = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", l = t?.firstFocusableValue === e.value, f = a ? -1 : l ? 0 : -1;
1961
+ return /* @__PURE__ */ g(
1910
1962
  "button",
1911
1963
  {
1964
+ ref: (d) => t?.registerRef(e.value, d),
1912
1965
  type: "button",
1966
+ role: "radio",
1967
+ "aria-checked": n,
1913
1968
  className: "gloss-preset-swatch-row__swatch",
1914
- style: { backgroundColor: o },
1915
- "data-selected": r || void 0,
1969
+ style: { backgroundColor: i },
1970
+ "data-selected": n || void 0,
1916
1971
  "data-disabled": a || void 0,
1917
- "data-bg-color": o,
1972
+ ...process.env.NODE_ENV === "test" ? { "data-bg-color": i } : {},
1918
1973
  "aria-label": e.label ?? e.value,
1919
- "aria-pressed": r,
1920
1974
  "aria-disabled": a,
1921
1975
  disabled: a,
1922
- onClick: n
1976
+ tabIndex: f,
1977
+ onClick: o,
1978
+ onKeyDown: s
1923
1979
  }
1924
1980
  );
1925
1981
  }
1926
- function Ve({
1982
+ function Xe({
1927
1983
  swatches: e,
1928
1984
  value: t,
1929
- defaultValue: r,
1985
+ defaultValue: n,
1930
1986
  onChange: a,
1931
- disabled: n = !1,
1932
- name: o
1987
+ disabled: o = !1,
1988
+ name: s
1933
1989
  }) {
1934
- const s = t !== void 0, [d, m] = M(r), g = s ? t : d, y = v(
1935
- (i) => {
1936
- s || m(i), a?.(i);
1990
+ const i = t !== void 0, [l, f] = O(n), d = i ? t : l, D = y(
1991
+ (v) => {
1992
+ i || f(v), a?.(v);
1993
+ },
1994
+ [i, a]
1995
+ ), N = y(
1996
+ (v) => d === v,
1997
+ [d]
1998
+ ), u = M(/* @__PURE__ */ new Map()), m = y((v, k) => {
1999
+ k ? u.current.set(v, k) : u.current.delete(v);
2000
+ }, []), S = e.filter((v) => !v.disabled && !o), R = S.find((v) => v.value === d)?.value ?? S[0]?.value, p = y((v) => {
2001
+ const k = u.current.get(v);
2002
+ k && k.focus();
2003
+ }, []), x = y(
2004
+ (v, k) => {
2005
+ if (o) return;
2006
+ const h = e.filter((C) => !C.disabled);
2007
+ if (h.length === 0) return;
2008
+ const r = h.findIndex((C) => C.value === k);
2009
+ if (r === -1) return;
2010
+ let c = r;
2011
+ switch (v.key) {
2012
+ case "ArrowRight":
2013
+ case "ArrowDown":
2014
+ c = (r + 1) % h.length;
2015
+ break;
2016
+ case "ArrowLeft":
2017
+ case "ArrowUp":
2018
+ c = (r - 1 + h.length) % h.length;
2019
+ break;
2020
+ case "Home":
2021
+ c = 0;
2022
+ break;
2023
+ case "End":
2024
+ c = h.length - 1;
2025
+ break;
2026
+ case " ":
2027
+ case "Enter":
2028
+ v.preventDefault(), D(k);
2029
+ return;
2030
+ default:
2031
+ return;
2032
+ }
2033
+ v.preventDefault();
2034
+ const b = h[c].value;
2035
+ p(b), D(b);
1937
2036
  },
1938
- [s, a]
1939
- ), w = v(
1940
- (i) => g === i,
1941
- [g]
1942
- ), l = {
1943
- selectedValue: g,
1944
- select: y,
1945
- isSelected: w,
1946
- groupDisabled: n,
1947
- name: o
2037
+ [o, e, D, p]
2038
+ ), T = {
2039
+ selectedValue: d,
2040
+ select: D,
2041
+ isSelected: N,
2042
+ groupDisabled: o,
2043
+ name: s,
2044
+ registerRef: m,
2045
+ firstFocusableValue: R,
2046
+ onKeyNav: x
1948
2047
  };
1949
- return /* @__PURE__ */ u(de.Provider, { value: l, children: /* @__PURE__ */ u(
2048
+ return /* @__PURE__ */ g(me.Provider, { value: T, children: /* @__PURE__ */ g(
1950
2049
  "div",
1951
2050
  {
1952
2051
  className: "gloss-preset-swatch-row",
1953
2052
  role: "radiogroup",
1954
- "aria-label": o,
1955
- "aria-disabled": n,
1956
- "data-disabled": n || void 0,
1957
- children: e.map((i) => /* @__PURE__ */ u(qe, { option: i }, i.value))
2053
+ "aria-label": s,
2054
+ "aria-disabled": o,
2055
+ "data-disabled": o || void 0,
2056
+ children: e.map((v) => /* @__PURE__ */ g(Qe, { option: v }, v.value))
1958
2057
  }
1959
2058
  ) });
1960
2059
  }
1961
- Ve.displayName = "PresetSwatchRow";
1962
- function U(e, t) {
1963
- for (const r of e)
1964
- if (r.items.some((a) => a.id === t))
1965
- return r.zoneKey;
2060
+ Xe.displayName = "PresetSwatchRow";
2061
+ function J(e, t) {
2062
+ for (const n of e)
2063
+ if (n.items.some((a) => a.id === t))
2064
+ return n.zoneKey;
1966
2065
  return null;
1967
2066
  }
1968
- function ae(e, t) {
1969
- const r = e.find((a) => a.zoneKey === t);
1970
- return r ? r.zoneKey : U(e, t);
2067
+ function se(e, t) {
2068
+ const n = e.find((a) => a.zoneKey === t);
2069
+ return n ? n.zoneKey : J(e, t);
2070
+ }
2071
+ function Je(e, t, n) {
2072
+ const a = [...e], [o] = a.splice(t, 1);
2073
+ return a.splice(n, 0, o), a;
1971
2074
  }
1972
- function Ue(e, t, r) {
1973
- const a = [...e], [n] = a.splice(t, 1);
1974
- return a.splice(r, 0, n), a;
2075
+ function et(e) {
2076
+ return e.map((t) => `${t.zoneKey}:${t.items.map((n) => n.id).join(",")}`).join("|");
1975
2077
  }
1976
- function je(e) {
1977
- const [t, r] = M(() => e.zones), [a, n] = M(null), [o, s] = M(null), d = F(null), m = F(e.onZoneChange);
1978
- m.current = e.onZoneChange;
1979
- const g = v(
1980
- (f) => {
1981
- const N = f.active.id;
1982
- let k = null, b = null;
1983
- for (const S of t) {
1984
- const T = S.items.find((C) => C.id === N);
1985
- if (T) {
1986
- k = T, b = S.zoneKey;
2078
+ function tt(e) {
2079
+ const [t, n] = O(
2080
+ () => e.zones.map((p) => p.maxItems !== void 0 && p.items.length > p.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
2081
+ `useSortableZones: zone "${p.zoneKey}" exceeds maxItems (${p.items.length} > ${p.maxItems}); trimming to cap.`
2082
+ ), { ...p, items: p.items.slice(0, p.maxItems) }) : p)
2083
+ ), [a, o] = O(null), [s, i] = O(null), l = M(null), f = M(e.onZoneChange);
2084
+ f.current = e.onZoneChange;
2085
+ const d = ie(
2086
+ () => et(e.zones),
2087
+ [e.zones]
2088
+ ), D = M(d);
2089
+ P(() => {
2090
+ D.current !== d && (D.current = d, !a && n(
2091
+ e.zones.map((p) => p.maxItems !== void 0 && p.items.length > p.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
2092
+ `useSortableZones: zone "${p.zoneKey}" exceeds maxItems (${p.items.length} > ${p.maxItems}); trimming to cap.`
2093
+ ), { ...p, items: p.items.slice(0, p.maxItems) }) : p)
2094
+ ));
2095
+ }, [d, e.zones, a]);
2096
+ const N = y(
2097
+ (p) => {
2098
+ const x = p.active.id;
2099
+ let T = null, v = null;
2100
+ for (const k of t) {
2101
+ const h = k.items.find((r) => r.id === x);
2102
+ if (h) {
2103
+ T = h, v = k.zoneKey;
1987
2104
  break;
1988
2105
  }
1989
2106
  }
1990
- d.current = b, n(k), s(b);
2107
+ l.current = v, o(T), i(v);
1991
2108
  },
1992
2109
  [t]
1993
- ), y = v(
1994
- (f) => {
1995
- if (!f.over) {
1996
- s(d.current);
2110
+ ), u = y(
2111
+ (p) => {
2112
+ if (!p.over) {
2113
+ i(l.current);
1997
2114
  return;
1998
2115
  }
1999
- const N = ae(t, f.over.id);
2000
- s(N);
2116
+ const x = se(t, p.over.id);
2117
+ i(x);
2001
2118
  },
2002
2119
  [t]
2003
- ), w = v(
2004
- (f) => {
2005
- const { active: N, over: k } = f, b = () => {
2006
- d.current = null, n(null), s(null);
2120
+ ), m = y(
2121
+ (p) => {
2122
+ const { active: x, over: T } = p, v = () => {
2123
+ l.current = null, o(null), i(null);
2007
2124
  };
2008
- if (!k) {
2009
- b();
2125
+ if (!T) {
2126
+ v();
2010
2127
  return;
2011
2128
  }
2012
- const S = U(t, N.id), T = ae(t, k.id);
2013
- if (!S || !T) {
2014
- b();
2129
+ const k = J(t, x.id), h = se(t, T.id);
2130
+ if (!k || !h) {
2131
+ v();
2015
2132
  return;
2016
2133
  }
2017
- let C = t.map((p) => ({ ...p, items: [...p.items] }));
2018
- if (S === T) {
2019
- const p = C.findIndex((x) => x.zoneKey === S), c = C[p], D = c.items.findIndex((x) => x.id === N.id), h = c.items.findIndex((x) => x.id === k.id), I = h >= 0 ? h : c.items.length - 1;
2020
- C[p] = {
2021
- ...c,
2022
- items: Ue(c.items, D, I)
2134
+ let r = t.map((c) => ({ ...c, items: [...c.items] }));
2135
+ if (k === h) {
2136
+ const c = r.findIndex((_) => _.zoneKey === k), b = r[c], C = b.items.findIndex((_) => _.id === x.id), w = b.items.findIndex((_) => _.id === T.id), I = w >= 0 ? w : Math.max(0, b.items.length - 1);
2137
+ r[c] = {
2138
+ ...b,
2139
+ items: Je(b.items, C, I)
2023
2140
  };
2024
2141
  } else {
2025
- const p = C.findIndex((_) => _.zoneKey === S), c = C.findIndex((_) => _.zoneKey === T), D = C[p], h = C[c], I = D.items.find((_) => _.id === N.id), x = D.items.filter((_) => _.id !== N.id), E = h.items.findIndex((_) => _.id === k.id), G = E >= 0 ? E : h.items.length;
2026
- let Q = x, L = [...h.items];
2027
- if (h.maxItems !== void 0 && L.length >= h.maxItems) {
2028
- const _ = L[L.length - 1];
2029
- L = L.slice(0, h.maxItems - 1), Q = [...x, _];
2142
+ const c = r.findIndex((E) => E.zoneKey === k), b = r.findIndex((E) => E.zoneKey === h), C = r[c], w = r[b], I = C.items.find((E) => E.id === x.id);
2143
+ if (!I) {
2144
+ v();
2145
+ return;
2146
+ }
2147
+ const _ = C.items.filter((E) => E.id !== x.id), K = w.items.findIndex((E) => E.id === T.id), G = K >= 0 ? K : w.items.length;
2148
+ let te = _, $ = [...w.items];
2149
+ if (w.maxItems !== void 0 && $.length >= w.maxItems) {
2150
+ const E = $[$.length - 1];
2151
+ $ = $.slice(0, w.maxItems - 1), te = [..._, E];
2030
2152
  }
2031
- const X = Math.min(G, L.length), me = [
2032
- ...L.slice(0, X),
2153
+ const ae = Math.min(G, $.length), fe = [
2154
+ ...$.slice(0, ae),
2033
2155
  I,
2034
- ...L.slice(X)
2156
+ ...$.slice(ae)
2035
2157
  ];
2036
- C[p] = { ...D, items: Q }, C[c] = { ...h, items: me };
2158
+ r[c] = { ...C, items: te }, r[b] = { ...w, items: fe };
2037
2159
  }
2038
- r(C), m.current?.(C), b();
2160
+ n(r), f.current?.(r), v();
2039
2161
  },
2040
2162
  [t]
2041
- ), l = v(
2042
- (f) => ({
2043
- id: f,
2044
- "data-zone-key": f
2163
+ ), S = y(
2164
+ (p) => ({
2165
+ id: p,
2166
+ "data-zone-key": p
2045
2167
  }),
2046
2168
  []
2047
- ), i = v(
2048
- (f) => {
2049
- const N = U(t, f.id) ?? "";
2169
+ ), R = y(
2170
+ (p) => {
2171
+ const x = J(t, p.id) ?? "";
2050
2172
  return {
2051
- id: f.id,
2052
- "data-item-id": f.id,
2053
- "data-zone-key": N
2173
+ id: p.id,
2174
+ "data-item-id": p.id,
2175
+ "data-zone-key": x
2054
2176
  };
2055
2177
  },
2056
2178
  [t]
2057
2179
  );
2058
2180
  return {
2059
2181
  zones: t,
2060
- activeZone: o,
2182
+ activeZone: s,
2061
2183
  activeItem: a,
2062
- getZoneProps: l,
2063
- getItemProps: i,
2064
- handleDragStart: g,
2065
- handleDragOver: y,
2066
- handleDragEnd: w
2184
+ getZoneProps: S,
2185
+ getItemProps: R,
2186
+ handleDragStart: N,
2187
+ handleDragOver: u,
2188
+ handleDragEnd: m
2067
2189
  };
2068
2190
  }
2069
- let $ = null, z = null, re = !1;
2070
- function Qe() {
2071
- return $ ? Promise.resolve($) : re ? Promise.resolve(null) : z || (z = (async () => {
2191
+ let H = null, V = null, q = !1;
2192
+ const at = [
2193
+ "DndContext",
2194
+ "DragOverlay",
2195
+ "useSensors",
2196
+ "useSensor",
2197
+ "useDroppable",
2198
+ "PointerSensor",
2199
+ "KeyboardSensor",
2200
+ "closestCenter"
2201
+ ], rt = [
2202
+ "SortableContext",
2203
+ "useSortable",
2204
+ "verticalListSortingStrategy"
2205
+ ];
2206
+ function nt(e, t) {
2207
+ const n = [], a = e ?? {};
2208
+ for (const s of at)
2209
+ a[s] === void 0 && n.push(`@dnd-kit/core:${s}`);
2210
+ const o = t ?? {};
2211
+ for (const s of rt)
2212
+ o[s] === void 0 && n.push(`@dnd-kit/sortable:${s}`);
2213
+ return n.length === 0 ? { ok: !0 } : { ok: !1, missing: n };
2214
+ }
2215
+ function ot() {
2216
+ return H ? Promise.resolve(H) : q ? Promise.resolve(null) : V || (V = (async () => {
2072
2217
  try {
2073
- const [e, t, r] = await Promise.all([
2218
+ const [e, t, n] = await Promise.all([
2074
2219
  import("@dnd-kit/core"),
2075
2220
  import("@dnd-kit/sortable"),
2076
- import("@dnd-kit/utilities").catch(() => ({}))
2077
- ]);
2078
- return $ = {
2221
+ import("@dnd-kit/utilities").catch(() => (process.env.NODE_ENV !== "production" && console.warn(
2222
+ "SortableZones: @dnd-kit/utilities failed to load; drag-overlay positioning will fall back (items may teleport instead of slide)."
2223
+ ), {}))
2224
+ ]), a = nt(e, t);
2225
+ return a.ok ? (H = {
2079
2226
  core: e,
2080
2227
  sortable: t,
2081
- utilities: r
2082
- }, $;
2228
+ utilities: n
2229
+ }, H) : (q = !0, process.env.NODE_ENV !== "production" && console.error(
2230
+ `SortableZones: @dnd-kit shape mismatch — missing exports: ${a.missing.join(", ")}. Check installed versions against optionalDependencies in @mt-gloss/ui.`
2231
+ ), null);
2083
2232
  } catch {
2084
- return re = !0, null;
2233
+ return q = !0, null;
2085
2234
  }
2086
- })(), z);
2235
+ })(), V);
2087
2236
  }
2088
- function Xe(e) {
2089
- const { zones: t, onZoneChange: r, renderZone: a, renderItem: n, renderDragOverlay: o } = e, s = je({ zones: t, onZoneChange: r }), [d, m] = P.useState($);
2090
- return P.useEffect(() => {
2091
- if (d) return;
2092
- let g = !0;
2093
- return Qe().then((y) => {
2094
- g && m(y);
2237
+ function st(e) {
2238
+ const { zones: t, onZoneChange: n, renderZone: a, renderItem: o, renderDragOverlay: s } = e, i = tt({ zones: t, onZoneChange: n }), [l, f] = F.useState(H);
2239
+ return F.useEffect(() => {
2240
+ if (l) return;
2241
+ let d = !0;
2242
+ return ot().then((D) => {
2243
+ d && f(D);
2095
2244
  }), () => {
2096
- g = !1;
2245
+ d = !1;
2097
2246
  };
2098
- }, [d]), d ? /* @__PURE__ */ u(
2099
- ce,
2247
+ }, [l]), l ? /* @__PURE__ */ g(
2248
+ pe,
2100
2249
  {
2101
- state: s,
2102
- modules: d,
2250
+ state: i,
2251
+ modules: l,
2103
2252
  renderZone: a,
2104
- renderItem: n,
2105
- renderDragOverlay: o
2253
+ renderItem: o,
2254
+ renderDragOverlay: s
2106
2255
  }
2107
- ) : /* @__PURE__ */ u("div", { "data-sortable-zones-passive": "true", children: s.zones.map((g) => {
2108
- const y = g.items.map((w) => /* @__PURE__ */ u(P.Fragment, { children: n(w) }, w.id));
2109
- return /* @__PURE__ */ u("div", { ...s.getZoneProps(g.zoneKey), children: a(g.zoneKey, g.items, y) }, g.zoneKey);
2256
+ ) : /* @__PURE__ */ g("div", { "data-sortable-zones-passive": "true", children: i.zones.map((d) => {
2257
+ const D = d.items.map((N) => /* @__PURE__ */ g(F.Fragment, { children: o(N) }, N.id));
2258
+ return /* @__PURE__ */ g("div", { ...i.getZoneProps(d.zoneKey), children: a(d.zoneKey, d.items, D) }, d.zoneKey);
2110
2259
  }) });
2111
2260
  }
2112
- Xe.displayName = "SortableZones";
2113
- function ce({
2261
+ st.displayName = "SortableZones";
2262
+ function pe({
2114
2263
  state: e,
2115
2264
  modules: t,
2116
- renderZone: r,
2265
+ renderZone: n,
2117
2266
  renderItem: a,
2118
- renderDragOverlay: n
2267
+ renderDragOverlay: o
2119
2268
  }) {
2120
- const { core: o, sortable: s, utilities: d } = t, { DndContext: m, DragOverlay: g, useSensors: y, useSensor: w, PointerSensor: l, KeyboardSensor: i, closestCenter: f } = o, { SortableContext: N, verticalListSortingStrategy: k } = s, b = y(
2121
- w(l, { activationConstraint: { distance: 5 } }),
2122
- w(i)
2123
- ), S = m, T = g, C = N;
2124
- return /* @__PURE__ */ R(
2125
- S,
2269
+ const { core: s, sortable: i, utilities: l } = t, { DndContext: f, DragOverlay: d, useSensors: D, useSensor: N, useDroppable: u, PointerSensor: m, KeyboardSensor: S, closestCenter: R } = s, { SortableContext: p, verticalListSortingStrategy: x } = i, T = D(
2270
+ N(m, { activationConstraint: { distance: 5 } }),
2271
+ N(S)
2272
+ ), v = f, k = d, h = p;
2273
+ return /* @__PURE__ */ A(
2274
+ v,
2126
2275
  {
2127
- sensors: b,
2128
- collisionDetection: f,
2276
+ sensors: T,
2277
+ collisionDetection: R,
2129
2278
  onDragStart: e.handleDragStart,
2130
2279
  onDragOver: e.handleDragOver,
2131
2280
  onDragEnd: e.handleDragEnd,
2132
2281
  children: [
2133
- e.zones.map((p) => {
2134
- const c = p.items.map((h) => h.id), D = p.items.map((h) => /* @__PURE__ */ u(
2135
- ue,
2282
+ e.zones.map((r) => {
2283
+ const c = r.items.map((C) => C.id), b = r.items.map((C) => /* @__PURE__ */ g(
2284
+ ge,
2136
2285
  {
2137
- id: h.id,
2138
- useSortable: s.useSortable,
2139
- cssHelper: d.CSS,
2140
- children: a(h)
2286
+ id: C.id,
2287
+ useSortable: i.useSortable,
2288
+ cssHelper: l.CSS,
2289
+ children: a(C)
2141
2290
  },
2142
- h.id
2291
+ C.id
2143
2292
  ));
2144
- return /* @__PURE__ */ u("div", { ...e.getZoneProps(p.zoneKey), children: /* @__PURE__ */ u(C, { items: c, strategy: k, children: r(p.zoneKey, p.items, D) }) }, p.zoneKey);
2293
+ return /* @__PURE__ */ g(
2294
+ be,
2295
+ {
2296
+ zoneKey: r.zoneKey,
2297
+ zoneProps: e.getZoneProps(r.zoneKey),
2298
+ useDroppable: u,
2299
+ children: /* @__PURE__ */ g(h, { items: c, strategy: x, children: n(r.zoneKey, r.items, b) })
2300
+ },
2301
+ r.zoneKey
2302
+ );
2145
2303
  }),
2146
- /* @__PURE__ */ u(T, { children: e.activeItem ? n?.(e.activeItem) ?? a(e.activeItem) : null })
2304
+ /* @__PURE__ */ g(k, { children: e.activeItem ? o?.(e.activeItem) ?? a(e.activeItem) : null })
2147
2305
  ]
2148
2306
  }
2149
2307
  );
2150
2308
  }
2151
- ce.displayName = "SortableZonesInner";
2152
- function ue({ id: e, useSortable: t, cssHelper: r, children: a }) {
2153
- const { attributes: n, listeners: o, setNodeRef: s, transform: d, transition: m, isDragging: g } = t({ id: e }), y = {
2154
- transform: r?.Transform?.toString(d) ?? void 0,
2155
- transition: m,
2156
- opacity: g ? 0.5 : 1
2309
+ pe.displayName = "SortableZonesInner";
2310
+ function ge({ id: e, useSortable: t, cssHelper: n, children: a }) {
2311
+ const { attributes: o, listeners: s, setNodeRef: i, transform: l, transition: f, isDragging: d } = t({ id: e }), D = {
2312
+ transform: n?.Transform?.toString(l) ?? void 0,
2313
+ transition: f,
2314
+ opacity: d ? 0.5 : 1
2157
2315
  };
2158
- return /* @__PURE__ */ u("div", { ref: s, style: y, "data-sortable-item-id": e, ...n, ...o, children: a });
2316
+ return /* @__PURE__ */ g("div", { ref: i, style: D, "data-sortable-item-id": e, ...o, ...s, children: a });
2317
+ }
2318
+ ge.displayName = "SortableItem";
2319
+ function be({
2320
+ zoneKey: e,
2321
+ zoneProps: t,
2322
+ useDroppable: n,
2323
+ children: a
2324
+ }) {
2325
+ const { setNodeRef: o, isOver: s } = n({ id: e });
2326
+ return /* @__PURE__ */ g("div", { ref: o, "data-zone-is-over": s || void 0, ...t, children: a });
2159
2327
  }
2160
- ue.displayName = "SortableItem";
2161
- const Je = P.forwardRef(({ density: e = "compact", children: t, ...r }, a) => {
2162
- const n = { ...r };
2163
- return delete n.className, delete n.style, /* @__PURE__ */ u("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...n, children: /* @__PURE__ */ u(j, { region: "toolbar", density: e, children: t }) });
2328
+ be.displayName = "ZoneDroppable";
2329
+ const it = F.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
2330
+ const o = { ...n };
2331
+ return delete o.className, delete o.style, /* @__PURE__ */ g("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...o, children: /* @__PURE__ */ g(ee, { region: "toolbar", density: e, children: t }) });
2164
2332
  });
2165
- Je.displayName = "ContainerToolbar";
2166
- const et = P.forwardRef(({ legend: e, description: t, density: r = "default", children: a, ...n }, o) => {
2167
- const s = { ...n };
2168
- return delete s.className, delete s.style, /* @__PURE__ */ R("fieldset", { ref: o, className: "gloss-container-form-section", ...s, children: [
2169
- e && /* @__PURE__ */ u("legend", { className: "gloss-container-form-section__legend", children: e }),
2170
- t && /* @__PURE__ */ u("p", { className: "gloss-container-form-section__description", children: t }),
2171
- /* @__PURE__ */ u(j, { region: "form-section", density: r, children: a })
2333
+ it.displayName = "ContainerToolbar";
2334
+ const lt = F.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...o }, s) => {
2335
+ const i = { ...o };
2336
+ return delete i.className, delete i.style, /* @__PURE__ */ A("fieldset", { ref: s, className: "gloss-container-form-section", ...i, children: [
2337
+ e && /* @__PURE__ */ g("legend", { className: "gloss-container-form-section__legend", children: e }),
2338
+ t && /* @__PURE__ */ g("p", { className: "gloss-container-form-section__description", children: t }),
2339
+ /* @__PURE__ */ g(ee, { region: "form-section", density: n, children: a })
2172
2340
  ] });
2173
2341
  });
2174
- et.displayName = "ContainerFormSection";
2175
- const tt = P.forwardRef(({ density: e = "compact", children: t, ...r }, a) => {
2176
- const n = { ...r };
2177
- return delete n.className, delete n.style, /* @__PURE__ */ u("div", { ref: a, className: "gloss-container-table", ...n, children: /* @__PURE__ */ u(j, { region: "table", density: e, children: t }) });
2342
+ lt.displayName = "ContainerFormSection";
2343
+ const dt = F.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
2344
+ const o = { ...n };
2345
+ return delete o.className, delete o.style, /* @__PURE__ */ g("div", { ref: a, className: "gloss-container-table", ...o, children: /* @__PURE__ */ g(ee, { region: "table", density: e, children: t }) });
2178
2346
  });
2179
- tt.displayName = "ContainerTable";
2347
+ dt.displayName = "ContainerTable";
2180
2348
  export {
2181
- Xt as Accordion,
2182
- Jt as AccordionContent,
2183
- ea as AccordionItem,
2184
- ta as AccordionTrigger,
2185
- aa as Actionable,
2186
- ra as AddressGroup,
2187
- na as AddressSelect,
2188
- oa as AsyncLoader,
2189
- sa as Autocomplete,
2190
- ia as Badge,
2191
- la as BarChartCard,
2192
- da as BarsBg,
2193
- ca as Button,
2194
- ua as ButtonGroup,
2195
- ma as ButtonGroupContext,
2196
- ga as Card,
2197
- pa as CardActions,
2198
- ba as CardBack,
2199
- ha as CardBody,
2200
- fa as CardFooter,
2201
- va as CardHeader,
2202
- Ca as CardMedia,
2203
- ya as CardShell,
2204
- Da as CardSubtitle,
2205
- wa as CardTitle,
2206
- Na as ChartControlBar,
2207
- Sa as Checkbox,
2208
- Ta as CheckboxGroup,
2209
- xa as Chip,
2210
- ka as ColorPicker,
2211
- Ia as ComparisonCard,
2212
- Pa as ContactForm,
2213
- _a as ContainerCard,
2214
- Ma as ContainerCardActions,
2215
- Ra as ContainerCardBody,
2216
- Fa as ContainerCardFooter,
2217
- Oa as ContainerCardHeader,
2218
- Aa as ContainerCardMedia,
2219
- Ea as ContainerCardSubtitle,
2220
- La as ContainerCardTitle,
2221
- Ba as ContainerDialog,
2222
- Ga as ContainerDialogActions,
2223
- $a as ContainerDialogBody,
2224
- Ha as ContainerDialogHeader,
2225
- et as ContainerFormSection,
2226
- za as ContainerPanel,
2227
- tt as ContainerTable,
2228
- Je as ContainerToolbar,
2229
- Ka as CreditCardForm,
2230
- fo as DEFAULT_MARKET_PRESETS,
2231
- vo as DEFAULT_PINNED,
2232
- Wa as DataTable,
2233
- Za as DatePicker,
2234
- Ya as DateRangePicker,
2235
- qa as DestructiveModal,
2236
- Va as DirectionCard,
2237
- Ua as Dismissible,
2238
- ja as DistributionCard,
2239
- Qa as DonutChart,
2240
- Xa as Dropdown,
2241
- Ja as ENTITY_FILTER_KEYS,
2242
- er as ENTITY_PROFILE_ROUTES,
2243
- tr as ENTITY_TYPE_PLURAL,
2244
- xe as EdgeHoverHandle,
2245
- ar as EntityPicker,
2246
- rr as EntitySearchPanel,
2247
- nr as Expandable,
2248
- or as ExpandableChip,
2249
- Ct as FLIP_AND_STAGE_TIMINGS,
2250
- sr as FileUpload,
2251
- ir as FilterChip,
2252
- lr as FilterInput,
2253
- dr as FlipAndStageProvider,
2254
- cr as Form,
2255
- ur as FormDialog,
2256
- mr as FormField,
2257
- gr as FusedShape,
2258
- ke as GhostPreview,
2259
- pr as GroupCheckbox,
2260
- br as GroupRadio,
2261
- hr as GutterActions,
2262
- fr as HighlightCard,
2263
- vr as HybridDatePicker,
2264
- Cr as ImportWizard,
2265
- Ke as InlineNudge,
2266
- yr as Input,
2267
- Dr as InputAddon,
2268
- wr as InputGroup,
2269
- Nr as Link,
2270
- Sr as LoginForm,
2271
- Tr as MarketPresetRow,
2272
- xr as MaskPresets,
2273
- kr as MaskedInput,
2274
- Ir as Menu,
2275
- Pr as MenuDivider,
2276
- _r as MenuGroup,
2277
- Mr as MenuItem,
2278
- Rr as MergePrompt,
2279
- Fr as MetricCard,
2280
- Or as MetricCardGrid,
2281
- ze as MetricGroupContainer,
2282
- Ar as MiniCalendar,
2283
- Er as MultiSelect,
2284
- Lr as NumberInput,
2285
- Br as ObjectArrow,
2286
- Gr as OrderFilterBar,
2287
- Co as PERIOD_OPTIONS,
2288
- Oe as PageChip,
2289
- ne as PageDropdown,
2290
- $r as PasswordInput,
2291
- Hr as PaymentForm,
2292
- zr as PaymentMethodSelect,
2293
- Kr as PhoneInput,
2294
- Wr as PinToMetric,
2295
- Ve as PresetSwatchRow,
2296
- Zr as ProfileCard,
2297
- Yr as ProgressCard,
2298
- qr as QuickConfigPanel,
2299
- yo as ROLLING_OPTIONS,
2300
- Vr as Radio,
2301
- Ur as RadioGroup,
2302
- jr as RangeSlider,
2303
- Qr as Rating,
2304
- Xr as RegistrationForm,
2305
- Jr as Row1Controls,
2306
- en as Row2FilterTray,
2307
- tn as SearchInput,
2308
- an as SegmentCard,
2309
- rn as SegmentedControl,
2310
- nn as Select,
2311
- on as Selectable,
2312
- sn as SimpleMetricCard,
2313
- ln as SimpleSelector,
2314
- dn as Skeleton,
2315
- cn as SkeletonCard,
2316
- un as SkeletonChart,
2317
- mn as SkeletonTable,
2318
- gn as Slider,
2319
- pn as Sortable,
2320
- Xe as SortableZones,
2321
- bn as SparklineBg,
2322
- hn as SplitButton,
2323
- fn as StackedGroupCard,
2324
- vn as StatusModeCard,
2325
- Te as StatusSlotChipMenu,
2326
- Cn as Stepper,
2327
- Do as TODAY_PRESET,
2328
- yn as TabGroup,
2329
- Dn as TabbedDataView,
2330
- wn as TagInput,
2331
- Nn as Textarea,
2332
- Ze as ThresholdRamp,
2333
- Sn as TimeFrame,
2334
- Tn as TimePicker,
2335
- xn as Toggle,
2336
- kn as Tooltip,
2337
- In as Transition,
2338
- Pn as TransitionGroup,
2339
- _n as TrendCard,
2340
- Mn as TrendIndicator,
2341
- po as UIContext,
2342
- j as UIContextProvider,
2343
- Rn as UnifiedBreakdownTable,
2344
- Fn as UnifiedContextMenu,
2345
- On as addressGroupMetadata,
2346
- An as addressSchema,
2347
- lt as allChips,
2348
- Dt as allStateFixtures,
2349
- yt as allVariantFixtures,
2350
- mt as blockSamples,
2351
- ft as cardSamples,
2352
- bt as chartSamples,
2353
- pt as circleSamples,
2354
- Kt as compactLayout,
2355
- Rt as compactState,
2356
- En as contactFormMetadata,
2357
- Ln as contactSchema,
2358
- Ft as contextMenuFixtures,
2359
- Bn as creditCardFormMetadata,
2360
- Gn as creditCardSchema,
2361
- De as dateChip,
2362
- ie as defaultControlBarState,
2363
- $n as destructiveModalMetadata,
2364
- Hn as durations,
2365
- zn as easings,
2366
- _e as emptyFixture,
2367
- Ce as entityChip,
2368
- Be as entityNameActions,
2369
- ct as entityTabGroup,
2349
+ oa as Accordion,
2350
+ sa as AccordionContent,
2351
+ ia as AccordionItem,
2352
+ la as AccordionTrigger,
2353
+ da as Actionable,
2354
+ ca as AddressGroup,
2355
+ ua as AddressSelect,
2356
+ ma as AsyncLoader,
2357
+ pa as Autocomplete,
2358
+ ga as Badge,
2359
+ ba as BarChartCard,
2360
+ fa as BarsBg,
2361
+ ha as Button,
2362
+ va as ButtonGroup,
2363
+ ya as ButtonGroupContext,
2364
+ Ca as Card,
2365
+ wa as CardActions,
2366
+ Da as CardBack,
2367
+ Na as CardBody,
2368
+ Sa as CardFooter,
2369
+ ka as CardHeader,
2370
+ xa as CardMedia,
2371
+ Ta as CardShell,
2372
+ Ia as CardSubtitle,
2373
+ Ra as CardTitle,
2374
+ _a as ChartControlBar,
2375
+ Ma as Checkbox,
2376
+ Pa as CheckboxGroup,
2377
+ Fa as Chip,
2378
+ Ea as ColorPicker,
2379
+ Oa as ComparisonCard,
2380
+ Aa as ContactForm,
2381
+ La as ContainerCard,
2382
+ $a as ContainerCardActions,
2383
+ Ba as ContainerCardBody,
2384
+ Ka as ContainerCardFooter,
2385
+ Ga as ContainerCardHeader,
2386
+ Ha as ContainerCardMedia,
2387
+ za as ContainerCardSubtitle,
2388
+ Va as ContainerCardTitle,
2389
+ Za as ContainerDialog,
2390
+ Wa as ContainerDialogActions,
2391
+ Ya as ContainerDialogBody,
2392
+ qa as ContainerDialogHeader,
2393
+ lt as ContainerFormSection,
2394
+ Ua as ContainerPanel,
2395
+ dt as ContainerTable,
2396
+ it as ContainerToolbar,
2397
+ ja as CreditCardForm,
2398
+ ko as DEFAULT_MARKET_PRESETS,
2399
+ xo as DEFAULT_PINNED,
2400
+ Qa as DataTable,
2401
+ Xa as DatePicker,
2402
+ Ja as DateRangePicker,
2403
+ er as DestructiveModal,
2404
+ tr as DirectionCard,
2405
+ ar as Dismissible,
2406
+ rr as DistributionCard,
2407
+ nr as DonutChart,
2408
+ or as Dropdown,
2409
+ sr as ENTITY_FILTER_KEYS,
2410
+ ir as ENTITY_PROFILE_ROUTES,
2411
+ lr as ENTITY_TYPE_PLURAL,
2412
+ Re as EdgeHoverHandle,
2413
+ dr as EntityPicker,
2414
+ cr as EntitySearchPanel,
2415
+ ur as Expandable,
2416
+ mr as ExpandableChip,
2417
+ pr as FLIP_AND_STAGE_TIMINGS,
2418
+ gr as FileUpload,
2419
+ br as FilterChip,
2420
+ fr as FilterInput,
2421
+ hr as FlipAndStageProvider,
2422
+ vr as Form,
2423
+ yr as FormDialog,
2424
+ Cr as FormField,
2425
+ wr as FusedShape,
2426
+ _e as GhostPreview,
2427
+ Dr as GroupCheckbox,
2428
+ Nr as GroupRadio,
2429
+ Sr as GutterActions,
2430
+ kr as HighlightCard,
2431
+ xr as HybridDatePicker,
2432
+ Tr as ImportWizard,
2433
+ We as InlineNudge,
2434
+ Ir as Input,
2435
+ Rr as InputAddon,
2436
+ _r as InputGroup,
2437
+ Mr as Link,
2438
+ Pr as LoginForm,
2439
+ Fr as MarketPresetRow,
2440
+ Er as MaskPresets,
2441
+ Or as MaskedInput,
2442
+ Ar as Menu,
2443
+ Lr as MenuDivider,
2444
+ $r as MenuGroup,
2445
+ Br as MenuItem,
2446
+ Kr as MergePrompt,
2447
+ Gr as MetricCard,
2448
+ Hr as MetricCardGrid,
2449
+ Ze as MetricGroupContainer,
2450
+ zr as MiniCalendar,
2451
+ Vr as MultiSelect,
2452
+ Zr as NumberInput,
2453
+ Wr as ObjectArrow,
2454
+ Yr as OrderFilterBar,
2455
+ To as PERIOD_OPTIONS,
2456
+ Le as PageChip,
2457
+ le as PageDropdown,
2458
+ qr as PasswordInput,
2459
+ Ur as PaymentForm,
2460
+ jr as PaymentMethodSelect,
2461
+ Qr as PhoneInput,
2462
+ Xr as PinToMetric,
2463
+ Xe as PresetSwatchRow,
2464
+ Jr as ProfileCard,
2465
+ en as ProgressCard,
2466
+ tn as QuickConfigPanel,
2467
+ Io as ROLLING_OPTIONS,
2468
+ an as Radio,
2469
+ rn as RadioGroup,
2470
+ nn as RangeSlider,
2471
+ on as Rating,
2472
+ sn as RegistrationForm,
2473
+ ln as Row1Controls,
2474
+ dn as Row2FilterTray,
2475
+ cn as SearchInput,
2476
+ un as SegmentCard,
2477
+ mn as SegmentedControl,
2478
+ pn as Select,
2479
+ gn as Selectable,
2480
+ bn as SimpleMetricCard,
2481
+ fn as SimpleSelector,
2482
+ hn as Skeleton,
2483
+ vn as SkeletonCard,
2484
+ yn as SkeletonChart,
2485
+ Cn as SkeletonTable,
2486
+ wn as Slider,
2487
+ Dn as Sortable,
2488
+ st as SortableZones,
2489
+ Nn as SparklineBg,
2490
+ Sn as SplitButton,
2491
+ kn as StackedGroupCard,
2492
+ xn as StatusModeCard,
2493
+ Ie as StatusSlotChipMenu,
2494
+ Tn as Stepper,
2495
+ Ro as TODAY_PRESET,
2496
+ In as TabGroup,
2497
+ Rn as TabbedDataView,
2498
+ _n as TagInput,
2499
+ Mn as Textarea,
2500
+ Ue as ThresholdRamp,
2501
+ Pn as TimeFrame,
2502
+ Fn as TimePicker,
2503
+ En as Toggle,
2504
+ On as Tooltip,
2505
+ An as Transition,
2506
+ Ln as TransitionGroup,
2507
+ $n as TrendCard,
2508
+ Bn as TrendIndicator,
2509
+ Do as UIContext,
2510
+ ee as UIContextProvider,
2511
+ Kn as UnifiedBreakdownTable,
2512
+ Gn as UnifiedContextMenu,
2513
+ Hn as addressGroupMetadata,
2514
+ zn as addressSchema,
2515
+ ft as allChips,
2516
+ It as allStateFixtures,
2517
+ Tt as allVariantFixtures,
2518
+ Ct as blockSamples,
2519
+ kt as cardSamples,
2520
+ Nt as chartSamples,
2521
+ Dt as circleSamples,
2522
+ jt as compactLayout,
2523
+ Bt as compactState,
2524
+ Vn as contactFormMetadata,
2525
+ Zn as contactSchema,
2526
+ Kt as contextMenuFixtures,
2527
+ Wn as creditCardFormMetadata,
2528
+ Yn as creditCardSchema,
2529
+ Se as dateChip,
2530
+ ue as defaultControlBarState,
2531
+ qn as destructiveModalMetadata,
2532
+ Un as durations,
2533
+ jn as easings,
2534
+ Fe as emptyFixture,
2535
+ De as entityChip,
2536
+ Ge as entityNameActions,
2537
+ vt as entityTabGroup,
2370
2538
  Pe as errorFixture,
2371
- Mt as filteredState,
2372
- wo as findPreset,
2373
- No as formatDateRange,
2374
- So as formatMarketDates,
2375
- To as formatTrend,
2376
- xo as formatValue,
2377
- Zt as fullLayout,
2378
- ko as generateMarketId,
2379
- Kn as generateTabId,
2380
- Io as getAllPresets,
2381
- Po as getDateRangeForPreset,
2382
- Wn as getMenuActions,
2383
- _o as getPresetLabel,
2384
- Zn as getTransitionStyle,
2385
- zt as gridCards,
2386
- Yn as interpolate,
2387
- Mo as isInRange,
2388
- Ro as isMarketActive,
2389
- Fo as isSameDay,
2390
- _t as itemColumns,
2391
- It as itemRows,
2392
- Ie as loadingFixture,
2393
- qn as loginFormMetadata,
2394
- Vn as loginSchema,
2395
- we as manufacturerChip,
2396
- Ut as manyTabs,
2397
- Un as mergeHandlers,
2398
- jn as mergeRefs,
2399
- dt as metricTabGroup,
2400
- qt as mixedTabs,
2401
- Oo as normalizePresetId,
2402
- $e as numericActions,
2403
- Pt as orderColumns,
2404
- Ge as orderIdActions,
2405
- kt as orderRows,
2406
- Yt as ordersTabs,
2407
- Qn as parseNumericValue,
2408
- Xn as paymentFormMetadata,
2409
- Jn as paymentSchema,
2410
- eo as presets,
2411
- to as registrationFormMetadata,
2412
- ao as registrationSchema,
2413
- At as sampleCompareRanges,
2414
- Bt as sampleCustomMarkets,
2415
- Ot as sampleDateRange,
2416
- Gt as sampleMarketPresetData,
2417
- Lt as sampleMarkets,
2418
- Ht as samplePeriodPresets,
2419
- Et as samplePreferences,
2420
- $t as samplePresets,
2421
- Vt as singleTab,
2422
- wt as sparklineFixture,
2423
- Nt as sparklineUpFixture,
2424
- Fe as staleDonutFixture,
2425
- Me as staleFixture,
2426
- Re as staleSparklineFixture,
2427
- St as standardFixture,
2428
- xt as standardFlatFixture,
2429
- Wt as standardLayout,
2430
- Tt as standardNegativeFixture,
2431
- ye as statusChip,
2432
- ht as tableSamples,
2433
- gt as textSamples,
2434
- ut as timeFrameTabGroup,
2435
- Ao as toUppercasePresetId,
2436
- it as useArrowNavigation,
2437
- ro as useCheckboxGroupContext,
2438
- vt as useEdgeHoverResize,
2439
- no as useFilterLayout,
2440
- oo as useFlipAndStage,
2441
- so as useFlipAndStageContext,
2442
- io as useFlipAndStageContextOptional,
2443
- st as useFocusReturn,
2444
- lo as useFocusTrap,
2445
- co as useFormContext,
2446
- uo as useRadioGroupContext,
2447
- mo as useSlideOutReveal,
2448
- je as useSortableZones,
2449
- bo as useUIContext
2539
+ $t as filteredState,
2540
+ _o as findPreset,
2541
+ Mo as formatDateRange,
2542
+ Po as formatMarketDates,
2543
+ Fo as formatTrend,
2544
+ Eo as formatValue,
2545
+ Xt as fullLayout,
2546
+ Oo as generateMarketId,
2547
+ Qn as generateTabId,
2548
+ Ao as getAllPresets,
2549
+ Lo as getDateRangeForPreset,
2550
+ Xn as getMenuActions,
2551
+ $o as getPresetLabel,
2552
+ Jn as getTransitionStyle,
2553
+ Ut as gridCards,
2554
+ eo as interpolate,
2555
+ Bo as isInRange,
2556
+ Ko as isMarketActive,
2557
+ Go as isSameDay,
2558
+ Lt as itemColumns,
2559
+ Ot as itemRows,
2560
+ Me as loadingFixture,
2561
+ to as loginFormMetadata,
2562
+ ao as loginSchema,
2563
+ ke as manufacturerChip,
2564
+ aa as manyTabs,
2565
+ ro as mergeHandlers,
2566
+ no as mergeRefs,
2567
+ ht as metricTabGroup,
2568
+ ea as mixedTabs,
2569
+ Ho as normalizePresetId,
2570
+ ze as numericActions,
2571
+ At as orderColumns,
2572
+ He as orderIdActions,
2573
+ Et as orderRows,
2574
+ Jt as ordersTabs,
2575
+ oo as parseNumericValue,
2576
+ so as paymentFormMetadata,
2577
+ io as paymentSchema,
2578
+ lo as presets,
2579
+ co as registrationFormMetadata,
2580
+ uo as registrationSchema,
2581
+ Ht as sampleCompareRanges,
2582
+ Zt as sampleCustomMarkets,
2583
+ Gt as sampleDateRange,
2584
+ Wt as sampleMarketPresetData,
2585
+ Vt as sampleMarkets,
2586
+ qt as samplePeriodPresets,
2587
+ zt as samplePreferences,
2588
+ Yt as samplePresets,
2589
+ ta as singleTab,
2590
+ Rt as sparklineFixture,
2591
+ _t as sparklineUpFixture,
2592
+ Ae as staleDonutFixture,
2593
+ Ee as staleFixture,
2594
+ Oe as staleSparklineFixture,
2595
+ Mt as standardFixture,
2596
+ Ft as standardFlatFixture,
2597
+ Qt as standardLayout,
2598
+ Pt as standardNegativeFixture,
2599
+ Ne as statusChip,
2600
+ St as tableSamples,
2601
+ wt as textSamples,
2602
+ yt as timeFrameTabGroup,
2603
+ zo as toUppercasePresetId,
2604
+ bt as useArrowNavigation,
2605
+ mo as useCheckboxGroupContext,
2606
+ xt as useEdgeHoverResize,
2607
+ po as useFilterLayout,
2608
+ go as useFlipAndStage,
2609
+ bo as useFlipAndStageContext,
2610
+ fo as useFlipAndStageContextOptional,
2611
+ gt as useFocusReturn,
2612
+ ho as useFocusTrap,
2613
+ vo as useFormContext,
2614
+ yo as useRadioGroupContext,
2615
+ Co as useSlideOutReveal,
2616
+ tt as useSortableZones,
2617
+ No as useUIContext
2450
2618
  };