@wrdagency/blockout 1.0.4 → 1.0.6

package/dist/MAXQOH4L-DBaf8WKp.js

@@ -0,0 +1,564 @@
+import { u as Ge } from "./5JTVDSTH-DcfjjEya.js";
+import { a as Je } from "./WMYDSCNQ-D4CU76mX.js";
+import { a as Qe, C as Xe, b as Oe, c as Ye, d as Ze, e as ye, u as et, f as tt } from "./S43UC3DV-CiBKpqp8.js";
+import { I as ot, S as nt, V as k, T as te, U as $, a1 as rt, x as st, a7 as ut, m as N, o as y, W as Ie, f as ae, c as ie, a as ce, _ as de, i as fe, a8 as lt, a9 as at, y as Ve, aa as se, ab as it, e as H, B as ct, b as ue, j as L, G as dt, q as Ee, n as we, a0 as ft, a4 as mt, $ as vt, K as pt, s as bt, O as Ct, P as St, k as gt, l as Ae, ac as xt, r as Vt } from "./LMDWO4NN-CIZvvtic.js";
+import { h as le } from "./PFRGBC2K-B9ko--FF.js";
+import { m as ht, p as Pt, t as Ot, c as yt, s as X, e as W, g as It, b as Et, d as oe, u as wt } from "./YV4JVR4I-w1-dnslS.js";
+import { createContext as ke, useRef as z, useState as Le, useEffect as Y, useMemo as At, useCallback as kt, useContext as Lt } from "react";
+import { e as _t, C as Tt } from "./P7GR5CS5-5PtDURPc.js";
+import { c as Kt, a as Dt } from "./O2PQ2652-D2GSkoLq.js";
+import { c as Rt, d as Mt, b as Bt } from "./4CMBR7SL-ChJnawVl.js";
+import { jsx as Z } from "react/jsx-runtime";
+import { u as Ft } from "./UQQRIHDV-BBkcyl82.js";
+import { u as Ht } from "./6VRAQV3D-DK_p41oq.js";
+import { i as Nt } from "./KFH4SEIX-BFT9WmYk.js";
+var xo = ke(null), Vo = ke(
+  null
+), ne = ot(
+  [Tt],
+  [_t]
+), Ut = ne.useContext, ho = ne.useProviderContext, Po = ne.ContextProvider, Oo = ne.ScopedContextProvider, jt = st() && ut();
+function qt(o = {}) {
+  var n = o, {
+    tag: r
+  } = n, e = nt(n, [
+    "tag"
+  ]);
+  const c = ht(e.store, Pt(r, ["value", "rtl"]));
+  Ot(e, c);
+  const d = r == null ? void 0 : r.getState(), u = c == null ? void 0 : c.getState(), T = k(
+    e.activeId,
+    u == null ? void 0 : u.activeId,
+    e.defaultActiveId,
+    null
+  ), w = Rt(te($({}, e), {
+    activeId: T,
+    includesBaseElement: k(
+      e.includesBaseElement,
+      u == null ? void 0 : u.includesBaseElement,
+      !0
+    ),
+    orientation: k(
+      e.orientation,
+      u == null ? void 0 : u.orientation,
+      "vertical"
+    ),
+    focusLoop: k(e.focusLoop, u == null ? void 0 : u.focusLoop, !0),
+    focusWrap: k(e.focusWrap, u == null ? void 0 : u.focusWrap, !0),
+    virtualFocus: k(
+      e.virtualFocus,
+      u == null ? void 0 : u.virtualFocus,
+      !0
+    )
+  })), I = Kt(te($({}, e), {
+    placement: k(
+      e.placement,
+      u == null ? void 0 : u.placement,
+      "bottom-start"
+    )
+  })), K = k(
+    e.value,
+    u == null ? void 0 : u.value,
+    e.defaultValue,
+    ""
+  ), O = k(
+    e.selectedValue,
+    u == null ? void 0 : u.selectedValue,
+    d == null ? void 0 : d.values,
+    e.defaultSelectedValue,
+    ""
+  ), f = Array.isArray(O), _ = te($($({}, w.getState()), I.getState()), {
+    value: K,
+    selectedValue: O,
+    resetValueOnSelect: k(
+      e.resetValueOnSelect,
+      u == null ? void 0 : u.resetValueOnSelect,
+      f
+    ),
+    resetValueOnHide: k(
+      e.resetValueOnHide,
+      u == null ? void 0 : u.resetValueOnHide,
+      f && !r
+    ),
+    activeValue: u == null ? void 0 : u.activeValue
+  }), l = yt(_, w, I, c);
+  return jt && X(
+    l,
+    () => W(l, ["virtualFocus"], () => {
+      l.setState("virtualFocus", !1);
+    })
+  ), X(l, () => {
+    if (r)
+      return rt(
+        W(l, ["selectedValue"], (i) => {
+          Array.isArray(i.selectedValue) && r.setValues(i.selectedValue);
+        }),
+        W(r, ["values"], (i) => {
+          l.setState("selectedValue", i.values);
+        })
+      );
+  }), X(
+    l,
+    () => W(l, ["resetValueOnHide", "mounted"], (i) => {
+      i.resetValueOnHide && (i.mounted || l.setState("value", K));
+    })
+  ), X(
+    l,
+    () => W(l, ["open"], (i) => {
+      i.open || (l.setState("activeId", T), l.setState("moves", 0));
+    })
+  ), X(
+    l,
+    () => W(l, ["moves", "activeId"], (i, A) => {
+      i.moves === A.moves && l.setState("activeValue", void 0);
+    })
+  ), X(
+    l,
+    () => It(l, ["moves", "renderedItems"], (i, A) => {
+      if (i.moves === A.moves) return;
+      const { activeId: V } = l.getState(), m = w.item(V);
+      l.setState("activeValue", m == null ? void 0 : m.value);
+    })
+  ), te($($($({}, I), w), l), {
+    tag: r,
+    setValue: (i) => l.setState("value", i),
+    resetValue: () => l.setState("value", _.value),
+    setSelectedValue: (i) => l.setState("selectedValue", i)
+  });
+}
+function $t(o) {
+  const n = Ut();
+  return o = N(y({}, o), {
+    tag: o.tag !== void 0 ? o.tag : n
+  }), Mt(o);
+}
+function Wt(o, n, r) {
+  return Ie(n, [r.tag]), oe(o, r, "value", "setValue"), oe(o, r, "selectedValue", "setSelectedValue"), oe(o, r, "resetValueOnHide"), oe(o, r, "resetValueOnSelect"), Object.assign(
+    Bt(
+      Dt(o, n, r),
+      n,
+      r
+    ),
+    { tag: r.tag }
+  );
+}
+function zt(o = {}) {
+  o = $t(o);
+  const [n, r] = Et(qt, o);
+  return Wt(n, r, o);
+}
+var Gt = "input";
+function he(o, n, r) {
+  if (!r) return !1;
+  const e = o.find((c) => !c.disabled && c.value);
+  return (e == null ? void 0 : e.value) === n;
+}
+function Pe(o, n) {
+  return !n || o == null ? !1 : (o = pt(o), n.length > o.length && n.toLowerCase().indexOf(o.toLowerCase()) === 0);
+}
+function Jt(o) {
+  return o.type === "input";
+}
+function Qt(o) {
+  return o === "inline" || o === "list" || o === "both" || o === "none";
+}
+function Xt(o) {
+  const n = o.find((r) => {
+    var e;
+    return r.disabled ? !1 : ((e = r.element) == null ? void 0 : e.getAttribute("role")) !== "tab";
+  });
+  return n == null ? void 0 : n.id;
+}
+var Yt = ie(
+  function(n) {
+    var r = n, {
+      store: e,
+      focusable: c = !0,
+      autoSelect: d = !1,
+      getAutoSelectId: u,
+      setValueOnChange: T,
+      showMinLength: w = 0,
+      showOnChange: I,
+      showOnMouseDown: K,
+      showOnClick: O = K,
+      showOnKeyDown: f,
+      showOnKeyPress: _ = f,
+      blurActiveItemOnClick: l,
+      setValueOnClick: i = !0,
+      moveOnKeyPress: A = !0,
+      autoComplete: V = "list"
+    } = r, m = de(r, [
+      "store",
+      "focusable",
+      "autoSelect",
+      "getAutoSelectId",
+      "setValueOnChange",
+      "showMinLength",
+      "showOnChange",
+      "showOnMouseDown",
+      "showOnClick",
+      "showOnKeyDown",
+      "showOnKeyPress",
+      "blurActiveItemOnClick",
+      "setValueOnClick",
+      "moveOnKeyPress",
+      "autoComplete"
+    ]);
+    const G = Qe();
+    e = e || G, fe(
+      e,
+      process.env.NODE_ENV !== "production" && "Combobox must receive a `store` prop or be wrapped in a ComboboxProvider component."
+    );
+    const D = z(null), [J, h] = lt(), C = z(!1), M = z(!1), P = e.useState(
+      (t) => t.virtualFocus && d
+    ), x = V === "inline" || V === "both", [U, Q] = Le(x);
+    at(() => {
+      x && Q(!0);
+    }, [x]);
+    const s = e.useState("value"), b = z();
+    Y(() => W(e, ["selectedValue", "activeId"], (t, a) => {
+      b.current = a.selectedValue;
+    }), []);
+    const S = e.useState((t) => {
+      var a;
+      if (x && U && !(t.activeValue && Array.isArray(t.selectedValue) && (t.selectedValue.includes(t.activeValue) || (a = b.current) != null && a.includes(t.activeValue))))
+        return t.activeValue;
+    }), j = e.useState("renderedItems"), B = e.useState("open"), F = e.useState("contentElement"), ee = At(() => {
+      if (!x || !U) return s;
+      if (he(
+        j,
+        S,
+        P
+      )) {
+        if (Pe(s, S)) {
+          const a = (S == null ? void 0 : S.slice(s.length)) || "";
+          return s + a;
+        }
+        return s;
+      }
+      return S || s;
+    }, [x, U, j, S, P, s]);
+    Y(() => {
+      const t = D.current;
+      if (!t) return;
+      const a = () => Q(!0);
+      return t.addEventListener("combobox-item-move", a), () => {
+        t.removeEventListener("combobox-item-move", a);
+      };
+    }, []), Y(() => {
+      if (!x || !U || !S || !he(
+        j,
+        S,
+        P
+      ) || !Pe(s, S)) return;
+      let a = it;
+      return queueMicrotask(() => {
+        const v = D.current;
+        if (!v) return;
+        const { start: p, end: E } = Ve(v), R = s.length, g = S.length;
+        se(v, R, g), a = () => {
+          if (!le(v)) return;
+          const { start: q, end: ze } = Ve(v);
+          q === R && ze === g && se(v, p, E);
+        };
+      }), () => a();
+    }, [
+      J,
+      x,
+      U,
+      S,
+      j,
+      P,
+      s
+    ]);
+    const _e = z(null), me = H(u), ve = z(null);
+    Y(() => {
+      if (!B || !F) return;
+      const t = ct(F);
+      if (!t) return;
+      _e.current = t;
+      const a = () => {
+        C.current = !1;
+      }, v = () => {
+        if (!e || !C.current) return;
+        const { activeId: E } = e.getState();
+        E !== null && E !== ve.current && (C.current = !1);
+      }, p = { passive: !0, capture: !0 };
+      return t.addEventListener("wheel", a, p), t.addEventListener("touchmove", a, p), t.addEventListener("scroll", v, p), () => {
+        t.removeEventListener("wheel", a, !0), t.removeEventListener("touchmove", a, !0), t.removeEventListener("scroll", v, !0);
+      };
+    }, [B, F, e]), ue(() => {
+      s && (M.current || (C.current = !0));
+    }, [s]), ue(() => {
+      P !== "always" && B || (C.current = B);
+    }, [P, B]);
+    const pe = e.useState("resetValueOnSelect");
+    Ie(() => {
+      var t, a;
+      const v = C.current;
+      if (!e || !B || !v && !pe) return;
+      const { baseElement: p, contentElement: E, activeId: R } = e.getState();
+      if (!(p && !le(p))) {
+        if (E != null && E.hasAttribute("data-placing")) {
+          const g = new MutationObserver(h);
+          return g.observe(E, { attributeFilter: ["data-placing"] }), () => g.disconnect();
+        }
+        if (P && v) {
+          const g = me(j), q = g !== void 0 ? g : (t = Xt(j)) != null ? t : e.first();
+          ve.current = q, e.move(q ?? null);
+        } else {
+          const g = (a = e.item(R || e.first())) == null ? void 0 : a.element;
+          g && "scrollIntoView" in g && g.scrollIntoView({ block: "nearest", inline: "nearest" });
+        }
+      }
+    }, [
+      e,
+      B,
+      J,
+      s,
+      P,
+      pe,
+      me,
+      j
+    ]), Y(() => {
+      if (!x) return;
+      const t = D.current;
+      if (!t) return;
+      const a = [t, F].filter(
+        (p) => !!p
+      ), v = (p) => {
+        a.every((E) => vt(p, E)) && (e == null || e.setValue(ee));
+      };
+      for (const p of a)
+        p.addEventListener("focusout", v);
+      return () => {
+        for (const p of a)
+          p.removeEventListener("focusout", v);
+      };
+    }, [x, F, e, ee]);
+    const re = (t) => t.currentTarget.value.length >= w, be = m.onChange, Te = L(I ?? re), Ke = L(
+      // If the combobox is combined with tags, the value will be set by the tag
+      // input component.
+      T ?? !e.tag
+    ), De = H((t) => {
+      if (be == null || be(t), t.defaultPrevented || !e) return;
+      const a = t.currentTarget, { value: v, selectionStart: p, selectionEnd: E } = a, R = t.nativeEvent;
+      if (C.current = !0, Jt(R) && (R.isComposing && (C.current = !1, M.current = !0), x)) {
+        const g = R.inputType === "insertText" || R.inputType === "insertCompositionText", q = p === v.length;
+        Q(g && q);
+      }
+      if (Ke(t)) {
+        const g = v === e.getState().value;
+        e.setValue(v), queueMicrotask(() => {
+          se(a, p, E);
+        }), x && P && g && h();
+      }
+      Te(t) && e.show(), (!P || !C.current) && e.setActiveId(null);
+    }), Ce = m.onCompositionEnd, Re = H((t) => {
+      C.current = !0, M.current = !1, Ce == null || Ce(t), !t.defaultPrevented && P && h();
+    }), Se = m.onMouseDown, Me = L(
+      l ?? (() => !!(e != null && e.getState().includesBaseElement))
+    ), Be = L(i), Fe = L(O ?? re), He = H((t) => {
+      Se == null || Se(t), !t.defaultPrevented && (t.button || t.ctrlKey || e && (Me(t) && e.setActiveId(null), Be(t) && e.setValue(ee), Fe(t) && dt(t.currentTarget, "mouseup", e.show)));
+    }), ge = m.onKeyDown, Ne = L(_ ?? re), Ue = H((t) => {
+      if (ge == null || ge(t), t.repeat || (C.current = !1), t.defaultPrevented || t.ctrlKey || t.altKey || t.shiftKey || t.metaKey || !e) return;
+      const { open: a } = e.getState();
+      a || (t.key === "ArrowUp" || t.key === "ArrowDown") && Ne(t) && (t.preventDefault(), e.show());
+    }), xe = m.onBlur, je = H((t) => {
+      C.current = !1, xe == null || xe(t), t.defaultPrevented;
+    }), qe = Ee(m.id), $e = Qt(V) ? V : void 0, We = e.useState((t) => t.activeId === null);
+    return m = N(y({
+      id: qe,
+      role: "combobox",
+      "aria-autocomplete": $e,
+      "aria-haspopup": ft(F, "listbox"),
+      "aria-expanded": B,
+      "aria-controls": F == null ? void 0 : F.id,
+      "data-active-item": We || void 0,
+      value: ee
+    }, m), {
+      ref: we(D, m.ref),
+      onChange: De,
+      onCompositionEnd: Re,
+      onMouseDown: He,
+      onKeyDown: Ue,
+      onBlur: je
+    }), m = Ge(N(y({
+      store: e,
+      focusable: c
+    }, m), {
+      // Enable inline autocomplete when the user moves from the combobox input
+      // to an item.
+      moveOnKeyPress: (t) => mt(A, t) ? !1 : (x && Q(!0), !0)
+    })), m = Je(y({ store: e }, m)), y({ autoComplete: "off" }, m);
+  }
+), yo = ae(function(n) {
+  const r = Yt(n);
+  return ce(Gt, r);
+});
+function Io(o = {}) {
+  const n = zt(o);
+  return /* @__PURE__ */ Z(Xe, { value: n, children: o.children });
+}
+var Zt = "div";
+function eo(o, n) {
+  if (n != null)
+    return o == null ? !1 : Array.isArray(o) ? o.includes(n) : o === n;
+}
+function to(o) {
+  var n;
+  return (n = {
+    menu: "menuitem",
+    listbox: "option",
+    tree: "treeitem"
+  }[o]) != null ? n : "option";
+}
+var oo = ie(
+  function(n) {
+    var r = n, {
+      store: e,
+      value: c,
+      hideOnClick: d,
+      setValueOnClick: u,
+      selectValueOnClick: T = !0,
+      resetValueOnSelect: w,
+      focusOnHover: I = !1,
+      moveOnKeyPress: K = !0,
+      getItem: O
+    } = r, f = de(r, [
+      "store",
+      "value",
+      "hideOnClick",
+      "setValueOnClick",
+      "selectValueOnClick",
+      "resetValueOnSelect",
+      "focusOnHover",
+      "moveOnKeyPress",
+      "getItem"
+    ]), _;
+    const l = Oe();
+    e = e || l, fe(
+      e,
+      process.env.NODE_ENV !== "production" && "ComboboxItem must be wrapped in a ComboboxList or ComboboxPopover component."
+    );
+    const { resetValueOnSelectState: i, multiSelectable: A, selected: V } = wt(e, {
+      resetValueOnSelectState: "resetValueOnSelect",
+      multiSelectable(s) {
+        return Array.isArray(s.selectedValue);
+      },
+      selected(s) {
+        return eo(s.selectedValue, c);
+      }
+    }), m = kt(
+      (s) => {
+        const b = N(y({}, s), { value: c });
+        return O ? O(b) : b;
+      },
+      [c, O]
+    );
+    u = u ?? !A, d = d ?? (c != null && !A);
+    const G = f.onClick, D = L(u), J = L(T), h = L(
+      (_ = w ?? i) != null ? _ : A
+    ), C = L(d), M = H((s) => {
+      G == null || G(s), !s.defaultPrevented && (Ct(s) || St(s) || (c != null && (J(s) && (h(s) && (e == null || e.resetValue()), e == null || e.setSelectedValue((b) => Array.isArray(b) ? b.includes(c) ? b.filter((S) => S !== c) : [...b, c] : c)), D(s) && (e == null || e.setValue(c))), C(s) && (e == null || e.hide())));
+    }), P = f.onKeyDown, x = H((s) => {
+      if (P == null || P(s), s.defaultPrevented) return;
+      const b = e == null ? void 0 : e.getState().baseElement;
+      if (!b || le(b)) return;
+      (s.key.length === 1 || s.key === "Backspace" || s.key === "Delete") && (queueMicrotask(() => b.focus()), gt(b) && (e == null || e.setValue(b.value)));
+    });
+    A && V != null && (f = y({
+      "aria-selected": V
+    }, f)), f = Ae(
+      f,
+      (s) => /* @__PURE__ */ Z(Ye.Provider, { value: c, children: /* @__PURE__ */ Z(Ze.Provider, { value: V ?? !1, children: s }) }),
+      [c, V]
+    );
+    const U = Lt(ye);
+    f = N(y({
+      role: to(U),
+      children: c
+    }, f), {
+      onClick: M,
+      onKeyDown: x
+    });
+    const Q = L(K);
+    return f = Ht(N(y({
+      store: e
+    }, f), {
+      getItem: m,
+      // Dispatch a custom event on the combobox input when moving to an item
+      // with the keyboard so the Combobox component can enable inline
+      // autocompletion.
+      moveOnKeyPress: (s) => {
+        if (!Q(s)) return !1;
+        const b = new Event("combobox-item-move"), S = e == null ? void 0 : e.getState().baseElement;
+        return S == null || S.dispatchEvent(b), !0;
+      }
+    })), f = Ft(y({ store: e, focusOnHover: I }, f)), f;
+  }
+), Eo = bt(
+  ae(function(n) {
+    const r = oo(n);
+    return ce(Zt, r);
+  })
+), no = "div", ro = ie(
+  function(n) {
+    var r = n, { store: e, alwaysVisible: c } = r, d = de(r, ["store", "alwaysVisible"]);
+    const u = Oe(!0), T = et();
+    e = e || T;
+    const w = !!e && e === u;
+    fe(
+      e,
+      process.env.NODE_ENV !== "production" && "ComboboxList must receive a `store` prop or be wrapped in a ComboboxProvider component."
+    );
+    const I = z(null), K = Ee(d.id), O = e.useState("mounted"), f = Nt(O, d.hidden, c), _ = f ? N(y({}, d.style), { display: "none" }) : d.style, l = e.useState(
+      (h) => Array.isArray(h.selectedValue)
+    ), i = xt(I, "role", d.role), V = (i === "listbox" || i === "tree" || i === "grid") && l || void 0, [m, G] = Le(!1), D = e.useState("contentElement");
+    ue(() => {
+      if (!O) return;
+      const h = I.current;
+      if (!h || D !== h) return;
+      const C = () => {
+        G(!!h.querySelector("[role='listbox']"));
+      }, M = new MutationObserver(C);
+      return M.observe(h, {
+        subtree: !0,
+        childList: !0,
+        attributeFilter: ["role"]
+      }), C(), () => M.disconnect();
+    }, [O, D]), m || (d = y({
+      role: "listbox",
+      "aria-multiselectable": V
+    }, d)), d = Ae(
+      d,
+      (h) => /* @__PURE__ */ Z(tt, { value: e, children: /* @__PURE__ */ Z(ye.Provider, { value: i, children: h }) }),
+      [e, i]
+    );
+    const J = K && (!u || !w) ? e.setContentElement : null;
+    return d = N(y({
+      id: K,
+      hidden: f
+    }, d), {
+      ref: we(J, I, d.ref),
+      style: _
+    }), Vt(d);
+  }
+), wo = ae(function(n) {
+  const r = ro(n);
+  return ce(no, r);
+});
+export {
+  Io as C,
+  xo as T,
+  yo as a,
+  wo as b,
+  Eo as c,
+  Ut as d,
+  Vo as e,
+  ho as f,
+  Oo as g,
+  Po as h,
+  zt as i,
+  ro as u
+};