@bioturing/components 0.39.0 → 0.40.1

package/dist/components/cmdk/index.js

@@ -1,595 +0,0 @@
-"use client";
-import { jsxs as Z, jsx as g } from "react/jsx-runtime";
-import s, { useId as M } from "react";
-import { Dialog as F } from "@base-ui-components/react";
-import { commandScore as pe } from "./command-score.js";
-import O from "merge-refs";
-import { WithRenderProp as y } from "../utils/WithRenderProp.js";
-const T = '[cmdk-group=""]', X = '[cmdk-group-items=""]', be = '[cmdk-group-heading=""]', le = '[cmdk-item=""]', ie = `${le}:not([aria-disabled="true"])`, Y = "cmdk-item-select", _ = "data-value", Se = (t, n, r) => pe(t, n, r), ue = s.createContext(void 0), B = () => s.useContext(ue), ae = s.createContext(void 0), ee = () => s.useContext(ae), de = s.createContext(void 0), fe = s.forwardRef(
-  (t, n) => {
-    const r = L(() => ({
-      /** Value of the search query. */
-      search: "",
-      /** Currently selected item value. */
-      value: t.value ?? t.defaultValue ?? "",
-      /** Currently selected item id. */
-      selectedItemId: void 0,
-      filtered: {
-        /** The count of all visible items. */
-        count: 0,
-        /** Map from visible item id to its search score. */
-        items: /* @__PURE__ */ new Map(),
-        /** Set of groups with at least one visible item. */
-        groups: /* @__PURE__ */ new Set()
-      }
-    })), u = L(() => /* @__PURE__ */ new Set()), i = L(() => /* @__PURE__ */ new Map()), a = L(
-      () => /* @__PURE__ */ new Map()
-    ), d = L(() => /* @__PURE__ */ new Set()), m = me(t), {
-      label: f,
-      children: h,
-      value: b,
-      onValueChange: I,
-      filter: C,
-      shouldFilter: E,
-      loop: P,
-      disablePointerSelection: ve = !1,
-      vimBindings: K = !0,
-      ...N
-    } = t, $ = M(), j = M(), p = M(), D = s.useRef(null), R = Le();
-    k(() => {
-      if (b !== void 0) {
-        const e = b.trim();
-        r.current.value = e, S.emit();
-      }
-    }, [b]), k(() => {
-      R(6, re);
-    }, []);
-    const S = s.useMemo(() => ({
-      subscribe: (e) => (d.current.add(e), () => d.current.delete(e)),
-      snapshot: () => r.current,
-      setState: (e, l, o) => {
-        if (!Object.is(r.current[e], l)) {
-          if (r.current[e] = l, e === "search")
-            H(), U(), R(1, z);
-          else if (e === "value") {
-            if (document.activeElement.hasAttribute("cmdk-input") || document.activeElement.hasAttribute("cmdk-root")) {
-              const c = document.getElementById(p);
-              c ? c.focus() : document.getElementById($)?.focus();
-            }
-            if (R(7, () => {
-              r.current.selectedItemId = A()?.id, S.emit();
-            }), o || R(5, re), m.current?.value !== void 0) {
-              const c = l ?? "";
-              m.current.onValueChange?.(c);
-              return;
-            }
-          }
-          S.emit();
-        }
-      },
-      emit: () => {
-        d.current.forEach((e) => e());
-      }
-    }), []), q = s.useMemo(
-      () => ({
-        // Keep id → {value, keywords} mapping up-to-date
-        value: (e, l, o) => {
-          l !== a.current.get(e)?.value && (a.current.set(e, { value: l, keywords: o }), r.current.filtered.items.set(e, te(l, o)), R(2, () => {
-            U(), S.emit();
-          }));
-        },
-        // Track item lifecycle (mount, unmount)
-        item: (e, l) => (u.current.add(e), l && (i.current.has(l) ? i.current.get(l).add(e) : i.current.set(l, /* @__PURE__ */ new Set([e]))), R(3, () => {
-          H(), U(), r.current.value || z(), S.emit();
-        }), () => {
-          a.current.delete(e), u.current.delete(e), r.current.filtered.items.delete(e);
-          const o = A();
-          R(4, () => {
-            H(), o?.getAttribute("id") === e && z(), S.emit();
-          });
-        }),
-        // Track group lifecycle (mount, unmount)
-        group: (e) => (i.current.has(e) || i.current.set(e, /* @__PURE__ */ new Set()), () => {
-          a.current.delete(e), i.current.delete(e);
-        }),
-        filter: () => m.current.shouldFilter,
-        label: f || t["aria-label"],
-        getDisablePointerSelection: () => m.current.disablePointerSelection,
-        listId: $,
-        inputId: p,
-        labelId: j,
-        listInnerRef: D
-      }),
-      []
-    );
-    function te(e, l) {
-      const o = m.current?.filter ?? Se;
-      return e ? o(e, r.current.search, l) : 0;
-    }
-    function U() {
-      if (!r.current.search || // Explicitly false, because true | undefined is the default
-      m.current.shouldFilter === !1)
-        return;
-      const e = r.current.filtered.items, l = [];
-      r.current.filtered.groups.forEach((c) => {
-        const v = i.current.get(c);
-        let x = 0;
-        v.forEach((Q) => {
-          const ge = e.get(Q);
-          x = Math.max(ge, x);
-        }), l.push([c, x]);
-      });
-      const o = D.current;
-      V().sort((c, v) => {
-        const x = c.getAttribute("id"), Q = v.getAttribute("id");
-        return (e.get(Q) ?? 0) - (e.get(x) ?? 0);
-      }).forEach((c) => {
-        const v = c.closest(X);
-        v ? v.appendChild(
-          c.parentElement === v ? c : c.closest(`${X} > *`)
-        ) : o.appendChild(
-          c.parentElement === o ? c : c.closest(`${X} > *`)
-        );
-      }), l.sort((c, v) => v[1] - c[1]).forEach((c) => {
-        const v = D.current?.querySelector(
-          `${T}[${_}="${encodeURIComponent(c[0])}"]`
-        );
-        v?.parentElement.appendChild(v);
-      });
-    }
-    function z() {
-      const l = V().find(
-        (o) => o.getAttribute("aria-disabled") !== "true"
-      )?.getAttribute(_);
-      S.setState("value", l || void 0);
-    }
-    function H() {
-      if (!r.current.search || // Explicitly false, because true | undefined is the default
-      m.current.shouldFilter === !1) {
-        r.current.filtered.count = u.current.size;
-        return;
-      }
-      r.current.filtered.groups = /* @__PURE__ */ new Set();
-      let e = 0;
-      for (const l of u.current) {
-        const o = a.current.get(l)?.value ?? "", c = a.current.get(l)?.keywords ?? [], v = te(o, c);
-        r.current.filtered.items.set(l, v), v > 0 && e++;
-      }
-      for (const [l, o] of i.current)
-        for (const c of o)
-          if (r.current.filtered.items.get(c) > 0) {
-            r.current.filtered.groups.add(l);
-            break;
-          }
-      r.current.filtered.count = e;
-    }
-    function re() {
-      const e = A();
-      e && (e.parentElement?.firstChild === e && e.closest(T)?.querySelector(be)?.scrollIntoView({ block: "nearest" }), e.scrollIntoView({ block: "nearest" }));
-    }
-    function A() {
-      return D.current?.querySelector(
-        `${le}[aria-selected="true"]`
-      );
-    }
-    function V() {
-      return Array.from(
-        D.current?.querySelectorAll(ie) || []
-      );
-    }
-    function W(e) {
-      const o = V()[e];
-      o && S.setState("value", o.getAttribute(_));
-    }
-    function J(e) {
-      const l = A(), o = V(), c = o.findIndex((x) => x === l);
-      let v = o[c + e];
-      m.current?.loop && (v = c + e < 0 ? o[o.length - 1] : c + e === o.length ? o[0] : o[c + e]), v && S.setState("value", v.getAttribute(_));
-    }
-    function ne(e) {
-      let o = A()?.closest(T), c;
-      for (; o && !c; )
-        o = e > 0 ? Ae(o, T) : _e(o, T), c = o?.querySelector(ie);
-      c ? S.setState("value", c.getAttribute(_)) : J(e);
-    }
-    const oe = () => W(V().length - 1), ce = (e) => {
-      e.preventDefault(), e.metaKey ? oe() : e.altKey ? ne(1) : J(1);
-    }, se = (e) => {
-      e.preventDefault(), e.metaKey ? W(0) : e.altKey ? ne(-1) : J(-1);
-    };
-    return /* @__PURE__ */ Z(
-      y,
-      {
-        ref: n,
-        tabIndex: -1,
-        ...N,
-        "cmdk-root": "",
-        onKeyDown: (e) => {
-          N.onKeyDown?.(e);
-          const l = e.nativeEvent.isComposing || e.keyCode === 229;
-          if (!(e.defaultPrevented || l))
-            switch (e.key) {
-              case "n":
-              case "j": {
-                K && e.ctrlKey && ce(e);
-                break;
-              }
-              case "ArrowDown": {
-                ce(e);
-                break;
-              }
-              case "p":
-              case "k": {
-                K && e.ctrlKey && se(e);
-                break;
-              }
-              case "ArrowUp": {
-                se(e);
-                break;
-              }
-              case "Home": {
-                e.preventDefault(), W(0);
-                break;
-              }
-              case "End": {
-                e.preventDefault(), oe();
-                break;
-              }
-              case "Enter": {
-                e.preventDefault();
-                const o = A();
-                if (o) {
-                  const c = new Event(Y);
-                  o.dispatchEvent(c);
-                }
-              }
-            }
-        },
-        children: [
-          /* @__PURE__ */ g(
-            "label",
-            {
-              "cmdk-label": "",
-              htmlFor: q.inputId,
-              id: q.labelId,
-              style: Pe,
-              children: f
-            }
-          ),
-          G(t, (e) => /* @__PURE__ */ g(ae.Provider, { value: S, children: /* @__PURE__ */ g(ue.Provider, { value: q, children: e }) }))
-        ]
-      }
-    );
-  }
-), Ee = s.forwardRef(
-  (t, n) => {
-    const r = M(), u = s.useRef(null), i = s.useContext(de), a = B(), d = me(t), m = d.current?.forceMount ?? i?.forceMount;
-    k(() => {
-      if (!m)
-        return a.item(r, i?.id);
-    }, [m]);
-    const f = he(
-      r,
-      u,
-      [t.value, t.children, u],
-      t.keywords
-    ), h = ee(), b = w(
-      (p) => p.value && p.value === f.current
-    ), I = w(
-      (p) => m || a.filter() === !1 ? !0 : p.search ? p.filtered.items.get(r) > 0 : !0
-    );
-    s.useEffect(() => {
-      const p = u.current;
-      if (!(!p || t.disabled))
-        return p.addEventListener(Y, C), () => p.removeEventListener(Y, C);
-    }, [I, t.onSelect, t.disabled]);
-    function C() {
-      E(), d.current.onSelect?.(f.current);
-    }
-    function E() {
-      h.setState("value", f.current, !0);
-    }
-    if (!I) return null;
-    const {
-      disabled: P,
-      value: ve,
-      onSelect: K,
-      forceMount: N,
-      keywords: $,
-      ...j
-    } = t;
-    return /* @__PURE__ */ g(
-      y,
-      {
-        ref: O(u, n),
-        ...j,
-        id: r,
-        "cmdk-item": "",
-        role: "option",
-        "aria-disabled": !!P,
-        "aria-selected": !!b,
-        "data-disabled": !!P,
-        "data-selected": !!b,
-        onPointerMove: P || a.getDisablePointerSelection() ? void 0 : E,
-        onClick: P ? void 0 : C,
-        children: t.children
-      }
-    );
-  }
-), Ce = s.forwardRef(
-  (t, n) => {
-    const { heading: r, children: u, forceMount: i, ...a } = t, d = M(), m = s.useRef(null), f = s.useRef(null), h = M(), b = B(), I = w(
-      (E) => i || b.filter() === !1 ? !0 : E.search ? E.filtered.groups.has(d) : !0
-    );
-    k(() => b.group(d), []), he(d, m, [t.value, t.heading, f]);
-    const C = s.useMemo(
-      () => ({ id: d, forceMount: i }),
-      [i]
-    );
-    return /* @__PURE__ */ Z(
-      y,
-      {
-        ref: O(m, n),
-        ...a,
-        "cmdk-group": "",
-        role: "presentation",
-        hidden: I ? void 0 : !0,
-        children: [
-          r && /* @__PURE__ */ g(
-            "div",
-            {
-              ref: f,
-              "cmdk-group-heading": "",
-              "aria-hidden": !0,
-              id: h,
-              children: r
-            }
-          ),
-          G(t, (E) => /* @__PURE__ */ g(
-            "div",
-            {
-              "cmdk-group-items": "",
-              role: "group",
-              "aria-labelledby": r ? h : void 0,
-              children: /* @__PURE__ */ g(de.Provider, { value: C, children: E })
-            }
-          ))
-        ]
-      }
-    );
-  }
-), Ie = s.forwardRef(
-  (t, n) => {
-    const { alwaysRender: r, ...u } = t, i = s.useRef(null), a = w((d) => !d.search);
-    return !r && !a ? null : /* @__PURE__ */ g(
-      y,
-      {
-        ref: O(i, n),
-        ...u,
-        "cmdk-separator": "",
-        role: "separator"
-      }
-    );
-  }
-), we = s.forwardRef(
-  (t, n) => {
-    const { onValueChange: r, ...u } = t, i = t.value != null, a = ee(), d = w((h) => h.search), m = w((h) => h.selectedItemId), f = B();
-    return s.useEffect(() => {
-      t.value != null && a.setState("search", t.value);
-    }, [t.value]), /* @__PURE__ */ g(
-      y,
-      {
-        as: "input",
-        ref: n,
-        ...u,
-        "cmdk-input": "",
-        autoComplete: "off",
-        autoCorrect: "off",
-        spellCheck: !1,
-        "aria-autocomplete": "list",
-        role: "combobox",
-        "aria-expanded": !0,
-        "aria-controls": f.listId,
-        "aria-labelledby": f.labelId,
-        "aria-activedescendant": m,
-        id: f.inputId,
-        type: "text",
-        value: i ? t.value : d,
-        onChange: (h) => {
-          i || a.setState("search", h.target.value), r?.(h.target.value);
-        }
-      }
-    );
-  }
-), ye = s.forwardRef(
-  (t, n) => {
-    const { children: r, label: u = "Suggestions", ...i } = t, a = s.useRef(null), d = s.useRef(null), m = w((h) => h.selectedItemId), f = B();
-    return s.useEffect(() => {
-      if (d.current && a.current) {
-        const h = d.current, b = a.current;
-        let I;
-        const C = new ResizeObserver(() => {
-          I = requestAnimationFrame(() => {
-            const E = h.offsetHeight;
-            b.style.setProperty(
-              "--cmdk-list-height",
-              E.toFixed(1) + "px"
-            );
-          });
-        });
-        return C.observe(h), () => {
-          cancelAnimationFrame(I), C.unobserve(h);
-        };
-      }
-    }, []), /* @__PURE__ */ g(
-      y,
-      {
-        ref: O(a, n),
-        ...i,
-        "cmdk-list": "",
-        role: "listbox",
-        tabIndex: -1,
-        "aria-activedescendant": m,
-        "aria-label": u,
-        id: f.listId,
-        children: G(t, (h) => /* @__PURE__ */ g(
-          "div",
-          {
-            ref: O(d, f.listInnerRef),
-            "cmdk-list-sizer": "",
-            children: h
-          }
-        ))
-      }
-    );
-  }
-), Re = s.forwardRef(
-  (t, n) => {
-    const {
-      open: r,
-      onOpenChange: u,
-      overlayClassName: i,
-      contentClassName: a,
-      container: d,
-      ...m
-    } = t;
-    return /* @__PURE__ */ g(F.Root, { open: r, onOpenChange: u, children: /* @__PURE__ */ Z(F.Portal, { container: d, children: [
-      /* @__PURE__ */ g(F.Backdrop, { "cmdk-overlay": "", className: i }),
-      /* @__PURE__ */ g(
-        F.Popup,
-        {
-          "aria-label": t.label,
-          "cmdk-dialog": "",
-          className: a,
-          children: /* @__PURE__ */ g(fe, { ref: n, ...m })
-        }
-      )
-    ] }) });
-  }
-), xe = s.forwardRef(
-  (t, n) => w((u) => u.filtered.count === 0) ? /* @__PURE__ */ g(
-    y,
-    {
-      ref: n,
-      ...t,
-      "cmdk-empty": "",
-      role: "presentation"
-    }
-  ) : null
-), ke = s.forwardRef(
-  (t, n) => {
-    const { progress: r, children: u, label: i = "Loading...", ...a } = t;
-    return /* @__PURE__ */ g(
-      y,
-      {
-        ref: n,
-        ...a,
-        "cmdk-loading": "",
-        role: "progressbar",
-        "aria-valuenow": r,
-        "aria-valuemin": 0,
-        "aria-valuemax": 100,
-        "aria-label": i,
-        children: G(t, (d) => /* @__PURE__ */ g("div", { "aria-hidden": !0, children: d }))
-      }
-    );
-  }
-), Ge = Object.assign(fe, {
-  List: ye,
-  Item: Ee,
-  Input: we,
-  Group: Ce,
-  Separator: Ie,
-  Dialog: Re,
-  Empty: xe,
-  Loading: ke
-});
-function Ae(t, n) {
-  let r = t.nextElementSibling;
-  for (; r; ) {
-    if (r.matches(n)) return r;
-    r = r.nextElementSibling;
-  }
-}
-function _e(t, n) {
-  let r = t.previousElementSibling;
-  for (; r; ) {
-    if (r.matches(n)) return r;
-    r = r.previousElementSibling;
-  }
-}
-function me(t) {
-  const n = s.useRef(t);
-  return k(() => {
-    n.current = t;
-  }), n;
-}
-const k = typeof window > "u" ? s.useEffect : s.useLayoutEffect;
-function L(t) {
-  const n = s.useRef(void 0);
-  return n.current === void 0 && (n.current = t()), n;
-}
-function w(t) {
-  const n = ee(), r = () => t(n.snapshot());
-  return s.useSyncExternalStore(n.subscribe, r, r);
-}
-function he(t, n, r, u = []) {
-  const i = s.useRef(void 0), a = B();
-  return k(() => {
-    const d = (() => {
-      for (const f of r) {
-        if (typeof f == "string")
-          return f.trim();
-        if (typeof f == "object" && "current" in f)
-          return f.current ? f.current.textContent?.trim() : i.current;
-      }
-    })(), m = u.map((f) => f.trim());
-    a.value(t, d, m), n.current?.setAttribute(_, d), i.current = d;
-  }), i;
-}
-const Le = () => {
-  const [t, n] = s.useState(), r = L(() => /* @__PURE__ */ new Map());
-  return k(() => {
-    r.current.forEach((u) => u()), r.current = /* @__PURE__ */ new Map();
-  }, [t]), (u, i) => {
-    r.current.set(u, i), n({});
-  };
-};
-function Me(t) {
-  const n = t.type;
-  return typeof n == "function" ? n(t.props) : "render" in n ? n.render(t.props) : t;
-}
-function G({ asChild: t, children: n }, r) {
-  return t && s.isValidElement(n) ? s.cloneElement(
-    Me(n),
-    { ref: n.ref },
-    // @ts-expect-error expect error here
-    r(n.props.children)
-  ) : r(n);
-}
-const Pe = {
-  position: "absolute",
-  width: "1px",
-  height: "1px",
-  padding: "0",
-  margin: "-1px",
-  overflow: "hidden",
-  clip: "rect(0, 0, 0, 0)",
-  whiteSpace: "nowrap",
-  borderWidth: "0"
-};
-export {
-  Ge as Command,
-  Re as CommandDialog,
-  xe as CommandEmpty,
-  Ce as CommandGroup,
-  we as CommandInput,
-  Ee as CommandItem,
-  ye as CommandList,
-  ke as CommandLoading,
-  fe as CommandRoot,
-  Ie as CommandSeparator,
-  Se as defaultFilter,
-  w as useCommandState
-};
-//# sourceMappingURL=index.js.map