@mechane-ai/ui 0.0.0-stage → 0.2.2
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/LICENSE +202 -0
- package/NOTICE +32 -0
- package/README.md +74 -2
- package/dist/accessibility.d.ts +14 -0
- package/dist/actions.d.ts +31 -0
- package/dist/assets/stylex.css +1466 -0
- package/dist/charts/index.d.ts +2 -0
- package/dist/charts/waterfall.d.ts +34 -0
- package/dist/charts.js +198 -0
- package/dist/control-state.d.ts +51 -0
- package/dist/copy-value.d.ts +8 -0
- package/dist/dialog.d.ts +27 -0
- package/dist/drawer.d.ts +33 -0
- package/dist/forms.d.ts +32 -0
- package/dist/index.d.ts +16 -0
- package/dist/index.js +1 -0
- package/dist/inspector.d.ts +16 -0
- package/dist/layout/app-shell.d.ts +9 -0
- package/dist/layout/detail-page.d.ts +6 -0
- package/dist/layout/frame.stylex.d.ts +23 -0
- package/dist/layout/index.d.ts +4 -0
- package/dist/layout/page-toolbar.d.ts +14 -0
- package/dist/layout/sidebar.d.ts +45 -0
- package/dist/layout.js +337 -0
- package/dist/list-footer.d.ts +6 -0
- package/dist/loading.d.ts +7 -0
- package/dist/metrics.d.ts +9 -0
- package/dist/overlay-styles.d.ts +46 -0
- package/dist/select.d.ts +44 -0
- package/dist/skip-link.d.ts +6 -0
- package/dist/src-Czfi0YQa.js +1319 -0
- package/dist/style-composition.d.ts +22 -0
- package/dist/surfaces.d.ts +27 -0
- package/dist/table.d.ts +17 -0
- package/dist/tabs.d.ts +19 -0
- package/dist/text.d.ts +30 -0
- package/dist/tokens.js +84 -0
- package/dist/tokens.stylex.d.ts +83 -0
- package/dist/tooltip.d.ts +18 -0
- package/package.json +51 -3
- package/src/tokens.stylex.ts +81 -0
- package/styles.css +2 -0
package/dist/layout.js
ADDED
|
@@ -0,0 +1,337 @@
|
|
|
1
|
+
import { F as e, P as t, b as n } from "./src-Czfi0YQa.js";
|
|
2
|
+
import "@stylexjs/stylex";
|
|
3
|
+
import { createContext as r, useContext as i, useEffect as a, useId as o, useRef as s, useState as c } from "react";
|
|
4
|
+
import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
|
|
5
|
+
import { PanelLeft as f, X as p } from "lucide-react";
|
|
6
|
+
// src/layout/frame.stylex.ts
|
|
7
|
+
var m = {
|
|
8
|
+
sidebarMobile: "@media (max-width:800px)",
|
|
9
|
+
sidebarDesktopQuery: "(min-width:801px)",
|
|
10
|
+
sidebarCoarse: "@media (min-width:801px) and (pointer: coarse)",
|
|
11
|
+
detailMobile: "@media (max-width:720px)",
|
|
12
|
+
toolbarCompact: "@container toolbar (max-width:600px)"
|
|
13
|
+
}, h = r(null), g = {
|
|
14
|
+
navigationControl: {
|
|
15
|
+
kjj79g: "x1nhvcw1",
|
|
16
|
+
kOIVth: "x1qd3hfq",
|
|
17
|
+
kZKoxP: "x1gdgpn7 x1v3vec5",
|
|
18
|
+
kAzted: "xwusre6",
|
|
19
|
+
kzqmXN: "xh8yej3",
|
|
20
|
+
k7Eaqz: "xeuugli",
|
|
21
|
+
k8WAf4: "xt970qd",
|
|
22
|
+
kg3NbH: "x3agzmu",
|
|
23
|
+
$$css: !0
|
|
24
|
+
},
|
|
25
|
+
collapsedButton: {
|
|
26
|
+
kjj79g: "xl56j7k x2wwxx",
|
|
27
|
+
$$css: !0
|
|
28
|
+
},
|
|
29
|
+
toggle: {
|
|
30
|
+
kZKoxP: "x5yr21d",
|
|
31
|
+
kzqmXN: "xh8yej3",
|
|
32
|
+
k7Eaqz: "xeuugli",
|
|
33
|
+
kaIpWk: "x2u8bby",
|
|
34
|
+
k8WAf4: "xt970qd",
|
|
35
|
+
kg3NbH: "xnjsko4",
|
|
36
|
+
$$css: !0
|
|
37
|
+
},
|
|
38
|
+
close: {
|
|
39
|
+
kZKoxP: "x5yr21d",
|
|
40
|
+
kzqmXN: "x1ey3j9m",
|
|
41
|
+
kmuXW: "x2lah0s",
|
|
42
|
+
kaIpWk: "x2u8bby",
|
|
43
|
+
k8WAf4: "xt970qd",
|
|
44
|
+
kg3NbH: "xnjsko4",
|
|
45
|
+
$$css: !0
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
function _({ header: e, footer: t, close: n, children: r }) {
|
|
49
|
+
return /* @__PURE__ */ d(l, { children: [
|
|
50
|
+
/* @__PURE__ */ d("div", {
|
|
51
|
+
...{
|
|
52
|
+
0: { className: "x9f619 x78zum5 x1qjc9v5 x771t8i x2lah0s xeuugli xso031l x1q0q8m5 xx6l4uz" },
|
|
53
|
+
1: { className: "x9f619 x1qjc9v5 x771t8i x2lah0s xeuugli xso031l x1q0q8m5 xx6l4uz x1s85apg x129v5fc" }
|
|
54
|
+
}[e == null | 0],
|
|
55
|
+
children: [/* @__PURE__ */ u("div", {
|
|
56
|
+
className: "x78zum5 x6s0dn4 x98rzlu xeuugli",
|
|
57
|
+
children: e
|
|
58
|
+
}), n]
|
|
59
|
+
}),
|
|
60
|
+
/* @__PURE__ */ u("div", {
|
|
61
|
+
role: "region",
|
|
62
|
+
"aria-label": "Navigation links",
|
|
63
|
+
tabIndex: 0,
|
|
64
|
+
className: "x98rzlu x2lwn1j x1odjw0f xish69e x1gf6l2n xdv554w x9v5kkp x1f1h9gf x1bqaal",
|
|
65
|
+
children: r
|
|
66
|
+
}),
|
|
67
|
+
t != null && /* @__PURE__ */ u("div", {
|
|
68
|
+
className: "xr1yuqi x1ns7tj1",
|
|
69
|
+
children: t
|
|
70
|
+
})
|
|
71
|
+
] });
|
|
72
|
+
}
|
|
73
|
+
function v() {
|
|
74
|
+
return /* @__PURE__ */ u(n.Close, {
|
|
75
|
+
render: /* @__PURE__ */ u(e, {
|
|
76
|
+
variant: "ghost",
|
|
77
|
+
"aria-label": "Close navigation",
|
|
78
|
+
xstyle: g.close
|
|
79
|
+
}),
|
|
80
|
+
children: /* @__PURE__ */ u(p, {
|
|
81
|
+
size: 16,
|
|
82
|
+
"aria-hidden": !0
|
|
83
|
+
})
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
function y({ children: e, label: t = "Main" }) {
|
|
87
|
+
let n = i(h), r = n !== null && !n.isExpanded;
|
|
88
|
+
return /* @__PURE__ */ u("nav", {
|
|
89
|
+
"aria-label": t,
|
|
90
|
+
...{
|
|
91
|
+
0: { className: "x78zum5 xdt5ytf x1tothx9 x3agzmu" },
|
|
92
|
+
1: { className: "x78zum5 xdt5ytf x1tothx9 x3agzmu x1o4uw0v" }
|
|
93
|
+
}[!!r | 0],
|
|
94
|
+
children: e
|
|
95
|
+
});
|
|
96
|
+
}
|
|
97
|
+
function b({ children: e, icon: n, selected: r = !1, onClick: a, ...s }) {
|
|
98
|
+
let c = i(h), l = o(), f = c !== null && !c.isExpanded;
|
|
99
|
+
return /* @__PURE__ */ u("div", {
|
|
100
|
+
...{
|
|
101
|
+
0: { className: "x78zum5 xeuugli x1pwc8qb" },
|
|
102
|
+
1: { className: "x78zum5 xeuugli x1pwc8qb xco4m3t" }
|
|
103
|
+
}[!!r | 0],
|
|
104
|
+
children: /* @__PURE__ */ d(t, {
|
|
105
|
+
...s,
|
|
106
|
+
variant: "ghost",
|
|
107
|
+
"aria-current": r ? "page" : void 0,
|
|
108
|
+
"aria-labelledby": s["aria-labelledby"] ?? l,
|
|
109
|
+
title: s.title ?? (typeof e == "string" ? e : void 0),
|
|
110
|
+
onClick: (e) => {
|
|
111
|
+
a !== void 0 && a(e), !e.defaultPrevented && c !== null && c.onNavigate();
|
|
112
|
+
},
|
|
113
|
+
xstyle: [g.navigationControl, f && g.collapsedButton],
|
|
114
|
+
children: [n != null && /* @__PURE__ */ u("span", {
|
|
115
|
+
"aria-hidden": !0,
|
|
116
|
+
className: "x3nfvp2 x6s0dn4 xl56j7k x19ssgm5 xbslpof x2lah0s",
|
|
117
|
+
children: n
|
|
118
|
+
}), /* @__PURE__ */ u("span", {
|
|
119
|
+
id: l,
|
|
120
|
+
...{
|
|
121
|
+
0: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft" },
|
|
122
|
+
1: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft x1s85apg xftgtud" }
|
|
123
|
+
}[!!f | 0],
|
|
124
|
+
children: e
|
|
125
|
+
})]
|
|
126
|
+
})
|
|
127
|
+
});
|
|
128
|
+
}
|
|
129
|
+
function x({ children: e, icon: t, selected: n = !1, onClick: r, className: a, style: s, ...c }) {
|
|
130
|
+
let l = i(h), f = o(), p = l !== null && !l.isExpanded, m = {
|
|
131
|
+
0: { className: "x9f619 x78zum5 x6s0dn4 x1pwc8qb xn4qiis xjbqb8w x1o2ymkw xsbzcza x1l4bni5 xo1l8bm xvmahel xdpxx8g xkrqix3 x1p052by xdv554w x9v5kkp x1f1h9gf x1bqaal x1nhvcw1 x1qd3hfq x1gdgpn7 x1v3vec5 xwusre6 xh8yej3 xeuugli xt970qd x3agzmu" },
|
|
132
|
+
2: { className: "x9f619 x78zum5 x6s0dn4 x1pwc8qb xn4qiis xjbqb8w x1o2ymkw xsbzcza x1l4bni5 xo1l8bm xvmahel xdpxx8g xkrqix3 x1p052by xdv554w x9v5kkp x1f1h9gf x1bqaal x1qd3hfq x1gdgpn7 x1v3vec5 xwusre6 xh8yej3 xeuugli xt970qd x3agzmu xl56j7k x2wwxx" },
|
|
133
|
+
1: { className: "x9f619 x78zum5 x6s0dn4 x1pwc8qb xn4qiis x1o2ymkw xsbzcza x1l4bni5 xo1l8bm xvmahel xdpxx8g xkrqix3 x1p052by xdv554w x9v5kkp x1f1h9gf x1bqaal x1nhvcw1 x1qd3hfq x1gdgpn7 x1v3vec5 xwusre6 xh8yej3 xeuugli xt970qd x3agzmu xco4m3t" },
|
|
134
|
+
3: { className: "x9f619 x78zum5 x6s0dn4 x1pwc8qb xn4qiis x1o2ymkw xsbzcza x1l4bni5 xo1l8bm xvmahel xdpxx8g xkrqix3 x1p052by xdv554w x9v5kkp x1f1h9gf x1bqaal x1qd3hfq x1gdgpn7 x1v3vec5 xwusre6 xh8yej3 xeuugli xt970qd x3agzmu xl56j7k x2wwxx xco4m3t" }
|
|
135
|
+
}[!!p << 1 | !!n];
|
|
136
|
+
return /* @__PURE__ */ d("a", {
|
|
137
|
+
...c,
|
|
138
|
+
"aria-current": n ? "page" : void 0,
|
|
139
|
+
"aria-labelledby": c["aria-labelledby"] ?? f,
|
|
140
|
+
title: c.title ?? (typeof e == "string" ? e : void 0),
|
|
141
|
+
onClick: (e) => {
|
|
142
|
+
if (r !== void 0 && r(e), l === null || e.button !== 0) return;
|
|
143
|
+
let t = e.metaKey || e.ctrlKey, n = e.shiftKey || e.altKey;
|
|
144
|
+
t || n || l.onNavigate();
|
|
145
|
+
},
|
|
146
|
+
className: [m.className, a].filter(Boolean).join(" "),
|
|
147
|
+
style: {
|
|
148
|
+
...m.style,
|
|
149
|
+
...s
|
|
150
|
+
},
|
|
151
|
+
children: [t != null && /* @__PURE__ */ u("span", {
|
|
152
|
+
"aria-hidden": !0,
|
|
153
|
+
className: "x3nfvp2 x6s0dn4 xl56j7k x19ssgm5 xbslpof x2lah0s",
|
|
154
|
+
children: t
|
|
155
|
+
}), /* @__PURE__ */ u("span", {
|
|
156
|
+
id: f,
|
|
157
|
+
...{
|
|
158
|
+
0: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft" },
|
|
159
|
+
1: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft x1s85apg xftgtud" }
|
|
160
|
+
}[!!p | 0],
|
|
161
|
+
children: e
|
|
162
|
+
})]
|
|
163
|
+
});
|
|
164
|
+
}
|
|
165
|
+
function S({ children: e, grow: t = !1 }) {
|
|
166
|
+
let n = i(h), r = n !== null && !n.isExpanded;
|
|
167
|
+
return /* @__PURE__ */ u("span", {
|
|
168
|
+
...{
|
|
169
|
+
0: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft" },
|
|
170
|
+
2: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft x78zum5 x6s0dn4 x1qd3hfq x98rzlu" },
|
|
171
|
+
1: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft x1s85apg xftgtud" },
|
|
172
|
+
3: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft x6s0dn4 x1qd3hfq x98rzlu x1s85apg xftgtud" }
|
|
173
|
+
}[!!t << 1 | !!r],
|
|
174
|
+
children: e
|
|
175
|
+
});
|
|
176
|
+
}
|
|
177
|
+
function C({ children: e }) {
|
|
178
|
+
let t = i(h), n = t !== null && !t.isExpanded;
|
|
179
|
+
return /* @__PURE__ */ u("div", {
|
|
180
|
+
...{
|
|
181
|
+
0: { className: "x9f619 x78zum5 x6s0dn4 x1qd3hfq xkfhurs x1m1m655 x178xt8z x13fuv20 x1y5kzy2 x1ns7tj1 x1755wjq x1df3ybb xuxw1ft" },
|
|
182
|
+
1: { className: "x9f619 x78zum5 x6s0dn4 x1qd3hfq xkfhurs x178xt8z x13fuv20 x1y5kzy2 x1ns7tj1 x1755wjq x1df3ybb xuxw1ft xl56j7k x2wwxx xnjsko4 x1latcaw" }
|
|
183
|
+
}[!!n | 0],
|
|
184
|
+
children: e
|
|
185
|
+
});
|
|
186
|
+
}
|
|
187
|
+
function w() {
|
|
188
|
+
let t = i(h);
|
|
189
|
+
return t === null ? null : /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", {
|
|
190
|
+
className: "x9f619 x2lah0s x1ey3j9m xs1s249 x32b0ac x1dnzeuw x78zum5 x1fprbv3",
|
|
191
|
+
children: /* @__PURE__ */ u(e, {
|
|
192
|
+
ref: t.navigationToggleRef,
|
|
193
|
+
variant: "ghost",
|
|
194
|
+
"aria-label": t.isExpanded ? "Collapse navigation" : "Expand navigation",
|
|
195
|
+
"aria-controls": t.sidebarId,
|
|
196
|
+
"aria-expanded": t.isExpanded,
|
|
197
|
+
onClick: t.onToggle,
|
|
198
|
+
xstyle: g.toggle,
|
|
199
|
+
children: /* @__PURE__ */ u(f, {
|
|
200
|
+
size: 16,
|
|
201
|
+
"aria-hidden": !0
|
|
202
|
+
})
|
|
203
|
+
})
|
|
204
|
+
}), /* @__PURE__ */ u("div", {
|
|
205
|
+
className: "x9f619 x2lah0s x1ey3j9m xs1s249 x32b0ac x1dnzeuw x1s85apg x129v5fc",
|
|
206
|
+
children: /* @__PURE__ */ u(n.Trigger, {
|
|
207
|
+
handle: t.drawerHandle,
|
|
208
|
+
render: /* @__PURE__ */ u(e, {
|
|
209
|
+
variant: "ghost",
|
|
210
|
+
"aria-label": "Open navigation",
|
|
211
|
+
xstyle: g.toggle
|
|
212
|
+
}),
|
|
213
|
+
children: /* @__PURE__ */ u(f, {
|
|
214
|
+
size: 16,
|
|
215
|
+
"aria-hidden": !0
|
|
216
|
+
})
|
|
217
|
+
})
|
|
218
|
+
})] });
|
|
219
|
+
}
|
|
220
|
+
// src/layout/app-shell.tsx
|
|
221
|
+
var T = { drawer: {
|
|
222
|
+
kzqmXN: "x10cvabo",
|
|
223
|
+
ks0D6T: "x1recik0",
|
|
224
|
+
$$css: !0
|
|
225
|
+
} };
|
|
226
|
+
function E({ sidebarHeader: e, sidebar: t, footer: r, children: i }) {
|
|
227
|
+
let [l, f] = c(!0), [p, g] = c(!1), [y] = c(() => n.createHandle()), b = o(), x = s(null);
|
|
228
|
+
return a(() => {
|
|
229
|
+
let e = globalThis.matchMedia(m.sidebarDesktopQuery);
|
|
230
|
+
function t() {
|
|
231
|
+
e.matches && g(!1);
|
|
232
|
+
}
|
|
233
|
+
return e.addEventListener("change", t), () => e.removeEventListener("change", t);
|
|
234
|
+
}, []), /* @__PURE__ */ d(h.Provider, {
|
|
235
|
+
value: {
|
|
236
|
+
isExpanded: l,
|
|
237
|
+
sidebarId: b,
|
|
238
|
+
drawerHandle: y,
|
|
239
|
+
navigationToggleRef: x,
|
|
240
|
+
onToggle: () => f((e) => !e),
|
|
241
|
+
onNavigate: () => g(!1)
|
|
242
|
+
},
|
|
243
|
+
children: [/* @__PURE__ */ d("div", {
|
|
244
|
+
className: "x9f619 x1ov3xa9 x78zum5 x1kb4e9r xn4qiis x1o2ymkw xsbzcza x1l4bni5 xvmahel",
|
|
245
|
+
children: [/* @__PURE__ */ u("aside", {
|
|
246
|
+
id: b,
|
|
247
|
+
"aria-label": "Navigation",
|
|
248
|
+
...{
|
|
249
|
+
0: { className: "x9f619 x78zum5 x1fprbv3 xdt5ytf xs1s249 x32b0ac x1dnzeuw x1kb4e9r x7wzq59 x13vifvy xtdtrs8 x10cvabo x2lah0s x2lwn1j xeuugli" },
|
|
250
|
+
1: { className: "x9f619 x78zum5 x1fprbv3 xdt5ytf xs1s249 x32b0ac x1dnzeuw x1kb4e9r x7wzq59 x13vifvy xtdtrs8 x2lah0s x2lwn1j xeuugli x1ey3j9m" }
|
|
251
|
+
}[!l | 0],
|
|
252
|
+
children: /* @__PURE__ */ u(_, {
|
|
253
|
+
header: e,
|
|
254
|
+
footer: r,
|
|
255
|
+
children: t
|
|
256
|
+
})
|
|
257
|
+
}), /* @__PURE__ */ u("main", {
|
|
258
|
+
id: "main",
|
|
259
|
+
tabIndex: -1,
|
|
260
|
+
className: "xeuugli x98rzlu",
|
|
261
|
+
children: i
|
|
262
|
+
})]
|
|
263
|
+
}), /* @__PURE__ */ u(n.Root, {
|
|
264
|
+
handle: y,
|
|
265
|
+
open: p,
|
|
266
|
+
onOpenChange: g,
|
|
267
|
+
children: /* @__PURE__ */ d(n.Portal, { children: [/* @__PURE__ */ u(n.Backdrop, {}), /* @__PURE__ */ u(n.Viewport, { children: /* @__PURE__ */ d(n.Popup, {
|
|
268
|
+
xstyle: T.drawer,
|
|
269
|
+
finalFocus: () => !globalThis.matchMedia(m.sidebarDesktopQuery).matches || x.current,
|
|
270
|
+
children: [/* @__PURE__ */ u(n.Title, {
|
|
271
|
+
visuallyHidden: !0,
|
|
272
|
+
children: "Navigation"
|
|
273
|
+
}), /* @__PURE__ */ u(_, {
|
|
274
|
+
header: e,
|
|
275
|
+
footer: r,
|
|
276
|
+
close: /* @__PURE__ */ u(v, {}),
|
|
277
|
+
children: t
|
|
278
|
+
})]
|
|
279
|
+
}) })] })
|
|
280
|
+
})]
|
|
281
|
+
});
|
|
282
|
+
}
|
|
283
|
+
// src/layout/page-toolbar.tsx
|
|
284
|
+
var D = { action: {
|
|
285
|
+
kZKoxP: "x5yr21d",
|
|
286
|
+
k7Eaqz: "xpzsywk",
|
|
287
|
+
k8WAf4: "xt970qd",
|
|
288
|
+
kg3NbH: "xay9x1u",
|
|
289
|
+
kaIpWk: "x2u8bby",
|
|
290
|
+
kOIVth: "x1qd3hfq",
|
|
291
|
+
$$css: !0
|
|
292
|
+
} };
|
|
293
|
+
function O({ title: e, actions: t, breadcrumb: n = !1, navigation: r = !0 }) {
|
|
294
|
+
return /* @__PURE__ */ d("header", {
|
|
295
|
+
className: "x9f619 x78zum5 x12h1iku x14ut1dr x1qjc9v5 x771t8i xso031l x1q0q8m5 xx6l4uz x1kb4e9r xn4qiis x1o2ymkw xeim5c6 x1l4bni5 xvmahel xeuugli",
|
|
296
|
+
children: [
|
|
297
|
+
r && /* @__PURE__ */ u(w, {}),
|
|
298
|
+
/* @__PURE__ */ u(n ? "nav" : "h1", {
|
|
299
|
+
"aria-label": n ? "Breadcrumb" : void 0,
|
|
300
|
+
className: "x78zum5 x6s0dn4 x1qd3hfq xay9x1u xeuugli xs83m0k x1ghz6dp x1qlqyl8 xo1l8bm",
|
|
301
|
+
children: /* @__PURE__ */ u("span", {
|
|
302
|
+
className: "xeuugli xb3r6kr xlyipyv xuxw1ft",
|
|
303
|
+
children: e
|
|
304
|
+
})
|
|
305
|
+
}),
|
|
306
|
+
t != null && /* @__PURE__ */ u("div", {
|
|
307
|
+
className: "x78zum5 x1qjc9v5 xeuugli x2lah0s x8x9d4c",
|
|
308
|
+
children: t
|
|
309
|
+
})
|
|
310
|
+
]
|
|
311
|
+
});
|
|
312
|
+
}
|
|
313
|
+
function k({ icon: e, children: n, ...r }) {
|
|
314
|
+
let i = e != null;
|
|
315
|
+
return /* @__PURE__ */ u("div", {
|
|
316
|
+
className: "x9f619 x78zum5 x1qjc9v5 xeuugli xe0pwq x19ypqd9 xniy3ka",
|
|
317
|
+
children: /* @__PURE__ */ d(t, {
|
|
318
|
+
...r,
|
|
319
|
+
variant: "ghost",
|
|
320
|
+
size: "md",
|
|
321
|
+
"aria-label": r["aria-label"] ?? (typeof n == "string" ? n : void 0),
|
|
322
|
+
xstyle: D.action,
|
|
323
|
+
children: [e, i ? /* @__PURE__ */ u("span", {
|
|
324
|
+
className: "xeuugli xb3r6kr xlyipyv xuxw1ft xt0psk2 x35s1o9",
|
|
325
|
+
children: n
|
|
326
|
+
}) : n]
|
|
327
|
+
})
|
|
328
|
+
});
|
|
329
|
+
}
|
|
330
|
+
// src/layout/detail-page.tsx
|
|
331
|
+
function A({ children: e }) {
|
|
332
|
+
return /* @__PURE__ */ u("div", {
|
|
333
|
+
className: "x9f619 xd8b7iz xjeubpl x1fqw3s0 xeuugli xvueqy4 xnjsko4 xm3he45 xf1f8v9 xeaany9 x1lp8wp9 x149zk0i",
|
|
334
|
+
children: e
|
|
335
|
+
});
|
|
336
|
+
}
|
|
337
|
+
export { E as AppShell, A as DetailPage, y as Navigation, b as NavigationItem, x as NavigationLink, O as PageToolbar, C as SidebarFooter, S as SidebarLabel, k as ToolbarAction };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ComponentProps, ReactNode } from 'react';
|
|
2
|
+
type MetricGridProps = ComponentProps<'dl'>;
|
|
3
|
+
type MetricProps = ComponentProps<'div'> & {
|
|
4
|
+
readonly label: string;
|
|
5
|
+
readonly value: string;
|
|
6
|
+
};
|
|
7
|
+
export declare function MetricGrid(props: MetricGridProps): ReactNode;
|
|
8
|
+
export declare function Metric({ label, value, ...props }: MetricProps): ReactNode;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import * as stylex from '@stylexjs/stylex';
|
|
2
|
+
export declare const overlayStyles: Readonly<{
|
|
3
|
+
readonly transition: Readonly<{
|
|
4
|
+
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity, transform">;
|
|
5
|
+
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", string>;
|
|
6
|
+
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", string>;
|
|
7
|
+
}>;
|
|
8
|
+
readonly backdrop: Readonly<{
|
|
9
|
+
readonly position: stylex.StyleXClassNameFor<"position", "fixed">;
|
|
10
|
+
readonly top: stylex.StyleXClassNameFor<"top", 0>;
|
|
11
|
+
readonly right: stylex.StyleXClassNameFor<"right", 0>;
|
|
12
|
+
readonly bottom: stylex.StyleXClassNameFor<"bottom", 0>;
|
|
13
|
+
readonly left: stylex.StyleXClassNameFor<"left", 0>;
|
|
14
|
+
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
|
|
15
|
+
readonly zIndex: stylex.StyleXClassNameFor<"zIndex", string>;
|
|
16
|
+
readonly opacity: stylex.StyleXClassNameFor<"opacity", 1>;
|
|
17
|
+
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity">;
|
|
18
|
+
readonly ':is([data-starting-style], [data-ending-style])': stylex.StyleXClassNameFor<":is([data-starting-style], [data-ending-style])", {
|
|
19
|
+
readonly opacity: 0;
|
|
20
|
+
}>;
|
|
21
|
+
}>;
|
|
22
|
+
readonly title: Readonly<{
|
|
23
|
+
readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
|
|
24
|
+
readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
|
|
25
|
+
readonly WebkitFontSmoothing: stylex.StyleXClassNameFor<"WebkitFontSmoothing", "antialiased">;
|
|
26
|
+
readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
|
|
27
|
+
readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
|
|
28
|
+
readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", 600>;
|
|
29
|
+
readonly color: stylex.StyleXClassNameFor<"color", string>;
|
|
30
|
+
}>;
|
|
31
|
+
readonly description: Readonly<{
|
|
32
|
+
readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
|
|
33
|
+
readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
|
|
34
|
+
readonly WebkitFontSmoothing: stylex.StyleXClassNameFor<"WebkitFontSmoothing", "antialiased">;
|
|
35
|
+
readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
|
|
36
|
+
readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
|
|
37
|
+
readonly color: stylex.StyleXClassNameFor<"color", string>;
|
|
38
|
+
readonly overflowWrap: stylex.StyleXClassNameFor<"overflowWrap", "anywhere">;
|
|
39
|
+
}>;
|
|
40
|
+
readonly content: Readonly<{
|
|
41
|
+
readonly display: stylex.StyleXClassNameFor<"display", "flex">;
|
|
42
|
+
readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
|
|
43
|
+
readonly gap: stylex.StyleXClassNameFor<"gap", string>;
|
|
44
|
+
readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
|
|
45
|
+
}>;
|
|
46
|
+
}>;
|
package/dist/select.d.ts
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { Select as BaseSelect } from '@base-ui/react/select';
|
|
2
|
+
import type { ComponentProps, ReactNode } from 'react';
|
|
3
|
+
import type { OpenStateProperties, ReadOnlyValueProperties, ValueStateProperties } from './control-state.ts';
|
|
4
|
+
import type { ControlStyle, PlacementStyle } from './style-composition.ts';
|
|
5
|
+
type SelectVariant = 'outline' | 'ghost';
|
|
6
|
+
type SelectRootProps<Value, Multiple extends boolean | undefined> = Omit<BaseSelect.Root.Props<Value, Multiple>, 'value' | 'defaultValue' | 'onValueChange' | 'open' | 'defaultOpen' | 'onOpenChange'> & OpenStateProperties<NonNullable<BaseSelect.Root.Props<Value, Multiple>['onOpenChange']>> & (ValueStateProperties<Exclude<BaseSelect.Root.Props<Value, Multiple>['value'], undefined>, NonNullable<BaseSelect.Root.Props<Value, Multiple>['onValueChange']>> | ReadOnlyValueProperties<Exclude<BaseSelect.Root.Props<Value, Multiple>['value'], undefined>, NonNullable<BaseSelect.Root.Props<Value, Multiple>['onValueChange']>>);
|
|
7
|
+
type SelectTriggerProps = ComponentProps<typeof BaseSelect.Trigger> & {
|
|
8
|
+
readonly variant?: SelectVariant;
|
|
9
|
+
readonly xstyle?: ControlStyle;
|
|
10
|
+
};
|
|
11
|
+
type SelectValueProps = ComponentProps<typeof BaseSelect.Value> & {
|
|
12
|
+
readonly xstyle?: PlacementStyle;
|
|
13
|
+
};
|
|
14
|
+
type SelectIconProps = ComponentProps<typeof BaseSelect.Icon>;
|
|
15
|
+
type SelectPositionerProps = ComponentProps<typeof BaseSelect.Positioner> & {
|
|
16
|
+
readonly xstyle?: PlacementStyle;
|
|
17
|
+
};
|
|
18
|
+
type SelectPopupProps = ComponentProps<typeof BaseSelect.Popup>;
|
|
19
|
+
type SelectItemProps = ComponentProps<typeof BaseSelect.Item>;
|
|
20
|
+
type SelectItemTextProps = ComponentProps<typeof BaseSelect.ItemText>;
|
|
21
|
+
type SelectItemIndicatorProps = ComponentProps<typeof BaseSelect.ItemIndicator>;
|
|
22
|
+
declare function SelectRoot<Value, Multiple extends boolean | undefined = false>(props: SelectRootProps<Value, Multiple>): ReactNode;
|
|
23
|
+
declare function SelectTrigger({ variant, className, style, xstyle, ...props }: SelectTriggerProps): ReactNode;
|
|
24
|
+
declare function SelectValue({ className, style, xstyle, ...props }: SelectValueProps): ReactNode;
|
|
25
|
+
declare function SelectIcon({ className, style, ...props }: SelectIconProps): ReactNode;
|
|
26
|
+
declare function SelectPositioner({ className, style, xstyle, sideOffset, alignItemWithTrigger, ...props }: SelectPositionerProps): ReactNode;
|
|
27
|
+
declare function SelectPopup({ className, style, ...props }: SelectPopupProps): ReactNode;
|
|
28
|
+
declare function SelectItem({ className, style, ...props }: SelectItemProps): ReactNode;
|
|
29
|
+
declare function SelectItemText({ className, style, ...props }: SelectItemTextProps): ReactNode;
|
|
30
|
+
declare function SelectItemIndicator({ className, style, ...props }: SelectItemIndicatorProps): ReactNode;
|
|
31
|
+
export declare const Select: {
|
|
32
|
+
Root: typeof SelectRoot;
|
|
33
|
+
Trigger: typeof SelectTrigger;
|
|
34
|
+
Value: typeof SelectValue;
|
|
35
|
+
Icon: typeof SelectIcon;
|
|
36
|
+
Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
37
|
+
Positioner: typeof SelectPositioner;
|
|
38
|
+
Popup: typeof SelectPopup;
|
|
39
|
+
List: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
40
|
+
Item: typeof SelectItem;
|
|
41
|
+
ItemText: typeof SelectItemText;
|
|
42
|
+
ItemIndicator: typeof SelectItemIndicator;
|
|
43
|
+
};
|
|
44
|
+
export {};
|