@wrdagency/blockout 0.0.4 → 0.0.6
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/{2NBKRL7C-DnAMmXv4.js → 2NBKRL7C-raj2vrMY.js} +3 -3
- package/dist/{P7GR5CS5-BryEvRCz.js → P7GR5CS5-PkUYC6hd.js} +199 -180
- package/dist/{T7VMP3TM--1s529fr.js → T7VMP3TM-BeJUiw28.js} +683 -679
- package/dist/{UQQRIHDV-Bfi_RJby.js → UQQRIHDV-xtNCxi0H.js} +115 -115
- package/dist/{VIIRIBF3-XWA2y8Hu.js → VIIRIBF3-B3f0V2Nc.js} +1 -1
- package/dist/assets/index.css +1 -1
- package/dist/assets/index11.css +1 -1
- package/dist/assets/index2.css +1 -1
- package/dist/assets/index3.css +1 -1
- package/dist/assets/index4.css +1 -1
- package/dist/assets/index5.css +1 -1
- package/dist/assets/index6.css +1 -1
- package/dist/assets/index7.css +1 -1
- package/dist/assets/index8.css +1 -1
- package/dist/assets/style.css +1 -0
- package/dist/assets/styles.css +1 -0
- package/dist/components/button/index.js +1 -1
- package/dist/components/button-group/index.js +1 -1
- package/dist/components/controls/base-control/index.d.ts +4 -2
- package/dist/components/controls/base-control/index.js +26 -22
- package/dist/components/controls/choice-control/choice.d.ts +8 -0
- package/dist/components/controls/choice-control/choice.js +54 -0
- package/dist/components/controls/choice-control/index.d.ts +9 -0
- package/dist/components/controls/choice-control/index.js +31 -0
- package/dist/components/controls/index.d.ts +1 -0
- package/dist/components/controls/index.js +12 -10
- package/dist/components/controls/number-control/index.js +1 -1
- package/dist/components/controls/ranked-choice-control/index.d.ts +1 -0
- package/dist/components/controls/ranked-choice-control/index.js +1 -0
- package/dist/components/controls/select-control/index.d.ts +2 -1
- package/dist/components/controls/select-control/index.js +1642 -374
- package/dist/components/controls/textarea-control/index.js +1 -1
- package/dist/components/controls/toggle-control/index.js +10 -9
- package/dist/components/data-table/header.js +9 -8
- package/dist/components/index.d.ts +2 -1
- package/dist/components/index.js +17 -13
- package/dist/components/menu/index.js +4 -4
- package/dist/components/menu/item.js +1 -1
- package/dist/components/menu/items/action.js +1 -1
- package/dist/components/menu/items/spacer.js +2 -2
- package/dist/components/menu/items/submenu.js +2 -2
- package/dist/components/menu/items/toggle.js +1 -1
- package/dist/components/progress/index.d.ts +7 -0
- package/dist/components/progress/index.js +28 -0
- package/dist/index.js +25 -17
- package/dist/{item-CPVd5mKo.js → item-Bcbx6pI-.js} +87 -87
- package/dist/primitives/index.d.ts +2 -0
- package/dist/primitives/index.js +6 -2
- package/dist/primitives/resizable/index.js +7 -6
- package/dist/primitives/visually-hidden/index.js +6 -0
- package/package.json +2 -1
- package/dist/components/visually-hidden/index.js +0 -5
- /package/dist/{components → primitives}/visually-hidden/index.d.ts +0 -0
- /package/dist/{components/controls/select-control → types}/options.d.ts +0 -0
- /package/dist/{components/controls/select-control → types}/options.js +0 -0
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { i as
|
|
1
|
+
import { i as Ue, Q as j, R as gt, S as Et, T as yt, D as Ae, L as ht, x as It, z as He, U as wt, V as je, v as be, h as B, j as D, e as A, F as xt, W as he, n as _t, b as ee, _ as H, X as Tt, r as qe, s as te, t as ce, f as re, d as ne, Y as oe, I as ze, Z as Ct, $ as Ge, E as De, J as Ie, a0 as $e, a1 as Q, a2 as ie, a3 as W, a4 as Ot, a5 as Pt, a6 as We, a7 as At, a8 as Dt, a9 as Fe, p as Ye, aa as Ft, ab as ve, u as ae, ac as Lt, ad as Mt, G as kt, ae as Kt, af as Rt, m as Je, B as Vt } from "./P7GR5CS5-PkUYC6hd.js";
|
|
2
2
|
import * as $ from "react";
|
|
3
|
-
import
|
|
3
|
+
import Xe, { useRef as Y, useEffect as G, createContext as Nt, useState as me, useContext as Qe, useMemo as Ze, useCallback as et } from "react";
|
|
4
4
|
import { g as Bt } from "./_commonjsHelpers-C6fGbg64.js";
|
|
5
|
-
import { jsx as
|
|
5
|
+
import { jsx as Ut } from "react/jsx-runtime";
|
|
6
6
|
function q(e, t) {
|
|
7
7
|
const r = e.__unstableInternals;
|
|
8
|
-
return
|
|
8
|
+
return Ue(r, "Invalid store"), r[t];
|
|
9
9
|
}
|
|
10
10
|
function Se(e, ...t) {
|
|
11
11
|
let r = e, n = r, o = Symbol(), s = wt;
|
|
@@ -50,13 +50,13 @@ function Se(e, ...t) {
|
|
|
50
50
|
for (const a of t)
|
|
51
51
|
(F = a == null ? void 0 : a.setState) == null || F.call(a, E, L);
|
|
52
52
|
const V = r;
|
|
53
|
-
r = It(
|
|
53
|
+
r = It(He({}, r), { [E]: L });
|
|
54
54
|
const O = Symbol();
|
|
55
55
|
o = O, c.add(E);
|
|
56
56
|
const N = (a, y, T) => {
|
|
57
57
|
var u;
|
|
58
|
-
const
|
|
59
|
-
(!
|
|
58
|
+
const x = v.get(a), _ = (z) => T ? T.has(z) : z === E;
|
|
59
|
+
(!x || x.some(_)) && ((u = i.get(a)) == null || u(), i.set(a, a(r, y)));
|
|
60
60
|
};
|
|
61
61
|
for (const a of m)
|
|
62
62
|
N(a, V);
|
|
@@ -98,7 +98,7 @@ function nt(e, ...t) {
|
|
|
98
98
|
if (e)
|
|
99
99
|
return q(e, "sync")(...t);
|
|
100
100
|
}
|
|
101
|
-
function
|
|
101
|
+
function Ht(e, ...t) {
|
|
102
102
|
if (e)
|
|
103
103
|
return q(e, "batch")(...t);
|
|
104
104
|
}
|
|
@@ -162,7 +162,7 @@ var Le;
|
|
|
162
162
|
function jt() {
|
|
163
163
|
if (Le) return fe;
|
|
164
164
|
Le = 1;
|
|
165
|
-
var e =
|
|
165
|
+
var e = Xe;
|
|
166
166
|
function t(i, v) {
|
|
167
167
|
return i === v && (i !== 0 || 1 / i === 1 / v) || i !== i && v !== v;
|
|
168
168
|
}
|
|
@@ -258,7 +258,7 @@ function qt() {
|
|
|
258
258
|
return g();
|
|
259
259
|
}
|
|
260
260
|
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
|
|
261
|
-
var o =
|
|
261
|
+
var o = Xe, s = typeof Object.is == "function" ? Object.is : e, l = o.useState, c = o.useEffect, p = o.useLayoutEffect, m = o.useDebugValue, b = !1, i = !1, v = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? n : t;
|
|
262
262
|
de.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : v, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
|
|
263
263
|
}()), de;
|
|
264
264
|
}
|
|
@@ -309,13 +309,13 @@ function Yt(e, t) {
|
|
|
309
309
|
return ot(n, o, o);
|
|
310
310
|
}
|
|
311
311
|
function Nr(e, t, r, n) {
|
|
312
|
-
const o = j(t, r) ? t[r] : void 0, s = n ? t[n] : void 0, l =
|
|
312
|
+
const o = j(t, r) ? t[r] : void 0, s = n ? t[n] : void 0, l = xt({ value: o, setValue: s });
|
|
313
313
|
be(() => nt(e, [r], (c, p) => {
|
|
314
314
|
const { value: m, setValue: b } = l.current;
|
|
315
315
|
b && c[r] !== p[r] && c[r] !== m && b(c[r]);
|
|
316
316
|
}), [e, r]), be(() => {
|
|
317
317
|
if (o !== void 0)
|
|
318
|
-
return e.setState(r, o),
|
|
318
|
+
return e.setState(r, o), Ht(e, [r], () => {
|
|
319
319
|
o !== void 0 && e.setState(r, o);
|
|
320
320
|
});
|
|
321
321
|
});
|
|
@@ -334,19 +334,19 @@ function Br(e, t) {
|
|
|
334
334
|
});
|
|
335
335
|
return [s, l];
|
|
336
336
|
}
|
|
337
|
-
var
|
|
338
|
-
function
|
|
337
|
+
var Jt = { id: null };
|
|
338
|
+
function Ur(e, t, r = !1) {
|
|
339
339
|
const n = e.findIndex((o) => o.id === t);
|
|
340
340
|
return [
|
|
341
341
|
...e.slice(n + 1),
|
|
342
|
-
...r ? [
|
|
342
|
+
...r ? [Jt] : [],
|
|
343
343
|
...e.slice(0, n)
|
|
344
344
|
];
|
|
345
345
|
}
|
|
346
|
-
function
|
|
346
|
+
function Hr(e, t) {
|
|
347
347
|
return e.find((r) => !r.disabled);
|
|
348
348
|
}
|
|
349
|
-
function
|
|
349
|
+
function Xt(e, t) {
|
|
350
350
|
return t && e.item(t) || null;
|
|
351
351
|
}
|
|
352
352
|
function jr(e) {
|
|
@@ -360,19 +360,19 @@ function jr(e) {
|
|
|
360
360
|
}
|
|
361
361
|
return t;
|
|
362
362
|
}
|
|
363
|
-
function
|
|
363
|
+
function Qt(e, t = !1) {
|
|
364
364
|
if (he(e))
|
|
365
365
|
e.setSelectionRange(
|
|
366
366
|
t ? e.value.length : 0,
|
|
367
367
|
e.value.length
|
|
368
368
|
);
|
|
369
369
|
else if (e.isContentEditable) {
|
|
370
|
-
const r =
|
|
370
|
+
const r = _t(e).getSelection();
|
|
371
371
|
r == null || r.selectAllChildren(e), t && (r == null || r.collapseToEnd());
|
|
372
372
|
}
|
|
373
373
|
}
|
|
374
374
|
var ge = Symbol("FOCUS_SILENTLY");
|
|
375
|
-
function
|
|
375
|
+
function Zt(e) {
|
|
376
376
|
e[ge] = !0, e.focus({ preventScroll: !0 });
|
|
377
377
|
}
|
|
378
378
|
function qr(e) {
|
|
@@ -389,7 +389,7 @@ var er = "div", it = ee(
|
|
|
389
389
|
shouldRegisterItem: o = !0,
|
|
390
390
|
getItem: s = je,
|
|
391
391
|
element: l
|
|
392
|
-
} = r, c =
|
|
392
|
+
} = r, c = H(r, [
|
|
393
393
|
"store",
|
|
394
394
|
"shouldRegisterItem",
|
|
395
395
|
"getItem",
|
|
@@ -417,11 +417,11 @@ var tr = Nt(!0), le = "input:not([type='hidden']):not([disabled]), select:not([d
|
|
|
417
417
|
function rr(e) {
|
|
418
418
|
return Number.parseInt(e.getAttribute("tabindex") || "0", 10) < 0;
|
|
419
419
|
}
|
|
420
|
-
function
|
|
420
|
+
function J(e) {
|
|
421
421
|
return !(!e.matches(le) || !Ct(e) || e.closest("[inert]"));
|
|
422
422
|
}
|
|
423
|
-
function
|
|
424
|
-
if (!
|
|
423
|
+
function Z(e) {
|
|
424
|
+
if (!J(e) || rr(e)) return !1;
|
|
425
425
|
if (!("form" in e) || !e.form || e.checked || e.type !== "radio") return !0;
|
|
426
426
|
const t = e.form.elements.namedItem(e.name);
|
|
427
427
|
if (!t || !("length" in t)) return !0;
|
|
@@ -433,7 +433,7 @@ function we(e, t) {
|
|
|
433
433
|
e.querySelectorAll(le)
|
|
434
434
|
);
|
|
435
435
|
t && r.unshift(e);
|
|
436
|
-
const n = r.filter(
|
|
436
|
+
const n = r.filter(J);
|
|
437
437
|
return n.forEach((o, s) => {
|
|
438
438
|
if (Ge(o) && o.contentDocument) {
|
|
439
439
|
const l = o.contentDocument.body;
|
|
@@ -441,13 +441,13 @@ function we(e, t) {
|
|
|
441
441
|
}
|
|
442
442
|
}), n;
|
|
443
443
|
}
|
|
444
|
-
function
|
|
444
|
+
function xe(e, t, r) {
|
|
445
445
|
const n = Array.from(
|
|
446
446
|
e.querySelectorAll(le)
|
|
447
|
-
), o = n.filter(
|
|
448
|
-
return t &&
|
|
447
|
+
), o = n.filter(Z);
|
|
448
|
+
return t && Z(e) && o.unshift(e), o.forEach((s, l) => {
|
|
449
449
|
if (Ge(s) && s.contentDocument) {
|
|
450
|
-
const c = s.contentDocument.body, p =
|
|
450
|
+
const c = s.contentDocument.body, p = xe(
|
|
451
451
|
c,
|
|
452
452
|
!1,
|
|
453
453
|
r
|
|
@@ -457,7 +457,7 @@ function _e(e, t, r) {
|
|
|
457
457
|
}), !o.length && r ? n : o;
|
|
458
458
|
}
|
|
459
459
|
function zr(e, t, r) {
|
|
460
|
-
const [n] =
|
|
460
|
+
const [n] = xe(
|
|
461
461
|
e,
|
|
462
462
|
t,
|
|
463
463
|
r
|
|
@@ -466,7 +466,7 @@ function zr(e, t, r) {
|
|
|
466
466
|
}
|
|
467
467
|
function nr(e, t, r, n) {
|
|
468
468
|
const o = oe(e), s = we(e, t), l = s.indexOf(o), c = s.slice(l + 1);
|
|
469
|
-
return c.find(
|
|
469
|
+
return c.find(Z) || (r ? s.find(Z) : null) || (n ? c[0] : null) || null;
|
|
470
470
|
}
|
|
471
471
|
function Gr(e, t) {
|
|
472
472
|
return nr(
|
|
@@ -478,7 +478,7 @@ function Gr(e, t) {
|
|
|
478
478
|
}
|
|
479
479
|
function or(e, t, r, n) {
|
|
480
480
|
const o = oe(e), s = we(e, t).reverse(), l = s.indexOf(o);
|
|
481
|
-
return s.slice(l + 1).find(
|
|
481
|
+
return s.slice(l + 1).find(Z) || null || null || null;
|
|
482
482
|
}
|
|
483
483
|
function $r(e, t) {
|
|
484
484
|
return or(
|
|
@@ -487,7 +487,7 @@ function $r(e, t) {
|
|
|
487
487
|
);
|
|
488
488
|
}
|
|
489
489
|
function sr(e) {
|
|
490
|
-
for (; e && !
|
|
490
|
+
for (; e && !J(e); )
|
|
491
491
|
e = e.closest(le);
|
|
492
492
|
return e || null;
|
|
493
493
|
}
|
|
@@ -506,7 +506,7 @@ function at(e) {
|
|
|
506
506
|
return !r || !("id" in e) ? !1 : r === e.id ? !0 : !!e.querySelector(`#${CSS.escape(r)}`);
|
|
507
507
|
}
|
|
508
508
|
function ur(e) {
|
|
509
|
-
!at(e) &&
|
|
509
|
+
!at(e) && J(e) && e.focus();
|
|
510
510
|
}
|
|
511
511
|
function ir(e) {
|
|
512
512
|
var t;
|
|
@@ -514,7 +514,7 @@ function ir(e) {
|
|
|
514
514
|
e.setAttribute("data-tabindex", r), e.setAttribute("tabindex", "-1");
|
|
515
515
|
}
|
|
516
516
|
function Wr(e, t) {
|
|
517
|
-
const r =
|
|
517
|
+
const r = xe(e, t);
|
|
518
518
|
for (const n of r)
|
|
519
519
|
ir(n);
|
|
520
520
|
}
|
|
@@ -527,8 +527,8 @@ function Yr(e) {
|
|
|
527
527
|
for (const n of t)
|
|
528
528
|
r(n);
|
|
529
529
|
}
|
|
530
|
-
function
|
|
531
|
-
"scrollIntoView" in e ? (e.focus({ preventScroll: !0 }), e.scrollIntoView(
|
|
530
|
+
function Jr(e, t) {
|
|
531
|
+
"scrollIntoView" in e ? (e.focus({ preventScroll: !0 }), e.scrollIntoView(He({ block: "nearest", inline: "nearest" }, t))) : e.focus();
|
|
532
532
|
}
|
|
533
533
|
var ar = "div", Ke = We(), cr = [
|
|
534
534
|
"text",
|
|
@@ -545,7 +545,7 @@ var ar = "div", Ke = We(), cr = [
|
|
|
545
545
|
"datetime",
|
|
546
546
|
"datetime-local"
|
|
547
547
|
], ct = Symbol("safariFocusAncestor");
|
|
548
|
-
function
|
|
548
|
+
function Xr(e) {
|
|
549
549
|
return e ? !!e[ct] : !1;
|
|
550
550
|
}
|
|
551
551
|
function Re(e, t) {
|
|
@@ -575,13 +575,13 @@ function pe(e, t) {
|
|
|
575
575
|
e == null || e(r), !r.defaultPrevented && t && (r.stopPropagation(), r.preventDefault());
|
|
576
576
|
});
|
|
577
577
|
}
|
|
578
|
-
var
|
|
578
|
+
var _e = !0;
|
|
579
579
|
function vr(e) {
|
|
580
580
|
const t = e.target;
|
|
581
|
-
t && "hasAttribute" in t && (t.hasAttribute("data-focus-visible") || (
|
|
581
|
+
t && "hasAttribute" in t && (t.hasAttribute("data-focus-visible") || (_e = !1));
|
|
582
582
|
}
|
|
583
583
|
function mr(e) {
|
|
584
|
-
e.metaKey || e.ctrlKey || e.altKey || (
|
|
584
|
+
e.metaKey || e.ctrlKey || e.altKey || (_e = !0);
|
|
585
585
|
}
|
|
586
586
|
var lt = ee(
|
|
587
587
|
function(t) {
|
|
@@ -590,7 +590,7 @@ var lt = ee(
|
|
|
590
590
|
accessibleWhenDisabled: o,
|
|
591
591
|
autoFocus: s,
|
|
592
592
|
onFocusVisible: l
|
|
593
|
-
} = r, c =
|
|
593
|
+
} = r, c = H(r, [
|
|
594
594
|
"focusable",
|
|
595
595
|
"accessibleWhenDisabled",
|
|
596
596
|
"autoFocus",
|
|
@@ -621,7 +621,7 @@ var lt = ee(
|
|
|
621
621
|
const a = p.current;
|
|
622
622
|
if (!a || typeof IntersectionObserver > "u") return;
|
|
623
623
|
const y = new IntersectionObserver(() => {
|
|
624
|
-
|
|
624
|
+
J(a) || v(!1);
|
|
625
625
|
});
|
|
626
626
|
return y.observe(a), () => y.disconnect();
|
|
627
627
|
}, [n, i]);
|
|
@@ -634,15 +634,15 @@ var lt = ee(
|
|
|
634
634
|
), d = pe(c.onClickCapture, m), S = c.onMouseDown, w = A((a) => {
|
|
635
635
|
if (S == null || S(a), a.defaultPrevented || !n) return;
|
|
636
636
|
const y = a.currentTarget;
|
|
637
|
-
if (!Ke || $e(a) || !
|
|
637
|
+
if (!Ke || $e(a) || !Q(y) && !Ve(y)) return;
|
|
638
638
|
let T = !1;
|
|
639
639
|
const u = () => {
|
|
640
640
|
T = !0;
|
|
641
|
-
},
|
|
642
|
-
y.addEventListener("focusin", u,
|
|
643
|
-
const
|
|
644
|
-
Re(
|
|
645
|
-
y.removeEventListener("focusin", u, !0), Re(
|
|
641
|
+
}, x = { capture: !0, once: !0 };
|
|
642
|
+
y.addEventListener("focusin", u, x);
|
|
643
|
+
const _ = sr(y.parentElement);
|
|
644
|
+
Re(_, !0), ie(y, "mouseup", () => {
|
|
645
|
+
y.removeEventListener("focusin", u, !0), Re(_, !1), !T && ur(y);
|
|
646
646
|
});
|
|
647
647
|
}), P = (a, y) => {
|
|
648
648
|
if (y && (a.currentTarget = y), !n) return;
|
|
@@ -659,14 +659,14 @@ var lt = ee(
|
|
|
659
659
|
return;
|
|
660
660
|
}
|
|
661
661
|
const y = a.currentTarget, T = () => P(a, y);
|
|
662
|
-
|
|
662
|
+
_e || lr(a.target) ? ie(a.target, "focusout", T) : v(!1);
|
|
663
663
|
}), R = c.onBlur, E = A((a) => {
|
|
664
664
|
R == null || R(a), n && Ot(a) && (a.currentTarget.removeAttribute("data-focus-visible"), v(!1));
|
|
665
|
-
}), I =
|
|
665
|
+
}), I = Qe(tr), C = A((a) => {
|
|
666
666
|
n && s && a && I && queueMicrotask(() => {
|
|
667
|
-
Ee(a) ||
|
|
667
|
+
Ee(a) || J(a) && a.focus();
|
|
668
668
|
});
|
|
669
|
-
}), F = Pt(p), L = n && dr(F), V = n && pr(F), O = c.style, N =
|
|
669
|
+
}), F = Pt(p), L = n && dr(F), V = n && pr(F), O = c.style, N = Ze(() => b ? D({ pointerEvents: "none" }, O) : O, [b, O]);
|
|
670
670
|
return c = B(D({
|
|
671
671
|
"data-focus-visible": n && i || void 0,
|
|
672
672
|
"data-autofocus": s || void 0,
|
|
@@ -702,14 +702,14 @@ var Sr = "button";
|
|
|
702
702
|
function Ne(e) {
|
|
703
703
|
if (!e.isTrusted) return !1;
|
|
704
704
|
const t = e.currentTarget;
|
|
705
|
-
return e.key === "Enter" ?
|
|
705
|
+
return e.key === "Enter" ? Q(t) || t.tagName === "SUMMARY" || t.tagName === "A" : e.key === " " ? Q(t) || t.tagName === "SUMMARY" || t.tagName === "INPUT" || t.tagName === "SELECT" : !1;
|
|
706
706
|
}
|
|
707
707
|
var gr = Symbol("command"), ft = ee(
|
|
708
708
|
function(t) {
|
|
709
|
-
var r = t, { clickOnEnter: n = !0, clickOnSpace: o = !0 } = r, s =
|
|
709
|
+
var r = t, { clickOnEnter: n = !0, clickOnSpace: o = !0 } = r, s = H(r, ["clickOnEnter", "clickOnSpace"]);
|
|
710
710
|
const l = Y(null), [c, p] = me(!1);
|
|
711
711
|
G(() => {
|
|
712
|
-
l.current && p(
|
|
712
|
+
l.current && p(Q(l.current));
|
|
713
713
|
}, []);
|
|
714
714
|
const [m, b] = me(!1), i = Y(!1), v = Ie(s), [f, g] = At(s, gr, !0), d = s.onKeyDown, S = A((h) => {
|
|
715
715
|
d == null || d(h);
|
|
@@ -725,7 +725,7 @@ var gr = Symbol("command"), ft = ee(
|
|
|
725
725
|
if (K) {
|
|
726
726
|
if (!I) {
|
|
727
727
|
h.preventDefault();
|
|
728
|
-
const C = h, { view: F } = C, L =
|
|
728
|
+
const C = h, { view: F } = C, L = H(C, ["view"]), V = () => Fe(M, L);
|
|
729
729
|
Dt() ? ie(M, "keyup", V) : queueMicrotask(V);
|
|
730
730
|
}
|
|
731
731
|
} else k && (i.current = !0, I || (h.preventDefault(), b(!0)));
|
|
@@ -735,7 +735,7 @@ var gr = Symbol("command"), ft = ee(
|
|
|
735
735
|
const M = o && h.key === " ";
|
|
736
736
|
if (i.current && M && (i.current = !1, !Ne(h))) {
|
|
737
737
|
h.preventDefault(), b(!1);
|
|
738
|
-
const K = h.currentTarget, k = h, { view: R } = k, E =
|
|
738
|
+
const K = h.currentTarget, k = h, { view: R } = k, E = H(k, ["view"]);
|
|
739
739
|
queueMicrotask(() => Fe(K, E));
|
|
740
740
|
}
|
|
741
741
|
});
|
|
@@ -755,7 +755,7 @@ re(function(t) {
|
|
|
755
755
|
});
|
|
756
756
|
var Er = "button";
|
|
757
757
|
function yr(e) {
|
|
758
|
-
return ve(e) ? !0 : e.tagName === "INPUT" && !
|
|
758
|
+
return ve(e) ? !0 : e.tagName === "INPUT" && !Q(e);
|
|
759
759
|
}
|
|
760
760
|
function hr(e, t = !1) {
|
|
761
761
|
const r = e.clientHeight, { top: n } = e.getBoundingClientRect(), o = Math.max(r * 0.875, r - 40) * 1.5, s = t ? r - o + n : o + n;
|
|
@@ -776,7 +776,7 @@ function Be(e, t, r, n = !1) {
|
|
|
776
776
|
const i = p;
|
|
777
777
|
if (p = r(b), !p) break;
|
|
778
778
|
if (p === i) continue;
|
|
779
|
-
const v = (o =
|
|
779
|
+
const v = (o = Xt(t, p)) == null ? void 0 : o.element;
|
|
780
780
|
if (!v) continue;
|
|
781
781
|
const g = Ir(v, n) - c, d = Math.abs(g);
|
|
782
782
|
if (n && g <= 0 || !n && g >= 0) {
|
|
@@ -790,7 +790,7 @@ function Be(e, t, r, n = !1) {
|
|
|
790
790
|
function wr(e, t) {
|
|
791
791
|
return W(e) ? !1 : ut(t, e.target);
|
|
792
792
|
}
|
|
793
|
-
var
|
|
793
|
+
var xr = ee(
|
|
794
794
|
function(t) {
|
|
795
795
|
var r = t, {
|
|
796
796
|
store: n,
|
|
@@ -801,7 +801,7 @@ var _r = ee(
|
|
|
801
801
|
getItem: p,
|
|
802
802
|
"aria-setsize": m,
|
|
803
803
|
"aria-posinset": b
|
|
804
|
-
} = r, i =
|
|
804
|
+
} = r, i = H(r, [
|
|
805
805
|
"store",
|
|
806
806
|
"rowId",
|
|
807
807
|
"preventScrollOnKeyDown",
|
|
@@ -813,7 +813,7 @@ var _r = ee(
|
|
|
813
813
|
]);
|
|
814
814
|
const v = Ye();
|
|
815
815
|
n = n || v;
|
|
816
|
-
const f = qe(i.id), g = Y(null), d =
|
|
816
|
+
const f = qe(i.id), g = Y(null), d = Qe(Ft), w = Ie(i) && !i.accessibleWhenDisabled, {
|
|
817
817
|
rowId: P,
|
|
818
818
|
baseElement: h,
|
|
819
819
|
isActiveItem: M,
|
|
@@ -840,66 +840,66 @@ var _r = ee(
|
|
|
840
840
|
ariaPosInSet(u) {
|
|
841
841
|
if (b != null) return b;
|
|
842
842
|
if (!u || !(d != null && d.ariaPosInSet) || d.baseElement !== u.baseElement) return;
|
|
843
|
-
const
|
|
844
|
-
(
|
|
843
|
+
const x = u.renderedItems.filter(
|
|
844
|
+
(_) => _.rowId === P
|
|
845
845
|
);
|
|
846
|
-
return d.ariaPosInSet +
|
|
846
|
+
return d.ariaPosInSet + x.findIndex((_) => _.id === f);
|
|
847
847
|
},
|
|
848
848
|
isTabbable(u) {
|
|
849
849
|
if (!(u != null && u.renderedItems.length)) return !0;
|
|
850
850
|
if (u.virtualFocus) return !1;
|
|
851
851
|
if (c) return !0;
|
|
852
852
|
if (u.activeId === null) return !1;
|
|
853
|
-
const
|
|
854
|
-
return
|
|
853
|
+
const x = n == null ? void 0 : n.item(u.activeId);
|
|
854
|
+
return x != null && x.disabled || !(x != null && x.element) ? !0 : u.activeId === f;
|
|
855
855
|
}
|
|
856
856
|
}), E = et(
|
|
857
857
|
(u) => {
|
|
858
|
-
var
|
|
859
|
-
const
|
|
858
|
+
var x;
|
|
859
|
+
const _ = B(D({}, u), {
|
|
860
860
|
id: f || u.id,
|
|
861
861
|
rowId: P,
|
|
862
862
|
disabled: !!w,
|
|
863
|
-
children: (
|
|
863
|
+
children: (x = u.element) == null ? void 0 : x.textContent
|
|
864
864
|
});
|
|
865
|
-
return p ? p(
|
|
865
|
+
return p ? p(_) : _;
|
|
866
866
|
},
|
|
867
867
|
[f, P, w, p]
|
|
868
868
|
), I = i.onFocus, C = Y(!1), F = A((u) => {
|
|
869
869
|
if (I == null || I(u), u.defaultPrevented || $e(u) || !f || !n || wr(u, n)) return;
|
|
870
|
-
const { virtualFocus:
|
|
871
|
-
if (n.setActiveId(f), ve(u.currentTarget) &&
|
|
870
|
+
const { virtualFocus: x, baseElement: _ } = n.getState();
|
|
871
|
+
if (n.setActiveId(f), ve(u.currentTarget) && Qt(u.currentTarget), !x || !W(u) || yr(u.currentTarget) || !(_ != null && _.isConnected)) return;
|
|
872
872
|
We() && u.currentTarget.hasAttribute("data-autofocus") && u.currentTarget.scrollIntoView({
|
|
873
873
|
block: "nearest",
|
|
874
874
|
inline: "nearest"
|
|
875
|
-
}), C.current = !0, u.relatedTarget ===
|
|
875
|
+
}), C.current = !0, u.relatedTarget === _ || ut(n, u.relatedTarget) ? Zt(_) : _.focus();
|
|
876
876
|
}), L = i.onBlurCapture, V = A((u) => {
|
|
877
877
|
if (L == null || L(u), u.defaultPrevented) return;
|
|
878
|
-
const
|
|
879
|
-
|
|
878
|
+
const x = n == null ? void 0 : n.getState();
|
|
879
|
+
x != null && x.virtualFocus && C.current && (C.current = !1, u.preventDefault(), u.stopPropagation());
|
|
880
880
|
}), O = i.onKeyDown, N = ae(s), a = ae(l), y = A((u) => {
|
|
881
881
|
if (O == null || O(u), u.defaultPrevented || !W(u) || !n) return;
|
|
882
|
-
const { currentTarget:
|
|
883
|
-
ArrowUp: (
|
|
884
|
-
ArrowRight: (
|
|
885
|
-
ArrowDown: (
|
|
886
|
-
ArrowLeft: (
|
|
882
|
+
const { currentTarget: x } = u, _ = n.getState(), z = n.item(f), U = !!(z != null && z.rowId), se = _.orientation !== "horizontal", X = _.orientation !== "vertical", Te = () => !!(U || X || !_.baseElement || !he(_.baseElement)), Ce = {
|
|
883
|
+
ArrowUp: (U || se) && n.up,
|
|
884
|
+
ArrowRight: (U || X) && n.next,
|
|
885
|
+
ArrowDown: (U || se) && n.down,
|
|
886
|
+
ArrowLeft: (U || X) && n.previous,
|
|
887
887
|
Home: () => {
|
|
888
888
|
if (Te())
|
|
889
|
-
return !
|
|
889
|
+
return !U || u.ctrlKey ? n == null ? void 0 : n.first() : n == null ? void 0 : n.previous(-1);
|
|
890
890
|
},
|
|
891
891
|
End: () => {
|
|
892
892
|
if (Te())
|
|
893
|
-
return !
|
|
893
|
+
return !U || u.ctrlKey ? n == null ? void 0 : n.last() : n == null ? void 0 : n.next(-1);
|
|
894
894
|
},
|
|
895
|
-
PageUp: () => Be(
|
|
896
|
-
PageDown: () => Be(
|
|
895
|
+
PageUp: () => Be(x, n, n == null ? void 0 : n.up, !0),
|
|
896
|
+
PageDown: () => Be(x, n, n == null ? void 0 : n.down)
|
|
897
897
|
}[u.key];
|
|
898
898
|
if (Ce) {
|
|
899
|
-
if (ve(
|
|
900
|
-
const Pe = Lt(
|
|
899
|
+
if (ve(x)) {
|
|
900
|
+
const Pe = Lt(x), pt = X && u.key === "ArrowLeft", bt = X && u.key === "ArrowRight", vt = se && u.key === "ArrowUp", mt = se && u.key === "ArrowDown";
|
|
901
901
|
if (bt || mt) {
|
|
902
|
-
const { length: St } = Mt(
|
|
902
|
+
const { length: St } = Mt(x);
|
|
903
903
|
if (Pe.end !== St) return;
|
|
904
904
|
} else if ((pt || vt) && Pe.start !== 0) return;
|
|
905
905
|
}
|
|
@@ -909,13 +909,13 @@ var _r = ee(
|
|
|
909
909
|
u.preventDefault(), n.move(Oe);
|
|
910
910
|
}
|
|
911
911
|
}
|
|
912
|
-
}), T =
|
|
912
|
+
}), T = Ze(
|
|
913
913
|
() => ({ id: f, baseElement: h }),
|
|
914
914
|
[f, h]
|
|
915
915
|
);
|
|
916
916
|
return i = kt(
|
|
917
917
|
i,
|
|
918
|
-
(u) => /* @__PURE__ */
|
|
918
|
+
(u) => /* @__PURE__ */ Ut(Kt.Provider, { value: T, children: u }),
|
|
919
919
|
[T]
|
|
920
920
|
), i = B(D({
|
|
921
921
|
id: f,
|
|
@@ -937,13 +937,13 @@ var _r = ee(
|
|
|
937
937
|
}));
|
|
938
938
|
}
|
|
939
939
|
);
|
|
940
|
-
|
|
940
|
+
Je(
|
|
941
941
|
re(function(t) {
|
|
942
|
-
const r =
|
|
942
|
+
const r = xr(t);
|
|
943
943
|
return ne(Er, r);
|
|
944
944
|
})
|
|
945
945
|
);
|
|
946
|
-
var
|
|
946
|
+
var _r = "div";
|
|
947
947
|
function dt(e) {
|
|
948
948
|
const t = e.relatedTarget;
|
|
949
949
|
return (t == null ? void 0 : t.nodeType) === Node.ELEMENT_NODE ? t : null;
|
|
@@ -968,13 +968,13 @@ var Or = ee(
|
|
|
968
968
|
store: n,
|
|
969
969
|
focusOnHover: o = !0,
|
|
970
970
|
blurOnHoverEnd: s = !!o
|
|
971
|
-
} = r, l =
|
|
971
|
+
} = r, l = H(r, [
|
|
972
972
|
"store",
|
|
973
973
|
"focusOnHover",
|
|
974
974
|
"blurOnHoverEnd"
|
|
975
975
|
]);
|
|
976
976
|
const c = Ye();
|
|
977
|
-
n = n || c,
|
|
977
|
+
n = n || c, Ue(
|
|
978
978
|
n,
|
|
979
979
|
process.env.NODE_ENV !== "production" && "CompositeHover must be wrapped in a Composite component."
|
|
980
980
|
);
|
|
@@ -999,47 +999,47 @@ var Or = ee(
|
|
|
999
999
|
}), ce(l);
|
|
1000
1000
|
}
|
|
1001
1001
|
);
|
|
1002
|
-
|
|
1002
|
+
Je(
|
|
1003
1003
|
re(function(t) {
|
|
1004
1004
|
const r = Or(t);
|
|
1005
|
-
return ne(
|
|
1005
|
+
return ne(_r, r);
|
|
1006
1006
|
})
|
|
1007
1007
|
);
|
|
1008
1008
|
export {
|
|
1009
1009
|
$r as A,
|
|
1010
1010
|
Yr as B,
|
|
1011
1011
|
Wr as C,
|
|
1012
|
-
|
|
1013
|
-
|
|
1012
|
+
Xr as D,
|
|
1013
|
+
xe as E,
|
|
1014
1014
|
tr as F,
|
|
1015
1015
|
zr as G,
|
|
1016
|
-
|
|
1016
|
+
J as H,
|
|
1017
1017
|
ur as I,
|
|
1018
1018
|
ft as J,
|
|
1019
|
-
|
|
1020
|
-
|
|
1019
|
+
Ur as K,
|
|
1020
|
+
xr as a,
|
|
1021
1021
|
Or as b,
|
|
1022
1022
|
Se as c,
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
-
|
|
1026
|
-
|
|
1023
|
+
Nr as d,
|
|
1024
|
+
lt as e,
|
|
1025
|
+
Mr as f,
|
|
1026
|
+
Br as g,
|
|
1027
1027
|
at as h,
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
|
|
1031
|
-
|
|
1028
|
+
Ht as i,
|
|
1029
|
+
Yt as j,
|
|
1030
|
+
Ee as k,
|
|
1031
|
+
tt as l,
|
|
1032
1032
|
Rr as m,
|
|
1033
|
-
|
|
1033
|
+
Xt as n,
|
|
1034
1034
|
kr as o,
|
|
1035
1035
|
Kr as p,
|
|
1036
|
-
|
|
1036
|
+
Jr as q,
|
|
1037
1037
|
qr as r,
|
|
1038
|
-
|
|
1038
|
+
nt as s,
|
|
1039
1039
|
Vr as t,
|
|
1040
1040
|
Wt as u,
|
|
1041
1041
|
ut as v,
|
|
1042
|
-
|
|
1042
|
+
Hr as w,
|
|
1043
1043
|
jr as x,
|
|
1044
1044
|
rt as y,
|
|
1045
1045
|
Gr as z
|
package/dist/assets/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.component-progress{--component-progress__steps: 0;--component-progress__step-width: max(.75rem, 3.5%);--component-progress__bg: var(--blockout__colours__surface--200);--component-progress__fg: var(--blockout__colours__surface--950);-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:block;height:4px;width:100%;border-radius:0;overflow:clip}.component-progress::-webkit-progress-bar{border-radius:0;height:100%;background:var(--component-progress__bg)}.component-progress::-moz-progress-bar{border-radius:0;height:100%;background:var(--component-progress__bg)}.component-progress::-webkit-progress-value{border-radius:0;height:100%;background:var(--component-progress__fg)}.component-progress:indeterminate:before{content:"";position:absolute;top:0;left:0;background-color:var(--component-progress__fg);height:100%;width:20%;transform-origin:left;animation:component-progress__indeterminate 2s ease-in-out infinite alternate}@keyframes component-progress__indeterminate{0%{left:-50%}to{left:100%}}.component-progress--with-steps:after{content:"";position:absolute;top:-1px;bottom:-1px;left:0;right:0;height:calc(100% + 2px);width:100%;z-index:1;background-image:linear-gradient(90deg,transparent 0%,transparent calc(100% - var(--component-progress__step-width)),var(--blockout__colours__surface--0) calc(100% - var(--component-progress__step-width)),var(--blockout__colours__surface--0) 100%);background-repeat:repeat-x;background-size:calc((100% + ((var(--component-progress__steps) - 1) * (var(--component-progress__step-width) / 2))) / var(--component-progress__steps)) 100%;background-position:0% center}
|
package/dist/assets/index11.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.component-select-control__input{
|
|
1
|
+
.component-select-control__input{cursor:pointer;display:flex;width:100%}.component-select-control__input:focus{outline:none}.component-select-control__value{flex-grow:1;padding:.75rem;min-height:40px;width:100%;min-width:0;max-width:100%;color:var(--blockout__colours__surface--800);font-size:1rem;text-align:left;background-color:transparent;transition:background-color .25s ease}.component-select-control__value:hover{background-color:var(--blockout__colours__surface--50)}.component-select-control__caret{width:2rem;display:flex;justify-content:center;align-items:center;border-left:1px solid var(--blockout__colours__surface--300);background-color:var(--blockout__colours__surface--0);cursor:pointer;transition:background-color .25s ease}.component-select-control__caret:hover{background-color:var(--blockout__colours__surface--50)}.component-select-control__caret>svg{width:.75rem;height:.75rem;fill:currentColor}.component-select-control__popover__wrapper{z-index:9999!important}.component-select-control__popover{background-color:var(--blockout__colours__surface--0);border:1px solid var(--blockout__colours__surface--300);box-shadow:0 .175rem .375rem #0000001a;width:calc(var(--popover-anchor-width) + 2px);max-height:var(--popover-available-height);overflow-y:auto}.component-select-control__popover:focus{outline:none}.component-select-control__list{display:flex;flex-direction:column;gap:.325rem;padding:.325rem}.component-select-control__list:focus{outline:none}.component-select-control__popover__search-wrapper{display:flex;align-items:center;gap:0;padding-left:1rem;border-bottom:1px solid var(--blockout__colours__surface--300)}.component-select-control__popover__search-icon{width:1rem;height:1rem;fill:var(--blockout__colours__surface--600)}.component-select-control__popover__search{width:100%;padding:.375rem .675rem;min-height:40px}.component-select-control__popover__search:focus{outline:none}.component-select-control__option{display:flex;justify-content:start;align-items:start;flex-direction:column;gap:.25rem;padding:.375rem .675rem;min-height:40px;cursor:pointer;transition:background-color .25s ease}.component-select-control__option:focus{outline:none}.component-select-control__option:first-child{border-top:none}.component-select-control__option__label{font-weight:500;color:var(--blockout__colours__surface--950);transition:color .25s ease}.component-select-control__option__description{font-weight:400;color:var(--blockout__colours__surface--500);font-size:.875rem;transition:color .25s ease,opacity .25s ease}.component-select-control__option[data-active-item=true]{background-color:var(--blockout__colours__primary--50)}.component-select-control__option[data-active-item=true] .component-select-control__option__label{color:var(--blockout__colours__primary--950)}.component-select-control__option[data-active-item=true] .component-select-control__option__description{color:var(--blockout__colours__primary--900);opacity:.7}
|
package/dist/assets/index2.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.component-toggle-control__buttons{display:flex;overflow:hidden}.component-toggle-control__on,.component-toggle-control__off{padding:.
|
|
1
|
+
.component-toggle-control__buttons{display:flex;overflow:hidden}.component-toggle-control__on,.component-toggle-control__off{padding:.75rem;min-height:40px;width:100%;color:var(--blockout__colours__surface--800);font-size:1rem;font-weight:500;flex-basis:50%;cursor:pointer;position:relative;transition:color .25s ease,background-color .25s ease}.component-toggle-control__off{border-right:1px solid var(--blockout__colours__surface--300)}.component-toggle-control__on,.component-toggle-control__buttons:has(input:checked) .component-toggle-control__off{background-color:var(--blockout__colours__surface--200);color:var(--blockout__colours__surface--600);box-shadow:none;z-index:1}.component-toggle-control__off,.component-toggle-control__buttons:has(input:checked) .component-toggle-control__on{background-color:var(--blockout__colours__surface--0);color:var(--blockout__colours__surface--950);box-shadow:0 0 .75rem .125rem #0003;z-index:2}
|
package/dist/assets/index3.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.component-
|
|
1
|
+
.component-textarea-control__input{min-height:5rem!important;max-height:85vh!important;resize:vertical}
|
package/dist/assets/index4.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.component-
|
|
1
|
+
.component-button{--button__bg: var(--blockout__colours__primary--500);--button__bg--hover: var(--blockout__colours__primary--600);--button__text: var(--blockout__colours__surface--50);--button__text--hover: var(--blockout__colours__surface--50);display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1.25rem;min-height:40px;font-size:1rem;width:fit-content;background-color:var(--button__bg);color:var(--button__text);cursor:pointer;outline:0px solid transparent;outline-offset:0px;transition:background-color .25s ease,outline .25s ease,outline-offset .25s ease,border-color .25s ease,color .25s ease}.component-button>svg{width:1.25rem;height:1.25rem;color:currentColor}.component-button:hover{background-color:var(--button__bg--hover);color:var(--button__text--hover)}.component-button:focus{background-color:var(--button__bg--hover);color:var(--button__text--hover);outline:1px solid var(--blockout__colours__surface--950);outline-offset:4px}.component-button:active{outline-offset:3px}.component-button--wide{width:100%}.component-button--outline{border:2px solid var(--button__bg);color:var(--button__bg);background-color:transparent}.component-button--outline:hover{border:2px solid var(--button__bg--hover);color:var(--button__bg--hover);background-color:transparent}.component-button--outline:focus{border:2px solid var(--button__bg--hover);color:var(--button__bg--hover);background-color:transparent}.component-button--primary{--button__bg: var(--blockout__colours__primary--500);--button__bg--hover: var(--blockout__colours__primary--600);--button__text: var(--blockout__colours__surface--50);--button__text--hover: var(--blockout__colours__surface--50)}.component-button--dark{--button__bg: var(--blockout__colours__surface--950);--button__bg--hover: var(--blockout__colours__surface--900);--button__text: var(--blockout__colours__surface--50);--button__text--hover: var(--blockout__colours__surface--50)}.component-button--light{--button__bg: var(--blockout__colours__surface--100);--button__bg--hover: var(--blockout__colours__surface--200);--button__text: var(--blockout__colours__surface--950);--button__text--hover: var(--blockout__colours__surface--950)}
|