@wrdagency/blockout 1.0.27 → 1.0.30
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-M2oB5mLz.js → 2NBKRL7C-DBbnghCe.js} +16 -16
- package/dist/{2RSXSRCN-BtBMZ8Lx.js → 2RSXSRCN-BxQ_v-Je.js} +15 -15
- package/dist/{4CMBR7SL-C-0Aig1V.js → 4CMBR7SL-DezfZPUS.js} +18 -18
- package/dist/{5JTVDSTH-BOGL3M3F.js → 5JTVDSTH-CZ7mfyUK.js} +4 -4
- package/dist/{5VQZOHHZ-DADExXg7.js → 5VQZOHHZ-DLX-ulBK.js} +1 -1
- package/dist/{6VRAQV3D-pTuMqsWW.js → 6VRAQV3D-BYmT0QTl.js} +6 -6
- package/dist/{A3WPL2ZJ-BiXYGxnE.js → A3WPL2ZJ-24tGIJIQ.js} +2 -2
- package/dist/{BM6PGYQY-DL-j4NGc.js → BM6PGYQY-DCbkDr5N.js} +2 -2
- package/dist/{DG5U6ZEL-Bn6QlO7C.js → DG5U6ZEL-DB0iwihy.js} +3 -3
- package/dist/{EM5CXX6A-B4C-NFJy.js → EM5CXX6A-B4ZS4Hs_.js} +2 -2
- package/dist/{F5MUBM3I-D6cacg-c.js → F5MUBM3I-75qY3y0N.js} +9 -9
- package/dist/{G7GW6PWC-C6qSYISF.js → G7GW6PWC-Dk4hVbAk.js} +74 -74
- package/dist/{IWEFDH56-Da7lGcXC.js → IWEFDH56-BACkQ6dc.js} +3 -3
- package/dist/{J2LQO3EC-XUQS0UAH.js → J2LQO3EC-BXJIaM2U.js} +2 -2
- package/dist/JMHAJKUZ-D5KCN1Aj.js +114 -0
- package/dist/{KFH4SEIX-C-0wHvda.js → KFH4SEIX-DaQeP5D_.js} +3 -3
- package/dist/{LMDWO4NN-ZnclRjpA.js → LMDWO4NN-CpSMaD5G.js} +21 -21
- package/dist/MAXQOH4L-BYWBWXpb.js +459 -0
- package/dist/{MR26YJYP-CWddku_H.js → MR26YJYP-CTh6rCwA.js} +39 -39
- package/dist/{MTZPJQMC-CNgogsHX.js → MTZPJQMC-D2i4-LA_.js} +2 -2
- package/dist/{O2PQ2652-DkPiHeUQ.js → O2PQ2652-DIoegIkE.js} +3 -3
- package/dist/{P7GR5CS5-bOyAbBNR.js → P7GR5CS5-3RsPGPTy.js} +1 -1
- package/dist/{PFRGBC2K-BS9YO5-Q.js → PFRGBC2K-BdRJd-gU.js} +16 -16
- package/dist/{RS7LB2H4-BpSl1D2T.js → RS7LB2H4-COOfOq9w.js} +1 -1
- package/dist/{RZ4GPYOB-D4dwmRZg.js → RZ4GPYOB-CovncfhJ.js} +5 -5
- package/dist/{S43UC3DV-BVbmEy3J.js → S43UC3DV-HCi6u_G4.js} +8 -8
- package/dist/{T7VMP3TM-BnzhAoaO.js → T7VMP3TM-C8D6mVva.js} +21 -21
- package/dist/{TIW3GMFC-C4Bh_hzw.js → TIW3GMFC-BF0w2_9R.js} +4 -4
- package/dist/{TP7N7UIH-Bs0NX7lb.js → TP7N7UIH-C4jXJDlO.js} +2 -2
- package/dist/{UQQRIHDV-C_0T8mGy.js → UQQRIHDV-DEGlgATx.js} +8 -8
- package/dist/{UYGDZTLQ-BDhCZlZ2.js → UYGDZTLQ-HiDKLOW5.js} +2 -2
- package/dist/{VIIRIBF3-CQdc2eWO.js → VIIRIBF3-B-djNAU9.js} +3 -3
- package/dist/{WMYDSCNQ-J1-TanSP.js → WMYDSCNQ-pGjWB-Pk.js} +6 -6
- package/dist/{WYCIER3C-CABEZy1i.js → WYCIER3C-CxfgpZG_.js} +2 -2
- package/dist/{YORGHBM4-B1RRY_xR.js → YORGHBM4-D_fOXG5Y.js} +1 -1
- package/dist/{YV4JVR4I-BuKFdNa0.js → YV4JVR4I-CQnJhUSg.js} +38 -38
- package/dist/assets/button.css +1 -1
- package/dist/assets/index2.css +1 -1
- package/dist/assets/index9.css +1 -1
- package/dist/assets/static.css +1 -1
- package/dist/assets/style.css +1 -1
- package/dist/assets/style16.css +1 -1
- package/dist/assets/style25.css +1 -1
- package/dist/assets/style6.css +1 -1
- package/dist/{combobox-group-Q7OatWHm.js → combobox-group-hNvv1WJm.js} +3 -3
- package/dist/{combobox-popover-CDfaOt6J.js → combobox-popover-BZ_1wNrj.js} +5 -5
- package/dist/components/avatar/index.d.ts +2 -2
- package/dist/components/avatar/index.js +20 -18
- package/dist/components/breadcrumbs/index.js +5 -5
- package/dist/components/button/row.js +4 -4
- package/dist/components/command-palette/dialog.js +2 -2
- package/dist/components/command-palette/index.js +5 -3
- package/dist/components/command-palette/presets.d.ts +4 -0
- package/dist/components/command-palette/presets.js +10 -0
- package/dist/components/command-palette/static.d.ts +4 -11
- package/dist/components/command-palette/static.js +43 -124
- package/dist/components/controls/base-popover-control/index.js +3 -3
- package/dist/components/controls/date-control/index.js +1 -1
- package/dist/components/controls/date-control/picker.js +5 -5
- package/dist/components/controls/select-control/control.js +23 -23
- package/dist/components/controls/select-control/props.d.ts +2 -2
- package/dist/components/controls/select-control/select.js +79 -67
- package/dist/components/controls/tag-control/ariakit-experimental.js +1102 -1115
- package/dist/components/controls/tag-control/index.js +8 -7
- package/dist/components/dialog/index.js +2 -2
- package/dist/components/filesystem/file.js +1 -1
- package/dist/components/filesystem/folder.js +5 -5
- package/dist/components/filesystem/list.js +1 -1
- package/dist/components/filesystem/root.js +1 -1
- package/dist/components/index.d.ts +1 -1
- package/dist/components/menu/index.js +2 -2
- package/dist/components/menu/item.js +1 -1
- package/dist/components/menu/items/action.js +1 -1
- package/dist/components/menu/items/spacer.js +1 -1
- package/dist/components/menu/items/submenu.js +3 -3
- package/dist/components/menu/items/toggle.js +1 -1
- package/dist/components/shell/index.js +14 -12
- package/dist/components/shell/navigation-separator.d.ts +6 -0
- package/dist/components/shell/navigation-separator.js +14 -0
- package/dist/components/shell/sidebar-item.d.ts +5 -4
- package/dist/components/shell/sidebar-item.js +25 -19
- package/dist/components/tabs/list.js +1 -1
- package/dist/components/tabs/panel.js +1 -1
- package/dist/components/tabs/root.js +1 -1
- package/dist/components/tabs/tab.js +1 -1
- package/dist/components/toolbar/divider.js +1 -1
- package/dist/components/toolbar/index.js +1 -1
- package/dist/components/toolbar/root.js +1 -1
- package/dist/components/window/index.js +1 -1
- package/dist/{composite-provider-VHhinf1k.js → composite-provider-BPIeS4Cg.js} +2 -2
- package/dist/{disclosure-provider-BUQRx-hY.js → disclosure-provider-cEVysvZT.js} +2 -2
- package/dist/index.d.ts +1 -0
- package/dist/index.js +76 -55
- package/dist/{item-PTynqLvp.js → item-CmTk8eHD.js} +2 -2
- package/dist/{menu-button-RmWWFvwE.js → menu-button-GQO5dB3U.js} +12 -12
- package/dist/{menu-separator-DgYHkDAA.js → menu-separator-Z6pSHpX5.js} +3 -3
- package/dist/{picker-DioIiYC0.js → picker-DyJogHYh.js} +4 -4
- package/dist/{popover-provider-HlPXIcud.js → popover-provider-BJEfhgr1.js} +2 -2
- package/dist/presets-BDIhXP0C.js +148 -0
- package/dist/primitives/icon-label/index.d.ts +2 -0
- package/dist/primitives/icon-label/index.js +18 -14
- package/dist/primitives/link/index.d.ts +3 -1
- package/dist/primitives/link/index.js +25 -24
- package/dist/primitives/nav-link/index.d.ts +4 -3
- package/dist/primitives/nav-link/index.js +21 -17
- package/dist/primitives/popover/root.d.ts +2 -3
- package/dist/primitives/popover/root.js +1 -1
- package/dist/primitives/popover/target.js +1 -1
- package/dist/primitives/popover/window.js +3 -3
- package/dist/primitives/tooltip/index.d.ts +2 -0
- package/dist/primitives/tooltip/index.js +36 -24
- package/dist/select-popover-CGgkyRb4.js +559 -0
- package/dist/{select-value-3BLrBdZV.js → select-value-B3DYk9eV.js} +2 -2
- package/dist/{tab-CKUPUgQ2.js → tab-DejwS4C8.js} +4 -4
- package/dist/{tab-list-CzsRzSiN.js → tab-list-CndMWcVv.js} +3 -3
- package/dist/{tab-panel-YGzJnU1g.js → tab-panel-DedzuWUA.js} +7 -7
- package/dist/{tab-provider-CV8qTybg.js → tab-provider-B0BoLfST.js} +6 -6
- package/dist/{tag-remove-DmlHu_9b.js → tag-remove-Dz-sGbyZ.js} +24 -24
- package/dist/{toolbar-BlVhTG5v.js → toolbar-PSaF1mdF.js} +5 -5
- package/dist/{toolbar-separator-liolx0p8.js → toolbar-separator-DJHiHbGj.js} +3 -3
- package/dist/{tooltip-arrow-CjZ1x0xv.js → tooltip-arrow-BVwULA6B.js} +17 -17
- package/dist/types/options.d.ts +14 -0
- package/dist/types/options.js +44 -12
- package/dist/utils/index.d.ts +8 -0
- package/dist/utils/index.js +23 -0
- package/package.json +1 -1
- package/dist/MAXQOH4L-lpuvS1NR.js +0 -564
- package/dist/select-popover-P8y2n3bQ.js +0 -542
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createContext as st, useRef as ot, useEffect as A, useState as ut, useContext as at, useMemo as it } from "react";
|
|
2
|
-
import { W as ct, g as E, Z as ft,
|
|
2
|
+
import { W as ct, g as E, Z as ft, P as lt, $ as j, c as bt, _ as dt, a0 as B, t as pt, e as F, v as vt, A as yt, J as T, h as O, a1 as Ft, T as mt, o as q, m as xt, n as Et, r as At, x as gt, f as ht, a as Tt } from "./LMDWO4NN-CpSMaD5G.js";
|
|
3
3
|
var wt = st(!0), g = "input:not([type='hidden']):not([disabled]), select:not([disabled]), textarea:not([disabled]), a[href], button:not([disabled]), [tabindex], summary, iframe, object, embed, area[href], audio[controls], video[controls], [contenteditable]:not([contenteditable='false'])";
|
|
4
4
|
function Ct(t) {
|
|
5
5
|
return Number.parseInt(t.getAttribute("tabindex") || "0", 10) < 0;
|
|
@@ -100,12 +100,12 @@ function kt(t) {
|
|
|
100
100
|
const r = (e = t.getAttribute("tabindex")) != null ? e : "";
|
|
101
101
|
t.setAttribute("data-tabindex", r), t.setAttribute("tabindex", "-1");
|
|
102
102
|
}
|
|
103
|
-
function
|
|
103
|
+
function Jt(t, e) {
|
|
104
104
|
const r = I(t, e);
|
|
105
105
|
for (const n of r)
|
|
106
106
|
kt(n);
|
|
107
107
|
}
|
|
108
|
-
function
|
|
108
|
+
function Xt(t) {
|
|
109
109
|
const e = t.querySelectorAll("[data-tabindex]"), r = (n) => {
|
|
110
110
|
const o = n.getAttribute("data-tabindex");
|
|
111
111
|
n.removeAttribute("data-tabindex"), o ? n.setAttribute("tabindex", o) : n.removeAttribute("tabindex");
|
|
@@ -114,7 +114,7 @@ function Zt(t) {
|
|
|
114
114
|
for (const n of e)
|
|
115
115
|
r(n);
|
|
116
116
|
}
|
|
117
|
-
function
|
|
117
|
+
function Zt(t, e) {
|
|
118
118
|
"scrollIntoView" in t ? (t.focus({ preventScroll: !0 }), t.scrollIntoView(ct({ block: "nearest", inline: "nearest" }, e))) : t.focus();
|
|
119
119
|
}
|
|
120
120
|
var Kt = "div", N = gt(), Mt = [
|
|
@@ -132,7 +132,7 @@ var Kt = "div", N = gt(), Mt = [
|
|
|
132
132
|
"datetime",
|
|
133
133
|
"datetime-local"
|
|
134
134
|
], U = Symbol("safariFocusAncestor");
|
|
135
|
-
function
|
|
135
|
+
function zt(t) {
|
|
136
136
|
return t ? !!t[U] : !1;
|
|
137
137
|
}
|
|
138
138
|
function G(t, e) {
|
|
@@ -218,7 +218,7 @@ var Gt = bt(
|
|
|
218
218
|
), H = w(
|
|
219
219
|
a.onMouseDownCapture,
|
|
220
220
|
b
|
|
221
|
-
),
|
|
221
|
+
), J = w(a.onClickCapture, b), P = a.onMouseDown, X = F((s) => {
|
|
222
222
|
if (P == null || P(s), s.defaultPrevented || !n) return;
|
|
223
223
|
const u = s.currentTarget;
|
|
224
224
|
if (!N || vt(s) || !yt(u) && !W(u)) return;
|
|
@@ -235,11 +235,11 @@ var Gt = bt(
|
|
|
235
235
|
if (u && (s.currentTarget = u), !n) return;
|
|
236
236
|
const c = s.currentTarget;
|
|
237
237
|
c && R(c) && (f == null || f(s), !s.defaultPrevented && (c.dataset.focusVisible = "true", v(!0)));
|
|
238
|
-
}, S = a.onKeyDownCapture,
|
|
238
|
+
}, S = a.onKeyDownCapture, Z = F((s) => {
|
|
239
239
|
if (S == null || S(s), s.defaultPrevented || !n || p || s.metaKey || s.altKey || s.ctrlKey || !O(s)) return;
|
|
240
240
|
const u = s.currentTarget;
|
|
241
241
|
T(u, "focusout", () => V(s, u));
|
|
242
|
-
}), k = a.onFocusCapture,
|
|
242
|
+
}), k = a.onFocusCapture, z = F((s) => {
|
|
243
243
|
if (k == null || k(s), s.defaultPrevented || !n) return;
|
|
244
244
|
if (!O(s)) {
|
|
245
245
|
v(!1);
|
|
@@ -272,11 +272,11 @@ var Gt = bt(
|
|
|
272
272
|
// TODO: Test Focusable contentEditable.
|
|
273
273
|
contentEditable: b ? void 0 : a.contentEditable,
|
|
274
274
|
onKeyPressCapture: $,
|
|
275
|
-
onClickCapture:
|
|
275
|
+
onClickCapture: J,
|
|
276
276
|
onMouseDownCapture: H,
|
|
277
|
-
onMouseDown:
|
|
278
|
-
onKeyDownCapture:
|
|
279
|
-
onFocusCapture:
|
|
277
|
+
onMouseDown: X,
|
|
278
|
+
onKeyDownCapture: Z,
|
|
279
|
+
onFocusCapture: z,
|
|
280
280
|
onBlur: Q
|
|
281
281
|
}), At(a);
|
|
282
282
|
}
|
|
@@ -290,15 +290,15 @@ export {
|
|
|
290
290
|
Pt as b,
|
|
291
291
|
$t as c,
|
|
292
292
|
Ht as d,
|
|
293
|
-
|
|
294
|
-
|
|
293
|
+
Jt as e,
|
|
294
|
+
Zt as f,
|
|
295
295
|
I as g,
|
|
296
296
|
R as h,
|
|
297
|
-
|
|
297
|
+
zt as i,
|
|
298
298
|
Ut as j,
|
|
299
299
|
m as k,
|
|
300
300
|
St as l,
|
|
301
301
|
Qt as m,
|
|
302
|
-
|
|
302
|
+
Xt as r,
|
|
303
303
|
Gt as u
|
|
304
304
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { d } from "./P7GR5CS5-
|
|
2
|
-
import { c as p,
|
|
3
|
-
import { useRef as
|
|
1
|
+
import { d } from "./P7GR5CS5-3RsPGPTy.js";
|
|
2
|
+
import { c as p, G as I, _, q as v, m as C, n as g, o as R, r as h, f as x, a as b } from "./LMDWO4NN-CpSMaD5G.js";
|
|
3
|
+
import { useRef as E, useEffect as P } from "react";
|
|
4
4
|
var V = "div", j = p(
|
|
5
5
|
function(o) {
|
|
6
6
|
var r = o, {
|
|
@@ -17,7 +17,7 @@ var V = "div", j = p(
|
|
|
17
17
|
]);
|
|
18
18
|
const c = d();
|
|
19
19
|
e = e || c;
|
|
20
|
-
const s = v(t.id), m =
|
|
20
|
+
const s = v(t.id), m = E(u);
|
|
21
21
|
return P(() => {
|
|
22
22
|
const i = m.current;
|
|
23
23
|
if (!s || !i || !n) return;
|
|
@@ -29,7 +29,7 @@ var V = "div", j = p(
|
|
|
29
29
|
}
|
|
30
30
|
), y = x(function(o) {
|
|
31
31
|
const r = j(o);
|
|
32
|
-
return
|
|
32
|
+
return b(V, r);
|
|
33
33
|
});
|
|
34
34
|
export {
|
|
35
35
|
y as C,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { a as t, P as r } from "./MTZPJQMC-
|
|
2
|
-
import { e as C, C as x } from "./P7GR5CS5-
|
|
3
|
-
import {
|
|
1
|
+
import { a as t, P as r } from "./MTZPJQMC-D2i4-LA_.js";
|
|
2
|
+
import { e as C, C as x } from "./P7GR5CS5-3RsPGPTy.js";
|
|
3
|
+
import { L as a } from "./LMDWO4NN-CpSMaD5G.js";
|
|
4
4
|
import { createContext as e } from "react";
|
|
5
5
|
var i = e(
|
|
6
6
|
void 0
|
|
@@ -11,12 +11,12 @@ var i = e(
|
|
|
11
11
|
void 0
|
|
12
12
|
), S = e(!1);
|
|
13
13
|
export {
|
|
14
|
-
|
|
14
|
+
u as C,
|
|
15
15
|
b as a,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
S as b,
|
|
17
|
+
i as c,
|
|
18
|
+
n as d,
|
|
19
|
+
P as e,
|
|
20
20
|
c as f,
|
|
21
21
|
p as u
|
|
22
22
|
};
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { d as
|
|
2
|
-
import { a as
|
|
3
|
-
import { c as
|
|
4
|
-
import { useRef as
|
|
5
|
-
var
|
|
1
|
+
import { d as S } from "./5VQZOHHZ-DLX-ulBK.js";
|
|
2
|
+
import { a as k } from "./P7GR5CS5-3RsPGPTy.js";
|
|
3
|
+
import { c as E, _ as K, i as v, e as N, D as P, M as L, m as O, o as R, r as V, k as M, h as W, N as $, f as j, a as q } from "./LMDWO4NN-CpSMaD5G.js";
|
|
4
|
+
import { useRef as z } from "react";
|
|
5
|
+
var A = "div", s = "";
|
|
6
6
|
function d() {
|
|
7
7
|
s = "";
|
|
8
8
|
}
|
|
9
|
-
function
|
|
9
|
+
function B(e) {
|
|
10
10
|
const t = e.target;
|
|
11
|
-
return t &&
|
|
11
|
+
return t && M(t) ? !1 : e.key === " " && s.length ? !0 : e.key.length === 1 && !e.ctrlKey && !e.altKey && !e.metaKey && /^[\p{Letter}\p{Number}]$/u.test(e.key);
|
|
12
12
|
}
|
|
13
|
-
function
|
|
14
|
-
if (
|
|
13
|
+
function F(e, t) {
|
|
14
|
+
if (W(e)) return !0;
|
|
15
15
|
const r = e.target;
|
|
16
16
|
return r ? t.some((a) => a.element === r) : !1;
|
|
17
17
|
}
|
|
18
|
-
function
|
|
18
|
+
function H(e) {
|
|
19
19
|
return e.filter((t) => !t.disabled);
|
|
20
20
|
}
|
|
21
21
|
function l(e, t) {
|
|
@@ -25,29 +25,29 @@ function l(e, t) {
|
|
|
25
25
|
// component that can be used with those as well, we also consider the value
|
|
26
26
|
// property as a fallback for the typeahead text content.
|
|
27
27
|
"value" in e && e.value;
|
|
28
|
-
return o ?
|
|
28
|
+
return o ? $(o).trim().toLowerCase().startsWith(t.toLowerCase()) : !1;
|
|
29
29
|
}
|
|
30
30
|
function U(e, t, r) {
|
|
31
31
|
if (!r) return e;
|
|
32
32
|
const o = e.find((a) => a.id === r);
|
|
33
|
-
return !o || !l(o, t) || s !== t && l(o, s) ? e : (s = t,
|
|
33
|
+
return !o || !l(o, t) || s !== t && l(o, s) ? e : (s = t, S(
|
|
34
34
|
e.filter((a) => l(a, s)),
|
|
35
35
|
r
|
|
36
36
|
).filter((a) => a.id !== r));
|
|
37
37
|
}
|
|
38
|
-
var G =
|
|
39
|
-
var r = t, { store: o, typeahead: a = !0 } = r, f =
|
|
40
|
-
const T =
|
|
38
|
+
var G = E(function(t) {
|
|
39
|
+
var r = t, { store: o, typeahead: a = !0 } = r, f = K(r, ["store", "typeahead"]);
|
|
40
|
+
const T = k();
|
|
41
41
|
o = o || T, v(
|
|
42
42
|
o,
|
|
43
43
|
process.env.NODE_ENV !== "production" && "CompositeTypeahead must be a Composite component"
|
|
44
44
|
);
|
|
45
|
-
const c = f.onKeyDownCapture, m =
|
|
45
|
+
const c = f.onKeyDownCapture, m = z(0), b = N((i) => {
|
|
46
46
|
if (c == null || c(i), i.defaultPrevented || !a || !o) return;
|
|
47
|
-
if (!
|
|
47
|
+
if (!B(i))
|
|
48
48
|
return d();
|
|
49
49
|
const { renderedItems: p, items: h, activeId: w, id: _ } = o.getState();
|
|
50
|
-
let u =
|
|
50
|
+
let u = H(
|
|
51
51
|
h.length > p.length ? h : p
|
|
52
52
|
);
|
|
53
53
|
const D = P(i.currentTarget), I = `[data-offscreen-id="${_}"]`, y = D.querySelectorAll(I);
|
|
@@ -55,7 +55,7 @@ var G = k(function(t) {
|
|
|
55
55
|
const x = n.ariaDisabled === "true" || "disabled" in n && !!n.disabled;
|
|
56
56
|
u.push({ id: n.id, element: n, disabled: x });
|
|
57
57
|
}
|
|
58
|
-
if (y.length && (u =
|
|
58
|
+
if (y.length && (u = L(u, (n) => n.element)), !F(i, u)) return d();
|
|
59
59
|
i.preventDefault(), window.clearTimeout(m.current), m.current = window.setTimeout(() => {
|
|
60
60
|
s = "";
|
|
61
61
|
}, 500);
|
|
@@ -67,9 +67,9 @@ var G = k(function(t) {
|
|
|
67
67
|
return f = O(R({}, f), {
|
|
68
68
|
onKeyDownCapture: b
|
|
69
69
|
}), V(f);
|
|
70
|
-
}), Z =
|
|
70
|
+
}), Z = j(function(t) {
|
|
71
71
|
const r = G(t);
|
|
72
|
-
return
|
|
72
|
+
return q(A, r);
|
|
73
73
|
});
|
|
74
74
|
export {
|
|
75
75
|
Z as C,
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { c as x, d as k } from "./RS7LB2H4-
|
|
2
|
-
import { u as _ } from "./F5MUBM3I-
|
|
3
|
-
import { f as l, c as u, a as d, _ as m, e as b, m as f, o as c, T as C, n as y, q as N, b as P } from "./LMDWO4NN-
|
|
1
|
+
import { c as x, d as k } from "./RS7LB2H4-COOfOq9w.js";
|
|
2
|
+
import { u as _ } from "./F5MUBM3I-75qY3y0N.js";
|
|
3
|
+
import { f as l, c as u, a as d, _ as m, e as b, m as f, o as c, T as C, n as y, q as N, b as P } from "./LMDWO4NN-CpSMaD5G.js";
|
|
4
4
|
import { useMemo as v, useRef as T, useContext as p } from "react";
|
|
5
5
|
import { jsxs as j, jsx as r } from "react/jsx-runtime";
|
|
6
|
-
import { H as E } from "./G7GW6PWC-
|
|
6
|
+
import { H as E } from "./G7GW6PWC-Dk4hVbAk.js";
|
|
7
7
|
var R = "button", $ = u(
|
|
8
8
|
function(s) {
|
|
9
9
|
var o = s, { store: n } = o, e = m(o, ["store"]);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { c as s, _ as n, o as p, f as i, a as m, i as _, m as f } from "./LMDWO4NN-
|
|
2
|
-
import { a as l } from "./P7GR5CS5-
|
|
1
|
+
import { c as s, _ as n, o as p, f as i, a as m, i as _, m as f } from "./LMDWO4NN-CpSMaD5G.js";
|
|
2
|
+
import { a as l } from "./P7GR5CS5-3RsPGPTy.js";
|
|
3
3
|
var C = "hr", u = s(
|
|
4
4
|
function(r) {
|
|
5
5
|
var o = r, { orientation: t = "horizontal" } = o, a = n(o, ["orientation"]);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { a as h } from "./P7GR5CS5-
|
|
2
|
-
import { c as C, _ as O, i as P,
|
|
3
|
-
import { a as S, h as V } from "./PFRGBC2K-
|
|
1
|
+
import { a as h } from "./P7GR5CS5-3RsPGPTy.js";
|
|
2
|
+
import { c as C, _ as O, i as P, O as T, j as d, e as m, m as N, n as I, o as w, r as x, P as y, Q as L, s as A, f as D, a as R } from "./LMDWO4NN-CpSMaD5G.js";
|
|
3
|
+
import { a as S, h as V } from "./PFRGBC2K-BdRJd-gU.js";
|
|
4
4
|
import { useCallback as j } from "react";
|
|
5
5
|
var k = "div";
|
|
6
6
|
function p(t) {
|
|
@@ -21,7 +21,7 @@ function B(t) {
|
|
|
21
21
|
} while (e);
|
|
22
22
|
return !1;
|
|
23
23
|
}
|
|
24
|
-
var
|
|
24
|
+
var Q = C(
|
|
25
25
|
function(e) {
|
|
26
26
|
var u = e, {
|
|
27
27
|
store: r,
|
|
@@ -57,13 +57,13 @@ var U = C(
|
|
|
57
57
|
onMouseLeave: H
|
|
58
58
|
}), x(s);
|
|
59
59
|
}
|
|
60
|
-
),
|
|
60
|
+
), G = A(
|
|
61
61
|
D(function(e) {
|
|
62
|
-
const u =
|
|
62
|
+
const u = Q(e);
|
|
63
63
|
return R(k, u);
|
|
64
64
|
})
|
|
65
65
|
);
|
|
66
66
|
export {
|
|
67
|
-
|
|
68
|
-
|
|
67
|
+
G as C,
|
|
68
|
+
Q as u
|
|
69
69
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { e as r, C as t } from "./P7GR5CS5-
|
|
2
|
-
import {
|
|
1
|
+
import { e as r, C as t } from "./P7GR5CS5-3RsPGPTy.js";
|
|
2
|
+
import { L as a } from "./LMDWO4NN-CpSMaD5G.js";
|
|
3
3
|
import { createContext as n } from "react";
|
|
4
|
-
import { H as v, a as d } from "./EM5CXX6A-
|
|
4
|
+
import { H as v, a as d } from "./EM5CXX6A-B4ZS4Hs_.js";
|
|
5
5
|
var e = a(
|
|
6
6
|
[t],
|
|
7
7
|
[r]
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { b as m, a as _ } from "./MTZPJQMC-
|
|
2
|
-
import { c as p, _ as u, m as P, n as h, o as t, f as l, a as v, i as D, S as E, e as b, l as x } from "./LMDWO4NN-
|
|
3
|
-
import { a as N } from "./F5MUBM3I-
|
|
4
|
-
import { e as A } from "./RS7LB2H4-
|
|
1
|
+
import { b as m, a as _ } from "./MTZPJQMC-D2i4-LA_.js";
|
|
2
|
+
import { c as p, _ as u, m as P, n as h, o as t, f as l, a as v, i as D, S as E, e as b, l as x } from "./LMDWO4NN-CpSMaD5G.js";
|
|
3
|
+
import { a as N } from "./F5MUBM3I-75qY3y0N.js";
|
|
4
|
+
import { e as A } from "./RS7LB2H4-COOfOq9w.js";
|
|
5
5
|
import { jsx as C } from "react/jsx-runtime";
|
|
6
6
|
var k = "div", d = p(
|
|
7
7
|
function(s) {
|
|
@@ -54,8 +54,8 @@ var k = "div", d = p(
|
|
|
54
54
|
export {
|
|
55
55
|
M as D,
|
|
56
56
|
W as P,
|
|
57
|
-
|
|
57
|
+
w as a,
|
|
58
58
|
f as b,
|
|
59
59
|
H as c,
|
|
60
|
-
|
|
60
|
+
d as u
|
|
61
61
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { m, o as S, t as f, c as g, s as l, d as r, e as E, f as u, b as v } from "./YV4JVR4I-
|
|
2
|
-
import { U as o, V as O, W as b, X as D } from "./LMDWO4NN-
|
|
1
|
+
import { m, o as S, t as f, c as g, s as l, d as r, e as E, f as u, b as v } from "./YV4JVR4I-CQnJhUSg.js";
|
|
2
|
+
import { U as o, V as O, W as b, X as D } from "./LMDWO4NN-CpSMaD5G.js";
|
|
3
3
|
function P(n = {}) {
|
|
4
4
|
const a = m(
|
|
5
5
|
n.store,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { c as u, q as c, b, o as i, r as l, f as s, a as n, _ as p, l as f } from "./LMDWO4NN-
|
|
1
|
+
import { c as u, q as c, b, o as i, r as l, f as s, a as n, _ as p, l as f } from "./LMDWO4NN-CpSMaD5G.js";
|
|
2
2
|
import { createContext as G, useContext as C, useState as L } from "react";
|
|
3
3
|
import { jsx as _ } from "react/jsx-runtime";
|
|
4
4
|
var v = G(void 0), h = "div", m = u(
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { i as ot,
|
|
1
|
+
import { i as ot, Q as A, ae as st, af as at, ag as ut, a2 as N, ab as it, V as ct, W as ft, a9 as lt, G as dt, b as K, m as St, o as C, e as pt, a4 as vt } from "./LMDWO4NN-CpSMaD5G.js";
|
|
2
2
|
import * as R from "react";
|
|
3
|
-
import
|
|
3
|
+
import Q from "react";
|
|
4
4
|
import { g as _t } from "./_commonjsHelpers-C6fGbg64.js";
|
|
5
5
|
function L(t, n) {
|
|
6
6
|
const e = t.__unstableInternals;
|
|
@@ -11,20 +11,20 @@ function q(t, ...n) {
|
|
|
11
11
|
const s = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), v = /* @__PURE__ */ new Set(), m = /* @__PURE__ */ new Set(), _ = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new WeakMap(), p = /* @__PURE__ */ new WeakMap(), u = (c) => (v.add(c), () => v.delete(c)), S = () => {
|
|
12
12
|
const c = s.size, d = Symbol();
|
|
13
13
|
s.add(d);
|
|
14
|
-
const
|
|
14
|
+
const O = () => {
|
|
15
15
|
s.delete(d), !s.size && o();
|
|
16
16
|
};
|
|
17
|
-
if (c) return
|
|
17
|
+
if (c) return O;
|
|
18
18
|
const y = ut(e).map(
|
|
19
|
-
(
|
|
19
|
+
(g) => N(
|
|
20
20
|
...n.map((w) => {
|
|
21
21
|
var h;
|
|
22
22
|
const V = (h = w == null ? void 0 : w.getState) == null ? void 0 : h.call(w);
|
|
23
|
-
if (V && A(V,
|
|
24
|
-
return X(w, [
|
|
23
|
+
if (V && A(V, g))
|
|
24
|
+
return X(w, [g], (I) => {
|
|
25
25
|
B(
|
|
26
|
-
|
|
27
|
-
I[
|
|
26
|
+
g,
|
|
27
|
+
I[g],
|
|
28
28
|
// @ts-expect-error - Not public API. This is just to prevent
|
|
29
29
|
// infinite loops.
|
|
30
30
|
!0
|
|
@@ -33,25 +33,25 @@ function q(t, ...n) {
|
|
|
33
33
|
})
|
|
34
34
|
)
|
|
35
35
|
), x = [];
|
|
36
|
-
for (const
|
|
37
|
-
x.push(
|
|
38
|
-
const P = n.map(
|
|
39
|
-
return o = N(...y, ...x, ...P),
|
|
40
|
-
}, l = (c, d,
|
|
36
|
+
for (const g of v)
|
|
37
|
+
x.push(g());
|
|
38
|
+
const P = n.map(Y);
|
|
39
|
+
return o = N(...y, ...x, ...P), O;
|
|
40
|
+
}, l = (c, d, O = m) => (O.add(d), p.set(d, c), () => {
|
|
41
41
|
var y;
|
|
42
|
-
(y = a.get(d)) == null || y(), a.delete(d), p.delete(d),
|
|
43
|
-
}), E = (c, d) => l(c, d), b = (c, d) => (a.set(d, d(e, e)), l(c, d)), D = (c, d) => (a.set(d, d(e, f)), l(c, d, _)), tt = (c) => q(at(e, c), j), et = (c) => q(st(e, c), j), nt = () => e, B = (c, d,
|
|
42
|
+
(y = a.get(d)) == null || y(), a.delete(d), p.delete(d), O.delete(d);
|
|
43
|
+
}), E = (c, d) => l(c, d), b = (c, d) => (a.set(d, d(e, e)), l(c, d)), D = (c, d) => (a.set(d, d(e, f)), l(c, d, _)), tt = (c) => q(at(e, c), j), et = (c) => q(st(e, c), j), nt = () => e, B = (c, d, O = !1) => {
|
|
44
44
|
var y;
|
|
45
45
|
if (!A(e, c)) return;
|
|
46
46
|
const x = it(d, e[c]);
|
|
47
47
|
if (x === e[c]) return;
|
|
48
|
-
if (!
|
|
48
|
+
if (!O)
|
|
49
49
|
for (const h of n)
|
|
50
50
|
(y = h == null ? void 0 : h.setState) == null || y.call(h, c, x);
|
|
51
51
|
const P = e;
|
|
52
52
|
e = ct(ft({}, e), { [c]: x });
|
|
53
|
-
const
|
|
54
|
-
r =
|
|
53
|
+
const g = Symbol();
|
|
54
|
+
r = g, i.add(c);
|
|
55
55
|
const w = (h, V, I) => {
|
|
56
56
|
var M;
|
|
57
57
|
const $ = p.get(h), rt = (H) => I ? I.has(H) : H === c;
|
|
@@ -60,7 +60,7 @@ function q(t, ...n) {
|
|
|
60
60
|
for (const h of m)
|
|
61
61
|
w(h, P);
|
|
62
62
|
queueMicrotask(() => {
|
|
63
|
-
if (r !==
|
|
63
|
+
if (r !== g) return;
|
|
64
64
|
const h = e;
|
|
65
65
|
for (const V of _)
|
|
66
66
|
w(V, f, i);
|
|
@@ -85,11 +85,11 @@ function Vt(t, ...n) {
|
|
|
85
85
|
if (t)
|
|
86
86
|
return L(t, "setup")(...n);
|
|
87
87
|
}
|
|
88
|
-
function
|
|
88
|
+
function Y(t, ...n) {
|
|
89
89
|
if (t)
|
|
90
90
|
return L(t, "init")(...n);
|
|
91
91
|
}
|
|
92
|
-
function
|
|
92
|
+
function J(t, ...n) {
|
|
93
93
|
if (t)
|
|
94
94
|
return L(t, "subscribe")(...n);
|
|
95
95
|
}
|
|
@@ -147,7 +147,7 @@ If there's a particular need for this, please submit a feature request at https:
|
|
|
147
147
|
`
|
|
148
148
|
);
|
|
149
149
|
}
|
|
150
|
-
var T = { exports: {} },
|
|
150
|
+
var T = { exports: {} }, G = {};
|
|
151
151
|
/**
|
|
152
152
|
* @license React
|
|
153
153
|
* use-sync-external-store-shim.production.js
|
|
@@ -159,9 +159,9 @@ var T = { exports: {} }, U = {};
|
|
|
159
159
|
*/
|
|
160
160
|
var W;
|
|
161
161
|
function mt() {
|
|
162
|
-
if (W) return
|
|
162
|
+
if (W) return G;
|
|
163
163
|
W = 1;
|
|
164
|
-
var t =
|
|
164
|
+
var t = Q;
|
|
165
165
|
function n(a, p) {
|
|
166
166
|
return a === p && (a !== 0 || 1 / a === 1 / p) || a !== a && p !== p;
|
|
167
167
|
}
|
|
@@ -196,9 +196,9 @@ function mt() {
|
|
|
196
196
|
return p();
|
|
197
197
|
}
|
|
198
198
|
var _ = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? m : i;
|
|
199
|
-
return
|
|
199
|
+
return G.useSyncExternalStore = t.useSyncExternalStore !== void 0 ? t.useSyncExternalStore : _, G;
|
|
200
200
|
}
|
|
201
|
-
var
|
|
201
|
+
var U = {};
|
|
202
202
|
/**
|
|
203
203
|
* @license React
|
|
204
204
|
* use-sync-external-store-shim.development.js
|
|
@@ -257,21 +257,21 @@ function Et() {
|
|
|
257
257
|
return S();
|
|
258
258
|
}
|
|
259
259
|
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
|
|
260
|
-
var r =
|
|
261
|
-
|
|
262
|
-
}()),
|
|
260
|
+
var r = Q, o = typeof Object.is == "function" ? Object.is : t, s = r.useState, i = r.useEffect, v = r.useLayoutEffect, m = r.useDebugValue, _ = !1, a = !1, p = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? f : n;
|
|
261
|
+
U.useSyncExternalStore = r.useSyncExternalStore !== void 0 ? r.useSyncExternalStore : p, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
|
|
262
|
+
}()), U;
|
|
263
263
|
}
|
|
264
264
|
var F;
|
|
265
265
|
function bt() {
|
|
266
266
|
return F || (F = 1, process.env.NODE_ENV === "production" ? T.exports = mt() : T.exports = Et()), T.exports;
|
|
267
267
|
}
|
|
268
|
-
var
|
|
269
|
-
const
|
|
270
|
-
var { useSyncExternalStore: Z } =
|
|
268
|
+
var gt = bt();
|
|
269
|
+
const Ot = /* @__PURE__ */ _t(gt);
|
|
270
|
+
var { useSyncExternalStore: Z } = Ot, k = () => () => {
|
|
271
271
|
};
|
|
272
272
|
function yt(t, n = dt) {
|
|
273
273
|
const e = R.useCallback(
|
|
274
|
-
(r) => t ?
|
|
274
|
+
(r) => t ? J(t, null, r) : k(),
|
|
275
275
|
[t]
|
|
276
276
|
), f = () => {
|
|
277
277
|
const r = typeof n == "string" ? n : null, o = typeof n == "function" ? n : null, s = t == null ? void 0 : t.getState();
|
|
@@ -285,7 +285,7 @@ function Tt(t, n) {
|
|
|
285
285
|
const e = R.useRef(
|
|
286
286
|
{}
|
|
287
287
|
), f = R.useCallback(
|
|
288
|
-
(o) => t ?
|
|
288
|
+
(o) => t ? J(t, null, o) : k(),
|
|
289
289
|
[t]
|
|
290
290
|
), r = () => {
|
|
291
291
|
const o = t == null ? void 0 : t.getState();
|
|
@@ -321,7 +321,7 @@ function Ct(t, n, e, f) {
|
|
|
321
321
|
}
|
|
322
322
|
function jt(t, n) {
|
|
323
323
|
const [e, f] = R.useState(() => t(n));
|
|
324
|
-
K(() =>
|
|
324
|
+
K(() => Y(e), [e]);
|
|
325
325
|
const r = R.useCallback(
|
|
326
326
|
(i) => yt(e, i),
|
|
327
327
|
[e]
|
|
@@ -338,10 +338,10 @@ export {
|
|
|
338
338
|
jt as b,
|
|
339
339
|
q as c,
|
|
340
340
|
X as d,
|
|
341
|
-
|
|
341
|
+
J as e,
|
|
342
342
|
Ct as f,
|
|
343
343
|
ht as g,
|
|
344
|
-
|
|
344
|
+
Y as i,
|
|
345
345
|
Dt as m,
|
|
346
346
|
Rt as o,
|
|
347
347
|
At as p,
|
package/dist/assets/button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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);--button__icon: var(--blockout__colours__surface--50);--button__icon--hover: var(--blockout__colours__surface--50);--button__padding--y: .75rem;--button__padding--x: 1.25rem;--button__gap: 1rem;--button__font-size: 1rem;display:flex;align-items:center;justify-content:center;gap:var(--button__gap);padding:var(--button__padding--y) var(--button__padding--x);font-size:var(--button__font-size);min-height:40px;width:fit-content;background-color:var(--button__bg);border:1px solid var(--button__border);border-radius:var(--blockout__radius--md);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,box-shadow .25s ease}.component-button>svg{width:calc(1.375 * var(--button__font-size));height:calc(1.375 * var(--button__font-size));color:var(--button__icon);fill:var(--button__icon);transition:fill .25s ease,color .25s ease}.component-button:hover{background-color:var(--button__bg--hover);border-color:var(--button__border--hover);color:var(--button__text--hover)}.component-button:focus-visible{background-color:var(--button__bg--hover);color:var(--button__text--hover);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-button:hover>svg{color:var(--button__icon--hover);fill:var(--button__icon--hover)}.component-button:active{outline-offset:3px}.component-button[aria-pressed=true]{background-color:var(--button__bg--pressed);border-color:var(--button__border--pressed);color:var(--button__text--pressed);box-shadow:inset 0 .25rem .5rem #00000040}.component-button[aria-pressed=true]>svg{color:var(--button__icon--pressed);fill:var(--button__icon--pressed)}.component-button[aria-busy=true]{background-image:repeating-linear-gradient(-45deg,var(--button__bg),var(--button__bg) 1rem,var(--button__bg--hover) 1rem,var(--button__bg--hover) 2rem);background-size:200% 200%;animation:component-button__busy 15s linear infinite}@keyframes component-button__busy{0%{background-position:100% 100%}}.component-button:disabled:not([aria-busy=true]){opacity:.5;cursor:default;--button__border--hover: var(--button__border);--button__bg--hover: var(--button__bg);--button__text--hover: var(--button__text);--button__icon: var(--button__text);--button__icon--hover: var(--button__text)}.component-button--wide{width:100%}.component-button--icon{aspect-ratio:1/1;height:fit-content;width:auto;padding:var(--button__padding--y)}.component-button--icon>svg{color:var(--button__text);fill:var(--button__text)}.component-button--icon:hover>svg{color:var(--button__text--hover);fill:var(--button__text--hover)}.component-button--icon[aria-pressed=true]>svg{color:var(--button__text--pressed);fill:var(--button__text--pressed)}.component-button--primary{--button__bg: var(--blockout__colours__primary--500);--button__bg--hover: var(--blockout__colours__primary--400);--button__bg--pressed: var(--blockout__colours__primary--400);--button__text: var(--blockout__colours__surface--950);--button__text--hover: var(--blockout__colours__surface--950);--button__text--pressed: var(--blockout__colours__surface--950);--button__icon: var(--blockout__colours__primary--200);--button__icon--hover: var(--blockout__colours__primary--200);--button__icon--pressed: var(--blockout__colours__primary--200)}.component-button--neutral{--button__bg: var(--blockout__colours__surface--950);--button__bg--hover: var(--blockout__colours__surface--800);--button__bg--pressed: var(--blockout__colours__surface--950);--button__text: var(--blockout__colours__surface--50);--button__text--hover: var(--blockout__colours__surface--50);--button__text--pressed: var(--blockout__colours__surface--50);--button__icon: var(--blockout__colours__primary--500);--button__icon--hover: var(--blockout__colours__primary--500);--button__icon--pressed: var(--blockout__colours__primary--500)}.component-button--quiet{--button__border: var(--blockout__colours__surface--300);--button__border--hover: var(--blockout__colours__surface--100);--button__border--pressed: var(--blockout__colours__surface--950);--button__bg: var(--blockout__colours__surface--0);--button__bg--hover: var(--blockout__colours__surface--100);--button__bg--pressed: var(--blockout__colours__surface--950);--button__text: var(--blockout__colours__surface--950);--button__text--hover: var(--blockout__colours__surface--950);--button__text--pressed: var(--blockout__colours__surface--50);--button__icon: var(--blockout__colours__primary--500);--button__icon--hover: var(--blockout__colours__primary--500);--button__icon--pressed: var(--blockout__colours__primary--500)}.component-button--ghost{--button__bg: transparent;--button__bg--hover: var(--blockout__colours__surface--100);--button__bg--pressed: var(--blockout__colours__surface--950);--button__text: var(--blockout__colours__surface--950);--button__text--hover: var(--blockout__colours__surface--950);--button__text--pressed: var(--blockout__colours__surface--50);--button__icon: var(--blockout__colours__surface--950);--button__icon--hover: var(--blockout__colours__primary--950);--button__icon--pressed: var(--blockout__colours__primary--50)}.component-button--small{--button__padding--y: .675rem;--button__padding--x: .875rem;--button__gap: .625rem;--button__font-size: .875rem;border-radius:var(--blockout__radius--sm);min-height:2rem}.component-button--medium{--button__padding--y: .75rem;--button__padding--x: 1.25rem;--button__gap: 1rem;--button__font-size: 1rem;border-radius:var(--blockout__radius--md)}.component-button--large{--button__padding--y: 1rem;--button__padding--x: 1.5rem;--button__gap: 1.25rem;--button__font-size: 1.25rem;border-radius:var(--blockout__radius--lg)}.component-button-row__row{display:flex;flex-wrap:wrap;gap
|
|
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);--button__icon: var(--blockout__colours__surface--50);--button__icon--hover: var(--blockout__colours__surface--50);--button__padding--y: .75rem;--button__padding--x: 1.25rem;--button__gap: 1rem;--button__font-size: 1rem;display:flex;align-items:center;justify-content:center;gap:var(--button__gap);padding:var(--button__padding--y) var(--button__padding--x);font-size:var(--button__font-size);min-height:40px;width:fit-content;background-color:var(--button__bg);border:1px solid var(--button__border);border-radius:var(--blockout__radius--md);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,box-shadow .25s ease}.component-button>svg{width:calc(1.375 * var(--button__font-size));height:calc(1.375 * var(--button__font-size));color:var(--button__icon);fill:var(--button__icon);transition:fill .25s ease,color .25s ease}.component-button:hover{background-color:var(--button__bg--hover);border-color:var(--button__border--hover);color:var(--button__text--hover)}.component-button:focus-visible{background-color:var(--button__bg--hover);color:var(--button__text--hover);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-button:hover>svg{color:var(--button__icon--hover);fill:var(--button__icon--hover)}.component-button:active{outline-offset:3px}.component-button[aria-pressed=true]{background-color:var(--button__bg--pressed);border-color:var(--button__border--pressed);color:var(--button__text--pressed);box-shadow:inset 0 .25rem .5rem #00000040}.component-button[aria-pressed=true]>svg{color:var(--button__icon--pressed);fill:var(--button__icon--pressed)}.component-button[aria-busy=true]{background-image:repeating-linear-gradient(-45deg,var(--button__bg),var(--button__bg) 1rem,var(--button__bg--hover) 1rem,var(--button__bg--hover) 2rem);background-size:200% 200%;animation:component-button__busy 15s linear infinite}@keyframes component-button__busy{0%{background-position:100% 100%}}.component-button:disabled:not([aria-busy=true]){opacity:.5;cursor:default;--button__border--hover: var(--button__border);--button__bg--hover: var(--button__bg);--button__text--hover: var(--button__text);--button__icon: var(--button__text);--button__icon--hover: var(--button__text)}.component-button--wide{width:100%}.component-button--icon{aspect-ratio:1/1;height:fit-content;width:auto;padding:var(--button__padding--y)}.component-button--icon>svg{color:var(--button__text);fill:var(--button__text)}.component-button--icon:hover>svg{color:var(--button__text--hover);fill:var(--button__text--hover)}.component-button--icon[aria-pressed=true]>svg{color:var(--button__text--pressed);fill:var(--button__text--pressed)}.component-button--primary{--button__bg: var(--blockout__colours__primary--500);--button__bg--hover: var(--blockout__colours__primary--400);--button__bg--pressed: var(--blockout__colours__primary--400);--button__text: var(--blockout__colours__surface--950);--button__text--hover: var(--blockout__colours__surface--950);--button__text--pressed: var(--blockout__colours__surface--950);--button__icon: var(--blockout__colours__primary--200);--button__icon--hover: var(--blockout__colours__primary--200);--button__icon--pressed: var(--blockout__colours__primary--200)}.component-button--neutral{--button__bg: var(--blockout__colours__surface--950);--button__bg--hover: var(--blockout__colours__surface--800);--button__bg--pressed: var(--blockout__colours__surface--950);--button__text: var(--blockout__colours__surface--50);--button__text--hover: var(--blockout__colours__surface--50);--button__text--pressed: var(--blockout__colours__surface--50);--button__icon: var(--blockout__colours__primary--500);--button__icon--hover: var(--blockout__colours__primary--500);--button__icon--pressed: var(--blockout__colours__primary--500)}.component-button--quiet{--button__border: var(--blockout__colours__surface--300);--button__border--hover: var(--blockout__colours__surface--100);--button__border--pressed: var(--blockout__colours__surface--950);--button__bg: var(--blockout__colours__surface--0);--button__bg--hover: var(--blockout__colours__surface--100);--button__bg--pressed: var(--blockout__colours__surface--950);--button__text: var(--blockout__colours__surface--950);--button__text--hover: var(--blockout__colours__surface--950);--button__text--pressed: var(--blockout__colours__surface--50);--button__icon: var(--blockout__colours__primary--500);--button__icon--hover: var(--blockout__colours__primary--500);--button__icon--pressed: var(--blockout__colours__primary--500)}.component-button--ghost{--button__bg: transparent;--button__bg--hover: var(--blockout__colours__surface--100);--button__bg--pressed: var(--blockout__colours__surface--950);--button__text: var(--blockout__colours__surface--950);--button__text--hover: var(--blockout__colours__surface--950);--button__text--pressed: var(--blockout__colours__surface--50);--button__icon: var(--blockout__colours__surface--950);--button__icon--hover: var(--blockout__colours__primary--950);--button__icon--pressed: var(--blockout__colours__primary--50)}.component-button--small{--button__padding--y: .675rem;--button__padding--x: .875rem;--button__gap: .625rem;--button__font-size: .875rem;border-radius:var(--blockout__radius--sm);min-height:2rem}.component-button--medium{--button__padding--y: .75rem;--button__padding--x: 1.25rem;--button__gap: 1rem;--button__font-size: 1rem;border-radius:var(--blockout__radius--md)}.component-button--large{--button__padding--y: 1rem;--button__padding--x: 1.5rem;--button__gap: 1.25rem;--button__font-size: 1.25rem;border-radius:var(--blockout__radius--lg)}.component-button-row__row{display:flex;flex-wrap:wrap;gap:0}
|
package/dist/assets/index2.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.component-avatar{--component-avatar__size: 1.5rem;--component-avatar__gap: .75rem;--component-avatar__font-size: 1rem;display:flex;align-items:center;gap:var(--component-avatar__gap)}.component-avatar__image,.component-avatar__fallback{display:flex;align-items:center;justify-content:center;width:var(--component-avatar__size);height:var(--component-avatar__size);border-radius:var(--component-avatar__size);background-color:var(--blockout__colours__colourway--light);color:var(--blockout__colours__colourway--dark);font-size:calc(var(--component-avatar__size) / 2)}.component-avatar__name{font-size:var(--component-avatar__font-size);font-weight:400;color:var(--blockout__colours__surface--950)}.component-avatar--size-x-small{--component-avatar__size: 1.25rem;--component-avatar__gap: .5rem;--component-avatar__font-size: .75rem}.component-avatar--size-small{--component-avatar__size: 1.5rem;--component-avatar__gap: .675rem;--component-avatar__font-size: .875rem}.component-avatar--size-large{--component-avatar__size: 2rem;--component-avatar__gap: .875rem;--component-avatar__font-size: 1}.component-avatar--size-x-large{--component-avatar__size: 2.5rem;--component-avatar__gap: 1rem;--component-avatar__font-size: 1.125rem}
|
|
1
|
+
.component-avatar{--component-avatar__size: 1.5rem;--component-avatar__gap: .75rem;--component-avatar__font-size: 1rem;display:flex;align-items:center;gap:var(--component-avatar__gap)}.component-avatar__image,.component-avatar__fallback{display:flex;align-items:center;justify-content:center;width:var(--component-avatar__size);height:var(--component-avatar__size);border-radius:var(--component-avatar__size);background-color:var(--blockout__colours__colourway--light);color:var(--blockout__colours__colourway--dark);font-size:calc(var(--component-avatar__size) / 2);flex-shrink:0}.component-avatar__name{font-size:var(--component-avatar__font-size);font-weight:400;color:var(--blockout__colours__surface--950)}.component-avatar--size-x-small{--component-avatar__size: 1.25rem;--component-avatar__gap: .5rem;--component-avatar__font-size: .75rem}.component-avatar--size-small{--component-avatar__size: 1.5rem;--component-avatar__gap: .675rem;--component-avatar__font-size: .875rem}.component-avatar--size-large{--component-avatar__size: 2rem;--component-avatar__gap: .875rem;--component-avatar__font-size: 1}.component-avatar--size-x-large{--component-avatar__size: 2.5rem;--component-avatar__gap: 1rem;--component-avatar__font-size: 1.125rem}
|
package/dist/assets/index9.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root:has(.component-shell),html:has(.component-shell){overflow:hidden}@property --component-shell__sidebar-width{initial-value: 0px; syntax: "<length>"; inherits: true;}.component-shell{--component-shell__navigation-height: 3rem;--component-shell__sidebar-width: 2.
|
|
1
|
+
:root:has(.component-shell),html:has(.component-shell){overflow:hidden}@property --component-shell__sidebar-width{initial-value: 0px; syntax: "<length>"; inherits: true;}.component-shell{--component-shell__navigation-height: 3rem;--component-shell__sidebar-width: 2.875rem;--component-shell__sidebar-width--open: 200px;display:grid;grid-template-columns:var(--component-shell__sidebar-width);grid-auto-columns:1fr;grid-auto-flow:column;grid-template-rows:var(--component-shell__navigation-height);gap:0 1rem;background-color:var(--blockout__colours__surface--100);width:100%;height:100vh;height:100dvh;overflow:hidden;transition:--component-shell__sidebar-width .5s ease}.component-shell.component-shell--sidebar-open{--component-shell__sidebar-width: var( --component-shell__sidebar-width--open )}.component-shell__navigation{position:fixed;top:0;left:0;right:0;width:100%;height:var(--component-shell__navigation-height);display:flex;align-items:center;flex-wrap:wrap;gap:.875rem}.component-shell__navigation-separator{height:1rem;margin:0 .5rem;border-left:1px solid var(--blockout__colours__surface--300)}.component-shell__sidebar{min-width:0;min-height:0;grid-row:2;width:var(--component-shell__sidebar-width);border-top-right-radius:var(--blockout__radius--lg);background-color:var(--blockout__colours__surface--0);overflow:clip;padding-top:.5rem;transition:background .5s ease,padding-top .5s ease}.component-shell__sidebar__inner{display:flex;flex-direction:column;height:100%;width:var(--component-shell__sidebar-width--open)}.component-shell__sidebar-item{--icon-label__icon-size: 1.375rem;width:var(--component-shell__sidebar-width--open);padding:.675rem .75rem;overflow:clip;transition:color .5s ease;white-space:nowrap}.component-shell__sidebar-item.component-shell__sidebar-item--divide{margin:.125rem .675rem;padding:.675rem 0;width:calc(var(--component-shell__sidebar-width) - 1.375rem);border-top:1px solid var(--blockout__colours__surface--200)}.component-shell__sidebar-item.component-shell__sidebar-item--end{margin-top:auto}.component-shell__sidebar-separator{border-top:1px solid var(--blockout__colours__surface--200);margin:1.375rem .675rem .125rem;padding-top:.675rem;color:var(--blockout__colours__surface--500);font-weight:600;font-size:.675rem;text-transform:uppercase;width:calc(var(--component-shell__sidebar-width) - 1.375rem);transition:padding .5s ease,margin .5s ease,border-color .5s ease}.component-shell__sidebar-separator:first-child{margin-top:0;border-top:none}.component-shell__sidebar-separator .component-shell__sidebar-separator__label{interpolate-size:allow-keywords;display:block;height:auto;overflow:clip;transition:height .5s ease,opacity .5s ease}.component-shell:not(.component-shell--sidebar-open) .component-shell__sidebar{background:transparent;padding-top:0}.component-shell:not(.component-shell--sidebar-open) .component-shell__sidebar-item{color:transparent}.component-shell:not(.component-shell--sidebar-open) .component-shell__sidebar-separator{border-color:var(--blockout__colours__surface--300);padding-block:0;margin-block:.25rem}.component-shell:not(.component-shell--sidebar-open) .component-shell__sidebar-separator:first-child{margin-block:0}.component-shell:not(.component-shell--sidebar-open) .component-shell__sidebar-separator .component-shell__sidebar-separator__label{height:0;opacity:0}.component-shell__pane{grid-row:2;background-color:var(--blockout__colours__surface--0);border-top-left-radius:var(--blockout__radius--lg);min-height:0;min-width:0}.component-shell__pane:not(:last-child){border-top-right-radius:var(--blockout__radius--lg)}.component-shell__pane__scroll-area>.primitive-scroll-area__viewport>div{height:100%}.component-shell__pane__padding{min-height:100%;padding:1.5rem}@media (width >= 40rem){.component-shell__pane__padding{padding:2rem}}@media (width >= 48rem){.component-shell__pane__padding{padding:2.5rem}}@media (width >= 64rem){.component-shell__pane__padding{padding:3rem}}.component-shell__pane__padding.component-shell__pane__padding--edgeless-top{padding-top:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-right{padding-right:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-bottom{padding-bottom:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-left{padding-left:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-x{padding-left:0!important;padding-right:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-y{padding-top:0!important;padding-bottom:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-all{padding:0!important}
|
package/dist/assets/static.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.component-command-palette{flex-direction:column;position:fixed;top:1rem;right:1rem;bottom:1rem;left:1rem;z-index:50;margin:auto;margin-top:5vh;display:flex;height:fit-content;max-height:calc(100dvh - 5vh - 2rem);max-width:64ch;overflow:auto;border-radius:var(--blockout__radius--lg);background:var(--blockout__colours__surface--0);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d;opacity:0;transform:translateY(1rem);transition:opacity .15s ease,transform .15s ease}.component-command-palette[data-enter]{opacity:1;transform:translateY(0)}.component-command-palette__backdrop{background-color:#0000001a;opacity:0;transition:opacity ease .15s}.component-command-palette__backdrop[data-enter]{opacity:1}.component-command-palette__header{display:flex;align-items:center;padding-right:.875rem;width:100%;
|
|
1
|
+
.component-command-palette{flex-direction:column;position:fixed;top:1rem;right:1rem;bottom:1rem;left:1rem;z-index:50;margin:auto;margin-top:5vh;display:flex;height:fit-content;max-height:calc(100dvh - 5vh - 2rem);max-width:64ch;overflow:auto;border-radius:var(--blockout__radius--lg);background:var(--blockout__colours__surface--0);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d;opacity:0;transform:translateY(1rem);transition:opacity .15s ease,transform .15s ease}.component-command-palette[data-enter]{opacity:1;transform:translateY(0)}.component-command-palette__backdrop{background-color:#0000001a;opacity:0;transition:opacity ease .15s}.component-command-palette__backdrop[data-enter]{opacity:1}.component-command-palette__header{display:flex;align-items:center;padding-right:.875rem;width:100%;border-bottom:1px solid var(--blockout__colours__surface--200)}.component-command-palette__header__icon{width:1.375rem;height:1.375rem;fill:var(--blockout__colours__surface--500);margin:.875rem}.component-command-palette__input{padding:.5rem 0;flex-grow:1;-webkit-appearance:none;-moz-appearance:none;appearance:none}.component-command-palette__input:focus{outline:none}.component-command-palette__input::-webkit-search-decoration,.component-command-palette__input::-webkit-search-cancel-button,.component-command-palette__input::-webkit-search-results-button,.component-command-palette__input::-webkit-search-results-decoration{-webkit-appearance:none}.component-command-palette__results{display:flex;flex-direction:column;gap:.125rem;padding:.375rem}.component-command-palette__empty{font-size:.875rem;color:var(--blockout__colours__surface--500);padding:1.125rem}.command-palette-preset__list{display:flex;align-items:start;gap:.675rem;padding:.375rem .675rem;cursor:pointer;border-radius:var(--blockout__radius--md);transition:background .15s ease,color .15s ease}.command-palette-preset__list .command-palette-preset__list__icon{flex-shrink:0;width:1.25em;height:1.25em;margin-top:.125rem;fill:var(--blockout__colours__surface--500);transition:fill .15s ease}.command-palette-preset__list[data-active-item=true]{background:var(--blockout__colours__primary--100);color:var(--blockout__colours__primary--950)}.command-palette-preset__list[data-active-item=true] .command-palette-preset__list__icon{fill:var(--blockout__colours__primary--600)}.command-palette-preset__list.command-palette-preset__list__group__item{margin-left:2rem;font-size:.875rem;color:var(--blockout__colours__surface--500)}.command-palette-preset__list.command-palette-preset__list__group__item .command-palette-preset__list__icon{display:none}.command-palette-preset__horizontal__group{display:grid;grid-template-columns:2fr 3fr;gap:1rem;border-top:1px solid var(--blockout__colours__surface--200);padding-block:.375rem}.command-palette-preset__horizontal__group:first-child{padding-top:0;border-top:none}.command-palette-preset__horizontal__group .command-palette-preset__horizontal__group__label{display:flex;align-items:start;gap:.675rem;font-weight:500;padding:.375rem .675rem;border-radius:var(--blockout__radius--md);height:fit-content;min-width:0}.command-palette-preset__horizontal__group .command-palette-preset__horizontal__group__label .command-palette-preset__horizontal__group__label__icon{flex-shrink:0}.command-palette-preset__horizontal__group .command-palette-preset__horizontal__group__label .command-palette-preset__horizontal__group__label__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.command-palette-preset__horizontal__group .command-palette-preset__horizontal__group__label[data-active-item=true]{background:var(--blockout__colours__primary--100);color:var(--blockout__colours__primary--950)}.command-palette-preset__horizontal__group .command-palette-preset__horizontal__group__items{display:grid;gap:.125rem}.command-palette-preset__horizontal{padding:.375rem .675rem;border-radius:var(--blockout__radius--md);font-weight:500;transition:background .15s ease,color .15s ease}.command-palette-preset__horizontal[data-active-item=true]{background:var(--blockout__colours__primary--100);color:var(--blockout__colours__primary--950)}
|