@samline/autocomplete 1.0.0 → 2.0.0

package/dist/index.js

@@ -1,412 +1,61 @@
-// src/core/defaults.ts
-var DEFAULT_MESSAGES = {
-  loading: "Searching...",
-  empty: "No results",
-  error: "Search failed"
-};
-var parseJsonResponse = async (response) => response.json();
-var mapCommonResponse = (payload) => {
-  if (Array.isArray(payload)) return payload;
-  if (!payload || typeof payload !== "object") throw invalidPayloadError();
-  const record = payload;
-  if (Array.isArray(record.suggestions)) return record.suggestions;
-  if (Array.isArray(record.items)) return record.items;
-  if (Array.isArray(record.data)) return record.data;
-  throw invalidPayloadError();
-};
-function getDefaultLabel(suggestion) {
-  if (typeof suggestion === "string") return suggestion;
-  if (!suggestion || typeof suggestion !== "object") return String(suggestion ?? "");
-  const record = suggestion;
-  return String(record.label ?? record.value ?? record.title ?? "");
-}
-function getDefaultValue(suggestion) {
-  if (typeof suggestion === "string") return suggestion;
-  if (!suggestion || typeof suggestion !== "object") return String(suggestion ?? "");
-  const record = suggestion;
-  return String(record.value ?? record.label ?? record.title ?? "");
-}
-function getDefaultId(suggestion, index) {
-  if (!suggestion || typeof suggestion !== "object") return index;
-  return suggestion.id ?? index;
-}
-function validateOptions(options) {
-  if (!options.endpoint) throw new TypeError("Autocomplete requires an endpoint.");
-  assertNonNegativeInteger(options.minLength, "minLength");
-  assertNonNegativeInteger(options.debounce, "debounce");
-  if (options.maxResults !== void 0 && (!Number.isInteger(options.maxResults) || options.maxResults < 1)) {
-    throw new TypeError("Autocomplete maxResults must be an integer greater than zero.");
-  }
-}
-function assertNonNegativeInteger(value, name) {
-  if (value !== void 0 && (!Number.isInteger(value) || value < 0)) {
-    throw new TypeError(`Autocomplete ${name} must be a non-negative integer.`);
-  }
-}
-function invalidPayloadError() {
-  return new TypeError(
-    "Autocomplete response does not contain an array. Configure mapResponse(payload, response, query)."
-  );
-}
-
-// src/core/dom.ts
-function resolveInput(target) {
-  const element = typeof target === "string" ? document.querySelector(target) : target;
-  if (!(element instanceof HTMLInputElement)) {
-    throw new TypeError("Autocomplete requires an HTMLInputElement or a valid selector.");
-  }
-  return element;
-}
-function sanitizeId(value) {
-  return String(value).replace(/[^a-zA-Z0-9_-]/g, "-");
-}
-function restoreAttribute(element, name, value) {
-  if (value === null) {
-    element.removeAttribute(name);
-    return;
-  }
-  element.setAttribute(name, value);
-}
-
-// src/core/controller.ts
-var instanceCount = 0;
-function createAutocompleteController(target, options) {
-  validateOptions(options);
-  const input = resolveInput(target);
-  const instanceId = `autocomplete-${++instanceCount}`;
-  const messages = { ...DEFAULT_MESSAGES, ...options.messages };
-  const mapResponse = options.mapResponse ?? mapCommonResponse;
-  const settings = {
-    queryParam: options.queryParam === void 0 ? "q" : options.queryParam,
-    requestInit: options.requestInit ?? {},
-    parseResponse: options.parseResponse ?? parseJsonResponse,
-    mapResponse,
-    getId: options.getId ?? getDefaultId,
-    getLabel: options.getLabel ?? getDefaultLabel,
-    getValue: options.getValue ?? getDefaultValue,
-    renderOption: options.renderOption,
-    minLength: options.minLength ?? 2,
-    debounce: options.debounce ?? 250,
-    maxResults: options.maxResults ?? 8,
-    searchOnFocus: options.searchOnFocus ?? true,
-    onSelect: options.onSelect,
-    onError: options.onError
-  };
-  const list = document.createElement("div");
-  const originalAttributes = /* @__PURE__ */ new Map();
-  let suggestions = [];
-  let activeIndex = -1;
-  let selected = null;
-  let debounceTimer;
-  let abortController = null;
-  let requestSequence = 0;
-  let destroyed = false;
-  let suppressFocusSearch = false;
-  list.id = `${instanceId}-listbox`;
-  list.hidden = true;
-  list.role = "listbox";
-  list.dataset.autocompleteList = "";
-  for (const name of [
-    "role",
-    "autocomplete",
-    "aria-autocomplete",
-    "aria-controls",
-    "aria-expanded",
-    "aria-activedescendant"
-  ]) {
-    originalAttributes.set(name, input.getAttribute(name));
-  }
-  input.role = "combobox";
-  input.autocomplete = "off";
-  input.setAttribute("aria-autocomplete", "list");
-  input.setAttribute("aria-controls", list.id);
-  input.setAttribute("aria-expanded", "false");
-  input.insertAdjacentElement("afterend", list);
-  function buildUrl(query) {
-    const endpoint = typeof options.endpoint === "function" ? options.endpoint(query, input) : options.endpoint;
-    const url = new URL(endpoint, document.baseURI);
-    if (settings.queryParam !== null) url.searchParams.set(settings.queryParam, query);
-    return url;
-  }
-  function buildRequestInit(query, signal) {
-    const init = typeof settings.requestInit === "function" ? settings.requestInit(query, input) : settings.requestInit;
-    return { ...init, signal };
-  }
-  function handleInput(event) {
-    if (event.isComposing) return;
-    scheduleSearch();
-  }
-  function scheduleSearch() {
-    window.clearTimeout(debounceTimer);
-    const query = input.value.trim();
-    if (selected !== null) {
-      selected = null;
-      dispatch("autocomplete:clear", { query });
-    }
-    if (query.length < settings.minLength) {
-      cancel();
-      close();
-      return;
-    }
-    debounceTimer = window.setTimeout(() => void search(query), settings.debounce);
-  }
-  async function search(query = input.value.trim()) {
-    if (destroyed || query.length < settings.minLength) {
-      close();
-      return;
-    }
-    cancel();
-    const sequence = ++requestSequence;
-    const controller = new AbortController();
-    abortController = controller;
-    renderStatus(messages.loading, "status", "loading");
-    dispatch("autocomplete:loadstart", { query });
-    try {
-      const response = await fetch(buildUrl(query), buildRequestInit(query, controller.signal));
-      if (!response.ok) throw new Error(`Autocomplete request failed with HTTP ${response.status}.`);
-      const payload = await settings.parseResponse(response, query);
-      const result = await settings.mapResponse(payload, response, query);
-      if (!Array.isArray(result))
-        throw new TypeError("Autocomplete mapResponse must return an array.");
-      if (sequence !== requestSequence) return;
-      suggestions = result.slice(0, settings.maxResults).map(normalizeSuggestion);
-      activeIndex = -1;
-      if (suggestions.length === 0) renderStatus(messages.empty, "status", "empty");
-      else renderSuggestions();
-      dispatch("autocomplete:load", {
-        query,
-        suggestions: suggestions.map((suggestion) => suggestion.data)
-      });
-    } catch (error) {
-      if (isAbortError(error) || sequence !== requestSequence) return;
-      suggestions = [];
-      activeIndex = -1;
-      renderStatus(messages.error, "alert", "error");
-      dispatch("autocomplete:error", { query, error });
-      settings.onError?.(error, input);
-    } finally {
-      if (sequence === requestSequence) abortController = null;
-    }
-  }
-  function normalizeSuggestion(suggestion, index) {
-    return {
-      id: `${instanceId}-option-${sanitizeId(settings.getId(suggestion, index))}`,
-      label: String(settings.getLabel(suggestion)),
-      value: String(settings.getValue(suggestion)),
-      data: suggestion
-    };
-  }
-  function renderSuggestions() {
-    const fragment = document.createDocumentFragment();
-    list.replaceChildren();
-    suggestions.forEach((suggestion, index) => {
-      const option = document.createElement("button");
-      option.id = suggestion.id;
-      option.type = "button";
-      option.role = "option";
-      option.textContent = suggestion.label;
-      option.dataset.autocompleteOption = "";
-      option.dataset.index = String(index);
-      option.setAttribute("aria-selected", "false");
-      settings.renderOption?.(option, suggestion.data);
-      option.addEventListener("pointerdown", handleOptionPointerDown);
-      option.addEventListener("pointerenter", handleOptionPointerEnter);
-      fragment.append(option);
-    });
-    list.append(fragment);
-    open();
-  }
-  function renderStatus(message, role, state) {
-    const element = document.createElement("div");
-    element.role = role;
-    element.textContent = message;
-    element.dataset.autocompleteStatus = state;
-    list.replaceChildren(element);
-    open(true);
-  }
-  function open(allowStatus = false) {
-    if (destroyed || !allowStatus && suggestions.length === 0) return;
-    list.hidden = false;
-    input.setAttribute("aria-expanded", "true");
-  }
-  function close() {
-    activeIndex = -1;
-    list.hidden = true;
-    input.setAttribute("aria-expanded", "false");
-    input.removeAttribute("aria-activedescendant");
-    updateActiveOption();
-  }
-  function dismiss() {
-    cancel();
-    close();
-  }
-  function clear() {
-    const hadSelection = selected !== null;
-    cancel();
-    suggestions = [];
-    activeIndex = -1;
-    selected = null;
-    input.value = "";
-    close();
-    if (hadSelection) dispatch("autocomplete:clear", { query: "" });
-  }
-  function moveActiveOption(direction) {
-    if (list.hidden || suggestions.length === 0) return;
-    activeIndex = activeIndex === -1 ? direction > 0 ? 0 : suggestions.length - 1 : (activeIndex + direction + suggestions.length) % suggestions.length;
-    updateActiveOption();
-  }
-  function updateActiveOption() {
-    const options2 = list.querySelectorAll("[data-autocomplete-option]");
-    options2.forEach((option, index) => {
-      const active2 = index === activeIndex;
-      option.dataset.active = String(active2);
-      option.setAttribute("aria-selected", String(active2));
-    });
-    const active = options2.item(activeIndex);
-    if (!active) {
-      input.removeAttribute("aria-activedescendant");
-      return;
-    }
-    input.setAttribute("aria-activedescendant", active.id);
-    active.scrollIntoView({ block: "nearest" });
-  }
-  function select(index) {
-    const suggestion = suggestions[index];
-    if (!suggestion) return;
-    selected = suggestion.data;
-    input.value = suggestion.value;
-    dismiss();
-    dispatch("autocomplete:select", {
-      suggestion: suggestion.data,
-      label: suggestion.label,
-      value: suggestion.value
-    });
-    settings.onSelect?.(suggestion.data, input);
-  }
-  function dispatch(name, detail) {
-    input.dispatchEvent(new CustomEvent(name, { bubbles: true, detail }));
-  }
-  function cancel() {
-    window.clearTimeout(debounceTimer);
-    debounceTimer = void 0;
-    requestSequence += 1;
-    abortController?.abort();
-    abortController = null;
-  }
-  function handleFocus() {
-    if (suppressFocusSearch) return;
-    if (settings.searchOnFocus && input.value.trim().length >= settings.minLength) {
-      scheduleSearch();
-    }
-  }
-  function handleKeydown(event) {
-    if (event.key === "ArrowDown" || event.key === "ArrowUp") {
-      if (suggestions.length === 0 || list.hidden) return;
-      event.preventDefault();
-      moveActiveOption(event.key === "ArrowDown" ? 1 : -1);
-      return;
-    }
-    if (event.key === "Enter" && !list.hidden && activeIndex >= 0) {
-      event.preventDefault();
-      select(activeIndex);
-      return;
-    }
-    if ((event.key === "Home" || event.key === "End") && !list.hidden && suggestions.length > 0) {
-      event.preventDefault();
-      activeIndex = event.key === "Home" ? 0 : suggestions.length - 1;
-      updateActiveOption();
-      return;
-    }
-    if (event.key === "Escape") {
-      event.preventDefault();
-      dismiss();
-      return;
-    }
-    if (event.key === "Tab") dismiss();
-  }
-  function handleOptionPointerDown(event) {
-    event.preventDefault();
-    const element = event.currentTarget;
-    select(Number(element.dataset.index));
-    if (document.activeElement !== input) {
-      suppressFocusSearch = true;
-      input.focus({ preventScroll: true });
-      suppressFocusSearch = false;
-    }
-  }
-  function handleOptionPointerEnter(event) {
-    const element = event.currentTarget;
-    activeIndex = Number(element.dataset.index);
-    updateActiveOption();
-  }
-  function handleDocumentPointerDown(event) {
-    if (event.target !== input && !list.contains(event.target)) dismiss();
-  }
-  function destroy2() {
-    if (destroyed) return;
-    destroyed = true;
-    cancel();
-    input.removeEventListener("input", handleInput);
-    input.removeEventListener("compositionend", scheduleSearch);
-    input.removeEventListener("focus", handleFocus);
-    input.removeEventListener("keydown", handleKeydown);
-    document.removeEventListener("pointerdown", handleDocumentPointerDown);
-    list.remove();
-    originalAttributes.forEach((value, name) => restoreAttribute(input, name, value));
-  }
-  input.addEventListener("input", handleInput);
-  input.addEventListener("compositionend", scheduleSearch);
-  input.addEventListener("focus", handleFocus);
-  input.addEventListener("keydown", handleKeydown);
-  document.addEventListener("pointerdown", handleDocumentPointerDown);
-  return {
-    element: input,
-    listElement: list,
-    options,
-    search,
-    close: dismiss,
-    clear,
-    cancel,
-    getSelected: () => selected,
-    destroy: destroy2
-  };
-}
-function isAbortError(error) {
-  return error instanceof DOMException && error.name === "AbortError";
-}
-
-// src/api/create-autocomplete.ts
-function createAutocomplete(target, options) {
-  return createAutocompleteController(target, options);
-}
-var autocomplete = createAutocomplete;
-
-// src/browser/registry.ts
-var available = /* @__PURE__ */ Object.create(null);
-function create(target, options) {
-  const input = resolveInput(target);
-  if (!input.id) throw new TypeError("Autocomplete.create requires an input with an id.");
-  available[input.id]?.destroy();
-  const controller = createAutocomplete(input, options);
-  available[input.id] = controller;
-  return controller;
-}
-function destroy(id) {
-  available[id]?.destroy();
-  delete available[id];
-}
-var browser = {
-  autocomplete: createAutocomplete,
-  create,
-  destroy,
-  available
-};
+import "./chunk-AD7T42HJ.js";
+import "./chunk-PPDQPLPE.js";
+import {
+  Autocomplete,
+  browser
+} from "./chunk-5UZVFHB4.js";
+import {
+  autocomplete,
+  createAutocomplete,
+  renderHighlight
+} from "./chunk-U5JYDGKW.js";
+import {
+  DEFAULT_CACHE_SIZE,
+  DEFAULT_CACHE_TTL,
+  DEFAULT_DEBOUNCE,
+  DEFAULT_MAX_RESULTS,
+  DEFAULT_MESSAGES,
+  DEFAULT_MIN_LENGTH,
+  DEFAULT_QUERY_PARAM,
+  HIGHLIGHT_ATTRIBUTE,
+  LIST_ATTRIBUTE,
+  LIVE_ATTRIBUTE,
+  OPTION_ATTRIBUTE,
+  POPUP_ATTRIBUTE,
+  STATUS_ATTRIBUTE,
+  createCache,
+  filterSuggestions,
+  fromEndpoint,
+  highlight,
+  mapCommonResponse,
+  normalizeText,
+  parseJsonResponse
+} from "./chunk-4IPBCQDZ.js";
 export {
+  Autocomplete,
+  DEFAULT_CACHE_SIZE,
+  DEFAULT_CACHE_TTL,
+  DEFAULT_DEBOUNCE,
+  DEFAULT_MAX_RESULTS,
+  DEFAULT_MESSAGES,
+  DEFAULT_MIN_LENGTH,
+  DEFAULT_QUERY_PARAM,
+  HIGHLIGHT_ATTRIBUTE,
+  LIST_ATTRIBUTE,
+  LIVE_ATTRIBUTE,
+  OPTION_ATTRIBUTE,
+  POPUP_ATTRIBUTE,
+  STATUS_ATTRIBUTE,
   autocomplete,
   browser,
   createAutocomplete,
-  createAutocompleteController,
+  createCache,
+  filterSuggestions,
+  fromEndpoint,
+  highlight,
   mapCommonResponse,
-  parseJsonResponse
+  normalizeText,
+  parseJsonResponse,
+  renderHighlight
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/defaults.ts","../src/core/dom.ts","../src/core/controller.ts","../src/api/create-autocomplete.ts","../src/browser/registry.ts"],"sourcesContent":["import type {\n  AutocompleteMessages,\n  AutocompleteOptions,\n  AutocompleteParser,\n  AutocompleteResponseMapper,\n} from './types'\n\nexport const DEFAULT_MESSAGES: AutocompleteMessages = {\n  loading: 'Searching...',\n  empty: 'No results',\n  error: 'Search failed',\n}\n\nexport const parseJsonResponse: AutocompleteParser = async response => response.json()\n\nexport const mapCommonResponse: AutocompleteResponseMapper<unknown> = payload => {\n  if (Array.isArray(payload)) return payload\n  if (!payload || typeof payload !== 'object') throw invalidPayloadError()\n\n  const record = payload as Record<string, unknown>\n  if (Array.isArray(record.suggestions)) return record.suggestions\n  if (Array.isArray(record.items)) return record.items\n  if (Array.isArray(record.data)) return record.data\n\n  throw invalidPayloadError()\n}\n\nexport function getDefaultLabel(suggestion: unknown): string {\n  if (typeof suggestion === 'string') return suggestion\n  if (!suggestion || typeof suggestion !== 'object') return String(suggestion ?? '')\n\n  const record = suggestion as Record<string, unknown>\n  return String(record.label ?? record.value ?? record.title ?? '')\n}\n\nexport function getDefaultValue(suggestion: unknown): string {\n  if (typeof suggestion === 'string') return suggestion\n  if (!suggestion || typeof suggestion !== 'object') return String(suggestion ?? '')\n\n  const record = suggestion as Record<string, unknown>\n  return String(record.value ?? record.label ?? record.title ?? '')\n}\n\nexport function getDefaultId(suggestion: unknown, index: number): string | number {\n  if (!suggestion || typeof suggestion !== 'object') return index\n  return ((suggestion as Record<string, unknown>).id as string | number | undefined) ?? index\n}\n\nexport function validateOptions<T>(options: AutocompleteOptions<T>): void {\n  if (!options.endpoint) throw new TypeError('Autocomplete requires an endpoint.')\n  assertNonNegativeInteger(options.minLength, 'minLength')\n  assertNonNegativeInteger(options.debounce, 'debounce')\n\n  if (\n    options.maxResults !== undefined &&\n    (!Number.isInteger(options.maxResults) || options.maxResults < 1)\n  ) {\n    throw new TypeError('Autocomplete maxResults must be an integer greater than zero.')\n  }\n}\n\nfunction assertNonNegativeInteger(value: number | undefined, name: string): void {\n  if (value !== undefined && (!Number.isInteger(value) || value < 0)) {\n    throw new TypeError(`Autocomplete ${name} must be a non-negative integer.`)\n  }\n}\n\nfunction invalidPayloadError(): TypeError {\n  return new TypeError(\n    'Autocomplete response does not contain an array. Configure mapResponse(payload, response, query).'\n  )\n}\n","import type { AutocompleteTarget } from './types'\n\nexport function resolveInput(target: AutocompleteTarget): HTMLInputElement {\n  const element = typeof target === 'string' ? document.querySelector(target) : target\n\n  if (!(element instanceof HTMLInputElement)) {\n    throw new TypeError('Autocomplete requires an HTMLInputElement or a valid selector.')\n  }\n\n  return element\n}\n\nexport function sanitizeId(value: unknown): string {\n  return String(value).replace(/[^a-zA-Z0-9_-]/g, '-')\n}\n\nexport function restoreAttribute(element: HTMLElement, name: string, value: string | null): void {\n  if (value === null) {\n    element.removeAttribute(name)\n    return\n  }\n\n  element.setAttribute(name, value)\n}\n","import {\n  DEFAULT_MESSAGES,\n  getDefaultId,\n  getDefaultLabel,\n  getDefaultValue,\n  mapCommonResponse,\n  parseJsonResponse,\n  validateOptions,\n} from './defaults'\nimport { resolveInput, restoreAttribute, sanitizeId } from './dom'\nimport type {\n  AutocompleteController,\n  AutocompleteMessages,\n  AutocompleteOptions,\n  AutocompleteResponseMapper,\n  AutocompleteTarget,\n  NormalizedSuggestion,\n} from './types'\n\nlet instanceCount = 0\n\nexport function createAutocompleteController<T>(\n  target: AutocompleteTarget,\n  options: AutocompleteOptions<T>\n): AutocompleteController<T> {\n  validateOptions(options)\n\n  const input = resolveInput(target)\n  const instanceId = `autocomplete-${++instanceCount}`\n  const messages: AutocompleteMessages = { ...DEFAULT_MESSAGES, ...options.messages }\n  const mapResponse: AutocompleteResponseMapper<T> =\n    options.mapResponse ?? (mapCommonResponse as AutocompleteResponseMapper<T>)\n  const settings = {\n    queryParam: options.queryParam === undefined ? 'q' : options.queryParam,\n    requestInit: options.requestInit ?? {},\n    parseResponse: options.parseResponse ?? parseJsonResponse,\n    mapResponse,\n    getId: options.getId ?? (getDefaultId as (suggestion: T, index: number) => string | number),\n    getLabel: options.getLabel ?? (getDefaultLabel as (suggestion: T) => string),\n    getValue: options.getValue ?? (getDefaultValue as (suggestion: T) => string),\n    renderOption: options.renderOption,\n    minLength: options.minLength ?? 2,\n    debounce: options.debounce ?? 250,\n    maxResults: options.maxResults ?? 8,\n    searchOnFocus: options.searchOnFocus ?? true,\n    onSelect: options.onSelect,\n    onError: options.onError,\n  }\n  const list = document.createElement('div')\n  const originalAttributes = new Map<string, string | null>()\n\n  let suggestions: NormalizedSuggestion<T>[] = []\n  let activeIndex = -1\n  let selected: T | null = null\n  let debounceTimer: number | undefined\n  let abortController: AbortController | null = null\n  let requestSequence = 0\n  let destroyed = false\n  let suppressFocusSearch = false\n\n  list.id = `${instanceId}-listbox`\n  list.hidden = true\n  list.role = 'listbox'\n  list.dataset.autocompleteList = ''\n\n  for (const name of [\n    'role',\n    'autocomplete',\n    'aria-autocomplete',\n    'aria-controls',\n    'aria-expanded',\n    'aria-activedescendant',\n  ]) {\n    originalAttributes.set(name, input.getAttribute(name))\n  }\n\n  input.role = 'combobox'\n  input.autocomplete = 'off'\n  input.setAttribute('aria-autocomplete', 'list')\n  input.setAttribute('aria-controls', list.id)\n  input.setAttribute('aria-expanded', 'false')\n  input.insertAdjacentElement('afterend', list)\n\n  function buildUrl(query: string): URL {\n    const endpoint =\n      typeof options.endpoint === 'function' ? options.endpoint(query, input) : options.endpoint\n    const url = new URL(endpoint, document.baseURI)\n\n    if (settings.queryParam !== null) url.searchParams.set(settings.queryParam, query)\n    return url\n  }\n\n  function buildRequestInit(query: string, signal: AbortSignal): RequestInit {\n    const init =\n      typeof settings.requestInit === 'function'\n        ? settings.requestInit(query, input)\n        : settings.requestInit\n\n    return { ...init, signal }\n  }\n\n  function handleInput(event: Event): void {\n    // Wait for IME composition to finish (compositionend schedules the search).\n    if ((event as InputEvent).isComposing) return\n    scheduleSearch()\n  }\n\n  function scheduleSearch(): void {\n    window.clearTimeout(debounceTimer)\n    const query = input.value.trim()\n\n    if (selected !== null) {\n      selected = null\n      dispatch('autocomplete:clear', { query })\n    }\n\n    if (query.length < settings.minLength) {\n      cancel()\n      close()\n      return\n    }\n\n    debounceTimer = window.setTimeout(() => void search(query), settings.debounce)\n  }\n\n  async function search(query = input.value.trim()): Promise<void> {\n    if (destroyed || query.length < settings.minLength) {\n      close()\n      return\n    }\n\n    cancel()\n    const sequence = ++requestSequence\n    const controller = new AbortController()\n    abortController = controller\n\n    renderStatus(messages.loading, 'status', 'loading')\n    dispatch('autocomplete:loadstart', { query })\n\n    try {\n      const response = await fetch(buildUrl(query), buildRequestInit(query, controller.signal))\n      if (!response.ok) throw new Error(`Autocomplete request failed with HTTP ${response.status}.`)\n\n      const payload = await settings.parseResponse(response, query)\n      const result = await settings.mapResponse(payload, response, query)\n      if (!Array.isArray(result))\n        throw new TypeError('Autocomplete mapResponse must return an array.')\n      if (sequence !== requestSequence) return\n\n      suggestions = result.slice(0, settings.maxResults).map(normalizeSuggestion)\n      activeIndex = -1\n\n      if (suggestions.length === 0) renderStatus(messages.empty, 'status', 'empty')\n      else renderSuggestions()\n\n      dispatch('autocomplete:load', {\n        query,\n        suggestions: suggestions.map(suggestion => suggestion.data),\n      })\n    } catch (error) {\n      if (isAbortError(error) || sequence !== requestSequence) return\n\n      suggestions = []\n      activeIndex = -1\n      renderStatus(messages.error, 'alert', 'error')\n      dispatch('autocomplete:error', { query, error })\n      settings.onError?.(error, input)\n    } finally {\n      if (sequence === requestSequence) abortController = null\n    }\n  }\n\n  function normalizeSuggestion(suggestion: T, index: number): NormalizedSuggestion<T> {\n    return {\n      id: `${instanceId}-option-${sanitizeId(settings.getId(suggestion, index))}`,\n      label: String(settings.getLabel(suggestion)),\n      value: String(settings.getValue(suggestion)),\n      data: suggestion,\n    }\n  }\n\n  function renderSuggestions(): void {\n    const fragment = document.createDocumentFragment()\n    list.replaceChildren()\n\n    suggestions.forEach((suggestion, index) => {\n      const option = document.createElement('button')\n      option.id = suggestion.id\n      option.type = 'button'\n      option.role = 'option'\n      option.textContent = suggestion.label\n      option.dataset.autocompleteOption = ''\n      option.dataset.index = String(index)\n      option.setAttribute('aria-selected', 'false')\n      settings.renderOption?.(option, suggestion.data)\n      option.addEventListener('pointerdown', handleOptionPointerDown)\n      option.addEventListener('pointerenter', handleOptionPointerEnter)\n      fragment.append(option)\n    })\n\n    list.append(fragment)\n    open()\n  }\n\n  function renderStatus(message: string, role: 'status' | 'alert', state: string): void {\n    const element = document.createElement('div')\n    element.role = role\n    element.textContent = message\n    element.dataset.autocompleteStatus = state\n    list.replaceChildren(element)\n    open(true)\n  }\n\n  function open(allowStatus = false): void {\n    if (destroyed || (!allowStatus && suggestions.length === 0)) return\n    list.hidden = false\n    input.setAttribute('aria-expanded', 'true')\n  }\n\n  function close(): void {\n    activeIndex = -1\n    list.hidden = true\n    input.setAttribute('aria-expanded', 'false')\n    input.removeAttribute('aria-activedescendant')\n    updateActiveOption()\n  }\n\n  // Closing is a user decision: drop the pending search and abort the request\n  // in flight, otherwise their response would reopen the list.\n  function dismiss(): void {\n    cancel()\n    close()\n  }\n\n  function clear(): void {\n    const hadSelection = selected !== null\n    cancel()\n    suggestions = []\n    activeIndex = -1\n    selected = null\n    input.value = ''\n    close()\n    if (hadSelection) dispatch('autocomplete:clear', { query: '' })\n  }\n\n  function moveActiveOption(direction: number): void {\n    if (list.hidden || suggestions.length === 0) return\n\n    activeIndex =\n      activeIndex === -1\n        ? direction > 0\n          ? 0\n          : suggestions.length - 1\n        : (activeIndex + direction + suggestions.length) % suggestions.length\n\n    updateActiveOption()\n  }\n\n  function updateActiveOption(): void {\n    const options = list.querySelectorAll<HTMLButtonElement>('[data-autocomplete-option]')\n\n    options.forEach((option, index) => {\n      const active = index === activeIndex\n      option.dataset.active = String(active)\n      option.setAttribute('aria-selected', String(active))\n    })\n\n    const active = options.item(activeIndex)\n    if (!active) {\n      input.removeAttribute('aria-activedescendant')\n      return\n    }\n\n    input.setAttribute('aria-activedescendant', active.id)\n    active.scrollIntoView({ block: 'nearest' })\n  }\n\n  function select(index: number): void {\n    const suggestion = suggestions[index]\n    if (!suggestion) return\n\n    selected = suggestion.data\n    input.value = suggestion.value\n    dismiss()\n    dispatch('autocomplete:select', {\n      suggestion: suggestion.data,\n      label: suggestion.label,\n      value: suggestion.value,\n    })\n    settings.onSelect?.(suggestion.data, input)\n  }\n\n  function dispatch(name: string, detail: object): void {\n    input.dispatchEvent(new CustomEvent(name, { bubbles: true, detail }))\n  }\n\n  function cancel(): void {\n    window.clearTimeout(debounceTimer)\n    debounceTimer = undefined\n    requestSequence += 1\n    abortController?.abort()\n    abortController = null\n  }\n\n  function handleFocus(): void {\n    if (suppressFocusSearch) return\n\n    if (settings.searchOnFocus && input.value.trim().length >= settings.minLength) {\n      scheduleSearch()\n    }\n  }\n\n  function handleKeydown(event: KeyboardEvent): void {\n    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n      if (suggestions.length === 0 || list.hidden) return\n      event.preventDefault()\n      moveActiveOption(event.key === 'ArrowDown' ? 1 : -1)\n      return\n    }\n\n    if (event.key === 'Enter' && !list.hidden && activeIndex >= 0) {\n      event.preventDefault()\n      select(activeIndex)\n      return\n    }\n\n    if ((event.key === 'Home' || event.key === 'End') && !list.hidden && suggestions.length > 0) {\n      event.preventDefault()\n      activeIndex = event.key === 'Home' ? 0 : suggestions.length - 1\n      updateActiveOption()\n      return\n    }\n\n    if (event.key === 'Escape') {\n      event.preventDefault()\n      dismiss()\n      return\n    }\n\n    if (event.key === 'Tab') dismiss()\n  }\n\n  function handleOptionPointerDown(event: PointerEvent): void {\n    event.preventDefault()\n    const element = event.currentTarget as HTMLButtonElement\n    select(Number(element.dataset.index))\n\n    if (document.activeElement !== input) {\n      suppressFocusSearch = true\n      input.focus({ preventScroll: true })\n      suppressFocusSearch = false\n    }\n  }\n\n  function handleOptionPointerEnter(event: PointerEvent): void {\n    const element = event.currentTarget as HTMLButtonElement\n    activeIndex = Number(element.dataset.index)\n    updateActiveOption()\n  }\n\n  function handleDocumentPointerDown(event: PointerEvent): void {\n    if (event.target !== input && !list.contains(event.target as Node)) dismiss()\n  }\n\n  function destroy(): void {\n    if (destroyed) return\n    destroyed = true\n    cancel()\n    input.removeEventListener('input', handleInput)\n    input.removeEventListener('compositionend', scheduleSearch)\n    input.removeEventListener('focus', handleFocus)\n    input.removeEventListener('keydown', handleKeydown)\n    document.removeEventListener('pointerdown', handleDocumentPointerDown)\n    list.remove()\n\n    originalAttributes.forEach((value, name) => restoreAttribute(input, name, value))\n  }\n\n  input.addEventListener('input', handleInput)\n  input.addEventListener('compositionend', scheduleSearch)\n  input.addEventListener('focus', handleFocus)\n  input.addEventListener('keydown', handleKeydown)\n  document.addEventListener('pointerdown', handleDocumentPointerDown)\n\n  return {\n    element: input,\n    listElement: list,\n    options,\n    search,\n    close: dismiss,\n    clear,\n    cancel,\n    getSelected: () => selected,\n    destroy,\n  }\n}\n\nfunction isAbortError(error: unknown): boolean {\n  return error instanceof DOMException && error.name === 'AbortError'\n}\n","import { createAutocompleteController } from '../core/controller'\nimport type { AutocompleteController, AutocompleteOptions, AutocompleteTarget } from '../core/types'\n\nexport function createAutocomplete<T = unknown>(\n  target: AutocompleteTarget,\n  options: AutocompleteOptions<T>\n): AutocompleteController<T> {\n  return createAutocompleteController(target, options)\n}\n\nexport const autocomplete = createAutocomplete\n","import { createAutocomplete } from '../api/create-autocomplete'\nimport { resolveInput } from '../core/dom'\nimport type { AutocompleteController, AutocompleteOptions, AutocompleteTarget } from '../core/types'\n\nexport type AutocompleteAvailable = Record<string, AutocompleteController<unknown>>\n\nexport interface AutocompleteApi {\n  autocomplete: typeof createAutocomplete\n  create: <T>(\n    target: AutocompleteTarget,\n    options: AutocompleteOptions<T>\n  ) => AutocompleteController<T>\n  destroy: (id: string) => void\n  available: AutocompleteAvailable\n}\n\nexport const available: AutocompleteAvailable = Object.create(null) as AutocompleteAvailable\n\nfunction create<T>(\n  target: AutocompleteTarget,\n  options: AutocompleteOptions<T>\n): AutocompleteController<T> {\n  const input = resolveInput(target)\n  if (!input.id) throw new TypeError('Autocomplete.create requires an input with an id.')\n\n  available[input.id]?.destroy()\n  const controller = createAutocomplete(input, options)\n  available[input.id] = controller as AutocompleteController<unknown>\n  return controller\n}\n\nfunction destroy(id: string): void {\n  available[id]?.destroy()\n  delete available[id]\n}\n\nexport const browser: AutocompleteApi = {\n  autocomplete: createAutocomplete,\n  create,\n  destroy,\n  available,\n}\n"],"mappings":";AAOO,IAAM,mBAAyC;AAAA,EACpD,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AACT;AAEO,IAAM,oBAAwC,OAAM,aAAY,SAAS,KAAK;AAE9E,IAAM,oBAAyD,aAAW;AAC/E,MAAI,MAAM,QAAQ,OAAO,EAAG,QAAO;AACnC,MAAI,CAAC,WAAW,OAAO,YAAY,SAAU,OAAM,oBAAoB;AAEvE,QAAM,SAAS;AACf,MAAI,MAAM,QAAQ,OAAO,WAAW,EAAG,QAAO,OAAO;AACrD,MAAI,MAAM,QAAQ,OAAO,KAAK,EAAG,QAAO,OAAO;AAC/C,MAAI,MAAM,QAAQ,OAAO,IAAI,EAAG,QAAO,OAAO;AAE9C,QAAM,oBAAoB;AAC5B;AAEO,SAAS,gBAAgB,YAA6B;AAC3D,MAAI,OAAO,eAAe,SAAU,QAAO;AAC3C,MAAI,CAAC,cAAc,OAAO,eAAe,SAAU,QAAO,OAAO,cAAc,EAAE;AAEjF,QAAM,SAAS;AACf,SAAO,OAAO,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,EAAE;AAClE;AAEO,SAAS,gBAAgB,YAA6B;AAC3D,MAAI,OAAO,eAAe,SAAU,QAAO;AAC3C,MAAI,CAAC,cAAc,OAAO,eAAe,SAAU,QAAO,OAAO,cAAc,EAAE;AAEjF,QAAM,SAAS;AACf,SAAO,OAAO,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,EAAE;AAClE;AAEO,SAAS,aAAa,YAAqB,OAAgC;AAChF,MAAI,CAAC,cAAc,OAAO,eAAe,SAAU,QAAO;AAC1D,SAAS,WAAuC,MAAsC;AACxF;AAEO,SAAS,gBAAmB,SAAuC;AACxE,MAAI,CAAC,QAAQ,SAAU,OAAM,IAAI,UAAU,oCAAoC;AAC/E,2BAAyB,QAAQ,WAAW,WAAW;AACvD,2BAAyB,QAAQ,UAAU,UAAU;AAErD,MACE,QAAQ,eAAe,WACtB,CAAC,OAAO,UAAU,QAAQ,UAAU,KAAK,QAAQ,aAAa,IAC/D;AACA,UAAM,IAAI,UAAU,+DAA+D;AAAA,EACrF;AACF;AAEA,SAAS,yBAAyB,OAA2B,MAAoB;AAC/E,MAAI,UAAU,WAAc,CAAC,OAAO,UAAU,KAAK,KAAK,QAAQ,IAAI;AAClE,UAAM,IAAI,UAAU,gBAAgB,IAAI,kCAAkC;AAAA,EAC5E;AACF;AAEA,SAAS,sBAAiC;AACxC,SAAO,IAAI;AAAA,IACT;AAAA,EACF;AACF;;;ACrEO,SAAS,aAAa,QAA8C;AACzE,QAAM,UAAU,OAAO,WAAW,WAAW,SAAS,cAAc,MAAM,IAAI;AAE9E,MAAI,EAAE,mBAAmB,mBAAmB;AAC1C,UAAM,IAAI,UAAU,gEAAgE;AAAA,EACtF;AAEA,SAAO;AACT;AAEO,SAAS,WAAW,OAAwB;AACjD,SAAO,OAAO,KAAK,EAAE,QAAQ,mBAAmB,GAAG;AACrD;AAEO,SAAS,iBAAiB,SAAsB,MAAc,OAA4B;AAC/F,MAAI,UAAU,MAAM;AAClB,YAAQ,gBAAgB,IAAI;AAC5B;AAAA,EACF;AAEA,UAAQ,aAAa,MAAM,KAAK;AAClC;;;ACJA,IAAI,gBAAgB;AAEb,SAAS,6BACd,QACA,SAC2B;AAC3B,kBAAgB,OAAO;AAEvB,QAAM,QAAQ,aAAa,MAAM;AACjC,QAAM,aAAa,gBAAgB,EAAE,aAAa;AAClD,QAAM,WAAiC,EAAE,GAAG,kBAAkB,GAAG,QAAQ,SAAS;AAClF,QAAM,cACJ,QAAQ,eAAgB;AAC1B,QAAM,WAAW;AAAA,IACf,YAAY,QAAQ,eAAe,SAAY,MAAM,QAAQ;AAAA,IAC7D,aAAa,QAAQ,eAAe,CAAC;AAAA,IACrC,eAAe,QAAQ,iBAAiB;AAAA,IACxC;AAAA,IACA,OAAO,QAAQ,SAAU;AAAA,IACzB,UAAU,QAAQ,YAAa;AAAA,IAC/B,UAAU,QAAQ,YAAa;AAAA,IAC/B,cAAc,QAAQ;AAAA,IACtB,WAAW,QAAQ,aAAa;AAAA,IAChC,UAAU,QAAQ,YAAY;AAAA,IAC9B,YAAY,QAAQ,cAAc;AAAA,IAClC,eAAe,QAAQ,iBAAiB;AAAA,IACxC,UAAU,QAAQ;AAAA,IAClB,SAAS,QAAQ;AAAA,EACnB;AACA,QAAM,OAAO,SAAS,cAAc,KAAK;AACzC,QAAM,qBAAqB,oBAAI,IAA2B;AAE1D,MAAI,cAAyC,CAAC;AAC9C,MAAI,cAAc;AAClB,MAAI,WAAqB;AACzB,MAAI;AACJ,MAAI,kBAA0C;AAC9C,MAAI,kBAAkB;AACtB,MAAI,YAAY;AAChB,MAAI,sBAAsB;AAE1B,OAAK,KAAK,GAAG,UAAU;AACvB,OAAK,SAAS;AACd,OAAK,OAAO;AACZ,OAAK,QAAQ,mBAAmB;AAEhC,aAAW,QAAQ;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAAG;AACD,uBAAmB,IAAI,MAAM,MAAM,aAAa,IAAI,CAAC;AAAA,EACvD;AAEA,QAAM,OAAO;AACb,QAAM,eAAe;AACrB,QAAM,aAAa,qBAAqB,MAAM;AAC9C,QAAM,aAAa,iBAAiB,KAAK,EAAE;AAC3C,QAAM,aAAa,iBAAiB,OAAO;AAC3C,QAAM,sBAAsB,YAAY,IAAI;AAE5C,WAAS,SAAS,OAAoB;AACpC,UAAM,WACJ,OAAO,QAAQ,aAAa,aAAa,QAAQ,SAAS,OAAO,KAAK,IAAI,QAAQ;AACpF,UAAM,MAAM,IAAI,IAAI,UAAU,SAAS,OAAO;AAE9C,QAAI,SAAS,eAAe,KAAM,KAAI,aAAa,IAAI,SAAS,YAAY,KAAK;AACjF,WAAO;AAAA,EACT;AAEA,WAAS,iBAAiB,OAAe,QAAkC;AACzE,UAAM,OACJ,OAAO,SAAS,gBAAgB,aAC5B,SAAS,YAAY,OAAO,KAAK,IACjC,SAAS;AAEf,WAAO,EAAE,GAAG,MAAM,OAAO;AAAA,EAC3B;AAEA,WAAS,YAAY,OAAoB;AAEvC,QAAK,MAAqB,YAAa;AACvC,mBAAe;AAAA,EACjB;AAEA,WAAS,iBAAuB;AAC9B,WAAO,aAAa,aAAa;AACjC,UAAM,QAAQ,MAAM,MAAM,KAAK;AAE/B,QAAI,aAAa,MAAM;AACrB,iBAAW;AACX,eAAS,sBAAsB,EAAE,MAAM,CAAC;AAAA,IAC1C;AAEA,QAAI,MAAM,SAAS,SAAS,WAAW;AACrC,aAAO;AACP,YAAM;AACN;AAAA,IACF;AAEA,oBAAgB,OAAO,WAAW,MAAM,KAAK,OAAO,KAAK,GAAG,SAAS,QAAQ;AAAA,EAC/E;AAEA,iBAAe,OAAO,QAAQ,MAAM,MAAM,KAAK,GAAkB;AAC/D,QAAI,aAAa,MAAM,SAAS,SAAS,WAAW;AAClD,YAAM;AACN;AAAA,IACF;AAEA,WAAO;AACP,UAAM,WAAW,EAAE;AACnB,UAAM,aAAa,IAAI,gBAAgB;AACvC,sBAAkB;AAElB,iBAAa,SAAS,SAAS,UAAU,SAAS;AAClD,aAAS,0BAA0B,EAAE,MAAM,CAAC;AAE5C,QAAI;AACF,YAAM,WAAW,MAAM,MAAM,SAAS,KAAK,GAAG,iBAAiB,OAAO,WAAW,MAAM,CAAC;AACxF,UAAI,CAAC,SAAS,GAAI,OAAM,IAAI,MAAM,yCAAyC,SAAS,MAAM,GAAG;AAE7F,YAAM,UAAU,MAAM,SAAS,cAAc,UAAU,KAAK;AAC5D,YAAM,SAAS,MAAM,SAAS,YAAY,SAAS,UAAU,KAAK;AAClE,UAAI,CAAC,MAAM,QAAQ,MAAM;AACvB,cAAM,IAAI,UAAU,gDAAgD;AACtE,UAAI,aAAa,gBAAiB;AAElC,oBAAc,OAAO,MAAM,GAAG,SAAS,UAAU,EAAE,IAAI,mBAAmB;AAC1E,oBAAc;AAEd,UAAI,YAAY,WAAW,EAAG,cAAa,SAAS,OAAO,UAAU,OAAO;AAAA,UACvE,mBAAkB;AAEvB,eAAS,qBAAqB;AAAA,QAC5B;AAAA,QACA,aAAa,YAAY,IAAI,gBAAc,WAAW,IAAI;AAAA,MAC5D,CAAC;AAAA,IACH,SAAS,OAAO;AACd,UAAI,aAAa,KAAK,KAAK,aAAa,gBAAiB;AAEzD,oBAAc,CAAC;AACf,oBAAc;AACd,mBAAa,SAAS,OAAO,SAAS,OAAO;AAC7C,eAAS,sBAAsB,EAAE,OAAO,MAAM,CAAC;AAC/C,eAAS,UAAU,OAAO,KAAK;AAAA,IACjC,UAAE;AACA,UAAI,aAAa,gBAAiB,mBAAkB;AAAA,IACtD;AAAA,EACF;AAEA,WAAS,oBAAoB,YAAe,OAAwC;AAClF,WAAO;AAAA,MACL,IAAI,GAAG,UAAU,WAAW,WAAW,SAAS,MAAM,YAAY,KAAK,CAAC,CAAC;AAAA,MACzE,OAAO,OAAO,SAAS,SAAS,UAAU,CAAC;AAAA,MAC3C,OAAO,OAAO,SAAS,SAAS,UAAU,CAAC;AAAA,MAC3C,MAAM;AAAA,IACR;AAAA,EACF;AAEA,WAAS,oBAA0B;AACjC,UAAM,WAAW,SAAS,uBAAuB;AACjD,SAAK,gBAAgB;AAErB,gBAAY,QAAQ,CAAC,YAAY,UAAU;AACzC,YAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,aAAO,KAAK,WAAW;AACvB,aAAO,OAAO;AACd,aAAO,OAAO;AACd,aAAO,cAAc,WAAW;AAChC,aAAO,QAAQ,qBAAqB;AACpC,aAAO,QAAQ,QAAQ,OAAO,KAAK;AACnC,aAAO,aAAa,iBAAiB,OAAO;AAC5C,eAAS,eAAe,QAAQ,WAAW,IAAI;AAC/C,aAAO,iBAAiB,eAAe,uBAAuB;AAC9D,aAAO,iBAAiB,gBAAgB,wBAAwB;AAChE,eAAS,OAAO,MAAM;AAAA,IACxB,CAAC;AAED,SAAK,OAAO,QAAQ;AACpB,SAAK;AAAA,EACP;AAEA,WAAS,aAAa,SAAiB,MAA0B,OAAqB;AACpF,UAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,YAAQ,OAAO;AACf,YAAQ,cAAc;AACtB,YAAQ,QAAQ,qBAAqB;AACrC,SAAK,gBAAgB,OAAO;AAC5B,SAAK,IAAI;AAAA,EACX;AAEA,WAAS,KAAK,cAAc,OAAa;AACvC,QAAI,aAAc,CAAC,eAAe,YAAY,WAAW,EAAI;AAC7D,SAAK,SAAS;AACd,UAAM,aAAa,iBAAiB,MAAM;AAAA,EAC5C;AAEA,WAAS,QAAc;AACrB,kBAAc;AACd,SAAK,SAAS;AACd,UAAM,aAAa,iBAAiB,OAAO;AAC3C,UAAM,gBAAgB,uBAAuB;AAC7C,uBAAmB;AAAA,EACrB;AAIA,WAAS,UAAgB;AACvB,WAAO;AACP,UAAM;AAAA,EACR;AAEA,WAAS,QAAc;AACrB,UAAM,eAAe,aAAa;AAClC,WAAO;AACP,kBAAc,CAAC;AACf,kBAAc;AACd,eAAW;AACX,UAAM,QAAQ;AACd,UAAM;AACN,QAAI,aAAc,UAAS,sBAAsB,EAAE,OAAO,GAAG,CAAC;AAAA,EAChE;AAEA,WAAS,iBAAiB,WAAyB;AACjD,QAAI,KAAK,UAAU,YAAY,WAAW,EAAG;AAE7C,kBACE,gBAAgB,KACZ,YAAY,IACV,IACA,YAAY,SAAS,KACtB,cAAc,YAAY,YAAY,UAAU,YAAY;AAEnE,uBAAmB;AAAA,EACrB;AAEA,WAAS,qBAA2B;AAClC,UAAMA,WAAU,KAAK,iBAAoC,4BAA4B;AAErF,IAAAA,SAAQ,QAAQ,CAAC,QAAQ,UAAU;AACjC,YAAMC,UAAS,UAAU;AACzB,aAAO,QAAQ,SAAS,OAAOA,OAAM;AACrC,aAAO,aAAa,iBAAiB,OAAOA,OAAM,CAAC;AAAA,IACrD,CAAC;AAED,UAAM,SAASD,SAAQ,KAAK,WAAW;AACvC,QAAI,CAAC,QAAQ;AACX,YAAM,gBAAgB,uBAAuB;AAC7C;AAAA,IACF;AAEA,UAAM,aAAa,yBAAyB,OAAO,EAAE;AACrD,WAAO,eAAe,EAAE,OAAO,UAAU,CAAC;AAAA,EAC5C;AAEA,WAAS,OAAO,OAAqB;AACnC,UAAM,aAAa,YAAY,KAAK;AACpC,QAAI,CAAC,WAAY;AAEjB,eAAW,WAAW;AACtB,UAAM,QAAQ,WAAW;AACzB,YAAQ;AACR,aAAS,uBAAuB;AAAA,MAC9B,YAAY,WAAW;AAAA,MACvB,OAAO,WAAW;AAAA,MAClB,OAAO,WAAW;AAAA,IACpB,CAAC;AACD,aAAS,WAAW,WAAW,MAAM,KAAK;AAAA,EAC5C;AAEA,WAAS,SAAS,MAAc,QAAsB;AACpD,UAAM,cAAc,IAAI,YAAY,MAAM,EAAE,SAAS,MAAM,OAAO,CAAC,CAAC;AAAA,EACtE;AAEA,WAAS,SAAe;AACtB,WAAO,aAAa,aAAa;AACjC,oBAAgB;AAChB,uBAAmB;AACnB,qBAAiB,MAAM;AACvB,sBAAkB;AAAA,EACpB;AAEA,WAAS,cAAoB;AAC3B,QAAI,oBAAqB;AAEzB,QAAI,SAAS,iBAAiB,MAAM,MAAM,KAAK,EAAE,UAAU,SAAS,WAAW;AAC7E,qBAAe;AAAA,IACjB;AAAA,EACF;AAEA,WAAS,cAAc,OAA4B;AACjD,QAAI,MAAM,QAAQ,eAAe,MAAM,QAAQ,WAAW;AACxD,UAAI,YAAY,WAAW,KAAK,KAAK,OAAQ;AAC7C,YAAM,eAAe;AACrB,uBAAiB,MAAM,QAAQ,cAAc,IAAI,EAAE;AACnD;AAAA,IACF;AAEA,QAAI,MAAM,QAAQ,WAAW,CAAC,KAAK,UAAU,eAAe,GAAG;AAC7D,YAAM,eAAe;AACrB,aAAO,WAAW;AAClB;AAAA,IACF;AAEA,SAAK,MAAM,QAAQ,UAAU,MAAM,QAAQ,UAAU,CAAC,KAAK,UAAU,YAAY,SAAS,GAAG;AAC3F,YAAM,eAAe;AACrB,oBAAc,MAAM,QAAQ,SAAS,IAAI,YAAY,SAAS;AAC9D,yBAAmB;AACnB;AAAA,IACF;AAEA,QAAI,MAAM,QAAQ,UAAU;AAC1B,YAAM,eAAe;AACrB,cAAQ;AACR;AAAA,IACF;AAEA,QAAI,MAAM,QAAQ,MAAO,SAAQ;AAAA,EACnC;AAEA,WAAS,wBAAwB,OAA2B;AAC1D,UAAM,eAAe;AACrB,UAAM,UAAU,MAAM;AACtB,WAAO,OAAO,QAAQ,QAAQ,KAAK,CAAC;AAEpC,QAAI,SAAS,kBAAkB,OAAO;AACpC,4BAAsB;AACtB,YAAM,MAAM,EAAE,eAAe,KAAK,CAAC;AACnC,4BAAsB;AAAA,IACxB;AAAA,EACF;AAEA,WAAS,yBAAyB,OAA2B;AAC3D,UAAM,UAAU,MAAM;AACtB,kBAAc,OAAO,QAAQ,QAAQ,KAAK;AAC1C,uBAAmB;AAAA,EACrB;AAEA,WAAS,0BAA0B,OAA2B;AAC5D,QAAI,MAAM,WAAW,SAAS,CAAC,KAAK,SAAS,MAAM,MAAc,EAAG,SAAQ;AAAA,EAC9E;AAEA,WAASE,WAAgB;AACvB,QAAI,UAAW;AACf,gBAAY;AACZ,WAAO;AACP,UAAM,oBAAoB,SAAS,WAAW;AAC9C,UAAM,oBAAoB,kBAAkB,cAAc;AAC1D,UAAM,oBAAoB,SAAS,WAAW;AAC9C,UAAM,oBAAoB,WAAW,aAAa;AAClD,aAAS,oBAAoB,eAAe,yBAAyB;AACrE,SAAK,OAAO;AAEZ,uBAAmB,QAAQ,CAAC,OAAO,SAAS,iBAAiB,OAAO,MAAM,KAAK,CAAC;AAAA,EAClF;AAEA,QAAM,iBAAiB,SAAS,WAAW;AAC3C,QAAM,iBAAiB,kBAAkB,cAAc;AACvD,QAAM,iBAAiB,SAAS,WAAW;AAC3C,QAAM,iBAAiB,WAAW,aAAa;AAC/C,WAAS,iBAAiB,eAAe,yBAAyB;AAElE,SAAO;AAAA,IACL,SAAS;AAAA,IACT,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AAAA,IACnB,SAAAA;AAAA,EACF;AACF;AAEA,SAAS,aAAa,OAAyB;AAC7C,SAAO,iBAAiB,gBAAgB,MAAM,SAAS;AACzD;;;AC5YO,SAAS,mBACd,QACA,SAC2B;AAC3B,SAAO,6BAA6B,QAAQ,OAAO;AACrD;AAEO,IAAM,eAAe;;;ACMrB,IAAM,YAAmC,uBAAO,OAAO,IAAI;AAElE,SAAS,OACP,QACA,SAC2B;AAC3B,QAAM,QAAQ,aAAa,MAAM;AACjC,MAAI,CAAC,MAAM,GAAI,OAAM,IAAI,UAAU,mDAAmD;AAEtF,YAAU,MAAM,EAAE,GAAG,QAAQ;AAC7B,QAAM,aAAa,mBAAmB,OAAO,OAAO;AACpD,YAAU,MAAM,EAAE,IAAI;AACtB,SAAO;AACT;AAEA,SAAS,QAAQ,IAAkB;AACjC,YAAU,EAAE,GAAG,QAAQ;AACvB,SAAO,UAAU,EAAE;AACrB;AAEO,IAAM,UAA2B;AAAA,EACtC,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AACF;","names":["options","active","destroy"]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/render-B38UXYCT.d.ts

@@ -0,0 +1,7 @@
+import { t as AutocompleteTarget, k as AutocompleteOptions, b as AutocompleteController } from './types-CPvjhqjb.js';
+
+/** Turns an existing text input into an accessible combobox. */
+declare const autocomplete: <T = unknown>(target: AutocompleteTarget, options: AutocompleteOptions<T>) => AutocompleteController<T>;
+declare const createAutocomplete: <T = unknown>(target: AutocompleteTarget, options: AutocompleteOptions<T>) => AutocompleteController<T>;
+
+export { autocomplete as a, createAutocomplete as c };

package/dist/render-WD69VMUs.d.cts

@@ -0,0 +1,7 @@
+import { t as AutocompleteTarget, k as AutocompleteOptions, b as AutocompleteController } from './types-CPvjhqjb.cjs';
+
+/** Turns an existing text input into an accessible combobox. */
+declare const autocomplete: <T = unknown>(target: AutocompleteTarget, options: AutocompleteOptions<T>) => AutocompleteController<T>;
+declare const createAutocomplete: <T = unknown>(target: AutocompleteTarget, options: AutocompleteOptions<T>) => AutocompleteController<T>;
+
+export { autocomplete as a, createAutocomplete as c };

package/dist/styles.css

@@ -1,4 +1,4 @@
-[data-autocomplete-list] {
+[data-autocomplete-popup] {
   position: absolute;
   z-index: var(--autocomplete-z-index, 50);
   right: 0;
@@ -13,19 +13,15 @@
   color: var(--autocomplete-color, #111827);
 }
 
-[data-autocomplete-list][hidden] {
+[data-autocomplete-popup][hidden],
+[data-autocomplete-list][hidden],
+[data-autocomplete-status][hidden] {
   display: none;
 }
 
 [data-autocomplete-option] {
   display: block;
-  width: 100%;
   padding: var(--autocomplete-option-padding, 0.75rem 1rem);
-  border: 0;
-  color: inherit;
-  background: transparent;
-  font: inherit;
-  text-align: left;
   cursor: pointer;
 }
 
@@ -35,6 +31,13 @@
   color: var(--autocomplete-active-color, inherit);
 }
 
+[data-autocomplete-highlight] {
+  padding: 0;
+  background: var(--autocomplete-highlight-background, transparent);
+  color: var(--autocomplete-highlight-color, inherit);
+  font-weight: var(--autocomplete-highlight-weight, 600);
+}
+
 [data-autocomplete-status] {
   padding: var(--autocomplete-option-padding, 0.75rem 1rem);
   color: var(--autocomplete-muted-color, #6b7280);
@@ -44,8 +47,15 @@
   color: var(--autocomplete-error-color, #b91c1c);
 }
 
+@media (forced-colors: active) {
+  [data-autocomplete-option][data-active='true'] {
+    outline: 2px solid Highlight;
+    outline-offset: -2px;
+  }
+}
+
 @media (prefers-reduced-motion: reduce) {
-  [data-autocomplete-list] {
+  [data-autocomplete-popup] {
     scroll-behavior: auto;
   }
 }