@mt-gloss/ui 0.1.14 → 0.1.16
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/{Expandable-CTI-osAf.js → Expandable-BJnacqDL.js} +1413 -1398
- package/catalog.js +2 -2
- package/index.js +1251 -1240
- package/lib/primitives/dashboard/EmptyCellPackAffordance/EmptyCellPackAffordance.d.ts +4 -0
- package/lib/primitives/dashboard/MetricCard/CardShell.d.ts +1 -1
- package/lib/primitives/dashboard/MetricCard/types.d.ts +9 -0
- package/lib/primitives/dashboard/MetricCard/useEdgeHoverResize.d.ts +8 -2
- package/lib/primitives/dashboard/SectionDivider/SectionDivider.d.ts +9 -1
- package/lib/primitives/dashboard/gridMotionPrimitives.d.ts +1 -1
- package/package.json +1 -1
- package/ui.css +1 -1
package/index.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { N as
|
|
2
|
-
import { jsxs as O, jsx as
|
|
3
|
-
import * as
|
|
4
|
-
import
|
|
5
|
-
import { motion as
|
|
6
|
-
import { B as
|
|
7
|
-
import { a as
|
|
8
|
-
import { createPortal as
|
|
9
|
-
import { DEFAULT_MARKET_PRESETS as
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
function
|
|
17
|
-
const { enabled: t = !0, returnTo: n } = e, a =
|
|
1
|
+
import { N as $n, T as Bn, O as zn, Q as Kn, a3 as Gn, b6 as Wn, az as Hn, ah as Vn, Z as jn, an as Un, K as Zn, a8 as Yn, bn as qn, P as Qn, B as Xn, a as Jn, y as er, H as tr, bi as ar, F as nr, J as rr, A as sr, z as or, bh as ir, E as lr, D as cr, bw as dr, b as ur, C as mr, L as gr, o as pr, ad as fr, aN as hr, y as br, H as vr, F as yr, J as wr, A as Dr, z as Nr, E as Cr, D as kr, a$ as _r, b2 as xr, b1 as Sr, b0 as Mr, b3 as Tr, aC as Rr, a5 as Ir, a4 as Pr, aq as Fr, k as Er, m as Or, aF as Ar, ab as Lr, b8 as $r, a9 as Br, bo as zr, Y as Kr, bG as Gr, bF as Wr, bH as Hr, ap as Vr, aQ as jr, ba as Ur, bL as Zr, bu as Yr, n as qr, am as Qr, bA as Xr, br as Jr, a0 as es, ar as ts, a2 as as, bz as ns, G as rs, d as ss, aa as os, bI as is, aT as ls, r as cs, v as ds, I as us, g as ms, aw as gs, bM as ps, M as fs, w as hs, U as bs, X as vs, V as ys, W as ws, as as Ds, bg as Ns, bO as Cs, bK as ks, ao as _s, t as xs, bp as Ss, aS as Ms, aj as Ts, aK as Rs, ag as Is, al as Ps, au as Fs, aR as Es, ac as Os, at as As, c as Ls, R as $s, j as Bs, p as zs, aH as Ks, bx as Gs, by as Ws, ai as Hs, ae as Vs, h as js, x as Us, b7 as Zs, af as Ys, bN as qs, bc as Qs, bf as Xs, bd as Js, be as eo, i as to, b9 as ao, bm as no, S as ro, bk as so, bl as oo, av as io, bb as lo, bP as co, ak as uo, s as mo, bJ as go, l as po, f as fo, q as ho, _ as bo, $ as vo, a7 as yo, bj as wo, bv as Do, bC as No, aA as Co, aB as ko, a6 as _o, aO as xo, aP as So, aD as Mo, aE as To, aG as Ro, aV as Io, aW as Po, bE as Fo, bD as Eo, aY as Oo, aZ as Ao, ax as Lo, ay as $o, b5 as Bo, b4 as zo, a_ as Ko, aL as Go, aM as Wo, aX as Ho, aI as Vo, aJ as jo, u as Uo, bB as Zo, bq as Yo, bs as qo, bt as Qo, aU as Xo, a1 as Jo, e as ei } from "./Expandable-BJnacqDL.js";
|
|
2
|
+
import { jsxs as O, jsx as l, Fragment as ve } from "react/jsx-runtime";
|
|
3
|
+
import * as Je from "react";
|
|
4
|
+
import W, { useRef as T, useEffect as L, useState as G, useCallback as y, forwardRef as et, useMemo as ie, createContext as tt, useContext as at } from "react";
|
|
5
|
+
import { motion as ue, useMotionValue as nt, animate as Re, useDragControls as rt } from "framer-motion";
|
|
6
|
+
import { B as st, U as ke } from "./UIContext-C3E-k7HI.js";
|
|
7
|
+
import { a as ai, u as ni } from "./UIContext-C3E-k7HI.js";
|
|
8
|
+
import { createPortal as ot } from "react-dom";
|
|
9
|
+
import { DEFAULT_MARKET_PRESETS as si, DEFAULT_PINNED as oi, PERIOD_OPTIONS as ii, ROLLING_OPTIONS as li, TODAY_PRESET as ci, findPreset as di, formatDateRange as ui, formatMarketDates as mi, formatTrend as gi, formatValue as pi, generateMarketId as fi, getAllPresets as hi, getDateRangeForPreset as bi, getPresetLabel as vi, isInRange as yi, isMarketActive as wi, isSameDay as Di, normalizePresetId as Ni, toUppercasePresetId as Ci } from "@mt-gloss/utils";
|
|
10
|
+
import it from "@mui/icons-material/AccessTime";
|
|
11
|
+
import lt from "@mui/icons-material/Tune";
|
|
12
|
+
import ct from "@mui/icons-material/ViewColumn";
|
|
13
|
+
import dt from "@mui/icons-material/AspectRatio";
|
|
14
|
+
import ut from "@mui/icons-material/Palette";
|
|
15
|
+
import mt from "@mui/icons-material/PushPin";
|
|
16
|
+
function Ma(e = {}) {
|
|
17
|
+
const { enabled: t = !0, returnTo: n } = e, a = T(null);
|
|
18
18
|
return L(() => {
|
|
19
19
|
t && (a.current = n || document.activeElement);
|
|
20
20
|
}, [t, n]), L(() => () => {
|
|
@@ -23,7 +23,7 @@ function _a(e = {}) {
|
|
|
23
23
|
}, 0);
|
|
24
24
|
}, [t]), a;
|
|
25
25
|
}
|
|
26
|
-
function
|
|
26
|
+
function Ta(e) {
|
|
27
27
|
const {
|
|
28
28
|
items: t,
|
|
29
29
|
activeIndex: n,
|
|
@@ -31,67 +31,67 @@ function xa(e) {
|
|
|
31
31
|
loop: r = !0,
|
|
32
32
|
orientation: s = "vertical",
|
|
33
33
|
enabled: o = !0,
|
|
34
|
-
isItemDisabled:
|
|
35
|
-
onSelect:
|
|
36
|
-
onEscape:
|
|
37
|
-
} = e, [
|
|
38
|
-
(
|
|
39
|
-
n === void 0 &&
|
|
34
|
+
isItemDisabled: c,
|
|
35
|
+
onSelect: f,
|
|
36
|
+
onEscape: d
|
|
37
|
+
} = e, [p, w] = G(-1), u = n !== void 0 ? n : p, m = y(
|
|
38
|
+
(i) => {
|
|
39
|
+
n === void 0 && w(i), a?.(i);
|
|
40
40
|
},
|
|
41
41
|
[n, a]
|
|
42
|
-
), h = y(() => t.map((
|
|
43
|
-
(
|
|
44
|
-
const
|
|
45
|
-
if (
|
|
46
|
-
const
|
|
47
|
-
if (
|
|
48
|
-
return
|
|
49
|
-
let
|
|
50
|
-
return r ?
|
|
42
|
+
), h = y(() => t.map((i, b) => ({ item: i, index: b })).filter(({ item: i, index: b }) => !c?.(i, b)).map(({ index: i }) => i), [t, c]), k = y(
|
|
43
|
+
(i, b) => {
|
|
44
|
+
const D = h();
|
|
45
|
+
if (D.length === 0) return -1;
|
|
46
|
+
const x = D.indexOf(i);
|
|
47
|
+
if (x === -1)
|
|
48
|
+
return b === 1 ? D.find((_) => _ > i) ?? (r ? D[0] : -1) : [...D].reverse().find((P) => P < i) ?? (r ? D[D.length - 1] : -1);
|
|
49
|
+
let v = x + b;
|
|
50
|
+
return r ? v = (v + D.length) % D.length : v = Math.max(0, Math.min(D.length - 1, v)), D[v];
|
|
51
51
|
},
|
|
52
52
|
[h, r]
|
|
53
|
-
),
|
|
54
|
-
const
|
|
55
|
-
|
|
56
|
-
}, [h,
|
|
57
|
-
const
|
|
58
|
-
|
|
59
|
-
}, [h,
|
|
60
|
-
const
|
|
61
|
-
|
|
62
|
-
}, [u,
|
|
63
|
-
const
|
|
64
|
-
|
|
65
|
-
}, [u,
|
|
66
|
-
|
|
67
|
-
}, [
|
|
68
|
-
(
|
|
53
|
+
), g = y(() => {
|
|
54
|
+
const i = h();
|
|
55
|
+
i.length > 0 && m(i[0]);
|
|
56
|
+
}, [h, m]), S = y(() => {
|
|
57
|
+
const i = h();
|
|
58
|
+
i.length > 0 && m(i[i.length - 1]);
|
|
59
|
+
}, [h, m]), I = y(() => {
|
|
60
|
+
const i = k(u, 1);
|
|
61
|
+
i !== -1 && m(i);
|
|
62
|
+
}, [u, k, m]), C = y(() => {
|
|
63
|
+
const i = k(u, -1);
|
|
64
|
+
i !== -1 && m(i);
|
|
65
|
+
}, [u, k, m]), M = y(() => {
|
|
66
|
+
m(-1);
|
|
67
|
+
}, [m]), R = y(
|
|
68
|
+
(i) => {
|
|
69
69
|
if (!o) return;
|
|
70
|
-
const { key:
|
|
71
|
-
if (
|
|
72
|
-
|
|
70
|
+
const { key: b } = i, D = b === "ArrowUp" && (s === "vertical" || s === "both"), x = b === "ArrowDown" && (s === "vertical" || s === "both"), v = b === "ArrowLeft" && (s === "horizontal" || s === "both"), _ = b === "ArrowRight" && (s === "horizontal" || s === "both");
|
|
71
|
+
if (D || v) {
|
|
72
|
+
i.preventDefault(), u === -1 ? S() : C();
|
|
73
73
|
return;
|
|
74
74
|
}
|
|
75
|
-
if (
|
|
76
|
-
|
|
75
|
+
if (x || _) {
|
|
76
|
+
i.preventDefault(), u === -1 ? g() : I();
|
|
77
77
|
return;
|
|
78
78
|
}
|
|
79
|
-
if (
|
|
80
|
-
|
|
79
|
+
if (b === "Home") {
|
|
80
|
+
i.preventDefault(), g();
|
|
81
81
|
return;
|
|
82
82
|
}
|
|
83
|
-
if (
|
|
84
|
-
|
|
83
|
+
if (b === "End") {
|
|
84
|
+
i.preventDefault(), S();
|
|
85
85
|
return;
|
|
86
86
|
}
|
|
87
|
-
if ((
|
|
88
|
-
|
|
89
|
-
const
|
|
90
|
-
|
|
87
|
+
if ((b === "Enter" || b === " ") && u >= 0 && u < t.length) {
|
|
88
|
+
i.preventDefault();
|
|
89
|
+
const P = t[u];
|
|
90
|
+
c?.(P, u) || f?.(P, u);
|
|
91
91
|
return;
|
|
92
92
|
}
|
|
93
|
-
if (
|
|
94
|
-
|
|
93
|
+
if (b === "Escape") {
|
|
94
|
+
d?.();
|
|
95
95
|
return;
|
|
96
96
|
}
|
|
97
97
|
},
|
|
@@ -100,63 +100,63 @@ function xa(e) {
|
|
|
100
100
|
s,
|
|
101
101
|
u,
|
|
102
102
|
t,
|
|
103
|
-
|
|
103
|
+
g,
|
|
104
104
|
S,
|
|
105
105
|
I,
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
106
|
+
C,
|
|
107
|
+
c,
|
|
108
|
+
f,
|
|
109
|
+
d
|
|
110
110
|
]
|
|
111
111
|
);
|
|
112
112
|
return {
|
|
113
113
|
focusedIndex: u,
|
|
114
|
-
setFocusedIndex:
|
|
115
|
-
handleKeyDown:
|
|
116
|
-
focusFirst:
|
|
114
|
+
setFocusedIndex: m,
|
|
115
|
+
handleKeyDown: R,
|
|
116
|
+
focusFirst: g,
|
|
117
117
|
focusLast: S,
|
|
118
118
|
focusNext: I,
|
|
119
|
-
focusPrevious:
|
|
120
|
-
resetFocus:
|
|
119
|
+
focusPrevious: C,
|
|
120
|
+
resetFocus: M
|
|
121
121
|
};
|
|
122
122
|
}
|
|
123
|
-
const
|
|
124
|
-
},
|
|
123
|
+
const me = (e) => {
|
|
124
|
+
}, gt = {
|
|
125
125
|
id: "entity-filter-1",
|
|
126
126
|
label: "Customer: Acme Corp",
|
|
127
127
|
field: "customer",
|
|
128
128
|
value: "acme-corp-123",
|
|
129
|
-
onRemove:
|
|
130
|
-
},
|
|
129
|
+
onRemove: me
|
|
130
|
+
}, pt = {
|
|
131
131
|
id: "status-filter-1",
|
|
132
132
|
label: "Status: Open",
|
|
133
133
|
field: "status",
|
|
134
134
|
value: "open",
|
|
135
|
-
onRemove:
|
|
136
|
-
},
|
|
135
|
+
onRemove: me
|
|
136
|
+
}, ft = {
|
|
137
137
|
id: "date-filter-1",
|
|
138
138
|
label: "Date: Mar 1 - Mar 15",
|
|
139
139
|
field: "dateRange",
|
|
140
140
|
value: "2026-03-01..2026-03-15",
|
|
141
|
-
onRemove:
|
|
142
|
-
},
|
|
141
|
+
onRemove: me
|
|
142
|
+
}, ht = {
|
|
143
143
|
id: "mfg-filter-1",
|
|
144
144
|
label: "Manufacturer: Widget Co",
|
|
145
145
|
field: "manufacturer",
|
|
146
146
|
value: "widget-co-456",
|
|
147
|
-
onRemove:
|
|
148
|
-
},
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
],
|
|
147
|
+
onRemove: me
|
|
148
|
+
}, Ra = [
|
|
149
|
+
gt,
|
|
150
|
+
pt,
|
|
151
|
+
ft,
|
|
152
|
+
ht
|
|
153
|
+
], Ia = {
|
|
154
154
|
id: "metric-toggle",
|
|
155
155
|
tabs: [
|
|
156
156
|
{ id: "$", label: "$", mono: !0 },
|
|
157
157
|
{ id: "#", label: "#", mono: !0 }
|
|
158
158
|
]
|
|
159
|
-
},
|
|
159
|
+
}, Pa = {
|
|
160
160
|
id: "entity-type",
|
|
161
161
|
tabs: [
|
|
162
162
|
{ id: "orders", label: "Orders" },
|
|
@@ -164,7 +164,7 @@ const ue = (e) => {
|
|
|
164
164
|
{ id: "customers", label: "Customers" },
|
|
165
165
|
{ id: "manufacturers", label: "Manufacturers" }
|
|
166
166
|
]
|
|
167
|
-
},
|
|
167
|
+
}, Fa = {
|
|
168
168
|
id: "time-frame",
|
|
169
169
|
tabs: [
|
|
170
170
|
{ id: "MTD", label: "MTD" },
|
|
@@ -172,30 +172,30 @@ const ue = (e) => {
|
|
|
172
172
|
{ id: "YTD", label: "YTD" },
|
|
173
173
|
{ id: "LYTD", label: "LYTD" }
|
|
174
174
|
]
|
|
175
|
-
},
|
|
175
|
+
}, Ea = [
|
|
176
176
|
{ variant: "block", width: "100%", height: 16 },
|
|
177
177
|
{ variant: "block", width: 200, height: 32, borderRadius: 8 },
|
|
178
178
|
{ variant: "block", width: "80%", height: 12, borderRadius: "4px" },
|
|
179
179
|
{ variant: "block", width: 120, height: 44, borderRadius: 22 }
|
|
180
|
-
],
|
|
180
|
+
], Oa = [
|
|
181
181
|
{ variant: "text", lines: 3, lineHeight: 14, gap: 8 },
|
|
182
182
|
{ variant: "text", lines: 2, lineHeight: 16, gap: 10 },
|
|
183
183
|
{ variant: "text", lines: 5, lineHeight: 12, gap: 6 }
|
|
184
|
-
],
|
|
184
|
+
], Aa = [
|
|
185
185
|
{ variant: "circle", size: 24 },
|
|
186
186
|
{ variant: "circle", size: 40 },
|
|
187
187
|
{ variant: "circle", size: 64 }
|
|
188
|
-
],
|
|
188
|
+
], La = [
|
|
189
189
|
{ bars: 10, maxHeight: 120 },
|
|
190
190
|
{ bars: 5, maxHeight: 80 }
|
|
191
|
-
],
|
|
191
|
+
], $a = [
|
|
192
192
|
{ rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
|
|
193
193
|
{ rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
|
|
194
|
-
],
|
|
194
|
+
], Ba = [
|
|
195
195
|
{ variant: "value", colSpan: 1 },
|
|
196
196
|
{ variant: "trend", colSpan: 2 },
|
|
197
197
|
{ variant: "target", colSpan: 1 }
|
|
198
|
-
],
|
|
198
|
+
], Ie = {
|
|
199
199
|
position: "fixed",
|
|
200
200
|
zIndex: 9999,
|
|
201
201
|
background: "rgba(255,255,255,0.92)",
|
|
@@ -207,7 +207,7 @@ const ue = (e) => {
|
|
|
207
207
|
minWidth: 148,
|
|
208
208
|
paddingTop: 4,
|
|
209
209
|
paddingBottom: 4
|
|
210
|
-
},
|
|
210
|
+
}, ye = (e) => ({
|
|
211
211
|
padding: "6px 12px",
|
|
212
212
|
fontSize: 12,
|
|
213
213
|
lineHeight: 1.4,
|
|
@@ -221,16 +221,16 @@ const ue = (e) => {
|
|
|
221
221
|
width: "100%",
|
|
222
222
|
textAlign: "left",
|
|
223
223
|
border: "none"
|
|
224
|
-
}),
|
|
225
|
-
...
|
|
224
|
+
}), bt = (e) => ({
|
|
225
|
+
...ye(e),
|
|
226
226
|
color: e ? "#4338ca" : "#4f46e5",
|
|
227
227
|
fontWeight: 600
|
|
228
|
-
}),
|
|
228
|
+
}), vt = {
|
|
229
229
|
height: 1,
|
|
230
230
|
background: "rgba(0,0,0,0.06)",
|
|
231
231
|
margin: "3px 10px"
|
|
232
232
|
};
|
|
233
|
-
function
|
|
233
|
+
function yt({
|
|
234
234
|
open: e,
|
|
235
235
|
anchorEl: t,
|
|
236
236
|
statusId: n,
|
|
@@ -239,108 +239,108 @@ function ht({
|
|
|
239
239
|
overflowActions: s,
|
|
240
240
|
onClose: o
|
|
241
241
|
}) {
|
|
242
|
-
const [
|
|
243
|
-
if (!t) return { ...
|
|
244
|
-
const
|
|
242
|
+
const [c, f] = G(null), d = T(null), p = y(() => {
|
|
243
|
+
if (!t) return { ...Ie, top: 0, left: 0 };
|
|
244
|
+
const m = t.getBoundingClientRect();
|
|
245
245
|
return {
|
|
246
|
-
...
|
|
247
|
-
top:
|
|
248
|
-
left:
|
|
246
|
+
...Ie,
|
|
247
|
+
top: m.bottom + 4,
|
|
248
|
+
left: m.left
|
|
249
249
|
};
|
|
250
250
|
}, [t]);
|
|
251
251
|
if (L(() => {
|
|
252
252
|
if (!e) return;
|
|
253
|
-
const
|
|
253
|
+
const m = (h) => {
|
|
254
254
|
h.key === "Escape" && o();
|
|
255
255
|
};
|
|
256
|
-
return document.addEventListener("keydown",
|
|
256
|
+
return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
|
|
257
257
|
}, [e, o]), L(() => {
|
|
258
258
|
if (!e) return;
|
|
259
|
-
const
|
|
260
|
-
|
|
259
|
+
const m = (h) => {
|
|
260
|
+
d.current && !d.current.contains(h.target) && o();
|
|
261
261
|
};
|
|
262
|
-
return document.addEventListener("pointerdown",
|
|
262
|
+
return document.addEventListener("pointerdown", m, !0), () => document.removeEventListener("pointerdown", m, !0);
|
|
263
263
|
}, [e, o]), !e) return null;
|
|
264
|
-
const
|
|
264
|
+
const w = s && s.length > 0, u = /* @__PURE__ */ O(
|
|
265
265
|
"div",
|
|
266
266
|
{
|
|
267
|
-
ref:
|
|
267
|
+
ref: d,
|
|
268
268
|
"data-status-chip-menu": n,
|
|
269
269
|
role: "menu",
|
|
270
270
|
"aria-label": "Status actions",
|
|
271
|
-
style:
|
|
271
|
+
style: p(),
|
|
272
272
|
children: [
|
|
273
|
-
/* @__PURE__ */
|
|
273
|
+
/* @__PURE__ */ l(
|
|
274
274
|
"button",
|
|
275
275
|
{
|
|
276
276
|
role: "menuitem",
|
|
277
|
-
style:
|
|
278
|
-
onMouseEnter: () =>
|
|
279
|
-
onMouseLeave: () =>
|
|
277
|
+
style: bt(c === "__primary"),
|
|
278
|
+
onMouseEnter: () => f("__primary"),
|
|
279
|
+
onMouseLeave: () => f(null),
|
|
280
280
|
onClick: () => {
|
|
281
281
|
a(n), o();
|
|
282
282
|
},
|
|
283
283
|
children: "Open in table"
|
|
284
284
|
}
|
|
285
285
|
),
|
|
286
|
-
/* @__PURE__ */
|
|
286
|
+
/* @__PURE__ */ l(
|
|
287
287
|
"button",
|
|
288
288
|
{
|
|
289
289
|
role: "menuitem",
|
|
290
|
-
style:
|
|
291
|
-
onMouseEnter: () =>
|
|
292
|
-
onMouseLeave: () =>
|
|
290
|
+
style: ye(c === "__graph"),
|
|
291
|
+
onMouseEnter: () => f("__graph"),
|
|
292
|
+
onMouseLeave: () => f(null),
|
|
293
293
|
onClick: () => {
|
|
294
294
|
r(n), o();
|
|
295
295
|
},
|
|
296
296
|
children: "Show on graph"
|
|
297
297
|
}
|
|
298
298
|
),
|
|
299
|
-
|
|
300
|
-
|
|
299
|
+
w && /* @__PURE__ */ l("div", { style: vt }),
|
|
300
|
+
w && s?.map((m) => /* @__PURE__ */ l(
|
|
301
301
|
"button",
|
|
302
302
|
{
|
|
303
303
|
role: "menuitem",
|
|
304
|
-
style:
|
|
305
|
-
onMouseEnter: () =>
|
|
306
|
-
onMouseLeave: () =>
|
|
304
|
+
style: ye(c === m.id),
|
|
305
|
+
onMouseEnter: () => f(m.id),
|
|
306
|
+
onMouseLeave: () => f(null),
|
|
307
307
|
onClick: () => {
|
|
308
|
-
|
|
308
|
+
m.onSelect(n), o();
|
|
309
309
|
},
|
|
310
|
-
children:
|
|
310
|
+
children: m.label
|
|
311
311
|
},
|
|
312
|
-
|
|
312
|
+
m.id
|
|
313
313
|
))
|
|
314
314
|
]
|
|
315
315
|
}
|
|
316
316
|
);
|
|
317
|
-
return
|
|
317
|
+
return ot(u, document.body);
|
|
318
318
|
}
|
|
319
|
-
|
|
320
|
-
const
|
|
319
|
+
yt.displayName = "StatusSlotChipMenu";
|
|
320
|
+
const za = {
|
|
321
321
|
forwardStaggerMs: 50,
|
|
322
322
|
reverseStaggerMs: 30,
|
|
323
323
|
springStiffness: 380,
|
|
324
324
|
springDamping: 32,
|
|
325
325
|
reverseVelocityMultiplier: 1.4
|
|
326
|
-
},
|
|
326
|
+
}, re = {
|
|
327
327
|
enterDurationMs: 220,
|
|
328
328
|
exitDurationMs: 140,
|
|
329
329
|
enterEasing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
|
|
330
330
|
exitEasing: "cubic-bezier(0.4, 0, 1, 1)",
|
|
331
|
-
translateOffsetPx:
|
|
332
|
-
},
|
|
331
|
+
translateOffsetPx: 8
|
|
332
|
+
}, Ka = {
|
|
333
333
|
shiverCycles: 3,
|
|
334
334
|
shiverAmplitudePx: 2,
|
|
335
335
|
shiverDurationMs: 180,
|
|
336
336
|
validCellOpacity: 0.6
|
|
337
|
-
},
|
|
337
|
+
}, Ga = {
|
|
338
338
|
materializeMs: 180,
|
|
339
339
|
dematerializeMs: 140,
|
|
340
340
|
easing: "cubic-bezier(0.22, 1, 0.36, 1)",
|
|
341
341
|
dotStrokePx: 2,
|
|
342
342
|
dividerDashGapPx: 4
|
|
343
|
-
},
|
|
343
|
+
}, Wa = {
|
|
344
344
|
cascadeStaggerMs: 0,
|
|
345
345
|
cascadeSpringCapMs: 120,
|
|
346
346
|
swingEnterMs: 100,
|
|
@@ -349,7 +349,7 @@ const La = {
|
|
|
349
349
|
provisionalStyle: "opacity",
|
|
350
350
|
shiverMs: 200,
|
|
351
351
|
shiverStyle: "color-flash"
|
|
352
|
-
},
|
|
352
|
+
}, Ha = !0, Va = {
|
|
353
353
|
rejectionFill: "var(--gloss-rejection-fill)",
|
|
354
354
|
rejectionStroke: "var(--gloss-rejection-stroke)",
|
|
355
355
|
validFill: "var(--gloss-valid-fill)",
|
|
@@ -357,7 +357,7 @@ const La = {
|
|
|
357
357
|
validCellStroke: "var(--gloss-valid-cell-stroke)",
|
|
358
358
|
provisionalWash: "var(--gloss-provisional-wash)"
|
|
359
359
|
};
|
|
360
|
-
function
|
|
360
|
+
function ja() {
|
|
361
361
|
if (typeof window > "u") return "full";
|
|
362
362
|
try {
|
|
363
363
|
return window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "reduced" : "full";
|
|
@@ -365,20 +365,20 @@ function Ga() {
|
|
|
365
365
|
return "full";
|
|
366
366
|
}
|
|
367
367
|
}
|
|
368
|
-
const
|
|
368
|
+
const Ae = ({ visible: e, variant: t, trigger: n, children: a, className: r }) => {
|
|
369
369
|
const s = {
|
|
370
|
-
"--gloss-swing-enter-ms": `${
|
|
371
|
-
"--gloss-swing-exit-ms": `${
|
|
372
|
-
"--gloss-swing-offset": `${
|
|
373
|
-
"--gloss-swing-enter-easing":
|
|
374
|
-
"--gloss-swing-exit-easing":
|
|
370
|
+
"--gloss-swing-enter-ms": `${re.enterDurationMs}ms`,
|
|
371
|
+
"--gloss-swing-exit-ms": `${re.exitDurationMs}ms`,
|
|
372
|
+
"--gloss-swing-offset": `${re.translateOffsetPx}px`,
|
|
373
|
+
"--gloss-swing-enter-easing": re.enterEasing,
|
|
374
|
+
"--gloss-swing-exit-easing": re.exitEasing
|
|
375
375
|
}, o = [
|
|
376
376
|
"gloss-swing-reveal",
|
|
377
377
|
`gloss-swing-reveal--${t}`,
|
|
378
378
|
n === "hover+focus" ? "gloss-swing-reveal--hover-focus" : "",
|
|
379
379
|
r ?? ""
|
|
380
380
|
].filter(Boolean).join(" ");
|
|
381
|
-
return /* @__PURE__ */
|
|
381
|
+
return /* @__PURE__ */ l(
|
|
382
382
|
"span",
|
|
383
383
|
{
|
|
384
384
|
"data-testid": "gloss-swing-reveal",
|
|
@@ -389,9 +389,9 @@ const Fe = ({ visible: e, variant: t, trigger: n, children: a, className: r }) =
|
|
|
389
389
|
children: a
|
|
390
390
|
}
|
|
391
391
|
);
|
|
392
|
-
},
|
|
393
|
-
function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: r, onPointerLeave: s, onKeyboardStep: o, edge:
|
|
394
|
-
const
|
|
392
|
+
}, wt = et(
|
|
393
|
+
function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: r, onPointerLeave: s, onKeyboardStep: o, edge: c = "right", ariaLabel: f = "Resize card" }, d) {
|
|
394
|
+
const p = t === "handle-visible" || t === "dragging" || t === "settling", w = (h) => {
|
|
395
395
|
try {
|
|
396
396
|
h.currentTarget.setPointerCapture(h.pointerId);
|
|
397
397
|
} catch {
|
|
@@ -403,42 +403,42 @@ const Fe = ({ visible: e, variant: t, trigger: n, children: a, className: r }) =
|
|
|
403
403
|
} catch {
|
|
404
404
|
}
|
|
405
405
|
a(h);
|
|
406
|
-
},
|
|
407
|
-
!
|
|
406
|
+
}, m = (h) => {
|
|
407
|
+
!p || !o || (h.key === "ArrowRight" ? (h.preventDefault(), o("grow")) : h.key === "ArrowLeft" && (h.preventDefault(), o("shrink")));
|
|
408
408
|
};
|
|
409
|
-
return /* @__PURE__ */
|
|
409
|
+
return /* @__PURE__ */ l(Ae, { visible: p, variant: "handle", trigger: "hover", children: /* @__PURE__ */ l(
|
|
410
410
|
"button",
|
|
411
411
|
{
|
|
412
|
-
ref:
|
|
412
|
+
ref: d,
|
|
413
413
|
type: "button",
|
|
414
|
-
"aria-label":
|
|
415
|
-
"data-edge":
|
|
414
|
+
"aria-label": f,
|
|
415
|
+
"data-edge": c,
|
|
416
416
|
"data-resize-state": t,
|
|
417
417
|
className: [
|
|
418
418
|
"gloss-edge-handle",
|
|
419
|
-
`gloss-edge-handle--${
|
|
420
|
-
|
|
419
|
+
`gloss-edge-handle--${c}`,
|
|
420
|
+
p ? "gloss-edge-handle--visible" : ""
|
|
421
421
|
].filter(Boolean).join(" "),
|
|
422
|
-
onPointerDown:
|
|
422
|
+
onPointerDown: w,
|
|
423
423
|
onPointerUp: u,
|
|
424
424
|
onPointerEnter: r,
|
|
425
425
|
onPointerLeave: s,
|
|
426
|
-
onKeyDown:
|
|
427
|
-
tabIndex:
|
|
426
|
+
onKeyDown: m,
|
|
427
|
+
tabIndex: p ? 0 : -1
|
|
428
428
|
}
|
|
429
429
|
) });
|
|
430
430
|
}
|
|
431
431
|
);
|
|
432
|
-
|
|
433
|
-
function
|
|
432
|
+
wt.displayName = "EdgeHoverHandle";
|
|
433
|
+
function Dt({
|
|
434
434
|
visible: e,
|
|
435
435
|
targetColSpan: t,
|
|
436
436
|
ghostWidth: n,
|
|
437
437
|
enterMs: a = 180,
|
|
438
438
|
exitMs: r = 120
|
|
439
439
|
}) {
|
|
440
|
-
return /* @__PURE__ */
|
|
441
|
-
|
|
440
|
+
return /* @__PURE__ */ l(
|
|
441
|
+
ue.div,
|
|
442
442
|
{
|
|
443
443
|
"aria-hidden": "true",
|
|
444
444
|
"data-ghost-preview": e ? "visible" : "hidden",
|
|
@@ -454,8 +454,8 @@ function vt({
|
|
|
454
454
|
}
|
|
455
455
|
);
|
|
456
456
|
}
|
|
457
|
-
|
|
458
|
-
class
|
|
457
|
+
Dt.displayName = "GhostPreview";
|
|
458
|
+
class Nt {
|
|
459
459
|
constructor() {
|
|
460
460
|
this.samples = [], this.capacity = 3;
|
|
461
461
|
}
|
|
@@ -479,14 +479,14 @@ class yt {
|
|
|
479
479
|
const t = this.samples.length;
|
|
480
480
|
if (t < 2) return 0;
|
|
481
481
|
if (t === 2) {
|
|
482
|
-
const [
|
|
483
|
-
return (
|
|
482
|
+
const [f, d] = this.samples, p = Math.max(1, d.t - f.t);
|
|
483
|
+
return (d.x - f.x) / p * 1e3;
|
|
484
484
|
}
|
|
485
|
-
const [n, a, r] = this.samples, s = (r.x - a.x) / Math.max(1, r.t - a.t) * 1e3, o = (a.x - n.x) / Math.max(1, a.t - n.t) * 1e3,
|
|
486
|
-
return (s * 3 + o * 2 +
|
|
485
|
+
const [n, a, r] = this.samples, s = (r.x - a.x) / Math.max(1, r.t - a.t) * 1e3, o = (a.x - n.x) / Math.max(1, a.t - n.t) * 1e3, c = o;
|
|
486
|
+
return (s * 3 + o * 2 + c * 1) / 6;
|
|
487
487
|
}
|
|
488
488
|
}
|
|
489
|
-
const
|
|
489
|
+
const Le = {
|
|
490
490
|
// Spring (D-08). Retuned 260419 — damping 35 → 22 so the commit spring
|
|
491
491
|
// has visible overshoot (ζ ≈ 0.49, ~13–17% overshoot, ~350ms settle). The
|
|
492
492
|
// prior ζ ≈ 0.78 was imperceptible to users. Debug slug:
|
|
@@ -506,7 +506,7 @@ const Ee = {
|
|
|
506
506
|
// Velocity multiplier (D-03b panel)
|
|
507
507
|
velocityMultiplier: 1
|
|
508
508
|
};
|
|
509
|
-
function
|
|
509
|
+
function Ua({
|
|
510
510
|
currentColSpan: e,
|
|
511
511
|
stackable: t,
|
|
512
512
|
onResize: n,
|
|
@@ -514,204 +514,211 @@ function Ha({
|
|
|
514
514
|
step: r = 180,
|
|
515
515
|
gap: s = 0,
|
|
516
516
|
tuning: o,
|
|
517
|
-
dwellMs:
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
517
|
+
dwellMs: c = 60,
|
|
518
|
+
graceExitMs: f = 150,
|
|
519
|
+
enterMs: d = 180,
|
|
520
|
+
exitMs: p = 120,
|
|
521
|
+
maxColSpan: w = 3,
|
|
522
|
+
containerRef: u,
|
|
523
|
+
forceIdle: m
|
|
523
524
|
}) {
|
|
524
|
-
const [
|
|
525
|
+
const [h, k] = G("idle"), [g, S] = G(e), I = T(null), C = T(null), M = T(null), R = T(null), i = T(r), b = T(s), D = T(w), x = T(0), v = T("idle");
|
|
525
526
|
L(() => {
|
|
526
|
-
|
|
527
|
-
}, [
|
|
528
|
-
const
|
|
529
|
-
const
|
|
530
|
-
if (
|
|
527
|
+
v.current = h;
|
|
528
|
+
}, [h]);
|
|
529
|
+
const _ = nt(0), P = T(null), H = y(() => {
|
|
530
|
+
const N = P.current;
|
|
531
|
+
if (N) {
|
|
531
532
|
try {
|
|
532
|
-
|
|
533
|
+
N.stop();
|
|
533
534
|
} catch {
|
|
534
535
|
}
|
|
535
|
-
|
|
536
|
+
P.current = null;
|
|
536
537
|
}
|
|
537
|
-
}, []),
|
|
538
|
-
(
|
|
539
|
-
const
|
|
540
|
-
return
|
|
538
|
+
}, []), U = y(
|
|
539
|
+
(N) => {
|
|
540
|
+
const F = i.current, E = b.current;
|
|
541
|
+
return N * F + (N - 1) * E;
|
|
541
542
|
},
|
|
542
543
|
[]
|
|
543
|
-
),
|
|
544
|
+
), j = T(new Nt()), K = T(e);
|
|
544
545
|
L(() => {
|
|
545
|
-
|
|
546
|
-
}, [
|
|
547
|
-
const $ =
|
|
548
|
-
S.current && (clearTimeout(S.current), S.current = null);
|
|
549
|
-
}, []), j = y(() => {
|
|
546
|
+
K.current = g;
|
|
547
|
+
}, [g]);
|
|
548
|
+
const $ = ie(() => ({ ...Le, ...o ?? {} }), [o]), V = y(() => {
|
|
550
549
|
I.current && (clearTimeout(I.current), I.current = null);
|
|
550
|
+
}, []), A = y(() => {
|
|
551
|
+
C.current && (clearTimeout(C.current), C.current = null);
|
|
552
|
+
}, []), Y = y(() => {
|
|
553
|
+
M.current && (clearTimeout(M.current), M.current = null);
|
|
551
554
|
}, []);
|
|
552
555
|
L(() => {
|
|
553
|
-
|
|
554
|
-
}, [
|
|
555
|
-
const
|
|
556
|
-
|
|
557
|
-
}, [
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
(
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
556
|
+
m && (v.current === "dragging" || v.current === "settling" || (V(), A(), Y(), v.current = "idle", k("idle")));
|
|
557
|
+
}, [m, V, A, Y]);
|
|
558
|
+
const _e = y(() => {
|
|
559
|
+
A(), k((N) => N === "settling" || N !== "idle" ? N : (I.current = setTimeout(() => k("handle-visible"), c), "dwelling"));
|
|
560
|
+
}, [c, A]), xe = y(() => {
|
|
561
|
+
V();
|
|
562
|
+
const N = v.current;
|
|
563
|
+
N !== "dwelling" && N !== "handle-visible" || (C.current = setTimeout(() => {
|
|
564
|
+
v.current = "idle", k("idle");
|
|
565
|
+
}, f));
|
|
566
|
+
}, [V, f]), le = y(
|
|
567
|
+
(N, F, E) => {
|
|
568
|
+
const B = i.current, J = B * $.snapInFraction, q = B * $.snapOutFraction, Q = F - E, X = Math.max(
|
|
569
|
+
E,
|
|
570
|
+
D.current ?? w
|
|
564
571
|
);
|
|
565
|
-
let z =
|
|
566
|
-
for (;
|
|
567
|
-
const
|
|
568
|
-
if (
|
|
572
|
+
let z = Q;
|
|
573
|
+
for (; E + z < X; ) {
|
|
574
|
+
const ne = z * B + (z < 0 ? q : J);
|
|
575
|
+
if (N >= ne) z += 1;
|
|
569
576
|
else break;
|
|
570
577
|
}
|
|
571
|
-
if (z ===
|
|
572
|
-
for (;
|
|
573
|
-
const
|
|
574
|
-
if (
|
|
578
|
+
if (z === Q)
|
|
579
|
+
for (; E + z > 1; ) {
|
|
580
|
+
const ne = z * B - (z > 0 ? q : J);
|
|
581
|
+
if (N <= ne) z -= 1;
|
|
575
582
|
else break;
|
|
576
583
|
}
|
|
577
|
-
return Math.min(
|
|
584
|
+
return Math.min(X, Math.max(1, E + z));
|
|
578
585
|
},
|
|
579
|
-
[$.snapInFraction, $.snapOutFraction,
|
|
580
|
-
),
|
|
581
|
-
(
|
|
582
|
-
if (
|
|
583
|
-
|
|
584
|
-
const
|
|
585
|
-
|
|
586
|
+
[$.snapInFraction, $.snapOutFraction, w]
|
|
587
|
+
), Ue = y(
|
|
588
|
+
(N) => {
|
|
589
|
+
if (v.current !== "handle-visible") return;
|
|
590
|
+
H(), R.current = N.clientX, i.current = r, b.current = s, D.current = w;
|
|
591
|
+
const F = e * r + (e - 1) * s;
|
|
592
|
+
x.current = F, j.current.clear(), j.current.push({ x: N.clientX, t: performance.now() }), _.jump(F), v.current = "dragging", k("dragging");
|
|
586
593
|
},
|
|
587
|
-
[r, s,
|
|
588
|
-
),
|
|
589
|
-
(
|
|
594
|
+
[r, s, w, e, _, H]
|
|
595
|
+
), Se = y(
|
|
596
|
+
(N) => N * i.current + (N - 1) * b.current,
|
|
590
597
|
[]
|
|
591
|
-
),
|
|
592
|
-
(
|
|
593
|
-
const
|
|
598
|
+
), ce = y(
|
|
599
|
+
(N, F) => {
|
|
600
|
+
const E = Se(N), B = N !== e;
|
|
594
601
|
if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
|
|
595
|
-
|
|
602
|
+
_.jump(E), B && F ? n({ direction: F, targetColSpan: N, mode: t ? "slot-fill" : "sparkline-fidelity" }) : B || a?.(), _.jump(0), v.current = "idle", k("idle");
|
|
596
603
|
return;
|
|
597
604
|
}
|
|
598
|
-
const
|
|
599
|
-
|
|
605
|
+
const q = j.current.getWeightedVelocity() * $.velocityMultiplier;
|
|
606
|
+
v.current = "settling", k("settling"), H(), P.current = Re(_, E, {
|
|
600
607
|
type: "spring",
|
|
601
608
|
stiffness: $.stiffness,
|
|
602
609
|
damping: $.damping,
|
|
603
610
|
mass: $.mass,
|
|
604
|
-
velocity:
|
|
611
|
+
velocity: q,
|
|
605
612
|
onComplete: () => {
|
|
606
|
-
|
|
613
|
+
P.current = null, B && F ? n({ direction: F, targetColSpan: N, mode: t ? "slot-fill" : "sparkline-fidelity" }) : B || a?.(), _.jump(0), v.current = "idle", k("idle");
|
|
607
614
|
}
|
|
608
615
|
});
|
|
609
616
|
},
|
|
610
|
-
[
|
|
611
|
-
),
|
|
612
|
-
(
|
|
613
|
-
if (
|
|
614
|
-
const
|
|
615
|
-
|
|
616
|
-
const
|
|
617
|
-
|
|
617
|
+
[Se, e, t, n, a, _, $, H]
|
|
618
|
+
), Ze = y(
|
|
619
|
+
(N) => {
|
|
620
|
+
if (v.current !== "dragging") return;
|
|
621
|
+
const F = N.clientX - (R.current ?? N.clientX), E = i.current, J = ((D.current ?? w) - e) * E, q = (1 - e) * E, Q = Math.max(q, Math.min(J, F));
|
|
622
|
+
j.current.push({ x: N.clientX, t: performance.now() });
|
|
623
|
+
const X = le(Q, K.current, e), z = X > e ? "grow" : X < e ? "shrink" : null;
|
|
624
|
+
ce(X, z);
|
|
618
625
|
},
|
|
619
|
-
[
|
|
620
|
-
),
|
|
621
|
-
if (
|
|
622
|
-
const
|
|
626
|
+
[le, e, w, ce]
|
|
627
|
+
), ge = y(() => {
|
|
628
|
+
if (V(), v.current === "dragging") {
|
|
629
|
+
const N = x.current;
|
|
623
630
|
if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
|
|
624
|
-
|
|
631
|
+
_.jump(N), a?.(), _.jump(0), v.current = "idle", k("idle");
|
|
625
632
|
return;
|
|
626
633
|
}
|
|
627
|
-
const
|
|
628
|
-
|
|
634
|
+
const E = j.current.getWeightedVelocity();
|
|
635
|
+
v.current = "settling", k("settling"), H(), P.current = Re(_, N, {
|
|
629
636
|
type: "spring",
|
|
630
637
|
stiffness: $.stiffness,
|
|
631
638
|
damping: $.damping,
|
|
632
639
|
mass: $.mass,
|
|
633
|
-
velocity:
|
|
640
|
+
velocity: E,
|
|
634
641
|
onComplete: () => {
|
|
635
|
-
|
|
642
|
+
P.current = null, a?.(), _.jump(0), v.current = "idle", k("idle");
|
|
636
643
|
}
|
|
637
644
|
});
|
|
638
645
|
return;
|
|
639
646
|
}
|
|
640
|
-
|
|
641
|
-
}, [
|
|
647
|
+
v.current === "handle-visible" && (a?.(), v.current = "cancelled", k("cancelled"));
|
|
648
|
+
}, [V, _, a, $, H]);
|
|
642
649
|
L(() => {
|
|
643
|
-
if (
|
|
644
|
-
const
|
|
645
|
-
|
|
650
|
+
if (h !== "dragging" && h !== "handle-visible") return;
|
|
651
|
+
const N = (F) => {
|
|
652
|
+
F.key === "Escape" && ge();
|
|
646
653
|
};
|
|
647
|
-
return window.addEventListener("keydown",
|
|
648
|
-
}, [
|
|
649
|
-
if (
|
|
650
|
-
|
|
654
|
+
return window.addEventListener("keydown", N), () => window.removeEventListener("keydown", N);
|
|
655
|
+
}, [h, ge]), L(() => {
|
|
656
|
+
if (h !== "dragging") {
|
|
657
|
+
S(e);
|
|
651
658
|
return;
|
|
652
659
|
}
|
|
653
|
-
const
|
|
654
|
-
const
|
|
655
|
-
|
|
656
|
-
const z =
|
|
657
|
-
|
|
658
|
-
const
|
|
659
|
-
|
|
660
|
+
const N = (F) => {
|
|
661
|
+
const E = F.clientX - (R.current ?? F.clientX), B = x.current, J = U(1), q = U(w), Q = B + E, X = Math.max(J, Math.min(q, Q));
|
|
662
|
+
_.set(X);
|
|
663
|
+
const z = i.current, Te = (w - e) * z, ne = (1 - e) * z, Xe = Math.max(ne, Math.min(Te, E));
|
|
664
|
+
j.current.push({ x: F.clientX, t: performance.now() });
|
|
665
|
+
const pe = le(Xe, K.current, e);
|
|
666
|
+
pe !== K.current && (K.current = pe, S(pe));
|
|
660
667
|
};
|
|
661
|
-
return window.addEventListener("pointermove",
|
|
662
|
-
}, [
|
|
663
|
-
A(),
|
|
664
|
-
}, [A,
|
|
665
|
-
if (
|
|
666
|
-
const
|
|
667
|
-
return () => clearTimeout(
|
|
668
|
-
}, [
|
|
669
|
-
const
|
|
670
|
-
(
|
|
671
|
-
if (
|
|
672
|
-
const
|
|
673
|
-
if (
|
|
674
|
-
|
|
668
|
+
return window.addEventListener("pointermove", N), () => window.removeEventListener("pointermove", N);
|
|
669
|
+
}, [h, e, _, le, w, U]), L(() => () => {
|
|
670
|
+
V(), A(), Y();
|
|
671
|
+
}, [V, A, Y]), L(() => {
|
|
672
|
+
if (h !== "cancelled") return;
|
|
673
|
+
const N = setTimeout(() => k("idle"), p);
|
|
674
|
+
return () => clearTimeout(N);
|
|
675
|
+
}, [h, p]);
|
|
676
|
+
const Ye = y(
|
|
677
|
+
(N) => {
|
|
678
|
+
if (v.current === "settling") return;
|
|
679
|
+
const E = Math.min(w, Math.max(1, e + (N === "grow" ? 1 : -1)));
|
|
680
|
+
if (E === e) return;
|
|
681
|
+
i.current = r, b.current = s, D.current = w, j.current.clear();
|
|
675
682
|
const B = e * r + (e - 1) * s;
|
|
676
|
-
|
|
683
|
+
x.current = B, _.jump(B), ce(E, N);
|
|
677
684
|
},
|
|
678
|
-
[e, r, s,
|
|
679
|
-
),
|
|
680
|
-
|
|
681
|
-
|
|
685
|
+
[e, r, s, w, _, ce]
|
|
686
|
+
), Me = y(() => {
|
|
687
|
+
Y(), M.current = setTimeout(() => {
|
|
688
|
+
v.current === "handle-visible" && (v.current = "idle", k("idle"));
|
|
682
689
|
}, 5e3);
|
|
683
|
-
}, [
|
|
684
|
-
|
|
685
|
-
}, [
|
|
686
|
-
|
|
687
|
-
}, [
|
|
690
|
+
}, [Y]), qe = y(() => {
|
|
691
|
+
v.current === "idle" && (V(), v.current = "handle-visible", k("handle-visible"), Me());
|
|
692
|
+
}, [V, Me]), Qe = y(() => {
|
|
693
|
+
Y(), v.current === "handle-visible" && (v.current = "idle", k("idle"));
|
|
694
|
+
}, [Y]);
|
|
688
695
|
return {
|
|
689
|
-
state:
|
|
690
|
-
enterEdgeZone:
|
|
691
|
-
leaveEdgeZone:
|
|
696
|
+
state: h,
|
|
697
|
+
enterEdgeZone: _e,
|
|
698
|
+
leaveEdgeZone: xe,
|
|
692
699
|
handleProps: {
|
|
693
|
-
onPointerDown:
|
|
694
|
-
onPointerUp:
|
|
700
|
+
onPointerDown: Ue,
|
|
701
|
+
onPointerUp: Ze,
|
|
695
702
|
// Bug E: handle continues zone presence so pointer crossing sentinel→handle
|
|
696
703
|
// doesn't collapse state. handle's pointerenter = stay in zone.
|
|
697
|
-
onPointerEnter:
|
|
698
|
-
onPointerLeave:
|
|
704
|
+
onPointerEnter: _e,
|
|
705
|
+
onPointerLeave: xe
|
|
699
706
|
},
|
|
700
|
-
previewColSpan:
|
|
707
|
+
previewColSpan: g,
|
|
701
708
|
ghostProps: {
|
|
702
|
-
visible:
|
|
703
|
-
targetColSpan:
|
|
704
|
-
ghostWidth:
|
|
705
|
-
enterMs:
|
|
706
|
-
exitMs:
|
|
709
|
+
visible: h === "dragging" || h === "settling",
|
|
710
|
+
targetColSpan: g,
|
|
711
|
+
ghostWidth: _,
|
|
712
|
+
enterMs: d,
|
|
713
|
+
exitMs: p
|
|
707
714
|
},
|
|
708
|
-
onKeyboardStep:
|
|
709
|
-
onTouchReveal:
|
|
710
|
-
onTouchDismiss:
|
|
711
|
-
cancel:
|
|
715
|
+
onKeyboardStep: Ye,
|
|
716
|
+
onTouchReveal: qe,
|
|
717
|
+
onTouchDismiss: Qe,
|
|
718
|
+
cancel: ge
|
|
712
719
|
};
|
|
713
720
|
}
|
|
714
|
-
const
|
|
721
|
+
const ae = {
|
|
715
722
|
// Cascade (D-08, D-10)
|
|
716
723
|
staggerMs: 50,
|
|
717
724
|
reverseStaggerMs: 30,
|
|
@@ -736,14 +743,14 @@ const ee = {
|
|
|
736
743
|
sectionDividerFadeOutMs: 80,
|
|
737
744
|
sectionDividerStaggerMs: 40
|
|
738
745
|
};
|
|
739
|
-
function
|
|
746
|
+
function Za(e) {
|
|
740
747
|
const { cardWidthPx: t, slotCount: n, activeSlotIdx: a, pillWidthPx: r } = e;
|
|
741
748
|
if (a == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(n) || n <= 0 || !Number.isInteger(a) || a < 0 || a >= n)
|
|
742
749
|
return;
|
|
743
750
|
const s = (a + 0.5) * (t / n);
|
|
744
751
|
return r != null && Number.isFinite(r) && r > 0 ? s - r / 2 : s;
|
|
745
752
|
}
|
|
746
|
-
const
|
|
753
|
+
const Ya = [
|
|
747
754
|
// 1. Standard: Total Revenue
|
|
748
755
|
{
|
|
749
756
|
variant: "standard",
|
|
@@ -847,24 +854,24 @@ const ja = [
|
|
|
847
854
|
{ value: 9, color: "#6b7280", label: "Other" }
|
|
848
855
|
]
|
|
849
856
|
}
|
|
850
|
-
],
|
|
857
|
+
], Ct = {
|
|
851
858
|
variant: "standard",
|
|
852
859
|
label: "Total Revenue",
|
|
853
860
|
isLoading: !0
|
|
854
|
-
},
|
|
861
|
+
}, kt = {
|
|
855
862
|
variant: "standard",
|
|
856
863
|
label: "Total Revenue",
|
|
857
864
|
value: 125430,
|
|
858
865
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
859
866
|
isError: !0
|
|
860
|
-
},
|
|
867
|
+
}, _t = {
|
|
861
868
|
variant: "standard",
|
|
862
869
|
label: "Total Revenue",
|
|
863
870
|
value: null,
|
|
864
871
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
865
872
|
isEmpty: !0,
|
|
866
873
|
subtitle: "No data"
|
|
867
|
-
},
|
|
874
|
+
}, xt = {
|
|
868
875
|
variant: "standard",
|
|
869
876
|
label: "Total Revenue",
|
|
870
877
|
value: 125430,
|
|
@@ -872,7 +879,7 @@ const ja = [
|
|
|
872
879
|
trend: { value: 12.5, direction: "up" },
|
|
873
880
|
subtitle: "MTD",
|
|
874
881
|
isStale: !0
|
|
875
|
-
},
|
|
882
|
+
}, St = {
|
|
876
883
|
variant: "sparkline",
|
|
877
884
|
label: "Daily Orders",
|
|
878
885
|
value: 847,
|
|
@@ -881,7 +888,7 @@ const ja = [
|
|
|
881
888
|
sparklineData: [42, 38, 51, 47, 55, 60, 58, 63, 57, 62, 68, 71, 65, 59],
|
|
882
889
|
accentColor: "#6366f1",
|
|
883
890
|
isStale: !0
|
|
884
|
-
},
|
|
891
|
+
}, Mt = {
|
|
885
892
|
variant: "donut",
|
|
886
893
|
label: "Order Fill Rate",
|
|
887
894
|
value: 78,
|
|
@@ -892,14 +899,14 @@ const ja = [
|
|
|
892
899
|
donutMax: 100,
|
|
893
900
|
accentColor: "#10b981",
|
|
894
901
|
isStale: !0
|
|
895
|
-
},
|
|
896
|
-
wt,
|
|
897
|
-
Dt,
|
|
898
|
-
Nt,
|
|
902
|
+
}, qa = [
|
|
899
903
|
Ct,
|
|
900
904
|
kt,
|
|
901
|
-
_t
|
|
902
|
-
|
|
905
|
+
_t,
|
|
906
|
+
xt,
|
|
907
|
+
St,
|
|
908
|
+
Mt
|
|
909
|
+
], Qa = {
|
|
903
910
|
variant: "sparkline",
|
|
904
911
|
label: "Daily Orders",
|
|
905
912
|
value: 847,
|
|
@@ -922,7 +929,7 @@ const ja = [
|
|
|
922
929
|
59
|
|
923
930
|
],
|
|
924
931
|
accentColor: "#6366f1"
|
|
925
|
-
},
|
|
932
|
+
}, Xa = {
|
|
926
933
|
variant: "sparkline",
|
|
927
934
|
label: "New Customers",
|
|
928
935
|
value: 23,
|
|
@@ -961,21 +968,21 @@ const ja = [
|
|
|
961
968
|
19
|
|
962
969
|
],
|
|
963
970
|
accentColor: "#10b981"
|
|
964
|
-
},
|
|
971
|
+
}, Ja = {
|
|
965
972
|
variant: "standard",
|
|
966
973
|
label: "Total Revenue",
|
|
967
974
|
value: 125430,
|
|
968
975
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
969
976
|
trend: { value: 12.5, direction: "up" },
|
|
970
977
|
subtitle: "MTD"
|
|
971
|
-
},
|
|
978
|
+
}, en = {
|
|
972
979
|
variant: "standard",
|
|
973
980
|
label: "Returns",
|
|
974
981
|
value: 3280,
|
|
975
982
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
976
983
|
trend: { value: -8.3, direction: "down" },
|
|
977
984
|
subtitle: "MTD"
|
|
978
|
-
},
|
|
985
|
+
}, tn = {
|
|
979
986
|
variant: "standard",
|
|
980
987
|
label: "Avg Order Value",
|
|
981
988
|
value: 487,
|
|
@@ -983,7 +990,7 @@ const ja = [
|
|
|
983
990
|
trend: { value: 0, direction: "flat" },
|
|
984
991
|
subtitle: "QTD"
|
|
985
992
|
};
|
|
986
|
-
function
|
|
993
|
+
function $e({
|
|
987
994
|
open: e,
|
|
988
995
|
onDismiss: t,
|
|
989
996
|
anchorRef: n,
|
|
@@ -991,25 +998,25 @@ function Oe({
|
|
|
991
998
|
activePageId: r,
|
|
992
999
|
onPageChange: s,
|
|
993
1000
|
onCreatePage: o,
|
|
994
|
-
onManagePages:
|
|
1001
|
+
onManagePages: c
|
|
995
1002
|
}) {
|
|
996
|
-
const
|
|
1003
|
+
const f = y(
|
|
997
1004
|
(u) => {
|
|
998
1005
|
s(u), t();
|
|
999
1006
|
},
|
|
1000
1007
|
[s, t]
|
|
1001
|
-
),
|
|
1002
|
-
(u,
|
|
1003
|
-
(
|
|
1008
|
+
), d = y(
|
|
1009
|
+
(u, m) => {
|
|
1010
|
+
(m.key === "Enter" || m.key === " ") && (m.preventDefault(), f(u));
|
|
1004
1011
|
},
|
|
1005
|
-
[
|
|
1006
|
-
),
|
|
1012
|
+
[f]
|
|
1013
|
+
), p = y(() => {
|
|
1007
1014
|
o(), t();
|
|
1008
|
-
}, [o, t]),
|
|
1009
|
-
|
|
1010
|
-
}, [
|
|
1015
|
+
}, [o, t]), w = y(() => {
|
|
1016
|
+
c(), t();
|
|
1017
|
+
}, [c, t]);
|
|
1011
1018
|
return /* @__PURE__ */ O(
|
|
1012
|
-
|
|
1019
|
+
st,
|
|
1013
1020
|
{
|
|
1014
1021
|
definition: {
|
|
1015
1022
|
placement: "bottom-end",
|
|
@@ -1022,55 +1029,55 @@ function Oe({
|
|
|
1022
1029
|
anchorRef: n,
|
|
1023
1030
|
className: "gloss-page-dropdown",
|
|
1024
1031
|
children: [
|
|
1025
|
-
/* @__PURE__ */
|
|
1026
|
-
const
|
|
1032
|
+
/* @__PURE__ */ l("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((u) => {
|
|
1033
|
+
const m = u.id === r;
|
|
1027
1034
|
return /* @__PURE__ */ O(
|
|
1028
1035
|
"li",
|
|
1029
1036
|
{
|
|
1030
1037
|
role: "menuitemradio",
|
|
1031
|
-
"aria-checked":
|
|
1032
|
-
"aria-current":
|
|
1038
|
+
"aria-checked": m,
|
|
1039
|
+
"aria-current": m ? "page" : void 0,
|
|
1033
1040
|
tabIndex: 0,
|
|
1034
|
-
className: `gloss-page-dropdown__item${
|
|
1035
|
-
onClick: () =>
|
|
1036
|
-
onKeyDown: (h) =>
|
|
1041
|
+
className: `gloss-page-dropdown__item${m ? " gloss-page-dropdown__item--active" : ""}`,
|
|
1042
|
+
onClick: () => f(u.id),
|
|
1043
|
+
onKeyDown: (h) => d(u.id, h),
|
|
1037
1044
|
children: [
|
|
1038
|
-
/* @__PURE__ */
|
|
1045
|
+
/* @__PURE__ */ l(
|
|
1039
1046
|
"span",
|
|
1040
1047
|
{
|
|
1041
|
-
className: `gloss-page-dropdown__dot${
|
|
1048
|
+
className: `gloss-page-dropdown__dot${m ? " gloss-page-dropdown__dot--active" : ""}`
|
|
1042
1049
|
}
|
|
1043
1050
|
),
|
|
1044
|
-
/* @__PURE__ */
|
|
1051
|
+
/* @__PURE__ */ l(
|
|
1045
1052
|
"span",
|
|
1046
1053
|
{
|
|
1047
1054
|
className: `gloss-page-dropdown__name${u.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
|
|
1048
1055
|
children: u.name
|
|
1049
1056
|
}
|
|
1050
1057
|
),
|
|
1051
|
-
/* @__PURE__ */
|
|
1058
|
+
/* @__PURE__ */ l("span", { className: "gloss-page-dropdown__count", children: u.cardCount })
|
|
1052
1059
|
]
|
|
1053
1060
|
},
|
|
1054
1061
|
u.id
|
|
1055
1062
|
);
|
|
1056
1063
|
}) }),
|
|
1057
|
-
/* @__PURE__ */
|
|
1058
|
-
/* @__PURE__ */
|
|
1064
|
+
/* @__PURE__ */ l("hr", { className: "gloss-page-dropdown__separator" }),
|
|
1065
|
+
/* @__PURE__ */ l(
|
|
1059
1066
|
"button",
|
|
1060
1067
|
{
|
|
1061
1068
|
role: "menuitem",
|
|
1062
1069
|
className: "gloss-page-dropdown__action",
|
|
1063
|
-
onClick:
|
|
1070
|
+
onClick: p,
|
|
1064
1071
|
children: "+ New page"
|
|
1065
1072
|
}
|
|
1066
1073
|
),
|
|
1067
|
-
/* @__PURE__ */
|
|
1068
|
-
/* @__PURE__ */
|
|
1074
|
+
/* @__PURE__ */ l("hr", { className: "gloss-page-dropdown__separator" }),
|
|
1075
|
+
/* @__PURE__ */ l(
|
|
1069
1076
|
"button",
|
|
1070
1077
|
{
|
|
1071
1078
|
role: "menuitem",
|
|
1072
1079
|
className: "gloss-page-dropdown__action gloss-page-dropdown__action--muted",
|
|
1073
|
-
onClick:
|
|
1080
|
+
onClick: w,
|
|
1074
1081
|
children: "Manage pages"
|
|
1075
1082
|
}
|
|
1076
1083
|
)
|
|
@@ -1078,64 +1085,64 @@ function Oe({
|
|
|
1078
1085
|
}
|
|
1079
1086
|
);
|
|
1080
1087
|
}
|
|
1081
|
-
|
|
1082
|
-
const
|
|
1088
|
+
$e.displayName = "PageDropdown";
|
|
1089
|
+
const Tt = function({
|
|
1083
1090
|
currentIndex: t,
|
|
1084
1091
|
total: n,
|
|
1085
1092
|
pages: a,
|
|
1086
1093
|
onPageChange: r,
|
|
1087
1094
|
onCreatePage: s,
|
|
1088
1095
|
onManagePages: o,
|
|
1089
|
-
maskRadius:
|
|
1090
|
-
displayMode:
|
|
1091
|
-
activePage:
|
|
1096
|
+
maskRadius: c = "var(--gloss-radius-md)",
|
|
1097
|
+
displayMode: f = "count",
|
|
1098
|
+
activePage: d
|
|
1092
1099
|
}) {
|
|
1093
|
-
const
|
|
1094
|
-
u((
|
|
1100
|
+
const p = T(null), [w, u] = G(!1), m = y(() => {
|
|
1101
|
+
u((g) => !g);
|
|
1095
1102
|
}, []), h = y(() => {
|
|
1096
1103
|
u(!1);
|
|
1097
|
-
}, []),
|
|
1104
|
+
}, []), k = a[t]?.id ?? "";
|
|
1098
1105
|
return /* @__PURE__ */ O(
|
|
1099
1106
|
"div",
|
|
1100
1107
|
{
|
|
1101
1108
|
className: "gloss-page-chip",
|
|
1102
|
-
ref:
|
|
1109
|
+
ref: p,
|
|
1103
1110
|
style: { position: "absolute", top: 0, right: 0 },
|
|
1104
1111
|
"data-page-chip": !0,
|
|
1105
1112
|
children: [
|
|
1106
|
-
/* @__PURE__ */
|
|
1113
|
+
/* @__PURE__ */ l(
|
|
1107
1114
|
"div",
|
|
1108
1115
|
{
|
|
1109
1116
|
className: "gloss-page-chip__nuzzle",
|
|
1110
|
-
style: { "--_nuzzle-r":
|
|
1117
|
+
style: { "--_nuzzle-r": c }
|
|
1111
1118
|
}
|
|
1112
1119
|
),
|
|
1113
|
-
/* @__PURE__ */
|
|
1120
|
+
/* @__PURE__ */ l(
|
|
1114
1121
|
"button",
|
|
1115
1122
|
{
|
|
1116
1123
|
className: "gloss-page-chip__trigger",
|
|
1117
1124
|
"aria-haspopup": "menu",
|
|
1118
|
-
"aria-expanded":
|
|
1119
|
-
"aria-label":
|
|
1120
|
-
onClick:
|
|
1121
|
-
children:
|
|
1122
|
-
/* @__PURE__ */
|
|
1123
|
-
/* @__PURE__ */
|
|
1124
|
-
] }) : /* @__PURE__ */ O(
|
|
1125
|
+
"aria-expanded": w,
|
|
1126
|
+
"aria-label": f === "name" ? `${d ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
|
|
1127
|
+
onClick: m,
|
|
1128
|
+
children: f === "name" ? /* @__PURE__ */ O(ve, { children: [
|
|
1129
|
+
/* @__PURE__ */ l("span", { className: "gloss-page-chip__trigger-name", children: d ?? "" }),
|
|
1130
|
+
/* @__PURE__ */ l("span", { className: "gloss-page-chip__trigger-chevron", "aria-hidden": "true", children: "▾" })
|
|
1131
|
+
] }) : /* @__PURE__ */ O(ve, { children: [
|
|
1125
1132
|
t + 1,
|
|
1126
1133
|
" / ",
|
|
1127
1134
|
n
|
|
1128
1135
|
] })
|
|
1129
1136
|
}
|
|
1130
1137
|
),
|
|
1131
|
-
/* @__PURE__ */
|
|
1132
|
-
|
|
1138
|
+
/* @__PURE__ */ l(
|
|
1139
|
+
$e,
|
|
1133
1140
|
{
|
|
1134
|
-
open:
|
|
1141
|
+
open: w,
|
|
1135
1142
|
onDismiss: h,
|
|
1136
|
-
anchorRef:
|
|
1143
|
+
anchorRef: p,
|
|
1137
1144
|
pages: a,
|
|
1138
|
-
activePageId:
|
|
1145
|
+
activePageId: k,
|
|
1139
1146
|
onPageChange: r,
|
|
1140
1147
|
onCreatePage: s,
|
|
1141
1148
|
onManagePages: o
|
|
@@ -1145,8 +1152,8 @@ const xt = function({
|
|
|
1145
1152
|
}
|
|
1146
1153
|
);
|
|
1147
1154
|
};
|
|
1148
|
-
|
|
1149
|
-
const
|
|
1155
|
+
Tt.displayName = "PageChip";
|
|
1156
|
+
const an = [
|
|
1150
1157
|
{
|
|
1151
1158
|
id: "ORD-1001",
|
|
1152
1159
|
orderNumber: "ORD-1001",
|
|
@@ -1279,7 +1286,7 @@ const Ja = [
|
|
|
1279
1286
|
date: "2026-03-01",
|
|
1280
1287
|
skuCount: 9
|
|
1281
1288
|
}
|
|
1282
|
-
],
|
|
1289
|
+
], nn = [
|
|
1283
1290
|
{
|
|
1284
1291
|
id: "ITEM-001",
|
|
1285
1292
|
sku: "PB-4520",
|
|
@@ -1413,16 +1420,16 @@ const Ja = [
|
|
|
1413
1420
|
lastDate: "2026-03-01"
|
|
1414
1421
|
}
|
|
1415
1422
|
];
|
|
1416
|
-
function
|
|
1423
|
+
function we(e) {
|
|
1417
1424
|
return "$" + e.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
|
|
1418
1425
|
}
|
|
1419
|
-
function
|
|
1426
|
+
function Be(e) {
|
|
1420
1427
|
return e.toLocaleString("en-US");
|
|
1421
1428
|
}
|
|
1422
|
-
function
|
|
1429
|
+
function ze(e) {
|
|
1423
1430
|
return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
|
|
1424
1431
|
}
|
|
1425
|
-
const
|
|
1432
|
+
const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), rn = [
|
|
1426
1433
|
{
|
|
1427
1434
|
field: "id",
|
|
1428
1435
|
headerName: "Order",
|
|
@@ -1452,7 +1459,7 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1452
1459
|
align: "right",
|
|
1453
1460
|
headerAlign: "right",
|
|
1454
1461
|
cellClassName: "gloss-tabular-nums",
|
|
1455
|
-
renderCell: ({ row: e }) => e.skuCount ?
|
|
1462
|
+
renderCell: ({ row: e }) => e.skuCount ? Be(e.skuCount) : oe
|
|
1456
1463
|
},
|
|
1457
1464
|
{
|
|
1458
1465
|
field: "total",
|
|
@@ -1462,7 +1469,7 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1462
1469
|
align: "right",
|
|
1463
1470
|
headerAlign: "right",
|
|
1464
1471
|
cellClassName: "gloss-tabular-nums",
|
|
1465
|
-
renderCell: ({ row: e }) => e.total ?
|
|
1472
|
+
renderCell: ({ row: e }) => e.total ? we(e.total) : oe
|
|
1466
1473
|
},
|
|
1467
1474
|
{
|
|
1468
1475
|
field: "date",
|
|
@@ -1472,9 +1479,9 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1472
1479
|
align: "right",
|
|
1473
1480
|
headerAlign: "right",
|
|
1474
1481
|
cellClassName: "gloss-tabular-nums",
|
|
1475
|
-
renderCell: ({ row: e }) => e.date ?
|
|
1482
|
+
renderCell: ({ row: e }) => e.date ? ze(e.date) : ""
|
|
1476
1483
|
}
|
|
1477
|
-
],
|
|
1484
|
+
], sn = [
|
|
1478
1485
|
{
|
|
1479
1486
|
field: "sku",
|
|
1480
1487
|
headerName: "Item ID",
|
|
@@ -1506,7 +1513,7 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1506
1513
|
align: "right",
|
|
1507
1514
|
headerAlign: "right",
|
|
1508
1515
|
cellClassName: "gloss-tabular-nums",
|
|
1509
|
-
renderCell: ({ row: e }) => e.price ?
|
|
1516
|
+
renderCell: ({ row: e }) => e.price ? we(e.price) : oe
|
|
1510
1517
|
},
|
|
1511
1518
|
{
|
|
1512
1519
|
field: "quantity",
|
|
@@ -1516,7 +1523,7 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1516
1523
|
align: "right",
|
|
1517
1524
|
headerAlign: "right",
|
|
1518
1525
|
cellClassName: "gloss-tabular-nums gloss-drillable",
|
|
1519
|
-
renderCell: ({ row: e }) => e.quantity ?
|
|
1526
|
+
renderCell: ({ row: e }) => e.quantity ? Be(e.quantity) : oe
|
|
1520
1527
|
},
|
|
1521
1528
|
{
|
|
1522
1529
|
field: "total",
|
|
@@ -1526,7 +1533,7 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1526
1533
|
align: "right",
|
|
1527
1534
|
headerAlign: "right",
|
|
1528
1535
|
cellClassName: "gloss-tabular-nums gloss-drillable",
|
|
1529
|
-
renderCell: ({ row: e }) => e.total ?
|
|
1536
|
+
renderCell: ({ row: e }) => e.total ? we(e.total) : oe
|
|
1530
1537
|
},
|
|
1531
1538
|
{
|
|
1532
1539
|
field: "lastDate",
|
|
@@ -1536,24 +1543,24 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1536
1543
|
align: "right",
|
|
1537
1544
|
headerAlign: "right",
|
|
1538
1545
|
cellClassName: "gloss-tabular-nums",
|
|
1539
|
-
renderCell: ({ row: e }) => e.lastDate ?
|
|
1546
|
+
renderCell: ({ row: e }) => e.lastDate ? ze(e.lastDate) : ""
|
|
1540
1547
|
}
|
|
1541
|
-
],
|
|
1548
|
+
], Rt = [
|
|
1542
1549
|
{ id: "c-001", label: "ABC Home Goods" },
|
|
1543
1550
|
{ id: "c-002", label: "Riverside Retail" },
|
|
1544
1551
|
{ id: "c-003", label: "Mountain View Store" },
|
|
1545
1552
|
{ id: "c-004", label: "Downtown Decor" },
|
|
1546
1553
|
{ id: "c-005", label: "Pacific Coast Imports" }
|
|
1547
|
-
],
|
|
1554
|
+
], It = [
|
|
1548
1555
|
{ id: "i-001", label: "Classic Linen Throw Pillow" },
|
|
1549
1556
|
{ id: "i-002", label: "Coastal Wave Candle Set" },
|
|
1550
1557
|
{ id: "i-003", label: "Walnut Console Table" },
|
|
1551
1558
|
{ id: "i-004", label: "Hand-Blown Glass Vase" },
|
|
1552
1559
|
{ id: "i-005", label: "Velvet Accent Cushion" }
|
|
1553
|
-
],
|
|
1554
|
-
},
|
|
1555
|
-
},
|
|
1556
|
-
},
|
|
1560
|
+
], fe = (e) => {
|
|
1561
|
+
}, Pt = (e) => {
|
|
1562
|
+
}, Pe = (e, t) => {
|
|
1563
|
+
}, Ke = {
|
|
1557
1564
|
vizState: {
|
|
1558
1565
|
type: "orders",
|
|
1559
1566
|
quant: "$",
|
|
@@ -1561,17 +1568,17 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1561
1568
|
byItem: { id: null, name: null },
|
|
1562
1569
|
timeFrame: "MTD"
|
|
1563
1570
|
},
|
|
1564
|
-
onTypeChange:
|
|
1565
|
-
onQuantChange:
|
|
1566
|
-
onEntityTypeChange:
|
|
1567
|
-
onEntitySelect:
|
|
1568
|
-
onItemSelect:
|
|
1569
|
-
onTimeFrameChange:
|
|
1571
|
+
onTypeChange: fe,
|
|
1572
|
+
onQuantChange: Pt,
|
|
1573
|
+
onEntityTypeChange: fe,
|
|
1574
|
+
onEntitySelect: Pe,
|
|
1575
|
+
onItemSelect: Pe,
|
|
1576
|
+
onTimeFrameChange: fe,
|
|
1570
1577
|
userType: "sales-agency",
|
|
1571
|
-
entityFilterOptions:
|
|
1572
|
-
itemFilterOptions:
|
|
1573
|
-
},
|
|
1574
|
-
|
|
1578
|
+
entityFilterOptions: Rt,
|
|
1579
|
+
itemFilterOptions: It
|
|
1580
|
+
}, on = {
|
|
1581
|
+
...Ke,
|
|
1575
1582
|
vizState: {
|
|
1576
1583
|
type: "items",
|
|
1577
1584
|
quant: "$",
|
|
@@ -1579,8 +1586,8 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1579
1586
|
byItem: { id: "i-003", name: "Walnut Console Table" },
|
|
1580
1587
|
timeFrame: "YTD"
|
|
1581
1588
|
}
|
|
1582
|
-
},
|
|
1583
|
-
|
|
1589
|
+
}, ln = {
|
|
1590
|
+
...Ke,
|
|
1584
1591
|
vizState: {
|
|
1585
1592
|
type: "orders",
|
|
1586
1593
|
quant: "#",
|
|
@@ -1592,7 +1599,7 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1592
1599
|
entityFilterOptions: [
|
|
1593
1600
|
{ id: "customers", label: "Customers" }
|
|
1594
1601
|
]
|
|
1595
|
-
},
|
|
1602
|
+
}, Ft = [
|
|
1596
1603
|
{
|
|
1597
1604
|
id: "recent-orders",
|
|
1598
1605
|
label: "Recent Orders",
|
|
@@ -1638,7 +1645,7 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1638
1645
|
routeKey: "customer.profile",
|
|
1639
1646
|
subtitle: "Opens in RepTime"
|
|
1640
1647
|
}
|
|
1641
|
-
],
|
|
1648
|
+
], Et = [
|
|
1642
1649
|
{
|
|
1643
1650
|
id: "order-items",
|
|
1644
1651
|
label: "Items in Order",
|
|
@@ -1667,7 +1674,7 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1667
1674
|
cellKinds: ["orderId"],
|
|
1668
1675
|
graphType: "timeline"
|
|
1669
1676
|
}
|
|
1670
|
-
],
|
|
1677
|
+
], Ot = [
|
|
1671
1678
|
{
|
|
1672
1679
|
id: "graph-metric",
|
|
1673
1680
|
label: "Graph This Metric",
|
|
@@ -1695,14 +1702,14 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1695
1702
|
cellKinds: ["numeric"],
|
|
1696
1703
|
tabType: "orders"
|
|
1697
1704
|
}
|
|
1698
|
-
],
|
|
1699
|
-
entityName:
|
|
1700
|
-
orderId:
|
|
1701
|
-
numeric:
|
|
1702
|
-
},
|
|
1705
|
+
], cn = {
|
|
1706
|
+
entityName: Ft,
|
|
1707
|
+
orderId: Et,
|
|
1708
|
+
numeric: Ot
|
|
1709
|
+
}, dn = [
|
|
1703
1710
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
|
|
1704
1711
|
/* @__PURE__ */ new Date()
|
|
1705
|
-
],
|
|
1712
|
+
], un = {
|
|
1706
1713
|
rangeA: [
|
|
1707
1714
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
|
|
1708
1715
|
/* @__PURE__ */ new Date()
|
|
@@ -1715,7 +1722,7 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1715
1722
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 2, 1),
|
|
1716
1723
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 1, 0)
|
|
1717
1724
|
]
|
|
1718
|
-
},
|
|
1725
|
+
}, mn = {
|
|
1719
1726
|
version: 4,
|
|
1720
1727
|
lastPreset: "mtd",
|
|
1721
1728
|
pinnedPreset: "mtd",
|
|
@@ -1723,7 +1730,7 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1723
1730
|
rangeCount: 1,
|
|
1724
1731
|
lastPresetB: null,
|
|
1725
1732
|
lastPresetC: null
|
|
1726
|
-
},
|
|
1733
|
+
}, gn = [
|
|
1727
1734
|
{
|
|
1728
1735
|
id: "atlanta-jan",
|
|
1729
1736
|
label: "Atlanta Market",
|
|
@@ -1745,7 +1752,7 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1745
1752
|
endDate: new Date(2026, 3, 22),
|
|
1746
1753
|
location: "Chicago, IL"
|
|
1747
1754
|
}
|
|
1748
|
-
],
|
|
1755
|
+
], pn = [
|
|
1749
1756
|
{
|
|
1750
1757
|
id: "custom-regional-1",
|
|
1751
1758
|
label: "Southeast Regional Expo",
|
|
@@ -1762,7 +1769,7 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1762
1769
|
location: "Portland, OR",
|
|
1763
1770
|
isCustom: !0
|
|
1764
1771
|
}
|
|
1765
|
-
],
|
|
1772
|
+
], fn = [
|
|
1766
1773
|
{
|
|
1767
1774
|
id: "atlanta-jan",
|
|
1768
1775
|
label: "Atlanta Market",
|
|
@@ -1779,36 +1786,36 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1779
1786
|
location: "New York, NY",
|
|
1780
1787
|
active: !0
|
|
1781
1788
|
}
|
|
1782
|
-
],
|
|
1789
|
+
], hn = [
|
|
1783
1790
|
{ id: "7d", label: "7D" },
|
|
1784
1791
|
{ id: "30d", label: "30D" },
|
|
1785
1792
|
{ id: "60d", label: "60D" },
|
|
1786
1793
|
{ id: "90d", label: "90D" }
|
|
1787
|
-
],
|
|
1794
|
+
], bn = [
|
|
1788
1795
|
{ id: "mtd", label: "MTD" },
|
|
1789
1796
|
{ id: "qtd", label: "QTD" },
|
|
1790
1797
|
{ id: "ytd", label: "YTD" },
|
|
1791
1798
|
{ id: "lytd", label: "LYTD" }
|
|
1792
|
-
],
|
|
1799
|
+
], At = {
|
|
1793
1800
|
timeframe: "Time Frame",
|
|
1794
1801
|
threshold: "Thresholds",
|
|
1795
1802
|
slots: "Slots",
|
|
1796
1803
|
size: "Size",
|
|
1797
1804
|
color: "Color",
|
|
1798
1805
|
pinned: "Pinned"
|
|
1799
|
-
},
|
|
1800
|
-
timeframe:
|
|
1801
|
-
threshold:
|
|
1802
|
-
slots:
|
|
1803
|
-
size:
|
|
1804
|
-
color:
|
|
1805
|
-
pinned:
|
|
1806
|
+
}, Lt = {
|
|
1807
|
+
timeframe: it,
|
|
1808
|
+
threshold: lt,
|
|
1809
|
+
slots: ct,
|
|
1810
|
+
size: dt,
|
|
1811
|
+
color: ut,
|
|
1812
|
+
pinned: mt
|
|
1806
1813
|
};
|
|
1807
|
-
function
|
|
1814
|
+
function Fe(...e) {
|
|
1808
1815
|
return e.filter(Boolean).join(" ");
|
|
1809
1816
|
}
|
|
1810
|
-
function
|
|
1811
|
-
const [e, t] =
|
|
1817
|
+
function $t() {
|
|
1818
|
+
const [e, t] = G(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
|
|
1812
1819
|
return L(() => {
|
|
1813
1820
|
if (typeof window > "u" || typeof window.matchMedia != "function") return;
|
|
1814
1821
|
const n = window.matchMedia("(prefers-reduced-motion: reduce)"), a = (r) => t(r.matches);
|
|
@@ -1817,85 +1824,85 @@ function Ot() {
|
|
|
1817
1824
|
});
|
|
1818
1825
|
}, []), e;
|
|
1819
1826
|
}
|
|
1820
|
-
const
|
|
1827
|
+
const Bt = ({
|
|
1821
1828
|
dimensions: e,
|
|
1822
1829
|
onDimensionSelect: t,
|
|
1823
1830
|
activeDimension: n,
|
|
1824
1831
|
ariaCardTypeLabel: a,
|
|
1825
1832
|
className: r
|
|
1826
1833
|
}) => {
|
|
1827
|
-
const s =
|
|
1828
|
-
if (
|
|
1829
|
-
const
|
|
1830
|
-
const h =
|
|
1831
|
-
const S = o.current[
|
|
1834
|
+
const s = T(null), o = T([]), c = $t(), f = ie(() => Array.from(e), [e]);
|
|
1835
|
+
if (f.length === 0) return null;
|
|
1836
|
+
const d = a ? `Configure ${a}: choose a dimension` : void 0, p = c ? "10ms" : "200ms", w = (u, m) => {
|
|
1837
|
+
const h = f.length - 1, k = (g) => {
|
|
1838
|
+
const S = o.current[g];
|
|
1832
1839
|
S && S.focus();
|
|
1833
1840
|
};
|
|
1834
1841
|
switch (u.key) {
|
|
1835
1842
|
case "ArrowRight":
|
|
1836
1843
|
case "ArrowDown": {
|
|
1837
|
-
u.preventDefault(),
|
|
1844
|
+
u.preventDefault(), k(m === h ? 0 : m + 1);
|
|
1838
1845
|
break;
|
|
1839
1846
|
}
|
|
1840
1847
|
case "ArrowLeft":
|
|
1841
1848
|
case "ArrowUp": {
|
|
1842
|
-
u.preventDefault(),
|
|
1849
|
+
u.preventDefault(), k(m === 0 ? h : m - 1);
|
|
1843
1850
|
break;
|
|
1844
1851
|
}
|
|
1845
1852
|
case "Home": {
|
|
1846
|
-
u.preventDefault(),
|
|
1853
|
+
u.preventDefault(), k(0);
|
|
1847
1854
|
break;
|
|
1848
1855
|
}
|
|
1849
1856
|
case "End": {
|
|
1850
|
-
u.preventDefault(),
|
|
1857
|
+
u.preventDefault(), k(h);
|
|
1851
1858
|
break;
|
|
1852
1859
|
}
|
|
1853
1860
|
case "Enter":
|
|
1854
1861
|
case " ": {
|
|
1855
|
-
u.preventDefault(), t(
|
|
1862
|
+
u.preventDefault(), t(f[m]);
|
|
1856
1863
|
break;
|
|
1857
1864
|
}
|
|
1858
1865
|
}
|
|
1859
1866
|
};
|
|
1860
|
-
return /* @__PURE__ */
|
|
1867
|
+
return /* @__PURE__ */ l(
|
|
1861
1868
|
"div",
|
|
1862
1869
|
{
|
|
1863
1870
|
ref: s,
|
|
1864
1871
|
role: "group",
|
|
1865
|
-
"aria-label":
|
|
1866
|
-
className:
|
|
1872
|
+
"aria-label": d,
|
|
1873
|
+
className: Fe("gloss-reconfig-backside-buttons", r),
|
|
1867
1874
|
style: {
|
|
1868
1875
|
// Expose the reduced-motion-resolved duration as a CSS custom prop
|
|
1869
1876
|
// so the SCSS transition rule can consume it without a nested media
|
|
1870
1877
|
// query in the JS. Also surfaces the value for the unit test.
|
|
1871
|
-
"--gloss-reconfig-backside-buttons-transition-duration":
|
|
1878
|
+
"--gloss-reconfig-backside-buttons-transition-duration": p
|
|
1872
1879
|
},
|
|
1873
|
-
children:
|
|
1874
|
-
const h =
|
|
1880
|
+
children: f.map((u, m) => {
|
|
1881
|
+
const h = Lt[u], k = n === u;
|
|
1875
1882
|
return /* @__PURE__ */ O(
|
|
1876
1883
|
"button",
|
|
1877
1884
|
{
|
|
1878
|
-
ref: (
|
|
1879
|
-
o.current[
|
|
1885
|
+
ref: (g) => {
|
|
1886
|
+
o.current[m] = g;
|
|
1880
1887
|
},
|
|
1881
1888
|
type: "button",
|
|
1882
1889
|
"data-dimension": u,
|
|
1883
|
-
className:
|
|
1890
|
+
className: Fe(
|
|
1884
1891
|
"gloss-reconfig-backside-buttons__button",
|
|
1885
|
-
|
|
1892
|
+
k && "gloss-reconfig-backside-buttons__button--active"
|
|
1886
1893
|
),
|
|
1887
|
-
"aria-current":
|
|
1894
|
+
"aria-current": k ? "true" : void 0,
|
|
1888
1895
|
onClick: () => t(u),
|
|
1889
|
-
onKeyDown: (
|
|
1896
|
+
onKeyDown: (g) => w(g, m),
|
|
1890
1897
|
children: [
|
|
1891
|
-
/* @__PURE__ */
|
|
1898
|
+
/* @__PURE__ */ l(
|
|
1892
1899
|
h,
|
|
1893
1900
|
{
|
|
1894
1901
|
className: "gloss-reconfig-backside-buttons__button-icon",
|
|
1895
1902
|
"aria-hidden": "true"
|
|
1896
1903
|
}
|
|
1897
1904
|
),
|
|
1898
|
-
/* @__PURE__ */
|
|
1905
|
+
/* @__PURE__ */ l("span", { className: "gloss-reconfig-backside-buttons__button-label", children: At[u] })
|
|
1899
1906
|
]
|
|
1900
1907
|
},
|
|
1901
1908
|
u
|
|
@@ -1904,12 +1911,12 @@ const At = ({
|
|
|
1904
1911
|
}
|
|
1905
1912
|
);
|
|
1906
1913
|
};
|
|
1907
|
-
|
|
1908
|
-
function
|
|
1914
|
+
Bt.displayName = "ReconfigBacksideButtons";
|
|
1915
|
+
function Z(e, t) {
|
|
1909
1916
|
return {
|
|
1910
1917
|
id: e,
|
|
1911
1918
|
colSpan: 1,
|
|
1912
|
-
content:
|
|
1919
|
+
content: W.createElement("div", {
|
|
1913
1920
|
style: {
|
|
1914
1921
|
width: "100%",
|
|
1915
1922
|
height: "100%",
|
|
@@ -1925,38 +1932,38 @@ function U(e, t) {
|
|
|
1925
1932
|
}, t)
|
|
1926
1933
|
};
|
|
1927
1934
|
}
|
|
1928
|
-
function
|
|
1935
|
+
function Ee(e, t) {
|
|
1929
1936
|
return {
|
|
1930
|
-
...
|
|
1937
|
+
...Z(e, t),
|
|
1931
1938
|
colSpan: 2
|
|
1932
1939
|
};
|
|
1933
1940
|
}
|
|
1934
|
-
const
|
|
1935
|
-
|
|
1936
|
-
|
|
1937
|
-
|
|
1938
|
-
|
|
1939
|
-
|
|
1940
|
-
|
|
1941
|
-
|
|
1942
|
-
|
|
1943
|
-
|
|
1944
|
-
|
|
1945
|
-
],
|
|
1941
|
+
const vn = [
|
|
1942
|
+
Z("total-revenue", "Total Revenue"),
|
|
1943
|
+
Z("total-orders", "Total Orders"),
|
|
1944
|
+
Ee("revenue-trend", "Revenue Trend (2x)"),
|
|
1945
|
+
Z("avg-order", "Avg Order Value"),
|
|
1946
|
+
Z("new-customers", "New Customers"),
|
|
1947
|
+
Z("top-salesperson", "Top Salesperson"),
|
|
1948
|
+
Ee("order-trend", "Order Trend (2x)"),
|
|
1949
|
+
Z("repeat-rate", "Repeat Rate"),
|
|
1950
|
+
Z("open-orders", "Open Orders"),
|
|
1951
|
+
Z("shipped-orders", "Shipped Orders")
|
|
1952
|
+
], yn = {
|
|
1946
1953
|
columns: 6,
|
|
1947
1954
|
rowHeight: 120,
|
|
1948
1955
|
gap: 15,
|
|
1949
1956
|
maxRows: 3,
|
|
1950
1957
|
currentPage: 0,
|
|
1951
1958
|
totalPages: 1
|
|
1952
|
-
},
|
|
1959
|
+
}, wn = {
|
|
1953
1960
|
columns: 9,
|
|
1954
1961
|
rowHeight: 120,
|
|
1955
1962
|
gap: 15,
|
|
1956
1963
|
maxRows: 3,
|
|
1957
1964
|
currentPage: 0,
|
|
1958
1965
|
totalPages: 2
|
|
1959
|
-
},
|
|
1966
|
+
}, Dn = {
|
|
1960
1967
|
columns: 12,
|
|
1961
1968
|
rowHeight: 120,
|
|
1962
1969
|
gap: 15,
|
|
@@ -1964,15 +1971,15 @@ const fn = [
|
|
|
1964
1971
|
currentPage: 0,
|
|
1965
1972
|
totalPages: 3
|
|
1966
1973
|
};
|
|
1967
|
-
function
|
|
1968
|
-
return
|
|
1974
|
+
function he(e) {
|
|
1975
|
+
return W.createElement("span", { style: { fontSize: 14 } }, e);
|
|
1969
1976
|
}
|
|
1970
|
-
const
|
|
1977
|
+
const Nn = [
|
|
1971
1978
|
{
|
|
1972
1979
|
id: "all-orders",
|
|
1973
1980
|
type: "orders",
|
|
1974
1981
|
name: "All Orders",
|
|
1975
|
-
icon:
|
|
1982
|
+
icon: he("📋"),
|
|
1976
1983
|
closable: !1,
|
|
1977
1984
|
autoCreated: !0
|
|
1978
1985
|
},
|
|
@@ -1980,17 +1987,17 @@ const yn = [
|
|
|
1980
1987
|
id: "open-orders",
|
|
1981
1988
|
type: "orders",
|
|
1982
1989
|
name: "Open Orders",
|
|
1983
|
-
icon:
|
|
1990
|
+
icon: he("📦"),
|
|
1984
1991
|
closable: !0
|
|
1985
1992
|
},
|
|
1986
1993
|
{
|
|
1987
1994
|
id: "shipped-orders",
|
|
1988
1995
|
type: "orders",
|
|
1989
1996
|
name: "Shipped Orders",
|
|
1990
|
-
icon:
|
|
1997
|
+
icon: he("🚚"),
|
|
1991
1998
|
closable: !0
|
|
1992
1999
|
}
|
|
1993
|
-
],
|
|
2000
|
+
], Cn = [
|
|
1994
2001
|
{
|
|
1995
2002
|
id: "orders-main",
|
|
1996
2003
|
type: "orders",
|
|
@@ -2016,7 +2023,7 @@ const yn = [
|
|
|
2016
2023
|
name: "Customers",
|
|
2017
2024
|
closable: !0
|
|
2018
2025
|
}
|
|
2019
|
-
],
|
|
2026
|
+
], kn = [
|
|
2020
2027
|
{
|
|
2021
2028
|
id: "only-tab",
|
|
2022
2029
|
type: "orders",
|
|
@@ -2024,7 +2031,7 @@ const yn = [
|
|
|
2024
2031
|
closable: !1,
|
|
2025
2032
|
autoCreated: !0
|
|
2026
2033
|
}
|
|
2027
|
-
],
|
|
2034
|
+
], _n = [
|
|
2028
2035
|
{ id: "tab-1", type: "orders", name: "All Orders", closable: !1, autoCreated: !0 },
|
|
2029
2036
|
{ id: "tab-2", type: "orders", name: "Open Orders", closable: !0 },
|
|
2030
2037
|
{ id: "tab-3", type: "orders", name: "Shipped Orders", closable: !0 },
|
|
@@ -2036,7 +2043,7 @@ const yn = [
|
|
|
2036
2043
|
{ id: "tab-9", type: "order-items", name: "Order #12345", closable: !0 },
|
|
2037
2044
|
{ id: "tab-10", type: "orders", name: "Recent 30D", closable: !0 }
|
|
2038
2045
|
];
|
|
2039
|
-
function
|
|
2046
|
+
function De(e) {
|
|
2040
2047
|
switch (e) {
|
|
2041
2048
|
case "wide":
|
|
2042
2049
|
return { cols: 2, rows: 1 };
|
|
@@ -2047,24 +2054,24 @@ function we(e) {
|
|
|
2047
2054
|
return { cols: 1, rows: 1 };
|
|
2048
2055
|
}
|
|
2049
2056
|
}
|
|
2050
|
-
function
|
|
2057
|
+
function zt(e) {
|
|
2051
2058
|
let t = 0;
|
|
2052
2059
|
for (const a of e) {
|
|
2053
|
-
const r =
|
|
2060
|
+
const r = De(a.size), s = a.gridPosition.col + r.cols - 1;
|
|
2054
2061
|
s > t && (t = s);
|
|
2055
2062
|
}
|
|
2056
2063
|
return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
|
|
2057
2064
|
}
|
|
2058
|
-
const
|
|
2065
|
+
const Kt = function(t) {
|
|
2059
2066
|
if (t.renderMode === "discrete")
|
|
2060
|
-
return /* @__PURE__ */
|
|
2067
|
+
return /* @__PURE__ */ l(
|
|
2061
2068
|
"div",
|
|
2062
2069
|
{
|
|
2063
2070
|
className: "gloss-metric-group gloss-metric-group--discrete",
|
|
2064
2071
|
style: { display: "contents" },
|
|
2065
2072
|
children: t.cards.map((r) => {
|
|
2066
|
-
const s =
|
|
2067
|
-
return /* @__PURE__ */
|
|
2073
|
+
const s = De(r.size);
|
|
2074
|
+
return /* @__PURE__ */ l(
|
|
2068
2075
|
"div",
|
|
2069
2076
|
{
|
|
2070
2077
|
className: "gloss-metric-group__slot",
|
|
@@ -2099,7 +2106,7 @@ const $t = function(t) {
|
|
|
2099
2106
|
"aria-label": a?.label,
|
|
2100
2107
|
tabIndex: void 0,
|
|
2101
2108
|
children: [
|
|
2102
|
-
a?.accentColor && /* @__PURE__ */
|
|
2109
|
+
a?.accentColor && /* @__PURE__ */ l(
|
|
2103
2110
|
"div",
|
|
2104
2111
|
{
|
|
2105
2112
|
className: "gloss-metric-group__accent",
|
|
@@ -2107,8 +2114,8 @@ const $t = function(t) {
|
|
|
2107
2114
|
}
|
|
2108
2115
|
),
|
|
2109
2116
|
a?.label && /* @__PURE__ */ O("div", { className: "gloss-metric-group__label", children: [
|
|
2110
|
-
/* @__PURE__ */
|
|
2111
|
-
a?.trend && /* @__PURE__ */
|
|
2117
|
+
/* @__PURE__ */ l("span", { children: a.label }),
|
|
2118
|
+
a?.trend && /* @__PURE__ */ l(
|
|
2112
2119
|
"span",
|
|
2113
2120
|
{
|
|
2114
2121
|
className: "gloss-metric-group__trend",
|
|
@@ -2117,18 +2124,18 @@ const $t = function(t) {
|
|
|
2117
2124
|
}
|
|
2118
2125
|
)
|
|
2119
2126
|
] }),
|
|
2120
|
-
/* @__PURE__ */
|
|
2127
|
+
/* @__PURE__ */ l(
|
|
2121
2128
|
"div",
|
|
2122
2129
|
{
|
|
2123
2130
|
className: "gloss-metric-group__slots",
|
|
2124
2131
|
style: {
|
|
2125
2132
|
display: "grid",
|
|
2126
2133
|
gap: "var(--gloss-spacing-2, 8px)",
|
|
2127
|
-
gridTemplateColumns:
|
|
2134
|
+
gridTemplateColumns: zt(n)
|
|
2128
2135
|
},
|
|
2129
2136
|
children: n.map((r) => {
|
|
2130
|
-
const s =
|
|
2131
|
-
return /* @__PURE__ */
|
|
2137
|
+
const s = De(r.size);
|
|
2138
|
+
return /* @__PURE__ */ l(
|
|
2132
2139
|
"div",
|
|
2133
2140
|
{
|
|
2134
2141
|
className: "gloss-metric-group__slot--composite",
|
|
@@ -2147,48 +2154,48 @@ const $t = function(t) {
|
|
|
2147
2154
|
}
|
|
2148
2155
|
);
|
|
2149
2156
|
};
|
|
2150
|
-
|
|
2151
|
-
const
|
|
2152
|
-
...
|
|
2157
|
+
Kt.displayName = "MetricGroupContainer";
|
|
2158
|
+
const Ge = "resize.tuning.dev", Gt = {
|
|
2159
|
+
...Le,
|
|
2153
2160
|
snapInPx: 60,
|
|
2154
2161
|
snapOutPx: 90
|
|
2155
|
-
},
|
|
2156
|
-
function
|
|
2157
|
-
if (typeof window > "u") return { ...
|
|
2162
|
+
}, te = Gt;
|
|
2163
|
+
function Wt() {
|
|
2164
|
+
if (typeof window > "u") return { ...te };
|
|
2158
2165
|
try {
|
|
2159
|
-
const e = window.localStorage.getItem(
|
|
2160
|
-
if (!e) return { ...
|
|
2166
|
+
const e = window.localStorage.getItem(Ge);
|
|
2167
|
+
if (!e) return { ...te };
|
|
2161
2168
|
const t = JSON.parse(e);
|
|
2162
|
-
return !t || typeof t != "object" || Array.isArray(t) ? { ...
|
|
2169
|
+
return !t || typeof t != "object" || Array.isArray(t) ? { ...te } : { ...te, ...t };
|
|
2163
2170
|
} catch {
|
|
2164
|
-
return { ...
|
|
2171
|
+
return { ...te };
|
|
2165
2172
|
}
|
|
2166
2173
|
}
|
|
2167
|
-
function
|
|
2168
|
-
const [e, t] =
|
|
2174
|
+
function Ht() {
|
|
2175
|
+
const [e, t] = G(() => Wt());
|
|
2169
2176
|
L(() => {
|
|
2170
2177
|
if (!(typeof window > "u"))
|
|
2171
2178
|
try {
|
|
2172
|
-
window.localStorage.setItem(
|
|
2179
|
+
window.localStorage.setItem(Ge, JSON.stringify(e));
|
|
2173
2180
|
} catch {
|
|
2174
2181
|
}
|
|
2175
2182
|
}, [e]);
|
|
2176
2183
|
const n = y(
|
|
2177
2184
|
(s, o) => {
|
|
2178
|
-
t((
|
|
2185
|
+
t((c) => ({ ...c, [s]: o }));
|
|
2179
2186
|
},
|
|
2180
2187
|
[]
|
|
2181
2188
|
), a = y(
|
|
2182
2189
|
(s) => {
|
|
2183
|
-
t((o) => ({ ...o, [s]:
|
|
2190
|
+
t((o) => ({ ...o, [s]: te[s] }));
|
|
2184
2191
|
},
|
|
2185
2192
|
[]
|
|
2186
2193
|
), r = y(() => {
|
|
2187
|
-
t({ ...
|
|
2194
|
+
t({ ...te });
|
|
2188
2195
|
}, []);
|
|
2189
2196
|
return { values: e, setValue: n, resetRow: a, resetAll: r };
|
|
2190
2197
|
}
|
|
2191
|
-
const
|
|
2198
|
+
const Vt = [
|
|
2192
2199
|
{ key: "stiffness", label: "Spring stiffness", unit: "", min: 100, max: 1e3, step: 10 },
|
|
2193
2200
|
{ key: "damping", label: "Spring damping", unit: "", min: 10, max: 60, step: 1 },
|
|
2194
2201
|
{ key: "mass", label: "Spring mass", unit: "", min: 0.5, max: 2, step: 0.1 },
|
|
@@ -2199,10 +2206,10 @@ const Wt = [
|
|
|
2199
2206
|
{ key: "blueprintFadeOutMs", label: "Blueprint fade out", unit: "ms", min: 60, max: 400, step: 10 },
|
|
2200
2207
|
{ key: "velocityMultiplier", label: "Velocity multiplier", unit: "×", min: 0, max: 2, step: 0.05 }
|
|
2201
2208
|
];
|
|
2202
|
-
function
|
|
2209
|
+
function jt(e, t) {
|
|
2203
2210
|
return t >= 1 ? String(Math.round(e)) : t >= 0.1 ? e.toFixed(1) : e.toFixed(2);
|
|
2204
2211
|
}
|
|
2205
|
-
function
|
|
2212
|
+
function Ut() {
|
|
2206
2213
|
return /* @__PURE__ */ O(
|
|
2207
2214
|
"svg",
|
|
2208
2215
|
{
|
|
@@ -2216,13 +2223,13 @@ function Ht() {
|
|
|
2216
2223
|
strokeLinejoin: "round",
|
|
2217
2224
|
"aria-hidden": "true",
|
|
2218
2225
|
children: [
|
|
2219
|
-
/* @__PURE__ */
|
|
2220
|
-
/* @__PURE__ */
|
|
2226
|
+
/* @__PURE__ */ l("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
|
|
2227
|
+
/* @__PURE__ */ l("polyline", { points: "3 3 3 8 8 8" })
|
|
2221
2228
|
]
|
|
2222
2229
|
}
|
|
2223
2230
|
);
|
|
2224
2231
|
}
|
|
2225
|
-
function
|
|
2232
|
+
function Zt({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
|
|
2226
2233
|
const s = y(
|
|
2227
2234
|
(o) => {
|
|
2228
2235
|
(o.key === "r" || o.key === "R") && (o.preventDefault(), a());
|
|
@@ -2236,12 +2243,12 @@ function Vt({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
|
|
|
2236
2243
|
"data-tuning-row": e.key,
|
|
2237
2244
|
onKeyDown: s,
|
|
2238
2245
|
children: [
|
|
2239
|
-
/* @__PURE__ */
|
|
2246
|
+
/* @__PURE__ */ l("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
|
|
2240
2247
|
/* @__PURE__ */ O("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
|
|
2241
|
-
|
|
2248
|
+
jt(t, e.step),
|
|
2242
2249
|
e.unit ? ` ${e.unit}` : ""
|
|
2243
2250
|
] }),
|
|
2244
|
-
/* @__PURE__ */
|
|
2251
|
+
/* @__PURE__ */ l(
|
|
2245
2252
|
"input",
|
|
2246
2253
|
{
|
|
2247
2254
|
id: `gloss-dtp-${e.key}`,
|
|
@@ -2255,21 +2262,21 @@ function Vt({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
|
|
|
2255
2262
|
onChange: (o) => n(Number(o.target.value))
|
|
2256
2263
|
}
|
|
2257
2264
|
),
|
|
2258
|
-
/* @__PURE__ */
|
|
2265
|
+
/* @__PURE__ */ l(
|
|
2259
2266
|
"button",
|
|
2260
2267
|
{
|
|
2261
2268
|
type: "button",
|
|
2262
2269
|
className: "gloss-dev-tuning-panel__reset",
|
|
2263
2270
|
"aria-label": `Reset ${e.label}`,
|
|
2264
2271
|
onClick: a,
|
|
2265
|
-
children: /* @__PURE__ */
|
|
2272
|
+
children: /* @__PURE__ */ l(Ut, {})
|
|
2266
2273
|
}
|
|
2267
2274
|
)
|
|
2268
2275
|
]
|
|
2269
2276
|
}
|
|
2270
2277
|
);
|
|
2271
2278
|
}
|
|
2272
|
-
function
|
|
2279
|
+
function Yt() {
|
|
2273
2280
|
if (typeof process < "u" && process.env && process.env.NODE_ENV === "production" || typeof window > "u") return !1;
|
|
2274
2281
|
try {
|
|
2275
2282
|
return new URLSearchParams(window.location.search).has("devtune");
|
|
@@ -2277,23 +2284,23 @@ function jt() {
|
|
|
2277
2284
|
return !1;
|
|
2278
2285
|
}
|
|
2279
2286
|
}
|
|
2280
|
-
function
|
|
2281
|
-
return
|
|
2287
|
+
function qt(e = {}) {
|
|
2288
|
+
return Yt() ? /* @__PURE__ */ l(Qt, {}) : null;
|
|
2282
2289
|
}
|
|
2283
|
-
|
|
2284
|
-
function
|
|
2285
|
-
const e =
|
|
2286
|
-
|
|
2287
|
-
o(null),
|
|
2290
|
+
qt.displayName = "DevTuningPanel";
|
|
2291
|
+
function Qt() {
|
|
2292
|
+
const e = Ht(), { values: t, setValue: n, resetRow: a, resetAll: r } = e, [s, o] = G(null), c = T(null), f = y((u) => {
|
|
2293
|
+
c.current && clearTimeout(c.current), o(u), c.current = setTimeout(() => {
|
|
2294
|
+
o(null), c.current = null;
|
|
2288
2295
|
}, 200);
|
|
2289
|
-
}, []),
|
|
2290
|
-
(u,
|
|
2291
|
-
n(u,
|
|
2296
|
+
}, []), d = y(
|
|
2297
|
+
(u, m) => {
|
|
2298
|
+
n(u, m), u === "snapInPx" && m > t.snapOutPx && (n("snapOutPx", m), f("snapOutPx"));
|
|
2292
2299
|
},
|
|
2293
|
-
[n, t.snapOutPx,
|
|
2294
|
-
),
|
|
2300
|
+
[n, t.snapOutPx, f]
|
|
2301
|
+
), p = ie(() => Vt, []), w = rt();
|
|
2295
2302
|
return /* @__PURE__ */ O(
|
|
2296
|
-
|
|
2303
|
+
ue.div,
|
|
2297
2304
|
{
|
|
2298
2305
|
className: "gloss-dev-tuning-panel",
|
|
2299
2306
|
role: "region",
|
|
@@ -2301,32 +2308,32 @@ function Zt() {
|
|
|
2301
2308
|
"data-testid": "gloss-dev-tuning-panel",
|
|
2302
2309
|
drag: !0,
|
|
2303
2310
|
dragListener: !1,
|
|
2304
|
-
dragControls:
|
|
2311
|
+
dragControls: w,
|
|
2305
2312
|
dragMomentum: !1,
|
|
2306
2313
|
children: [
|
|
2307
2314
|
/* @__PURE__ */ O(
|
|
2308
2315
|
"div",
|
|
2309
2316
|
{
|
|
2310
2317
|
className: "gloss-dev-tuning-panel__header",
|
|
2311
|
-
onPointerDown: (u) =>
|
|
2318
|
+
onPointerDown: (u) => w.start(u),
|
|
2312
2319
|
children: [
|
|
2313
|
-
/* @__PURE__ */
|
|
2314
|
-
/* @__PURE__ */
|
|
2320
|
+
/* @__PURE__ */ l("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
|
|
2321
|
+
/* @__PURE__ */ l("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
|
|
2315
2322
|
]
|
|
2316
2323
|
}
|
|
2317
2324
|
),
|
|
2318
|
-
/* @__PURE__ */
|
|
2319
|
-
|
|
2325
|
+
/* @__PURE__ */ l("div", { className: "gloss-dev-tuning-panel__body", children: p.map((u) => /* @__PURE__ */ l(
|
|
2326
|
+
Zt,
|
|
2320
2327
|
{
|
|
2321
2328
|
spec: u,
|
|
2322
2329
|
value: t[u.key],
|
|
2323
|
-
onChange: (
|
|
2330
|
+
onChange: (m) => d(u.key, m),
|
|
2324
2331
|
onReset: () => a(u.key),
|
|
2325
2332
|
flashing: s === u.key
|
|
2326
2333
|
},
|
|
2327
2334
|
u.key
|
|
2328
2335
|
)) }),
|
|
2329
|
-
/* @__PURE__ */
|
|
2336
|
+
/* @__PURE__ */ l("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ l(
|
|
2330
2337
|
"button",
|
|
2331
2338
|
{
|
|
2332
2339
|
type: "button",
|
|
@@ -2339,7 +2346,7 @@ function Zt() {
|
|
|
2339
2346
|
}
|
|
2340
2347
|
);
|
|
2341
2348
|
}
|
|
2342
|
-
function
|
|
2349
|
+
function xn({
|
|
2343
2350
|
state: e,
|
|
2344
2351
|
originX: t,
|
|
2345
2352
|
originY: n,
|
|
@@ -2347,35 +2354,35 @@ function Cn({
|
|
|
2347
2354
|
rightEdgeX: r,
|
|
2348
2355
|
minBoundaryX: s,
|
|
2349
2356
|
snapBoundariesX: o,
|
|
2350
|
-
topY:
|
|
2351
|
-
bottomY:
|
|
2352
|
-
enterMs:
|
|
2353
|
-
exitMs:
|
|
2354
|
-
className:
|
|
2357
|
+
topY: c,
|
|
2358
|
+
bottomY: f,
|
|
2359
|
+
enterMs: d = ae.envelopeEnterMs,
|
|
2360
|
+
exitMs: p = ae.envelopeExitMs,
|
|
2361
|
+
className: w,
|
|
2355
2362
|
style: u
|
|
2356
2363
|
}) {
|
|
2357
2364
|
if (e === "hidden") return null;
|
|
2358
|
-
const
|
|
2359
|
-
"--gloss-resize-envelope-enter-ms": `${
|
|
2360
|
-
"--gloss-resize-envelope-exit-ms": `${
|
|
2365
|
+
const m = Math.max(0, r - a), h = Math.max(0, f - c), k = {
|
|
2366
|
+
"--gloss-resize-envelope-enter-ms": `${d}ms`,
|
|
2367
|
+
"--gloss-resize-envelope-exit-ms": `${p}ms`,
|
|
2361
2368
|
"--gloss-resize-envelope-origin-x": `${t - a}px`,
|
|
2362
|
-
"--gloss-resize-envelope-origin-y": `${n -
|
|
2369
|
+
"--gloss-resize-envelope-origin-y": `${n - c}px`,
|
|
2363
2370
|
left: a,
|
|
2364
|
-
top:
|
|
2365
|
-
width:
|
|
2371
|
+
top: c,
|
|
2372
|
+
width: m,
|
|
2366
2373
|
height: h,
|
|
2367
2374
|
...u
|
|
2368
2375
|
};
|
|
2369
2376
|
return /* @__PURE__ */ O(
|
|
2370
2377
|
"div",
|
|
2371
2378
|
{
|
|
2372
|
-
className: ["gloss-resize-envelope", `gloss-resize-envelope--state-${e}`,
|
|
2379
|
+
className: ["gloss-resize-envelope", `gloss-resize-envelope--state-${e}`, w].filter(Boolean).join(" "),
|
|
2373
2380
|
"data-state": e,
|
|
2374
2381
|
"data-testid": "gloss-resize-envelope",
|
|
2375
|
-
style:
|
|
2382
|
+
style: k,
|
|
2376
2383
|
"aria-hidden": "true",
|
|
2377
2384
|
children: [
|
|
2378
|
-
/* @__PURE__ */
|
|
2385
|
+
/* @__PURE__ */ l(
|
|
2379
2386
|
"div",
|
|
2380
2387
|
{
|
|
2381
2388
|
className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--left",
|
|
@@ -2383,7 +2390,7 @@ function Cn({
|
|
|
2383
2390
|
style: { left: 0 }
|
|
2384
2391
|
}
|
|
2385
2392
|
),
|
|
2386
|
-
/* @__PURE__ */
|
|
2393
|
+
/* @__PURE__ */ l(
|
|
2387
2394
|
"div",
|
|
2388
2395
|
{
|
|
2389
2396
|
className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--min-boundary",
|
|
@@ -2391,28 +2398,28 @@ function Cn({
|
|
|
2391
2398
|
style: { left: s - a }
|
|
2392
2399
|
}
|
|
2393
2400
|
),
|
|
2394
|
-
/* @__PURE__ */
|
|
2401
|
+
/* @__PURE__ */ l(
|
|
2395
2402
|
"div",
|
|
2396
2403
|
{
|
|
2397
2404
|
className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--right",
|
|
2398
2405
|
"data-edge": "right",
|
|
2399
|
-
style: { left:
|
|
2406
|
+
style: { left: m - 1 }
|
|
2400
2407
|
}
|
|
2401
2408
|
),
|
|
2402
|
-
o.filter((
|
|
2409
|
+
o.filter((g) => g > s && g < r).map((g) => /* @__PURE__ */ l(
|
|
2403
2410
|
"div",
|
|
2404
2411
|
{
|
|
2405
2412
|
className: "gloss-resize-envelope__snap-line",
|
|
2406
2413
|
"data-snap-line": !0,
|
|
2407
|
-
style: { left:
|
|
2414
|
+
style: { left: g - a }
|
|
2408
2415
|
},
|
|
2409
|
-
|
|
2416
|
+
g
|
|
2410
2417
|
))
|
|
2411
2418
|
]
|
|
2412
2419
|
}
|
|
2413
2420
|
);
|
|
2414
2421
|
}
|
|
2415
|
-
function
|
|
2422
|
+
function Sn({
|
|
2416
2423
|
density: e,
|
|
2417
2424
|
canAccept: t,
|
|
2418
2425
|
blocked: n = !1,
|
|
@@ -2421,12 +2428,12 @@ function kn({
|
|
|
2421
2428
|
children: s,
|
|
2422
2429
|
...o
|
|
2423
2430
|
}) {
|
|
2424
|
-
const
|
|
2425
|
-
return /* @__PURE__ */
|
|
2431
|
+
const c = a != null ? { ...o.style, "--_proximity-opacity": String(a) } : o.style;
|
|
2432
|
+
return /* @__PURE__ */ l(
|
|
2426
2433
|
"div",
|
|
2427
2434
|
{
|
|
2428
2435
|
...o,
|
|
2429
|
-
style:
|
|
2436
|
+
style: c,
|
|
2430
2437
|
"data-density": e,
|
|
2431
2438
|
"data-can-accept": t ? "true" : "false",
|
|
2432
2439
|
"data-blocked": n ? "true" : void 0,
|
|
@@ -2441,18 +2448,18 @@ function kn({
|
|
|
2441
2448
|
}
|
|
2442
2449
|
);
|
|
2443
2450
|
}
|
|
2444
|
-
function
|
|
2451
|
+
function Xt(e, t, n, a) {
|
|
2445
2452
|
const r = (e + n) / 2, s = Math.min(t, a) - 40;
|
|
2446
2453
|
return `M${e},${t} Q${r},${s} ${n},${a}`;
|
|
2447
2454
|
}
|
|
2448
|
-
function
|
|
2455
|
+
function Mn({
|
|
2449
2456
|
segments: e,
|
|
2450
|
-
durationMs: t =
|
|
2451
|
-
staggerMs: n =
|
|
2457
|
+
durationMs: t = ae.spilloverArcDurationMs,
|
|
2458
|
+
staggerMs: n = ae.spilloverStaggerMs,
|
|
2452
2459
|
className: a,
|
|
2453
2460
|
style: r
|
|
2454
2461
|
}) {
|
|
2455
|
-
return e.length === 0 ? null : /* @__PURE__ */
|
|
2462
|
+
return e.length === 0 ? null : /* @__PURE__ */ l(
|
|
2456
2463
|
"svg",
|
|
2457
2464
|
{
|
|
2458
2465
|
className: ["gloss-spillover-arc", a].filter(Boolean).join(" "),
|
|
@@ -2460,12 +2467,12 @@ function _n({
|
|
|
2460
2467
|
"aria-hidden": "true",
|
|
2461
2468
|
overflow: "visible",
|
|
2462
2469
|
style: { position: "absolute", inset: 0, pointerEvents: "none", ...r },
|
|
2463
|
-
children: e.map((s, o) => /* @__PURE__ */
|
|
2470
|
+
children: e.map((s, o) => /* @__PURE__ */ l(
|
|
2464
2471
|
"path",
|
|
2465
2472
|
{
|
|
2466
2473
|
"data-arc-id": s.id,
|
|
2467
2474
|
className: "gloss-spillover-arc__path",
|
|
2468
|
-
d:
|
|
2475
|
+
d: Xt(s.fromX, s.fromY, s.toX, s.toY),
|
|
2469
2476
|
style: {
|
|
2470
2477
|
animationDelay: `${o * n}ms`,
|
|
2471
2478
|
animationDuration: `${t}ms`
|
|
@@ -2476,46 +2483,48 @@ function _n({
|
|
|
2476
2483
|
}
|
|
2477
2484
|
);
|
|
2478
2485
|
}
|
|
2479
|
-
function
|
|
2486
|
+
function Tn({
|
|
2480
2487
|
state: e,
|
|
2481
2488
|
staggerIndex: t = 0,
|
|
2482
|
-
fadeInMs: n =
|
|
2483
|
-
fadeOutMs: a =
|
|
2484
|
-
staggerMs: r =
|
|
2485
|
-
|
|
2486
|
-
|
|
2487
|
-
|
|
2489
|
+
fadeInMs: n = ae.sectionDividerFadeInMs,
|
|
2490
|
+
fadeOutMs: a = ae.sectionDividerFadeOutMs,
|
|
2491
|
+
staggerMs: r = ae.sectionDividerStaggerMs,
|
|
2492
|
+
variant: s = "dashed",
|
|
2493
|
+
className: o,
|
|
2494
|
+
style: c,
|
|
2495
|
+
...f
|
|
2488
2496
|
}) {
|
|
2489
|
-
const
|
|
2497
|
+
const d = {
|
|
2490
2498
|
"--gloss-section-divider-fade-in-ms": `${n}ms`,
|
|
2491
2499
|
"--gloss-section-divider-fade-out-ms": `${a}ms`,
|
|
2492
2500
|
"--gloss-section-divider-stagger-delay": `${t * r}ms`,
|
|
2493
|
-
...
|
|
2501
|
+
...c
|
|
2494
2502
|
};
|
|
2495
|
-
return /* @__PURE__ */
|
|
2503
|
+
return /* @__PURE__ */ l(
|
|
2496
2504
|
"div",
|
|
2497
2505
|
{
|
|
2498
|
-
...
|
|
2506
|
+
...f,
|
|
2499
2507
|
"data-state": e,
|
|
2500
2508
|
"data-testid": "gloss-section-divider",
|
|
2501
2509
|
"aria-hidden": "true",
|
|
2502
2510
|
className: [
|
|
2503
2511
|
"gloss-section-divider",
|
|
2504
2512
|
`gloss-section-divider--state-${e}`,
|
|
2505
|
-
s
|
|
2513
|
+
s === "seam-bleed" ? "gloss-section-divider--variant-seam-bleed" : "",
|
|
2514
|
+
o
|
|
2506
2515
|
].filter(Boolean).join(" "),
|
|
2507
|
-
style:
|
|
2516
|
+
style: d
|
|
2508
2517
|
}
|
|
2509
2518
|
);
|
|
2510
2519
|
}
|
|
2511
|
-
function
|
|
2520
|
+
function Rn({
|
|
2512
2521
|
enabled: e,
|
|
2513
2522
|
onPack: t,
|
|
2514
2523
|
ariaLabel: n = "Pack row (shift cards left)",
|
|
2515
2524
|
className: a,
|
|
2516
2525
|
style: r
|
|
2517
2526
|
}) {
|
|
2518
|
-
return /* @__PURE__ */
|
|
2527
|
+
return /* @__PURE__ */ l(Ae, { visible: e, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ l(
|
|
2519
2528
|
"button",
|
|
2520
2529
|
{
|
|
2521
2530
|
type: "button",
|
|
@@ -2523,12 +2532,14 @@ function Sn({
|
|
|
2523
2532
|
"aria-label": n,
|
|
2524
2533
|
className: ["gloss-empty-cell-pack-affordance", a].filter(Boolean).join(" "),
|
|
2525
2534
|
style: r,
|
|
2526
|
-
onClick:
|
|
2527
|
-
|
|
2535
|
+
onClick: (s) => {
|
|
2536
|
+
s.stopPropagation(), t();
|
|
2537
|
+
},
|
|
2538
|
+
children: /* @__PURE__ */ l("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "×" })
|
|
2528
2539
|
}
|
|
2529
2540
|
) });
|
|
2530
2541
|
}
|
|
2531
|
-
function
|
|
2542
|
+
function In({
|
|
2532
2543
|
tint: e,
|
|
2533
2544
|
colSpan: t,
|
|
2534
2545
|
colWidth: n,
|
|
@@ -2536,12 +2547,12 @@ function Mn({
|
|
|
2536
2547
|
gap: r,
|
|
2537
2548
|
x: s,
|
|
2538
2549
|
y: o,
|
|
2539
|
-
children:
|
|
2540
|
-
className:
|
|
2550
|
+
children: c,
|
|
2551
|
+
className: f
|
|
2541
2552
|
}) {
|
|
2542
|
-
const
|
|
2543
|
-
return /* @__PURE__ */
|
|
2544
|
-
|
|
2553
|
+
const d = t * n + (t - 1) * r;
|
|
2554
|
+
return /* @__PURE__ */ l(
|
|
2555
|
+
ue.div,
|
|
2545
2556
|
{
|
|
2546
2557
|
"data-testid": "gloss-drag-ghost",
|
|
2547
2558
|
"data-tint": e,
|
|
@@ -2549,14 +2560,14 @@ function Mn({
|
|
|
2549
2560
|
className: [
|
|
2550
2561
|
"gloss-drag-ghost",
|
|
2551
2562
|
`gloss-drag-ghost--tint-${e}`,
|
|
2552
|
-
|
|
2563
|
+
f
|
|
2553
2564
|
].filter(Boolean).join(" "),
|
|
2554
|
-
style: { x: s, y: o, width:
|
|
2555
|
-
children:
|
|
2565
|
+
style: { x: s, y: o, width: d, height: a },
|
|
2566
|
+
children: c
|
|
2556
2567
|
}
|
|
2557
2568
|
);
|
|
2558
2569
|
}
|
|
2559
|
-
function
|
|
2570
|
+
function Pn({
|
|
2560
2571
|
cell: e,
|
|
2561
2572
|
colSpan: t,
|
|
2562
2573
|
colWidth: n,
|
|
@@ -2565,29 +2576,29 @@ function Tn({
|
|
|
2565
2576
|
transitionMs: s = 120,
|
|
2566
2577
|
className: o
|
|
2567
2578
|
}) {
|
|
2568
|
-
const
|
|
2569
|
-
return /* @__PURE__ */
|
|
2579
|
+
const c = t * n + (t - 1) * a, f = e.col * (n + a), d = e.row * (r + a);
|
|
2580
|
+
return /* @__PURE__ */ l(
|
|
2570
2581
|
"div",
|
|
2571
2582
|
{
|
|
2572
2583
|
className: ["gloss-drag-feedback-snap-outline", o].filter(Boolean).join(" "),
|
|
2573
2584
|
"data-testid": "gloss-snap-outline",
|
|
2574
2585
|
"aria-hidden": "true",
|
|
2575
2586
|
style: {
|
|
2576
|
-
transform: `translate(${
|
|
2577
|
-
width:
|
|
2587
|
+
transform: `translate(${f}px, ${d}px)`,
|
|
2588
|
+
width: c,
|
|
2578
2589
|
height: r,
|
|
2579
2590
|
transition: `transform ${s}ms cubic-bezier(0.4, 0, 0.2, 1)`
|
|
2580
2591
|
}
|
|
2581
2592
|
}
|
|
2582
2593
|
);
|
|
2583
2594
|
}
|
|
2584
|
-
function
|
|
2595
|
+
function Fn({
|
|
2585
2596
|
items: e,
|
|
2586
2597
|
children: t,
|
|
2587
2598
|
className: n
|
|
2588
2599
|
}) {
|
|
2589
|
-
return e.length === 0 ? null : /* @__PURE__ */
|
|
2590
|
-
|
|
2600
|
+
return e.length === 0 ? null : /* @__PURE__ */ l(ve, { children: e.map((a) => /* @__PURE__ */ l(
|
|
2601
|
+
ue.div,
|
|
2591
2602
|
{
|
|
2592
2603
|
"data-card-id": a.cardId,
|
|
2593
2604
|
"data-testid": "gloss-cascade-preview-item",
|
|
@@ -2599,7 +2610,7 @@ function Rn({
|
|
|
2599
2610
|
a.cardId
|
|
2600
2611
|
)) });
|
|
2601
2612
|
}
|
|
2602
|
-
const
|
|
2613
|
+
const ee = {
|
|
2603
2614
|
"gloss-inline-nudge": "_gloss-inline-nudge_kdk88_34",
|
|
2604
2615
|
"gloss-inline-nudge__message": "_gloss-inline-nudge__message_kdk88_65",
|
|
2605
2616
|
"gloss-inline-nudge__actions": "_gloss-inline-nudge__actions_kdk88_72",
|
|
@@ -2607,57 +2618,57 @@ const X = {
|
|
|
2607
2618
|
"gloss-inline-nudge__btn--action": "_gloss-inline-nudge__btn--action_kdk88_88",
|
|
2608
2619
|
"gloss-inline-nudge__btn--dismiss": "_gloss-inline-nudge__btn--dismiss_kdk88_96"
|
|
2609
2620
|
};
|
|
2610
|
-
function
|
|
2621
|
+
function Jt({
|
|
2611
2622
|
message: e,
|
|
2612
2623
|
primaryAction: t,
|
|
2613
2624
|
onDismiss: n,
|
|
2614
2625
|
anchorEl: a,
|
|
2615
2626
|
anchorSelector: r
|
|
2616
2627
|
}) {
|
|
2617
|
-
const [s, o] =
|
|
2628
|
+
const [s, o] = W.useState(null), c = W.useMemo(
|
|
2618
2629
|
() => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1,
|
|
2619
2630
|
[]
|
|
2620
2631
|
);
|
|
2621
|
-
|
|
2632
|
+
W.useEffect(() => {
|
|
2622
2633
|
!a && !r && (typeof process > "u" || process.env.NODE_ENV !== "production") && console.error(
|
|
2623
2634
|
"[InlineNudge] requires anchorEl or anchorSelector. AP-07: Do not mount InlineNudge in Layout/** or _app.tsx."
|
|
2624
2635
|
);
|
|
2625
|
-
}, [a, r]),
|
|
2626
|
-
let
|
|
2627
|
-
if (a ?
|
|
2628
|
-
const
|
|
2636
|
+
}, [a, r]), W.useLayoutEffect(() => {
|
|
2637
|
+
let d = null;
|
|
2638
|
+
if (a ? d = a : r && (d = document.querySelector(r)), d) {
|
|
2639
|
+
const p = d.getBoundingClientRect();
|
|
2629
2640
|
o({
|
|
2630
|
-
top:
|
|
2631
|
-
left:
|
|
2641
|
+
top: p.bottom + window.scrollY + 6,
|
|
2642
|
+
left: p.left + window.scrollX
|
|
2632
2643
|
});
|
|
2633
2644
|
}
|
|
2634
2645
|
}, [a, r]);
|
|
2635
|
-
const
|
|
2646
|
+
const f = s ? { top: s.top, left: s.left } : {};
|
|
2636
2647
|
return /* @__PURE__ */ O(
|
|
2637
2648
|
"div",
|
|
2638
2649
|
{
|
|
2639
|
-
className:
|
|
2640
|
-
style:
|
|
2650
|
+
className: ee["gloss-inline-nudge"],
|
|
2651
|
+
style: f,
|
|
2641
2652
|
role: "status",
|
|
2642
2653
|
"aria-live": "polite",
|
|
2643
|
-
"data-reduced-motion":
|
|
2654
|
+
"data-reduced-motion": c ? "true" : void 0,
|
|
2644
2655
|
children: [
|
|
2645
|
-
/* @__PURE__ */
|
|
2646
|
-
/* @__PURE__ */ O("div", { className:
|
|
2647
|
-
/* @__PURE__ */
|
|
2656
|
+
/* @__PURE__ */ l("span", { className: ee["gloss-inline-nudge__message"], children: e }),
|
|
2657
|
+
/* @__PURE__ */ O("div", { className: ee["gloss-inline-nudge__actions"], children: [
|
|
2658
|
+
/* @__PURE__ */ l(
|
|
2648
2659
|
"button",
|
|
2649
2660
|
{
|
|
2650
2661
|
type: "button",
|
|
2651
|
-
className: `${
|
|
2662
|
+
className: `${ee["gloss-inline-nudge__btn"]} ${ee["gloss-inline-nudge__btn--action"]}`,
|
|
2652
2663
|
onClick: t.onClick,
|
|
2653
2664
|
children: t.label
|
|
2654
2665
|
}
|
|
2655
2666
|
),
|
|
2656
|
-
/* @__PURE__ */
|
|
2667
|
+
/* @__PURE__ */ l(
|
|
2657
2668
|
"button",
|
|
2658
2669
|
{
|
|
2659
2670
|
type: "button",
|
|
2660
|
-
className: `${
|
|
2671
|
+
className: `${ee["gloss-inline-nudge__btn"]} ${ee["gloss-inline-nudge__btn--dismiss"]}`,
|
|
2661
2672
|
onClick: n,
|
|
2662
2673
|
"aria-label": "Dismiss",
|
|
2663
2674
|
children: "Dismiss"
|
|
@@ -2668,25 +2679,25 @@ function qt({
|
|
|
2668
2679
|
}
|
|
2669
2680
|
);
|
|
2670
2681
|
}
|
|
2671
|
-
|
|
2672
|
-
function
|
|
2682
|
+
Jt.displayName = "InlineNudge";
|
|
2683
|
+
function Ne(e) {
|
|
2673
2684
|
return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
|
|
2674
2685
|
}
|
|
2675
|
-
function
|
|
2686
|
+
function ea(e, t, n) {
|
|
2676
2687
|
if (n <= t) {
|
|
2677
|
-
const o = e[0],
|
|
2678
|
-
return `linear-gradient(to right, ${
|
|
2688
|
+
const o = e[0], c = o ? Ne(o) : "#888";
|
|
2689
|
+
return `linear-gradient(to right, ${c}, ${c})`;
|
|
2679
2690
|
}
|
|
2680
|
-
const a = n - t, s = [...e].sort((o,
|
|
2681
|
-
const
|
|
2682
|
-
return `${
|
|
2691
|
+
const a = n - t, s = [...e].sort((o, c) => o.value - c.value).map((o) => {
|
|
2692
|
+
const c = (o.value - t) / a * 100;
|
|
2693
|
+
return `${Ne(o)} ${c.toFixed(2)}%`;
|
|
2683
2694
|
});
|
|
2684
2695
|
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(", ")})`;
|
|
2685
2696
|
}
|
|
2686
|
-
function
|
|
2697
|
+
function ta(e) {
|
|
2687
2698
|
return e.map((t) => `${t.id}:${t.value}`).join("|");
|
|
2688
2699
|
}
|
|
2689
|
-
function
|
|
2700
|
+
function aa({
|
|
2690
2701
|
stops: e,
|
|
2691
2702
|
onChange: t,
|
|
2692
2703
|
min: n = 0,
|
|
@@ -2696,20 +2707,20 @@ function Jt({
|
|
|
2696
2707
|
}) {
|
|
2697
2708
|
const o = r === void 0 ? 0.01 : !Number.isFinite(r) || r <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
|
|
2698
2709
|
`ThresholdRamp: step (${r}) must be a positive finite number; falling back to 0.01.`
|
|
2699
|
-
), 0.01) : r,
|
|
2700
|
-
(
|
|
2710
|
+
), 0.01) : r, c = y(
|
|
2711
|
+
(i) => Math.round(i / o) * o,
|
|
2701
2712
|
[o]
|
|
2702
|
-
),
|
|
2713
|
+
), f = T(null), [d, p] = G(null), [w, u] = G(e), m = ta(e), h = T(m);
|
|
2703
2714
|
L(() => {
|
|
2704
|
-
h.current !==
|
|
2705
|
-
}, [
|
|
2706
|
-
const
|
|
2707
|
-
(
|
|
2708
|
-
if (!
|
|
2709
|
-
const
|
|
2710
|
-
return
|
|
2715
|
+
h.current !== m && (h.current = m, !d && u(e));
|
|
2716
|
+
}, [m, e, d]);
|
|
2717
|
+
const k = ie(() => ea(w, n, a), [w, n, a]), g = y(
|
|
2718
|
+
(i) => {
|
|
2719
|
+
if (!f.current) return n;
|
|
2720
|
+
const b = f.current.getBoundingClientRect(), D = b.width || 1, x = Math.max(0, Math.min(1, (i - b.left) / D)), v = n + x * (a - n);
|
|
2721
|
+
return c(v);
|
|
2711
2722
|
},
|
|
2712
|
-
[n, a,
|
|
2723
|
+
[n, a, c]
|
|
2713
2724
|
);
|
|
2714
2725
|
L(() => {
|
|
2715
2726
|
a <= n && process.env.NODE_ENV !== "production" && console.warn(
|
|
@@ -2717,118 +2728,118 @@ function Jt({
|
|
|
2717
2728
|
);
|
|
2718
2729
|
}, [n, a]);
|
|
2719
2730
|
const S = y(
|
|
2720
|
-
(
|
|
2721
|
-
const
|
|
2722
|
-
s ||
|
|
2731
|
+
(i, b) => {
|
|
2732
|
+
const D = w.find((x) => x.id === b);
|
|
2733
|
+
s || D?.disabled || (i.preventDefault(), p(b));
|
|
2723
2734
|
},
|
|
2724
|
-
[s,
|
|
2725
|
-
), I =
|
|
2726
|
-
I.current =
|
|
2727
|
-
const
|
|
2728
|
-
|
|
2729
|
-
if (!
|
|
2730
|
-
const
|
|
2731
|
-
const
|
|
2735
|
+
[s, w]
|
|
2736
|
+
), I = T(w);
|
|
2737
|
+
I.current = w;
|
|
2738
|
+
const C = T(t);
|
|
2739
|
+
C.current = t, L(() => {
|
|
2740
|
+
if (!d) return;
|
|
2741
|
+
const i = (D) => {
|
|
2742
|
+
const x = g(D.clientX);
|
|
2732
2743
|
u(
|
|
2733
|
-
(
|
|
2744
|
+
(v) => v.map((_) => _.id === d ? { ..._, value: x } : _)
|
|
2734
2745
|
);
|
|
2735
|
-
},
|
|
2736
|
-
const
|
|
2737
|
-
(
|
|
2746
|
+
}, b = (D) => {
|
|
2747
|
+
const x = g(D.clientX), v = I.current.map(
|
|
2748
|
+
(_) => _.id === d ? { ..._, value: x } : _
|
|
2738
2749
|
);
|
|
2739
|
-
u(
|
|
2750
|
+
u(v), p(null), C.current(v);
|
|
2740
2751
|
};
|
|
2741
|
-
return window.addEventListener("pointermove",
|
|
2742
|
-
window.removeEventListener("pointermove",
|
|
2752
|
+
return window.addEventListener("pointermove", i), window.addEventListener("pointerup", b), window.addEventListener("pointercancel", b), () => {
|
|
2753
|
+
window.removeEventListener("pointermove", i), window.removeEventListener("pointerup", b), window.removeEventListener("pointercancel", b);
|
|
2743
2754
|
};
|
|
2744
|
-
}, [
|
|
2745
|
-
const
|
|
2746
|
-
(
|
|
2747
|
-
if (s ||
|
|
2748
|
-
const
|
|
2749
|
-
if (
|
|
2750
|
-
const
|
|
2751
|
-
let
|
|
2752
|
-
switch (
|
|
2755
|
+
}, [d, g]);
|
|
2756
|
+
const M = a - n > 0 ? a - n : 1, R = y(
|
|
2757
|
+
(i, b) => {
|
|
2758
|
+
if (s || b.disabled) return;
|
|
2759
|
+
const D = a - n;
|
|
2760
|
+
if (D <= 0) return;
|
|
2761
|
+
const x = i.shiftKey ? D / 20 : D / 100;
|
|
2762
|
+
let v = b.value;
|
|
2763
|
+
switch (i.key) {
|
|
2753
2764
|
case "ArrowRight":
|
|
2754
2765
|
case "ArrowUp":
|
|
2755
|
-
|
|
2766
|
+
v = b.value + x;
|
|
2756
2767
|
break;
|
|
2757
2768
|
case "ArrowLeft":
|
|
2758
2769
|
case "ArrowDown":
|
|
2759
|
-
|
|
2770
|
+
v = b.value - x;
|
|
2760
2771
|
break;
|
|
2761
2772
|
case "Home":
|
|
2762
|
-
|
|
2773
|
+
v = n;
|
|
2763
2774
|
break;
|
|
2764
2775
|
case "End":
|
|
2765
|
-
|
|
2776
|
+
v = a;
|
|
2766
2777
|
break;
|
|
2767
2778
|
default:
|
|
2768
2779
|
return;
|
|
2769
2780
|
}
|
|
2770
|
-
|
|
2771
|
-
const
|
|
2772
|
-
if (
|
|
2773
|
-
const
|
|
2774
|
-
(
|
|
2781
|
+
i.preventDefault();
|
|
2782
|
+
const _ = Math.max(n, Math.min(a, v)), P = c(_);
|
|
2783
|
+
if (P === b.value) return;
|
|
2784
|
+
const H = w.map(
|
|
2785
|
+
(U) => U.id === b.id ? { ...U, value: P } : U
|
|
2775
2786
|
);
|
|
2776
|
-
u(
|
|
2787
|
+
u(H), t(H);
|
|
2777
2788
|
},
|
|
2778
|
-
[s, n, a,
|
|
2789
|
+
[s, n, a, w, t, c]
|
|
2779
2790
|
);
|
|
2780
|
-
return /* @__PURE__ */
|
|
2791
|
+
return /* @__PURE__ */ l("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ l(
|
|
2781
2792
|
"div",
|
|
2782
2793
|
{
|
|
2783
|
-
ref:
|
|
2794
|
+
ref: f,
|
|
2784
2795
|
className: "gloss-threshold-ramp__track",
|
|
2785
|
-
style: { background:
|
|
2786
|
-
children:
|
|
2787
|
-
const
|
|
2788
|
-
return /* @__PURE__ */
|
|
2796
|
+
style: { background: k },
|
|
2797
|
+
children: w.map((i) => {
|
|
2798
|
+
const b = (i.value - n) / M * 100;
|
|
2799
|
+
return /* @__PURE__ */ l(
|
|
2789
2800
|
"span",
|
|
2790
2801
|
{
|
|
2791
2802
|
className: "gloss-threshold-ramp__stop",
|
|
2792
2803
|
style: {
|
|
2793
|
-
left: `${
|
|
2794
|
-
color:
|
|
2804
|
+
left: `${b}%`,
|
|
2805
|
+
color: Ne(i)
|
|
2795
2806
|
},
|
|
2796
|
-
"data-disabled":
|
|
2797
|
-
"data-dragging":
|
|
2798
|
-
onPointerDown: (
|
|
2799
|
-
onKeyDown: (
|
|
2800
|
-
"aria-label":
|
|
2807
|
+
"data-disabled": i.disabled || void 0,
|
|
2808
|
+
"data-dragging": d === i.id || void 0,
|
|
2809
|
+
onPointerDown: (D) => S(D, i.id),
|
|
2810
|
+
onKeyDown: (D) => R(D, i),
|
|
2811
|
+
"aria-label": i.label ?? `Stop at ${i.value}`,
|
|
2801
2812
|
role: "slider",
|
|
2802
|
-
"aria-valuenow":
|
|
2813
|
+
"aria-valuenow": i.value,
|
|
2803
2814
|
"aria-valuemin": n,
|
|
2804
2815
|
"aria-valuemax": a,
|
|
2805
|
-
"aria-disabled":
|
|
2806
|
-
tabIndex:
|
|
2816
|
+
"aria-disabled": i.disabled || s || void 0,
|
|
2817
|
+
tabIndex: i.disabled || s ? -1 : 0
|
|
2807
2818
|
},
|
|
2808
|
-
|
|
2819
|
+
i.id
|
|
2809
2820
|
);
|
|
2810
2821
|
})
|
|
2811
2822
|
}
|
|
2812
2823
|
) });
|
|
2813
2824
|
}
|
|
2814
|
-
|
|
2815
|
-
const
|
|
2816
|
-
function
|
|
2817
|
-
return
|
|
2825
|
+
aa.displayName = "ThresholdRamp";
|
|
2826
|
+
const We = tt(null);
|
|
2827
|
+
function na() {
|
|
2828
|
+
return at(We);
|
|
2818
2829
|
}
|
|
2819
|
-
function
|
|
2820
|
-
const t =
|
|
2830
|
+
function ra({ option: e }) {
|
|
2831
|
+
const t = na(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, r = y(() => {
|
|
2821
2832
|
a || t?.select(e.value);
|
|
2822
2833
|
}, [a, t, e.value]), s = y(
|
|
2823
|
-
(
|
|
2824
|
-
a || t?.onKeyNav(
|
|
2834
|
+
(d) => {
|
|
2835
|
+
a || t?.onKeyNav(d, e.value);
|
|
2825
2836
|
},
|
|
2826
2837
|
[a, t, e.value]
|
|
2827
|
-
), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888",
|
|
2828
|
-
return /* @__PURE__ */
|
|
2838
|
+
), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", c = t?.firstFocusableValue === e.value, f = a ? -1 : c ? 0 : -1;
|
|
2839
|
+
return /* @__PURE__ */ l(
|
|
2829
2840
|
"button",
|
|
2830
2841
|
{
|
|
2831
|
-
ref: (
|
|
2842
|
+
ref: (d) => t?.registerRef(e.value, d),
|
|
2832
2843
|
type: "button",
|
|
2833
2844
|
role: "radio",
|
|
2834
2845
|
"aria-checked": n,
|
|
@@ -2840,13 +2851,13 @@ function ta({ option: e }) {
|
|
|
2840
2851
|
"aria-label": e.label ?? e.value,
|
|
2841
2852
|
"aria-disabled": a,
|
|
2842
2853
|
disabled: a,
|
|
2843
|
-
tabIndex:
|
|
2854
|
+
tabIndex: f,
|
|
2844
2855
|
onClick: r,
|
|
2845
2856
|
onKeyDown: s
|
|
2846
2857
|
}
|
|
2847
2858
|
);
|
|
2848
2859
|
}
|
|
2849
|
-
function
|
|
2860
|
+
function sa({
|
|
2850
2861
|
swatches: e,
|
|
2851
2862
|
value: t,
|
|
2852
2863
|
defaultValue: n,
|
|
@@ -2854,65 +2865,65 @@ function aa({
|
|
|
2854
2865
|
disabled: r = !1,
|
|
2855
2866
|
name: s
|
|
2856
2867
|
}) {
|
|
2857
|
-
const o = t !== void 0, [
|
|
2858
|
-
(
|
|
2859
|
-
o ||
|
|
2868
|
+
const o = t !== void 0, [c, f] = G(n), d = o ? t : c, p = y(
|
|
2869
|
+
(C) => {
|
|
2870
|
+
o || f(C), a?.(C);
|
|
2860
2871
|
},
|
|
2861
2872
|
[o, a]
|
|
2862
|
-
),
|
|
2863
|
-
(
|
|
2864
|
-
[
|
|
2865
|
-
), u =
|
|
2866
|
-
|
|
2867
|
-
}, []), h = e.filter((
|
|
2868
|
-
const
|
|
2869
|
-
|
|
2873
|
+
), w = y(
|
|
2874
|
+
(C) => d === C,
|
|
2875
|
+
[d]
|
|
2876
|
+
), u = T(/* @__PURE__ */ new Map()), m = y((C, M) => {
|
|
2877
|
+
M ? u.current.set(C, M) : u.current.delete(C);
|
|
2878
|
+
}, []), h = e.filter((C) => !C.disabled && !r), k = h.find((C) => C.value === d)?.value ?? h[0]?.value, g = y((C) => {
|
|
2879
|
+
const M = u.current.get(C);
|
|
2880
|
+
M && M.focus();
|
|
2870
2881
|
}, []), S = y(
|
|
2871
|
-
(
|
|
2882
|
+
(C, M) => {
|
|
2872
2883
|
if (r) return;
|
|
2873
|
-
const
|
|
2874
|
-
if (
|
|
2875
|
-
const
|
|
2876
|
-
if (
|
|
2877
|
-
let
|
|
2878
|
-
switch (
|
|
2884
|
+
const R = e.filter((x) => !x.disabled);
|
|
2885
|
+
if (R.length === 0) return;
|
|
2886
|
+
const i = R.findIndex((x) => x.value === M);
|
|
2887
|
+
if (i === -1) return;
|
|
2888
|
+
let b = i;
|
|
2889
|
+
switch (C.key) {
|
|
2879
2890
|
case "ArrowRight":
|
|
2880
2891
|
case "ArrowDown":
|
|
2881
|
-
|
|
2892
|
+
b = (i + 1) % R.length;
|
|
2882
2893
|
break;
|
|
2883
2894
|
case "ArrowLeft":
|
|
2884
2895
|
case "ArrowUp":
|
|
2885
|
-
|
|
2896
|
+
b = (i - 1 + R.length) % R.length;
|
|
2886
2897
|
break;
|
|
2887
2898
|
case "Home":
|
|
2888
|
-
|
|
2899
|
+
b = 0;
|
|
2889
2900
|
break;
|
|
2890
2901
|
case "End":
|
|
2891
|
-
|
|
2902
|
+
b = R.length - 1;
|
|
2892
2903
|
break;
|
|
2893
2904
|
case " ":
|
|
2894
2905
|
case "Enter":
|
|
2895
|
-
|
|
2906
|
+
C.preventDefault(), p(M);
|
|
2896
2907
|
return;
|
|
2897
2908
|
default:
|
|
2898
2909
|
return;
|
|
2899
2910
|
}
|
|
2900
|
-
|
|
2901
|
-
const
|
|
2902
|
-
|
|
2911
|
+
C.preventDefault();
|
|
2912
|
+
const D = R[b].value;
|
|
2913
|
+
g(D), p(D);
|
|
2903
2914
|
},
|
|
2904
|
-
[r, e,
|
|
2915
|
+
[r, e, p, g]
|
|
2905
2916
|
), I = {
|
|
2906
|
-
selectedValue:
|
|
2907
|
-
select:
|
|
2908
|
-
isSelected:
|
|
2917
|
+
selectedValue: d,
|
|
2918
|
+
select: p,
|
|
2919
|
+
isSelected: w,
|
|
2909
2920
|
groupDisabled: r,
|
|
2910
2921
|
name: s,
|
|
2911
|
-
registerRef:
|
|
2912
|
-
firstFocusableValue:
|
|
2922
|
+
registerRef: m,
|
|
2923
|
+
firstFocusableValue: k,
|
|
2913
2924
|
onKeyNav: S
|
|
2914
2925
|
};
|
|
2915
|
-
return /* @__PURE__ */
|
|
2926
|
+
return /* @__PURE__ */ l(We.Provider, { value: I, children: /* @__PURE__ */ l(
|
|
2916
2927
|
"div",
|
|
2917
2928
|
{
|
|
2918
2929
|
className: "gloss-preset-swatch-row",
|
|
@@ -2920,125 +2931,125 @@ function aa({
|
|
|
2920
2931
|
"aria-label": s,
|
|
2921
2932
|
"aria-disabled": r,
|
|
2922
2933
|
"data-disabled": r || void 0,
|
|
2923
|
-
children: e.map((
|
|
2934
|
+
children: e.map((C) => /* @__PURE__ */ l(ra, { option: C }, C.value))
|
|
2924
2935
|
}
|
|
2925
2936
|
) });
|
|
2926
2937
|
}
|
|
2927
|
-
|
|
2928
|
-
function
|
|
2938
|
+
sa.displayName = "PresetSwatchRow";
|
|
2939
|
+
function Ce(e, t) {
|
|
2929
2940
|
for (const n of e)
|
|
2930
2941
|
if (n.items.some((a) => a.id === t))
|
|
2931
2942
|
return n.zoneKey;
|
|
2932
2943
|
return null;
|
|
2933
2944
|
}
|
|
2934
|
-
function
|
|
2945
|
+
function Oe(e, t) {
|
|
2935
2946
|
const n = e.find((a) => a.zoneKey === t);
|
|
2936
|
-
return n ? n.zoneKey :
|
|
2947
|
+
return n ? n.zoneKey : Ce(e, t);
|
|
2937
2948
|
}
|
|
2938
|
-
function
|
|
2949
|
+
function oa(e, t, n) {
|
|
2939
2950
|
const a = [...e], [r] = a.splice(t, 1);
|
|
2940
2951
|
return a.splice(n, 0, r), a;
|
|
2941
2952
|
}
|
|
2942
|
-
function
|
|
2953
|
+
function ia(e) {
|
|
2943
2954
|
return e.map((t) => `${t.zoneKey}:${t.items.map((n) => n.id).join(",")}`).join("|");
|
|
2944
2955
|
}
|
|
2945
|
-
function
|
|
2946
|
-
const [t, n] =
|
|
2947
|
-
() => e.zones.map((
|
|
2948
|
-
`useSortableZones: zone "${
|
|
2949
|
-
), { ...
|
|
2950
|
-
), [a, r] =
|
|
2951
|
-
|
|
2952
|
-
const
|
|
2953
|
-
() =>
|
|
2956
|
+
function la(e) {
|
|
2957
|
+
const [t, n] = G(
|
|
2958
|
+
() => e.zones.map((g) => g.maxItems !== void 0 && g.items.length > g.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
|
|
2959
|
+
`useSortableZones: zone "${g.zoneKey}" exceeds maxItems (${g.items.length} > ${g.maxItems}); trimming to cap.`
|
|
2960
|
+
), { ...g, items: g.items.slice(0, g.maxItems) }) : g)
|
|
2961
|
+
), [a, r] = G(null), [s, o] = G(null), c = T(null), f = T(e.onZoneChange);
|
|
2962
|
+
f.current = e.onZoneChange;
|
|
2963
|
+
const d = ie(
|
|
2964
|
+
() => ia(e.zones),
|
|
2954
2965
|
[e.zones]
|
|
2955
|
-
),
|
|
2966
|
+
), p = T(d);
|
|
2956
2967
|
L(() => {
|
|
2957
|
-
|
|
2958
|
-
e.zones.map((
|
|
2959
|
-
`useSortableZones: zone "${
|
|
2960
|
-
), { ...
|
|
2968
|
+
p.current !== d && (p.current = d, !a && n(
|
|
2969
|
+
e.zones.map((g) => g.maxItems !== void 0 && g.items.length > g.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
|
|
2970
|
+
`useSortableZones: zone "${g.zoneKey}" exceeds maxItems (${g.items.length} > ${g.maxItems}); trimming to cap.`
|
|
2971
|
+
), { ...g, items: g.items.slice(0, g.maxItems) }) : g)
|
|
2961
2972
|
));
|
|
2962
|
-
}, [
|
|
2963
|
-
const
|
|
2964
|
-
(
|
|
2965
|
-
const S =
|
|
2966
|
-
let I = null,
|
|
2967
|
-
for (const
|
|
2968
|
-
const
|
|
2969
|
-
if (
|
|
2970
|
-
I =
|
|
2973
|
+
}, [d, e.zones, a]);
|
|
2974
|
+
const w = y(
|
|
2975
|
+
(g) => {
|
|
2976
|
+
const S = g.active.id;
|
|
2977
|
+
let I = null, C = null;
|
|
2978
|
+
for (const M of t) {
|
|
2979
|
+
const R = M.items.find((i) => i.id === S);
|
|
2980
|
+
if (R) {
|
|
2981
|
+
I = R, C = M.zoneKey;
|
|
2971
2982
|
break;
|
|
2972
2983
|
}
|
|
2973
2984
|
}
|
|
2974
|
-
|
|
2985
|
+
c.current = C, r(I), o(C);
|
|
2975
2986
|
},
|
|
2976
2987
|
[t]
|
|
2977
2988
|
), u = y(
|
|
2978
|
-
(
|
|
2979
|
-
if (!
|
|
2980
|
-
o(
|
|
2989
|
+
(g) => {
|
|
2990
|
+
if (!g.over) {
|
|
2991
|
+
o(c.current);
|
|
2981
2992
|
return;
|
|
2982
2993
|
}
|
|
2983
|
-
const S =
|
|
2994
|
+
const S = Oe(t, g.over.id);
|
|
2984
2995
|
o(S);
|
|
2985
2996
|
},
|
|
2986
2997
|
[t]
|
|
2987
|
-
),
|
|
2988
|
-
(
|
|
2989
|
-
const { active: S, over: I } =
|
|
2990
|
-
|
|
2998
|
+
), m = y(
|
|
2999
|
+
(g) => {
|
|
3000
|
+
const { active: S, over: I } = g, C = () => {
|
|
3001
|
+
c.current = null, r(null), o(null);
|
|
2991
3002
|
};
|
|
2992
3003
|
if (!I) {
|
|
2993
|
-
|
|
3004
|
+
C();
|
|
2994
3005
|
return;
|
|
2995
3006
|
}
|
|
2996
|
-
const
|
|
2997
|
-
if (!
|
|
2998
|
-
|
|
3007
|
+
const M = Ce(t, S.id), R = Oe(t, I.id);
|
|
3008
|
+
if (!M || !R) {
|
|
3009
|
+
C();
|
|
2999
3010
|
return;
|
|
3000
3011
|
}
|
|
3001
|
-
let
|
|
3002
|
-
if (
|
|
3003
|
-
const
|
|
3004
|
-
|
|
3005
|
-
...
|
|
3006
|
-
items:
|
|
3012
|
+
let i = t.map((b) => ({ ...b, items: [...b.items] }));
|
|
3013
|
+
if (M === R) {
|
|
3014
|
+
const b = i.findIndex((P) => P.zoneKey === M), D = i[b], x = D.items.findIndex((P) => P.id === S.id), v = D.items.findIndex((P) => P.id === I.id), _ = v >= 0 ? v : Math.max(0, D.items.length - 1);
|
|
3015
|
+
i[b] = {
|
|
3016
|
+
...D,
|
|
3017
|
+
items: oa(D.items, x, _)
|
|
3007
3018
|
};
|
|
3008
3019
|
} else {
|
|
3009
|
-
const
|
|
3010
|
-
if (!
|
|
3011
|
-
|
|
3020
|
+
const b = i.findIndex((A) => A.zoneKey === M), D = i.findIndex((A) => A.zoneKey === R), x = i[b], v = i[D], _ = x.items.find((A) => A.id === S.id);
|
|
3021
|
+
if (!_) {
|
|
3022
|
+
C();
|
|
3012
3023
|
return;
|
|
3013
3024
|
}
|
|
3014
|
-
const
|
|
3015
|
-
let
|
|
3016
|
-
if (
|
|
3017
|
-
const
|
|
3018
|
-
|
|
3025
|
+
const P = x.items.filter((A) => A.id !== S.id), H = v.items.findIndex((A) => A.id === I.id), U = H >= 0 ? H : v.items.length;
|
|
3026
|
+
let j = P, K = [...v.items];
|
|
3027
|
+
if (v.maxItems !== void 0 && K.length >= v.maxItems) {
|
|
3028
|
+
const A = K[K.length - 1];
|
|
3029
|
+
K = K.slice(0, v.maxItems - 1), j = [...P, A];
|
|
3019
3030
|
}
|
|
3020
|
-
const
|
|
3021
|
-
...
|
|
3022
|
-
|
|
3023
|
-
...
|
|
3031
|
+
const $ = Math.min(U, K.length), V = [
|
|
3032
|
+
...K.slice(0, $),
|
|
3033
|
+
_,
|
|
3034
|
+
...K.slice($)
|
|
3024
3035
|
];
|
|
3025
|
-
|
|
3036
|
+
i[b] = { ...x, items: j }, i[D] = { ...v, items: V };
|
|
3026
3037
|
}
|
|
3027
|
-
n(
|
|
3038
|
+
n(i), f.current?.(i), C();
|
|
3028
3039
|
},
|
|
3029
3040
|
[t]
|
|
3030
3041
|
), h = y(
|
|
3031
|
-
(
|
|
3032
|
-
id:
|
|
3033
|
-
"data-zone-key":
|
|
3042
|
+
(g) => ({
|
|
3043
|
+
id: g,
|
|
3044
|
+
"data-zone-key": g
|
|
3034
3045
|
}),
|
|
3035
3046
|
[]
|
|
3036
|
-
),
|
|
3037
|
-
(
|
|
3038
|
-
const S =
|
|
3047
|
+
), k = y(
|
|
3048
|
+
(g) => {
|
|
3049
|
+
const S = Ce(t, g.id) ?? "";
|
|
3039
3050
|
return {
|
|
3040
|
-
id:
|
|
3041
|
-
"data-item-id":
|
|
3051
|
+
id: g.id,
|
|
3052
|
+
"data-item-id": g.id,
|
|
3042
3053
|
"data-zone-key": S
|
|
3043
3054
|
};
|
|
3044
3055
|
},
|
|
@@ -3049,14 +3060,14 @@ function sa(e) {
|
|
|
3049
3060
|
activeZone: s,
|
|
3050
3061
|
activeItem: a,
|
|
3051
3062
|
getZoneProps: h,
|
|
3052
|
-
getItemProps:
|
|
3053
|
-
handleDragStart:
|
|
3063
|
+
getItemProps: k,
|
|
3064
|
+
handleDragStart: w,
|
|
3054
3065
|
handleDragOver: u,
|
|
3055
|
-
handleDragEnd:
|
|
3066
|
+
handleDragEnd: m
|
|
3056
3067
|
};
|
|
3057
3068
|
}
|
|
3058
|
-
let
|
|
3059
|
-
const
|
|
3069
|
+
let se = null, de = null, be = !1;
|
|
3070
|
+
const ca = [
|
|
3060
3071
|
"DndContext",
|
|
3061
3072
|
"DragOverlay",
|
|
3062
3073
|
"useSensors",
|
|
@@ -3065,22 +3076,22 @@ const oa = [
|
|
|
3065
3076
|
"PointerSensor",
|
|
3066
3077
|
"KeyboardSensor",
|
|
3067
3078
|
"closestCenter"
|
|
3068
|
-
],
|
|
3079
|
+
], da = [
|
|
3069
3080
|
"SortableContext",
|
|
3070
3081
|
"useSortable",
|
|
3071
3082
|
"verticalListSortingStrategy"
|
|
3072
3083
|
];
|
|
3073
|
-
function
|
|
3084
|
+
function ua(e, t) {
|
|
3074
3085
|
const n = [], a = e ?? {};
|
|
3075
|
-
for (const s of
|
|
3086
|
+
for (const s of ca)
|
|
3076
3087
|
a[s] === void 0 && n.push(`@dnd-kit/core:${s}`);
|
|
3077
3088
|
const r = t ?? {};
|
|
3078
|
-
for (const s of
|
|
3089
|
+
for (const s of da)
|
|
3079
3090
|
r[s] === void 0 && n.push(`@dnd-kit/sortable:${s}`);
|
|
3080
3091
|
return n.length === 0 ? { ok: !0 } : { ok: !1, missing: n };
|
|
3081
3092
|
}
|
|
3082
|
-
function
|
|
3083
|
-
return
|
|
3093
|
+
function ma() {
|
|
3094
|
+
return se ? Promise.resolve(se) : be ? Promise.resolve(null) : de || (de = (async () => {
|
|
3084
3095
|
try {
|
|
3085
3096
|
const [e, t, n] = await Promise.all([
|
|
3086
3097
|
import("@dnd-kit/core"),
|
|
@@ -3088,112 +3099,112 @@ function ca() {
|
|
|
3088
3099
|
import("@dnd-kit/utilities").catch(() => (process.env.NODE_ENV !== "production" && console.warn(
|
|
3089
3100
|
"SortableZones: @dnd-kit/utilities failed to load; drag-overlay positioning will fall back (items may teleport instead of slide)."
|
|
3090
3101
|
), {}))
|
|
3091
|
-
]), a =
|
|
3092
|
-
return a.ok ? (
|
|
3102
|
+
]), a = ua(e, t);
|
|
3103
|
+
return a.ok ? (se = {
|
|
3093
3104
|
core: e,
|
|
3094
3105
|
sortable: t,
|
|
3095
3106
|
utilities: n
|
|
3096
|
-
},
|
|
3107
|
+
}, se) : (be = !0, process.env.NODE_ENV !== "production" && console.error(
|
|
3097
3108
|
`SortableZones: @dnd-kit shape mismatch — missing exports: ${a.missing.join(", ")}. Check installed versions against optionalDependencies in @mt-gloss/ui.`
|
|
3098
3109
|
), null);
|
|
3099
3110
|
} catch {
|
|
3100
|
-
return
|
|
3111
|
+
return be = !0, null;
|
|
3101
3112
|
}
|
|
3102
|
-
})(),
|
|
3113
|
+
})(), de);
|
|
3103
3114
|
}
|
|
3104
|
-
function
|
|
3105
|
-
const { zones: t, onZoneChange: n, renderZone: a, renderItem: r, renderDragOverlay: s } = e, o =
|
|
3106
|
-
return
|
|
3107
|
-
if (
|
|
3108
|
-
let
|
|
3109
|
-
return
|
|
3110
|
-
|
|
3115
|
+
function ga(e) {
|
|
3116
|
+
const { zones: t, onZoneChange: n, renderZone: a, renderItem: r, renderDragOverlay: s } = e, o = la({ zones: t, onZoneChange: n }), [c, f] = W.useState(se);
|
|
3117
|
+
return W.useEffect(() => {
|
|
3118
|
+
if (c) return;
|
|
3119
|
+
let d = !0;
|
|
3120
|
+
return ma().then((p) => {
|
|
3121
|
+
d && f(p);
|
|
3111
3122
|
}), () => {
|
|
3112
|
-
|
|
3123
|
+
d = !1;
|
|
3113
3124
|
};
|
|
3114
|
-
}, [
|
|
3115
|
-
|
|
3125
|
+
}, [c]), c ? /* @__PURE__ */ l(
|
|
3126
|
+
He,
|
|
3116
3127
|
{
|
|
3117
3128
|
state: o,
|
|
3118
|
-
modules:
|
|
3129
|
+
modules: c,
|
|
3119
3130
|
renderZone: a,
|
|
3120
3131
|
renderItem: r,
|
|
3121
3132
|
renderDragOverlay: s
|
|
3122
3133
|
}
|
|
3123
|
-
) : /* @__PURE__ */
|
|
3124
|
-
const
|
|
3125
|
-
return /* @__PURE__ */
|
|
3134
|
+
) : /* @__PURE__ */ l("div", { "data-sortable-zones-passive": "true", children: o.zones.map((d) => {
|
|
3135
|
+
const p = d.items.map((w) => /* @__PURE__ */ l(W.Fragment, { children: r(w) }, w.id));
|
|
3136
|
+
return /* @__PURE__ */ l("div", { ...o.getZoneProps(d.zoneKey), children: a(d.zoneKey, d.items, p) }, d.zoneKey);
|
|
3126
3137
|
}) });
|
|
3127
3138
|
}
|
|
3128
|
-
|
|
3129
|
-
function
|
|
3139
|
+
ga.displayName = "SortableZones";
|
|
3140
|
+
function He({
|
|
3130
3141
|
state: e,
|
|
3131
3142
|
modules: t,
|
|
3132
3143
|
renderZone: n,
|
|
3133
3144
|
renderItem: a,
|
|
3134
3145
|
renderDragOverlay: r
|
|
3135
3146
|
}) {
|
|
3136
|
-
const { core: s, sortable: o, utilities:
|
|
3137
|
-
|
|
3138
|
-
|
|
3139
|
-
),
|
|
3147
|
+
const { core: s, sortable: o, utilities: c } = t, { DndContext: f, DragOverlay: d, useSensors: p, useSensor: w, useDroppable: u, PointerSensor: m, KeyboardSensor: h, closestCenter: k } = s, { SortableContext: g, verticalListSortingStrategy: S } = o, I = p(
|
|
3148
|
+
w(m, { activationConstraint: { distance: 5 } }),
|
|
3149
|
+
w(h)
|
|
3150
|
+
), C = f, M = d, R = g;
|
|
3140
3151
|
return /* @__PURE__ */ O(
|
|
3141
|
-
|
|
3152
|
+
C,
|
|
3142
3153
|
{
|
|
3143
3154
|
sensors: I,
|
|
3144
|
-
collisionDetection:
|
|
3155
|
+
collisionDetection: k,
|
|
3145
3156
|
onDragStart: e.handleDragStart,
|
|
3146
3157
|
onDragOver: e.handleDragOver,
|
|
3147
3158
|
onDragEnd: e.handleDragEnd,
|
|
3148
3159
|
children: [
|
|
3149
|
-
e.zones.map((
|
|
3150
|
-
const
|
|
3151
|
-
|
|
3160
|
+
e.zones.map((i) => {
|
|
3161
|
+
const b = i.items.map((x) => x.id), D = i.items.map((x) => /* @__PURE__ */ l(
|
|
3162
|
+
Ve,
|
|
3152
3163
|
{
|
|
3153
|
-
id:
|
|
3164
|
+
id: x.id,
|
|
3154
3165
|
useSortable: o.useSortable,
|
|
3155
|
-
cssHelper:
|
|
3156
|
-
children: a(
|
|
3166
|
+
cssHelper: c.CSS,
|
|
3167
|
+
children: a(x)
|
|
3157
3168
|
},
|
|
3158
|
-
|
|
3169
|
+
x.id
|
|
3159
3170
|
));
|
|
3160
|
-
return /* @__PURE__ */
|
|
3161
|
-
|
|
3171
|
+
return /* @__PURE__ */ l(
|
|
3172
|
+
je,
|
|
3162
3173
|
{
|
|
3163
|
-
zoneKey:
|
|
3164
|
-
zoneProps: e.getZoneProps(
|
|
3174
|
+
zoneKey: i.zoneKey,
|
|
3175
|
+
zoneProps: e.getZoneProps(i.zoneKey),
|
|
3165
3176
|
useDroppable: u,
|
|
3166
|
-
children: /* @__PURE__ */
|
|
3177
|
+
children: /* @__PURE__ */ l(R, { items: b, strategy: S, children: n(i.zoneKey, i.items, D) })
|
|
3167
3178
|
},
|
|
3168
|
-
|
|
3179
|
+
i.zoneKey
|
|
3169
3180
|
);
|
|
3170
3181
|
}),
|
|
3171
|
-
/* @__PURE__ */
|
|
3182
|
+
/* @__PURE__ */ l(M, { children: e.activeItem ? r?.(e.activeItem) ?? a(e.activeItem) : null })
|
|
3172
3183
|
]
|
|
3173
3184
|
}
|
|
3174
3185
|
);
|
|
3175
3186
|
}
|
|
3176
|
-
|
|
3177
|
-
function
|
|
3178
|
-
const { attributes: r, listeners: s, setNodeRef: o, transform:
|
|
3179
|
-
transform: n?.Transform?.toString(
|
|
3180
|
-
transition:
|
|
3181
|
-
opacity:
|
|
3187
|
+
He.displayName = "SortableZonesInner";
|
|
3188
|
+
function Ve({ id: e, useSortable: t, cssHelper: n, children: a }) {
|
|
3189
|
+
const { attributes: r, listeners: s, setNodeRef: o, transform: c, transition: f, isDragging: d } = t({ id: e }), p = {
|
|
3190
|
+
transform: n?.Transform?.toString(c) ?? void 0,
|
|
3191
|
+
transition: f,
|
|
3192
|
+
opacity: d ? 0.5 : 1
|
|
3182
3193
|
};
|
|
3183
|
-
return /* @__PURE__ */
|
|
3194
|
+
return /* @__PURE__ */ l("div", { ref: o, style: p, "data-sortable-item-id": e, ...r, ...s, children: a });
|
|
3184
3195
|
}
|
|
3185
|
-
|
|
3186
|
-
function
|
|
3196
|
+
Ve.displayName = "SortableItem";
|
|
3197
|
+
function je({
|
|
3187
3198
|
zoneKey: e,
|
|
3188
3199
|
zoneProps: t,
|
|
3189
3200
|
useDroppable: n,
|
|
3190
3201
|
children: a
|
|
3191
3202
|
}) {
|
|
3192
3203
|
const { setNodeRef: r, isOver: s } = n({ id: e });
|
|
3193
|
-
return /* @__PURE__ */
|
|
3204
|
+
return /* @__PURE__ */ l("div", { ref: r, "data-zone-is-over": s || void 0, ...t, children: a });
|
|
3194
3205
|
}
|
|
3195
|
-
|
|
3196
|
-
function
|
|
3206
|
+
je.displayName = "ZoneDroppable";
|
|
3207
|
+
function En({
|
|
3197
3208
|
slotLeft: e,
|
|
3198
3209
|
slotCenter: t,
|
|
3199
3210
|
slotRight: n,
|
|
@@ -3202,7 +3213,7 @@ function In({
|
|
|
3202
3213
|
style: s,
|
|
3203
3214
|
"aria-label": o = "Dashboard navigation"
|
|
3204
3215
|
}) {
|
|
3205
|
-
const
|
|
3216
|
+
const c = {
|
|
3206
3217
|
"--gloss-bottom-toolbar-height": `${a}px`,
|
|
3207
3218
|
...s
|
|
3208
3219
|
};
|
|
@@ -3213,9 +3224,9 @@ function In({
|
|
|
3213
3224
|
"aria-label": o,
|
|
3214
3225
|
"data-testid": "gloss-bottom-toolbar",
|
|
3215
3226
|
className: ["gloss-bottom-toolbar", r].filter(Boolean).join(" "),
|
|
3216
|
-
style:
|
|
3227
|
+
style: c,
|
|
3217
3228
|
children: [
|
|
3218
|
-
/* @__PURE__ */
|
|
3229
|
+
/* @__PURE__ */ l(
|
|
3219
3230
|
"div",
|
|
3220
3231
|
{
|
|
3221
3232
|
className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--left",
|
|
@@ -3223,7 +3234,7 @@ function In({
|
|
|
3223
3234
|
children: e
|
|
3224
3235
|
}
|
|
3225
3236
|
),
|
|
3226
|
-
/* @__PURE__ */
|
|
3237
|
+
/* @__PURE__ */ l(
|
|
3227
3238
|
"div",
|
|
3228
3239
|
{
|
|
3229
3240
|
className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--center",
|
|
@@ -3231,7 +3242,7 @@ function In({
|
|
|
3231
3242
|
children: t
|
|
3232
3243
|
}
|
|
3233
3244
|
),
|
|
3234
|
-
/* @__PURE__ */
|
|
3245
|
+
/* @__PURE__ */ l(
|
|
3235
3246
|
"div",
|
|
3236
3247
|
{
|
|
3237
3248
|
className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--right",
|
|
@@ -3243,7 +3254,7 @@ function In({
|
|
|
3243
3254
|
}
|
|
3244
3255
|
);
|
|
3245
3256
|
}
|
|
3246
|
-
function
|
|
3257
|
+
function On({
|
|
3247
3258
|
count: e,
|
|
3248
3259
|
currentIndex: t,
|
|
3249
3260
|
onSelect: n,
|
|
@@ -3252,368 +3263,368 @@ function Pn({
|
|
|
3252
3263
|
pulseIndex: s,
|
|
3253
3264
|
pulseNonce: o
|
|
3254
3265
|
}) {
|
|
3255
|
-
const
|
|
3256
|
-
return
|
|
3266
|
+
const c = Je.useRef([]);
|
|
3267
|
+
return c.current.length = e, /* @__PURE__ */ l(
|
|
3257
3268
|
"div",
|
|
3258
3269
|
{
|
|
3259
3270
|
role: "tablist",
|
|
3260
3271
|
"aria-label": a,
|
|
3261
3272
|
"data-testid": "gloss-section-dots",
|
|
3262
3273
|
className: "gloss-section-dots",
|
|
3263
|
-
onKeyDown: (
|
|
3274
|
+
onKeyDown: (d) => {
|
|
3264
3275
|
if (e !== 0) {
|
|
3265
|
-
if (
|
|
3266
|
-
|
|
3267
|
-
const
|
|
3268
|
-
n(
|
|
3269
|
-
} else if (
|
|
3270
|
-
|
|
3271
|
-
const
|
|
3272
|
-
n(
|
|
3276
|
+
if (d.key === "ArrowRight") {
|
|
3277
|
+
d.preventDefault();
|
|
3278
|
+
const p = (t + 1) % e;
|
|
3279
|
+
n(p), requestAnimationFrame(() => c.current[p]?.focus());
|
|
3280
|
+
} else if (d.key === "ArrowLeft") {
|
|
3281
|
+
d.preventDefault();
|
|
3282
|
+
const p = (t - 1 + e) % e;
|
|
3283
|
+
n(p), requestAnimationFrame(() => c.current[p]?.focus());
|
|
3273
3284
|
}
|
|
3274
3285
|
}
|
|
3275
3286
|
},
|
|
3276
|
-
children: Array.from({ length: e }, (
|
|
3287
|
+
children: Array.from({ length: e }, (d, p) => /* @__PURE__ */ l(
|
|
3277
3288
|
"button",
|
|
3278
3289
|
{
|
|
3279
|
-
ref: (
|
|
3280
|
-
|
|
3290
|
+
ref: (w) => {
|
|
3291
|
+
c.current[p] = w;
|
|
3281
3292
|
},
|
|
3282
3293
|
type: "button",
|
|
3283
3294
|
role: "tab",
|
|
3284
|
-
"aria-selected":
|
|
3285
|
-
"aria-label":
|
|
3286
|
-
"data-state":
|
|
3287
|
-
"data-section-index":
|
|
3295
|
+
"aria-selected": p === t,
|
|
3296
|
+
"aria-label": p === r ? "Unconfirmed section" : `Section ${p + 1}`,
|
|
3297
|
+
"data-state": p === r ? "provisional-hollow" : p === s ? "pulse" : p === t ? "current" : "hollow",
|
|
3298
|
+
"data-section-index": p,
|
|
3288
3299
|
className: [
|
|
3289
3300
|
"gloss-section-dots__dot",
|
|
3290
|
-
|
|
3301
|
+
p === t && "gloss-section-dots__dot--current"
|
|
3291
3302
|
].filter(Boolean).join(" "),
|
|
3292
|
-
onClick: () => n(
|
|
3303
|
+
onClick: () => n(p)
|
|
3293
3304
|
},
|
|
3294
|
-
|
|
3305
|
+
p === s ? `${p}-${o ?? 0}` : p
|
|
3295
3306
|
))
|
|
3296
3307
|
}
|
|
3297
3308
|
);
|
|
3298
3309
|
}
|
|
3299
|
-
const
|
|
3310
|
+
const pa = W.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
|
|
3300
3311
|
const r = { ...n };
|
|
3301
|
-
return delete r.className, delete r.style, /* @__PURE__ */
|
|
3312
|
+
return delete r.className, delete r.style, /* @__PURE__ */ l("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...r, children: /* @__PURE__ */ l(ke, { region: "toolbar", density: e, children: t }) });
|
|
3302
3313
|
});
|
|
3303
|
-
|
|
3304
|
-
const
|
|
3314
|
+
pa.displayName = "ContainerToolbar";
|
|
3315
|
+
const fa = W.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...r }, s) => {
|
|
3305
3316
|
const o = { ...r };
|
|
3306
3317
|
return delete o.className, delete o.style, /* @__PURE__ */ O("fieldset", { ref: s, className: "gloss-container-form-section", ...o, children: [
|
|
3307
|
-
e && /* @__PURE__ */
|
|
3308
|
-
t && /* @__PURE__ */
|
|
3309
|
-
/* @__PURE__ */
|
|
3318
|
+
e && /* @__PURE__ */ l("legend", { className: "gloss-container-form-section__legend", children: e }),
|
|
3319
|
+
t && /* @__PURE__ */ l("p", { className: "gloss-container-form-section__description", children: t }),
|
|
3320
|
+
/* @__PURE__ */ l(ke, { region: "form-section", density: n, children: a })
|
|
3310
3321
|
] });
|
|
3311
3322
|
});
|
|
3312
|
-
|
|
3313
|
-
const
|
|
3323
|
+
fa.displayName = "ContainerFormSection";
|
|
3324
|
+
const ha = W.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
|
|
3314
3325
|
const r = { ...n };
|
|
3315
|
-
return delete r.className, delete r.style, /* @__PURE__ */
|
|
3326
|
+
return delete r.className, delete r.style, /* @__PURE__ */ l("div", { ref: a, className: "gloss-container-table", ...r, children: /* @__PURE__ */ l(ke, { region: "table", density: e, children: t }) });
|
|
3316
3327
|
});
|
|
3317
|
-
|
|
3328
|
+
ha.displayName = "ContainerTable";
|
|
3318
3329
|
export {
|
|
3319
|
-
|
|
3320
|
-
|
|
3321
|
-
|
|
3322
|
-
|
|
3323
|
-
|
|
3324
|
-
|
|
3325
|
-
|
|
3326
|
-
|
|
3327
|
-
|
|
3328
|
-
|
|
3329
|
-
|
|
3330
|
-
|
|
3331
|
-
|
|
3332
|
-
|
|
3333
|
-
|
|
3334
|
-
|
|
3335
|
-
|
|
3336
|
-
|
|
3337
|
-
|
|
3338
|
-
|
|
3339
|
-
|
|
3340
|
-
|
|
3341
|
-
|
|
3342
|
-
|
|
3343
|
-
|
|
3344
|
-
|
|
3345
|
-
|
|
3346
|
-
|
|
3347
|
-
|
|
3348
|
-
|
|
3349
|
-
|
|
3350
|
-
|
|
3351
|
-
|
|
3352
|
-
|
|
3353
|
-
|
|
3354
|
-
|
|
3355
|
-
|
|
3356
|
-
|
|
3357
|
-
|
|
3358
|
-
|
|
3359
|
-
|
|
3360
|
-
|
|
3361
|
-
|
|
3362
|
-
|
|
3363
|
-
|
|
3364
|
-
|
|
3365
|
-
|
|
3366
|
-
|
|
3367
|
-
|
|
3368
|
-
|
|
3369
|
-
|
|
3370
|
-
|
|
3371
|
-
|
|
3372
|
-
|
|
3373
|
-
|
|
3374
|
-
|
|
3375
|
-
|
|
3376
|
-
|
|
3377
|
-
|
|
3378
|
-
|
|
3379
|
-
|
|
3380
|
-
|
|
3381
|
-
|
|
3382
|
-
|
|
3383
|
-
|
|
3384
|
-
|
|
3385
|
-
|
|
3386
|
-
|
|
3387
|
-
|
|
3388
|
-
|
|
3389
|
-
|
|
3390
|
-
|
|
3391
|
-
|
|
3392
|
-
|
|
3393
|
-
|
|
3394
|
-
|
|
3395
|
-
|
|
3396
|
-
|
|
3397
|
-
|
|
3398
|
-
|
|
3399
|
-
|
|
3400
|
-
|
|
3401
|
-
|
|
3402
|
-
|
|
3403
|
-
|
|
3404
|
-
|
|
3405
|
-
|
|
3406
|
-
|
|
3407
|
-
|
|
3408
|
-
|
|
3409
|
-
|
|
3410
|
-
|
|
3411
|
-
|
|
3412
|
-
|
|
3413
|
-
|
|
3414
|
-
|
|
3415
|
-
|
|
3416
|
-
|
|
3417
|
-
|
|
3418
|
-
|
|
3419
|
-
|
|
3420
|
-
|
|
3421
|
-
|
|
3422
|
-
|
|
3423
|
-
|
|
3424
|
-
|
|
3425
|
-
|
|
3426
|
-
|
|
3427
|
-
|
|
3428
|
-
|
|
3429
|
-
|
|
3430
|
-
|
|
3431
|
-
|
|
3432
|
-
|
|
3433
|
-
|
|
3434
|
-
|
|
3435
|
-
|
|
3436
|
-
|
|
3437
|
-
|
|
3438
|
-
|
|
3439
|
-
|
|
3440
|
-
|
|
3441
|
-
|
|
3442
|
-
|
|
3443
|
-
|
|
3444
|
-
|
|
3445
|
-
|
|
3446
|
-
|
|
3447
|
-
|
|
3448
|
-
|
|
3449
|
-
|
|
3450
|
-
|
|
3451
|
-
|
|
3452
|
-
|
|
3453
|
-
|
|
3454
|
-
|
|
3455
|
-
|
|
3456
|
-
|
|
3457
|
-
|
|
3458
|
-
|
|
3459
|
-
|
|
3460
|
-
|
|
3461
|
-
|
|
3462
|
-
|
|
3463
|
-
|
|
3464
|
-
|
|
3465
|
-
|
|
3466
|
-
|
|
3467
|
-
|
|
3468
|
-
|
|
3469
|
-
|
|
3470
|
-
|
|
3471
|
-
|
|
3472
|
-
|
|
3473
|
-
|
|
3474
|
-
|
|
3475
|
-
|
|
3476
|
-
|
|
3477
|
-
|
|
3478
|
-
|
|
3479
|
-
|
|
3480
|
-
|
|
3481
|
-
|
|
3482
|
-
|
|
3483
|
-
|
|
3484
|
-
|
|
3485
|
-
|
|
3486
|
-
|
|
3487
|
-
|
|
3488
|
-
|
|
3489
|
-
|
|
3490
|
-
|
|
3491
|
-
|
|
3492
|
-
|
|
3493
|
-
|
|
3494
|
-
|
|
3495
|
-
|
|
3496
|
-
|
|
3497
|
-
|
|
3498
|
-
|
|
3499
|
-
|
|
3500
|
-
|
|
3501
|
-
|
|
3502
|
-
|
|
3503
|
-
|
|
3504
|
-
|
|
3505
|
-
|
|
3506
|
-
|
|
3507
|
-
|
|
3508
|
-
|
|
3509
|
-
|
|
3510
|
-
|
|
3511
|
-
|
|
3512
|
-
|
|
3513
|
-
|
|
3514
|
-
|
|
3515
|
-
|
|
3516
|
-
|
|
3517
|
-
|
|
3518
|
-
|
|
3519
|
-
|
|
3520
|
-
|
|
3521
|
-
|
|
3522
|
-
|
|
3523
|
-
|
|
3524
|
-
|
|
3525
|
-
|
|
3526
|
-
|
|
3527
|
-
|
|
3528
|
-
|
|
3529
|
-
|
|
3530
|
-
|
|
3531
|
-
|
|
3532
|
-
|
|
3533
|
-
|
|
3534
|
-
|
|
3535
|
-
|
|
3536
|
-
|
|
3537
|
-
|
|
3538
|
-
|
|
3539
|
-
|
|
3540
|
-
|
|
3541
|
-
|
|
3542
|
-
|
|
3543
|
-
|
|
3544
|
-
|
|
3545
|
-
|
|
3546
|
-
|
|
3547
|
-
|
|
3548
|
-
|
|
3549
|
-
|
|
3550
|
-
|
|
3551
|
-
|
|
3552
|
-
|
|
3553
|
-
|
|
3554
|
-
|
|
3555
|
-
|
|
3556
|
-
|
|
3557
|
-
|
|
3558
|
-
|
|
3559
|
-
|
|
3560
|
-
|
|
3561
|
-
|
|
3562
|
-
|
|
3563
|
-
|
|
3564
|
-
|
|
3565
|
-
|
|
3566
|
-
|
|
3567
|
-
|
|
3568
|
-
|
|
3569
|
-
|
|
3570
|
-
|
|
3571
|
-
|
|
3572
|
-
|
|
3573
|
-
|
|
3574
|
-
|
|
3575
|
-
|
|
3576
|
-
|
|
3577
|
-
|
|
3578
|
-
|
|
3579
|
-
|
|
3580
|
-
|
|
3581
|
-
|
|
3582
|
-
|
|
3583
|
-
|
|
3584
|
-
|
|
3585
|
-
|
|
3586
|
-
|
|
3587
|
-
|
|
3588
|
-
|
|
3589
|
-
|
|
3590
|
-
|
|
3591
|
-
|
|
3592
|
-
|
|
3593
|
-
|
|
3594
|
-
|
|
3595
|
-
|
|
3596
|
-
|
|
3597
|
-
|
|
3598
|
-
|
|
3599
|
-
|
|
3600
|
-
|
|
3601
|
-
|
|
3602
|
-
|
|
3603
|
-
|
|
3604
|
-
|
|
3605
|
-
|
|
3606
|
-
|
|
3607
|
-
|
|
3608
|
-
|
|
3609
|
-
|
|
3610
|
-
|
|
3611
|
-
|
|
3612
|
-
|
|
3613
|
-
|
|
3614
|
-
|
|
3615
|
-
|
|
3616
|
-
|
|
3617
|
-
|
|
3618
|
-
|
|
3330
|
+
$n as Accordion,
|
|
3331
|
+
Bn as AccordionContent,
|
|
3332
|
+
zn as AccordionItem,
|
|
3333
|
+
Kn as AccordionTrigger,
|
|
3334
|
+
Gn as ActionStrip,
|
|
3335
|
+
Wn as Actionable,
|
|
3336
|
+
Hn as AddressGroup,
|
|
3337
|
+
Vn as AddressSelect,
|
|
3338
|
+
jn as AsyncLoader,
|
|
3339
|
+
Un as Autocomplete,
|
|
3340
|
+
Zn as Badge,
|
|
3341
|
+
Yn as BarChartCard,
|
|
3342
|
+
qn as BarsBg,
|
|
3343
|
+
En as BottomToolbar,
|
|
3344
|
+
Qn as Button,
|
|
3345
|
+
Xn as ButtonGroup,
|
|
3346
|
+
Jn as ButtonGroupContext,
|
|
3347
|
+
er as Card,
|
|
3348
|
+
tr as CardActions,
|
|
3349
|
+
ar as CardBack,
|
|
3350
|
+
nr as CardBody,
|
|
3351
|
+
rr as CardFooter,
|
|
3352
|
+
sr as CardHeader,
|
|
3353
|
+
or as CardMedia,
|
|
3354
|
+
ir as CardShell,
|
|
3355
|
+
lr as CardSubtitle,
|
|
3356
|
+
cr as CardTitle,
|
|
3357
|
+
Fn as CascadePreview,
|
|
3358
|
+
dr as ChartControlBar,
|
|
3359
|
+
ur as Checkbox,
|
|
3360
|
+
mr as CheckboxGroup,
|
|
3361
|
+
gr as Chip,
|
|
3362
|
+
pr as ColorPicker,
|
|
3363
|
+
fr as ComparisonCard,
|
|
3364
|
+
hr as ContactForm,
|
|
3365
|
+
br as ContainerCard,
|
|
3366
|
+
vr as ContainerCardActions,
|
|
3367
|
+
yr as ContainerCardBody,
|
|
3368
|
+
wr as ContainerCardFooter,
|
|
3369
|
+
Dr as ContainerCardHeader,
|
|
3370
|
+
Nr as ContainerCardMedia,
|
|
3371
|
+
Cr as ContainerCardSubtitle,
|
|
3372
|
+
kr as ContainerCardTitle,
|
|
3373
|
+
_r as ContainerDialog,
|
|
3374
|
+
xr as ContainerDialogActions,
|
|
3375
|
+
Sr as ContainerDialogBody,
|
|
3376
|
+
Mr as ContainerDialogHeader,
|
|
3377
|
+
fa as ContainerFormSection,
|
|
3378
|
+
Tr as ContainerPanel,
|
|
3379
|
+
ha as ContainerTable,
|
|
3380
|
+
pa as ContainerToolbar,
|
|
3381
|
+
Rr as CreditCardForm,
|
|
3382
|
+
Ir as DEFAULT_FOOTER_IDS,
|
|
3383
|
+
ae as DEFAULT_GRID_INTERACTION_PHYSICS,
|
|
3384
|
+
si as DEFAULT_MARKET_PRESETS,
|
|
3385
|
+
Pr as DEFAULT_OVERFLOW_IDS,
|
|
3386
|
+
oi as DEFAULT_PINNED,
|
|
3387
|
+
Le as DEFAULT_RESIZE_PHYSICS,
|
|
3388
|
+
Fr as DataTable,
|
|
3389
|
+
Er as DatePicker,
|
|
3390
|
+
Or as DateRangePicker,
|
|
3391
|
+
Ar as DestructiveModal,
|
|
3392
|
+
qt as DevTuningPanel,
|
|
3393
|
+
Lr as DirectionCard,
|
|
3394
|
+
$r as Dismissible,
|
|
3395
|
+
Br as DistributionCard,
|
|
3396
|
+
zr as DonutChart,
|
|
3397
|
+
In as DragGhost,
|
|
3398
|
+
Sn as DropAnchorCell,
|
|
3399
|
+
Kr as Dropdown,
|
|
3400
|
+
Gr as ENTITY_FILTER_KEYS,
|
|
3401
|
+
Wr as ENTITY_PROFILE_ROUTES,
|
|
3402
|
+
Hr as ENTITY_TYPE_PLURAL,
|
|
3403
|
+
wt as EdgeHoverHandle,
|
|
3404
|
+
Rn as EmptyCellPackAffordance,
|
|
3405
|
+
Vr as EntityPicker,
|
|
3406
|
+
jr as EntitySearchPanel,
|
|
3407
|
+
Ur as Expandable,
|
|
3408
|
+
Zr as ExpandableChip,
|
|
3409
|
+
Yr as FLIP_AND_STAGE_TIMINGS,
|
|
3410
|
+
qr as FileUpload,
|
|
3411
|
+
Qr as FilterChip,
|
|
3412
|
+
Xr as FilterInput,
|
|
3413
|
+
Jr as FlipAndStageProvider,
|
|
3414
|
+
es as Form,
|
|
3415
|
+
ts as FormDialog,
|
|
3416
|
+
as as FormField,
|
|
3417
|
+
ns as FusedShape,
|
|
3418
|
+
Dt as GhostPreview,
|
|
3419
|
+
rs as GroupCheckbox,
|
|
3420
|
+
ss as GroupRadio,
|
|
3421
|
+
Ha as HARD_CLIP,
|
|
3422
|
+
os as HighlightCard,
|
|
3423
|
+
is as HybridDatePicker,
|
|
3424
|
+
ls as ImportWizard,
|
|
3425
|
+
Jt as InlineNudge,
|
|
3426
|
+
cs as Input,
|
|
3427
|
+
ds as InputAddon,
|
|
3428
|
+
us as InputGroup,
|
|
3429
|
+
ms as Link,
|
|
3430
|
+
gs as LoginForm,
|
|
3431
|
+
ps as MarketPresetRow,
|
|
3432
|
+
fs as MaskPresets,
|
|
3433
|
+
hs as MaskedInput,
|
|
3434
|
+
bs as Menu,
|
|
3435
|
+
vs as MenuDivider,
|
|
3436
|
+
ys as MenuGroup,
|
|
3437
|
+
ws as MenuItem,
|
|
3438
|
+
Ds as MergePrompt,
|
|
3439
|
+
Ns as MetricCard,
|
|
3440
|
+
Cs as MetricCardGrid,
|
|
3441
|
+
Kt as MetricGroupContainer,
|
|
3442
|
+
ks as MiniCalendar,
|
|
3443
|
+
_s as MultiSelect,
|
|
3444
|
+
xs as NumberInput,
|
|
3445
|
+
Ss as ObjectArrow,
|
|
3446
|
+
Ms as OrderFilterBar,
|
|
3447
|
+
ii as PERIOD_OPTIONS,
|
|
3448
|
+
Tt as PageChip,
|
|
3449
|
+
$e as PageDropdown,
|
|
3450
|
+
Ts as PasswordInput,
|
|
3451
|
+
Rs as PaymentForm,
|
|
3452
|
+
Is as PaymentMethodSelect,
|
|
3453
|
+
Ps as PhoneInput,
|
|
3454
|
+
Fs as PinToMetric,
|
|
3455
|
+
sa as PresetSwatchRow,
|
|
3456
|
+
Es as ProfileCard,
|
|
3457
|
+
Os as ProgressCard,
|
|
3458
|
+
As as QuickConfigPanel,
|
|
3459
|
+
At as RECONFIG_BACKSIDE_LABELS,
|
|
3460
|
+
li as ROLLING_OPTIONS,
|
|
3461
|
+
Ls as Radio,
|
|
3462
|
+
$s as RadioGroup,
|
|
3463
|
+
Bs as RangeSlider,
|
|
3464
|
+
zs as Rating,
|
|
3465
|
+
Bt as ReconfigBacksideButtons,
|
|
3466
|
+
Ks as RegistrationForm,
|
|
3467
|
+
xn as ResizeEnvelope,
|
|
3468
|
+
Gs as Row1Controls,
|
|
3469
|
+
Ws as Row2FilterTray,
|
|
3470
|
+
Hs as SearchInput,
|
|
3471
|
+
Tn as SectionDivider,
|
|
3472
|
+
On as SectionDots,
|
|
3473
|
+
Vs as SegmentCard,
|
|
3474
|
+
js as SegmentedControl,
|
|
3475
|
+
Us as Select,
|
|
3476
|
+
Zs as Selectable,
|
|
3477
|
+
Ys as SimpleMetricCard,
|
|
3478
|
+
qs as SimpleSelector,
|
|
3479
|
+
Qs as Skeleton,
|
|
3480
|
+
Xs as SkeletonCard,
|
|
3481
|
+
Js as SkeletonChart,
|
|
3482
|
+
eo as SkeletonTable,
|
|
3483
|
+
to as Slider,
|
|
3484
|
+
Pn as SnapOutline,
|
|
3485
|
+
ao as Sortable,
|
|
3486
|
+
ga as SortableZones,
|
|
3487
|
+
no as SparklineBg,
|
|
3488
|
+
Mn as SpilloverArc,
|
|
3489
|
+
ro as SplitButton,
|
|
3490
|
+
so as StackedGroupCard,
|
|
3491
|
+
oo as StatusModeCard,
|
|
3492
|
+
yt as StatusSlotChipMenu,
|
|
3493
|
+
io as Stepper,
|
|
3494
|
+
Ae as SwingReveal,
|
|
3495
|
+
ci as TODAY_PRESET,
|
|
3496
|
+
te as TUNING_DEFAULTS,
|
|
3497
|
+
Ge as TUNING_STORAGE_KEY,
|
|
3498
|
+
lo as TabGroup,
|
|
3499
|
+
co as TabbedDataView,
|
|
3500
|
+
uo as TagInput,
|
|
3501
|
+
mo as Textarea,
|
|
3502
|
+
aa as ThresholdRamp,
|
|
3503
|
+
go as TimeFrame,
|
|
3504
|
+
po as TimePicker,
|
|
3505
|
+
fo as Toggle,
|
|
3506
|
+
ho as Tooltip,
|
|
3507
|
+
bo as Transition,
|
|
3508
|
+
vo as TransitionGroup,
|
|
3509
|
+
yo as TrendCard,
|
|
3510
|
+
wo as TrendIndicator,
|
|
3511
|
+
ai as UIContext,
|
|
3512
|
+
ke as UIContextProvider,
|
|
3513
|
+
Do as UnifiedBreakdownTable,
|
|
3514
|
+
No as UnifiedContextMenu,
|
|
3515
|
+
Nt as VelocityBuffer,
|
|
3516
|
+
Co as addressGroupMetadata,
|
|
3517
|
+
ko as addressSchema,
|
|
3518
|
+
Ra as allChips,
|
|
3519
|
+
qa as allStateFixtures,
|
|
3520
|
+
Ya as allVariantFixtures,
|
|
3521
|
+
Ea as blockSamples,
|
|
3522
|
+
_o as buildDefaultOverflow,
|
|
3523
|
+
Ba as cardSamples,
|
|
3524
|
+
za as cascadePhysics,
|
|
3525
|
+
La as chartSamples,
|
|
3526
|
+
Aa as circleSamples,
|
|
3527
|
+
Va as colorTokens,
|
|
3528
|
+
yn as compactLayout,
|
|
3529
|
+
ln as compactState,
|
|
3530
|
+
Za as computeGutterAnchorX,
|
|
3531
|
+
xo as contactFormMetadata,
|
|
3532
|
+
So as contactSchema,
|
|
3533
|
+
cn as contextMenuFixtures,
|
|
3534
|
+
Mo as creditCardFormMetadata,
|
|
3535
|
+
To as creditCardSchema,
|
|
3536
|
+
ft as dateChip,
|
|
3537
|
+
Ke as defaultControlBarState,
|
|
3538
|
+
Ro as destructiveModalMetadata,
|
|
3539
|
+
Io as durations,
|
|
3540
|
+
Po as easings,
|
|
3541
|
+
_t as emptyFixture,
|
|
3542
|
+
gt as entityChip,
|
|
3543
|
+
Ft as entityNameActions,
|
|
3544
|
+
Pa as entityTabGroup,
|
|
3545
|
+
kt as errorFixture,
|
|
3546
|
+
on as filteredState,
|
|
3547
|
+
di as findPreset,
|
|
3548
|
+
ui as formatDateRange,
|
|
3549
|
+
mi as formatMarketDates,
|
|
3550
|
+
gi as formatTrend,
|
|
3551
|
+
pi as formatValue,
|
|
3552
|
+
Dn as fullLayout,
|
|
3553
|
+
fi as generateMarketId,
|
|
3554
|
+
Fo as generateTabId,
|
|
3555
|
+
hi as getAllPresets,
|
|
3556
|
+
bi as getDateRangeForPreset,
|
|
3557
|
+
Eo as getMenuActions,
|
|
3558
|
+
ja as getMotionMode,
|
|
3559
|
+
vi as getPresetLabel,
|
|
3560
|
+
Oo as getTransitionStyle,
|
|
3561
|
+
vn as gridCards,
|
|
3562
|
+
Ao as interpolate,
|
|
3563
|
+
yi as isInRange,
|
|
3564
|
+
wi as isMarketActive,
|
|
3565
|
+
Di as isSameDay,
|
|
3566
|
+
sn as itemColumns,
|
|
3567
|
+
nn as itemRows,
|
|
3568
|
+
Ct as loadingFixture,
|
|
3569
|
+
Lo as loginFormMetadata,
|
|
3570
|
+
$o as loginSchema,
|
|
3571
|
+
ht as manufacturerChip,
|
|
3572
|
+
_n as manyTabs,
|
|
3573
|
+
Bo as mergeHandlers,
|
|
3574
|
+
zo as mergeRefs,
|
|
3575
|
+
Ia as metricTabGroup,
|
|
3576
|
+
Cn as mixedTabs,
|
|
3577
|
+
Ni as normalizePresetId,
|
|
3578
|
+
Ot as numericActions,
|
|
3579
|
+
rn as orderColumns,
|
|
3580
|
+
Et as orderIdActions,
|
|
3581
|
+
an as orderRows,
|
|
3582
|
+
Nn as ordersTabs,
|
|
3583
|
+
Ko as parseNumericValue,
|
|
3584
|
+
Go as paymentFormMetadata,
|
|
3585
|
+
Wo as paymentSchema,
|
|
3586
|
+
Ho as presets,
|
|
3587
|
+
Ga as provisional,
|
|
3588
|
+
Wa as reducedMotion,
|
|
3589
|
+
Vo as registrationFormMetadata,
|
|
3590
|
+
jo as registrationSchema,
|
|
3591
|
+
Ka as rejectionFeedback,
|
|
3592
|
+
un as sampleCompareRanges,
|
|
3593
|
+
pn as sampleCustomMarkets,
|
|
3594
|
+
dn as sampleDateRange,
|
|
3595
|
+
fn as sampleMarketPresetData,
|
|
3596
|
+
gn as sampleMarkets,
|
|
3597
|
+
bn as samplePeriodPresets,
|
|
3598
|
+
mn as samplePreferences,
|
|
3599
|
+
hn as samplePresets,
|
|
3600
|
+
kn as singleTab,
|
|
3601
|
+
Qa as sparklineFixture,
|
|
3602
|
+
Xa as sparklineUpFixture,
|
|
3603
|
+
Mt as staleDonutFixture,
|
|
3604
|
+
xt as staleFixture,
|
|
3605
|
+
St as staleSparklineFixture,
|
|
3606
|
+
Ja as standardFixture,
|
|
3607
|
+
tn as standardFlatFixture,
|
|
3608
|
+
wn as standardLayout,
|
|
3609
|
+
en as standardNegativeFixture,
|
|
3610
|
+
pt as statusChip,
|
|
3611
|
+
re as swingReveal,
|
|
3612
|
+
$a as tableSamples,
|
|
3613
|
+
Oa as textSamples,
|
|
3614
|
+
Fa as timeFrameTabGroup,
|
|
3615
|
+
Ci as toUppercasePresetId,
|
|
3616
|
+
Ta as useArrowNavigation,
|
|
3617
|
+
Uo as useCheckboxGroupContext,
|
|
3618
|
+
Ua as useEdgeHoverResize,
|
|
3619
|
+
Zo as useFilterLayout,
|
|
3620
|
+
Yo as useFlipAndStage,
|
|
3621
|
+
qo as useFlipAndStageContext,
|
|
3622
|
+
Qo as useFlipAndStageContextOptional,
|
|
3623
|
+
Ma as useFocusReturn,
|
|
3624
|
+
Xo as useFocusTrap,
|
|
3625
|
+
Jo as useFormContext,
|
|
3626
|
+
ei as useRadioGroupContext,
|
|
3627
|
+
Ht as useResizeTuning,
|
|
3628
|
+
la as useSortableZones,
|
|
3629
|
+
ni as useUIContext
|
|
3619
3630
|
};
|