@wrdagency/blockout 1.0.4 → 1.0.6

package/dist/components/menu/index.js

@@ -1,29 +1,30 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { cn as d } from "../../utils/css.js";
-import { useState as w } from "react";
-import { Button as n } from "../button/index.js";
-import { M, a as _, b as h, c as v } from "../../item-C5GtZF5t.js";
-import '../../assets/style19.css';/* empty css                   */
-const B = ({
-  className: r,
+import { useState as M } from "react";
+import { Button as r } from "../button/index.js";
+import { M as w } from "../../item-CYpF0or4.js";
+import '../../assets/style21.css';/* empty css                   */
+import { M as _, a as h, b as v } from "../../menu-button-D0chRxS0.js";
+const I = ({
+  className: n,
   iconOnly: t = !1,
   items: m,
   variant: s,
   size: a,
   children: p
 }) => {
-  const [o, u] = w(!1), c = t ? n.Icon : n;
-  return /* @__PURE__ */ l(M, { open: o, setOpen: u, children: [
+  const [o, u] = M(!1), c = t ? r.Icon : r;
+  return /* @__PURE__ */ l(_, { open: o, setOpen: u, children: [
     /* @__PURE__ */ e(
-      _,
+      h,
       {
-        className: d("component-menu__button", r),
+        className: d("component-menu__button", n),
         render: /* @__PURE__ */ e(c, { variant: s, size: a }),
         children: p
       }
     ),
     o && /* @__PURE__ */ e(
-      h,
+      v,
       {
         wrapperProps: {
           className: "component-menu__menu-wrapper"
@@ -33,11 +34,11 @@ const B = ({
         gutter: 8,
         overflowPadding: 4,
         className: "component-menu__window",
-        children: m.map((i, f) => /* @__PURE__ */ e(v, { item: i }, f))
+        children: m.map((i, f) => /* @__PURE__ */ e(w, { item: i }, f))
       }
     )
   ] });
 };
 export {
-  B as Menu
+  I as Menu
 };

package/dist/components/menu/item.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "./items/action.js";
 import "./items/spacer.js";
-import { c as e } from "../../item-C5GtZF5t.js";
+import { M as e } from "../../item-CYpF0or4.js";
 import "./items/toggle.js";
 export {
   e as MenuItem

package/dist/components/menu/items/action.js

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { EmptyIcon as c } from "../icon.js";
-import { M as t } from "../../../2NBKRL7C-Cug3TzgR.js";
+import { M as t } from "../../../2NBKRL7C-CzwWfv1x.js";
 const l = ({ item: n }) => {
   const m = n.icon || c;
   return /* @__PURE__ */ o(

package/dist/components/menu/items/spacer.js

@@ -1,18 +1,6 @@
-import { jsx as n } from "react/jsx-runtime";
-import { u } from "../../../VIIRIBF3-DylpToFV.js";
-import { u as p } from "../../../TP7N7UIH-mdk33dnV.js";
-import { f as m, c, a as f, _, o as i } from "../../../LMDWO4NN-DdLnHzru.js";
-var M = "hr", S = c(
-  function(e) {
-    var r = e, { store: o } = r, a = _(r, ["store"]);
-    const s = u();
-    return o = o || s, a = p(i({ store: o }, a)), a;
-  }
-), l = m(function(e) {
-  const r = S(e);
-  return f(M, r);
-});
-const h = () => /* @__PURE__ */ n(l, { className: "component-menu__separator" });
+import { jsx as r } from "react/jsx-runtime";
+import { M as e } from "../../../menu-separator-Cy38O3cZ.js";
+const a = () => /* @__PURE__ */ r(e, { className: "component-menu__separator" });
 export {
-  h as SeparatorMenuItem
+  a as SeparatorMenuItem
 };

package/dist/components/menu/items/submenu.js

@@ -1,8 +1,9 @@
 import "react/jsx-runtime";
 import "../../../CaretRight.es-vnr78BGI.js";
 import "../icon.js";
-import { S as i } from "../../../item-C5GtZF5t.js";
-import "../../../2NBKRL7C-Cug3TzgR.js";
+import { S as u } from "../../../item-CYpF0or4.js";
+import "../../../menu-button-D0chRxS0.js";
+import "../../../2NBKRL7C-CzwWfv1x.js";
 export {
-  i as SubmenuMenuItem
+  u as SubmenuMenuItem
 };

package/dist/components/menu/items/toggle.js

@@ -3,7 +3,7 @@ import { cn as r } from "../../../utils/css.js";
 import { r as a, a as i } from "../../../Square.es-KJLdY11q.js";
 import "react";
 import { EmptyIcon as p } from "../icon.js";
-import { M as d } from "../../../2NBKRL7C-Cug3TzgR.js";
+import { M as d } from "../../../2NBKRL7C-CzwWfv1x.js";
 const x = ({ item: e }) => {
   const t = e.icon || p, s = () => {
     var _, m, l;

package/dist/components/pagination/index.js

@@ -4,7 +4,7 @@ import { cn as p } from "../../utils/css.js";
 import { noop as d } from "../../utils/noop.js";
 import { t as _ } from "../../CaretLeft.es-C1wX08tw.js";
 import { e as h } from "../../CaretRight.es-vnr78BGI.js";
-import '../../assets/index16.css';const I = ({
+import '../../assets/index17.css';const I = ({
   className: s,
   onPaginate: m = d,
   page: t,

package/dist/components/tabs/list.js

@@ -1,42 +1,14 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import { cn as m } from "../../utils/css.js";
-import { u, T as b } from "../../UYGDZTLQ-fOwUiOjI.js";
-import { u as f } from "../../5JTVDSTH-CIreO5bC.js";
-import { f as l, c as v, a as d, _ as T, i as _, l as L, o as i } from "../../LMDWO4NN-DdLnHzru.js";
-var x = "div", E = v(
-  function(r) {
-    var e = r, { store: t } = e, o = T(e, ["store"]);
-    const p = u();
-    t = t || p, _(
-      t,
-      process.env.NODE_ENV !== "production" && "TabList must receive a `store` prop or be wrapped in a TabProvider component."
-    );
-    const c = t.useState(
-      (a) => a.orientation === "both" ? void 0 : a.orientation
-    );
-    return o = L(
-      o,
-      (a) => /* @__PURE__ */ n(b, { value: t, children: a }),
-      [t]
-    ), t.composite && (o = i({
-      focusable: !1
-    }, o)), o = i({
-      role: "tablist",
-      "aria-orientation": c
-    }, o), o = f(i({ store: t }, o)), o;
-  }
-), N = l(function(r) {
-  const e = E(r);
-  return d(x, e);
-});
-const R = ({ className: s, children: r, style: e }) => /* @__PURE__ */ n(
-  N,
+import { T as i } from "../../tab-list-DtMnUjoy.js";
+const c = ({ className: t, children: o, style: r }) => /* @__PURE__ */ s(
+  i,
   {
-    className: m("component-tabs__list", s),
-    style: e,
-    children: r
+    className: m("component-tabs__list", t),
+    style: r,
+    children: o
   }
 );
 export {
-  R as List
+  c as List
 };

package/dist/components/tabs/panel.js

@@ -1,133 +1,20 @@
-import { jsx as S } from "react/jsx-runtime";
-import { cn as A } from "../../utils/css.js";
-import { u as K, T as O } from "../../UYGDZTLQ-fOwUiOjI.js";
-import { u as j } from "../../KFH4SEIX-D-fCkpQv.js";
-import { u as V } from "../../WYCIER3C-S-jsj0wy.js";
-import { u as q } from "../../RZ4GPYOB-c8s_KHUk.js";
-import { g as F, u as W } from "../../PFRGBC2K-DUhGSIey.js";
-import { a as T } from "../../YV4JVR4I-BXEaRiAN.js";
-import { f as z, c as B, a as G, _ as J, i as Q, q as U, e as h, m as _, o as d, l as X, n as Y } from "../../LMDWO4NN-DdLnHzru.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,
-      getItem: b,
-      scrollRestoration: v,
-      scrollElement: l
-    } = a, r = J(a, [
-      "store",
-      "unmountOnHide",
-      "tabId",
-      "getItem",
-      "scrollRestoration",
-      "scrollElement"
-    ]);
-    const D = K();
-    t = t || D, Q(
-      t,
-      process.env.NODE_ENV !== "production" && "TabPanel must receive a `store` prop or be wrapped in a TabProvider component."
-    );
-    const I = w(null), m = U(r.id), s = T(
-      t.panels,
-      () => {
-        var e;
-        return p || ((e = t == null ? void 0 : t.panels.item(m)) == null ? void 0 : e.tabId);
-      }
-    ), k = T(
-      t,
-      (e) => !!s && e.selectedId === s
-    ), 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;
-      if (!v || !P) return;
-      const n = x();
-      if (!n) return;
-      if (v === "reset") {
-        n.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);
-      const i = () => {
-        E.current.set(s, {
-          x: n.scrollLeft,
-          y: n.scrollTop
-        });
-      };
-      return n.addEventListener("scroll", i), () => {
-        n.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 M = $(
-      (e) => {
-        const o = _(d({}, e), { id: m || e.id, tabId: p });
-        return b ? b(o) : o;
-      },
-      [m, p, b]
-    ), y = r.onKeyDown, N = h((e) => {
-      if (y == null || y(e), e.defaultPrevented || !(t != null && t.composite)) return;
-      const n = {
-        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 });
-      i && (e.preventDefault(), t.move(i));
-    });
-    return r = X(
-      r,
-      (e) => /* @__PURE__ */ S(O, { value: t, children: e }),
-      [t]
-    ), r = _(d({
-      id: m,
-      role: "tabpanel",
-      "aria-labelledby": s || void 0
-    }, r), {
-      children: C && !P ? null : r.children,
-      ref: Y(I, r.ref),
-      onKeyDown: N
-    }), r = W(d({
-      // 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 = j(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 fe = ({
-  value: f,
-  className: c,
-  style: a,
+import { jsx as m } from "react/jsx-runtime";
+import { cn as n } from "../../utils/css.js";
+import { T as e } from "../../tab-panel-DdkeLgKE.js";
+const l = ({
+  value: o,
+  className: a,
+  style: r,
   children: t
-}) => /* @__PURE__ */ S(
-  re,
+}) => /* @__PURE__ */ m(
+  e,
   {
-    tabId: f,
-    className: A("component-tabs__panel", c),
-    style: a,
+    tabId: o,
+    className: n("component-tabs__panel", a),
+    style: r,
     children: t
   }
 );
 export {
-  fe as Panel
+  l as Panel
 };

package/dist/components/tabs/root.js

@@ -1,173 +1,21 @@
-import { jsx as _ } from "react/jsx-runtime";
-import { cn as R } from "../../utils/css.js";
-import { u as $ } from "../../DG5U6ZEL-C7eLVyh-.js";
-import { c as k, a as z, b as A } from "../../4CMBR7SL-xNGezbCB.js";
-import { u as K } from "../../S43UC3DV-erT1ucAd.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-BXEaRiAN.js";
-import { P as W, Q as p, S as f, R as S, a1 as M, m as B, o as L, T as V } from "../../LMDWO4NN-DdLnHzru.js";
-import { useMemo as q } from "react";
-import { b as w } from "../../UYGDZTLQ-fOwUiOjI.js";
-function D(e = {}) {
-  var n = e, {
-    composite: o,
-    combobox: c
-  } = n, d = W(n, [
-    "composite",
-    "combobox"
-  ]);
-  const g = [
-    "items",
-    "renderedItems",
-    "moves",
-    "orientation",
-    "virtualFocus",
-    "includesBaseElement",
-    "baseElement",
-    "focusLoop",
-    "focusShift",
-    "focusWrap"
-  ], v = N(
-    d.store,
-    O(o, g),
-    O(c, g)
-  ), r = v == null ? void 0 : v.getState(), b = k(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: f(
-      d.includesBaseElement,
-      r == null ? void 0 : r.includesBaseElement,
-      !1
-    ),
-    orientation: f(
-      d.orientation,
-      r == null ? void 0 : r.orientation,
-      "horizontal"
-    ),
-    focusLoop: f(d.focusLoop, r == null ? void 0 : r.focusLoop, !0)
-  })), x = z(), j = p(S({}, b.getState()), {
-    selectedId: f(
-      d.selectedId,
-      r == null ? void 0 : r.selectedId,
-      d.defaultSelectedId
-    ),
-    selectOnMove: f(
-      d.selectOnMove,
-      r == null ? void 0 : r.selectOnMove,
-      !0
-    )
-  }), t = Q(j, b, v);
-  I(
-    t,
-    () => l(t, ["moves"], () => {
-      const { activeId: s, selectOnMove: a } = t.getState();
-      if (!a || !s) return;
-      const i = b.item(s);
-      i && (i.dimmed || i.disabled || t.setState("selectedId", i.id));
-    })
-  );
-  let h = !0;
-  I(
-    t,
-    () => U(t, ["selectedId"], (s, a) => {
-      if (!h) {
-        h = !0;
-        return;
-      }
-      o && s.selectedId === a.selectedId || t.setState("activeId", s.selectedId);
-    })
-  ), I(
-    t,
-    () => l(t, ["selectedId", "renderedItems"], (s) => {
-      if (s.selectedId !== void 0) return;
-      const { activeId: a, renderedItems: i } = t.getState(), m = b.item(a);
-      if (m && !m.disabled && !m.dimmed)
-        t.setState("selectedId", m.id);
-      else {
-        const P = i.find(
-          (u) => !u.disabled && !u.dimmed
-        );
-        t.setState("selectedId", P == null ? void 0 : P.id);
-      }
-    })
-  ), 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, F) => {
-            if (u.tabId) return;
-            const E = a[F];
-            E && x.renderItem(p(S({}, u), { tabId: E.id }));
-          });
-        });
-    })
-  );
-  let C = null;
-  return I(t, () => {
-    const s = () => {
-      C = t.getState().selectedId;
-    }, a = () => {
-      h = !1, t.setState("selectedId", C);
-    };
-    if (o && "setSelectElement" in o)
-      return M(
-        l(o, ["value"], s),
-        l(o, ["mounted"], a)
-      );
-    if (c)
-      return M(
-        l(c, ["selectedValue"], s),
-        l(c, ["mounted"], a)
-      );
-  }), p(S(S({}, b), t), {
-    panels: x,
-    setSelectedId: (s) => t.setState("selectedId", s),
-    select: (s) => {
-      t.setState("selectedId", s), b.move(s);
-    }
-  });
-}
-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(
-    q(() => B(L({}, e), { panels: c }), [e, c]),
-    { composite: o.composite, combobox: o.combobox }
-  );
-}
-function H(e = {}) {
-  const n = K(), o = $() || 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(D, e);
-  return G(c, d, e);
-}
-function J(e = {}) {
-  const n = H(e);
-  return /* @__PURE__ */ _(w, { value: n, children: e.children });
-}
-const ce = ({
-  value: e,
-  onValueChange: n,
+import { jsx as e } from "react/jsx-runtime";
+import { cn as c } from "../../utils/css.js";
+import { T as m } from "../../tab-provider-BMkHrtIK.js";
+const n = ({
+  value: t,
+  onValueChange: r,
   defaultValue: o,
-  className: c,
-  children: d
-}) => /* @__PURE__ */ _(
-  J,
+  className: d,
+  children: s
+}) => /* @__PURE__ */ e(
+  m,
   {
-    selectedId: e,
-    setSelectedId: n,
+    selectedId: t,
+    setSelectedId: r,
     defaultSelectedId: o,
-    children: /* @__PURE__ */ _("div", { className: R("component-tabs", c), children: d })
+    children: /* @__PURE__ */ e("div", { className: c("component-tabs", d), children: s })
   }
 );
 export {
-  ce as Tabs
+  n as Tabs
 };

package/dist/components/tabs/tab.js

@@ -1,81 +1,7 @@
-import { jsx as m } from "react/jsx-runtime";
-import { cn as N } from "../../utils/css.js";
-import { a as w } from "../../UYGDZTLQ-fOwUiOjI.js";
-import { C, u as E } from "../../6VRAQV3D-BoLhl3hf.js";
-import { a as F } from "../../YV4JVR4I-BXEaRiAN.js";
-import { s as V, f as W, c as D, a as j, _ as A, i as q, q as H, t as L, m as a, o as r, e as O } from "../../LMDWO4NN-DdLnHzru.js";
-import { useCallback as $ } from "react";
-var y = "button", z = D(function(i) {
-  var n = i, {
-    store: e,
-    getItem: l
-  } = n, t = A(n, [
-    "store",
-    "getItem"
-  ]), p;
-  const h = w();
-  e = e || h, q(
-    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 = $(
-    (o) => {
-      const c = a(r({}, o), { dimmed: I });
-      return l ? l(c) : c;
-    },
-    [I, l]
-  ), f = t.onClick, g = O((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;
-    }
-  ), 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);
-  if (F(
-    e.combobox || e.composite,
-    "virtualFocus"
-  ) && (t = a(r({}, t), {
-    tabIndex: -1
-  })), t = a(r({
-    id: s,
-    role: "tab",
-    "aria-selected": u,
-    "aria-controls": T || void 0
-  }, t), {
-    onClick: g
-  }), e.composite) {
-    const o = {
-      id: s,
-      accessibleWhenDisabled: _,
-      store: e.composite,
-      shouldRegisterItem: R && v,
-      rowId: t.rowId,
-      render: t.render
-    };
-    t = a(r({}, t), {
-      render: /* @__PURE__ */ m(
-        C,
-        a(r({}, o), {
-          render: e.combobox && e.composite !== e.combobox ? /* @__PURE__ */ m(C, a(r({}, o), { store: e.combobox })) : o.render
-        })
-      )
-    });
-  }
-  return t = E(a(r({
-    store: e
-  }, t), {
-    accessibleWhenDisabled: _,
-    getItem: x,
-    shouldRegisterItem: v
-  })), t;
-}), B = V(
-  W(function(i) {
-    const n = z(i);
-    return j(y, 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 }) });
+import { jsx as a } from "react/jsx-runtime";
+import { cn as r } from "../../utils/css.js";
+import { T as s } from "../../tab-DjNG1rEI.js";
+const c = ({ className: o, value: t, children: m }) => /* @__PURE__ */ a(s, { id: t, className: r("component-tabs__tab", o), children: /* @__PURE__ */ a("div", { className: "component-tabs__tab__label", children: m }) });
 export {
-  Z as Tab
+  c as Tab
 };

package/dist/components/toolbar/divider.js

@@ -1,24 +1,12 @@
-import { jsx as p } from "react/jsx-runtime";
-import { cn as m } from "../../utils/css.js";
-import { u as n } from "../../A3WPL2ZJ-D0Eh1dEB.js";
-import { u as c } from "../../TP7N7UIH-mdk33dnV.js";
-import { f as i, c as u, a as f, _ as l, o as b } from "../../LMDWO4NN-DdLnHzru.js";
-var _ = "hr", v = u(
-  function(a) {
-    var r = a, { store: e } = r, t = l(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 f(_, r);
-});
-const C = ({ className: o }) => /* @__PURE__ */ p(
-  T,
+import { jsx as r } from "react/jsx-runtime";
+import { cn as t } from "../../utils/css.js";
+import { T as m } from "../../toolbar-separator-DBoO5XdF.js";
+const p = ({ className: o }) => /* @__PURE__ */ r(
+  m,
   {
-    className: m("component-toolbar__divider", o)
+    className: t("component-toolbar__divider", o)
   }
 );
 export {
-  C as Divider
+  p as Divider
 };