welcome-ui 10.0.0-alpha.14 → 10.0.0-alpha.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/7PRQYBBV-D9IY4qtU.js +14 -0
- package/dist/{B7UTNDHN-BghjolIs.js → B7UTNDHN-DDN2hpM5.js} +18 -28
- package/dist/DropdownMenu.js +17 -16
- package/dist/FileDrop.css +1 -1
- package/dist/FileDrop.js +131 -130
- package/dist/Icon.js +6 -4
- package/dist/NSTBQJLB-C_1-awKs.js +173 -0
- package/dist/OLVWQA7U-UYYsJnlv.js +20 -0
- package/dist/RadioGroup.js +1 -1
- package/dist/Stepper.css +1 -1
- package/dist/Stepper.js +69 -34
- package/dist/Tabs.js +491 -371
- package/dist/Window.css +1 -0
- package/dist/Window.js +106 -0
- package/dist/tab-panel-B8NigruF.js +216 -0
- package/dist/types/components/Icon/icons.d.ts +6 -5
- package/dist/types/components/Tabs/utils.d.ts +2 -2
- package/dist/types/components/Window/components/Body.d.ts +3 -0
- package/dist/types/components/Window/components/BoxText.d.ts +3 -0
- package/dist/types/components/Window/components/Header.d.ts +13 -0
- package/dist/types/components/Window/components/Media.d.ts +3 -0
- package/dist/types/components/Window/components/TabPanel.d.ts +1 -0
- package/dist/types/components/Window/index.d.ts +22 -0
- package/dist/types/components/Window/index.test.d.ts +1 -0
- package/dist/types/components/Window/types.d.ts +48 -0
- package/package.json +1 -1
- package/dist/OLVWQA7U-Dia3UUnG.js +0 -187
|
@@ -1,15 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
const i = [];
|
|
6
|
-
for (const e of t)
|
|
7
|
-
i.push(...e);
|
|
8
|
-
return i;
|
|
9
|
-
}
|
|
10
|
-
function $(t) {
|
|
11
|
-
return t.slice().reverse();
|
|
12
|
-
}
|
|
2
|
+
import { r as U, f as Q } from "./7PRQYBBV-D9IY4qtU.js";
|
|
3
|
+
import { z as S, A as R, V as X, B as L, s as Z, g as p, C as ee } from "./OE2EFRVA-Dg1R6gaC.js";
|
|
4
|
+
import { t as te, c as z, s as M, i as ne, f as $, a as h, d as re } from "./RTNCFSKZ-BywELldk.js";
|
|
13
5
|
function ie(t) {
|
|
14
6
|
var i;
|
|
15
7
|
const e = t.find((a) => !!a.element), o = [...t].reverse().find((a) => !!a.element);
|
|
@@ -19,14 +11,14 @@ function ie(t) {
|
|
|
19
11
|
return s;
|
|
20
12
|
s = s.parentElement;
|
|
21
13
|
}
|
|
22
|
-
return
|
|
14
|
+
return p(s).body;
|
|
23
15
|
}
|
|
24
16
|
function se(t) {
|
|
25
17
|
return t == null ? void 0 : t.__unstablePrivateStore;
|
|
26
18
|
}
|
|
27
19
|
function oe(t = {}) {
|
|
28
20
|
var i;
|
|
29
|
-
|
|
21
|
+
te(t, t.store);
|
|
30
22
|
const e = (i = t.store) == null ? void 0 : i.getState(), o = S(
|
|
31
23
|
t.items,
|
|
32
24
|
e == null ? void 0 : e.items,
|
|
@@ -39,12 +31,12 @@ function oe(t = {}) {
|
|
|
39
31
|
{ items: o, renderedItems: a.renderedItems },
|
|
40
32
|
d
|
|
41
33
|
), n = z(a, t.store), b = (r) => {
|
|
42
|
-
const l =
|
|
34
|
+
const l = Z(r, (c) => c.element);
|
|
43
35
|
u.setState("renderedItems", l), n.setState("renderedItems", l);
|
|
44
36
|
};
|
|
45
|
-
M(n, () =>
|
|
37
|
+
M(n, () => ne(u)), M(u, () => $(u, ["items"], (r) => {
|
|
46
38
|
n.setState("items", r.items);
|
|
47
|
-
})), M(u, () =>
|
|
39
|
+
})), M(u, () => $(u, ["renderedItems"], (r) => {
|
|
48
40
|
let l = !0, c = requestAnimationFrame(() => {
|
|
49
41
|
const { renderedItems: m } = n.getState();
|
|
50
42
|
r.renderedItems !== m && b(r.renderedItems);
|
|
@@ -92,7 +84,7 @@ function oe(t = {}) {
|
|
|
92
84
|
);
|
|
93
85
|
return R(L({}, n), {
|
|
94
86
|
registerItem: P,
|
|
95
|
-
renderItem: (r) =>
|
|
87
|
+
renderItem: (r) => X(
|
|
96
88
|
P(r),
|
|
97
89
|
E(
|
|
98
90
|
r,
|
|
@@ -113,7 +105,7 @@ function oe(t = {}) {
|
|
|
113
105
|
});
|
|
114
106
|
}
|
|
115
107
|
function le(t, i, e) {
|
|
116
|
-
return
|
|
108
|
+
return ee(i, [e.store]), h(t, e, "items", "setItems"), t;
|
|
117
109
|
}
|
|
118
110
|
var ae = { id: null };
|
|
119
111
|
function _(t, i) {
|
|
@@ -185,7 +177,7 @@ function me(t) {
|
|
|
185
177
|
}
|
|
186
178
|
return o;
|
|
187
179
|
}
|
|
188
|
-
function
|
|
180
|
+
function ge(t = {}) {
|
|
189
181
|
var i;
|
|
190
182
|
const e = (i = t.store) == null ? void 0 : i.getState(), o = oe(t), s = S(
|
|
191
183
|
t.activeId,
|
|
@@ -222,7 +214,7 @@ function Se(t = {}) {
|
|
|
222
214
|
}), d = z(a, o, t.store);
|
|
223
215
|
M(
|
|
224
216
|
d,
|
|
225
|
-
() =>
|
|
217
|
+
() => re(d, ["renderedItems", "activeId"], (n) => {
|
|
226
218
|
d.setState("activeId", (b) => {
|
|
227
219
|
var E;
|
|
228
220
|
return b !== void 0 ? b : (E = _(n.renderedItems)) == null ? void 0 : E.id;
|
|
@@ -241,10 +233,10 @@ function Se(t = {}) {
|
|
|
241
233
|
renderedItems: w = r.renderedItems,
|
|
242
234
|
rtl: x = r.rtl
|
|
243
235
|
} = b, y = n === "up" || n === "down", O = n === "next" || n === "down", H = O ? x && !y : !x || y, J = g && !l;
|
|
244
|
-
let v = y ?
|
|
236
|
+
let v = y ? Q(
|
|
245
237
|
fe(Y(w), c, J)
|
|
246
238
|
) : w;
|
|
247
|
-
if (v = H ?
|
|
239
|
+
if (v = H ? U(v) : v, v = y ? me(v) : v, c == null)
|
|
248
240
|
return (E = _(v)) == null ? void 0 : E.id;
|
|
249
241
|
const C = v.find((I) => I.id === c);
|
|
250
242
|
if (!C)
|
|
@@ -288,7 +280,7 @@ function Se(t = {}) {
|
|
|
288
280
|
},
|
|
289
281
|
last: () => {
|
|
290
282
|
var n;
|
|
291
|
-
return (n = _(
|
|
283
|
+
return (n = _(U(d.getState().renderedItems))) == null ? void 0 : n.id;
|
|
292
284
|
},
|
|
293
285
|
next: (n) => (n !== void 0 && typeof n == "number" && (n = { skip: n }), u("next", n)),
|
|
294
286
|
previous: (n) => (n !== void 0 && typeof n == "number" && (n = { skip: n }), u("previous", n)),
|
|
@@ -296,13 +288,11 @@ function Se(t = {}) {
|
|
|
296
288
|
up: (n) => (n !== void 0 && typeof n == "number" && (n = { skip: n }), u("up", n))
|
|
297
289
|
});
|
|
298
290
|
}
|
|
299
|
-
function
|
|
291
|
+
function xe(t, i, e) {
|
|
300
292
|
return t = le(t, i, e), h(t, e, "activeId", "setActiveId"), h(t, e, "includesBaseElement"), h(t, e, "virtualFocus"), h(t, e, "orientation"), h(t, e, "rtl"), h(t, e, "focusLoop"), h(t, e, "focusWrap"), h(t, e, "focusShift"), t;
|
|
301
293
|
}
|
|
302
294
|
export {
|
|
303
295
|
oe as a,
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
$ as r,
|
|
307
|
-
ge as u
|
|
296
|
+
ge as c,
|
|
297
|
+
xe as u
|
|
308
298
|
};
|
package/dist/DropdownMenu.js
CHANGED
|
@@ -7,14 +7,15 @@ import { u as ke, C as Ke, a as je, f as Lt, b as Ht } from "./SBSPVDDI-CmtnvvUX
|
|
|
7
7
|
import { c as _, _ as P, a as f, f as x, b as y, i as G, d as I, e as We, u as z, g as Ue, s as Ft, r as re, h as $t, j as Rt, n as Gt, k as ce, l as Me, m as Vt, o as zt, p as be, q as X, t as Bt, v as le, w as Kt, x as jt, y as de, z as K, A as Q, B as $, C as qe, D as Wt, E as Ut, F as qt, G as Ze, H as Zt, I as Jt, J as Qt, K as Je, L as Xt, M as Yt, N as er } from "./OE2EFRVA-Dg1R6gaC.js";
|
|
8
8
|
import { createContext as _e, useRef as xe, useState as ye, useContext as Se, useCallback as tr, useEffect as Y, createRef as rr, useMemo as nr, forwardRef as N, createElement as or } from "react";
|
|
9
9
|
import { i as ar } from "./T22PY7TE-gLuJpoOm.js";
|
|
10
|
-
import { u as sr
|
|
11
|
-
import { c as
|
|
10
|
+
import { u as sr } from "./NSTBQJLB-C_1-awKs.js";
|
|
11
|
+
import { c as ur, R as ir } from "./NI3IVY7K-Dy240mkD.js";
|
|
12
12
|
import { c as W } from "./index-PAaZGbyz.js";
|
|
13
13
|
import { f as ee } from "./forwardRefWithAs-8eP3ZN15.js";
|
|
14
|
-
import { u as
|
|
15
|
-
import { C as
|
|
16
|
-
import { u as
|
|
17
|
-
import { c as
|
|
14
|
+
import { u as cr, a as lr } from "./4I4MLMKD-BO6Lcy7s.js";
|
|
15
|
+
import { C as dr, u as mr } from "./KPUWHTQJ-Dv3cAqjP.js";
|
|
16
|
+
import { u as fr } from "./SQZLCNLX-Dg4KKdNJ.js";
|
|
17
|
+
import { c as pr, u as vr } from "./B7UTNDHN-DDN2hpM5.js";
|
|
18
|
+
import { u as hr } from "./OLVWQA7U-UYYsJnlv.js";
|
|
18
19
|
import { Checkbox as br } from "./Checkbox.js";
|
|
19
20
|
import { Radio as gr } from "./Radio.js";
|
|
20
21
|
import { Toggle as wr } from "./Toggle.js";
|
|
@@ -257,7 +258,7 @@ function Rr(n) {
|
|
|
257
258
|
var it = _(
|
|
258
259
|
function(t) {
|
|
259
260
|
var r = t, { store: e, checked: o } = r, a = P(r, ["store", "checked"]);
|
|
260
|
-
const s = Se(
|
|
261
|
+
const s = Se(dr);
|
|
261
262
|
o = o ?? s;
|
|
262
263
|
const u = Rr({ checked: o, children: a.children });
|
|
263
264
|
return a = I(f({
|
|
@@ -482,7 +483,7 @@ var Wr = "div", Ur = _(function(t) {
|
|
|
482
483
|
})), l = f({
|
|
483
484
|
"aria-labelledby": g
|
|
484
485
|
}, l), l;
|
|
485
|
-
}), qr =
|
|
486
|
+
}), qr = ur(
|
|
486
487
|
x(function(t) {
|
|
487
488
|
const r = Ur(t);
|
|
488
489
|
return y(Wr, r);
|
|
@@ -492,7 +493,7 @@ var Wr = "div", Ur = _(function(t) {
|
|
|
492
493
|
function(t) {
|
|
493
494
|
var r = t, { store: e } = r, o = P(r, ["store"]);
|
|
494
495
|
const a = me();
|
|
495
|
-
return e = e || a,
|
|
496
|
+
return e = e || a, cr(f({ store: e }, o));
|
|
496
497
|
}
|
|
497
498
|
), Qr = x(function(t) {
|
|
498
499
|
const r = Jr(t);
|
|
@@ -551,7 +552,7 @@ var en = _(
|
|
|
551
552
|
(w) => /* @__PURE__ */ d(ct, { value: e, children: w }),
|
|
552
553
|
[e]
|
|
553
554
|
), p && (u = I(f({}, u), {
|
|
554
|
-
render: /* @__PURE__ */ d(
|
|
555
|
+
render: /* @__PURE__ */ d(ir.div, { render: u.render })
|
|
555
556
|
}));
|
|
556
557
|
const k = Me(u.id), Z = L(
|
|
557
558
|
(l == null ? void 0 : l.combobox) || l,
|
|
@@ -583,7 +584,7 @@ var en = _(
|
|
|
583
584
|
const B = i ? h : l;
|
|
584
585
|
return B && B.setActiveId(w.currentTarget.id), !0;
|
|
585
586
|
}
|
|
586
|
-
})), u =
|
|
587
|
+
})), u = lr(f({
|
|
587
588
|
store: e,
|
|
588
589
|
toggleOnClick: !p,
|
|
589
590
|
focusable: o,
|
|
@@ -734,7 +735,7 @@ var vn = _(
|
|
|
734
735
|
});
|
|
735
736
|
return c = f({
|
|
736
737
|
role: "menuitemcheckbox"
|
|
737
|
-
}, c), c =
|
|
738
|
+
}, c), c = mr(f({
|
|
738
739
|
store: p,
|
|
739
740
|
name: o,
|
|
740
741
|
value: a,
|
|
@@ -785,7 +786,7 @@ var gn = _(
|
|
|
785
786
|
[p]
|
|
786
787
|
), c = f({
|
|
787
788
|
role: "menuitemradio"
|
|
788
|
-
}, c), c =
|
|
789
|
+
}, c), c = fr(f({
|
|
789
790
|
name: o,
|
|
790
791
|
value: a,
|
|
791
792
|
checked: p,
|
|
@@ -824,7 +825,7 @@ function Cn(n = {}) {
|
|
|
824
825
|
])
|
|
825
826
|
);
|
|
826
827
|
Ge(a, u);
|
|
827
|
-
const m = u.getState(), c =
|
|
828
|
+
const m = u.getState(), c = pr(Q($({}, a), {
|
|
828
829
|
store: u,
|
|
829
830
|
orientation: K(
|
|
830
831
|
a.orientation,
|
|
@@ -888,7 +889,7 @@ function Cn(n = {}) {
|
|
|
888
889
|
function kn(n, t, r) {
|
|
889
890
|
return qe(t, [r.combobox, r.parent, r.menubar]), Be(n, r, "values", "setValues"), Object.assign(
|
|
890
891
|
Tt(
|
|
891
|
-
|
|
892
|
+
vr(n, t, r),
|
|
892
893
|
t,
|
|
893
894
|
r
|
|
894
895
|
),
|
|
@@ -900,7 +901,7 @@ function kn(n, t, r) {
|
|
|
900
901
|
);
|
|
901
902
|
}
|
|
902
903
|
function Ne(n = {}) {
|
|
903
|
-
const t = me(), r = _r(), e =
|
|
904
|
+
const t = me(), r = _r(), e = hr();
|
|
904
905
|
n = I(f({}, n), {
|
|
905
906
|
parent: n.parent !== void 0 ? n.parent : t,
|
|
906
907
|
menubar: n.menubar !== void 0 ? n.menubar : r,
|
package/dist/FileDrop.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.
|
|
1
|
+
@layer components{._root_dadju_2{border-radius:var(--border-radius-xs);border-width:var(--border-width-xs);font-size:var(--font-size-14);font-weight:var(--font-weight-regular);line-height:var(--border-radius-xl);outline:none;border-style:dashed;min-height:12.5rem;position:relative;display:flex;justify-content:center;align-items:center;padding:var(--border-radius-lg);transition:var(--duration-medium);color:var(--color, var(--color-background-neutral-primary-fixed));background-color:var(--backgroundColor, var(--color-background-neutral-inverse-fixed));border-color:var(--borderColor, var(--color-background-neutral-subtlest))}._root_dadju_2:focus{--borderColor: var(--color-background-brand-primary);box-shadow:var(--color-background-brand-subtle) 0 0 0 2px}._root_dadju_2._disabled_dadju_26{--backgroundColor: var(--color-background-warm-strong);--borderColor: var(--color-background-neutral-subtlest);--color: var(--color-icon-warm-tertiary);cursor:not-allowed}._root_dadju_2._drag-reject_dadju_32{--borderColor: var(--color-background-danger-primary)}._file-input_dadju_35{display:block;height:0;opacity:0}._file-preview_dadju_40{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}._file-preview-icon_dadju_48{margin-bottom:var(--border-radius-xl)}._file-preview-name_dadju_51{margin:0;max-width:600px}._file-preview-size_dadju_55{margin:0}._file-preview-button_dadju_58{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg)}._image-preview_dadju_63{max-height:100%;max-width:100%;object-fit:contain}._actions_dadju_68{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}._message-title_dadju_73{margin:0}._message-hint_dadju_76{margin:0;margin-top:var(--border-radius-sm);color:var(--color-icon-warm-tertiary)}._message-file-button-text_dadju_81{margin-top:var(--border-radius-xl)}._message-icon_dadju_84{margin-bottom:var(--spacing-lg)}}
|