@wrdagency/blockout 1.0.26 → 1.0.29

package/dist/MAXQOH4L-BYWBWXpb.js

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