@mt-gloss/ui 0.1.7 → 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/index.js +919 -841
- 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/index.d.ts +3 -0
- package/package.json +1 -1
- package/ui.css +1 -1
package/index.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { N as
|
|
2
|
-
import { jsxs as A, jsx as d } from "react/jsx-runtime";
|
|
3
|
-
import * as
|
|
4
|
-
import H, { useRef 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
|
|
17
|
-
const { enabled: t = !0, returnTo: n } = e, a =
|
|
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
|
+
import * as Ze from "react";
|
|
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
|
+
const { enabled: t = !0, returnTo: n } = e, a = I(null);
|
|
18
18
|
return L(() => {
|
|
19
19
|
t && (a.current = n || document.activeElement);
|
|
20
20
|
}, [t, n]), L(() => () => {
|
|
@@ -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 k = w +
|
|
50
|
-
return r ? k = (k +
|
|
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
|
-
|
|
63
|
+
const l = S(u, -1);
|
|
64
|
+
l !== -1 && c(l);
|
|
65
65
|
}, [u, S, c]), _ = y(() => {
|
|
66
66
|
c(-1);
|
|
67
67
|
}, [c]), T = y(
|
|
68
|
-
(
|
|
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
75
|
if (w || M) {
|
|
76
|
-
|
|
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,11 +102,11 @@ 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 {
|
|
@@ -115,19 +115,19 @@ function Ca(e) {
|
|
|
115
115
|
handleKeyDown: T,
|
|
116
116
|
focusFirst: f,
|
|
117
117
|
focusLast: x,
|
|
118
|
-
focusNext:
|
|
118
|
+
focusNext: R,
|
|
119
119
|
focusPrevious: N,
|
|
120
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
|
-
},
|
|
149
|
-
it,
|
|
148
|
+
}, _a = [
|
|
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" },
|
|
@@ -172,12 +172,12 @@ const ce = (e) => {
|
|
|
172
172
|
{ id: "YTD", label: "YTD" },
|
|
173
173
|
{ id: "LYTD", label: "LYTD" }
|
|
174
174
|
]
|
|
175
|
-
},
|
|
175
|
+
}, Ta = [
|
|
176
176
|
{ variant: "block", width: "100%", height: 16 },
|
|
177
177
|
{ variant: "block", width: 200, height: 32, borderRadius: 8 },
|
|
178
178
|
{ variant: "block", width: "80%", height: 12, borderRadius: "4px" },
|
|
179
179
|
{ variant: "block", width: 120, height: 44, borderRadius: 22 }
|
|
180
|
-
],
|
|
180
|
+
], 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 }
|
|
@@ -185,17 +185,17 @@ const ce = (e) => {
|
|
|
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 = Ze(
|
|
|
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 Ie = {
|
|
|
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,18 +442,18 @@ 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 =
|
|
456
|
+
const w = Xe(0), k = I(null), M = y(() => {
|
|
457
457
|
const D = k.current;
|
|
458
458
|
if (D) {
|
|
459
459
|
try {
|
|
@@ -468,27 +468,27 @@ function Ea({
|
|
|
468
468
|
return D * P + (D - 1) * F;
|
|
469
469
|
},
|
|
470
470
|
[]
|
|
471
|
-
), G =
|
|
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
477
|
}, []), j = y(() => {
|
|
478
|
-
|
|
478
|
+
R.current && (clearTimeout(R.current), R.current = null);
|
|
479
479
|
}, []);
|
|
480
480
|
L(() => {
|
|
481
|
-
u && (
|
|
481
|
+
u && (g.current === "dragging" || g.current === "settling" || (O(), j(), g.current = "idle", p("idle")));
|
|
482
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
488
|
(D, P, F) => {
|
|
489
489
|
const B = _.current, Q = B * $.snapInFraction, Z = B * $.snapOutFraction, Y = P - F, q = Math.max(
|
|
490
490
|
F,
|
|
491
|
-
|
|
491
|
+
l.current ?? v
|
|
492
492
|
);
|
|
493
493
|
let z = Y;
|
|
494
494
|
for (; F + z < q; ) {
|
|
@@ -507,111 +507,111 @@ function Ea({
|
|
|
507
507
|
[$.snapInFraction, $.snapOutFraction, v]
|
|
508
508
|
), Ke = y(
|
|
509
509
|
(D) => {
|
|
510
|
-
if (
|
|
511
|
-
M(), N.current = D.clientX, _.current = r, T.current = s,
|
|
510
|
+
if (g.current !== "handle-visible") return;
|
|
511
|
+
M(), N.current = D.clientX, _.current = r, T.current = s, l.current = v;
|
|
512
512
|
const P = e * r + (e - 1) * s;
|
|
513
|
-
|
|
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
515
|
[r, s, v, e, w, M]
|
|
516
|
-
),
|
|
516
|
+
), Ne = y(
|
|
517
517
|
(D) => D * _.current + (D - 1) * T.current,
|
|
518
518
|
[]
|
|
519
519
|
), ie = y(
|
|
520
520
|
(D, P) => {
|
|
521
|
-
const F =
|
|
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(F), B && P ? n({ direction: P, targetColSpan: D, mode: t ? "slot-fill" : "sparkline-fidelity" }) : B || a?.(), w.jump(0),
|
|
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
526
|
const Z = G.current.getWeightedVelocity() * $.velocityMultiplier;
|
|
527
|
-
|
|
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
532
|
velocity: Z,
|
|
533
533
|
onComplete: () => {
|
|
534
|
-
k.current = null, B && P ? n({ direction: P, targetColSpan: D, mode: t ? "slot-fill" : "sparkline-fidelity" }) : B || a?.(), w.jump(0),
|
|
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 P = D.clientX - (N.current ?? D.clientX), F = _.current, Q = ((
|
|
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
544
|
const q = oe(Y, V.current, e), z = q > e ? "grow" : q < e ? "shrink" : null;
|
|
545
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
555
|
const F = G.current.getWeightedVelocity();
|
|
556
|
-
|
|
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
561
|
velocity: F,
|
|
562
562
|
onComplete: () => {
|
|
563
|
-
k.current = null, a?.(), w.jump(0),
|
|
563
|
+
k.current = null, a?.(), w.jump(0), g.current = "idle", p("idle");
|
|
564
564
|
}
|
|
565
565
|
});
|
|
566
566
|
return;
|
|
567
567
|
}
|
|
568
|
-
|
|
568
|
+
g.current === "handle-visible" && (a?.(), g.current = "cancelled", p("cancelled"));
|
|
569
569
|
}, [O, w, a, $, M]);
|
|
570
570
|
L(() => {
|
|
571
571
|
if (c !== "dragging" && c !== "handle-visible") return;
|
|
572
572
|
const D = (P) => {
|
|
573
|
-
P.key === "Escape" &&
|
|
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
581
|
const D = (P) => {
|
|
582
|
-
const F = P.clientX - (N.current ?? P.clientX), B =
|
|
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 z = _.current,
|
|
584
|
+
const z = _.current, ke = (v - e) * z, te = (1 - e) * z, je = Math.max(te, Math.min(ke, F));
|
|
585
585
|
G.current.push({ x: P.clientX, t: performance.now() });
|
|
586
|
-
const
|
|
587
|
-
|
|
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
591
|
O(), j();
|
|
592
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 (
|
|
599
|
+
if (g.current === "settling") return;
|
|
600
600
|
const F = Math.min(v, Math.max(1, e + (D === "grow" ? 1 : -1)));
|
|
601
601
|
if (F === e) return;
|
|
602
|
-
_.current = r, T.current = s,
|
|
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
|
-
j(),
|
|
609
|
-
|
|
607
|
+
), Ce = y(() => {
|
|
608
|
+
j(), R.current = setTimeout(() => {
|
|
609
|
+
g.current === "handle-visible" && (g.current = "idle", p("idle"));
|
|
610
610
|
}, 5e3);
|
|
611
611
|
}, [j]), He = y(() => {
|
|
612
|
-
|
|
613
|
-
}, [O,
|
|
614
|
-
j(),
|
|
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
615
|
}, [j]);
|
|
616
616
|
return {
|
|
617
617
|
state: c,
|
|
@@ -630,13 +630,13 @@ function Ea({
|
|
|
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,
|
|
@@ -889,21 +889,21 @@ const Aa = [
|
|
|
889
889
|
19
|
|
890
890
|
],
|
|
891
891
|
accentColor: "#10b981"
|
|
892
|
-
},
|
|
892
|
+
}, Ka = {
|
|
893
893
|
variant: "standard",
|
|
894
894
|
label: "Total Revenue",
|
|
895
895
|
value: 125430,
|
|
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,
|
|
@@ -919,25 +919,25 @@ function Pe({
|
|
|
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 Pe({
|
|
|
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",
|
|
@@ -1007,17 +1007,17 @@ function Pe({
|
|
|
1007
1007
|
);
|
|
1008
1008
|
}
|
|
1009
1009
|
Pe.displayName = "PageDropdown";
|
|
1010
|
-
const
|
|
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: [
|
|
@@ -1054,9 +1054,9 @@ const Ct = function({
|
|
|
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,7 +1336,7 @@ 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
1342
|
function Fe(e) {
|
|
@@ -1345,7 +1345,7 @@ function Fe(e) {
|
|
|
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",
|
|
@@ -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",
|
|
@@ -1397,7 +1397,7 @@ const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1397
1397
|
cellClassName: "gloss-tabular-nums",
|
|
1398
1398
|
renderCell: ({ row: e }) => e.date ? Ee(e.date) : ""
|
|
1399
1399
|
}
|
|
1400
|
-
],
|
|
1400
|
+
], Ua = [
|
|
1401
1401
|
{
|
|
1402
1402
|
field: "sku",
|
|
1403
1403
|
headerName: "Item ID",
|
|
@@ -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",
|
|
@@ -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",
|
|
@@ -1461,21 +1461,21 @@ const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1461
1461
|
cellClassName: "gloss-tabular-nums",
|
|
1462
1462
|
renderCell: ({ row: e }) => e.lastDate ? Ee(e.lastDate) : ""
|
|
1463
1463
|
}
|
|
1464
|
-
],
|
|
1464
|
+
], _t = [
|
|
1465
1465
|
{ id: "c-001", label: "ABC Home Goods" },
|
|
1466
1466
|
{ id: "c-002", label: "Riverside Retail" },
|
|
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,16 +1484,16 @@ 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
|
-
entityFilterOptions:
|
|
1495
|
-
itemFilterOptions:
|
|
1496
|
-
},
|
|
1494
|
+
entityFilterOptions: _t,
|
|
1495
|
+
itemFilterOptions: xt
|
|
1496
|
+
}, Za = {
|
|
1497
1497
|
...Oe,
|
|
1498
1498
|
vizState: {
|
|
1499
1499
|
type: "items",
|
|
@@ -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",
|
|
@@ -1561,7 +1561,7 @@ const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1561
1561
|
routeKey: "customer.profile",
|
|
1562
1562
|
subtitle: "Opens in RepTime"
|
|
1563
1563
|
}
|
|
1564
|
-
],
|
|
1564
|
+
], Tt = [
|
|
1565
1565
|
{
|
|
1566
1566
|
id: "order-items",
|
|
1567
1567
|
label: "Items in Order",
|
|
@@ -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:
|
|
1623
|
-
orderId:
|
|
1624
|
-
numeric:
|
|
1625
|
-
},
|
|
1621
|
+
], qa = {
|
|
1622
|
+
entityName: Mt,
|
|
1623
|
+
orderId: Tt,
|
|
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,12 +1702,12 @@ 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" },
|
|
@@ -1719,18 +1719,18 @@ const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
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
|
-
function
|
|
1733
|
+
function Ft() {
|
|
1734
1734
|
const [e, t] = W(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
|
|
1735
1735
|
return L(() => {
|
|
1736
1736
|
if (typeof window > "u" || typeof window.matchMedia != "function") return;
|
|
@@ -1740,29 +1740,29 @@ function Pt() {
|
|
|
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 =
|
|
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 Ft = ({
|
|
|
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 Ft = ({
|
|
|
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 Ft = ({
|
|
|
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,7 +1812,7 @@ const Ft = ({
|
|
|
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"
|
|
@@ -1827,7 +1827,7 @@ const Ft = ({
|
|
|
1827
1827
|
}
|
|
1828
1828
|
);
|
|
1829
1829
|
};
|
|
1830
|
-
|
|
1830
|
+
Et.displayName = "ReconfigBacksideButtons";
|
|
1831
1831
|
function U(e, t) {
|
|
1832
1832
|
return {
|
|
1833
1833
|
id: e,
|
|
@@ -1848,38 +1848,38 @@ function U(e, t) {
|
|
|
1848
1848
|
}, t)
|
|
1849
1849
|
};
|
|
1850
1850
|
}
|
|
1851
|
-
function
|
|
1851
|
+
function Te(e, t) {
|
|
1852
1852
|
return {
|
|
1853
1853
|
...U(e, t),
|
|
1854
1854
|
colSpan: 2
|
|
1855
1855
|
};
|
|
1856
1856
|
}
|
|
1857
|
-
const
|
|
1857
|
+
const sn = [
|
|
1858
1858
|
U("total-revenue", "Total Revenue"),
|
|
1859
1859
|
U("total-orders", "Total Orders"),
|
|
1860
|
-
|
|
1860
|
+
Te("revenue-trend", "Revenue Trend (2x)"),
|
|
1861
1861
|
U("avg-order", "Avg Order Value"),
|
|
1862
1862
|
U("new-customers", "New Customers"),
|
|
1863
1863
|
U("top-salesperson", "Top Salesperson"),
|
|
1864
|
-
|
|
1864
|
+
Te("order-trend", "Order Trend (2x)"),
|
|
1865
1865
|
U("repeat-rate", "Repeat Rate"),
|
|
1866
1866
|
U("open-orders", "Open Orders"),
|
|
1867
1867
|
U("shipped-orders", "Shipped Orders")
|
|
1868
|
-
],
|
|
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 },
|
|
@@ -2122,10 +2122,10 @@ const Bt = [
|
|
|
2122
2122
|
{ key: "blueprintFadeOutMs", label: "Blueprint fade out", unit: "ms", min: 60, max: 400, step: 10 },
|
|
2123
2123
|
{ key: "velocityMultiplier", label: "Velocity multiplier", unit: "×", min: 0, max: 2, step: 0.05 }
|
|
2124
2124
|
];
|
|
2125
|
-
function
|
|
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 Kt() {
|
|
|
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());
|
|
@@ -2161,7 +2161,7 @@ function Wt({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
|
|
|
2161
2161
|
children: [
|
|
2162
2162
|
/* @__PURE__ */ d("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
|
|
2163
2163
|
/* @__PURE__ */ A("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
|
|
2164
|
-
|
|
2164
|
+
Kt(t, e.step),
|
|
2165
2165
|
e.unit ? ` ${e.unit}` : ""
|
|
2166
2166
|
] }),
|
|
2167
2167
|
/* @__PURE__ */ d(
|
|
@@ -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,36 +2335,40 @@ 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
|
}
|
|
2363
|
-
function
|
|
2367
|
+
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,
|
|
@@ -2384,7 +2388,7 @@ function fn({
|
|
|
2384
2388
|
{
|
|
2385
2389
|
"data-arc-id": s.id,
|
|
2386
2390
|
className: "gloss-spillover-arc__path",
|
|
2387
|
-
d:
|
|
2391
|
+
d: Ut(s.fromX, s.fromY, s.toX, s.toY),
|
|
2388
2392
|
style: {
|
|
2389
2393
|
animationDelay: `${o * n}ms`,
|
|
2390
2394
|
animationDuration: `${t}ms`
|
|
@@ -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,30 +2451,101 @@ function bn({
|
|
|
2447
2451
|
}
|
|
2448
2452
|
) : null;
|
|
2449
2453
|
}
|
|
2450
|
-
|
|
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 = {
|
|
2451
2526
|
forwardStaggerMs: 50,
|
|
2452
2527
|
reverseStaggerMs: 30,
|
|
2453
2528
|
springStiffness: 380,
|
|
2454
2529
|
springDamping: 32,
|
|
2455
2530
|
reverseVelocityMultiplier: 1.4
|
|
2456
|
-
},
|
|
2531
|
+
}, Cn = {
|
|
2457
2532
|
enterDurationMs: 220,
|
|
2458
2533
|
exitDurationMs: 140,
|
|
2459
2534
|
enterEasing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
|
|
2460
2535
|
exitEasing: "cubic-bezier(0.4, 0, 1, 1)",
|
|
2461
2536
|
translateOffsetPx: 4
|
|
2462
|
-
},
|
|
2537
|
+
}, kn = {
|
|
2463
2538
|
shiverCycles: 3,
|
|
2464
2539
|
shiverAmplitudePx: 2,
|
|
2465
2540
|
shiverDurationMs: 180,
|
|
2466
2541
|
validCellOpacity: 0.6
|
|
2467
|
-
},
|
|
2542
|
+
}, _n = {
|
|
2468
2543
|
materializeMs: 180,
|
|
2469
2544
|
dematerializeMs: 140,
|
|
2470
2545
|
easing: "cubic-bezier(0.22, 1, 0.36, 1)",
|
|
2471
2546
|
dotStrokePx: 2,
|
|
2472
2547
|
dividerDashGapPx: 4
|
|
2473
|
-
},
|
|
2548
|
+
}, xn = {
|
|
2474
2549
|
cascadeStaggerMs: 0,
|
|
2475
2550
|
cascadeSpringCapMs: 120,
|
|
2476
2551
|
swingEnterMs: 100,
|
|
@@ -2479,7 +2554,7 @@ const vn = {
|
|
|
2479
2554
|
provisionalStyle: "opacity",
|
|
2480
2555
|
shiverMs: 200,
|
|
2481
2556
|
shiverStyle: "color-flash"
|
|
2482
|
-
},
|
|
2557
|
+
}, Sn = !0, Mn = {
|
|
2483
2558
|
rejectionFill: "var(--gloss-rejection-fill)",
|
|
2484
2559
|
rejectionStroke: "var(--gloss-rejection-stroke)",
|
|
2485
2560
|
validFill: "var(--gloss-valid-fill)",
|
|
@@ -2487,7 +2562,7 @@ const vn = {
|
|
|
2487
2562
|
validCellStroke: "var(--gloss-valid-cell-stroke)",
|
|
2488
2563
|
provisionalWash: "var(--gloss-provisional-wash)"
|
|
2489
2564
|
};
|
|
2490
|
-
function
|
|
2565
|
+
function Tn() {
|
|
2491
2566
|
if (typeof window > "u") return "full";
|
|
2492
2567
|
try {
|
|
2493
2568
|
return window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "reduced" : "full";
|
|
@@ -2503,14 +2578,14 @@ const X = {
|
|
|
2503
2578
|
"gloss-inline-nudge__btn--action": "_gloss-inline-nudge__btn--action_kdk88_88",
|
|
2504
2579
|
"gloss-inline-nudge__btn--dismiss": "_gloss-inline-nudge__btn--dismiss_kdk88_96"
|
|
2505
2580
|
};
|
|
2506
|
-
function
|
|
2581
|
+
function Zt({
|
|
2507
2582
|
message: e,
|
|
2508
2583
|
primaryAction: t,
|
|
2509
2584
|
onDismiss: n,
|
|
2510
2585
|
anchorEl: a,
|
|
2511
2586
|
anchorSelector: r
|
|
2512
2587
|
}) {
|
|
2513
|
-
const [s, o] = H.useState(null),
|
|
2588
|
+
const [s, o] = H.useState(null), i = H.useMemo(
|
|
2514
2589
|
() => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1,
|
|
2515
2590
|
[]
|
|
2516
2591
|
);
|
|
@@ -2519,24 +2594,24 @@ function Ut({
|
|
|
2519
2594
|
"[InlineNudge] requires anchorEl or anchorSelector. AP-07: Do not mount InlineNudge in Layout/** or _app.tsx."
|
|
2520
2595
|
);
|
|
2521
2596
|
}, [a, r]), H.useLayoutEffect(() => {
|
|
2522
|
-
let
|
|
2523
|
-
if (a ?
|
|
2524
|
-
const v =
|
|
2597
|
+
let m = null;
|
|
2598
|
+
if (a ? m = a : r && (m = document.querySelector(r)), m) {
|
|
2599
|
+
const v = m.getBoundingClientRect();
|
|
2525
2600
|
o({
|
|
2526
2601
|
top: v.bottom + window.scrollY + 6,
|
|
2527
2602
|
left: v.left + window.scrollX
|
|
2528
2603
|
});
|
|
2529
2604
|
}
|
|
2530
2605
|
}, [a, r]);
|
|
2531
|
-
const
|
|
2606
|
+
const h = s ? { top: s.top, left: s.left } : {};
|
|
2532
2607
|
return /* @__PURE__ */ A(
|
|
2533
2608
|
"div",
|
|
2534
2609
|
{
|
|
2535
2610
|
className: X["gloss-inline-nudge"],
|
|
2536
|
-
style:
|
|
2611
|
+
style: h,
|
|
2537
2612
|
role: "status",
|
|
2538
2613
|
"aria-live": "polite",
|
|
2539
|
-
"data-reduced-motion":
|
|
2614
|
+
"data-reduced-motion": i ? "true" : void 0,
|
|
2540
2615
|
children: [
|
|
2541
2616
|
/* @__PURE__ */ d("span", { className: X["gloss-inline-nudge__message"], children: e }),
|
|
2542
2617
|
/* @__PURE__ */ A("div", { className: X["gloss-inline-nudge__actions"], children: [
|
|
@@ -2564,25 +2639,25 @@ function Ut({
|
|
|
2564
2639
|
}
|
|
2565
2640
|
);
|
|
2566
2641
|
}
|
|
2567
|
-
|
|
2568
|
-
function
|
|
2642
|
+
Zt.displayName = "InlineNudge";
|
|
2643
|
+
function ye(e) {
|
|
2569
2644
|
return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
|
|
2570
2645
|
}
|
|
2571
|
-
function
|
|
2646
|
+
function Yt(e, t, n) {
|
|
2572
2647
|
if (n <= t) {
|
|
2573
|
-
const o = e[0],
|
|
2574
|
-
return `linear-gradient(to right, ${
|
|
2648
|
+
const o = e[0], i = o ? ye(o) : "#888";
|
|
2649
|
+
return `linear-gradient(to right, ${i}, ${i})`;
|
|
2575
2650
|
}
|
|
2576
|
-
const a = n - t, s = [...e].sort((o,
|
|
2577
|
-
const
|
|
2578
|
-
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)}%`;
|
|
2579
2654
|
});
|
|
2580
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(", ")})`;
|
|
2581
2656
|
}
|
|
2582
|
-
function
|
|
2657
|
+
function qt(e) {
|
|
2583
2658
|
return e.map((t) => `${t.id}:${t.value}`).join("|");
|
|
2584
2659
|
}
|
|
2585
|
-
function
|
|
2660
|
+
function Qt({
|
|
2586
2661
|
stops: e,
|
|
2587
2662
|
onChange: t,
|
|
2588
2663
|
min: n = 0,
|
|
@@ -2592,20 +2667,20 @@ function qt({
|
|
|
2592
2667
|
}) {
|
|
2593
2668
|
const o = r === void 0 ? 0.01 : !Number.isFinite(r) || r <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
|
|
2594
2669
|
`ThresholdRamp: step (${r}) must be a positive finite number; falling back to 0.01.`
|
|
2595
|
-
), 0.01) : r,
|
|
2596
|
-
(
|
|
2670
|
+
), 0.01) : r, i = y(
|
|
2671
|
+
(l) => Math.round(l / o) * o,
|
|
2597
2672
|
[o]
|
|
2598
|
-
),
|
|
2673
|
+
), h = I(null), [m, v] = W(null), [C, u] = W(e), c = qt(e), p = I(c);
|
|
2599
2674
|
L(() => {
|
|
2600
|
-
|
|
2601
|
-
}, [c, e,
|
|
2602
|
-
const S = re(() =>
|
|
2603
|
-
(
|
|
2604
|
-
if (!
|
|
2605
|
-
const
|
|
2606
|
-
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);
|
|
2607
2682
|
},
|
|
2608
|
-
[n, a,
|
|
2683
|
+
[n, a, i]
|
|
2609
2684
|
);
|
|
2610
2685
|
L(() => {
|
|
2611
2686
|
a <= n && process.env.NODE_ENV !== "production" && console.warn(
|
|
@@ -2613,46 +2688,46 @@ function qt({
|
|
|
2613
2688
|
);
|
|
2614
2689
|
}, [n, a]);
|
|
2615
2690
|
const x = y(
|
|
2616
|
-
(
|
|
2617
|
-
const
|
|
2618
|
-
s ||
|
|
2691
|
+
(l, b) => {
|
|
2692
|
+
const g = C.find((w) => w.id === b);
|
|
2693
|
+
s || g?.disabled || (l.preventDefault(), v(b));
|
|
2619
2694
|
},
|
|
2620
2695
|
[s, C]
|
|
2621
|
-
),
|
|
2622
|
-
|
|
2623
|
-
const N =
|
|
2696
|
+
), R = I(C);
|
|
2697
|
+
R.current = C;
|
|
2698
|
+
const N = I(t);
|
|
2624
2699
|
N.current = t, L(() => {
|
|
2625
|
-
if (!
|
|
2626
|
-
const
|
|
2627
|
-
const w = f(
|
|
2700
|
+
if (!m) return;
|
|
2701
|
+
const l = (g) => {
|
|
2702
|
+
const w = f(g.clientX);
|
|
2628
2703
|
u(
|
|
2629
|
-
(k) => k.map((M) => M.id ===
|
|
2704
|
+
(k) => k.map((M) => M.id === m ? { ...M, value: w } : M)
|
|
2630
2705
|
);
|
|
2631
|
-
},
|
|
2632
|
-
const w = f(
|
|
2633
|
-
(M) => M.id ===
|
|
2706
|
+
}, b = (g) => {
|
|
2707
|
+
const w = f(g.clientX), k = R.current.map(
|
|
2708
|
+
(M) => M.id === m ? { ...M, value: w } : M
|
|
2634
2709
|
);
|
|
2635
2710
|
u(k), v(null), N.current(k);
|
|
2636
2711
|
};
|
|
2637
|
-
return window.addEventListener("pointermove",
|
|
2638
|
-
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);
|
|
2639
2714
|
};
|
|
2640
|
-
}, [
|
|
2715
|
+
}, [m, f]);
|
|
2641
2716
|
const _ = a - n > 0 ? a - n : 1, T = y(
|
|
2642
|
-
(
|
|
2643
|
-
if (s ||
|
|
2644
|
-
const
|
|
2645
|
-
if (
|
|
2646
|
-
const w =
|
|
2647
|
-
let k =
|
|
2648
|
-
switch (
|
|
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) {
|
|
2649
2724
|
case "ArrowRight":
|
|
2650
2725
|
case "ArrowUp":
|
|
2651
|
-
k =
|
|
2726
|
+
k = b.value + w;
|
|
2652
2727
|
break;
|
|
2653
2728
|
case "ArrowLeft":
|
|
2654
2729
|
case "ArrowDown":
|
|
2655
|
-
k =
|
|
2730
|
+
k = b.value - w;
|
|
2656
2731
|
break;
|
|
2657
2732
|
case "Home":
|
|
2658
2733
|
k = n;
|
|
@@ -2663,68 +2738,68 @@ function qt({
|
|
|
2663
2738
|
default:
|
|
2664
2739
|
return;
|
|
2665
2740
|
}
|
|
2666
|
-
|
|
2667
|
-
const M = Math.max(n, Math.min(a, k)), E =
|
|
2668
|
-
if (E ===
|
|
2741
|
+
l.preventDefault();
|
|
2742
|
+
const M = Math.max(n, Math.min(a, k)), E = i(M);
|
|
2743
|
+
if (E === b.value) return;
|
|
2669
2744
|
const G = C.map(
|
|
2670
|
-
(V) => V.id ===
|
|
2745
|
+
(V) => V.id === b.id ? { ...V, value: E } : V
|
|
2671
2746
|
);
|
|
2672
2747
|
u(G), t(G);
|
|
2673
2748
|
},
|
|
2674
|
-
[s, n, a, C, t,
|
|
2749
|
+
[s, n, a, C, t, i]
|
|
2675
2750
|
);
|
|
2676
2751
|
return /* @__PURE__ */ d("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ d(
|
|
2677
2752
|
"div",
|
|
2678
2753
|
{
|
|
2679
|
-
ref:
|
|
2754
|
+
ref: h,
|
|
2680
2755
|
className: "gloss-threshold-ramp__track",
|
|
2681
2756
|
style: { background: S },
|
|
2682
|
-
children: C.map((
|
|
2683
|
-
const
|
|
2757
|
+
children: C.map((l) => {
|
|
2758
|
+
const b = (l.value - n) / _ * 100;
|
|
2684
2759
|
return /* @__PURE__ */ d(
|
|
2685
2760
|
"span",
|
|
2686
2761
|
{
|
|
2687
2762
|
className: "gloss-threshold-ramp__stop",
|
|
2688
2763
|
style: {
|
|
2689
|
-
left: `${
|
|
2690
|
-
color:
|
|
2764
|
+
left: `${b}%`,
|
|
2765
|
+
color: ye(l)
|
|
2691
2766
|
},
|
|
2692
|
-
"data-disabled":
|
|
2693
|
-
"data-dragging":
|
|
2694
|
-
onPointerDown: (
|
|
2695
|
-
onKeyDown: (
|
|
2696
|
-
"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}`,
|
|
2697
2772
|
role: "slider",
|
|
2698
|
-
"aria-valuenow":
|
|
2773
|
+
"aria-valuenow": l.value,
|
|
2699
2774
|
"aria-valuemin": n,
|
|
2700
2775
|
"aria-valuemax": a,
|
|
2701
|
-
"aria-disabled":
|
|
2702
|
-
tabIndex:
|
|
2776
|
+
"aria-disabled": l.disabled || s || void 0,
|
|
2777
|
+
tabIndex: l.disabled || s ? -1 : 0
|
|
2703
2778
|
},
|
|
2704
|
-
|
|
2779
|
+
l.id
|
|
2705
2780
|
);
|
|
2706
2781
|
})
|
|
2707
2782
|
}
|
|
2708
2783
|
) });
|
|
2709
2784
|
}
|
|
2710
|
-
|
|
2711
|
-
const Le =
|
|
2712
|
-
function
|
|
2713
|
-
return
|
|
2785
|
+
Qt.displayName = "ThresholdRamp";
|
|
2786
|
+
const Le = qe(null);
|
|
2787
|
+
function Xt() {
|
|
2788
|
+
return Qe(Le);
|
|
2714
2789
|
}
|
|
2715
|
-
function
|
|
2716
|
-
const t =
|
|
2790
|
+
function Jt({ option: e }) {
|
|
2791
|
+
const t = Xt(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, r = y(() => {
|
|
2717
2792
|
a || t?.select(e.value);
|
|
2718
2793
|
}, [a, t, e.value]), s = y(
|
|
2719
|
-
(
|
|
2720
|
-
a || t?.onKeyNav(
|
|
2794
|
+
(m) => {
|
|
2795
|
+
a || t?.onKeyNav(m, e.value);
|
|
2721
2796
|
},
|
|
2722
2797
|
[a, t, e.value]
|
|
2723
|
-
), 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;
|
|
2724
2799
|
return /* @__PURE__ */ d(
|
|
2725
2800
|
"button",
|
|
2726
2801
|
{
|
|
2727
|
-
ref: (
|
|
2802
|
+
ref: (m) => t?.registerRef(e.value, m),
|
|
2728
2803
|
type: "button",
|
|
2729
2804
|
role: "radio",
|
|
2730
2805
|
"aria-checked": n,
|
|
@@ -2736,13 +2811,13 @@ function Xt({ option: e }) {
|
|
|
2736
2811
|
"aria-label": e.label ?? e.value,
|
|
2737
2812
|
"aria-disabled": a,
|
|
2738
2813
|
disabled: a,
|
|
2739
|
-
tabIndex:
|
|
2814
|
+
tabIndex: h,
|
|
2740
2815
|
onClick: r,
|
|
2741
2816
|
onKeyDown: s
|
|
2742
2817
|
}
|
|
2743
2818
|
);
|
|
2744
2819
|
}
|
|
2745
|
-
function
|
|
2820
|
+
function ea({
|
|
2746
2821
|
swatches: e,
|
|
2747
2822
|
value: t,
|
|
2748
2823
|
defaultValue: n,
|
|
@@ -2750,17 +2825,17 @@ function Jt({
|
|
|
2750
2825
|
disabled: r = !1,
|
|
2751
2826
|
name: s
|
|
2752
2827
|
}) {
|
|
2753
|
-
const o = t !== void 0, [
|
|
2828
|
+
const o = t !== void 0, [i, h] = W(n), m = o ? t : i, v = y(
|
|
2754
2829
|
(N) => {
|
|
2755
|
-
o ||
|
|
2830
|
+
o || h(N), a?.(N);
|
|
2756
2831
|
},
|
|
2757
2832
|
[o, a]
|
|
2758
2833
|
), C = y(
|
|
2759
|
-
(N) =>
|
|
2760
|
-
[
|
|
2761
|
-
), u =
|
|
2834
|
+
(N) => m === N,
|
|
2835
|
+
[m]
|
|
2836
|
+
), u = I(/* @__PURE__ */ new Map()), c = y((N, _) => {
|
|
2762
2837
|
_ ? u.current.set(N, _) : u.current.delete(N);
|
|
2763
|
-
}, []),
|
|
2838
|
+
}, []), p = e.filter((N) => !N.disabled && !r), S = p.find((N) => N.value === m)?.value ?? p[0]?.value, f = y((N) => {
|
|
2764
2839
|
const _ = u.current.get(N);
|
|
2765
2840
|
_ && _.focus();
|
|
2766
2841
|
}, []), x = y(
|
|
@@ -2768,23 +2843,23 @@ function Jt({
|
|
|
2768
2843
|
if (r) return;
|
|
2769
2844
|
const T = e.filter((w) => !w.disabled);
|
|
2770
2845
|
if (T.length === 0) return;
|
|
2771
|
-
const
|
|
2772
|
-
if (
|
|
2773
|
-
let
|
|
2846
|
+
const l = T.findIndex((w) => w.value === _);
|
|
2847
|
+
if (l === -1) return;
|
|
2848
|
+
let b = l;
|
|
2774
2849
|
switch (N.key) {
|
|
2775
2850
|
case "ArrowRight":
|
|
2776
2851
|
case "ArrowDown":
|
|
2777
|
-
|
|
2852
|
+
b = (l + 1) % T.length;
|
|
2778
2853
|
break;
|
|
2779
2854
|
case "ArrowLeft":
|
|
2780
2855
|
case "ArrowUp":
|
|
2781
|
-
|
|
2856
|
+
b = (l - 1 + T.length) % T.length;
|
|
2782
2857
|
break;
|
|
2783
2858
|
case "Home":
|
|
2784
|
-
|
|
2859
|
+
b = 0;
|
|
2785
2860
|
break;
|
|
2786
2861
|
case "End":
|
|
2787
|
-
|
|
2862
|
+
b = T.length - 1;
|
|
2788
2863
|
break;
|
|
2789
2864
|
case " ":
|
|
2790
2865
|
case "Enter":
|
|
@@ -2794,12 +2869,12 @@ function Jt({
|
|
|
2794
2869
|
return;
|
|
2795
2870
|
}
|
|
2796
2871
|
N.preventDefault();
|
|
2797
|
-
const
|
|
2798
|
-
f(
|
|
2872
|
+
const g = T[b].value;
|
|
2873
|
+
f(g), v(g);
|
|
2799
2874
|
},
|
|
2800
2875
|
[r, e, v, f]
|
|
2801
|
-
),
|
|
2802
|
-
selectedValue:
|
|
2876
|
+
), R = {
|
|
2877
|
+
selectedValue: m,
|
|
2803
2878
|
select: v,
|
|
2804
2879
|
isSelected: C,
|
|
2805
2880
|
groupDisabled: r,
|
|
@@ -2808,7 +2883,7 @@ function Jt({
|
|
|
2808
2883
|
firstFocusableValue: S,
|
|
2809
2884
|
onKeyNav: x
|
|
2810
2885
|
};
|
|
2811
|
-
return /* @__PURE__ */ d(Le.Provider, { value:
|
|
2886
|
+
return /* @__PURE__ */ d(Le.Provider, { value: R, children: /* @__PURE__ */ d(
|
|
2812
2887
|
"div",
|
|
2813
2888
|
{
|
|
2814
2889
|
className: "gloss-preset-swatch-row",
|
|
@@ -2816,98 +2891,98 @@ function Jt({
|
|
|
2816
2891
|
"aria-label": s,
|
|
2817
2892
|
"aria-disabled": r,
|
|
2818
2893
|
"data-disabled": r || void 0,
|
|
2819
|
-
children: e.map((N) => /* @__PURE__ */ d(
|
|
2894
|
+
children: e.map((N) => /* @__PURE__ */ d(Jt, { option: N }, N.value))
|
|
2820
2895
|
}
|
|
2821
2896
|
) });
|
|
2822
2897
|
}
|
|
2823
|
-
|
|
2824
|
-
function
|
|
2898
|
+
ea.displayName = "PresetSwatchRow";
|
|
2899
|
+
function we(e, t) {
|
|
2825
2900
|
for (const n of e)
|
|
2826
2901
|
if (n.items.some((a) => a.id === t))
|
|
2827
2902
|
return n.zoneKey;
|
|
2828
2903
|
return null;
|
|
2829
2904
|
}
|
|
2830
|
-
function
|
|
2905
|
+
function Ie(e, t) {
|
|
2831
2906
|
const n = e.find((a) => a.zoneKey === t);
|
|
2832
|
-
return n ? n.zoneKey :
|
|
2907
|
+
return n ? n.zoneKey : we(e, t);
|
|
2833
2908
|
}
|
|
2834
|
-
function
|
|
2909
|
+
function ta(e, t, n) {
|
|
2835
2910
|
const a = [...e], [r] = a.splice(t, 1);
|
|
2836
2911
|
return a.splice(n, 0, r), a;
|
|
2837
2912
|
}
|
|
2838
|
-
function
|
|
2913
|
+
function aa(e) {
|
|
2839
2914
|
return e.map((t) => `${t.zoneKey}:${t.items.map((n) => n.id).join(",")}`).join("|");
|
|
2840
2915
|
}
|
|
2841
|
-
function
|
|
2916
|
+
function na(e) {
|
|
2842
2917
|
const [t, n] = W(
|
|
2843
2918
|
() => e.zones.map((f) => f.maxItems !== void 0 && f.items.length > f.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
|
|
2844
2919
|
`useSortableZones: zone "${f.zoneKey}" exceeds maxItems (${f.items.length} > ${f.maxItems}); trimming to cap.`
|
|
2845
2920
|
), { ...f, items: f.items.slice(0, f.maxItems) }) : f)
|
|
2846
|
-
), [a, r] = W(null), [s, o] = W(null),
|
|
2847
|
-
|
|
2848
|
-
const
|
|
2849
|
-
() =>
|
|
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),
|
|
2850
2925
|
[e.zones]
|
|
2851
|
-
), v =
|
|
2926
|
+
), v = I(m);
|
|
2852
2927
|
L(() => {
|
|
2853
|
-
v.current !==
|
|
2928
|
+
v.current !== m && (v.current = m, !a && n(
|
|
2854
2929
|
e.zones.map((f) => f.maxItems !== void 0 && f.items.length > f.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
|
|
2855
2930
|
`useSortableZones: zone "${f.zoneKey}" exceeds maxItems (${f.items.length} > ${f.maxItems}); trimming to cap.`
|
|
2856
2931
|
), { ...f, items: f.items.slice(0, f.maxItems) }) : f)
|
|
2857
2932
|
));
|
|
2858
|
-
}, [
|
|
2933
|
+
}, [m, e.zones, a]);
|
|
2859
2934
|
const C = y(
|
|
2860
2935
|
(f) => {
|
|
2861
2936
|
const x = f.active.id;
|
|
2862
|
-
let
|
|
2937
|
+
let R = null, N = null;
|
|
2863
2938
|
for (const _ of t) {
|
|
2864
|
-
const T = _.items.find((
|
|
2939
|
+
const T = _.items.find((l) => l.id === x);
|
|
2865
2940
|
if (T) {
|
|
2866
|
-
|
|
2941
|
+
R = T, N = _.zoneKey;
|
|
2867
2942
|
break;
|
|
2868
2943
|
}
|
|
2869
2944
|
}
|
|
2870
|
-
|
|
2945
|
+
i.current = N, r(R), o(N);
|
|
2871
2946
|
},
|
|
2872
2947
|
[t]
|
|
2873
2948
|
), u = y(
|
|
2874
2949
|
(f) => {
|
|
2875
2950
|
if (!f.over) {
|
|
2876
|
-
o(
|
|
2951
|
+
o(i.current);
|
|
2877
2952
|
return;
|
|
2878
2953
|
}
|
|
2879
|
-
const x =
|
|
2954
|
+
const x = Ie(t, f.over.id);
|
|
2880
2955
|
o(x);
|
|
2881
2956
|
},
|
|
2882
2957
|
[t]
|
|
2883
2958
|
), c = y(
|
|
2884
2959
|
(f) => {
|
|
2885
|
-
const { active: x, over:
|
|
2886
|
-
|
|
2960
|
+
const { active: x, over: R } = f, N = () => {
|
|
2961
|
+
i.current = null, r(null), o(null);
|
|
2887
2962
|
};
|
|
2888
|
-
if (!
|
|
2963
|
+
if (!R) {
|
|
2889
2964
|
N();
|
|
2890
2965
|
return;
|
|
2891
2966
|
}
|
|
2892
|
-
const _ =
|
|
2967
|
+
const _ = we(t, x.id), T = Ie(t, R.id);
|
|
2893
2968
|
if (!_ || !T) {
|
|
2894
2969
|
N();
|
|
2895
2970
|
return;
|
|
2896
2971
|
}
|
|
2897
|
-
let
|
|
2972
|
+
let l = t.map((b) => ({ ...b, items: [...b.items] }));
|
|
2898
2973
|
if (_ === T) {
|
|
2899
|
-
const
|
|
2900
|
-
|
|
2901
|
-
...
|
|
2902
|
-
items:
|
|
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)
|
|
2903
2978
|
};
|
|
2904
2979
|
} else {
|
|
2905
|
-
const
|
|
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);
|
|
2906
2981
|
if (!M) {
|
|
2907
2982
|
N();
|
|
2908
2983
|
return;
|
|
2909
2984
|
}
|
|
2910
|
-
const E = w.items.filter((K) => K.id !== x.id), G = k.items.findIndex((K) => K.id ===
|
|
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;
|
|
2911
2986
|
let $ = E, O = [...k.items];
|
|
2912
2987
|
if (k.maxItems !== void 0 && O.length >= k.maxItems) {
|
|
2913
2988
|
const K = O[O.length - 1];
|
|
@@ -2918,12 +2993,12 @@ function aa(e) {
|
|
|
2918
2993
|
M,
|
|
2919
2994
|
...O.slice(j)
|
|
2920
2995
|
];
|
|
2921
|
-
|
|
2996
|
+
l[b] = { ...w, items: $ }, l[g] = { ...k, items: se };
|
|
2922
2997
|
}
|
|
2923
|
-
n(
|
|
2998
|
+
n(l), h.current?.(l), N();
|
|
2924
2999
|
},
|
|
2925
3000
|
[t]
|
|
2926
|
-
),
|
|
3001
|
+
), p = y(
|
|
2927
3002
|
(f) => ({
|
|
2928
3003
|
id: f,
|
|
2929
3004
|
"data-zone-key": f
|
|
@@ -2931,7 +3006,7 @@ function aa(e) {
|
|
|
2931
3006
|
[]
|
|
2932
3007
|
), S = y(
|
|
2933
3008
|
(f) => {
|
|
2934
|
-
const x =
|
|
3009
|
+
const x = we(t, f.id) ?? "";
|
|
2935
3010
|
return {
|
|
2936
3011
|
id: f.id,
|
|
2937
3012
|
"data-item-id": f.id,
|
|
@@ -2944,15 +3019,15 @@ function aa(e) {
|
|
|
2944
3019
|
zones: t,
|
|
2945
3020
|
activeZone: s,
|
|
2946
3021
|
activeItem: a,
|
|
2947
|
-
getZoneProps:
|
|
3022
|
+
getZoneProps: p,
|
|
2948
3023
|
getItemProps: S,
|
|
2949
3024
|
handleDragStart: C,
|
|
2950
3025
|
handleDragOver: u,
|
|
2951
3026
|
handleDragEnd: c
|
|
2952
3027
|
};
|
|
2953
3028
|
}
|
|
2954
|
-
let ae = null, le = null,
|
|
2955
|
-
const
|
|
3029
|
+
let ae = null, le = null, fe = !1;
|
|
3030
|
+
const ra = [
|
|
2956
3031
|
"DndContext",
|
|
2957
3032
|
"DragOverlay",
|
|
2958
3033
|
"useSensors",
|
|
@@ -2961,22 +3036,22 @@ const na = [
|
|
|
2961
3036
|
"PointerSensor",
|
|
2962
3037
|
"KeyboardSensor",
|
|
2963
3038
|
"closestCenter"
|
|
2964
|
-
],
|
|
3039
|
+
], sa = [
|
|
2965
3040
|
"SortableContext",
|
|
2966
3041
|
"useSortable",
|
|
2967
3042
|
"verticalListSortingStrategy"
|
|
2968
3043
|
];
|
|
2969
|
-
function
|
|
3044
|
+
function oa(e, t) {
|
|
2970
3045
|
const n = [], a = e ?? {};
|
|
2971
|
-
for (const s of
|
|
3046
|
+
for (const s of ra)
|
|
2972
3047
|
a[s] === void 0 && n.push(`@dnd-kit/core:${s}`);
|
|
2973
3048
|
const r = t ?? {};
|
|
2974
|
-
for (const s of
|
|
3049
|
+
for (const s of sa)
|
|
2975
3050
|
r[s] === void 0 && n.push(`@dnd-kit/sortable:${s}`);
|
|
2976
3051
|
return n.length === 0 ? { ok: !0 } : { ok: !1, missing: n };
|
|
2977
3052
|
}
|
|
2978
|
-
function
|
|
2979
|
-
return ae ? Promise.resolve(ae) :
|
|
3053
|
+
function ia() {
|
|
3054
|
+
return ae ? Promise.resolve(ae) : fe ? Promise.resolve(null) : le || (le = (async () => {
|
|
2980
3055
|
try {
|
|
2981
3056
|
const [e, t, n] = await Promise.all([
|
|
2982
3057
|
import("@dnd-kit/core"),
|
|
@@ -2984,44 +3059,44 @@ function oa() {
|
|
|
2984
3059
|
import("@dnd-kit/utilities").catch(() => (process.env.NODE_ENV !== "production" && console.warn(
|
|
2985
3060
|
"SortableZones: @dnd-kit/utilities failed to load; drag-overlay positioning will fall back (items may teleport instead of slide)."
|
|
2986
3061
|
), {}))
|
|
2987
|
-
]), a =
|
|
3062
|
+
]), a = oa(e, t);
|
|
2988
3063
|
return a.ok ? (ae = {
|
|
2989
3064
|
core: e,
|
|
2990
3065
|
sortable: t,
|
|
2991
3066
|
utilities: n
|
|
2992
|
-
}, ae) : (
|
|
3067
|
+
}, ae) : (fe = !0, process.env.NODE_ENV !== "production" && console.error(
|
|
2993
3068
|
`SortableZones: @dnd-kit shape mismatch — missing exports: ${a.missing.join(", ")}. Check installed versions against optionalDependencies in @mt-gloss/ui.`
|
|
2994
3069
|
), null);
|
|
2995
3070
|
} catch {
|
|
2996
|
-
return
|
|
3071
|
+
return fe = !0, null;
|
|
2997
3072
|
}
|
|
2998
3073
|
})(), le);
|
|
2999
3074
|
}
|
|
3000
|
-
function
|
|
3001
|
-
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);
|
|
3002
3077
|
return H.useEffect(() => {
|
|
3003
|
-
if (
|
|
3004
|
-
let
|
|
3005
|
-
return
|
|
3006
|
-
|
|
3078
|
+
if (i) return;
|
|
3079
|
+
let m = !0;
|
|
3080
|
+
return ia().then((v) => {
|
|
3081
|
+
m && h(v);
|
|
3007
3082
|
}), () => {
|
|
3008
|
-
|
|
3083
|
+
m = !1;
|
|
3009
3084
|
};
|
|
3010
|
-
}, [
|
|
3085
|
+
}, [i]), i ? /* @__PURE__ */ d(
|
|
3011
3086
|
$e,
|
|
3012
3087
|
{
|
|
3013
3088
|
state: o,
|
|
3014
|
-
modules:
|
|
3089
|
+
modules: i,
|
|
3015
3090
|
renderZone: a,
|
|
3016
3091
|
renderItem: r,
|
|
3017
3092
|
renderDragOverlay: s
|
|
3018
3093
|
}
|
|
3019
|
-
) : /* @__PURE__ */ d("div", { "data-sortable-zones-passive": "true", children: o.zones.map((
|
|
3020
|
-
const v =
|
|
3021
|
-
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);
|
|
3022
3097
|
}) });
|
|
3023
3098
|
}
|
|
3024
|
-
|
|
3099
|
+
la.displayName = "SortableZones";
|
|
3025
3100
|
function $e({
|
|
3026
3101
|
state: e,
|
|
3027
3102
|
modules: t,
|
|
@@ -3029,26 +3104,26 @@ function $e({
|
|
|
3029
3104
|
renderItem: a,
|
|
3030
3105
|
renderDragOverlay: r
|
|
3031
3106
|
}) {
|
|
3032
|
-
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(
|
|
3033
3108
|
C(c, { activationConstraint: { distance: 5 } }),
|
|
3034
|
-
C(
|
|
3035
|
-
), N =
|
|
3109
|
+
C(p)
|
|
3110
|
+
), N = h, _ = m, T = f;
|
|
3036
3111
|
return /* @__PURE__ */ A(
|
|
3037
3112
|
N,
|
|
3038
3113
|
{
|
|
3039
|
-
sensors:
|
|
3114
|
+
sensors: R,
|
|
3040
3115
|
collisionDetection: S,
|
|
3041
3116
|
onDragStart: e.handleDragStart,
|
|
3042
3117
|
onDragOver: e.handleDragOver,
|
|
3043
3118
|
onDragEnd: e.handleDragEnd,
|
|
3044
3119
|
children: [
|
|
3045
|
-
e.zones.map((
|
|
3046
|
-
const
|
|
3120
|
+
e.zones.map((l) => {
|
|
3121
|
+
const b = l.items.map((w) => w.id), g = l.items.map((w) => /* @__PURE__ */ d(
|
|
3047
3122
|
Be,
|
|
3048
3123
|
{
|
|
3049
3124
|
id: w.id,
|
|
3050
3125
|
useSortable: o.useSortable,
|
|
3051
|
-
cssHelper:
|
|
3126
|
+
cssHelper: i.CSS,
|
|
3052
3127
|
children: a(w)
|
|
3053
3128
|
},
|
|
3054
3129
|
w.id
|
|
@@ -3056,12 +3131,12 @@ function $e({
|
|
|
3056
3131
|
return /* @__PURE__ */ d(
|
|
3057
3132
|
ze,
|
|
3058
3133
|
{
|
|
3059
|
-
zoneKey:
|
|
3060
|
-
zoneProps: e.getZoneProps(
|
|
3134
|
+
zoneKey: l.zoneKey,
|
|
3135
|
+
zoneProps: e.getZoneProps(l.zoneKey),
|
|
3061
3136
|
useDroppable: u,
|
|
3062
|
-
children: /* @__PURE__ */ d(T, { items:
|
|
3137
|
+
children: /* @__PURE__ */ d(T, { items: b, strategy: x, children: n(l.zoneKey, l.items, g) })
|
|
3063
3138
|
},
|
|
3064
|
-
|
|
3139
|
+
l.zoneKey
|
|
3065
3140
|
);
|
|
3066
3141
|
}),
|
|
3067
3142
|
/* @__PURE__ */ d(_, { children: e.activeItem ? r?.(e.activeItem) ?? a(e.activeItem) : null })
|
|
@@ -3071,10 +3146,10 @@ function $e({
|
|
|
3071
3146
|
}
|
|
3072
3147
|
$e.displayName = "SortableZonesInner";
|
|
3073
3148
|
function Be({ id: e, useSortable: t, cssHelper: n, children: a }) {
|
|
3074
|
-
const { attributes: r, listeners: s, setNodeRef: o, transform:
|
|
3075
|
-
transform: n?.Transform?.toString(
|
|
3076
|
-
transition:
|
|
3077
|
-
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
|
|
3078
3153
|
};
|
|
3079
3154
|
return /* @__PURE__ */ d("div", { ref: o, style: v, "data-sortable-item-id": e, ...r, ...s, children: a });
|
|
3080
3155
|
}
|
|
@@ -3089,7 +3164,7 @@ function ze({
|
|
|
3089
3164
|
return /* @__PURE__ */ d("div", { ref: r, "data-zone-is-over": s || void 0, ...t, children: a });
|
|
3090
3165
|
}
|
|
3091
3166
|
ze.displayName = "ZoneDroppable";
|
|
3092
|
-
function
|
|
3167
|
+
function In({
|
|
3093
3168
|
slotLeft: e,
|
|
3094
3169
|
slotCenter: t,
|
|
3095
3170
|
slotRight: n,
|
|
@@ -3098,7 +3173,7 @@ function xn({
|
|
|
3098
3173
|
style: s,
|
|
3099
3174
|
"aria-label": o = "Dashboard navigation"
|
|
3100
3175
|
}) {
|
|
3101
|
-
const
|
|
3176
|
+
const i = {
|
|
3102
3177
|
"--gloss-bottom-toolbar-height": `${a}px`,
|
|
3103
3178
|
...s
|
|
3104
3179
|
};
|
|
@@ -3109,7 +3184,7 @@ function xn({
|
|
|
3109
3184
|
"aria-label": o,
|
|
3110
3185
|
"data-testid": "gloss-bottom-toolbar",
|
|
3111
3186
|
className: ["gloss-bottom-toolbar", r].filter(Boolean).join(" "),
|
|
3112
|
-
style:
|
|
3187
|
+
style: i,
|
|
3113
3188
|
children: [
|
|
3114
3189
|
/* @__PURE__ */ d(
|
|
3115
3190
|
"div",
|
|
@@ -3139,13 +3214,13 @@ function xn({
|
|
|
3139
3214
|
}
|
|
3140
3215
|
);
|
|
3141
3216
|
}
|
|
3142
|
-
function
|
|
3217
|
+
function Rn({
|
|
3143
3218
|
count: e,
|
|
3144
3219
|
currentIndex: t,
|
|
3145
3220
|
onSelect: n,
|
|
3146
3221
|
"aria-label": a = "Sections"
|
|
3147
3222
|
}) {
|
|
3148
|
-
const r =
|
|
3223
|
+
const r = Ze.useRef([]);
|
|
3149
3224
|
return r.current.length = e, /* @__PURE__ */ d(
|
|
3150
3225
|
"div",
|
|
3151
3226
|
{
|
|
@@ -3157,352 +3232,355 @@ function Sn({
|
|
|
3157
3232
|
if (e !== 0) {
|
|
3158
3233
|
if (o.key === "ArrowRight") {
|
|
3159
3234
|
o.preventDefault();
|
|
3160
|
-
const
|
|
3161
|
-
n(
|
|
3235
|
+
const i = (t + 1) % e;
|
|
3236
|
+
n(i), requestAnimationFrame(() => r.current[i]?.focus());
|
|
3162
3237
|
} else if (o.key === "ArrowLeft") {
|
|
3163
3238
|
o.preventDefault();
|
|
3164
|
-
const
|
|
3165
|
-
n(
|
|
3239
|
+
const i = (t - 1 + e) % e;
|
|
3240
|
+
n(i), requestAnimationFrame(() => r.current[i]?.focus());
|
|
3166
3241
|
}
|
|
3167
3242
|
}
|
|
3168
3243
|
},
|
|
3169
|
-
children: Array.from({ length: e }, (o,
|
|
3244
|
+
children: Array.from({ length: e }, (o, i) => /* @__PURE__ */ d(
|
|
3170
3245
|
"button",
|
|
3171
3246
|
{
|
|
3172
|
-
ref: (
|
|
3173
|
-
r.current[
|
|
3247
|
+
ref: (h) => {
|
|
3248
|
+
r.current[i] = h;
|
|
3174
3249
|
},
|
|
3175
3250
|
type: "button",
|
|
3176
3251
|
role: "tab",
|
|
3177
|
-
"aria-selected":
|
|
3178
|
-
"aria-label": `Section ${
|
|
3179
|
-
"data-state":
|
|
3180
|
-
"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,
|
|
3181
3256
|
className: [
|
|
3182
3257
|
"gloss-section-dots__dot",
|
|
3183
|
-
|
|
3258
|
+
i === t && "gloss-section-dots__dot--current"
|
|
3184
3259
|
].filter(Boolean).join(" "),
|
|
3185
|
-
onClick: () => n(
|
|
3260
|
+
onClick: () => n(i)
|
|
3186
3261
|
},
|
|
3187
|
-
|
|
3262
|
+
i
|
|
3188
3263
|
))
|
|
3189
3264
|
}
|
|
3190
3265
|
);
|
|
3191
3266
|
}
|
|
3192
|
-
const
|
|
3267
|
+
const da = H.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
|
|
3193
3268
|
const r = { ...n };
|
|
3194
|
-
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 }) });
|
|
3195
3270
|
});
|
|
3196
|
-
|
|
3271
|
+
da.displayName = "ContainerToolbar";
|
|
3197
3272
|
const ca = H.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...r }, s) => {
|
|
3198
3273
|
const o = { ...r };
|
|
3199
3274
|
return delete o.className, delete o.style, /* @__PURE__ */ A("fieldset", { ref: s, className: "gloss-container-form-section", ...o, children: [
|
|
3200
3275
|
e && /* @__PURE__ */ d("legend", { className: "gloss-container-form-section__legend", children: e }),
|
|
3201
3276
|
t && /* @__PURE__ */ d("p", { className: "gloss-container-form-section__description", children: t }),
|
|
3202
|
-
/* @__PURE__ */ d(
|
|
3277
|
+
/* @__PURE__ */ d(De, { region: "form-section", density: n, children: a })
|
|
3203
3278
|
] });
|
|
3204
3279
|
});
|
|
3205
3280
|
ca.displayName = "ContainerFormSection";
|
|
3206
|
-
const
|
|
3281
|
+
const ua = H.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
|
|
3207
3282
|
const r = { ...n };
|
|
3208
|
-
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 }) });
|
|
3209
3284
|
});
|
|
3210
|
-
|
|
3285
|
+
ua.displayName = "ContainerTable";
|
|
3211
3286
|
export {
|
|
3212
|
-
|
|
3213
|
-
|
|
3214
|
-
|
|
3215
|
-
|
|
3216
|
-
|
|
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
|
-
|
|
3256
|
-
|
|
3257
|
-
|
|
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,
|
|
3258
3334
|
ca as ContainerFormSection,
|
|
3259
|
-
|
|
3260
|
-
|
|
3261
|
-
|
|
3262
|
-
|
|
3263
|
-
|
|
3335
|
+
_r as ContainerPanel,
|
|
3336
|
+
ua as ContainerTable,
|
|
3337
|
+
da as ContainerToolbar,
|
|
3338
|
+
xr as CreditCardForm,
|
|
3339
|
+
Sr as DEFAULT_FOOTER_IDS,
|
|
3264
3340
|
ee as DEFAULT_GRID_INTERACTION_PHYSICS,
|
|
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
|
-
|
|
3298
|
-
|
|
3299
|
-
|
|
3300
|
-
|
|
3301
|
-
|
|
3302
|
-
|
|
3303
|
-
|
|
3304
|
-
|
|
3305
|
-
|
|
3306
|
-
|
|
3307
|
-
|
|
3308
|
-
|
|
3309
|
-
|
|
3310
|
-
|
|
3311
|
-
|
|
3312
|
-
|
|
3313
|
-
|
|
3314
|
-
|
|
3315
|
-
|
|
3316
|
-
|
|
3317
|
-
|
|
3318
|
-
|
|
3319
|
-
|
|
3320
|
-
|
|
3321
|
-
|
|
3322
|
-
|
|
3323
|
-
|
|
3324
|
-
|
|
3325
|
-
|
|
3326
|
-
|
|
3327
|
-
|
|
3328
|
-
|
|
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,
|
|
3382
|
+
Zt as InlineNudge,
|
|
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,
|
|
3329
3406
|
Pe as PageDropdown,
|
|
3330
|
-
|
|
3331
|
-
|
|
3332
|
-
|
|
3333
|
-
|
|
3334
|
-
|
|
3335
|
-
|
|
3336
|
-
|
|
3337
|
-
|
|
3338
|
-
|
|
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,
|
|
3339
3416
|
Rt as RECONFIG_BACKSIDE_LABELS,
|
|
3340
|
-
|
|
3341
|
-
|
|
3342
|
-
|
|
3343
|
-
|
|
3344
|
-
|
|
3345
|
-
|
|
3346
|
-
|
|
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,
|
|
3347
3424
|
pn as ResizeEnvelope,
|
|
3348
|
-
|
|
3349
|
-
|
|
3350
|
-
|
|
3351
|
-
|
|
3352
|
-
|
|
3353
|
-
|
|
3354
|
-
|
|
3355
|
-
|
|
3356
|
-
|
|
3357
|
-
|
|
3358
|
-
|
|
3359
|
-
|
|
3360
|
-
|
|
3361
|
-
|
|
3362
|
-
|
|
3363
|
-
|
|
3364
|
-
|
|
3365
|
-
|
|
3366
|
-
|
|
3367
|
-
|
|
3368
|
-
|
|
3369
|
-
|
|
3370
|
-
|
|
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,
|
|
3371
3449
|
pt as StatusSlotChipMenu,
|
|
3372
|
-
|
|
3373
|
-
|
|
3450
|
+
no as Stepper,
|
|
3451
|
+
si as TODAY_PRESET,
|
|
3374
3452
|
J as TUNING_DEFAULTS,
|
|
3375
3453
|
Ae as TUNING_STORAGE_KEY,
|
|
3376
|
-
|
|
3377
|
-
|
|
3378
|
-
|
|
3379
|
-
|
|
3380
|
-
|
|
3381
|
-
|
|
3382
|
-
|
|
3383
|
-
|
|
3384
|
-
|
|
3385
|
-
|
|
3386
|
-
|
|
3387
|
-
|
|
3388
|
-
|
|
3389
|
-
|
|
3390
|
-
|
|
3391
|
-
|
|
3392
|
-
|
|
3393
|
-
|
|
3394
|
-
|
|
3395
|
-
|
|
3396
|
-
|
|
3397
|
-
|
|
3398
|
-
|
|
3399
|
-
|
|
3400
|
-
|
|
3401
|
-
|
|
3402
|
-
|
|
3403
|
-
|
|
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,
|
|
3474
|
+
_a as allChips,
|
|
3475
|
+
$a as allStateFixtures,
|
|
3476
|
+
La as allVariantFixtures,
|
|
3477
|
+
Ta as blockSamples,
|
|
3478
|
+
Do as buildDefaultOverflow,
|
|
3479
|
+
Ea as cardSamples,
|
|
3480
|
+
Nn as cascadePhysics,
|
|
3481
|
+
Pa as chartSamples,
|
|
3404
3482
|
Ra as circleSamples,
|
|
3405
|
-
|
|
3406
|
-
|
|
3407
|
-
|
|
3408
|
-
|
|
3409
|
-
|
|
3410
|
-
|
|
3411
|
-
|
|
3412
|
-
|
|
3413
|
-
|
|
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,
|
|
3414
3492
|
ct as dateChip,
|
|
3415
3493
|
Oe as defaultControlBarState,
|
|
3416
|
-
|
|
3417
|
-
|
|
3418
|
-
|
|
3419
|
-
|
|
3420
|
-
|
|
3421
|
-
|
|
3422
|
-
|
|
3423
|
-
|
|
3424
|
-
|
|
3425
|
-
|
|
3426
|
-
|
|
3427
|
-
|
|
3428
|
-
|
|
3429
|
-
|
|
3430
|
-
|
|
3431
|
-
|
|
3432
|
-
|
|
3433
|
-
|
|
3434
|
-
|
|
3435
|
-
|
|
3436
|
-
|
|
3437
|
-
|
|
3438
|
-
|
|
3439
|
-
|
|
3440
|
-
|
|
3441
|
-
|
|
3442
|
-
|
|
3443
|
-
|
|
3444
|
-
|
|
3445
|
-
|
|
3446
|
-
|
|
3447
|
-
|
|
3448
|
-
|
|
3449
|
-
|
|
3450
|
-
|
|
3451
|
-
|
|
3452
|
-
|
|
3453
|
-
|
|
3454
|
-
|
|
3455
|
-
|
|
3456
|
-
|
|
3457
|
-
|
|
3458
|
-
|
|
3459
|
-
|
|
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,
|
|
3502
|
+
Za as filteredState,
|
|
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,
|
|
3522
|
+
Ua as itemColumns,
|
|
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,
|
|
3536
|
+
Tt as orderIdActions,
|
|
3537
|
+
Ha as orderRows,
|
|
3460
3538
|
cn as ordersTabs,
|
|
3461
|
-
|
|
3462
|
-
|
|
3463
|
-
|
|
3464
|
-
|
|
3465
|
-
|
|
3466
|
-
|
|
3467
|
-
|
|
3468
|
-
|
|
3469
|
-
|
|
3470
|
-
|
|
3471
|
-
|
|
3472
|
-
|
|
3473
|
-
|
|
3474
|
-
|
|
3475
|
-
|
|
3476
|
-
|
|
3477
|
-
|
|
3478
|
-
|
|
3479
|
-
|
|
3480
|
-
|
|
3481
|
-
|
|
3482
|
-
|
|
3483
|
-
|
|
3484
|
-
|
|
3485
|
-
|
|
3486
|
-
|
|
3487
|
-
|
|
3488
|
-
|
|
3489
|
-
|
|
3490
|
-
|
|
3491
|
-
|
|
3492
|
-
|
|
3493
|
-
|
|
3494
|
-
|
|
3495
|
-
|
|
3496
|
-
|
|
3497
|
-
|
|
3498
|
-
|
|
3499
|
-
|
|
3500
|
-
|
|
3501
|
-
|
|
3502
|
-
|
|
3503
|
-
|
|
3504
|
-
|
|
3505
|
-
|
|
3506
|
-
|
|
3507
|
-
|
|
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,
|
|
3562
|
+
Ka as standardFixture,
|
|
3563
|
+
Ga as standardFlatFixture,
|
|
3564
|
+
ln as standardLayout,
|
|
3565
|
+
Wa as standardNegativeFixture,
|
|
3566
|
+
dt as statusChip,
|
|
3567
|
+
Cn as swingReveal,
|
|
3568
|
+
Fa as tableSamples,
|
|
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
|
|
3508
3586
|
};
|