@wrdagency/blockout 0.0.18 → 0.1.0

package/dist/components/tabs/root.js

@@ -0,0 +1,173 @@
+import { jsx as P } 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-BHIN8rB4.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-LkUIiJWj.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 = {}) {
+  var n = e, {
+    composite: o,
+    combobox: c
+  } = n, d = X(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: I(
+      d.includesBaseElement,
+      r == null ? void 0 : r.includesBaseElement,
+      !1
+    ),
+    orientation: I(
+      d.orientation,
+      r == null ? void 0 : r.orientation,
+      "horizontal"
+    ),
+    focusLoop: I(d.focusLoop, r == null ? void 0 : r.focusLoop, !0)
+  })), x = z(), j = p(S({}, b.getState()), {
+    selectedId: I(
+      d.selectedId,
+      r == null ? void 0 : r.selectedId,
+      d.defaultSelectedId
+    ),
+    selectOnMove: I(
+      d.selectOnMove,
+      r == null ? void 0 : r.selectOnMove,
+      !0
+    )
+  }), t = R(j, b, v);
+  f(
+    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;
+  f(
+    t,
+    () => W(t, ["selectedId"], (s, a) => {
+      if (!h) {
+        h = !0;
+        return;
+      }
+      o && s.selectedId === a.selectedId || t.setState("activeId", s.selectedId);
+    })
+  ), f(
+    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 _ = i.find(
+          (u) => !u.disabled && !u.dimmed
+        );
+        t.setState("selectedId", _ == null ? void 0 : _.id);
+      }
+    })
+  ), f(
+    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, $) => {
+            if (u.tabId) return;
+            const E = a[$];
+            E && x.renderItem(p(S({}, u), { tabId: E.id }));
+          });
+        });
+    })
+  );
+  let C = null;
+  return f(t, () => {
+    const s = () => {
+      C = t.getState().selectedId;
+    }, a = () => {
+      h = !1, t.setState("selectedId", C);
+    };
+    if (o && "setSelectElement" in o)
+      return T(
+        l(o, ["value"], s),
+        l(o, ["mounted"], a)
+      );
+    if (c)
+      return T(
+        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 w(e, n, o) {
+  V(n, [o.composite, o.combobox]), e = A(e, n, o), M(e, o, "selectedId", "setSelectedId"), M(e, o, "selectOnMove");
+  const [c, d] = y(() => e.panels, {});
+  return V(d, [e, d]), Object.assign(
+    Y(() => B(L({}, e), { panels: c }), [e, c]),
+    { composite: o.composite, combobox: o.combobox }
+  );
+}
+function D(e = {}) {
+  const n = K(), o = U() || 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);
+}
+function G(e = {}) {
+  const n = D(e);
+  return /* @__PURE__ */ P(Z, { value: n, children: e.children });
+}
+const ce = ({
+  value: e,
+  onValueChange: n,
+  defaultValue: o,
+  className: c,
+  children: d
+}) => /* @__PURE__ */ P(
+  G,
+  {
+    selectedId: e,
+    setSelectedId: n,
+    defaultSelectedId: o,
+    children: /* @__PURE__ */ P("div", { className: F("component-tabs", c), children: d })
+  }
+);
+export {
+  ce as Tabs
+};

package/dist/components/tabs/tab.d.ts

@@ -0,0 +1,7 @@
+import { FC, PropsWithChildren } from 'react';
+interface TabProps extends PropsWithChildren {
+    value: string;
+    className?: string;
+}
+export declare const Tab: FC<TabProps>;
+export {};

package/dist/components/tabs/tab.js

@@ -0,0 +1,81 @@
+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-Clhw_nNS.js";
+import { a as F } from "../../YV4JVR4I-LkUIiJWj.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) {
+  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 }) });
+export {
+  Z as Tab
+};

package/dist/components/toolbar/index.js

@@ -0,0 +1,27 @@
+import { createComposite as n } from "../../utils/components.js";
+import { Button as c } from "../button/index.js";
+import { u, R as i } from "../../root-CdR32nP9.js";
+import { u as l } from "../../6VRAQV3D-Clhw_nNS.js";
+import { r as p, f as b, a as f, q as _, _ as I, o as T } from "../../LMDWO4NN--KEvZePp.js";
+import '../../assets/index12.css';var v = "button", R = f(
+  function(t) {
+    var o = t, { store: e } = o, r = I(o, ["store"]);
+    const m = u();
+    return e = e || m, r = l(T({ store: e }, r)), r;
+  }
+), a = p(
+  b(function(t) {
+    const o = R(t);
+    return _(v, o);
+  })
+);
+const B = Object.assign(i, {
+  Generic: a,
+  IconButton: n(a, c.Icon, {
+    size: "small",
+    className: "component-toolbar__icon-button"
+  })
+});
+export {
+  B as Toolbar
+};

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

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

package/dist/components/toolbar/root.js

@@ -0,0 +1,6 @@
+import "react/jsx-runtime";
+import "../../utils/css.js";
+import { R as p } from "../../root-CdR32nP9.js";
+export {
+  p as Root
+};

package/dist/composite-provider-DxKEAxsZ.js

@@ -0,0 +1,10 @@
+import { u as e } from "./4CMBR7SL-BHIN8rB4.js";
+import { a as t } from "./P7GR5CS5-BoOYUfSQ.js";
+import { jsx as i } from "react/jsx-runtime";
+function a(o = {}) {
+  const r = e(o);
+  return /* @__PURE__ */ i(t, { value: r, children: o.children });
+}
+export {
+  a as C
+};