@wrdagency/blockout 0.1.10 → 1.0.0

package/dist/components/tabs/panel.js

@@ -1,18 +1,19 @@
 import { jsx as S } from "react/jsx-runtime";
-import { cn as A } from "../../utils/css.js";
-import { a as K, T as O } from "../../UYGDZTLQ-DcCmv5SE.js";
-import { u as j, a as V } from "../../WYCIER3C-DRn904Gy.js";
-import { u as q } from "../../RZ4GPYOB-13-5LlEb.js";
-import { g as F, u as W } from "../../PFRGBC2K-BEg8ahbY.js";
-import { a as T } from "../../YV4JVR4I-kvospPUa.js";
-import { f as z, a as B, q as G, _ as J, i as Q, s as U, e as h, m as _, o as d, l as X, n as Y } from "../../LMDWO4NN--KEvZePp.js";
+import { cn as j } from "../../utils/css.js";
+import { u as A, T as K } from "../../UYGDZTLQ-DRLNvYE6.js";
+import { u as O } from "../../KFH4SEIX-BuapSU1b.js";
+import { u as V } from "../../WYCIER3C-DndYR0iO.js";
+import { u as q } from "../../RZ4GPYOB-1GOhO1-l.js";
+import { g as F, u as W } from "../../PFRGBC2K-DobANx7W.js";
+import { a as T } from "../../YV4JVR4I-DOlaib2E.js";
+import { o as z, c as B, p as G, _ as J, i as Q, q as U, b as h, k as _, m as d, j as X, l as Y } from "../../LMDWO4NN-DyBcLLfK.js";
 import { useRef as w, useEffect as R, useState as Z, useCallback as $ } from "react";
 var ee = "div", te = B(
   function(c) {
     var a = c, {
       store: t,
       unmountOnHide: C,
-      tabId: p,
+      tabId: f,
       getItem: b,
       scrollRestoration: v,
       scrollElement: l
@@ -24,7 +25,7 @@ var ee = "div", te = B(
       "scrollRestoration",
       "scrollElement"
     ]);
-    const D = K();
+    const D = A();
     t = t || D, Q(
       t,
       process.env.NODE_ENV !== "production" && "TabPanel must receive a `store` prop or be wrapped in a TabProvider component."
@@ -33,67 +34,67 @@ var ee = "div", te = B(
       t.panels,
       () => {
         var e;
-        return p || ((e = t == null ? void 0 : t.panels.item(m)) == null ? void 0 : e.tabId);
+        return f || ((e = t == null ? void 0 : t.panels.item(m)) == null ? void 0 : e.tabId);
       }
     ), k = T(
       t,
       (e) => !!s && e.selectedId === s
-    ), g = j({ open: k }), P = T(g, "mounted"), E = w(
+    ), g = V({ open: k }), P = T(g, "mounted"), E = w(
       /* @__PURE__ */ new Map()
     ), x = h(() => {
       const e = I.current;
       return e ? l ? typeof l == "function" ? l(e) : "current" in l ? l.current : l : e : null;
     });
     R(() => {
-      var e, o;
+      var e, n;
       if (!v || !P) return;
-      const n = x();
-      if (!n) return;
+      const o = x();
+      if (!o) return;
       if (v === "reset") {
-        n.scroll(0, 0);
+        o.scroll(0, 0);
         return;
       }
       if (!s) return;
       const u = E.current.get(s);
-      n.scroll((e = u == null ? void 0 : u.x) != null ? e : 0, (o = u == null ? void 0 : u.y) != null ? o : 0);
+      o.scroll((e = u == null ? void 0 : u.x) != null ? e : 0, (n = u == null ? void 0 : u.y) != null ? n : 0);
       const i = () => {
         E.current.set(s, {
-          x: n.scrollLeft,
-          y: n.scrollTop
+          x: o.scrollLeft,
+          y: o.scrollTop
         });
       };
-      return n.addEventListener("scroll", i), () => {
-        n.removeEventListener("scroll", i);
+      return o.addEventListener("scroll", i), () => {
+        o.removeEventListener("scroll", i);
       };
     }, [v, P, s, x, t]);
     const [H, L] = Z(!1);
     R(() => {
       const e = I.current;
       if (!e) return;
-      const o = F(e);
-      L(!!o.length);
+      const n = F(e);
+      L(!!n.length);
     }, []);
     const M = $(
       (e) => {
-        const o = _(d({}, e), { id: m || e.id, tabId: p });
-        return b ? b(o) : o;
+        const n = _(d({}, e), { id: m || e.id, tabId: f });
+        return b ? b(n) : n;
       },
-      [m, p, b]
+      [m, f, b]
     ), y = r.onKeyDown, N = h((e) => {
       if (y == null || y(e), e.defaultPrevented || !(t != null && t.composite)) return;
-      const n = {
+      const o = {
         ArrowLeft: t.previous,
         ArrowRight: t.next,
         Home: t.first,
         End: t.last
       }[e.key];
-      if (!n) return;
-      const { selectedId: u } = t.getState(), i = n({ activeId: u });
+      if (!o) return;
+      const { selectedId: u } = t.getState(), i = o({ activeId: u });
       i && (e.preventDefault(), t.move(i));
     });
     return r = X(
       r,
-      (e) => /* @__PURE__ */ S(O, { value: t, children: e }),
+      (e) => /* @__PURE__ */ S(K, { value: t, children: e }),
       [t]
     ), r = _(d({
       id: m,
@@ -107,26 +108,26 @@ var ee = "div", te = B(
       // If the tab panel is rendered as part of another composite widget such
       // as combobox, it should not be focusable.
       focusable: !t.composite && !H
-    }, r)), r = V(d({ store: g }, r)), r = q(_(d({ store: t.panels }, r), { getItem: M })), r;
+    }, r)), r = O(d({ store: g }, r)), r = q(_(d({ store: t.panels }, r), { getItem: M })), r;
   }
 ), re = z(function(c) {
   const a = te(c);
   return G(ee, a);
 });
-const me = ({
-  value: f,
+const pe = ({
+  value: p,
   className: c,
   style: a,
   children: t
 }) => /* @__PURE__ */ S(
   re,
   {
-    tabId: f,
-    className: A("component-tabs__panel", c),
+    tabId: p,
+    className: j("component-tabs__panel", c),
     style: a,
     children: t
   }
 );
 export {
-  me as Panel
+  pe as Panel
 };

package/dist/components/tabs/root.js

@@ -1,17 +1,17 @@
-import { jsx as P } from "react/jsx-runtime";
+import { jsx as _ } from "react/jsx-runtime";
 import { cn as F } from "../../utils/css.js";
-import { u as U } from "../../DG5U6ZEL-CVj-Czp2.js";
-import { c as k, a as z, b as A } from "../../4CMBR7SL-BAGv8IL2.js";
-import { u as K } from "../../S43UC3DV-Dn8EFLaT.js";
-import { m as N, o as O, c as R, s as f, b as l, g as W, e as y, f as M } from "../../YV4JVR4I-kvospPUa.js";
-import { $ as X, Y as p, X as I, U as S, a0 as T, m as B, o as L, Z as V } from "../../LMDWO4NN--KEvZePp.js";
-import { useMemo as Y } from "react";
-import { b as Z } from "../../UYGDZTLQ-DcCmv5SE.js";
-function q(e = {}) {
+import { u as R } from "../../DG5U6ZEL-u5QgMA8f.js";
+import { c as $, a as z, b as A } from "../../4CMBR7SL-BkCeHgv2.js";
+import { u as K } from "../../S43UC3DV-C5JWPIhF.js";
+import { m as N, o as O, c as Q, s as I, e as l, g as U, b as y, d as T } from "../../YV4JVR4I-DOlaib2E.js";
+import { P as W, Q as p, S as f, R as S, a1 as M, k as B, m as L, T as V } from "../../LMDWO4NN-DyBcLLfK.js";
+import { useMemo as q } from "react";
+import { b as w } from "../../UYGDZTLQ-DRLNvYE6.js";
+function D(e = {}) {
   var n = e, {
     composite: o,
     combobox: c
-  } = n, d = X(n, [
+  } = n, d = W(n, [
     "composite",
     "combobox"
   ]);
@@ -30,36 +30,36 @@ function q(e = {}) {
     d.store,
     O(o, g),
     O(c, g)
-  ), r = v == null ? void 0 : v.getState(), b = k(p(S({}, d), {
+  ), r = v == null ? void 0 : v.getState(), b = $(p(S({}, d), {
     store: v,
     // We need to explicitly set the default value of `includesBaseElement` to
     // `false` since we don't want the composite store to default it to `true`
     // when the activeId state is null, which could be the case when rendering
     // combobox with tab.
-    includesBaseElement: I(
+    includesBaseElement: f(
       d.includesBaseElement,
       r == null ? void 0 : r.includesBaseElement,
       !1
     ),
-    orientation: I(
+    orientation: f(
       d.orientation,
       r == null ? void 0 : r.orientation,
       "horizontal"
     ),
-    focusLoop: I(d.focusLoop, r == null ? void 0 : r.focusLoop, !0)
+    focusLoop: f(d.focusLoop, r == null ? void 0 : r.focusLoop, !0)
   })), x = z(), j = p(S({}, b.getState()), {
-    selectedId: I(
+    selectedId: f(
       d.selectedId,
       r == null ? void 0 : r.selectedId,
       d.defaultSelectedId
     ),
-    selectOnMove: I(
+    selectOnMove: f(
       d.selectOnMove,
       r == null ? void 0 : r.selectOnMove,
       !0
     )
-  }), t = R(j, b, v);
-  f(
+  }), t = Q(j, b, v);
+  I(
     t,
     () => l(t, ["moves"], () => {
       const { activeId: s, selectOnMove: a } = t.getState();
@@ -69,16 +69,16 @@ function q(e = {}) {
     })
   );
   let h = !0;
-  f(
+  I(
     t,
-    () => W(t, ["selectedId"], (s, a) => {
+    () => U(t, ["selectedId"], (s, a) => {
       if (!h) {
         h = !0;
         return;
       }
       o && s.selectedId === a.selectedId || t.setState("activeId", s.selectedId);
     })
-  ), f(
+  ), I(
     t,
     () => l(t, ["selectedId", "renderedItems"], (s) => {
       if (s.selectedId !== void 0) return;
@@ -86,41 +86,41 @@ function q(e = {}) {
       if (m && !m.disabled && !m.dimmed)
         t.setState("selectedId", m.id);
       else {
-        const _ = i.find(
+        const P = i.find(
           (u) => !u.disabled && !u.dimmed
         );
-        t.setState("selectedId", _ == null ? void 0 : _.id);
+        t.setState("selectedId", P == null ? void 0 : P.id);
       }
     })
-  ), f(
+  ), I(
     t,
     () => l(t, ["renderedItems"], (s) => {
       const a = s.renderedItems;
       if (a.length)
         return l(x, ["renderedItems"], (i) => {
           const m = i.renderedItems;
-          m.some((u) => !u.tabId) && m.forEach((u, $) => {
+          m.some((u) => !u.tabId) && m.forEach((u, k) => {
             if (u.tabId) return;
-            const E = a[$];
+            const E = a[k];
             E && x.renderItem(p(S({}, u), { tabId: E.id }));
           });
         });
     })
   );
   let C = null;
-  return f(t, () => {
+  return I(t, () => {
     const s = () => {
       C = t.getState().selectedId;
     }, a = () => {
       h = !1, t.setState("selectedId", C);
     };
     if (o && "setSelectElement" in o)
-      return T(
+      return M(
         l(o, ["value"], s),
         l(o, ["mounted"], a)
       );
     if (c)
-      return T(
+      return M(
         l(c, ["selectedValue"], s),
         l(c, ["mounted"], a)
       );
@@ -132,26 +132,26 @@ function q(e = {}) {
     }
   });
 }
-function w(e, n, o) {
-  V(n, [o.composite, o.combobox]), e = A(e, n, o), M(e, o, "selectedId", "setSelectedId"), M(e, o, "selectOnMove");
+function G(e, n, o) {
+  V(n, [o.composite, o.combobox]), e = A(e, n, o), T(e, o, "selectedId", "setSelectedId"), T(e, o, "selectOnMove");
   const [c, d] = y(() => e.panels, {});
   return V(d, [e, d]), Object.assign(
-    Y(() => B(L({}, e), { panels: c }), [e, c]),
+    q(() => B(L({}, e), { panels: c }), [e, c]),
     { composite: o.composite, combobox: o.combobox }
   );
 }
-function D(e = {}) {
-  const n = K(), o = U() || n;
+function H(e = {}) {
+  const n = K(), o = R() || n;
   e = B(L({}, e), {
     composite: e.composite !== void 0 ? e.composite : o,
     combobox: e.combobox !== void 0 ? e.combobox : n
   });
-  const [c, d] = y(q, e);
-  return w(c, d, e);
+  const [c, d] = y(D, e);
+  return G(c, d, e);
 }
-function G(e = {}) {
-  const n = D(e);
-  return /* @__PURE__ */ P(Z, { value: n, children: e.children });
+function J(e = {}) {
+  const n = H(e);
+  return /* @__PURE__ */ _(w, { value: n, children: e.children });
 }
 const ce = ({
   value: e,
@@ -159,13 +159,13 @@ const ce = ({
   defaultValue: o,
   className: c,
   children: d
-}) => /* @__PURE__ */ P(
-  G,
+}) => /* @__PURE__ */ _(
+  J,
   {
     selectedId: e,
     setSelectedId: n,
     defaultSelectedId: o,
-    children: /* @__PURE__ */ P("div", { className: F("component-tabs", c), children: d })
+    children: /* @__PURE__ */ _("div", { className: F("component-tabs", c), children: d })
   }
 );
 export {

package/dist/components/tabs/tab.js

@@ -1,11 +1,11 @@
 import { jsx as m } from "react/jsx-runtime";
 import { cn as N } from "../../utils/css.js";
-import { u as w } from "../../UYGDZTLQ-DcCmv5SE.js";
-import { C, u as E } from "../../6VRAQV3D-2rb_aClP.js";
-import { a as F } from "../../YV4JVR4I-kvospPUa.js";
-import { r as V, f as W, a as D, q as j, _ as A, i as q, s as H, t as L, m as a, o as r, e as O } from "../../LMDWO4NN--KEvZePp.js";
-import { useCallback as $ } from "react";
-var y = "button", z = D(function(i) {
+import { a as w } from "../../UYGDZTLQ-DRLNvYE6.js";
+import { C, u as E } from "../../6VRAQV3D-DIdyGLyW.js";
+import { a as F } from "../../YV4JVR4I-DOlaib2E.js";
+import { B as V, o as W, c as D, p as j, _ as A, i as q, q as B, s as H, k as a, m as r, b as L } from "../../LMDWO4NN-DyBcLLfK.js";
+import { useCallback as O } from "react";
+var $ = "button", y = D(function(i) {
   var n = i, {
     store: e,
     getItem: l
@@ -18,20 +18,20 @@ var y = "button", z = D(function(i) {
     e,
     process.env.NODE_ENV !== "production" && "Tab must be wrapped in a TabList component."
   );
-  const b = H(), s = t.id || b, I = L(t), x = $(
+  const b = B(), s = t.id || b, I = H(t), x = O(
     (o) => {
       const c = a(r({}, o), { dimmed: I });
       return l ? l(c) : c;
     },
     [I, l]
-  ), f = t.onClick, g = O((o) => {
+  ), f = t.onClick, g = L((o) => {
     f == null || f(o), !o.defaultPrevented && (e == null || e.setSelectedId(s));
   }), T = e.panels.useState(
     (o) => {
       var c;
-      return (c = o.items.find((k) => k.tabId === s)) == null ? void 0 : c.id;
+      return (c = o.items.find((R) => R.tabId === s)) == null ? void 0 : c.id;
     }
-  ), v = b ? t.shouldRegisterItem : !1, S = e.useState((o) => !!s && o.activeId === s), u = e.useState((o) => !!s && o.selectedId === s), P = e.useState((o) => !!e.item(o.activeId)), R = S || u && !P, _ = u || ((p = t.accessibleWhenDisabled) != null ? p : !0);
+  ), v = b ? t.shouldRegisterItem : !1, S = e.useState((o) => !!s && o.activeId === s), u = e.useState((o) => !!s && o.selectedId === s), P = e.useState((o) => !!e.item(o.activeId)), k = S || u && !P, _ = u || ((p = t.accessibleWhenDisabled) != null ? p : !0);
   if (F(
     e.combobox || e.composite,
     "virtualFocus"
@@ -49,7 +49,7 @@ var y = "button", z = D(function(i) {
       id: s,
       accessibleWhenDisabled: _,
       store: e.composite,
-      shouldRegisterItem: R && v,
+      shouldRegisterItem: k && v,
       rowId: t.rowId,
       render: t.render
     };
@@ -69,13 +69,13 @@ var y = "button", z = D(function(i) {
     getItem: x,
     shouldRegisterItem: v
   })), t;
-}), B = V(
+}), z = V(
   W(function(i) {
-    const n = z(i);
-    return j(y, n);
+    const n = y(i);
+    return j($, n);
   })
 );
-const Z = ({ className: d, value: i, children: n }) => /* @__PURE__ */ m(B, { id: i, className: N("component-tabs__tab", d), children: /* @__PURE__ */ m("div", { className: "component-tabs__tab__label", children: n }) });
+const Z = ({ className: d, value: i, children: n }) => /* @__PURE__ */ m(z, { id: i, className: N("component-tabs__tab", d), children: /* @__PURE__ */ m("div", { className: "component-tabs__tab__label", children: n }) });
 export {
   Z as Tab
 };

package/dist/components/tag/index.js

@@ -0,0 +1,8 @@
+import { List as o } from "./list.js";
+import { Tag as t } from "./tag.js";
+import '../../assets/index10.css';const s = Object.assign(t, {
+  List: o
+});
+export {
+  s as Tag
+};

package/dist/components/tag/list.d.ts

@@ -0,0 +1,8 @@
+import { FC, PropsWithChildren } from 'react';
+import { TagObject } from './types';
+interface ListProps extends PropsWithChildren {
+    className?: string;
+    items?: TagObject[];
+}
+export declare const List: FC<ListProps>;
+export {};

package/dist/components/tag/list.js

@@ -0,0 +1,10 @@
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import { cn as i } from "../../utils/css.js";
+import { Tag as p } from "./tag.js";
+const d = ({ className: l, items: o, children: c }) => /* @__PURE__ */ n("div", { className: i("component-tag-list", l), role: "list", children: [
+  o == null ? void 0 : o.map((r) => /* @__PURE__ */ a(p, { colourway: r.colourway, children: r.label }, r.id)),
+  c
+] });
+export {
+  d as List
+};

package/dist/components/tag/tag.d.ts

@@ -0,0 +1,8 @@
+import { ColourwayTheme } from '../../primitives';
+import { FC, PropsWithChildren } from 'react';
+interface TagProps extends PropsWithChildren {
+    className?: string;
+    colourway?: ColourwayTheme;
+}
+export declare const Tag: FC<TagProps>;
+export {};

package/dist/components/tag/tag.js

@@ -0,0 +1,26 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Colourway as p } from "../../primitives/colourway/index.js";
+import { cn as i } from "../../utils/css.js";
+import "react";
+import '../../assets/styles.css';import '../../assets/style6.css';import '../../assets/style5.css';import '../../assets/style4.css';import '../../assets/style3.css';import '../../assets/style2.css';import '../../assets/style.css';/* empty css                   */
+/* empty css                   */
+import "../../primitives/popover/index.js";
+/* empty css                   */
+import "../../primitives/scroll-area/index.js";
+import "../../primitives/symbol/index.js";
+/* empty css                   */
+/* empty css                   */
+/* empty css                   */
+/* empty css                    */
+const w = ({ className: o, colourway: r, children: m }) => /* @__PURE__ */ t(
+  p,
+  {
+    as: "div",
+    theme: r,
+    className: i("component-tag", o),
+    children: m
+  }
+);
+export {
+  w as Tag
+};

package/dist/components/tag/types.d.ts

@@ -0,0 +1,6 @@
+import { ColourwayTheme } from '../../primitives';
+export type TagObject = {
+    id: string;
+    label: string;
+    colourway?: ColourwayTheme;
+};

package/dist/components/tag/types.js

@@ -0,0 +1 @@
+

package/dist/components/toolbar/divider.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface DividerProps {
+    className?: string;
+}
+export declare const Divider: FC<DividerProps>;
+export {};

package/dist/components/toolbar/divider.js

@@ -0,0 +1,24 @@
+import { jsx as p } from "react/jsx-runtime";
+import { cn as m } from "../../utils/css.js";
+import { u as n } from "../../A3WPL2ZJ-SF-cbtmp.js";
+import { u as c } from "../../TP7N7UIH-DlW_S-4B.js";
+import { o as i, c as u, p as l, _ as f, m as b } from "../../LMDWO4NN-DyBcLLfK.js";
+var _ = "hr", v = u(
+  function(a) {
+    var r = a, { store: e } = r, t = f(r, ["store"]);
+    const s = n();
+    return e = e || s, t = c(b({ store: e }, t)), t;
+  }
+), T = i(function(a) {
+  const r = v(a);
+  return l(_, r);
+});
+const C = ({ className: o }) => /* @__PURE__ */ p(
+  T,
+  {
+    className: m("component-toolbar__divider", o)
+  }
+);
+export {
+  C as Divider
+};

package/dist/components/toolbar/index.js

@@ -1,27 +1,31 @@
 import { createComposite as n } from "../../utils/components.js";
-import { Button as c } from "../button/index.js";
-import { u, R as i } from "../../root-CaKPdqzv.js";
-import { u as l } from "../../6VRAQV3D-2rb_aClP.js";
-import { r as p, f as b, a as f, q as _, _ as I, o as T } from "../../LMDWO4NN--KEvZePp.js";
-import '../../assets/index13.css';var v = "button", R = f(
+import { Button as i } from "../button/index.js";
+import { Divider as c } from "./divider.js";
+import { Root as p } from "./root.js";
+import { u } from "../../A3WPL2ZJ-SF-cbtmp.js";
+import { u as l } from "../../6VRAQV3D-DIdyGLyW.js";
+import { B as b, o as f, c as _, p as I, _ as T, m as v } from "../../LMDWO4NN-DyBcLLfK.js";
+import '../../assets/index17.css';var d = "button", g = _(
   function(t) {
-    var o = t, { store: e } = o, r = I(o, ["store"]);
+    var o = t, { store: r } = o, e = T(o, ["store"]);
     const m = u();
-    return e = e || m, r = l(T({ store: e }, r)), r;
+    return r = r || m, e = l(v({ store: r }, e)), e;
   }
-), a = p(
-  b(function(t) {
-    const o = R(t);
-    return _(v, o);
+), a = b(
+  f(function(t) {
+    const o = g(t);
+    return I(d, o);
   })
 );
-const B = Object.assign(i, {
+const k = Object.assign(p, {
   Generic: a,
-  IconButton: n(a, c.Icon, {
+  IconButton: n(a, i.Icon, {
     size: "small",
+    variant: "ghost",
     className: "component-toolbar__icon-button"
-  })
+  }),
+  Divider: c
 });
 export {
-  B as Toolbar
+  k as Toolbar
 };

package/dist/components/toolbar/root.js

@@ -1,6 +1,69 @@
-import "react/jsx-runtime";
-import "../../utils/css.js";
-import { R as p } from "../../root-CaKPdqzv.js";
+import { jsx as l } from "react/jsx-runtime";
+import { cn as v } from "../../utils/css.js";
+import { c as S, b as T } from "../../4CMBR7SL-BkCeHgv2.js";
+import { b as _ } from "../../YV4JVR4I-DOlaib2E.js";
+import { Q as P, S as i, R as x, o as C, c as L, p as h, _ as R, j, m as u } from "../../LMDWO4NN-DyBcLLfK.js";
+import { a as V, T as g } from "../../A3WPL2ZJ-SF-cbtmp.js";
+import { u as E } from "../../5JTVDSTH-BiHTUReD.js";
+function F(o = {}) {
+  var r;
+  const t = (r = o.store) == null ? void 0 : r.getState();
+  return S(P(x({}, o), {
+    orientation: i(
+      o.orientation,
+      t == null ? void 0 : t.orientation,
+      "horizontal"
+    ),
+    focusLoop: i(o.focusLoop, t == null ? void 0 : t.focusLoop, !0)
+  }));
+}
+function N(o, r, t) {
+  return T(o, r, t);
+}
+function k(o = {}) {
+  const [r, t] = _(F, o);
+  return N(r, t, o);
+}
+var w = "div", y = L(
+  function(r) {
+    var t = r, {
+      store: s,
+      orientation: c,
+      virtualFocus: m,
+      focusLoop: p,
+      rtl: f
+    } = t, e = R(t, [
+      "store",
+      "orientation",
+      "virtualFocus",
+      "focusLoop",
+      "rtl"
+    ]);
+    const b = V();
+    s = s || b;
+    const a = k({
+      store: s,
+      orientation: c,
+      virtualFocus: m,
+      focusLoop: p,
+      rtl: f
+    }), d = a.useState(
+      (n) => n.orientation === "both" ? void 0 : n.orientation
+    );
+    return e = j(
+      e,
+      (n) => /* @__PURE__ */ l(g, { value: a, children: n }),
+      [a]
+    ), e = u({
+      role: "toolbar",
+      "aria-orientation": d
+    }, e), e = E(u({ store: a }, e)), e;
+  }
+), z = C(function(r) {
+  const t = y(r);
+  return h(w, t);
+});
+const D = ({ className: o, children: r }) => /* @__PURE__ */ l(z, { className: v("component-toolbar", o), children: r });
 export {
-  p as Root
+  D as Root
 };

package/dist/components/window/index.d.ts

@@ -0,0 +1,8 @@
+import { FC, PropsWithChildren } from 'react';
+interface WindowProps extends PropsWithChildren {
+    className?: string;
+    title: string;
+    edgeless?: boolean;
+}
+export declare const Window: FC<WindowProps>;
+export {};