@lanrenbang/basecoat-ultra 0.1.2

package/dist/js/basecoat.min.js

@@ -0,0 +1,56 @@
+(() => {
+  const i = {};
+  let r = null;
+  const l = (e, o, t) => {
+    i[e] = {
+      selector: o,
+      init: t
+    };
+  }, c = () => {
+    Object.entries(i).forEach(([e, { selector: o, init: t }]) => {
+      document.querySelectorAll(o).forEach(t);
+    });
+  }, a = (e) => {
+    e.nodeType === Node.ELEMENT_NODE && Object.entries(i).forEach(([o, { selector: t, init: n }]) => {
+      e.matches(t) && n(e), e.querySelectorAll(t).forEach(n);
+    });
+  }, s = () => {
+    if (r) return;
+    let e;
+    r = new MutationObserver((o) => {
+      clearTimeout(e), e = setTimeout(() => {
+        o.forEach((t) => {
+          t.addedNodes.forEach(a);
+        });
+      }, 50);
+    }), r.observe(document.body, { childList: !0, subtree: !0 });
+  }, u = () => {
+    r && (r.disconnect(), r = null);
+  }, d = (e) => {
+    const o = i[e];
+    if (!o) {
+      console.warn(`Component '${e}' not found in registry`);
+      return;
+    }
+    const t = `data-${e}-initialized`;
+    document.querySelectorAll(`[${t}]`).forEach((n) => {
+      n.removeAttribute(t);
+    }), document.querySelectorAll(o.selector).forEach(o.init);
+  }, f = () => {
+    Object.entries(i).forEach(([e, { selector: o }]) => {
+      const t = `data-${e}-initialized`;
+      document.querySelectorAll(`[${t}]`).forEach((n) => {
+        n.removeAttribute(t);
+      });
+    }), c();
+  };
+  window.basecoat = {
+    register: l,
+    init: d,
+    initAll: f,
+    start: s,
+    stop: u
+  }, document.addEventListener("DOMContentLoaded", () => {
+    c(), s();
+  });
+})();

package/dist/js/carousel.js

@@ -0,0 +1,104 @@
+(() => {
+  const initCarousel = (carousel) => {
+    const content = carousel.querySelector(".carousel-content");
+    const prevBtn = carousel.querySelector(".carousel-previous");
+    const nextBtn = carousel.querySelector(".carousel-next");
+    const orientation = carousel.dataset.orientation || "horizontal";
+    if (!content) return;
+    const getScrollAmount = () => {
+      const firstItem = content.querySelector(".carousel-item");
+      if (!firstItem) return orientation === "vertical" ? content.offsetHeight : content.offsetWidth;
+      const style = window.getComputedStyle(firstItem);
+      if (orientation === "vertical") {
+        const itemHeight = firstItem.offsetHeight;
+        const marginTop = parseFloat(style.marginTop);
+        const marginBottom = parseFloat(style.marginBottom);
+        return itemHeight + marginTop + marginBottom;
+      } else {
+        const itemWidth = firstItem.offsetWidth;
+        const marginLeft = parseFloat(style.marginLeft);
+        const marginRight = parseFloat(style.marginRight);
+        return itemWidth + marginLeft + marginRight;
+      }
+    };
+    const scroll = (direction) => {
+      const amount = getScrollAmount();
+      const value = direction === "next" ? amount : -amount;
+      if (orientation === "vertical") {
+        content.scrollBy({ top: value, behavior: "smooth" });
+      } else {
+        content.scrollBy({ left: value, behavior: "smooth" });
+      }
+    };
+    const updateButtons = () => {
+      if (!prevBtn && !nextBtn) return;
+      const { scrollLeft, scrollTop, scrollWidth, scrollHeight, clientWidth, clientHeight } = content;
+      if (orientation === "vertical") {
+        const canScrollPrev = scrollTop > 1;
+        const canScrollNext = scrollTop < scrollHeight - clientHeight - 1;
+        if (prevBtn) {
+          prevBtn.disabled = !canScrollPrev;
+          prevBtn.setAttribute("aria-disabled", String(!canScrollPrev));
+        }
+        if (nextBtn) {
+          nextBtn.disabled = !canScrollNext;
+          nextBtn.setAttribute("aria-disabled", String(!canScrollNext));
+        }
+      } else {
+        const canScrollPrev = scrollLeft > 1;
+        const canScrollNext = scrollLeft < scrollWidth - clientWidth - 1;
+        if (prevBtn) {
+          prevBtn.disabled = !canScrollPrev;
+          prevBtn.setAttribute("aria-disabled", String(!canScrollPrev));
+        }
+        if (nextBtn) {
+          nextBtn.disabled = !canScrollNext;
+          nextBtn.setAttribute("aria-disabled", String(!canScrollNext));
+        }
+      }
+    };
+    if (prevBtn) {
+      prevBtn.addEventListener("click", () => scroll("prev"));
+    }
+    if (nextBtn) {
+      nextBtn.addEventListener("click", () => scroll("next"));
+    }
+    let ticking = false;
+    content.addEventListener("scroll", () => {
+      if (!ticking) {
+        window.requestAnimationFrame(() => {
+          updateButtons();
+          ticking = false;
+        });
+        ticking = true;
+      }
+    }, { passive: true });
+    carousel.addEventListener("keydown", (e) => {
+      if (orientation === "vertical") {
+        if (e.key === "ArrowUp") {
+          e.preventDefault();
+          prevBtn?.click();
+        } else if (e.key === "ArrowDown") {
+          e.preventDefault();
+          nextBtn?.click();
+        }
+      } else {
+        if (e.key === "ArrowLeft") {
+          e.preventDefault();
+          prevBtn?.click();
+        } else if (e.key === "ArrowRight") {
+          e.preventDefault();
+          nextBtn?.click();
+        }
+      }
+    });
+    const resizeObserver = new ResizeObserver(updateButtons);
+    resizeObserver.observe(content);
+    updateButtons();
+    carousel.dataset.carouselInitialized = true;
+    carousel.dispatchEvent(new CustomEvent("basecoat:initialized"));
+  };
+  if (window.basecoat) {
+    window.basecoat.register("carousel", ".carousel:not([data-carousel-initialized])", initCarousel);
+  }
+})();

package/dist/js/carousel.min.js

@@ -0,0 +1,41 @@
+(() => {
+  const m = (s) => {
+    const o = s.querySelector(".carousel-content"), e = s.querySelector(".carousel-previous"), i = s.querySelector(".carousel-next"), a = s.dataset.orientation || "horizontal";
+    if (!o) return;
+    const b = () => {
+      const t = o.querySelector(".carousel-item");
+      if (!t) return a === "vertical" ? o.offsetHeight : o.offsetWidth;
+      const r = window.getComputedStyle(t);
+      if (a === "vertical") {
+        const n = t.offsetHeight, l = parseFloat(r.marginTop), c = parseFloat(r.marginBottom);
+        return n + l + c;
+      } else {
+        const n = t.offsetWidth, l = parseFloat(r.marginLeft), c = parseFloat(r.marginRight);
+        return n + l + c;
+      }
+    }, g = (t) => {
+      const r = b(), n = t === "next" ? r : -r;
+      a === "vertical" ? o.scrollBy({ top: n, behavior: "smooth" }) : o.scrollBy({ left: n, behavior: "smooth" });
+    }, u = () => {
+      if (!e && !i) return;
+      const { scrollLeft: t, scrollTop: r, scrollWidth: n, scrollHeight: l, clientWidth: c, clientHeight: p } = o;
+      if (a === "vertical") {
+        const d = r > 1, f = r < l - p - 1;
+        e && (e.disabled = !d, e.setAttribute("aria-disabled", String(!d))), i && (i.disabled = !f, i.setAttribute("aria-disabled", String(!f)));
+      } else {
+        const d = t > 1, f = t < n - c - 1;
+        e && (e.disabled = !d, e.setAttribute("aria-disabled", String(!d))), i && (i.disabled = !f, i.setAttribute("aria-disabled", String(!f)));
+      }
+    };
+    e && e.addEventListener("click", () => g("prev")), i && i.addEventListener("click", () => g("next"));
+    let v = !1;
+    o.addEventListener("scroll", () => {
+      v || (window.requestAnimationFrame(() => {
+        u(), v = !1;
+      }), v = !0);
+    }, { passive: !0 }), s.addEventListener("keydown", (t) => {
+      a === "vertical" ? t.key === "ArrowUp" ? (t.preventDefault(), e?.click()) : t.key === "ArrowDown" && (t.preventDefault(), i?.click()) : t.key === "ArrowLeft" ? (t.preventDefault(), e?.click()) : t.key === "ArrowRight" && (t.preventDefault(), i?.click());
+    }), new ResizeObserver(u).observe(o), u(), s.dataset.carouselInitialized = !0, s.dispatchEvent(new CustomEvent("basecoat:initialized"));
+  };
+  window.basecoat && window.basecoat.register("carousel", ".carousel:not([data-carousel-initialized])", m);
+})();

package/dist/js/catppuccin-theme-switcher.js

@@ -0,0 +1,136 @@
+(() => {
+  const THEMES = ["latte", "frappe", "macchiato", "mocha"];
+  const DARK_THEMES = ["frappe", "macchiato", "mocha"];
+  const ACCENTS = [
+    "rosewater",
+    "flamingo",
+    "pink",
+    "mauve",
+    "red",
+    "maroon",
+    "peach",
+    "yellow",
+    "green",
+    "teal",
+    "sky",
+    "sapphire",
+    "blue",
+    "lavender"
+  ];
+  function getThemePreviewColors(theme) {
+    if (!THEMES.includes(theme)) return {};
+    const colors = { background: `var(--ctp-${theme}-base)` };
+    ACCENTS.forEach((accent) => {
+      colors[accent] = `var(--ctp-${theme}-${accent})`;
+    });
+    return colors;
+  }
+  function setTheme(theme, accent) {
+    const root = document.documentElement;
+    THEMES.forEach((t) => root.classList.remove(`theme-${t}`));
+    ACCENTS.forEach((a) => root.classList.remove(`accent-${a}`));
+    root.classList.add(`theme-${theme}`);
+    root.classList.add(`accent-${accent}`);
+    if (DARK_THEMES.includes(theme)) {
+      root.classList.add("dark");
+    } else {
+      root.classList.remove("dark");
+    }
+    try {
+      localStorage.setItem("catppuccin-theme", theme);
+      localStorage.setItem("catppuccin-accent", accent);
+    } catch (e) {
+    }
+  }
+  function initTheme() {
+    try {
+      const savedTheme = localStorage.getItem("catppuccin-theme");
+      const savedAccent = localStorage.getItem("catppuccin-accent");
+      if (savedTheme && savedAccent) {
+        setTheme(savedTheme, savedAccent);
+      }
+    } catch (e) {
+    }
+  }
+  initTheme();
+  const init = (container) => {
+    const flavorGroup = container.querySelector(".theme-flavors");
+    const accentGrid = container.querySelector(".theme-accents");
+    const resetButton = container.querySelector(".theme-reset");
+    let currentFlavor = localStorage.getItem("catppuccin-theme") || "latte";
+    if (!THEMES.includes(currentFlavor)) currentFlavor = "latte";
+    if (flavorGroup) {
+      flavorGroup.innerHTML = "";
+      flavorGroup.className = "button-group w-full";
+      THEMES.forEach((t) => {
+        const btn = document.createElement("button");
+        btn.type = "button";
+        btn.className = "btn btn-sm capitalize flex-1";
+        btn.textContent = t;
+        btn.dataset.flavor = t;
+        flavorGroup.appendChild(btn);
+      });
+    }
+    const updateFlavorUI = () => {
+      if (!flavorGroup) return;
+      const buttons = flavorGroup.querySelectorAll("[data-flavor]");
+      buttons.forEach((btn) => {
+        if (btn.dataset.flavor === currentFlavor) {
+          btn.classList.remove("btn-outline", "btn-ghost");
+          btn.classList.add("btn-primary");
+        } else {
+          btn.classList.remove("btn-primary");
+          btn.classList.add("btn-ghost");
+        }
+      });
+    };
+    const renderAccents = () => {
+      if (!accentGrid) return;
+      accentGrid.innerHTML = "";
+      const colors = getThemePreviewColors(currentFlavor);
+      accentGrid.className = "theme-accents grid grid-cols-7 gap-3 place-items-center p-4 rounded-xl border border-border/50 mt-4 transition-colors duration-300";
+      accentGrid.style.backgroundColor = colors.background;
+      ACCENTS.forEach((acc) => {
+        const btn = document.createElement("button");
+        btn.type = "button";
+        btn.className = "size-6 rounded-full border border-border/20 shadow-sm transition-transform hover:scale-110 focus:outline-none focus:ring-2 focus:ring-ring";
+        btn.title = acc;
+        btn.style.backgroundColor = colors[acc];
+        btn.dataset.tooltip = acc;
+        btn.dataset.side = "top";
+        btn.onclick = () => {
+          setTheme(currentFlavor, acc);
+        };
+        accentGrid.appendChild(btn);
+      });
+    };
+    if (flavorGroup) {
+      flavorGroup.addEventListener("click", (e) => {
+        const btn = e.target.closest("[data-flavor]");
+        if (!btn) return;
+        currentFlavor = btn.dataset.flavor;
+        updateFlavorUI();
+        renderAccents();
+      });
+    }
+    if (resetButton) {
+      resetButton.addEventListener("click", () => {
+        const root = document.documentElement;
+        THEMES.forEach((t) => root.classList.remove(`theme-${t}`));
+        ACCENTS.forEach((a) => root.classList.remove(`accent-${a}`));
+        localStorage.removeItem("catppuccin-theme");
+        localStorage.removeItem("catppuccin-accent");
+        if (DARK_THEMES.includes(currentFlavor)) {
+          root.classList.add("dark");
+        } else {
+          root.classList.remove("dark");
+        }
+      });
+    }
+    updateFlavorUI();
+    renderAccents();
+  };
+  if (window.basecoat) {
+    window.basecoat.register("catppuccin-theme-switcher", ".catppuccin-theme-switcher", init);
+  }
+})();

package/dist/js/catppuccin-theme-switcher.min.js

@@ -0,0 +1,73 @@
+(() => {
+  const l = ["latte", "frappe", "macchiato", "mocha"], d = ["frappe", "macchiato", "mocha"], i = [
+    "rosewater",
+    "flamingo",
+    "pink",
+    "mauve",
+    "red",
+    "maroon",
+    "peach",
+    "yellow",
+    "green",
+    "teal",
+    "sky",
+    "sapphire",
+    "blue",
+    "lavender"
+  ];
+  function f(c) {
+    if (!l.includes(c)) return {};
+    const t = { background: `var(--ctp-${c}-base)` };
+    return i.forEach((o) => {
+      t[o] = `var(--ctp-${c}-${o})`;
+    }), t;
+  }
+  function u(c, t) {
+    const o = document.documentElement;
+    l.forEach((s) => o.classList.remove(`theme-${s}`)), i.forEach((s) => o.classList.remove(`accent-${s}`)), o.classList.add(`theme-${c}`), o.classList.add(`accent-${t}`), d.includes(c) ? o.classList.add("dark") : o.classList.remove("dark");
+    try {
+      localStorage.setItem("catppuccin-theme", c), localStorage.setItem("catppuccin-accent", t);
+    } catch {
+    }
+  }
+  function h() {
+    try {
+      const c = localStorage.getItem("catppuccin-theme"), t = localStorage.getItem("catppuccin-accent");
+      c && t && u(c, t);
+    } catch {
+    }
+  }
+  h();
+  const v = (c) => {
+    const t = c.querySelector(".theme-flavors"), o = c.querySelector(".theme-accents"), s = c.querySelector(".theme-reset");
+    let n = localStorage.getItem("catppuccin-theme") || "latte";
+    l.includes(n) || (n = "latte"), t && (t.innerHTML = "", t.className = "button-group w-full", l.forEach((a) => {
+      const e = document.createElement("button");
+      e.type = "button", e.className = "btn btn-sm capitalize flex-1", e.textContent = a, e.dataset.flavor = a, t.appendChild(e);
+    }));
+    const m = () => {
+      if (!t) return;
+      t.querySelectorAll("[data-flavor]").forEach((e) => {
+        e.dataset.flavor === n ? (e.classList.remove("btn-outline", "btn-ghost"), e.classList.add("btn-primary")) : (e.classList.remove("btn-primary"), e.classList.add("btn-ghost"));
+      });
+    }, p = () => {
+      if (!o) return;
+      o.innerHTML = "";
+      const a = f(n);
+      o.className = "theme-accents grid grid-cols-7 gap-3 place-items-center p-4 rounded-xl border border-border/50 mt-4 transition-colors duration-300", o.style.backgroundColor = a.background, i.forEach((e) => {
+        const r = document.createElement("button");
+        r.type = "button", r.className = "size-6 rounded-full border border-border/20 shadow-sm transition-transform hover:scale-110 focus:outline-none focus:ring-2 focus:ring-ring", r.title = e, r.style.backgroundColor = a[e], r.dataset.tooltip = e, r.dataset.side = "top", r.onclick = () => {
+          u(n, e);
+        }, o.appendChild(r);
+      });
+    };
+    t && t.addEventListener("click", (a) => {
+      const e = a.target.closest("[data-flavor]");
+      e && (n = e.dataset.flavor, m(), p());
+    }), s && s.addEventListener("click", () => {
+      const a = document.documentElement;
+      l.forEach((e) => a.classList.remove(`theme-${e}`)), i.forEach((e) => a.classList.remove(`accent-${e}`)), localStorage.removeItem("catppuccin-theme"), localStorage.removeItem("catppuccin-accent"), d.includes(n) ? a.classList.add("dark") : a.classList.remove("dark");
+    }), m(), p();
+  };
+  window.basecoat && window.basecoat.register("catppuccin-theme-switcher", ".catppuccin-theme-switcher", v);
+})();

package/dist/js/command.js

@@ -0,0 +1,132 @@
+(() => {
+  const initCommand = (container) => {
+    const input = container.querySelector("header input");
+    const menu = container.querySelector('[role="menu"]');
+    if (!input || !menu) {
+      const missing = [];
+      if (!input) missing.push("input");
+      if (!menu) missing.push("menu");
+      console.error(`Command component initialization failed. Missing element(s): ${missing.join(", ")}`, container);
+      return;
+    }
+    const allMenuItems = Array.from(menu.querySelectorAll('[role="menuitem"]'));
+    const menuItems = allMenuItems.filter(
+      (item) => !item.hasAttribute("disabled") && item.getAttribute("aria-disabled") !== "true"
+    );
+    let visibleMenuItems = [...menuItems];
+    let activeIndex = -1;
+    const setActiveItem = (index) => {
+      if (activeIndex > -1 && menuItems[activeIndex]) {
+        menuItems[activeIndex].classList.remove("active");
+      }
+      activeIndex = index;
+      if (activeIndex > -1) {
+        const activeItem = menuItems[activeIndex];
+        activeItem.classList.add("active");
+        if (activeItem.id) {
+          input.setAttribute("aria-activedescendant", activeItem.id);
+        } else {
+          input.removeAttribute("aria-activedescendant");
+        }
+      } else {
+        input.removeAttribute("aria-activedescendant");
+      }
+    };
+    const filterMenuItems = () => {
+      const searchTerm = input.value.trim().toLowerCase();
+      setActiveItem(-1);
+      visibleMenuItems = [];
+      allMenuItems.forEach((item) => {
+        if (item.hasAttribute("data-force")) {
+          item.setAttribute("aria-hidden", "false");
+          if (menuItems.includes(item)) {
+            visibleMenuItems.push(item);
+          }
+          return;
+        }
+        const itemText = (item.dataset.filter || item.textContent).trim().toLowerCase();
+        const keywordList = (item.dataset.keywords || "").toLowerCase().split(/[\s,]+/).filter(Boolean);
+        const matchesKeyword = keywordList.some((keyword) => keyword.includes(searchTerm));
+        const matches = itemText.includes(searchTerm) || matchesKeyword;
+        item.setAttribute("aria-hidden", String(!matches));
+        if (matches && menuItems.includes(item)) {
+          visibleMenuItems.push(item);
+        }
+      });
+      if (visibleMenuItems.length > 0) {
+        setActiveItem(menuItems.indexOf(visibleMenuItems[0]));
+        visibleMenuItems[0].scrollIntoView({ block: "nearest" });
+      }
+    };
+    input.addEventListener("input", filterMenuItems);
+    const handleKeyNavigation = (event) => {
+      if (!["ArrowDown", "ArrowUp", "Enter", "Home", "End"].includes(event.key)) {
+        return;
+      }
+      if (event.key === "Enter") {
+        event.preventDefault();
+        if (activeIndex > -1) {
+          menuItems[activeIndex]?.click();
+        }
+        return;
+      }
+      if (visibleMenuItems.length === 0) return;
+      event.preventDefault();
+      const currentVisibleIndex = activeIndex > -1 ? visibleMenuItems.indexOf(menuItems[activeIndex]) : -1;
+      let nextVisibleIndex = currentVisibleIndex;
+      switch (event.key) {
+        case "ArrowDown":
+          if (currentVisibleIndex < visibleMenuItems.length - 1) {
+            nextVisibleIndex = currentVisibleIndex + 1;
+          }
+          break;
+        case "ArrowUp":
+          if (currentVisibleIndex > 0) {
+            nextVisibleIndex = currentVisibleIndex - 1;
+          } else if (currentVisibleIndex === -1) {
+            nextVisibleIndex = 0;
+          }
+          break;
+        case "Home":
+          nextVisibleIndex = 0;
+          break;
+        case "End":
+          nextVisibleIndex = visibleMenuItems.length - 1;
+          break;
+      }
+      if (nextVisibleIndex !== currentVisibleIndex) {
+        const newActiveItem = visibleMenuItems[nextVisibleIndex];
+        setActiveItem(menuItems.indexOf(newActiveItem));
+        newActiveItem.scrollIntoView({ block: "nearest", behavior: "smooth" });
+      }
+    };
+    menu.addEventListener("mousemove", (event) => {
+      const menuItem = event.target.closest('[role="menuitem"]');
+      if (menuItem && visibleMenuItems.includes(menuItem)) {
+        const index = menuItems.indexOf(menuItem);
+        if (index !== activeIndex) {
+          setActiveItem(index);
+        }
+      }
+    });
+    menu.addEventListener("click", (event) => {
+      const clickedItem = event.target.closest('[role="menuitem"]');
+      if (clickedItem && visibleMenuItems.includes(clickedItem)) {
+        const dialog = container.closest("dialog.command-dialog");
+        if (dialog && !clickedItem.hasAttribute("data-keep-command-open")) {
+          dialog.close();
+        }
+      }
+    });
+    input.addEventListener("keydown", handleKeyNavigation);
+    if (visibleMenuItems.length > 0) {
+      setActiveItem(menuItems.indexOf(visibleMenuItems[0]));
+      visibleMenuItems[0].scrollIntoView({ block: "nearest" });
+    }
+    container.dataset.commandInitialized = true;
+    container.dispatchEvent(new CustomEvent("basecoat:initialized"));
+  };
+  if (window.basecoat) {
+    window.basecoat.register("command", ".command:not([data-command-initialized])", initCommand);
+  }
+})();

package/dist/js/command.min.js

@@ -0,0 +1,76 @@
+(() => {
+  const f = (r) => {
+    const o = r.querySelector("header input"), c = r.querySelector('[role="menu"]');
+    if (!o || !c) {
+      const t = [];
+      o || t.push("input"), c || t.push("menu"), console.error(`Command component initialization failed. Missing element(s): ${t.join(", ")}`, r);
+      return;
+    }
+    const u = Array.from(c.querySelectorAll('[role="menuitem"]')), s = u.filter(
+      (t) => !t.hasAttribute("disabled") && t.getAttribute("aria-disabled") !== "true"
+    );
+    let i = [...s], a = -1;
+    const d = (t) => {
+      if (a > -1 && s[a] && s[a].classList.remove("active"), a = t, a > -1) {
+        const e = s[a];
+        e.classList.add("active"), e.id ? o.setAttribute("aria-activedescendant", e.id) : o.removeAttribute("aria-activedescendant");
+      } else
+        o.removeAttribute("aria-activedescendant");
+    }, b = () => {
+      const t = o.value.trim().toLowerCase();
+      d(-1), i = [], u.forEach((e) => {
+        if (e.hasAttribute("data-force")) {
+          e.setAttribute("aria-hidden", "false"), s.includes(e) && i.push(e);
+          return;
+        }
+        const n = (e.dataset.filter || e.textContent).trim().toLowerCase(), w = (e.dataset.keywords || "").toLowerCase().split(/[\s,]+/).filter(Boolean).some((v) => v.includes(t)), m = n.includes(t) || w;
+        e.setAttribute("aria-hidden", String(!m)), m && s.includes(e) && i.push(e);
+      }), i.length > 0 && (d(s.indexOf(i[0])), i[0].scrollIntoView({ block: "nearest" }));
+    };
+    o.addEventListener("input", b);
+    const h = (t) => {
+      if (!["ArrowDown", "ArrowUp", "Enter", "Home", "End"].includes(t.key))
+        return;
+      if (t.key === "Enter") {
+        t.preventDefault(), a > -1 && s[a]?.click();
+        return;
+      }
+      if (i.length === 0) return;
+      t.preventDefault();
+      const e = a > -1 ? i.indexOf(s[a]) : -1;
+      let n = e;
+      switch (t.key) {
+        case "ArrowDown":
+          e < i.length - 1 && (n = e + 1);
+          break;
+        case "ArrowUp":
+          e > 0 ? n = e - 1 : e === -1 && (n = 0);
+          break;
+        case "Home":
+          n = 0;
+          break;
+        case "End":
+          n = i.length - 1;
+          break;
+      }
+      if (n !== e) {
+        const l = i[n];
+        d(s.indexOf(l)), l.scrollIntoView({ block: "nearest", behavior: "smooth" });
+      }
+    };
+    c.addEventListener("mousemove", (t) => {
+      const e = t.target.closest('[role="menuitem"]');
+      if (e && i.includes(e)) {
+        const n = s.indexOf(e);
+        n !== a && d(n);
+      }
+    }), c.addEventListener("click", (t) => {
+      const e = t.target.closest('[role="menuitem"]');
+      if (e && i.includes(e)) {
+        const n = r.closest("dialog.command-dialog");
+        n && !e.hasAttribute("data-keep-command-open") && n.close();
+      }
+    }), o.addEventListener("keydown", h), i.length > 0 && (d(s.indexOf(i[0])), i[0].scrollIntoView({ block: "nearest" })), r.dataset.commandInitialized = !0, r.dispatchEvent(new CustomEvent("basecoat:initialized"));
+  };
+  window.basecoat && window.basecoat.register("command", ".command:not([data-command-initialized])", f);
+})();