@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.
Files changed (55) hide show
  1. package/dist/{2NBKRL7C-DnAMmXv4.js → 2NBKRL7C-raj2vrMY.js} +3 -3
  2. package/dist/{P7GR5CS5-BryEvRCz.js → P7GR5CS5-PkUYC6hd.js} +199 -180
  3. package/dist/{T7VMP3TM--1s529fr.js → T7VMP3TM-BeJUiw28.js} +683 -679
  4. package/dist/{UQQRIHDV-Bfi_RJby.js → UQQRIHDV-xtNCxi0H.js} +115 -115
  5. package/dist/{VIIRIBF3-XWA2y8Hu.js → VIIRIBF3-B3f0V2Nc.js} +1 -1
  6. package/dist/assets/index.css +1 -1
  7. package/dist/assets/index11.css +1 -1
  8. package/dist/assets/index2.css +1 -1
  9. package/dist/assets/index3.css +1 -1
  10. package/dist/assets/index4.css +1 -1
  11. package/dist/assets/index5.css +1 -1
  12. package/dist/assets/index6.css +1 -1
  13. package/dist/assets/index7.css +1 -1
  14. package/dist/assets/index8.css +1 -1
  15. package/dist/assets/style.css +1 -0
  16. package/dist/assets/styles.css +1 -0
  17. package/dist/components/button/index.js +1 -1
  18. package/dist/components/button-group/index.js +1 -1
  19. package/dist/components/controls/base-control/index.d.ts +4 -2
  20. package/dist/components/controls/base-control/index.js +26 -22
  21. package/dist/components/controls/choice-control/choice.d.ts +8 -0
  22. package/dist/components/controls/choice-control/choice.js +54 -0
  23. package/dist/components/controls/choice-control/index.d.ts +9 -0
  24. package/dist/components/controls/choice-control/index.js +31 -0
  25. package/dist/components/controls/index.d.ts +1 -0
  26. package/dist/components/controls/index.js +12 -10
  27. package/dist/components/controls/number-control/index.js +1 -1
  28. package/dist/components/controls/ranked-choice-control/index.d.ts +1 -0
  29. package/dist/components/controls/ranked-choice-control/index.js +1 -0
  30. package/dist/components/controls/select-control/index.d.ts +2 -1
  31. package/dist/components/controls/select-control/index.js +1642 -374
  32. package/dist/components/controls/textarea-control/index.js +1 -1
  33. package/dist/components/controls/toggle-control/index.js +10 -9
  34. package/dist/components/data-table/header.js +9 -8
  35. package/dist/components/index.d.ts +2 -1
  36. package/dist/components/index.js +17 -13
  37. package/dist/components/menu/index.js +4 -4
  38. package/dist/components/menu/item.js +1 -1
  39. package/dist/components/menu/items/action.js +1 -1
  40. package/dist/components/menu/items/spacer.js +2 -2
  41. package/dist/components/menu/items/submenu.js +2 -2
  42. package/dist/components/menu/items/toggle.js +1 -1
  43. package/dist/components/progress/index.d.ts +7 -0
  44. package/dist/components/progress/index.js +28 -0
  45. package/dist/index.js +25 -17
  46. package/dist/{item-CPVd5mKo.js → item-Bcbx6pI-.js} +87 -87
  47. package/dist/primitives/index.d.ts +2 -0
  48. package/dist/primitives/index.js +6 -2
  49. package/dist/primitives/resizable/index.js +7 -6
  50. package/dist/primitives/visually-hidden/index.js +6 -0
  51. package/package.json +2 -1
  52. package/dist/components/visually-hidden/index.js +0 -5
  53. /package/dist/{components → primitives}/visually-hidden/index.d.ts +0 -0
  54. /package/dist/{components/controls/select-control → types}/options.d.ts +0 -0
  55. /package/dist/{components/controls/select-control → types}/options.js +0 -0
@@ -1,11 +1,11 @@
1
- import { i as He, U as j, V as gt, W as Et, X as yt, M as Ae, S as ht, y as It, A as Ue, Y as wt, Z as je, v as be, h as B, j as D, e as A, O as _t, $ as he, n as xt, b as ee, _ as U, a0 as Tt, r as qe, s as te, t as ce, f as re, d as ne, a1 as oe, R as ze, a2 as Ct, a3 as Ge, N as De, G as Ie, a4 as $e, a5 as Z, D as ie, H as W, a6 as Ot, a7 as Pt, a8 as We, a9 as At, aa as Dt, ab as Fe, p as Ye, ac as Ft, ad as ve, u as ae, ae as Lt, af as Mt, E as kt, ag as Kt, ah as Rt, m as Xe, L as Vt } from "./P7GR5CS5-BryEvRCz.js";
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 Je, { useRef as Y, useEffect as G, createContext as Nt, useState as me, useContext as Ze, useMemo as Qe, useCallback as et } from "react";
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 Ht } from "react/jsx-runtime";
5
+ import { jsx as Ut } from "react/jsx-runtime";
6
6
  function q(e, t) {
7
7
  const r = e.__unstableInternals;
8
- return He(r, "Invalid store"), r[t];
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(Ue({}, r), { [E]: L });
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 _ = v.get(a), x = (z) => T ? T.has(z) : z === E;
59
- (!_ || _.some(x)) && ((u = i.get(a)) == null || u(), i.set(a, a(r, y)));
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 Ut(e, ...t) {
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 = Je;
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 = Je, 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;
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 = _t({ value: o, setValue: s });
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), Ut(e, [r], () => {
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 Xt = { id: null };
338
- function Hr(e, t, r = !1) {
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 ? [Xt] : [],
342
+ ...r ? [Jt] : [],
343
343
  ...e.slice(0, n)
344
344
  ];
345
345
  }
346
- function Ur(e, t) {
346
+ function Hr(e, t) {
347
347
  return e.find((r) => !r.disabled);
348
348
  }
349
- function Jt(e, t) {
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 Zt(e, t = !1) {
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 = xt(e).getSelection();
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 Qt(e) {
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 = U(r, [
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 X(e) {
420
+ function J(e) {
421
421
  return !(!e.matches(le) || !Ct(e) || e.closest("[inert]"));
422
422
  }
423
- function Q(e) {
424
- if (!X(e) || rr(e)) return !1;
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(X);
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 _e(e, t, r) {
444
+ function xe(e, t, r) {
445
445
  const n = Array.from(
446
446
  e.querySelectorAll(le)
447
- ), o = n.filter(Q);
448
- return t && Q(e) && o.unshift(e), o.forEach((s, l) => {
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 = _e(
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] = _e(
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(Q) || (r ? s.find(Q) : null) || (n ? c[0] : null) || null;
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(Q) || null || null || null;
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 && !X(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) && X(e) && e.focus();
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 = _e(e, t);
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 Xr(e, t) {
531
- "scrollIntoView" in e ? (e.focus({ preventScroll: !0 }), e.scrollIntoView(Ue({ block: "nearest", inline: "nearest" }, t))) : e.focus();
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 Jr(e) {
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 xe = !0;
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") || (xe = !1));
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 || (xe = !0);
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 = U(r, [
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
- X(a) || v(!1);
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) || !Z(y) && !Ve(y)) return;
637
+ if (!Ke || $e(a) || !Q(y) && !Ve(y)) return;
638
638
  let T = !1;
639
639
  const u = () => {
640
640
  T = !0;
641
- }, _ = { capture: !0, once: !0 };
642
- y.addEventListener("focusin", u, _);
643
- const x = sr(y.parentElement);
644
- Re(x, !0), ie(y, "mouseup", () => {
645
- y.removeEventListener("focusin", u, !0), Re(x, !1), !T && ur(y);
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
- xe || lr(a.target) ? ie(a.target, "focusout", T) : v(!1);
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 = Ze(tr), C = A((a) => {
665
+ }), I = Qe(tr), C = A((a) => {
666
666
  n && s && a && I && queueMicrotask(() => {
667
- Ee(a) || X(a) && a.focus();
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 = Qe(() => b ? D({ pointerEvents: "none" }, O) : O, [b, O]);
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" ? Z(t) || t.tagName === "SUMMARY" || t.tagName === "A" : e.key === " " ? Z(t) || t.tagName === "SUMMARY" || t.tagName === "INPUT" || t.tagName === "SELECT" : !1;
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 = U(r, ["clickOnEnter", "clickOnSpace"]);
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(Z(l.current));
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 = U(C, ["view"]), V = () => Fe(M, 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 = U(k, ["view"]);
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" && !Z(e);
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 = Jt(t, p)) == null ? void 0 : o.element;
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 _r = ee(
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 = U(r, [
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 = Ze(Ft), w = Ie(i) && !i.accessibleWhenDisabled, {
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 _ = u.renderedItems.filter(
844
- (x) => x.rowId === P
843
+ const x = u.renderedItems.filter(
844
+ (_) => _.rowId === P
845
845
  );
846
- return d.ariaPosInSet + _.findIndex((x) => x.id === f);
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 _ = n == null ? void 0 : n.item(u.activeId);
854
- return _ != null && _.disabled || !(_ != null && _.element) ? !0 : u.activeId === f;
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 x = B(D({}, u), {
858
+ var x;
859
+ const _ = B(D({}, u), {
860
860
  id: f || u.id,
861
861
  rowId: P,
862
862
  disabled: !!w,
863
- children: (_ = u.element) == null ? void 0 : _.textContent
863
+ children: (x = u.element) == null ? void 0 : x.textContent
864
864
  });
865
- return p ? p(x) : x;
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: _, baseElement: x } = n.getState();
871
- if (n.setActiveId(f), ve(u.currentTarget) && Zt(u.currentTarget), !_ || !W(u) || yr(u.currentTarget) || !(x != null && x.isConnected)) return;
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 === x || ut(n, u.relatedTarget) ? Qt(x) : x.focus();
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 _ = n == null ? void 0 : n.getState();
879
- _ != null && _.virtualFocus && C.current && (C.current = !1, u.preventDefault(), u.stopPropagation());
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: _ } = u, x = n.getState(), z = n.item(f), H = !!(z != null && z.rowId), se = x.orientation !== "horizontal", J = x.orientation !== "vertical", Te = () => !!(H || J || !x.baseElement || !he(x.baseElement)), Ce = {
883
- ArrowUp: (H || se) && n.up,
884
- ArrowRight: (H || J) && n.next,
885
- ArrowDown: (H || se) && n.down,
886
- ArrowLeft: (H || J) && n.previous,
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 !H || u.ctrlKey ? n == null ? void 0 : n.first() : n == null ? void 0 : n.previous(-1);
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 !H || u.ctrlKey ? n == null ? void 0 : n.last() : n == null ? void 0 : n.next(-1);
893
+ return !U || u.ctrlKey ? n == null ? void 0 : n.last() : n == null ? void 0 : n.next(-1);
894
894
  },
895
- PageUp: () => Be(_, n, n == null ? void 0 : n.up, !0),
896
- PageDown: () => Be(_, n, n == null ? void 0 : n.down)
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(_), pt = J && u.key === "ArrowLeft", bt = J && u.key === "ArrowRight", vt = se && u.key === "ArrowUp", mt = se && u.key === "ArrowDown";
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 = Qe(
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__ */ Ht(Kt.Provider, { value: T, children: u }),
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
- Xe(
940
+ Je(
941
941
  re(function(t) {
942
- const r = _r(t);
942
+ const r = xr(t);
943
943
  return ne(Er, r);
944
944
  })
945
945
  );
946
- var xr = "div";
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 = U(r, [
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, He(
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
- Xe(
1002
+ Je(
1003
1003
  re(function(t) {
1004
1004
  const r = Or(t);
1005
- return ne(xr, r);
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
- Jr as D,
1013
- _e as E,
1012
+ Xr as D,
1013
+ xe as E,
1014
1014
  tr as F,
1015
1015
  zr as G,
1016
- X as H,
1016
+ J as H,
1017
1017
  ur as I,
1018
1018
  ft as J,
1019
- Hr as K,
1020
- _r as a,
1019
+ Ur as K,
1020
+ xr as a,
1021
1021
  Or as b,
1022
1022
  Se as c,
1023
- nt as d,
1024
- Ut as e,
1025
- Br as f,
1026
- Nr as g,
1023
+ Nr as d,
1024
+ lt as e,
1025
+ Mr as f,
1026
+ Br as g,
1027
1027
  at as h,
1028
- Yt as i,
1029
- lt as j,
1030
- tt as k,
1031
- Jt as l,
1028
+ Ht as i,
1029
+ Yt as j,
1030
+ Ee as k,
1031
+ tt as l,
1032
1032
  Rr as m,
1033
- Xr as n,
1033
+ Xt as n,
1034
1034
  kr as o,
1035
1035
  Kr as p,
1036
- Ee as q,
1036
+ Jr as q,
1037
1037
  qr as r,
1038
- Mr as s,
1038
+ nt as s,
1039
1039
  Vr as t,
1040
1040
  Wt as u,
1041
1041
  ut as v,
1042
- Ur as w,
1042
+ Hr as w,
1043
1043
  jr as x,
1044
1044
  rt as y,
1045
1045
  Gr as z
@@ -1,4 +1,4 @@
1
- import { c as r, P as t, o as v, C as a, a as d } from "./P7GR5CS5-BryEvRCz.js";
1
+ import { c as r, P as t, o as v, C as a, a as d } from "./P7GR5CS5-PkUYC6hd.js";
2
2
  import { createContext as n } from "react";
3
3
  var o = r(
4
4
  [v],
@@ -1 +1 @@
1
- .primitive-resizable{position:relative}.primitive-resizable__handle{position:absolute;z-index:2}.primitive-resizable__handle--x{top:0;bottom:0;right:-.75rem;height:100%;width:1.5rem;cursor:ew-resize}.primitive-resizable__handle--y{left:0;right:0;bottom:-.75rem;width:100%;height:1.5rem;cursor:ns-resize}.primitive-resizable__handle:after{content:"";display:block;position:absolute;z-index:1;background-color:var(--blockout__colours__surface--950);opacity:0;transition:opacity .25s ease}.primitive-resizable__handle--x:after{top:10%;bottom:10%;left:calc(50% - 1px);height:80%;width:2px}.primitive-resizable__handle--y:after{left:10%;right:10%;top:calc(50% - 1px);width:80%;height:2px}.primitive-resizable__handle:before{content:"";display:block;position:absolute;z-index:1;border:1px solid var(--blockout__colours__surface--400);opacity:0;transform:scale(1.125);transition:opacity .25s ease,transform .25s ease}.primitive-resizable__handle--x:before{top:1rem;bottom:1rem;left:0;right:0;height:calc(100% - 2rem);width:100%;border-top:none;border-bottom:none}.primitive-resizable__handle--y:before{left:1.5rem;right:1.5rem;top:0;bottom:0;width:calc(100% - 3rem);height:100%;border-left:none;border-right:none}.primitive-resizable__handle:hover:after,.primitive-resizable__handle:focus:after,.primitive-resizable__handle[data-dragging=true]:after{opacity:1}.primitive-resizable__handle[data-dragging=true]:after{background-color:var(--blockout__colours__primary--500)}.primitive-resizable__handle:hover:before,.primitive-resizable__handle:focus:before,.primitive-resizable__handle[data-dragging=true]:before{opacity:1;transform:scale(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}
@@ -1 +1 @@
1
- .component-select-control__input{-webkit-appearance:none;-moz-appearance:none;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{display:flex;flex-direction:column;gap:.325rem;padding:.325rem;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__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: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}
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}
@@ -1 +1 @@
1
- .component-toggle-control__buttons{display:flex;overflow:hidden}.component-toggle-control__on,.component-toggle-control__off{padding:.5rem .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__on{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--100);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}
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}
@@ -1 +1 @@
1
- .component-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
1
+ .component-textarea-control__input{min-height:5rem!important;max-height:85vh!important;resize:vertical}
@@ -1 +1 @@
1
- .component-textarea-control__input{min-height:5rem!important;max-height:85vh!important;resize:vertical}
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)}