@wrdagency/blockout 0.1.9 → 1.0.0

package/dist/{UQQRIHDV-Bu8e1bYU.js → UQQRIHDV-eF2M9Cz2.js}

@@ -1,8 +1,8 @@
-import { b as h } from "./P7GR5CS5-BoOYUfSQ.js";
-import { a as O, _ as P, i as T, L as C, j as d, e as m, m as N, n as I, o as L, v as w, M as x, N as y, r as A, f as D, q as R } from "./LMDWO4NN--KEvZePp.js";
-import { a as S, h as V } from "./PFRGBC2K-BEg8ahbY.js";
-import { useCallback as j } from "react";
-var k = "div";
+import { a as h } from "./P7GR5CS5-Btbh4-Mw.js";
+import { c as O, _ as P, i as T, L as C, e as d, b as m, k as N, l as I, m as L, r as w, M as x, N as y, B as k, o as A, p as D } from "./LMDWO4NN-DyBcLLfK.js";
+import { a as R, h as S } from "./PFRGBC2K-DobANx7W.js";
+import { useCallback as V } from "react";
+var B = "div";
 function p(t) {
   const e = t.relatedTarget;
   return (e == null ? void 0 : e.nodeType) === Node.ELEMENT_NODE ? e : null;
@@ -12,7 +12,7 @@ function F(t) {
   return e ? x(t.currentTarget, e) : !1;
 }
 var a = Symbol("composite-hover");
-function q(t) {
+function j(t) {
   let e = p(t);
   if (!e) return !1;
   do {
@@ -21,7 +21,7 @@ function q(t) {
   } while (e);
   return !1;
 }
-var B = O(
+var U = O(
   function(e) {
     var u = e, {
       store: r,
@@ -39,16 +39,16 @@ var B = O(
     );
     const l = C(), f = n.onMouseMove, c = d(i), g = m((o) => {
       if (f == null || f(o), !o.defaultPrevented && l() && c(o)) {
-        if (!S(o.currentTarget)) {
+        if (!R(o.currentTarget)) {
           const s = r == null ? void 0 : r.getState().baseElement;
-          s && !V(s) && s.focus();
+          s && !S(s) && s.focus();
         }
         r == null || r.setActiveId(o.currentTarget.id);
       }
     }), v = n.onMouseLeave, b = d(E), H = m((o) => {
       var s;
-      v == null || v(o), !o.defaultPrevented && l() && (F(o) || q(o) || c(o) && b(o) && (r == null || r.setActiveId(null), (s = r == null ? void 0 : r.getState().baseElement) == null || s.focus()));
-    }), _ = j((o) => {
+      v == null || v(o), !o.defaultPrevented && l() && (F(o) || j(o) || c(o) && b(o) && (r == null || r.setActiveId(null), (s = r == null ? void 0 : r.getState().baseElement) == null || s.focus()));
+    }), _ = V((o) => {
       o && (o[a] = !0);
     }, []);
     return n = N(L({}, n), {
@@ -58,12 +58,12 @@ var B = O(
     }), w(n);
   }
 );
-A(
-  D(function(e) {
-    const u = B(e);
-    return R(k, u);
+k(
+  A(function(e) {
+    const u = U(e);
+    return D(B, u);
   })
 );
 export {
-  B as u
+  U as u
 };

package/dist/{UYGDZTLQ-DcCmv5SE.js → UYGDZTLQ-DRLNvYE6.js}

@@ -1,12 +1,12 @@
-import { C as o, a as t } from "./P7GR5CS5-BoOYUfSQ.js";
-import { c as r } from "./LMDWO4NN--KEvZePp.js";
+import { e as o, C as t } from "./P7GR5CS5-Btbh4-Mw.js";
+import { I as r } from "./LMDWO4NN-DyBcLLfK.js";
 var e = r(
   [t],
   [o]
 ), d = e.useScopedContext, s = e.useProviderContext, v = e.ContextProvider, x = e.ScopedContextProvider;
 export {
   x as T,
-  s as a,
+  d as a,
   v as b,
-  d as u
+  s as u
 };

package/dist/VIIRIBF3-DX-Wjw1-.js

@@ -0,0 +1,18 @@
+import { H as o, a as r } from "./EM5CXX6A-iTR0FDQv.js";
+import { e as t, C as a } from "./P7GR5CS5-Btbh4-Mw.js";
+import { I as n } from "./LMDWO4NN-DyBcLLfK.js";
+import { createContext as d } from "react";
+var e = n(
+  [a, r],
+  [t, o]
+), x = e.useContext, p = e.useScopedContext, u = e.useProviderContext, c = e.ContextProvider, m = e.ScopedContextProvider;
+d(
+  void 0
+);
+export {
+  m as M,
+  p as a,
+  u as b,
+  c,
+  x as u
+};

package/dist/WMYDSCNQ-YGSwAHQE.js

@@ -0,0 +1,62 @@
+import { b as m, P as _ } from "./MTZPJQMC-DMklE0XE.js";
+import { c as i, _ as u, k as P, l as b, m as t, o as l, p as v, i as d, a0 as E, b as h, j as x } from "./LMDWO4NN-DyBcLLfK.js";
+import { u as N } from "./F5MUBM3I-Cv5aLv5o.js";
+import { b as C } from "./RS7LB2H4-lmOMNc4h.js";
+import { jsx as k } from "react/jsx-runtime";
+var A = "div", D = i(
+  function(s) {
+    var r = s, { store: e } = r, o = u(r, ["store"]);
+    const a = m();
+    return e = e || a, o = P(t({}, o), {
+      ref: b(e == null ? void 0 : e.setAnchorElement, o.ref)
+    }), o;
+  }
+);
+l(function(s) {
+  const r = D(s);
+  return v(A, r);
+});
+var R = "button", f = i(
+  function(s) {
+    var r = s, { store: e } = r, o = u(r, ["store"]);
+    const a = C();
+    e = e || a, d(
+      e,
+      process.env.NODE_ENV !== "production" && "DialogDisclosure must receive a `store` prop or be wrapped in a DialogProvider component."
+    );
+    const c = e.useState("contentElement");
+    return o = t({
+      "aria-haspopup": E(c, "dialog")
+    }, o), o = N(t({ store: e }, o)), o;
+  }
+);
+l(function(s) {
+  const r = f(s);
+  return v(R, r);
+});
+var T = "button", j = i(function(s) {
+  var r = s, { store: e } = r, o = u(r, ["store"]);
+  const a = m();
+  e = e || a, d(
+    e,
+    process.env.NODE_ENV !== "production" && "PopoverDisclosure must receive a `store` prop or be wrapped in a PopoverProvider component."
+  );
+  const c = o.onClick, g = h((p) => {
+    e == null || e.setAnchorElement(p.currentTarget), c == null || c(p);
+  });
+  return o = x(
+    o,
+    (p) => /* @__PURE__ */ k(_, { value: e, children: p }),
+    [e]
+  ), o = P(t({}, o), {
+    onClick: g
+  }), o = D(t({ store: e }, o)), o = f(t({ store: e }, o)), o;
+}), H = l(function(s) {
+  const r = j(s);
+  return v(T, r);
+});
+export {
+  H as P,
+  D as a,
+  j as u
+};

package/dist/WYCIER3C-DndYR0iO.js

@@ -0,0 +1,59 @@
+import { m, o as S, t as f, c as g, s as l, e as r, f as E, d as u, b as v } from "./YV4JVR4I-DOlaib2E.js";
+import { S as o, Q as O, R as b, T as D } from "./LMDWO4NN-DyBcLLfK.js";
+function P(n = {}) {
+  const a = m(
+    n.store,
+    S(n.disclosure, ["contentElement", "disclosureElement"])
+  );
+  f(n, a);
+  const t = a == null ? void 0 : a.getState(), i = o(
+    n.open,
+    t == null ? void 0 : t.open,
+    n.defaultOpen,
+    !1
+  ), c = o(n.animated, t == null ? void 0 : t.animated, !1), d = {
+    open: i,
+    animated: c,
+    animating: !!c && i,
+    mounted: i,
+    contentElement: o(t == null ? void 0 : t.contentElement, null),
+    disclosureElement: o(t == null ? void 0 : t.disclosureElement, null)
+  }, e = g(d, a);
+  return l(
+    e,
+    () => r(e, ["animated", "animating"], (s) => {
+      s.animated || e.setState("animating", !1);
+    })
+  ), l(
+    e,
+    () => E(e, ["open"], () => {
+      e.getState().animated && e.setState("animating", !0);
+    })
+  ), l(
+    e,
+    () => r(e, ["open", "animating"], (s) => {
+      e.setState("mounted", s.open || s.animating);
+    })
+  ), O(b({}, e), {
+    disclosure: n.disclosure,
+    setOpen: (s) => e.setState("open", s),
+    show: () => e.setState("open", !0),
+    hide: () => e.setState("open", !1),
+    toggle: () => e.setState("open", (s) => !s),
+    stopAnimation: () => e.setState("animating", !1),
+    setContentElement: (s) => e.setState("contentElement", s),
+    setDisclosureElement: (s) => e.setState("disclosureElement", s)
+  });
+}
+function _(n, a, t) {
+  return D(a, [t.store, t.disclosure]), u(n, t, "open", "setOpen"), u(n, t, "mounted", "setMounted"), u(n, t, "animated"), Object.assign(n, { disclosure: t.disclosure });
+}
+function w(n = {}) {
+  const [a, t] = v(P, n);
+  return _(a, t, n);
+}
+export {
+  _ as a,
+  P as c,
+  w as u
+};

package/dist/X.es-TbGOnXOO.js

@@ -0,0 +1,38 @@
+import * as e from "react";
+import { w as l } from "./SSRBase.es-BUXS72ra.js";
+const n = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+      "path",
+      {
+        d: "M216,56V200a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V56A16,16,0,0,1,56,40H200A16,16,0,0,1,216,56Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ e.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM181.66,170.34a8,8,0,0,1-11.32,11.32L128,139.31,85.66,181.66a8,8,0,0,1-11.32-11.32L116.69,128,74.34,85.66A8,8,0,0,1,85.66,74.34L128,116.69l42.34-42.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M204.24,195.76a6,6,0,1,1-8.48,8.48L128,136.49,60.24,204.24a6,6,0,0,1-8.48-8.48L119.51,128,51.76,60.24a6,6,0,0,1,8.48-8.48L128,119.51l67.76-67.75a6,6,0,0,1,8.48,8.48L136.49,128Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M202.83,197.17a4,4,0,0,1-5.66,5.66L128,133.66,58.83,202.83a4,4,0,0,1-5.66-5.66L122.34,128,53.17,58.83a4,4,0,0,1,5.66-5.66L128,122.34l69.17-69.17a4,4,0,1,1,5.66,5.66L133.66,128Z" }))
+  ]
+]), r = e.forwardRef((a, t) => /* @__PURE__ */ e.createElement(l, { ref: t, ...a, weights: n }));
+r.displayName = "XIcon";
+export {
+  r as e
+};

package/dist/{YV4JVR4I-kvospPUa.js → YV4JVR4I-DOlaib2E.js}

@@ -1,6 +1,6 @@
-import { i as ot, N as A, a2 as st, a3 as at, a4 as ut, a0 as H, a5 as it, Y as ct, U as ft, a6 as lt, E as dt, b as K, m as St, o as C, e as pt, a7 as vt } from "./LMDWO4NN--KEvZePp.js";
+import { i as ot, a7 as st, a8 as at, a9 as ut, a1 as H, N as D, a5 as it, Q as ct, R as ft, aa as lt, D as dt, a as K, k as St, m as C, b as pt, a3 as vt } from "./LMDWO4NN-DyBcLLfK.js";
 import * as R from "react";
-import F from "react";
+import Q from "react";
 import { g as _t } from "./_commonjsHelpers-C6fGbg64.js";
 function L(t, n) {
   const e = t.__unstableInternals;
@@ -20,7 +20,7 @@ function q(t, ...n) {
         ...n.map((w) => {
           var h;
           const V = (h = w == null ? void 0 : w.getState) == null ? void 0 : h.call(w);
-          if (V && A(V, O))
+          if (V && D(V, O))
             return X(w, [O], (I) => {
               B(
                 O,
@@ -35,14 +35,14 @@ function q(t, ...n) {
     ), x = [];
     for (const O of v)
       x.push(O());
-    const P = n.map(J);
+    const P = n.map(Y);
     return o = H(...y, ...x, ...P), g;
   }, l = (c, d, g = m) => (g.add(d), p.set(d, c), () => {
     var y;
     (y = a.get(d)) == null || y(), a.delete(d), p.delete(d), g.delete(d);
-  }), 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, g = !1) => {
+  }), E = (c, d) => l(c, d), b = (c, d) => (a.set(d, d(e, e)), l(c, d)), A = (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, g = !1) => {
     var y;
-    if (!A(e, c)) return;
+    if (!D(e, c)) return;
     const x = it(d, e[c]);
     if (x === e[c]) return;
     if (!g)
@@ -74,7 +74,7 @@ function q(t, ...n) {
       init: S,
       subscribe: E,
       sync: b,
-      batch: D,
+      batch: A,
       pick: tt,
       omit: et
     }
@@ -85,11 +85,11 @@ function Vt(t, ...n) {
   if (t)
     return L(t, "setup")(...n);
 }
-function J(t, ...n) {
+function Y(t, ...n) {
   if (t)
     return L(t, "init")(...n);
 }
-function Q(t, ...n) {
+function J(t, ...n) {
   if (t)
     return L(t, "subscribe")(...n);
 }
@@ -105,11 +105,11 @@ function Rt(t, ...n) {
   if (t)
     return L(t, "omit")(...n);
 }
-function At(t, ...n) {
+function Dt(t, ...n) {
   if (t)
     return L(t, "pick")(...n);
 }
-function Dt(...t) {
+function At(...t) {
   const n = t.reduce((f, r) => {
     var o;
     const s = (o = r == null ? void 0 : r.getState) == null ? void 0 : o.call(r);
@@ -127,7 +127,7 @@ function It(t, n) {
   if (!e.length) return;
   const f = n.getState();
   if (e.filter(
-    (o) => A(f, o)
+    (o) => D(f, o)
   ).length)
     throw new Error(
       `Passing a store prop in conjunction with a default state is not supported.
@@ -161,7 +161,7 @@ var W;
 function mt() {
   if (W) return U;
   W = 1;
-  var t = F;
+  var t = Q;
   function n(a, p) {
     return a === p && (a !== 0 || 1 / a === 1 / p) || a !== a && p !== p;
   }
@@ -228,16 +228,16 @@ function Et() {
       E = s({
         inst: { value: l, getSnapshot: S }
       });
-      var b = E[0].inst, D = E[1];
+      var b = E[0].inst, A = E[1];
       return v(
         function() {
-          b.value = l, b.getSnapshot = S, e(b) && D({ inst: b });
+          b.value = l, b.getSnapshot = S, e(b) && A({ inst: b });
         },
         [u, l, S]
       ), i(
         function() {
-          return e(b) && D({ inst: b }), u(function() {
-            e(b) && D({ inst: b });
+          return e(b) && A({ inst: b }), u(function() {
+            e(b) && A({ inst: b });
           });
         },
         [u]
@@ -257,13 +257,13 @@ function Et() {
       return S();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var r = F, 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;
+    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;
     G.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());
   }()), G;
 }
-var Y;
+var F;
 function bt() {
-  return Y || (Y = 1, process.env.NODE_ENV === "production" ? T.exports = mt() : T.exports = Et()), T.exports;
+  return F || (F = 1, process.env.NODE_ENV === "production" ? T.exports = mt() : T.exports = Et()), T.exports;
 }
 var Ot = bt();
 const gt = /* @__PURE__ */ _t(Ot);
@@ -271,12 +271,12 @@ var { useSyncExternalStore: Z } = gt, k = () => () => {
 };
 function yt(t, n = dt) {
   const e = R.useCallback(
-    (r) => t ? Q(t, null, r) : k(),
+    (r) => t ? J(t, null, r) : k(),
     [t]
   ), f = () => {
     const r = typeof n == "string" ? n : null, o = typeof n == "function" ? n : null, s = t == null ? void 0 : t.getState();
     if (o) return o(s);
-    if (s && r && A(s, r))
+    if (s && r && D(s, r))
       return s[r];
   };
   return Z(e, f, f);
@@ -285,7 +285,7 @@ function Tt(t, n) {
   const e = R.useRef(
     {}
   ), f = R.useCallback(
-    (o) => t ? Q(t, null, o) : k(),
+    (o) => t ? J(t, null, o) : k(),
     [t]
   ), r = () => {
     const o = t == null ? void 0 : t.getState();
@@ -298,7 +298,7 @@ function Tt(t, n) {
         _ !== i[v] && (i[v] = _, s = !0);
       }
       if (typeof m == "string") {
-        if (!o || !A(o, m)) continue;
+        if (!o || !D(o, m)) continue;
         const _ = o[m];
         _ !== i[v] && (i[v] = _, s = !0);
       }
@@ -308,7 +308,7 @@ function Tt(t, n) {
   return Z(f, r, r);
 }
 function Ct(t, n, e, f) {
-  const r = A(n, e) ? n[e] : void 0, o = f ? n[f] : void 0, s = vt({ value: r, setValue: o });
+  const r = D(n, e) ? n[e] : void 0, o = f ? n[f] : void 0, s = vt({ value: r, setValue: o });
   K(() => X(t, [e], (i, v) => {
     const { value: m, setValue: _ } = s.current;
     _ && i[e] !== v[e] && i[e] !== m && _(i[e]);
@@ -321,7 +321,7 @@ function Ct(t, n, e, f) {
 }
 function jt(t, n) {
   const [e, f] = R.useState(() => t(n));
-  K(() => J(e), [e]);
+  K(() => Y(e), [e]);
   const r = R.useCallback(
     (i) => yt(e, i),
     [e]
@@ -335,16 +335,16 @@ function jt(t, n) {
 }
 export {
   yt as a,
-  X as b,
+  jt as b,
   q as c,
-  Q as d,
-  jt as e,
-  Ct as f,
+  Ct as d,
+  X as e,
+  J as f,
   ht as g,
-  J as i,
-  Dt as m,
+  Y as i,
+  At as m,
   Rt as o,
-  At as p,
+  Dt as p,
   Vt as s,
   It as t,
   Tt as u

package/dist/assets/button.css

@@ -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)}.component-button:hover{background-color:var(--button__bg--hover);border-color:var(--button__border--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__outline);outline-offset:4px}.component-button:hover>svg{color:var(--button__icon--hover)}.component-button:active{outline-offset:3px}.component-button[aria-pressed=true]{box-shadow:inset 0 .25rem .5rem #00000040}.component-button--wide{width:100%}.component-button--primary{--button__bg: var(--blockout__colours__primary--500);--button__bg--hover: var(--blockout__colours__primary--400);--button__text: var(--blockout__colours__surface--950);--button__text--hover: var(--blockout__colours__surface--950);--button__icon: var(--blockout__colours__primary--300);--button__icon--hover: var(--blockout__colours__primary--200)}.component-button--neutral{--button__bg: var(--blockout__colours__surface--950);--button__bg--hover: var(--blockout__colours__surface--800);--button__text: var(--blockout__colours__surface--50);--button__text--hover: var(--blockout__colours__surface--50);--button__icon: var(--blockout__colours__primary--500);--button__icon--hover: var(--blockout__colours__primary--500)}.component-button--quiet{--button__border: var(--blockout__colours__surface--300);--button__border--hover: var(--blockout__colours__surface--100);--button__bg: var(--blockout__colours__surface--0);--button__bg--hover: var(--blockout__colours__surface--100);--button__text: var(--blockout__colours__surface--950);--button__text--hover: var(--blockout__colours__surface--950);--button__icon: var(--blockout__colours__primary--500);--button__icon--hover: var(--blockout__colours__primary--500)}.component-button--ghost{--button__bg: transparent;--button__bg--hover: var(--blockout__colours__surface--100);--button__text: var(--blockout__colours__surface--950);--button__text--hover: var(--blockout__colours__surface--950);--button__icon: var(--blockout__colours__primary--500);--button__icon--hover: var(--blockout__colours__primary--500)}.component-button--small{--button__padding--y: .5rem;--button__padding--x: .75rem;--button__gap: .5rem;--button__font-size: .75rem;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:disabled{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--icon{aspect-ratio:1/1;padding:var(--button__padding--y)}
+.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{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)}

package/dist/assets/index.css

@@ -1 +1 @@
-:root,[data-colour-scheme=light],[data-colour-scheme=dark] [data-colour-scheme=invert]{--blockout__colours__surface--0: #ffffff;--blockout__colours__surface--50: #fafaf9;--blockout__colours__surface--100: #f5f5f4;--blockout__colours__surface--200: #e7e5e4;--blockout__colours__surface--300: #d6d3d1;--blockout__colours__surface--400: #a8a29e;--blockout__colours__surface--500: #78716c;--blockout__colours__surface--600: #57534e;--blockout__colours__surface--700: #44403c;--blockout__colours__surface--800: #292524;--blockout__colours__surface--900: #1c1917;--blockout__colours__surface--950: #0c0a09;--blockout__colours__primary--50: #fffbeb;--blockout__colours__primary--100: #fef3c6;--blockout__colours__primary--200: #fee685;--blockout__colours__primary--300: #ffd230;--blockout__colours__primary--400: #ffb900;--blockout__colours__primary--500: #fe9a00;--blockout__colours__primary--600: #e17100;--blockout__colours__primary--700: #bb4d00;--blockout__colours__primary--800: #973c00;--blockout__colours__primary--900: #7a3306;--blockout__colours__primary--950: #461901;color-scheme:light;color:var(--blockout__colours__surface--950)}[data-colour-scheme=dark],:root [data-colour-scheme=invert]{--blockout__colours__surface--950: #fafaf9;--blockout__colours__surface--900: #f5f5f4;--blockout__colours__surface--800: #e7e5e4;--blockout__colours__surface--700: #d6d3d1;--blockout__colours__surface--600: #a8a29e;--blockout__colours__surface--500: #78716c;--blockout__colours__surface--400: #57534e;--blockout__colours__surface--300: #44403c;--blockout__colours__surface--200: #292524;--blockout__colours__surface--100: #1c1917;--blockout__colours__surface--50: #0c0a09;--blockout__colours__surface--0: #000000;--blockout__colours__primary--950: #fffbeb;--blockout__colours__primary--900: #fef3c6;--blockout__colours__primary--800: #fee685;--blockout__colours__primary--700: #ffd230;--blockout__colours__primary--600: #ffb900;--blockout__colours__primary--500: #fe9a00;--blockout__colours__primary--400: #e17100;--blockout__colours__primary--300: #bb4d00;--blockout__colours__primary--200: #973c00;--blockout__colours__primary--100: #7a3306;--blockout__colours__primary--50: #461901;color-scheme:dark;color:var(--blockout__colours__surface--950)}:root{--blockout__radius--xxs: .25rem;--blockout__radius--xs: .375rem;--blockout__radius--sm: .675rem;--blockout__radius--md: .75rem;--blockout__radius--lg: 1rem;--blockout__radius--2xl: 1.275rem;--blockout__colours__outline: var(--blockout__colours__primary--500)}:root,body{background-color:var(--blockout__colours__surface--0);color:var(--blockout__colours__surface--950)}
+:root,[data-colour-scheme=light],[data-colour-scheme=dark] [data-colour-scheme=invert]{--blockout__colours__surface--0: #ffffff;--blockout__colours__surface--50: #fafaf9;--blockout__colours__surface--100: #f5f5f4;--blockout__colours__surface--200: #e7e5e4;--blockout__colours__surface--300: #d6d3d1;--blockout__colours__surface--400: #a8a29e;--blockout__colours__surface--500: #78716c;--blockout__colours__surface--600: #57534e;--blockout__colours__surface--700: #44403c;--blockout__colours__surface--800: #292524;--blockout__colours__surface--900: #1c1917;--blockout__colours__surface--950: #0c0a09;--blockout__colours__primary--50: #fffbeb;--blockout__colours__primary--100: #fef3c6;--blockout__colours__primary--200: #fee685;--blockout__colours__primary--300: #ffd230;--blockout__colours__primary--400: #ffb900;--blockout__colours__primary--500: #fe9a00;--blockout__colours__primary--600: #e17100;--blockout__colours__primary--700: #bb4d00;--blockout__colours__primary--800: #973c00;--blockout__colours__primary--900: #7a3306;--blockout__colours__primary--950: #461901;--blockout__colours__primary--rgb: 254, 154, 0;color-scheme:light;color:var(--blockout__colours__surface--950)}[data-colour-scheme=dark],:root [data-colour-scheme=invert]{--blockout__colours__surface--950: #fafaf9;--blockout__colours__surface--900: #f5f5f4;--blockout__colours__surface--800: #e7e5e4;--blockout__colours__surface--700: #d6d3d1;--blockout__colours__surface--600: #a8a29e;--blockout__colours__surface--500: #78716c;--blockout__colours__surface--400: #57534e;--blockout__colours__surface--300: #44403c;--blockout__colours__surface--200: #292524;--blockout__colours__surface--100: #1c1917;--blockout__colours__surface--50: #0c0a09;--blockout__colours__surface--0: #000000;--blockout__colours__primary--950: #fffbeb;--blockout__colours__primary--900: #fef3c6;--blockout__colours__primary--800: #fee685;--blockout__colours__primary--700: #ffd230;--blockout__colours__primary--600: #ffb900;--blockout__colours__primary--500: #fe9a00;--blockout__colours__primary--400: #e17100;--blockout__colours__primary--300: #bb4d00;--blockout__colours__primary--200: #973c00;--blockout__colours__primary--100: #7a3306;--blockout__colours__primary--50: #461901;color-scheme:dark;color:var(--blockout__colours__surface--950)}:root{--blockout__radius--xxs: .25rem;--blockout__radius--xs: .375rem;--blockout__radius--sm: .675rem;--blockout__radius--md: .75rem;--blockout__radius--lg: 1rem;--blockout__radius--xl: 1.275rem;--blockout__radius--2xl: 1.5rem;--blockout__colours__outline: var(--blockout__colours__primary--500)}:root,body{background-color:var(--blockout__colours__surface--0);color:var(--blockout__colours__surface--950)}

package/dist/assets/index10.css

@@ -1 +1 @@
-.component-toggle-group-control .component-base-control__box{background:none;border:none}.component-toggle-group-control__options{display:flex;overflow:hidden;border-radius:var(--blockout__radius--md);background-color:var(--blockout__colours__surface--100);padding:.25rem;gap:.25rem}.component-toggle-group-control__option{display:flex;flex-direction:column;padding:.625rem .75rem;min-height:40px;width:100%;color:var(--blockout__colours__surface--800);border-radius:calc(var(--blockout__radius--md) - .25rem);font-size:1rem;font-weight:500;flex-basis:50%;cursor:pointer;position:relative;transition:color .25s ease,background-color .25s ease;background-color:var(--blockout__colours__surface--100);color:var(--blockout__colours__surface--500);box-shadow:none}.component-toggle-group-control__option__label{display:flex;align-items:center;justify-content:center;text-align:center;gap:.5rem;font-weight:500}.component-toggle-group-control__option__label>svg{width:1.25rem;height:1.25rem}.component-toggle-group-control__option__description{font-weight:400;color:var(--blockout__colours__surface--500);font-size:.875rem}.component-toggle-group-control__option:has(:checked){background-color:var(--blockout__colours__surface--0);color:var(--blockout__colours__surface--950);box-shadow:0 .1rem .25rem #0000001a;z-index:2}.component-toggle-group-control__option:has(:disabled){background-color:var(--blockout__colours__surface--200);color:var(--blockout__colours__surface--400);box-shadow:none;cursor:default}.component-toggle-group-control__option:has(:checked:disabled){background-color:var(--blockout__colours__surface--50);color:var(--blockout__colours__surface--400)}
+.component-tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.component-tag{display:flex;padding:.125rem .375rem;border-radius:var(--blockout__radius--xs);background-color:var(--blockout__colours__colourway--light);color:var(--blockout__colours__colourway--dark);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.125ch;outline:3px solid var(--blockout__colours__surface--0)}

package/dist/assets/index11.css

@@ -1 +1 @@
-.component-filesystem__list{display:flex;flex-direction:column;gap:.25rem}.component-filesystem__file,.component-filesystem__folder__line{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:var(--blockout__radius--md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-filesystem__file__icon,.component-filesystem__folder__icon{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--500);flex-shrink:0}.component-filesystem__file{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-filesystem__file:focus-within,.component-filesystem__file:focus{background-color:var(--blockout__colours__surface--100);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-filesystem__file__base{text-underline-offset:0;transition:color .15s ease,text-underline-offset .15s ease}.component-filesystem__file__name:focus{outline:none}a.component-filesystem__file__name:hover .component-filesystem__file__base,a.component-filesystem__file__name:focus .component-filesystem__file__base{text-decoration:underline;text-decoration-color:var(--blockout__colours__primary--500);text-decoration-thickness:1px;text-underline-offset:.25rem}.component-filesystem__file__extension{color:var(--blockout__colours__surface--400);font-size:.875rem;margin-left:.125rem}.component-filesystem__folder__line{width:100%;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-filesystem__folder__line:hover{background-color:var(--blockout__colours__surface--100)}.component-filesystem__folder__line:focus{background-color:var(--blockout__colours__surface--100);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-filesystem__folder__children{padding-left:2rem;padding-top:.25rem}
+.component-window{position:absolute;z-index:500;border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--lg);background-color:var(--blockout__colours__surface--0);width:min(80vw,600px)}.component-window__body{height:100%;overflow:auto}.component-window__header{display:flex;align-items:center;gap:.5rem;padding:.25rem;border-bottom:1px solid var(--blockout__colours__surface--300);border-top-left-radius:var(--blockout__radius--lg);border-top-right-radius:var(--blockout__radius--lg);position:sticky;top:0;background-color:var(--blockout__colours__surface--0)}.component-window__children{padding:1.5rem}.component-window--edgless .component-window__children{padding:0}

package/dist/assets/index12.css

@@ -1 +1 @@
-.component-progress{--component-progress__steps: 0;--component-progress__value: 0;--component-progress__min: 0;--component-progress__max: 1;--component-progress__step-width: max(.75rem, 3.5%);-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:flex;gap:.25rem;height:.25rem}.component-progress__step{position:relative;height:100%;width:2rem;border-radius:.5rem;background-color:var(--blockout__colours__surface--300);transition:background-color .15s ease,width .15s ease}.component-progress__step[data-phase=present]{width:3rem;background-color:var(--blockout__colours__primary--500)}.component-progress__step[data-phase=past]{background-color:var(--blockout__colours__surface--950)}.component-progress--indeterminate .component-progress__step{width:10rem;overflow:clip;background-color:var(--blockout__colours__surface--300)}.component-progress--indeterminate .component-progress__step:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;border-radius:.5rem;background-color:var(--blockout__colours__primary--500);animation:component-progress__indeterminate infinite 1s ease-in-out alternate-reverse}@keyframes component-progress__indeterminate{0%{left:-100%}to{left:100%}}
+.primitive-popover__window__wrapper{z-index:9999!important}.primitive-popover__window{background-color:var(--blockout__colours__surface--200);border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--lg);box-shadow:0 .175rem .375rem #0000001a;max-height:var(--popover-available-height)}.primitive-popover__window__scoll-area .primitive-scroll-area__viewport{padding:.5rem;min-height:var(--base-control__min-height);min-width:calc(var(--popover-anchor-width) + 2px);max-height:var(--popover-available-height)}.primitive-popover__window--edgeless .primitive-popover__window__scoll-area{padding:0}

package/dist/assets/index13.css

@@ -1 +1 @@
-.component-toolbar{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:var(--blockout__colours__surface--50)}
+.data-view-part-empty{padding:4rem 1.5rem;margin:auto;max-width:50ch;gap:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.data-view-part-empty>svg{width:1.5rem;height:1.5rem;fill:var(--blockout__colours__surface--300)}

package/dist/assets/index14.css

@@ -1 +1 @@
-.component-breadcrumbs{text-transform:uppercase;font-size:.75rem;font-weight:600;color:var(--blockout__colours__surface--700)}.component-breadcrumbs__list{display:flex;align-items:baseline;flex-wrap:wrap}.component-breadcrumbs__item{display:flex;align-items:baseline;gap:.125rem}.component-breadcrumbs__link{display:block;padding:.25rem .5rem;text-underline-offset:0;transition:color .15s ease,text-underline-offset .15s ease}.component-breadcrumbs__item:first-child .component-breadcrumbs__link{padding-left:0}.component-breadcrumbs__item:last-child .component-breadcrumbs__link{color:var(--blockout__colours__surface--500)}.component-breadcrumbs__link:hover,.component-breadcrumbs__link:focus-visible{color:var(--blockout__colours__surface--950);text-decoration:underline;text-underline-offset:.125rem;outline:none}.component-breacrumbs__separator{color:var(--blockout__colours__surface--300)}.component-breadcrumbs__item:last-child .component-breacrumbs__separator{display:none}
+.component-filter-list{display:flex;flex-wrap:wrap;gap:1rem}.component-filter-list__add{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;border-radius:var(--blockout__radius--sm);background-color:transparent;transition:background-color .25s ease,outline .25s ease,outline-offset .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease;padding:.625rem;cursor:pointer}.component-filter-list__add>svg{width:1rem;height:1rem}.component-filter-list__add:hover{background-color:var(--blockout__colours__surface--300)}.component-filter-list__add:focus{background-color:var(--blockout__colours__surface--300);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-filter-chip{display:flex;align-items:center;border-radius:var(--blockout__radius--sm);background-color:var(--blockout__colours__surface--200);transition:background-color .25s ease,outline .25s ease,outline-offset .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease;font-size:.875rem}.component-filter-chip__open{padding:.375rem .375rem .375rem .675rem;cursor:pointer}.component-filter-chip__open:focus{outline:none}.component-filter-chip:has(.component-filter-chip__open:hover){background-color:var(--blockout__colours__surface--300)}.component-filter-chip:has(.component-filter-chip__open:focus){background-color:var(--blockout__colours__surface--300);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-filter-chip__close{padding:.375rem;border-radius:var(--blockout__radius--xs);transition:background-color .25s ease;cursor:pointer;margin:.25rem}.component-filter-chip__close>svg{width:1rem;height:1rem}.component-filter-chip__close:hover{background-color:var(--blockout__colours__surface--300)}.component-filter-chip__close:focus{background-color:var(--blockout__colours__surface--300);outline:none}.component-filter-editor{display:flex;gap:.5rem}.component-filter-editor:has(.component-choice-control){flex-direction:column}.component-filter-editor__operator{width:fit-content}.component-filter-editor__value.component-text-control{width:min(75vw,15rem)}.component-filter-editor__value.component-number-control{width:min(75vw,5rem)}.component-filter-editor__value.component-date-control{width:min(75vw,12rem)}

package/dist/assets/index15.css

@@ -1 +1 @@
-.component-data-table__table{border-collapse:separate;border-spacing:0}.component-data-table__th__target,.component-data-table__td{padding:1.25rem;border-bottom:1px solid var(--blockout__colours__surface--300)}.component-data-table__th:first-child .component-data-table__th__target,.component-data-table__td:first-child{padding-left:.25rem}.component-data-table__th:last-child .component-data-table__th__target,.component-data-table__td:last-child{padding-right:.25rem}.component-data-table__th{text-align:left;font-weight:500}.component-data-table__th__target{display:flex;align-items:center;gap:.75rem;width:100%;height:100%;font-weight:500}.component-data-table__th__sort-indicator{width:1rem;height:1rem;fill:var(--blockout__colours__surface--400)}.component-data-table__td{white-space:nowrap}.component-data-table__td--sticky,.component-data-table__th--sticky{position:sticky;left:0;background-color:var(--blockout__colours__surface--0)}.component-data-table__td--sticky:after,.component-data-table__th--sticky:after{content:"";position:absolute;top:-1px;left:100%;bottom:0;width:1rem;pointer-events:none;background:linear-gradient(90deg,#00000016,#0000)}.component-data-table__tfoot .component-data-table__td{padding-top:.75rem;padding-bottom:.75rem;font-size:.875rem;color:var(--blockout__colours__surface--600)}
+.data-view-part-footer{position:sticky;bottom:0;z-index:10;background-color:var(--blockout__colours__surface--0);border-top:1px solid var(--blockout__colours__surface--300);padding:.75rem 0;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;min-height:4.5rem}@media (max-width: 768px){.data-view-part-footer__selection{display:none!important}}.data-view-part-footer__selection{display:flex;align-items:center;flex-shrink:0;gap:.75rem}.data-view-part-footer__selection__checkbox{margin-left:.75rem}.data-view-part-footer__selection__count{font-size:.875rem;color:var(--blockout__colours__surface--600)}.data-view-part-footer__actions{display:flex;flex-shrink:0;gap:.75rem;margin-left:auto}.data-view-part-footer:has(.data-view-part-footer__pagination) .data-view-part-footer__actions,.data-view-part-footer:has(.data-view-part-footer__pagination) .data-view-part-footer__selection{flex-basis:33%}

package/dist/assets/index16.css

@@ -1 +1 @@
-.component-base-popover-control{min-width:0px}.component-base-popover-control .component-base-control__control{min-width:0}.component-base-popover-control__input{cursor:pointer;display:flex;width:100%}.component-base-popover-control__input:focus{outline:none}.component-base-popover-control__value{flex-grow:1;padding:.75rem;min-height:40px;width:100%;min-width:0;color:var(--blockout__colours__surface--800);border-top-left-radius:var(--blockout__radius--md);border-bottom-left-radius:var(--blockout__radius--md);font-size:1rem;text-align:left;background-color:transparent;transition:background-color .25s ease;text-transform:capitalize}.component-base-popover-control__input:disabled .component-base-popover-control__value{background-color:var(--blockout__colours__surface--200);color:var(--blockout__colours__surface--400)}.component-base-popover-control__value:hover{background-color:var(--blockout__colours__surface--200)}.component-base-popover-control__caret{flex-shrink:0;width:2rem;display:flex;justify-content:center;align-items:center;border-top-right-radius:var(--blockout__radius--md);border-bottom-right-radius:var(--blockout__radius--md);background-color:var(--blockout__colours__surface--100);cursor:pointer;transition:background-color .25s ease}.component-base-popover-control__caret:hover{background-color:var(--blockout__colours__surface--200)}.component-base-popover-control__caret>svg{width:.75rem;height:.75rem;fill:currentColor}.component-base-popover-control__popover__wrapper{z-index:9999!important}.component-base-popover-control__popover{background-color:var(--blockout__colours__surface--200);border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--lg);box-shadow:0 .175rem .375rem #0000001a;width:calc(var(--popover-anchor-width) + 2px);max-height:var(--popover-available-height);overflow-y:auto;padding:.5rem;min-height:40px}.component-base-popover-control .component-base-control__box:focus-within{background-color:var(--blockout__colours__surface--50);border-color:var(--blockout__colours__surface--300);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}
+.component-pagination{display:flex;align-items:center;gap:.75rem}.component-pagination__text{display:flex;align-items:baseline;gap:1ch;font-size:.875rem;color:var(--blockout__colours__surface--600)}.component-pagination__text__current,.component-pagination__text__total{color:var(--blockout__colours__surface--900)}

package/dist/assets/index17.css

@@ -1 +1 @@
-.component-recurrence-control__fieldset{display:flex;flex-direction:column;gap:1rem}.component-recurrence-control__frequency_type{display:flex;align-items:baseline;gap:1ch;margin-top:1rem;margin-bottom:.5rem}.component-recurrence-control__radio{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;cursor:pointer;border-radius:var(--blockout__radius--xs);outline-offset:0px;outline:0px solid transparent;transition:outline .25s ease,outline-offset .25s ease,background-color .25s ease}.component-recurrence-control__radio>svg{width:1rem;height:1rem}.component-recurrence-control__radio:hover{background-color:var(--blockout__colours__surface--300)}.component-recurrence-control__radio:focus{outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-recurrence-control__row{display:flex;align-items:baseline;gap:1rem;flex-grow:1}.component-recurrence-control__row .component-base-control{flex-grow:1}
+.component-toolbar{display:flex;align-items:center;gap:.25rem;padding:.25rem}.component-toolbar__divider{min-height:1.5rem;margin:0 .25rem;width:0px;border-bottom:none;border-right:1px solid var(--blockout__colours__primary--300)}

package/dist/assets/index18.css

@@ -1 +1 @@
-.component-menu__button{outline:0px solid transparent;outline-offset:0px;cursor:pointer;transition:background-color .25s ease,outline .25s ease,outline-offset .25s ease}.component-menu__button:hover{background-color:var(--blockout__colours__surface--50)}.component-menu__button:focus-visible{background-color:transparent;outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-menu__menu-wrapper{z-index:9999!important}.component-menu{display:flex;flex-direction:column;background-color:var(--blockout__colours__surface--50);border:1px solid var(--blockout__colours__surface--300);min-width:8rem;gap:.325rem;padding:.325rem;box-shadow:0 .175rem .375rem #0000001a}.component-menu__arrow>svg{fill:var(--blockout__colours__surface--0)!important;stroke:var(--blockout__colours__surface--300)!important}.component-menu__item{display:flex;align-items:baseline;gap:.875rem;padding:.375rem .675rem;width:100%;cursor:pointer;transition:background-color .25s ease}.component-menu__item[data-active-item=true]{background-color:var(--blockout__colours__surface--100)}.component-menu__item:focus-visible{outline:none}.component-menu__item[data-active-item=true] .component-menu__item__label{color:var(--blockout__colours__surface--950)}.component-menu__item[data-active-item=true] .component-menu__item__description{color:var(--blockout__colours__surface--700)}.component-menu__item__icon{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--400)}.component-menu__item__icon--pictoral{transform:translateY(.25rem)}.component-menu__item__text{flex-grow:1}.component-menu__item__text__header{display:flex;align-items:center;gap:2rem;justify-content:space-between;width:100%}.component-menu__item__text__header+.component-menu__item__description{margin-top:.25rem}.component-menu__item__label{font-weight:500;color:var(--blockout__colours__surface--950);transition:color .25s ease}.component-menu__item__description{font-weight:400;color:var(--blockout__colours__surface--600);font-size:.875rem;padding-right:.375rem;transition:color .25s ease,opacity .25s ease}.component-menu__item--toggle--checked .component-menu__item__icon--checkbox{fill:var(--blockout__colours__surface--950)}.component-menu__separator{margin:0 -.325rem;border-top:1px solid var(--blockout__colours__surface--300);border-bottom:none}
+.data-view-part-controls__wrapper{display:flex;flex-direction:column;gap:1rem}.data-view-part-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.data-view-part-controls__search{width:20rem}.data-view-part-controls__search__clear{align-self:center;margin-right:.5rem}.data-view-part-controls__order,.data-view-part-controls__view{--button__icon: var(--blockout__colours__surface--500);--button__icon--hover: var(--blockout__colours__surface--500)}.data-view-part-controls__view__control{padding:.75rem}.data-view-part-controls__children{margin-left:auto}

package/dist/assets/index19.css

@@ -1 +1 @@
-.component-password-control__btn{width:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .25s ease;border-top-right-radius:var(--blockout__radius--md);border-bottom-right-radius:var(--blockout__radius--md);background-color:var(--blockout__colours__surface--100);transition:outline .25s ease,outline-offset .25s ease,background-color .25s ease}.component-password-control__btn:hover{background-color:var(--blockout__colours__surface--200)}.component-password-control__btn:focus{background-color:var(--blockout__colours__surface--200);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-password-control__btn>svg{width:1rem;height:1rem;fill:currentColor}
+.component-view-control{display:flex;flex-direction:column;gap:1.5rem}.component-view-control__row{display:flex;gap:1rem;align-items:end}.component-view-control__row__grow{flex-grow:1}

package/dist/assets/index2.css

@@ -1 +1 @@
-.component-tabs__list{display:flex;align-items:end;gap:.125rem;border-bottom:1px solid var(--blockout__colours__surface--300)}.component-tabs__tab{padding:.25rem .75rem 0rem;color:var(--blockout__colours__surface--700);cursor:pointer;outline:0px solid transparent;outline-offset:0px;transition:background-color .25s ease,outline .25s ease,outline-offset .25s ease}.component-tabs__tab:first-child{margin-left:-.75rem}.component-tabs__tab__label{margin-bottom:-.5px;display:flex;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.75rem;font-weight:500;text-transform:uppercase;border-bottom:2px solid transparent;transition:color .15s ease,border-bottom-color .15s ease}.component-tabs__tab__label>svg{width:1rem;height:1rem;fill:var(--blockout__colours__surface--500);transition:fill .15s ease}.component-tabs__tab:hover{background-color:var(--blockout__colours__surface--50)}.component-tabs__tab:focus{outline:none}.component-tabs__tab:focus-visible{background-color:var(--blockout__colours__surface--50);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-tabs__tab[aria-selected=true] .component-tabs__tab__label{border-bottom-color:var(--blockout__colours__surface--950);color:var(--blockout__colours__surface--950)}.component-tabs__tab[aria-selected=true] .component-tabs__tab__label>svg{fill:var(--blockout__colours__primary--500)}.component-tabs__panel{padding-top:1.5rem}
+.component-avatar{--component-avatar__size: 2.5rem;--component-avatar__gap: .675rem;--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-small{--component-avatar__size: 1.25rem;--component-avatar__gap: .5rem;--component-avatar__font-size: 1rem}.component-avatar--size-large{--component-avatar__size: 3rem;--component-avatar__gap: .875rem;--component-avatar__font-size: 1.125rem}

package/dist/assets/index20.css

@@ -1 +1 @@
-.component-card-number-control .component-base-control__control{display:flex;align-items:baseline}.component-card-number-control__card{height:1.5rem;width:auto;align-self:center;margin-right:.75rem;border-radius:4px}
+.primitive-scroll-area,.primitive-scroll-area__viewport{width:100%;height:100%}.primitive-scroll-area__bar{display:flex;-webkit-user-select:none;user-select:none;touch-action:none;padding:.25rem;transition:background .16s ease-out;z-index:200}.primitive-scroll-area__bar[data-orientation=vertical]{width:.75rem}.primitive-scroll-area__bar[data-orientation=horizontal]{flex-direction:column;height:.75rem}.primitive-scroll-area__thumb{flex:1;background:var(--blockout__colours__surface--300);border-radius:.75rem;position:relative}.primitive-scroll-area__bar[data-orientation=vertical] .primitive-scroll-area__thumb{width:100%}.primitive-scroll-area__bar[data-orientation=horizontal] .primitive-scroll-area__thumb{height:100%}.primitive-scroll-area__thumb:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:44px;min-height:44px}.primitive-scroll-area__thumb:hover{background:var(--blockout__colours__surface--950)}