@wrdagency/blockout 1.0.35 → 1.0.36

package/dist/combobox-popover-C6rwSpgq.js

@@ -0,0 +1,1116 @@
+import { u as Lt } from "./A3WPL2ZJ-BZG8SEll.js";
+import { u as Ue } from "./6VRAQV3D-Dzur8C7A.js";
+import { s as qe, f as W, c as z, a as Q, _ as X, m as x, i as ae, k as M, r as We, U as ze, R as re, Q as I, S as F, T as Ie, h as $, e as te, G as Qe, j as pe, l as he, V as Ze, q as ge, t as kt, M as _t, N as Tt, O as Kt, n as Mt, u as Ft, ag as Je, I as Nt, $ as Rt, z as Ht, ac as Bt, ah as $t, ai as jt, w as Fe, af as ye, ab as Gt, A as Ut, b as Oe, a3 as Xe, Z as qt, a4 as Wt, C as zt } from "./LMDWO4NN-5r0-Qq-x.js";
+import { u as Ve, a as Ae, S as Ye, b as Qt, c as Zt, d as Jt, e as Ne } from "./tab-provider-BqxRaJtd.js";
+import { u as Xt } from "./MTZPJQMC-CeWFa7M2.js";
+import { useMemo as Ce, useState as fe, useRef as oe, useEffect as ne, useCallback as Yt, useContext as Re, createContext as De } from "react";
+import { jsx as N, jsxs as Ee, Fragment as He } from "react/jsx-runtime";
+import { c as et } from "./menu-button-C7Wtq_Ny.js";
+import { u as eo, a as to } from "./WMYDSCNQ-BdMfJmVD.js";
+import { t as tt } from "./7PRQYBBV-91wrWGjk.js";
+import { c as ot, a as nt } from "./O2PQ2652-Cf1Ld8NU.js";
+import { c as rt, d as st, a as lt } from "./4CMBR7SL-eq3_MGhO.js";
+import { d as xe, e as oo, u as no, c as ro, f as so, b as lo } from "./S43UC3DV-0FmlYtUL.js";
+import { m as at, o as ao, t as ut, c as it, s as Z, d as J, g as ct, b as dt, f as me, u as uo, a as mt, p as io } from "./YV4JVR4I-BqDRuYuU.js";
+import { u as co, a as mo } from "./YORGHBM4-DycYf9gS.js";
+import { u as fo } from "./UQQRIHDV-DtNzoFEE.js";
+import { i as ft } from "./KFH4SEIX-CEb2cs5b.js";
+import { u as vt } from "./5JTVDSTH-Cb-3mCyv.js";
+import { c as pt, u as bt } from "./G7GW6PWC-BbXlQk2u.js";
+import { h as Be } from "./PFRGBC2K-a0iGk9xp.js";
+import { e as vo, C as po } from "./P7GR5CS5-DFBp00bC.js";
+var bo = "button", So = z(
+  function(n) {
+    var o = n, { store: e } = o, r = X(o, ["store"]);
+    const l = Lt();
+    return e = e || l, r = Ue(x({ store: e }, r)), r;
+  }
+), Pn = qe(
+  W(function(n) {
+    const o = So(n);
+    return Q(bo, o);
+  })
+), ho = "span", go = {
+  top: "4,10 8,6 12,10",
+  right: "6,4 10,8 6,12",
+  bottom: "4,6 8,10 12,6",
+  left: "10,4 6,8 10,12"
+}, St = z(function(n) {
+  var o = n, { store: e, placement: r } = o, l = X(o, ["store", "placement"]);
+  const i = Xt();
+  e = e || i, ae(
+    e,
+    process.env.NODE_ENV !== "production" && "PopoverDisclosureArrow must be wrapped in a PopoverDisclosure component."
+  );
+  const E = e.useState((a) => r || a.placement).split("-")[0], m = go[E], c = Ce(
+    () => /* @__PURE__ */ N(
+      "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__ */ N("polyline", { points: m })
+      }
+    ),
+    [m]
+  );
+  return l = M(x({
+    children: c,
+    "aria-hidden": !0
+  }, l), {
+    style: x({
+      width: "1em",
+      height: "1em",
+      pointerEvents: "none"
+    }, l.style)
+  }), We(l);
+}), yn = W(
+  function(n) {
+    const o = St(n);
+    return Q(ho, o);
+  }
+);
+function Co(t = {}) {
+  var n = t, {
+    combobox: o
+  } = n, e = ze(n, [
+    "combobox"
+  ]);
+  const r = at(
+    e.store,
+    ao(o, [
+      "value",
+      "items",
+      "renderedItems",
+      "baseElement",
+      "arrowElement",
+      "anchorElement",
+      "contentElement",
+      "popoverElement",
+      "disclosureElement"
+    ])
+  );
+  ut(e, r);
+  const l = r.getState(), i = rt(re(F({}, e), {
+    store: r,
+    virtualFocus: I(
+      e.virtualFocus,
+      l.virtualFocus,
+      !0
+    ),
+    includesBaseElement: I(
+      e.includesBaseElement,
+      l.includesBaseElement,
+      !1
+    ),
+    activeId: I(
+      e.activeId,
+      l.activeId,
+      e.defaultActiveId,
+      null
+    ),
+    orientation: I(
+      e.orientation,
+      l.orientation,
+      "vertical"
+    )
+  })), w = ot(re(F({}, e), {
+    store: r,
+    placement: I(
+      e.placement,
+      l.placement,
+      "bottom-start"
+    )
+  })), E = new String(""), m = re(F(F({}, i.getState()), w.getState()), {
+    value: I(
+      e.value,
+      l.value,
+      e.defaultValue,
+      E
+    ),
+    setValueOnMove: I(
+      e.setValueOnMove,
+      l.setValueOnMove,
+      !1
+    ),
+    labelElement: I(l.labelElement, null),
+    selectElement: I(l.selectElement, null),
+    listElement: I(l.listElement, null)
+  }), c = it(m, i, w, r);
+  return Z(
+    c,
+    () => J(c, ["value", "items"], (a) => {
+      if (a.value !== E || !a.items.length) return;
+      const g = a.items.find(
+        (P) => !P.disabled && P.value != null
+      );
+      (g == null ? void 0 : g.value) != null && c.setState("value", g.value);
+    })
+  ), Z(
+    c,
+    () => J(c, ["mounted"], (a) => {
+      a.mounted || c.setState("activeId", m.activeId);
+    })
+  ), Z(
+    c,
+    () => J(c, ["mounted", "items", "value"], (a) => {
+      if (o || a.mounted) return;
+      const g = tt(a.value), P = g[g.length - 1];
+      if (P == null) return;
+      const u = a.items.find(
+        (d) => !d.disabled && d.value === P
+      );
+      u && c.setState("activeId", u.id);
+    })
+  ), Z(
+    c,
+    () => ct(c, ["setValueOnMove", "moves"], (a) => {
+      const { mounted: g, value: P, activeId: u } = c.getState();
+      if (!a.setValueOnMove && g || Array.isArray(P) || !a.moves || !u) return;
+      const d = i.item(u);
+      !d || d.disabled || d.value == null || c.setState("value", d.value);
+    })
+  ), re(F(F(F({}, i), w), c), {
+    combobox: o,
+    setValue: (a) => c.setState("value", a),
+    setLabelElement: (a) => c.setState("labelElement", a),
+    setSelectElement: (a) => c.setState("selectElement", a),
+    setListElement: (a) => c.setState("listElement", a)
+  });
+}
+function xo(t) {
+  const n = xe();
+  return t = M(x({}, t), {
+    combobox: t.combobox !== void 0 ? t.combobox : n
+  }), st(t);
+}
+function wo(t, n, o) {
+  return Ie(n, [o.combobox]), me(t, o, "value", "setValue"), me(t, o, "setValueOnMove"), Object.assign(
+    nt(
+      lt(t, n, o),
+      n,
+      o
+    ),
+    { combobox: o.combobox }
+  );
+}
+function Po(t = {}) {
+  t = xo(t);
+  const [n, o] = dt(Co, t);
+  return wo(n, o, t);
+}
+var yo = "span", Eo = z(
+  function(n) {
+    var o = n, { store: e } = o, r = X(o, ["store"]);
+    const l = Ve();
+    return e = e || l, r = St(x({ store: e }, r)), r;
+  }
+), Oo = W(function(n) {
+  const o = Eo(n);
+  return Q(yo, o);
+}), Io = "button";
+function Vo(t) {
+  return Array.from(t.selectedOptions).map((n) => n.value);
+}
+function Se(t, n) {
+  return () => {
+    const o = n();
+    if (!o) return;
+    let e = 0, r = t.item(o);
+    const l = r;
+    for (; r && r.value == null; ) {
+      const i = n(++e);
+      if (!i) return;
+      if (r = t.item(i), r === l) break;
+    }
+    return r == null ? void 0 : r.id;
+  };
+}
+var Ao = z(function(n) {
+  var o = n, {
+    store: e,
+    name: r,
+    form: l,
+    required: i,
+    showOnKeyDown: w = !0,
+    moveOnKeyDown: E = !0,
+    toggleOnPress: m = !0,
+    toggleOnClick: c = m
+  } = o, a = X(o, [
+    "store",
+    "name",
+    "form",
+    "required",
+    "showOnKeyDown",
+    "moveOnKeyDown",
+    "toggleOnPress",
+    "toggleOnClick"
+  ]);
+  const g = Ae();
+  e = e || g, ae(
+    e,
+    process.env.NODE_ENV !== "production" && "Select must receive a `store` prop or be wrapped in a SelectProvider component."
+  );
+  const P = a.onKeyDown, u = $(w), d = $(E), S = e.useState("placement").split("-")[0], p = e.useState("value"), T = Array.isArray(p), A = te((v) => {
+    var b;
+    if (P == null || P(v), v.defaultPrevented || !e) return;
+    const { orientation: G, items: U, activeId: Y } = e.getState(), ie = G !== "horizontal", se = G !== "vertical", O = !!((b = U.find((be) => !be.disabled && be.value != null)) != null && b.rowId), de = {
+      ArrowUp: (O || ie) && Se(e, e.up),
+      ArrowRight: (O || se) && Se(e, e.next),
+      ArrowDown: (O || ie) && Se(e, e.down),
+      ArrowLeft: (O || se) && Se(e, e.previous)
+    }[v.key];
+    de && d(v) && (v.preventDefault(), e.move(de()));
+    const ve = S === "top" || S === "bottom";
+    ({
+      ArrowDown: ve,
+      ArrowUp: ve,
+      ArrowLeft: S === "left",
+      ArrowRight: S === "right"
+    })[v.key] && u(v) && (v.preventDefault(), e.move(Y), Qe(v.currentTarget, "keyup", e.show));
+  });
+  a = pe(
+    a,
+    (v) => /* @__PURE__ */ N(Ye, { value: e, children: v }),
+    [e]
+  );
+  const [j, D] = fe(!1), y = oe(!1);
+  ne(() => {
+    const v = y.current;
+    y.current = !1, !v && D(!1);
+  }, [p]);
+  const R = e.useState((v) => {
+    var b;
+    return (b = v.labelElement) == null ? void 0 : b.id;
+  }), f = a["aria-label"], C = a["aria-labelledby"] || R, H = e.useState((v) => {
+    if (r)
+      return v.items;
+  }), B = Ce(() => [...new Set(H == null ? void 0 : H.map((v) => v.value).filter((v) => v != null))], [H]);
+  a = pe(
+    a,
+    (v) => r ? /* @__PURE__ */ Ee(He, { children: [
+      /* @__PURE__ */ Ee(
+        "select",
+        {
+          style: {
+            border: 0,
+            clip: "rect(0 0 0 0)",
+            height: "1px",
+            margin: "-1px",
+            overflow: "hidden",
+            padding: 0,
+            position: "absolute",
+            whiteSpace: "nowrap",
+            width: "1px"
+          },
+          tabIndex: -1,
+          "aria-hidden": !0,
+          "aria-label": f,
+          "aria-labelledby": C,
+          name: r,
+          form: l,
+          required: i,
+          disabled: a.disabled,
+          value: p,
+          multiple: T,
+          onFocus: () => {
+            var b;
+            return (b = e == null ? void 0 : e.getState().selectElement) == null ? void 0 : b.focus();
+          },
+          onChange: (b) => {
+            y.current = !0, D(!0), e == null || e.setValue(
+              T ? Vo(b.target) : b.target.value
+            );
+          },
+          children: [
+            tt(p).map((b) => b == null || B.includes(b) ? null : /* @__PURE__ */ N("option", { value: b, children: b }, b)),
+            B.map((b) => /* @__PURE__ */ N("option", { value: b, children: b }, b))
+          ]
+        }
+      ),
+      v
+    ] }) : v,
+    [
+      e,
+      f,
+      C,
+      r,
+      l,
+      i,
+      p,
+      T,
+      B,
+      a.disabled
+    ]
+  );
+  const L = /* @__PURE__ */ Ee(He, { children: [
+    p,
+    /* @__PURE__ */ N(Oo, {})
+  ] }), ue = e.useState("contentElement");
+  return a = M(x({
+    role: "combobox",
+    "aria-autocomplete": "none",
+    "aria-labelledby": R,
+    "aria-haspopup": Ze(ue, "listbox"),
+    "data-autofill": j || void 0,
+    "data-name": r,
+    children: L
+  }, a), {
+    ref: he(e.setSelectElement, a.ref),
+    onKeyDown: A
+  }), a = eo(x({ store: e, toggleOnClick: c }, a)), a = et(x({ store: e }, a)), a;
+}), En = W(function(n) {
+  const o = Ao(n);
+  return Q(Io, o);
+});
+function On(t = {}) {
+  const n = Po(t);
+  return /* @__PURE__ */ N(Qt, { value: n, children: t.children });
+}
+var Do = "div", Lo = z(
+  function(n) {
+    return n = co(n), n;
+  }
+), In = W(function(n) {
+  const o = Lo(n);
+  return Q(Do, o);
+}), ko = "div", _o = z(
+  function(n) {
+    return n = mo(n), n;
+  }
+), Vn = W(function(n) {
+  const o = _o(n);
+  return Q(ko, o);
+}), To = "div";
+function Ko(t, n) {
+  if (n != null)
+    return t == null ? !1 : Array.isArray(t) ? t.includes(n) : t === n;
+}
+var Mo = z(
+  function(n) {
+    var o = n, {
+      store: e,
+      value: r,
+      getItem: l,
+      hideOnClick: i,
+      setValueOnClick: w = r != null,
+      preventScrollOnKeyDown: E = !0,
+      focusOnHover: m = !0
+    } = o, c = X(o, [
+      "store",
+      "value",
+      "getItem",
+      "hideOnClick",
+      "setValueOnClick",
+      "preventScrollOnKeyDown",
+      "focusOnHover"
+    ]), a;
+    const g = Zt();
+    e = e || g, ae(
+      e,
+      process.env.NODE_ENV !== "production" && "SelectItem must be wrapped in a SelectList or SelectPopover component."
+    );
+    const P = ge(c.id), u = kt(c), { listElement: d, multiSelectable: V, selected: S, autoFocus: p } = uo(e, {
+      listElement: "listElement",
+      multiSelectable(f) {
+        return Array.isArray(f.value);
+      },
+      selected(f) {
+        return Ko(f.value, r);
+      },
+      autoFocus(f) {
+        return r == null || f.value == null || f.activeId !== P && (e != null && e.item(f.activeId)) ? !1 : Array.isArray(f.value) ? f.value[f.value.length - 1] === r : f.value === r;
+      }
+    }), T = Yt(
+      (f) => {
+        const C = M(x({}, f), {
+          value: u ? void 0 : r,
+          children: r
+        });
+        return l ? l(C) : C;
+      },
+      [u, r, l]
+    );
+    i = i ?? (r != null && !V);
+    const A = c.onClick, j = $(w), D = $(i), y = te((f) => {
+      A == null || A(f), !f.defaultPrevented && (_t(f) || Tt(f) || (j(f) && r != null && (e == null || e.setValue((C) => Array.isArray(C) ? C.includes(r) ? C.filter((H) => H !== r) : [...C, r] : r)), D(f) && (e == null || e.hide())));
+    });
+    c = pe(
+      c,
+      (f) => /* @__PURE__ */ N(Jt.Provider, { value: S ?? !1, children: f }),
+      [S]
+    ), c = M(x({
+      id: P,
+      role: Kt(d),
+      "aria-selected": S,
+      children: r
+    }, c), {
+      autoFocus: (a = c.autoFocus) != null ? a : p,
+      onClick: y
+    }), c = Ue(x({
+      store: e,
+      getItem: T,
+      preventScrollOnKeyDown: E
+    }, c));
+    const R = $(m);
+    return c = fo(M(x({
+      store: e
+    }, c), {
+      // We have to disable focusOnHover when the popup is closed, otherwise
+      // the active item will change to null (the container) when the popup is
+      // closed by clicking on an item.
+      focusOnHover(f) {
+        if (!R(f)) return !1;
+        const C = e == null ? void 0 : e.getState();
+        return !!(C != null && C.open);
+      }
+    })), c;
+  }
+), An = qe(
+  W(function(n) {
+    const o = Mo(n);
+    return Q(To, o);
+  })
+), Fo = "div", $e = De(null), ht = z(
+  function(n) {
+    var o = n, {
+      store: e,
+      resetOnEscape: r = !0,
+      hideOnEnter: l = !0,
+      focusOnMove: i = !0,
+      composite: w,
+      alwaysVisible: E
+    } = o, m = X(o, [
+      "store",
+      "resetOnEscape",
+      "hideOnEnter",
+      "focusOnMove",
+      "composite",
+      "alwaysVisible"
+    ]);
+    const c = Ve();
+    e = e || c, ae(
+      e,
+      process.env.NODE_ENV !== "production" && "SelectList must receive a `store` prop or be wrapped in a SelectProvider component."
+    );
+    const a = ge(m.id), g = e.useState("value"), P = Array.isArray(g), [u, d] = fe(g), V = e.useState("mounted");
+    ne(() => {
+      V || d(g);
+    }, [V, g]), r = r && !P;
+    const S = m.onKeyDown, p = $(r), T = $(l), A = te((O) => {
+      S == null || S(O), !O.defaultPrevented && (O.key === "Escape" && p(O) && (e == null || e.setValue(u)), (O.key === " " || O.key === "Enter") && Mt(O) && T(O) && (O.preventDefault(), e == null || e.hide()));
+    }), j = Re(Ne), D = fe(), [y, R] = j || D, f = Ce(
+      () => [y, R],
+      [y]
+    ), [C, H] = fe(null), B = Re($e);
+    ne(() => {
+      if (B)
+        return B(e), () => B(null);
+    }, [B, e]), m = pe(
+      m,
+      (O) => /* @__PURE__ */ N(Ye, { value: e, children: /* @__PURE__ */ N($e.Provider, { value: H, children: /* @__PURE__ */ N(Ne.Provider, { value: f, children: O }) }) }),
+      [e, f]
+    );
+    const L = !!e.combobox;
+    w = w ?? (!L && C !== e);
+    const [ue, v] = Ft(
+      w ? e.setListElement : null
+    ), b = Je(ue, "role", m.role), U = (w || (b === "listbox" || b === "menu" || b === "tree" || b === "grid")) && P || void 0, Y = ft(V, m.hidden, E), ie = Y ? M(x({}, m.style), { display: "none" }) : m.style;
+    w && (m = x({
+      role: "listbox",
+      "aria-multiselectable": U
+    }, m));
+    const se = e.useState(
+      (O) => {
+        var ce;
+        return y || ((ce = O.labelElement) == null ? void 0 : ce.id);
+      }
+    );
+    return m = M(x({
+      id: a,
+      "aria-labelledby": se,
+      hidden: Y
+    }, m), {
+      ref: he(v, m.ref),
+      style: ie,
+      onKeyDown: A
+    }), m = vt(M(x({ store: e }, m), { composite: w })), m = et(x({ store: e, typeahead: !L }, m)), m;
+  }
+), Dn = W(function(n) {
+  const o = ht(n);
+  return Q(Fo, o);
+}), No = "div", Ro = z(
+  function(n) {
+    var o = n, { store: e, alwaysVisible: r } = o, l = X(o, ["store", "alwaysVisible"]);
+    const i = Ae();
+    return e = e || i, l = ht(x({ store: e, alwaysVisible: r }, l)), l = bt(x({ store: e, alwaysVisible: r }, l)), l;
+  }
+), Ln = pt(
+  W(function(n) {
+    const o = Ro(n);
+    return Q(No, o);
+  }),
+  Ae
+);
+function kn({
+  store: t,
+  fallback: n,
+  children: o
+} = {}) {
+  const e = Ve();
+  t = t || e;
+  const r = mt(t, (l) => l != null && l.value.length ? l.value : n);
+  return o ? o(r || "") : r;
+}
+var _n = De(null), Tn = De(
+  null
+), we = Nt(
+  [po],
+  [vo]
+), Ho = we.useContext, Kn = we.useProviderContext, Mn = we.ContextProvider, Fn = we.ScopedContextProvider, Bo = Ht() && Bt();
+function $o(t = {}) {
+  var n = t, {
+    tag: o
+  } = n, e = ze(n, [
+    "tag"
+  ]);
+  const r = at(e.store, io(o, ["value", "rtl"]));
+  ut(e, r);
+  const l = o == null ? void 0 : o.getState(), i = r == null ? void 0 : r.getState(), w = I(
+    e.activeId,
+    i == null ? void 0 : i.activeId,
+    e.defaultActiveId,
+    null
+  ), E = rt(re(F({}, e), {
+    activeId: w,
+    includesBaseElement: I(
+      e.includesBaseElement,
+      i == null ? void 0 : i.includesBaseElement,
+      !0
+    ),
+    orientation: I(
+      e.orientation,
+      i == null ? void 0 : i.orientation,
+      "vertical"
+    ),
+    focusLoop: I(e.focusLoop, i == null ? void 0 : i.focusLoop, !0),
+    focusWrap: I(e.focusWrap, i == null ? void 0 : i.focusWrap, !0),
+    virtualFocus: I(
+      e.virtualFocus,
+      i == null ? void 0 : i.virtualFocus,
+      !0
+    )
+  })), m = ot(re(F({}, e), {
+    placement: I(
+      e.placement,
+      i == null ? void 0 : i.placement,
+      "bottom-start"
+    )
+  })), c = I(
+    e.value,
+    i == null ? void 0 : i.value,
+    e.defaultValue,
+    ""
+  ), a = I(
+    e.selectedValue,
+    i == null ? void 0 : i.selectedValue,
+    l == null ? void 0 : l.values,
+    e.defaultSelectedValue,
+    ""
+  ), g = Array.isArray(a), P = re(F(F({}, E.getState()), m.getState()), {
+    value: c,
+    selectedValue: a,
+    resetValueOnSelect: I(
+      e.resetValueOnSelect,
+      i == null ? void 0 : i.resetValueOnSelect,
+      g
+    ),
+    resetValueOnHide: I(
+      e.resetValueOnHide,
+      i == null ? void 0 : i.resetValueOnHide,
+      g && !o
+    ),
+    activeValue: i == null ? void 0 : i.activeValue
+  }), u = it(P, E, m, r);
+  return Bo && Z(
+    u,
+    () => J(u, ["virtualFocus"], () => {
+      u.setState("virtualFocus", !1);
+    })
+  ), Z(u, () => {
+    if (o)
+      return Rt(
+        J(u, ["selectedValue"], (d) => {
+          Array.isArray(d.selectedValue) && o.setValues(d.selectedValue);
+        }),
+        J(o, ["values"], (d) => {
+          u.setState("selectedValue", d.values);
+        })
+      );
+  }), Z(
+    u,
+    () => J(u, ["resetValueOnHide", "mounted"], (d) => {
+      d.resetValueOnHide && (d.mounted || u.setState("value", c));
+    })
+  ), Z(
+    u,
+    () => J(u, ["open"], (d) => {
+      d.open || (u.setState("activeId", w), u.setState("moves", 0));
+    })
+  ), Z(
+    u,
+    () => J(u, ["moves", "activeId"], (d, V) => {
+      d.moves === V.moves && u.setState("activeValue", void 0);
+    })
+  ), Z(
+    u,
+    () => ct(u, ["moves", "renderedItems"], (d, V) => {
+      if (d.moves === V.moves) return;
+      const { activeId: S } = u.getState(), p = E.item(S);
+      u.setState("activeValue", p == null ? void 0 : p.value);
+    })
+  ), re(F(F(F({}, m), E), u), {
+    tag: o,
+    setValue: (d) => u.setState("value", d),
+    resetValue: () => u.setState("value", P.value),
+    setSelectedValue: (d) => u.setState("selectedValue", d)
+  });
+}
+function jo(t) {
+  const n = Ho();
+  return t = M(x({}, t), {
+    tag: t.tag !== void 0 ? t.tag : n
+  }), st(t);
+}
+function Go(t, n, o) {
+  return Ie(n, [o.tag]), me(t, o, "value", "setValue"), me(t, o, "selectedValue", "setSelectedValue"), me(t, o, "resetValueOnHide"), me(t, o, "resetValueOnSelect"), Object.assign(
+    lt(
+      nt(t, n, o),
+      n,
+      o
+    ),
+    { tag: o.tag }
+  );
+}
+function Uo(t = {}) {
+  t = jo(t);
+  const [n, o] = dt($o, t);
+  return Go(n, o, t);
+}
+var qo = "input";
+function je(t, n, o) {
+  if (!o) return !1;
+  const e = t.find((r) => !r.disabled && r.value);
+  return (e == null ? void 0 : e.value) === n;
+}
+function Ge(t, n) {
+  return !n || t == null ? !1 : (t = Wt(t), n.length > t.length && n.toLowerCase().indexOf(t.toLowerCase()) === 0);
+}
+function Wo(t) {
+  return t.type === "input";
+}
+function zo(t) {
+  return t === "inline" || t === "list" || t === "both" || t === "none";
+}
+function Qo(t) {
+  const n = t.find((o) => {
+    var e;
+    return o.disabled ? !1 : ((e = o.element) == null ? void 0 : e.getAttribute("role")) !== "tab";
+  });
+  return n == null ? void 0 : n.id;
+}
+var Zo = z(
+  function(n) {
+    var o = n, {
+      store: e,
+      focusable: r = !0,
+      autoSelect: l = !1,
+      getAutoSelectId: i,
+      setValueOnChange: w,
+      showMinLength: E = 0,
+      showOnChange: m,
+      showOnMouseDown: c,
+      showOnClick: a = c,
+      showOnKeyDown: g,
+      showOnKeyPress: P = g,
+      blurActiveItemOnClick: u,
+      setValueOnClick: d = !0,
+      moveOnKeyPress: V = !0,
+      autoComplete: S = "list"
+    } = o, p = X(o, [
+      "store",
+      "focusable",
+      "autoSelect",
+      "getAutoSelectId",
+      "setValueOnChange",
+      "showMinLength",
+      "showOnChange",
+      "showOnMouseDown",
+      "showOnClick",
+      "showOnKeyDown",
+      "showOnKeyPress",
+      "blurActiveItemOnClick",
+      "setValueOnClick",
+      "moveOnKeyPress",
+      "autoComplete"
+    ]);
+    const T = xe();
+    e = e || T, ae(
+      e,
+      process.env.NODE_ENV !== "production" && "Combobox must receive a `store` prop or be wrapped in a ComboboxProvider component."
+    );
+    const A = oe(null), [j, D] = $t(), y = oe(!1), R = oe(!1), f = e.useState(
+      (s) => s.virtualFocus && l
+    ), C = S === "inline" || S === "both", [H, B] = fe(C);
+    jt(() => {
+      C && B(!0);
+    }, [C]);
+    const L = e.useState("value"), ue = oe();
+    ne(() => J(e, ["selectedValue", "activeId"], (s, h) => {
+      ue.current = h.selectedValue;
+    }), []);
+    const v = e.useState((s) => {
+      var h;
+      if (C && H && !(s.activeValue && Array.isArray(s.selectedValue) && (s.selectedValue.includes(s.activeValue) || (h = ue.current) != null && h.includes(s.activeValue))))
+        return s.activeValue;
+    }), b = e.useState("renderedItems"), G = e.useState("open"), U = e.useState("contentElement"), Y = Ce(() => {
+      if (!C || !H) return L;
+      if (je(
+        b,
+        v,
+        f
+      )) {
+        if (Ge(L, v)) {
+          const h = (v == null ? void 0 : v.slice(L.length)) || "";
+          return L + h;
+        }
+        return L;
+      }
+      return v || L;
+    }, [C, H, b, v, f, L]);
+    ne(() => {
+      const s = A.current;
+      if (!s) return;
+      const h = () => B(!0);
+      return s.addEventListener("combobox-item-move", h), () => {
+        s.removeEventListener("combobox-item-move", h);
+      };
+    }, []), ne(() => {
+      if (!C || !H || !v || !je(
+        b,
+        v,
+        f
+      ) || !Ge(L, v)) return;
+      let h = Gt;
+      return queueMicrotask(() => {
+        const k = A.current;
+        if (!k) return;
+        const { start: _, end: q } = Fe(k), ee = L.length, K = v.length;
+        ye(k, ee, K), h = () => {
+          if (!Be(k)) return;
+          const { start: le, end: Dt } = Fe(k);
+          le === ee && Dt === K && ye(k, _, q);
+        };
+      }), () => h();
+    }, [
+      j,
+      C,
+      H,
+      v,
+      b,
+      f,
+      L
+    ]);
+    const ie = oe(null), se = te(i), O = oe(null);
+    ne(() => {
+      if (!G || !U) return;
+      const s = Ut(U);
+      if (!s) return;
+      ie.current = s;
+      const h = () => {
+        y.current = !1;
+      }, k = () => {
+        if (!e || !y.current) return;
+        const { activeId: q } = e.getState();
+        q !== null && q !== O.current && (y.current = !1);
+      }, _ = { passive: !0, capture: !0 };
+      return s.addEventListener("wheel", h, _), s.addEventListener("touchmove", h, _), s.addEventListener("scroll", k, _), () => {
+        s.removeEventListener("wheel", h, !0), s.removeEventListener("touchmove", h, !0), s.removeEventListener("scroll", k, !0);
+      };
+    }, [G, U, e]), Oe(() => {
+      L && (R.current || (y.current = !0));
+    }, [L]), Oe(() => {
+      f !== "always" && G || (y.current = G);
+    }, [f, G]);
+    const ce = e.useState("resetValueOnSelect");
+    Ie(() => {
+      var s, h;
+      const k = y.current;
+      if (!e || !G || !k && !ce) return;
+      const { baseElement: _, contentElement: q, activeId: ee } = e.getState();
+      if (!(_ && !Be(_))) {
+        if (q != null && q.hasAttribute("data-placing")) {
+          const K = new MutationObserver(D);
+          return K.observe(q, { attributeFilter: ["data-placing"] }), () => K.disconnect();
+        }
+        if (f && k) {
+          const K = se(b), le = K !== void 0 ? K : (s = Qo(b)) != null ? s : e.first();
+          O.current = le, e.move(le ?? null);
+        } else {
+          const K = (h = e.item(ee || e.first())) == null ? void 0 : h.element;
+          K && "scrollIntoView" in K && K.scrollIntoView({ block: "nearest", inline: "nearest" });
+        }
+      }
+    }, [
+      e,
+      G,
+      j,
+      L,
+      f,
+      ce,
+      se,
+      b
+    ]), ne(() => {
+      if (!C) return;
+      const s = A.current;
+      if (!s) return;
+      const h = [s, U].filter(
+        (_) => !!_
+      ), k = (_) => {
+        h.every((q) => qt(_, q)) && (e == null || e.setValue(Y));
+      };
+      for (const _ of h)
+        _.addEventListener("focusout", k);
+      return () => {
+        for (const _ of h)
+          _.removeEventListener("focusout", k);
+      };
+    }, [C, U, e, Y]);
+    const de = (s) => s.currentTarget.value.length >= E, ve = p.onChange, Le = $(m ?? de), ke = $(
+      // If the combobox is combined with tags, the value will be set by the tag
+      // input component.
+      w ?? !e.tag
+    ), _e = te((s) => {
+      if (ve == null || ve(s), s.defaultPrevented || !e) return;
+      const h = s.currentTarget, { value: k, selectionStart: _, selectionEnd: q } = h, ee = s.nativeEvent;
+      if (y.current = !0, Wo(ee) && (ee.isComposing && (y.current = !1, R.current = !0), C)) {
+        const K = ee.inputType === "insertText" || ee.inputType === "insertCompositionText", le = _ === k.length;
+        B(K && le);
+      }
+      if (ke(s)) {
+        const K = k === e.getState().value;
+        e.setValue(k), queueMicrotask(() => {
+          ye(h, _, q);
+        }), C && f && K && D();
+      }
+      Le(s) && e.show(), (!f || !y.current) && e.setActiveId(null);
+    }), Pe = p.onCompositionEnd, be = te((s) => {
+      y.current = !0, R.current = !1, Pe == null || Pe(s), !s.defaultPrevented && f && D();
+    }), Te = p.onMouseDown, Ct = $(
+      u ?? (() => !!(e != null && e.getState().includesBaseElement))
+    ), xt = $(d), wt = $(a ?? de), Pt = te((s) => {
+      Te == null || Te(s), !s.defaultPrevented && (s.button || s.ctrlKey || e && (Ct(s) && e.setActiveId(null), xt(s) && e.setValue(Y), wt(s) && Qe(s.currentTarget, "mouseup", e.show)));
+    }), Ke = p.onKeyDown, yt = $(P ?? de), Et = te((s) => {
+      if (Ke == null || Ke(s), s.repeat || (y.current = !1), s.defaultPrevented || s.ctrlKey || s.altKey || s.shiftKey || s.metaKey || !e) return;
+      const { open: h } = e.getState();
+      h || (s.key === "ArrowUp" || s.key === "ArrowDown") && yt(s) && (s.preventDefault(), e.show());
+    }), Me = p.onBlur, Ot = te((s) => {
+      y.current = !1, Me == null || Me(s), s.defaultPrevented;
+    }), It = ge(p.id), Vt = zo(S) ? S : void 0, At = e.useState((s) => s.activeId === null);
+    return p = M(x({
+      id: It,
+      role: "combobox",
+      "aria-autocomplete": Vt,
+      "aria-haspopup": Ze(U, "listbox"),
+      "aria-expanded": G,
+      "aria-controls": U == null ? void 0 : U.id,
+      "data-active-item": At || void 0,
+      value: Y
+    }, p), {
+      ref: he(A, p.ref),
+      onChange: _e,
+      onCompositionEnd: be,
+      onMouseDown: Pt,
+      onKeyDown: Et,
+      onBlur: Ot
+    }), p = vt(M(x({
+      store: e,
+      focusable: r
+    }, p), {
+      // Enable inline autocomplete when the user moves from the combobox input
+      // to an item.
+      moveOnKeyPress: (s) => Xe(V, s) ? !1 : (C && B(!0), !0)
+    })), p = to(x({ store: e }, p)), x({ autoComplete: "off" }, p);
+  }
+), Nn = W(function(n) {
+  const o = Zo(n);
+  return Q(qo, o);
+});
+function Rn(t = {}) {
+  const n = Uo(t);
+  return /* @__PURE__ */ N(oo, { value: n, children: t.children });
+}
+var Jo = "div", gt = z(
+  function(n) {
+    var o = n, { store: e, alwaysVisible: r } = o, l = X(o, ["store", "alwaysVisible"]);
+    const i = no(!0), w = ro();
+    e = e || w;
+    const E = !!e && e === i;
+    ae(
+      e,
+      process.env.NODE_ENV !== "production" && "ComboboxList must receive a `store` prop or be wrapped in a ComboboxProvider component."
+    );
+    const m = oe(null), c = ge(l.id), a = e.useState("mounted"), g = ft(a, l.hidden, r), P = g ? M(x({}, l.style), { display: "none" }) : l.style, u = e.useState(
+      (D) => Array.isArray(D.selectedValue)
+    ), d = Je(m, "role", l.role), S = (d === "listbox" || d === "tree" || d === "grid") && u || void 0, [p, T] = fe(!1), A = e.useState("contentElement");
+    Oe(() => {
+      if (!a) return;
+      const D = m.current;
+      if (!D || A !== D) return;
+      const y = () => {
+        T(!!D.querySelector("[role='listbox']"));
+      }, R = new MutationObserver(y);
+      return R.observe(D, {
+        subtree: !0,
+        childList: !0,
+        attributeFilter: ["role"]
+      }), y(), () => R.disconnect();
+    }, [a, A]), p || (l = x({
+      role: "listbox",
+      "aria-multiselectable": S
+    }, l)), l = pe(
+      l,
+      (D) => /* @__PURE__ */ N(so, { value: e, children: /* @__PURE__ */ N(lo.Provider, { value: d, children: D }) }),
+      [e, d]
+    );
+    const j = c && (!i || !E) ? e.setContentElement : null;
+    return l = M(x({
+      id: c,
+      hidden: g
+    }, l), {
+      ref: he(j, m, l.ref),
+      style: P
+    }), We(l);
+  }
+), Hn = W(function(n) {
+  const o = gt(n);
+  return Q(Jo, o);
+}), Xo = "div";
+function Yo(t, ...n) {
+  if (!t) return !1;
+  if ("id" in t) {
+    const o = n.filter(Boolean).map((e) => `[aria-controls~="${e}"]`).join(", ");
+    return o ? t.matches(o) : !1;
+  }
+  return !1;
+}
+var en = z(
+  function(n) {
+    var o = n, {
+      store: e,
+      modal: r,
+      tabIndex: l,
+      alwaysVisible: i,
+      autoFocusOnHide: w = !0,
+      hideOnInteractOutside: E = !0
+    } = o, m = X(o, [
+      "store",
+      "modal",
+      "tabIndex",
+      "alwaysVisible",
+      "autoFocusOnHide",
+      "hideOnInteractOutside"
+    ]);
+    const c = xe();
+    e = e || c, ae(
+      e,
+      process.env.NODE_ENV !== "production" && "ComboboxPopover must receive a `store` prop or be wrapped in a ComboboxProvider component."
+    );
+    const a = e.useState("baseElement"), g = oe(!1), P = mt(
+      e.tag,
+      (u) => u == null ? void 0 : u.renderedItems.length
+    );
+    return m = gt(x({ store: e, alwaysVisible: i }, m)), m = bt(M(x({
+      store: e,
+      modal: r,
+      alwaysVisible: i,
+      backdrop: !1,
+      autoFocusOnShow: !1,
+      finalFocus: a,
+      preserveTabOrderAnchor: null,
+      unstable_treeSnapshotKey: P
+    }, m), {
+      // 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 u;
+        const d = ((u = m.getPersistentElements) == null ? void 0 : u.call(m)) || [];
+        if (!r || !e) return d;
+        const { contentElement: V, baseElement: S } = e.getState();
+        if (!S) return d;
+        const p = zt(S), T = [];
+        if (V != null && V.id && T.push(`[aria-controls~="${V.id}"]`), S != null && S.id && T.push(`[aria-controls~="${S.id}"]`), !T.length) return [...d, S];
+        const A = T.join(","), j = p.querySelectorAll(A);
+        return [...d, ...j];
+      },
+      // 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(u) {
+        return Xe(w, u) ? !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(u) {
+        var d, V;
+        const S = e == null ? void 0 : e.getState(), p = (d = S == null ? void 0 : S.contentElement) == null ? void 0 : d.id, T = (V = S == null ? void 0 : S.baseElement) == null ? void 0 : V.id;
+        if (Yo(u.target, p, T)) return !1;
+        const A = typeof E == "function" ? E(u) : E;
+        return A && (g.current = u.type === "click"), A;
+      }
+    })), m;
+  }
+), Bn = pt(
+  W(function(n) {
+    const o = en(n);
+    return Q(Xo, o);
+  }),
+  xe
+);
+export {
+  Rn as C,
+  yn as P,
+  En as S,
+  _n as T,
+  Nn as a,
+  Bn as b,
+  Tn as c,
+  Kn as d,
+  Fn as e,
+  Mn as f,
+  So as g,
+  St as h,
+  Hn as i,
+  Oo as j,
+  Vn as k,
+  In as l,
+  An as m,
+  Dn as n,
+  Ln as o,
+  On as p,
+  kn as q,
+  Pn as r,
+  Uo as s,
+  Po as t,
+  Ho as u
+};