@wrdagency/blockout 1.0.5 → 1.0.7

package/dist/tag-remove-BVa8oSsq.js

@@ -0,0 +1,533 @@
+import { d as ve, a as ee } from "./S43UC3DV-CiBKpqp8.js";
+import { createContext as he, useContext as W, useRef as ge, useState as te, useEffect as oe, useCallback as be } from "react";
+import { f as _, c as K, a as R, _ as L, m as T, o as P, r as Ce, i as $, a4 as ye, C as Pe, a7 as xe, s as Te, q as ne, j, e as O, ag as re, l as ae, ah as ke, y as z, aa as Ve, n as Ee, G as Se, T as J, V as H, U as A, a5 as Ie } from "./LMDWO4NN-CIZvvtic.js";
+import { jsx as E, jsxs as se, Fragment as De } from "react/jsx-runtime";
+import { c as we, u as Oe, R as _e } from "./G7GW6PWC-A0eDeXMt.js";
+import { u as Ke, d as q, T as ie, e as ue, f as Re, g as Le, h as Ne } from "./MAXQOH4L-DBaf8WKp.js";
+import { a as le, c as Be, s as je, e as Fe, b as Me, d as Q } from "./YV4JVR4I-w1-dnslS.js";
+import { u as ce } from "./6VRAQV3D-DK_p41oq.js";
+import { t as $e } from "./7PRQYBBV-91wrWGjk.js";
+import { u as Ue } from "./5JTVDSTH-DcfjjEya.js";
+import { b as He } from "./PFRGBC2K-B9ko--FF.js";
+import { c as We, b as Ae } from "./4CMBR7SL-ChJnawVl.js";
+var qe = he(!1), Ge = "span", Ze = /* @__PURE__ */ E(
+  "svg",
+  {
+    display: "block",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 1.5,
+    viewBox: "0 0 16 16",
+    height: "1em",
+    width: "1em",
+    children: /* @__PURE__ */ E("polyline", { points: "4,8 7,12 12,4" })
+  }
+);
+function ze(n) {
+  return n.checked ? n.children || Ze : typeof n.children == "function" ? n.children : null;
+}
+var de = K(
+  function(r) {
+    var o = r, { store: e, checked: a } = o, s = L(o, ["store", "checked"]);
+    const d = W(qe);
+    a = a ?? d;
+    const i = ze({ checked: a, children: s.children });
+    return s = T(P({
+      "aria-hidden": !0
+    }, s), {
+      children: i,
+      style: P({
+        width: "1em",
+        height: "1em",
+        pointerEvents: "none"
+      }, s.style)
+    }), Ce(s);
+  }
+), St = _(function(r) {
+  const o = de(r);
+  return R(Ge, o);
+}), Je = "span", Qe = K(function(r) {
+  var o = r, { store: e, checked: a } = o, s = L(o, ["store", "checked"]);
+  const d = W(ve);
+  return a = a ?? d, s = de(T(P({}, s), { checked: a })), s;
+}), It = _(function(r) {
+  const o = Qe(r);
+  return R(Je, o);
+}), Xe = "div";
+function Ye(n, ...r) {
+  if (!n) return !1;
+  if ("id" in n) {
+    const o = r.filter(Boolean).map((e) => `[aria-controls~="${e}"]`).join(", ");
+    return o ? n.matches(o) : !1;
+  }
+  return !1;
+}
+var et = K(
+  function(r) {
+    var o = r, {
+      store: e,
+      modal: a,
+      tabIndex: s,
+      alwaysVisible: d,
+      autoFocusOnHide: i = !0,
+      hideOnInteractOutside: m = !0
+    } = o, u = L(o, [
+      "store",
+      "modal",
+      "tabIndex",
+      "alwaysVisible",
+      "autoFocusOnHide",
+      "hideOnInteractOutside"
+    ]);
+    const l = ee();
+    e = e || l, $(
+      e,
+      process.env.NODE_ENV !== "production" && "ComboboxPopover must receive a `store` prop or be wrapped in a ComboboxProvider component."
+    );
+    const b = e.useState("baseElement"), g = ge(!1), C = le(
+      e.tag,
+      (p) => p == null ? void 0 : p.renderedItems.length
+    );
+    return u = Ke(P({ store: e, alwaysVisible: d }, u)), u = Oe(T(P({
+      store: e,
+      modal: a,
+      alwaysVisible: d,
+      backdrop: !1,
+      autoFocusOnShow: !1,
+      finalFocus: b,
+      preserveTabOrderAnchor: null,
+      unstable_treeSnapshotKey: C
+    }, u), {
+      // When the combobox popover is modal, we make sure to include the
+      // combobox input and all the combobox controls (cancel, disclosure) in
+      // the list of persistent elements so they make part of the modal context,
+      // allowing users to tab through them.
+      getPersistentElements() {
+        var p;
+        const h = ((p = u.getPersistentElements) == null ? void 0 : p.call(u)) || [];
+        if (!a || !e) return h;
+        const { contentElement: y, baseElement: t } = e.getState();
+        if (!t) return h;
+        const c = Pe(t), v = [];
+        if (y != null && y.id && v.push(`[aria-controls~="${y.id}"]`), t != null && t.id && v.push(`[aria-controls~="${t.id}"]`), !v.length) return [...h, t];
+        const x = v.join(","), I = c.querySelectorAll(x);
+        return [...h, ...I];
+      },
+      // The combobox popover should focus on the combobox input when it hides,
+      // unless the event was triggered by a click outside the popover, in which
+      // case the input shouldn't be re-focused.
+      autoFocusOnHide(p) {
+        return ye(i, p) ? !1 : g.current ? (g.current = !1, !1) : !0;
+      },
+      // Make sure we don't hide the popover when the user interacts with the
+      // combobox cancel or the combobox disclosure buttons. They will have the
+      // aria-controls attribute pointing to either the combobox input or the
+      // combobox popover elements.
+      hideOnInteractOutside(p) {
+        var h, y;
+        const t = e == null ? void 0 : e.getState(), c = (h = t == null ? void 0 : t.contentElement) == null ? void 0 : h.id, v = (y = t == null ? void 0 : t.baseElement) == null ? void 0 : y.id;
+        if (Ye(p.target, c, v)) return !1;
+        const x = typeof m == "function" ? m(p) : m;
+        return x && (g.current = p.type === "click"), x;
+      }
+    })), u;
+  }
+), Dt = we(
+  _(function(r) {
+    const o = et(r);
+    return R(Xe, o);
+  }),
+  ee
+);
+function G() {
+  const [n, r] = te(!1);
+  return oe(() => {
+    r(xe());
+  }, []), n;
+}
+var tt = "div", ot = K(function(r) {
+  var o = r, {
+    store: e,
+    value: a,
+    getItem: s,
+    removeOnKeyPress: d = !0
+  } = o, i = L(o, [
+    "store",
+    "value",
+    "getItem",
+    "removeOnKeyPress"
+  ]);
+  const m = q();
+  e = e || m, $(
+    e,
+    process.env.NODE_ENV !== "production" && "Tag must be wrapped in a TagList component."
+  );
+  const u = ne(i.id), l = G(), b = be(
+    (t) => {
+      const c = T(P({}, t), { value: a });
+      return s ? s(c) : c;
+    },
+    [a, s]
+  ), g = i.onKeyDown, C = j(d), p = O((t) => {
+    if (g == null || g(t), t.defaultPrevented) return;
+    const { inputElement: c } = e.getState(), v = t.key === "Backspace";
+    if ((v || t.key === "Delete") && C(t)) {
+      t.preventDefault(), e.removeValue(a);
+      const V = v && e.previous() || e.next();
+      e.move(V);
+    }
+    const I = !t.ctrlKey && !t.metaKey && t.key.length === 1, N = !re(), f = t.key === "v" || t.key === "V", D = (N ? t.ctrlKey : t.metaKey) && f;
+    (I || D) && (c == null || c.focus());
+  }), [h, y] = te();
+  return i = ae(
+    i,
+    (t) => /* @__PURE__ */ E(ie.Provider, { value: a, children: /* @__PURE__ */ E(ue.Provider, { value: y, children: t }) }),
+    [a]
+  ), i = T(P({
+    id: u,
+    role: l ? "listitem" : "option",
+    children: a,
+    "aria-describedby": h
+  }, i), {
+    onKeyDown: p
+  }), i = ce(T(P({
+    store: e
+  }, i), {
+    getItem: b
+  })), i;
+}), wt = Te(
+  _(function(r) {
+    const o = ot(r);
+    return R(tt, o);
+  })
+);
+function me(n) {
+  return async () => {
+    const r = await (n == null ? void 0 : n());
+    return me(async () => (await (r == null ? void 0 : r()), n));
+  };
+}
+var M = nt();
+function nt({
+  limit: n = 100
+} = {}) {
+  const r = [];
+  let o = [], e = null;
+  const a = () => r.length > 0, s = () => o.length > 0;
+  return {
+    canUndo: a,
+    canRedo: s,
+    undo: async () => {
+      var u;
+      a() && (e = null, o.push(await ((u = r.pop()) == null ? void 0 : u())));
+    },
+    redo: async () => {
+      var u;
+      s() && (e = null, r.push(await ((u = o.pop()) == null ? void 0 : u())));
+    },
+    execute: async (u, l) => {
+      if (!u) return;
+      for (; r.length > n; )
+        r.shift();
+      const b = l === e;
+      e = l ?? null;
+      const g = b ? Math.max(0, r.length - 1) : r.length, C = await u();
+      if (!C) return;
+      o = [];
+      const p = r[g];
+      r[g] = me(async () => {
+        await (C == null ? void 0 : C());
+        const h = await (p == null ? void 0 : p());
+        return async () => {
+          await (h == null ? void 0 : h()), await (u == null ? void 0 : u());
+        };
+      });
+    }
+  };
+}
+var rt = "input", at = [`
+`, ";", ",", /\s/];
+function X(n, r = at) {
+  const o = n === void 0 ? r : n;
+  return o ? $e(o) : [];
+}
+function Y(n, r) {
+  for (const o of r) {
+    let e = n.match(o);
+    for (; (e == null ? void 0 : e.index) === 0; )
+      n = n.slice(e[0].length), e = n.match(o);
+    if (e)
+      return n.split(o);
+  }
+  return [];
+}
+var st = K(
+  function(r) {
+    var o = r, {
+      store: e,
+      tabbable: a = !0,
+      delimiter: s,
+      addValueOnPaste: d = !0,
+      addValueOnChange: i = !0,
+      setValueOnChange: m = !0,
+      removeOnBackspace: u = !0
+    } = o, l = L(o, [
+      "store",
+      "tabbable",
+      "delimiter",
+      "addValueOnPaste",
+      "addValueOnChange",
+      "setValueOnChange",
+      "removeOnBackspace"
+    ]);
+    const b = q();
+    e = e || b, $(
+      e,
+      process.env.NODE_ENV !== "production" && "TagInput must receive a `store` prop or be wrapped in a TagProvider component."
+    );
+    const g = le(e, "value"), C = l.onPaste, p = j(d), h = O((f) => {
+      if (C == null || C(f), f.defaultPrevented) return;
+      const k = f.clipboardData.getData("text"), D = X(s), V = Y(k.trim(), D).map((w) => w.trim()).filter((w) => w !== ""), S = Object.assign(f, { values: V });
+      if (p(S) && V.length) {
+        f.preventDefault();
+        for (const w of V)
+          e.addValue(w);
+      }
+    }), y = l.onChange, t = j(m), c = j(i), v = O((f) => {
+      if (y == null || y(f), f.defaultPrevented || !e) return;
+      const { value: k } = e.getState(), D = ke(f), V = f.currentTarget, { start: S, end: w } = z(V), { value: U } = V;
+      if (t(f) && M.execute(() => {
+        if (e.setValue(U), queueMicrotask(() => {
+          Ve(V, S, w);
+        }), U !== k)
+          return () => e.setValue(k);
+      }, D), S === w && S === U.length) {
+        const pe = X(s);
+        let B = Y(U, pe);
+        const Z = B.pop() || "";
+        B = B.map((F) => F.trim()).filter((F) => F !== "");
+        const fe = Object.assign(f, { values: B });
+        if (B.length && c(fe)) {
+          f.preventDefault();
+          for (const F of B)
+            e.addValue(F);
+          M.execute(() => {
+            if (e.setValue(Z), Z !== k)
+              return () => e.setValue(k);
+          }, D);
+        }
+      }
+    }), x = l.onKeyDown, I = j(u), N = O((f) => {
+      if (x == null || x(f), !f.defaultPrevented && f.key === "Backspace" && I(f)) {
+        const { start: k, end: D } = z(f.currentTarget);
+        if (!(k === D && k === 0)) return;
+        e.setValues((S) => S.length ? S.slice(0, -1) : S);
+      }
+    });
+    return l = T(P({
+      value: g
+    }, l), {
+      ref: Ee(e.setInputElement, l.ref),
+      onPaste: h,
+      onChange: v,
+      onKeyDown: N
+    }), l = ce(P({ store: e, tabbable: a }, l)), l;
+  }
+), Ot = _(function(r) {
+  const o = st(r);
+  return R(rt, o);
+}), it = "div", ut = K(
+  function(r) {
+    var o = r, { store: e } = o, a = L(o, ["store"]);
+    const s = Re();
+    e = e || s, $(
+      e,
+      process.env.NODE_ENV !== "production" && "TagList must receive a `store` prop or be wrapped in a TagProvider component."
+    );
+    const d = a.onMouseDown, i = O((t) => {
+      if (d == null || d(t), t.defaultPrevented) return;
+      const c = t.target, v = t.currentTarget, x = He(c);
+      if (!(x === v) && v.contains(x)) return;
+      const { inputElement: N } = e.getState();
+      Se(t.currentTarget, "mouseup", () => {
+        N == null || N.focus();
+      });
+    }), m = a.onKeyDown, u = O((t) => {
+      if (m == null || m(t), t.defaultPrevented) return;
+      const c = !re(), v = t.key === "z" || t.key === "Z", x = c ? t.ctrlKey : t.metaKey, I = t.shiftKey && v || c && t.key === "y";
+      x && I ? (t.preventDefault(), M.redo()) : x && v && (t.preventDefault(), M.undo());
+    });
+    a = ae(
+      a,
+      (t) => /* @__PURE__ */ E(Le, { value: e, children: t }),
+      [e]
+    ), a = T(P({}, a), {
+      onMouseDown: i,
+      onKeyDown: u
+    }), a = Ue(P({ store: e }, a));
+    const l = e.useState(
+      (t) => t.orientation === "both" ? void 0 : t.orientation
+    ), g = e.useState((t) => t.renderedItems).filter((t) => !!t.value).map((t) => t.id), C = e.useState((t) => {
+      var c;
+      return (c = t.labelElement) == null ? void 0 : c.id;
+    }), p = {};
+    for (const t in a)
+      if (t === "role" || t.startsWith("aria-")) {
+        const c = t;
+        p[c] = a[c], delete a[c];
+      }
+    const h = G(), y = /* @__PURE__ */ se(De, { children: [
+      /* @__PURE__ */ E(
+        "div",
+        T(P({
+          role: h ? "list" : "listbox",
+          "aria-live": "polite",
+          "aria-relevant": "all",
+          "aria-atomic": !0,
+          "aria-labelledby": C,
+          "aria-orientation": l,
+          "aria-owns": g.join(" ")
+        }, p), {
+          style: { position: "fixed" }
+        })
+      ),
+      a.children
+    ] });
+    return a = T(P({}, a), {
+      children: y
+    }), a;
+  }
+), _t = _(function(r) {
+  const o = ut(r);
+  return R(it, o);
+});
+function lt(n = {}) {
+  var r;
+  const o = (r = n.store) == null ? void 0 : r.getState(), e = We(n), a = J(A({}, e.getState()), {
+    inputElement: H(o == null ? void 0 : o.inputElement, null),
+    labelElement: H(o == null ? void 0 : o.labelElement, null),
+    value: H(n.value, o == null ? void 0 : o.value, n.defaultValue, ""),
+    values: H(
+      n.values,
+      o == null ? void 0 : o.values,
+      n.defaultValues,
+      []
+    )
+  }), s = Be(a, e, n.store);
+  je(
+    s,
+    () => Fe(s, ["inputElement", "activeId"], (i) => {
+      i.inputElement && i.activeId === void 0 && s.setState("activeId", i.inputElement.id);
+    })
+  );
+  const d = (i) => {
+    const { values: m } = s.getState();
+    M.execute(() => {
+      let u = !0;
+      if (s.setState("values", (l) => {
+        const b = Ie(i, l);
+        return b === l && (u = !1), b;
+      }), !!u)
+        return () => {
+          var l;
+          s.setState("values", m), e.move((l = s.getState().inputElement) == null ? void 0 : l.id);
+        };
+    });
+  };
+  return J(A(A({}, e), s), {
+    setInputElement: (i) => s.setState("inputElement", i),
+    setLabelElement: (i) => s.setState("labelElement", i),
+    setValue: (i) => s.setState("value", i),
+    resetValue: () => s.setState("value", a.value),
+    setValues: d,
+    addValue: (i) => {
+      d((m) => m.includes(i) ? m : [...m, i]);
+    },
+    removeValue: (i) => d((m) => m.filter((u) => u !== i))
+  });
+}
+function ct(n, r, o) {
+  return Q(n, o, "value", "setValue"), Q(n, o, "values", "setValues"), Ae(n, r, o);
+}
+function dt(n = {}) {
+  const [r, o] = Me(lt, n);
+  return ct(r, o, n);
+}
+function Kt(n = {}) {
+  const r = dt(n);
+  return /* @__PURE__ */ E(Ne, { value: r, children: n.children });
+}
+var mt = "button", pt = K(
+  function(r) {
+    var o = r, {
+      store: e,
+      value: a,
+      removeOnClick: s = !0
+    } = o, d = L(o, [
+      "store",
+      "value",
+      "removeOnClick"
+    ]);
+    const i = q();
+    e = e || i, $(
+      e,
+      process.env.NODE_ENV !== "production" && "TagRemove must receive a `store` prop or be wrapped in a TagProvider component."
+    );
+    const m = ne(d.id), u = W(ue), l = W(ie), b = l !== null, g = a ?? l;
+    oe(() => (u == null || u(m), () => u == null ? void 0 : u()), [m, u]);
+    const C = d.onClick, p = j(s), h = O((c) => {
+      if (C == null || C(c), c.defaultPrevented || !e || !g || !p(c)) return;
+      const { inputElement: v } = e.getState();
+      e.removeValue(g), v == null || v.focus();
+    }), y = /* @__PURE__ */ se(
+      "svg",
+      {
+        display: "block",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 1.5,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        height: "1em",
+        width: "1em",
+        "aria-hidden": !0,
+        children: [
+          /* @__PURE__ */ E("path", { d: "M7.28782 5.46243C7.80963 4.92308 8.07054 4.65341 8.37751 4.46038C8.64963 4.28926 8.94749 4.16299 9.25969 4.0864C9.61186 4 9.98709 4 10.7375 4H16.8C17.9201 4 18.4802 4 18.908 4.21799C19.2843 4.40973 19.5903 4.71569 19.782 5.09202C20 5.51984 20 6.0799 20 7.2V16.8C20 17.9201 20 18.4802 19.782 18.908C19.5903 19.2843 19.2843 19.5903 18.908 19.782C18.4802 20 17.9201 20 16.8 20H10.7512C9.99584 20 9.61818 20 9.264 19.9126C8.95004 19.8351 8.65067 19.7073 8.37748 19.5342C8.06931 19.339 7.80802 19.0663 7.28544 18.521L2.59879 13.63C2.03714 13.0439 1.75631 12.7508 1.65115 12.4158C1.55859 12.121 1.55935 11.8048 1.65332 11.5104C1.7601 11.1759 2.04233 10.8842 2.60679 10.3008L7.28782 5.46243Z" }),
+          /* @__PURE__ */ E("path", { d: "M10.052 9L16 15M15.948 9L10 15" })
+        ]
+      }
+    ), t = G() && b;
+    return d = T(P({
+      id: m,
+      children: y,
+      role: t ? "button" : void 0,
+      "aria-hidden": !t,
+      "aria-label": t ? `Remove ${g}` : b ? "Press Delete or Backspace to remove" : void 0
+    }, d), {
+      onClick: h,
+      render: b ? /* @__PURE__ */ E(_e.span, { render: d.render }) : d.render
+    }), d;
+  }
+), Rt = _(function(r) {
+  const o = pt(r);
+  return R(mt, o);
+});
+export {
+  Dt as C,
+  Kt as T,
+  _t as a,
+  wt as b,
+  Rt as c,
+  Ot as d,
+  It as e,
+  qe as f,
+  St as g,
+  ot as h,
+  st as i,
+  ut as j,
+  pt as k,
+  de as u
+};

package/dist/toolbar-B7_t1rYu.js

@@ -0,0 +1,68 @@
+import { c as d, b as v } from "./4CMBR7SL-ChJnawVl.js";
+import { b as T } from "./YV4JVR4I-w1-dnslS.js";
+import { T as _, V as i, U as S, f as P, c as x, a as C, _ as L, l as h, o as u } from "./LMDWO4NN-CIZvvtic.js";
+import { a as V, T as g } from "./A3WPL2ZJ-CpUtG5Sk.js";
+import { u as j } from "./5JTVDSTH-DcfjjEya.js";
+import { jsx as E } from "react/jsx-runtime";
+function F(t = {}) {
+  var r;
+  const o = (r = t.store) == null ? void 0 : r.getState();
+  return d(_(S({}, t), {
+    orientation: i(
+      t.orientation,
+      o == null ? void 0 : o.orientation,
+      "horizontal"
+    ),
+    focusLoop: i(t.focusLoop, o == null ? void 0 : o.focusLoop, !0)
+  }));
+}
+function R(t, r, o) {
+  return v(t, r, o);
+}
+function k(t = {}) {
+  const [r, o] = T(F, t);
+  return R(r, o, t);
+}
+var w = "div", y = x(
+  function(r) {
+    var o = r, {
+      store: n,
+      orientation: l,
+      virtualFocus: c,
+      focusLoop: p,
+      rtl: f
+    } = o, e = L(o, [
+      "store",
+      "orientation",
+      "virtualFocus",
+      "focusLoop",
+      "rtl"
+    ]);
+    const m = V();
+    n = n || m;
+    const a = k({
+      store: n,
+      orientation: l,
+      virtualFocus: c,
+      focusLoop: p,
+      rtl: f
+    }), b = a.useState(
+      (s) => s.orientation === "both" ? void 0 : s.orientation
+    );
+    return e = h(
+      e,
+      (s) => /* @__PURE__ */ E(g, { value: a, children: s }),
+      [a]
+    ), e = u({
+      role: "toolbar",
+      "aria-orientation": b
+    }, e), e = j(u({ store: a }, e)), e;
+  }
+), q = P(function(r) {
+  const o = y(r);
+  return C(w, o);
+});
+export {
+  q as T,
+  k as u
+};

package/dist/toolbar-separator-DBoO5XdF.js

@@ -0,0 +1,16 @@
+import { u as p } from "./A3WPL2ZJ-CpUtG5Sk.js";
+import { u as n } from "./TP7N7UIH-Dc0CLLi8.js";
+import { f as u, c as m, a as c, _ as f, o as l } from "./LMDWO4NN-CIZvvtic.js";
+var b = "hr", T = m(
+  function(o) {
+    var r = o, { store: a } = r, e = f(r, ["store"]);
+    const s = p();
+    return a = a || s, e = n(l({ store: a }, e)), e;
+  }
+), v = u(function(o) {
+  const r = T(o);
+  return c(b, r);
+});
+export {
+  v as T
+};