@wrdagency/blockout 1.0.13 → 1.0.17

package/dist/tag-remove-BVa8oSsq.js

@@ -1,533 +0,0 @@
-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
-};