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