@k2b/ui 0.21.0 → 0.23.0

package/dist/ssr/inputs/AutocompleteEditor.js

@@ -17,9 +17,11 @@ import { createEffect, createMemo, createSignal, createUniqueId, For, onCleanup,
 import { createFieldMeta, Field, fieldControlAria } from "../internal/field";
 import { useUiMessages } from "../intl/messages";
 import { buildSuggestContext, createCompletionBehaviorState, detectQuery, displayLabel, plainTextHighlight, renderWithOverlay, resolveSuggestions } from "./completion";
+import { useCompletionMessages } from "./completion-messages";
 import { resolveMaybeAccessor } from "./field-contract";
 export function AutocompleteEditor(props) {
   const messages = useUiMessages();
+  const completionMessages = useCompletionMessages();
   const meta = createFieldMeta(props.id);
   let textarea;
   let preview;
@@ -194,7 +196,7 @@ export function AutocompleteEditor(props) {
     } catch (error) {
       if (signal.aborted || isAbortError(error)) return;
       setLoading(false);
-      setCompletionError(error instanceof Error ? error.message : messages().suggestionsCouldNotLoad);
+      setCompletionError(error instanceof Error ? error.message : completionMessages().suggestionsCouldNotLoad);
       setDropdownOpen(true);
       queueMicrotask(positionDropdown);
     }
@@ -216,7 +218,7 @@ export function AutocompleteEditor(props) {
     } catch (error) {
       if (signal.aborted || isAbortError(error)) return;
       setLoading(false);
-      setCompletionError(error instanceof Error ? error.message : messages().suggestionsCouldNotLoad);
+      setCompletionError(error instanceof Error ? error.message : completionMessages().suggestionsCouldNotLoad);
       setDropdownOpen(true);
       queueMicrotask(positionDropdown);
     }
@@ -432,7 +434,7 @@ export function AutocompleteEditor(props) {
           return state() || loading() || completionError();
         },
         get children() {
-          return _$ssr(_tmpl$3, _$ssrAttribute("aria-label", _$escape(messages().completionSuggestions, true), false), _$ssrAttribute("id", _$escape(listboxId, true), false), _$ssrAttribute("aria-label", _$escape(messages().suggestions, true), false), _$escape(_$createComponent(Show, {
+          return _$ssr(_tmpl$3, _$ssrAttribute("aria-label", _$escape(completionMessages().completionSuggestions, true), false), _$ssrAttribute("id", _$escape(listboxId, true), false), _$ssrAttribute("aria-label", _$escape(completionMessages().suggestions, true), false), _$escape(_$createComponent(Show, {
             get when() {
               return loading();
             },

package/dist/ssr/inputs/AutocompleteEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/AutocompleteEditor.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, createUniqueId, For, type JSX, onCleanup, onMount, Show, untrack } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport {\n  buildSuggestContext,\n  type Completion,\n  createCompletionBehaviorState,\n  detectQuery,\n  displayLabel,\n  plainTextHighlight,\n  type QueryContext,\n  renderWithOverlay,\n  resolveSuggestions,\n  type Suggestion,\n} from \"./completion\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { resolveMaybeAccessor } from \"./field-contract\";\n\nexport type AutocompleteEditorProps = ValueFieldProps<string> & {\n  onSubmit?: () => void;\n  completions?: readonly Completion[];\n  restoreExpansionOnBackspace?: boolean;\n  highlight?: (text: string) => string;\n  singleLine?: boolean;\n  lines?: number;\n  fill?: boolean;\n  placeholder?: string;\n  spellcheck?: boolean;\n  name?: string;\n  maxLength?: number;\n  textareaRef?: (element: HTMLTextAreaElement) => void;\n  variant?: \"default\" | \"paper\";\n};\n\ntype CompletionState = {\n  context: QueryContext;\n  suggestions: readonly Suggestion[];\n  selectedIndex: number;\n};\n\nexport function AutocompleteEditor(props: AutocompleteEditorProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  let textarea: HTMLTextAreaElement | undefined;\n  let preview: HTMLDivElement | undefined;\n  let dropdown: HTMLDivElement | undefined;\n  let currentAbort: AbortController | null = null;\n  let currentTimer: ReturnType<typeof setTimeout> | null = null;\n  let overlayFrame: number | undefined;\n  let overlayInitialized = false;\n  let renderPendingOverlay: (() => void) | undefined;\n  const completionBehavior = createCompletionBehaviorState();\n\n  const [composing, setComposing] = createSignal(false);\n  const [localValue, setLocalValue] = createSignal(resolveMaybeAccessor(props.value) ?? \"\");\n  const error = () => resolveMaybeAccessor(props.error);\n  const [state, setState] = createSignal<CompletionState | null>(null);\n  const [loading, setLoading] = createSignal(false);\n  const [completionError, setCompletionError] = createSignal<string | null>(null);\n  const [dropdownOpen, setDropdownOpen] = createSignal(false);\n  const completionId = createUniqueId();\n  const listboxId = `${meta.controlId}-${completionId}-suggestions`;\n  const optionId = (index: number): string => `${listboxId}-${index}`;\n  const useOverlay = createMemo(() => Boolean(props.highlight));\n  const activeSuggestion = (): Suggestion | null => {\n    const current = state();\n    return current?.suggestions[current.selectedIndex] ?? null;\n  };\n\n  createEffect(() => {\n    const incoming = resolveMaybeAccessor(props.value);\n    if (incoming !== undefined && incoming !== null && incoming !== untrack(localValue)) {\n      setLocalValue(incoming);\n    }\n  });\n\n  createEffect(() => {\n    const target = localValue();\n    if (!composing() && textarea && textarea.value !== target) {\n      textarea.value = target;\n    }\n  });\n\n  const suggestionGhost = (current: CompletionState, suggestion: Suggestion): { at: number; text: string } | undefined => {\n    const edit = suggestion.textEdit;\n    if (!edit) {\n      return {\n        at: current.context.end,\n        text: suggestion.text.slice(current.context.text.length),\n      };\n    }\n    if (edit.end !== current.context.end) return undefined;\n    const replacing = localValue().slice(edit.start, edit.end);\n    if (!edit.text.toLowerCase().startsWith(replacing.toLowerCase())) {\n      return undefined;\n    }\n    return { at: edit.end, text: edit.text.slice(replacing.length) };\n  };\n\n  createEffect(() => {\n    if (!preview) {\n      if (overlayFrame !== undefined) cancelAnimationFrame(overlayFrame);\n      overlayFrame = undefined;\n      renderPendingOverlay = undefined;\n      overlayInitialized = false;\n      return;\n    }\n    const value = localValue();\n    const highlighter = props.highlight ?? plainTextHighlight;\n    const current = state();\n    const active = activeSuggestion();\n    const ghost = current && active ? suggestionGhost(current, active) : undefined;\n    const anchor = current ? { at: current.context.start } : undefined;\n    renderPendingOverlay = () => {\n      if (!preview) return;\n      preview.innerHTML = renderWithOverlay(value, highlighter, { ghost, anchor });\n      if (textarea) {\n        preview.scrollTop = textarea.scrollTop;\n        preview.scrollLeft = textarea.scrollLeft;\n      }\n      if (dropdown?.matches(\":popover-open\")) positionDropdown();\n    };\n    if (!overlayInitialized) {\n      overlayInitialized = true;\n      renderPendingOverlay();\n      renderPendingOverlay = undefined;\n      return;\n    }\n    if (overlayFrame !== undefined) return;\n    overlayFrame = requestAnimationFrame(() => {\n      overlayFrame = undefined;\n      const render = renderPendingOverlay;\n      renderPendingOverlay = undefined;\n      render?.();\n    });\n  });\n\n  const closeDropdown = (): void => {\n    if (dropdown?.matches(\":popover-open\")) dropdown.hidePopover();\n    setDropdownOpen(false);\n  };\n\n  const clearCompletion = (): void => {\n    currentAbort?.abort();\n    currentAbort = null;\n    if (currentTimer) clearTimeout(currentTimer);\n    currentTimer = null;\n    setState(null);\n    setLoading(false);\n    setCompletionError(null);\n    closeDropdown();\n  };\n\n  const positionDropdown = (): void => {\n    if (!dropdown?.isConnected || !textarea?.isConnected) return;\n    const anchor = preview?.querySelector<HTMLElement>(\"[data-completion-anchor]\");\n    const rect = anchor?.getBoundingClientRect() ?? textarea.getBoundingClientRect();\n    const maxHeight = 260;\n    const spaceBelow = window.innerHeight - rect.bottom;\n    const openAbove = spaceBelow < maxHeight && rect.top > spaceBelow;\n    if (openAbove) {\n      dropdown.style.setProperty(\"top\", \"auto\", \"important\");\n      dropdown.style.setProperty(\"bottom\", `${window.innerHeight - rect.top + 4}px`, \"important\");\n    } else {\n      dropdown.style.setProperty(\"top\", `${rect.bottom + 4}px`, \"important\");\n      dropdown.style.setProperty(\"bottom\", \"auto\", \"important\");\n    }\n    if (!dropdown.matches(\":popover-open\")) dropdown.showPopover();\n    // The list sizes to its suggestions in CSS; measured once shown, it is\n    // clamped into the viewport before the next paint.\n    const width = dropdown.getBoundingClientRect().width;\n    const left = Math.min(rect.left, window.innerWidth - width - 8);\n    dropdown.style.setProperty(\"left\", `${Math.max(8, left)}px`, \"important\");\n  };\n\n  const isAbortError = (error: unknown): boolean =>\n    error instanceof DOMException\n      ? error.name === \"AbortError\"\n      : Boolean(error && typeof error === \"object\" && \"name\" in error && (error as { name: string }).name === \"AbortError\");\n\n  const applySuggestionList = (context: QueryContext, suggestions: readonly Suggestion[]): void => {\n    const currentText = localValue();\n    const normalized = context.text.toLowerCase();\n    const usable = suggestions.filter((suggestion) => {\n      if (suggestion.textEdit) {\n        const { start, end, text } = suggestion.textEdit;\n        return (\n          Number.isInteger(start) &&\n          Number.isInteger(end) &&\n          start >= 0 &&\n          end >= start &&\n          end <= currentText.length &&\n          currentText.slice(start, end) !== text\n        );\n      }\n      return suggestion.text.toLowerCase().startsWith(normalized) && suggestion.text.length > context.text.length;\n    });\n    if (usable.length === 0) {\n      clearCompletion();\n      return;\n    }\n    const previous = activeSuggestion()?.text;\n    const retained = previous ? usable.findIndex((suggestion) => suggestion.text === previous) : -1;\n    setState({\n      context,\n      suggestions: usable,\n      selectedIndex: retained >= 0 ? retained : 0,\n    });\n    if (context.completion.dropdown) {\n      setDropdownOpen(true);\n      queueMicrotask(positionDropdown);\n    } else {\n      closeDropdown();\n    }\n  };\n\n  const runAsync = async (context: QueryContext, promise: Promise<readonly Suggestion[]>, signal: AbortSignal): Promise<void> => {\n    try {\n      const suggestions = await promise;\n      if (signal.aborted) return;\n      setLoading(false);\n      applySuggestionList(context, suggestions);\n    } catch (error) {\n      if (signal.aborted || isAbortError(error)) return;\n      setLoading(false);\n      setCompletionError(error instanceof Error ? error.message : messages().suggestionsCouldNotLoad);\n      setDropdownOpen(true);\n      queueMicrotask(positionDropdown);\n    }\n  };\n\n  const startResolution = (context: QueryContext, signal: AbortSignal): void => {\n    if (signal.aborted || !textarea) return;\n    setCompletionError(null);\n    setLoading(true);\n    setDropdownOpen(true);\n    queueMicrotask(positionDropdown);\n    try {\n      const result = resolveSuggestions(context.completion, context.query, buildSuggestContext(textarea, context), signal);\n      if (result.kind === \"sync\") {\n        setLoading(false);\n        applySuggestionList(context, result.data);\n      } else {\n        void runAsync(context, result.promise, signal);\n      }\n    } catch (error) {\n      if (signal.aborted || isAbortError(error)) return;\n      setLoading(false);\n      setCompletionError(error instanceof Error ? error.message : messages().suggestionsCouldNotLoad);\n      setDropdownOpen(true);\n      queueMicrotask(positionDropdown);\n    }\n  };\n\n  const recomputeCompletion = (): void => {\n    if (!textarea) return;\n    const context = detectQuery(textarea, props.completions);\n    if (!context) {\n      clearCompletion();\n      return;\n    }\n    currentAbort?.abort();\n    if (currentTimer) clearTimeout(currentTimer);\n    currentTimer = null;\n    currentAbort = new AbortController();\n    const current = state();\n    if (\n      current &&\n      (current.context.start !== context.start ||\n        current.context.end !== context.end ||\n        current.context.text !== context.text ||\n        current.context.completion !== context.completion)\n    ) {\n      setState(null);\n      closeDropdown();\n    }\n    setCompletionError(null);\n    const delay = Math.max(0, context.completion.debounceMs ?? 0);\n    if (delay === 0) {\n      startResolution(context, currentAbort.signal);\n    } else {\n      setLoading(false);\n      if (!state()) closeDropdown();\n      const signal = currentAbort.signal;\n      currentTimer = setTimeout(() => {\n        currentTimer = null;\n        startResolution(context, signal);\n      }, delay);\n    }\n  };\n\n  const retryCompletion = (): void => {\n    if (!textarea) return;\n    const context = detectQuery(textarea, props.completions);\n    if (!context) return clearCompletion();\n    currentAbort?.abort();\n    if (currentTimer) clearTimeout(currentTimer);\n    currentTimer = null;\n    currentAbort = new AbortController();\n    startResolution(context, currentAbort.signal);\n  };\n\n  const activateSuggestion = (index = state()?.selectedIndex ?? -1): boolean => {\n    const current = state();\n    const active = current?.suggestions[index];\n    if (!textarea || !current || !active) return false;\n    if (!active.textEdit && active.text === current.context.text) {\n      clearCompletion();\n      return false;\n    }\n    const applied = completionBehavior.applySuggestion(textarea, current.context, active, {\n      trackExpansion: props.restoreExpansionOnBackspace ?? true,\n    });\n    clearCompletion();\n    if (applied) queueMicrotask(recomputeCompletion);\n    return applied;\n  };\n\n  const moveSelection = (direction: 1 | -1): void => {\n    const current = state();\n    if (!current || current.suggestions.length === 0) return;\n    setState({\n      ...current,\n      selectedIndex: (current.selectedIndex + direction + current.suggestions.length) % current.suggestions.length,\n    });\n  };\n\n  onMount(() => {\n    const selectionChange = (): void => {\n      if (document.activeElement === textarea) recomputeCompletion();\n    };\n    // Reposition an OPEN popover only. Calling `positionDropdown` blindly\n    // would `showPopover()` a dropdown that is deliberately closed (a\n    // ghost-only completion keeps state without a dropdown).\n    const reposition = (): void => {\n      if (dropdown?.matches(\":popover-open\")) positionDropdown();\n    };\n    document.addEventListener(\"selectionchange\", selectionChange);\n    window.addEventListener(\"resize\", reposition);\n    onCleanup(() => {\n      document.removeEventListener(\"selectionchange\", selectionChange);\n      window.removeEventListener(\"resize\", reposition);\n      if (dropdown?.matches(\":popover-open\")) dropdown.hidePopover();\n      currentAbort?.abort();\n      if (currentTimer) clearTimeout(currentTimer);\n      if (overlayFrame !== undefined) cancelAnimationFrame(overlayFrame);\n      overlayFrame = undefined;\n      renderPendingOverlay = undefined;\n      completionBehavior.reset();\n    });\n  });\n\n  const onInput = (event: InputEvent & { currentTarget: HTMLTextAreaElement }): void => {\n    if (event.inputType.startsWith(\"insert\") && completionBehavior.tryExpand(event.currentTarget, props.completions)) {\n      return;\n    }\n    setLocalValue(event.currentTarget.value);\n    props.onValueChange?.(event.currentTarget.value);\n    recomputeCompletion();\n  };\n\n  const onKeyDown = (event: KeyboardEvent): void => {\n    if (!textarea || event.isComposing) return;\n    if (\n      (props.restoreExpansionOnBackspace ?? true) &&\n      event.key === \"Backspace\" &&\n      !event.metaKey &&\n      !event.ctrlKey &&\n      !event.altKey &&\n      !event.shiftKey &&\n      completionBehavior.tryRestore(textarea)\n    ) {\n      event.preventDefault();\n      return;\n    }\n    const current = state();\n    const dropdownCompletion = current?.context.completion.dropdown === true;\n    if (current && dropdownCompletion && (event.key === \"ArrowDown\" || event.key === \"ArrowUp\")) {\n      event.preventDefault();\n      moveSelection(event.key === \"ArrowDown\" ? 1 : -1);\n      return;\n    }\n    if (event.key === \"Enter\" && !event.shiftKey && !event.metaKey && !event.ctrlKey && !event.altKey) {\n      if (current && dropdownCompletion && dropdownOpen()) {\n        event.preventDefault();\n        activateSuggestion();\n        return;\n      }\n      if (props.singleLine) {\n        event.preventDefault();\n        props.onSubmit?.();\n        return;\n      }\n    }\n    if (event.key === \"Enter\" && (event.metaKey || event.ctrlKey) && !props.singleLine && props.onSubmit) {\n      event.preventDefault();\n      props.onSubmit();\n      return;\n    }\n    if (event.key === \"Tab\" && !event.shiftKey && !event.metaKey && !event.ctrlKey && !event.altKey && current) {\n      event.preventDefault();\n      activateSuggestion();\n      return;\n    }\n    if (event.key === \"Escape\") {\n      if (current) {\n        event.preventDefault();\n        clearCompletion();\n      } else if ((props.completions?.length ?? 0) > 0) {\n        event.preventDefault();\n        textarea.blur();\n      }\n    }\n  };\n\n  const surfaceStyle = (): JSX.CSSProperties => ({\n    \"--k2b-editor-lines\": String(props.lines ?? 3),\n  });\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={props.error}\n      fill={props.fill && !props.singleLine}\n      meta={meta}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <div\n        class=\"k2b-autocomplete\"\n        data-overlay={useOverlay() ? \"true\" : undefined}\n        data-single-line={props.singleLine ? \"true\" : undefined}\n        data-fill={props.fill && !props.singleLine ? \"true\" : undefined}\n        data-disabled={props.disabled ? \"true\" : undefined}\n        data-invalid={error() ? \"true\" : undefined}\n        data-variant={props.variant === \"paper\" ? \"paper\" : undefined}\n        style={surfaceStyle()}\n      >\n        <div class=\"k2b-autocomplete__surface\">\n          <Show when={!localValue() && props.placeholder}>\n            <div class=\"k2b-autocomplete__placeholder\" aria-hidden=\"true\">\n              {props.placeholder}\n            </div>\n          </Show>\n          <div ref={preview} class=\"k2b-autocomplete__preview\" aria-hidden=\"true\" />\n          <textarea\n            ref={(element) => {\n              textarea = element;\n              props.textareaRef?.(element);\n            }}\n            id={meta.controlId}\n            name={props.name}\n            class=\"k2b-autocomplete__input\"\n            onInput={onInput}\n            onChange={(event) => props.onValueCommit?.(event.currentTarget.value)}\n            onKeyDown={onKeyDown}\n            onScroll={(event) => {\n              if (preview) {\n                preview.scrollTop = event.currentTarget.scrollTop;\n                preview.scrollLeft = event.currentTarget.scrollLeft;\n              }\n              if (dropdown?.matches(\":popover-open\")) positionDropdown();\n            }}\n            onCompositionStart={() => setComposing(true)}\n            onCompositionEnd={() => setComposing(false)}\n            onBlur={(event) => {\n              const next = event.relatedTarget as HTMLElement | null;\n              if (next && dropdown?.contains(next)) return;\n              completionBehavior.reset();\n              clearCompletion();\n            }}\n            disabled={props.disabled}\n            required={props.required}\n            spellcheck={props.spellcheck ?? false}\n            maxLength={props.maxLength}\n            rows={props.singleLine ? 1 : (props.lines ?? 3)}\n            {...fieldControlAria(meta, props)}\n            aria-haspopup=\"listbox\"\n            aria-autocomplete=\"list\"\n            aria-controls={dropdownOpen() ? listboxId : undefined}\n            aria-activedescendant={dropdownOpen() && state() ? optionId(state()!.selectedIndex) : undefined}\n          />\n        </div>\n        <Show when={state() || loading() || completionError()}>\n          <div\n            ref={dropdown}\n            popover=\"manual\"\n            class=\"k2b-autocomplete__options\"\n            role=\"presentation\"\n            aria-label={messages().completionSuggestions}\n          >\n            <div id={listboxId} class=\"k2b-autocomplete__listbox\" role=\"listbox\" aria-label={messages().suggestions}>\n              <Show when={loading()}>\n                <div class=\"k2b-autocomplete__status\" role=\"status\">\n                  <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n                  Loading suggestions\n                </div>\n              </Show>\n              <Show when={completionError()}>\n                {(message) => (\n                  <div class=\"k2b-autocomplete__status\" data-error=\"true\" role=\"alert\">\n                    <i class=\"ti ti-alert-circle\" aria-hidden=\"true\" />\n                    <span>{message()}</span>\n                    <button type=\"button\" onMouseDown={(event) => event.preventDefault()} onClick={retryCompletion}>\n                      {messages().retry}\n                    </button>\n                  </div>\n                )}\n              </Show>\n              <For each={state()?.suggestions ?? []}>\n                {(suggestion, index) => (\n                  // biome-ignore lint/a11y/useKeyWithClickEvents: the owning textarea handles keyboard activation through aria-activedescendant.\n                  <div\n                    id={optionId(index())}\n                    class=\"k2b-autocomplete__option\"\n                    role=\"option\"\n                    aria-selected={index() === state()?.selectedIndex}\n                    data-loading={loading() ? \"true\" : undefined}\n                    onMouseEnter={() => {\n                      const current = state();\n                      if (current) {\n                        setState({ ...current, selectedIndex: index() });\n                      }\n                    }}\n                    onMouseDown={(event) => {\n                      event.preventDefault();\n                    }}\n                    onClick={() => {\n                      activateSuggestion(index());\n                      textarea?.focus();\n                    }}\n                  >\n                    <span>{displayLabel(suggestion, state()!.context.completion)}</span>\n                    <Show when={suggestion.hint}>{(hint) => <small>{hint()}</small>}</Show>\n                  </div>\n                )}\n              </For>\n            </div>\n          </div>\n        </Show>\n      </div>\n    </Field>\n  );\n}\n\nexport type { Completion, SuggestContext, Suggestion } from \"./completion\";\nexport { abbreviations } from \"./completion\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/AutocompleteEditor.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, createUniqueId, For, type JSX, onCleanup, onMount, Show, untrack } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport {\n  buildSuggestContext,\n  type Completion,\n  createCompletionBehaviorState,\n  detectQuery,\n  displayLabel,\n  plainTextHighlight,\n  type QueryContext,\n  renderWithOverlay,\n  resolveSuggestions,\n  type Suggestion,\n} from \"./completion\";\nimport { useCompletionMessages } from \"./completion-messages\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { resolveMaybeAccessor } from \"./field-contract\";\n\nexport type AutocompleteEditorProps = ValueFieldProps<string> & {\n  onSubmit?: () => void;\n  completions?: readonly Completion[];\n  restoreExpansionOnBackspace?: boolean;\n  highlight?: (text: string) => string;\n  singleLine?: boolean;\n  lines?: number;\n  fill?: boolean;\n  placeholder?: string;\n  spellcheck?: boolean;\n  name?: string;\n  maxLength?: number;\n  textareaRef?: (element: HTMLTextAreaElement) => void;\n  variant?: \"default\" | \"paper\";\n};\n\ntype CompletionState = {\n  context: QueryContext;\n  suggestions: readonly Suggestion[];\n  selectedIndex: number;\n};\n\nexport function AutocompleteEditor(props: AutocompleteEditorProps): JSX.Element {\n  const messages = useUiMessages();\n  const completionMessages = useCompletionMessages();\n  const meta = createFieldMeta(props.id);\n  let textarea: HTMLTextAreaElement | undefined;\n  let preview: HTMLDivElement | undefined;\n  let dropdown: HTMLDivElement | undefined;\n  let currentAbort: AbortController | null = null;\n  let currentTimer: ReturnType<typeof setTimeout> | null = null;\n  let overlayFrame: number | undefined;\n  let overlayInitialized = false;\n  let renderPendingOverlay: (() => void) | undefined;\n  const completionBehavior = createCompletionBehaviorState();\n\n  const [composing, setComposing] = createSignal(false);\n  const [localValue, setLocalValue] = createSignal(resolveMaybeAccessor(props.value) ?? \"\");\n  const error = () => resolveMaybeAccessor(props.error);\n  const [state, setState] = createSignal<CompletionState | null>(null);\n  const [loading, setLoading] = createSignal(false);\n  const [completionError, setCompletionError] = createSignal<string | null>(null);\n  const [dropdownOpen, setDropdownOpen] = createSignal(false);\n  const completionId = createUniqueId();\n  const listboxId = `${meta.controlId}-${completionId}-suggestions`;\n  const optionId = (index: number): string => `${listboxId}-${index}`;\n  const useOverlay = createMemo(() => Boolean(props.highlight));\n  const activeSuggestion = (): Suggestion | null => {\n    const current = state();\n    return current?.suggestions[current.selectedIndex] ?? null;\n  };\n\n  createEffect(() => {\n    const incoming = resolveMaybeAccessor(props.value);\n    if (incoming !== undefined && incoming !== null && incoming !== untrack(localValue)) {\n      setLocalValue(incoming);\n    }\n  });\n\n  createEffect(() => {\n    const target = localValue();\n    if (!composing() && textarea && textarea.value !== target) {\n      textarea.value = target;\n    }\n  });\n\n  const suggestionGhost = (current: CompletionState, suggestion: Suggestion): { at: number; text: string } | undefined => {\n    const edit = suggestion.textEdit;\n    if (!edit) {\n      return {\n        at: current.context.end,\n        text: suggestion.text.slice(current.context.text.length),\n      };\n    }\n    if (edit.end !== current.context.end) return undefined;\n    const replacing = localValue().slice(edit.start, edit.end);\n    if (!edit.text.toLowerCase().startsWith(replacing.toLowerCase())) {\n      return undefined;\n    }\n    return { at: edit.end, text: edit.text.slice(replacing.length) };\n  };\n\n  createEffect(() => {\n    if (!preview) {\n      if (overlayFrame !== undefined) cancelAnimationFrame(overlayFrame);\n      overlayFrame = undefined;\n      renderPendingOverlay = undefined;\n      overlayInitialized = false;\n      return;\n    }\n    const value = localValue();\n    const highlighter = props.highlight ?? plainTextHighlight;\n    const current = state();\n    const active = activeSuggestion();\n    const ghost = current && active ? suggestionGhost(current, active) : undefined;\n    const anchor = current ? { at: current.context.start } : undefined;\n    renderPendingOverlay = () => {\n      if (!preview) return;\n      preview.innerHTML = renderWithOverlay(value, highlighter, { ghost, anchor });\n      if (textarea) {\n        preview.scrollTop = textarea.scrollTop;\n        preview.scrollLeft = textarea.scrollLeft;\n      }\n      if (dropdown?.matches(\":popover-open\")) positionDropdown();\n    };\n    if (!overlayInitialized) {\n      overlayInitialized = true;\n      renderPendingOverlay();\n      renderPendingOverlay = undefined;\n      return;\n    }\n    if (overlayFrame !== undefined) return;\n    overlayFrame = requestAnimationFrame(() => {\n      overlayFrame = undefined;\n      const render = renderPendingOverlay;\n      renderPendingOverlay = undefined;\n      render?.();\n    });\n  });\n\n  const closeDropdown = (): void => {\n    if (dropdown?.matches(\":popover-open\")) dropdown.hidePopover();\n    setDropdownOpen(false);\n  };\n\n  const clearCompletion = (): void => {\n    currentAbort?.abort();\n    currentAbort = null;\n    if (currentTimer) clearTimeout(currentTimer);\n    currentTimer = null;\n    setState(null);\n    setLoading(false);\n    setCompletionError(null);\n    closeDropdown();\n  };\n\n  const positionDropdown = (): void => {\n    if (!dropdown?.isConnected || !textarea?.isConnected) return;\n    const anchor = preview?.querySelector<HTMLElement>(\"[data-completion-anchor]\");\n    const rect = anchor?.getBoundingClientRect() ?? textarea.getBoundingClientRect();\n    const maxHeight = 260;\n    const spaceBelow = window.innerHeight - rect.bottom;\n    const openAbove = spaceBelow < maxHeight && rect.top > spaceBelow;\n    if (openAbove) {\n      dropdown.style.setProperty(\"top\", \"auto\", \"important\");\n      dropdown.style.setProperty(\"bottom\", `${window.innerHeight - rect.top + 4}px`, \"important\");\n    } else {\n      dropdown.style.setProperty(\"top\", `${rect.bottom + 4}px`, \"important\");\n      dropdown.style.setProperty(\"bottom\", \"auto\", \"important\");\n    }\n    if (!dropdown.matches(\":popover-open\")) dropdown.showPopover();\n    // The list sizes to its suggestions in CSS; measured once shown, it is\n    // clamped into the viewport before the next paint.\n    const width = dropdown.getBoundingClientRect().width;\n    const left = Math.min(rect.left, window.innerWidth - width - 8);\n    dropdown.style.setProperty(\"left\", `${Math.max(8, left)}px`, \"important\");\n  };\n\n  const isAbortError = (error: unknown): boolean =>\n    error instanceof DOMException\n      ? error.name === \"AbortError\"\n      : Boolean(error && typeof error === \"object\" && \"name\" in error && (error as { name: string }).name === \"AbortError\");\n\n  const applySuggestionList = (context: QueryContext, suggestions: readonly Suggestion[]): void => {\n    const currentText = localValue();\n    const normalized = context.text.toLowerCase();\n    const usable = suggestions.filter((suggestion) => {\n      if (suggestion.textEdit) {\n        const { start, end, text } = suggestion.textEdit;\n        return (\n          Number.isInteger(start) &&\n          Number.isInteger(end) &&\n          start >= 0 &&\n          end >= start &&\n          end <= currentText.length &&\n          currentText.slice(start, end) !== text\n        );\n      }\n      return suggestion.text.toLowerCase().startsWith(normalized) && suggestion.text.length > context.text.length;\n    });\n    if (usable.length === 0) {\n      clearCompletion();\n      return;\n    }\n    const previous = activeSuggestion()?.text;\n    const retained = previous ? usable.findIndex((suggestion) => suggestion.text === previous) : -1;\n    setState({\n      context,\n      suggestions: usable,\n      selectedIndex: retained >= 0 ? retained : 0,\n    });\n    if (context.completion.dropdown) {\n      setDropdownOpen(true);\n      queueMicrotask(positionDropdown);\n    } else {\n      closeDropdown();\n    }\n  };\n\n  const runAsync = async (context: QueryContext, promise: Promise<readonly Suggestion[]>, signal: AbortSignal): Promise<void> => {\n    try {\n      const suggestions = await promise;\n      if (signal.aborted) return;\n      setLoading(false);\n      applySuggestionList(context, suggestions);\n    } catch (error) {\n      if (signal.aborted || isAbortError(error)) return;\n      setLoading(false);\n      setCompletionError(error instanceof Error ? error.message : completionMessages().suggestionsCouldNotLoad);\n      setDropdownOpen(true);\n      queueMicrotask(positionDropdown);\n    }\n  };\n\n  const startResolution = (context: QueryContext, signal: AbortSignal): void => {\n    if (signal.aborted || !textarea) return;\n    setCompletionError(null);\n    setLoading(true);\n    setDropdownOpen(true);\n    queueMicrotask(positionDropdown);\n    try {\n      const result = resolveSuggestions(context.completion, context.query, buildSuggestContext(textarea, context), signal);\n      if (result.kind === \"sync\") {\n        setLoading(false);\n        applySuggestionList(context, result.data);\n      } else {\n        void runAsync(context, result.promise, signal);\n      }\n    } catch (error) {\n      if (signal.aborted || isAbortError(error)) return;\n      setLoading(false);\n      setCompletionError(error instanceof Error ? error.message : completionMessages().suggestionsCouldNotLoad);\n      setDropdownOpen(true);\n      queueMicrotask(positionDropdown);\n    }\n  };\n\n  const recomputeCompletion = (): void => {\n    if (!textarea) return;\n    const context = detectQuery(textarea, props.completions);\n    if (!context) {\n      clearCompletion();\n      return;\n    }\n    currentAbort?.abort();\n    if (currentTimer) clearTimeout(currentTimer);\n    currentTimer = null;\n    currentAbort = new AbortController();\n    const current = state();\n    if (\n      current &&\n      (current.context.start !== context.start ||\n        current.context.end !== context.end ||\n        current.context.text !== context.text ||\n        current.context.completion !== context.completion)\n    ) {\n      setState(null);\n      closeDropdown();\n    }\n    setCompletionError(null);\n    const delay = Math.max(0, context.completion.debounceMs ?? 0);\n    if (delay === 0) {\n      startResolution(context, currentAbort.signal);\n    } else {\n      setLoading(false);\n      if (!state()) closeDropdown();\n      const signal = currentAbort.signal;\n      currentTimer = setTimeout(() => {\n        currentTimer = null;\n        startResolution(context, signal);\n      }, delay);\n    }\n  };\n\n  const retryCompletion = (): void => {\n    if (!textarea) return;\n    const context = detectQuery(textarea, props.completions);\n    if (!context) return clearCompletion();\n    currentAbort?.abort();\n    if (currentTimer) clearTimeout(currentTimer);\n    currentTimer = null;\n    currentAbort = new AbortController();\n    startResolution(context, currentAbort.signal);\n  };\n\n  const activateSuggestion = (index = state()?.selectedIndex ?? -1): boolean => {\n    const current = state();\n    const active = current?.suggestions[index];\n    if (!textarea || !current || !active) return false;\n    if (!active.textEdit && active.text === current.context.text) {\n      clearCompletion();\n      return false;\n    }\n    const applied = completionBehavior.applySuggestion(textarea, current.context, active, {\n      trackExpansion: props.restoreExpansionOnBackspace ?? true,\n    });\n    clearCompletion();\n    if (applied) queueMicrotask(recomputeCompletion);\n    return applied;\n  };\n\n  const moveSelection = (direction: 1 | -1): void => {\n    const current = state();\n    if (!current || current.suggestions.length === 0) return;\n    setState({\n      ...current,\n      selectedIndex: (current.selectedIndex + direction + current.suggestions.length) % current.suggestions.length,\n    });\n  };\n\n  onMount(() => {\n    const selectionChange = (): void => {\n      if (document.activeElement === textarea) recomputeCompletion();\n    };\n    // Reposition an OPEN popover only. Calling `positionDropdown` blindly\n    // would `showPopover()` a dropdown that is deliberately closed (a\n    // ghost-only completion keeps state without a dropdown).\n    const reposition = (): void => {\n      if (dropdown?.matches(\":popover-open\")) positionDropdown();\n    };\n    document.addEventListener(\"selectionchange\", selectionChange);\n    window.addEventListener(\"resize\", reposition);\n    onCleanup(() => {\n      document.removeEventListener(\"selectionchange\", selectionChange);\n      window.removeEventListener(\"resize\", reposition);\n      if (dropdown?.matches(\":popover-open\")) dropdown.hidePopover();\n      currentAbort?.abort();\n      if (currentTimer) clearTimeout(currentTimer);\n      if (overlayFrame !== undefined) cancelAnimationFrame(overlayFrame);\n      overlayFrame = undefined;\n      renderPendingOverlay = undefined;\n      completionBehavior.reset();\n    });\n  });\n\n  const onInput = (event: InputEvent & { currentTarget: HTMLTextAreaElement }): void => {\n    if (event.inputType.startsWith(\"insert\") && completionBehavior.tryExpand(event.currentTarget, props.completions)) {\n      return;\n    }\n    setLocalValue(event.currentTarget.value);\n    props.onValueChange?.(event.currentTarget.value);\n    recomputeCompletion();\n  };\n\n  const onKeyDown = (event: KeyboardEvent): void => {\n    if (!textarea || event.isComposing) return;\n    if (\n      (props.restoreExpansionOnBackspace ?? true) &&\n      event.key === \"Backspace\" &&\n      !event.metaKey &&\n      !event.ctrlKey &&\n      !event.altKey &&\n      !event.shiftKey &&\n      completionBehavior.tryRestore(textarea)\n    ) {\n      event.preventDefault();\n      return;\n    }\n    const current = state();\n    const dropdownCompletion = current?.context.completion.dropdown === true;\n    if (current && dropdownCompletion && (event.key === \"ArrowDown\" || event.key === \"ArrowUp\")) {\n      event.preventDefault();\n      moveSelection(event.key === \"ArrowDown\" ? 1 : -1);\n      return;\n    }\n    if (event.key === \"Enter\" && !event.shiftKey && !event.metaKey && !event.ctrlKey && !event.altKey) {\n      if (current && dropdownCompletion && dropdownOpen()) {\n        event.preventDefault();\n        activateSuggestion();\n        return;\n      }\n      if (props.singleLine) {\n        event.preventDefault();\n        props.onSubmit?.();\n        return;\n      }\n    }\n    if (event.key === \"Enter\" && (event.metaKey || event.ctrlKey) && !props.singleLine && props.onSubmit) {\n      event.preventDefault();\n      props.onSubmit();\n      return;\n    }\n    if (event.key === \"Tab\" && !event.shiftKey && !event.metaKey && !event.ctrlKey && !event.altKey && current) {\n      event.preventDefault();\n      activateSuggestion();\n      return;\n    }\n    if (event.key === \"Escape\") {\n      if (current) {\n        event.preventDefault();\n        clearCompletion();\n      } else if ((props.completions?.length ?? 0) > 0) {\n        event.preventDefault();\n        textarea.blur();\n      }\n    }\n  };\n\n  const surfaceStyle = (): JSX.CSSProperties => ({\n    \"--k2b-editor-lines\": String(props.lines ?? 3),\n  });\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={props.error}\n      fill={props.fill && !props.singleLine}\n      meta={meta}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <div\n        class=\"k2b-autocomplete\"\n        data-overlay={useOverlay() ? \"true\" : undefined}\n        data-single-line={props.singleLine ? \"true\" : undefined}\n        data-fill={props.fill && !props.singleLine ? \"true\" : undefined}\n        data-disabled={props.disabled ? \"true\" : undefined}\n        data-invalid={error() ? \"true\" : undefined}\n        data-variant={props.variant === \"paper\" ? \"paper\" : undefined}\n        style={surfaceStyle()}\n      >\n        <div class=\"k2b-autocomplete__surface\">\n          <Show when={!localValue() && props.placeholder}>\n            <div class=\"k2b-autocomplete__placeholder\" aria-hidden=\"true\">\n              {props.placeholder}\n            </div>\n          </Show>\n          <div ref={preview} class=\"k2b-autocomplete__preview\" aria-hidden=\"true\" />\n          <textarea\n            ref={(element) => {\n              textarea = element;\n              props.textareaRef?.(element);\n            }}\n            id={meta.controlId}\n            name={props.name}\n            class=\"k2b-autocomplete__input\"\n            onInput={onInput}\n            onChange={(event) => props.onValueCommit?.(event.currentTarget.value)}\n            onKeyDown={onKeyDown}\n            onScroll={(event) => {\n              if (preview) {\n                preview.scrollTop = event.currentTarget.scrollTop;\n                preview.scrollLeft = event.currentTarget.scrollLeft;\n              }\n              if (dropdown?.matches(\":popover-open\")) positionDropdown();\n            }}\n            onCompositionStart={() => setComposing(true)}\n            onCompositionEnd={() => setComposing(false)}\n            onBlur={(event) => {\n              const next = event.relatedTarget as HTMLElement | null;\n              if (next && dropdown?.contains(next)) return;\n              completionBehavior.reset();\n              clearCompletion();\n            }}\n            disabled={props.disabled}\n            required={props.required}\n            spellcheck={props.spellcheck ?? false}\n            maxLength={props.maxLength}\n            rows={props.singleLine ? 1 : (props.lines ?? 3)}\n            {...fieldControlAria(meta, props)}\n            aria-haspopup=\"listbox\"\n            aria-autocomplete=\"list\"\n            aria-controls={dropdownOpen() ? listboxId : undefined}\n            aria-activedescendant={dropdownOpen() && state() ? optionId(state()!.selectedIndex) : undefined}\n          />\n        </div>\n        <Show when={state() || loading() || completionError()}>\n          <div\n            ref={dropdown}\n            popover=\"manual\"\n            class=\"k2b-autocomplete__options\"\n            role=\"presentation\"\n            aria-label={completionMessages().completionSuggestions}\n          >\n            <div id={listboxId} class=\"k2b-autocomplete__listbox\" role=\"listbox\" aria-label={completionMessages().suggestions}>\n              <Show when={loading()}>\n                <div class=\"k2b-autocomplete__status\" role=\"status\">\n                  <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n                  Loading suggestions\n                </div>\n              </Show>\n              <Show when={completionError()}>\n                {(message) => (\n                  <div class=\"k2b-autocomplete__status\" data-error=\"true\" role=\"alert\">\n                    <i class=\"ti ti-alert-circle\" aria-hidden=\"true\" />\n                    <span>{message()}</span>\n                    <button type=\"button\" onMouseDown={(event) => event.preventDefault()} onClick={retryCompletion}>\n                      {messages().retry}\n                    </button>\n                  </div>\n                )}\n              </Show>\n              <For each={state()?.suggestions ?? []}>\n                {(suggestion, index) => (\n                  // biome-ignore lint/a11y/useKeyWithClickEvents: the owning textarea handles keyboard activation through aria-activedescendant.\n                  <div\n                    id={optionId(index())}\n                    class=\"k2b-autocomplete__option\"\n                    role=\"option\"\n                    aria-selected={index() === state()?.selectedIndex}\n                    data-loading={loading() ? \"true\" : undefined}\n                    onMouseEnter={() => {\n                      const current = state();\n                      if (current) {\n                        setState({ ...current, selectedIndex: index() });\n                      }\n                    }}\n                    onMouseDown={(event) => {\n                      event.preventDefault();\n                    }}\n                    onClick={() => {\n                      activateSuggestion(index());\n                      textarea?.focus();\n                    }}\n                  >\n                    <span>{displayLabel(suggestion, state()!.context.completion)}</span>\n                    <Show when={suggestion.hint}>{(hint) => <small>{hint()}</small>}</Show>\n                  </div>\n                )}\n              </For>\n            </div>\n          </div>\n        </Show>\n      </div>\n    </Field>\n  );\n}\n\nexport type { Completion, SuggestContext, Suggestion } from \"./completion\";\nexport { abbreviations } from \"./completion\";\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/inputs/AutocompleteSelect.js

@@ -26,9 +26,11 @@ import { useUiMessages } from "../intl/messages";
 import { ChoiceGroups } from "./ChoiceGroups";
 import { createChoiceLoader, createChoicePopover, nextEnabledChoiceIndex } from "./choice";
 import { commitFieldValue, resolveMaybeAccessor } from "./field-contract";
+import { useSelectMessages } from "./select-messages";
 const errorMessage = (error, fallback) => error instanceof Error ? error.message : fallback;
 export function AutocompleteSelect(props) {
   const messages = useUiMessages();
+  const selectMessages = useSelectMessages();
   const meta = createFieldMeta(props.id);
   const listboxId = `${meta.controlId}-listbox`;
   const [cache, setCache] = createSignal({});
@@ -115,7 +117,7 @@ export function AutocompleteSelect(props) {
     commitFieldValue(props, option.value);
     setEditing(false);
   };
-  const invalidate = (message = props.noMatchText ?? messages().noMatchingOption) => {
+  const invalidate = (message = props.noMatchText ?? selectMessages().noMatchingOption) => {
     pendingCommitQuery = undefined;
     setInternalError(message);
     popover.hide();
@@ -127,7 +129,7 @@ export function AutocompleteSelect(props) {
     } catch (reason) {
       if (!signal.aborted) {
         setResolvedQuery(typed);
-        if (pendingCommitQuery === typed) invalidate(errorMessage(reason, messages().optionsCouldNotLoad));
+        if (pendingCommitQuery === typed) invalidate(errorMessage(reason, selectMessages().optionsCouldNotLoad));
       }
       throw reason;
     }
@@ -236,7 +238,7 @@ export function AutocompleteSelect(props) {
   createEffect(() => {
     if (!inputRef) return;
     const message = internalError();
-    inputRef.setCustomValidity(message ?? (editing() ? messages().selectMatchingOption : ""));
+    inputRef.setCustomValidity(message ?? (editing() ? selectMessages().selectMatchingOption : ""));
   });
   const onKeyDown = event => {
     if (event.isComposing) return;
@@ -292,7 +294,7 @@ export function AutocompleteSelect(props) {
           return display();
         },
         get placeholder() {
-          return props.placeholder ?? messages().typeToSearch;
+          return props.placeholder ?? selectMessages().typeToSearch;
         },
         get disabled() {
           return props.disabled;
@@ -349,7 +351,7 @@ export function AutocompleteSelect(props) {
           return props.name;
         },
         children: name => _$ssr(_tmpl$8, _$ssrAttribute("name", _$escape(name(), true), false) + _$ssrAttribute("value", _$escape(value() ?? "", true), false))
-      })), loader.loading() ? _$escape(props.checkingText ?? messages().checkingOptions) : match() ? `Match: ${_$escape(formatValue(match()))}` : _$escape(internalError() ?? ""), _$ssrAttribute("aria-label", typeof props.label === "string" ? _$escape(props.label, true) : _$escape(props["aria-label"] ?? messages().options, true), false), _$escape(_$createComponent(Show, {
+      })), loader.loading() ? _$escape(props.checkingText ?? selectMessages().checkingOptions) : match() ? `Match: ${_$escape(formatValue(match()))}` : _$escape(internalError() ?? ""), _$ssrAttribute("aria-label", typeof props.label === "string" ? _$escape(props.label, true) : _$escape(props["aria-label"] ?? messages().options, true), false), _$escape(_$createComponent(Show, {
         get when() {
           return (props.groups?.length ?? 0) > 0;
         },
@@ -363,7 +365,7 @@ export function AutocompleteSelect(props) {
             },
             onValueChange: chooseGroup,
             get ariaLabel() {
-              return props.groupsAriaLabel ?? messages().filterOptions;
+              return props.groupsAriaLabel ?? selectMessages().filterOptions;
             },
             controls: listboxId
           })));
@@ -378,7 +380,7 @@ export function AutocompleteSelect(props) {
           return _$memo(() => !!loader.loading())() && options().length === 0;
         },
         get children() {
-          return _$ssr(_tmpl$4, _$escape(props.checkingText ?? messages().checkingOptionsLoading));
+          return _$ssr(_tmpl$4, _$escape(props.checkingText ?? selectMessages().checkingOptionsLoading));
         }
       })), _$escape(_$createComponent(For, {
         get each() {
@@ -390,7 +392,7 @@ export function AutocompleteSelect(props) {
               return _$memo(() => !!!loader.loading())() && !loadError();
             },
             get children() {
-              return _$ssr(_tmpl$0, _$escape(props.noOptionsText ?? messages().noOptionsFound));
+              return _$ssr(_tmpl$0, _$escape(props.noOptionsText ?? selectMessages().noOptionsFound));
             }
           });
         },

package/dist/ssr/inputs/AutocompleteSelect.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/AutocompleteSelect.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, For, type JSX, Show } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { ChoiceGroups } from \"./ChoiceGroups\";\nimport { type ChoiceOption, createChoiceLoader, createChoicePopover, nextEnabledChoiceIndex } from \"./choice\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\nimport type { SelectGroup } from \"./Select\";\n\nexport type AutocompleteSelectOption = ChoiceOption<string>;\n\nexport type AutocompleteSelectSearchResult = {\n  /** Ranked suggestions shown in the popup. */\n  options: readonly AutocompleteSelectOption[];\n  /** The authoritative option that Tab or blur may accept automatically. */\n  match?: AutocompleteSelectOption;\n};\n\nexport type AutocompleteSelectProps = ValueFieldProps<string | null> & {\n  search: (query: string, signal: AbortSignal, group: string | null) => Promise<AutocompleteSelectSearchResult>;\n  selectedOption?: AutocompleteSelectOption;\n  formatValue?: (option: AutocompleteSelectOption) => string;\n  groups?: readonly SelectGroup[];\n  defaultGroup?: string;\n  groupsAriaLabel?: string;\n  allGroupLabel?: string;\n  placeholder?: string;\n  debounceMs?: number;\n  clearable?: boolean;\n  name?: string;\n  autofocus?: boolean;\n  noMatchText?: string;\n  checkingText?: string;\n  noOptionsText?: string;\n};\n\ntype SelectionSnapshot = {\n  value: string | null;\n  option?: AutocompleteSelectOption;\n  display: string;\n};\n\nconst errorMessage = (error: unknown, fallback: string): string => (error instanceof Error ? error.message : fallback);\n\nexport function AutocompleteSelect(props: AutocompleteSelectProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const listboxId = `${meta.controlId}-listbox`;\n  const [cache, setCache] = createSignal<Record<string, AutocompleteSelectOption>>({});\n  const value = () => resolveMaybeAccessor(props.value) ?? null;\n  const selected = createMemo<AutocompleteSelectOption | undefined>(() => {\n    const current = value();\n    if (current === null) return undefined;\n    return (\n      cache()[current] ??\n      (props.selectedOption?.value === current ? props.selectedOption : undefined) ?? {\n        value: current,\n        label: current,\n      }\n    );\n  });\n  const formatValue = (option: AutocompleteSelectOption | undefined): string =>\n    option ? (props.formatValue?.(option) ?? option.label) : \"\";\n\n  const [display, setDisplay] = createSignal(formatValue(selected()));\n  const [query, setQuery] = createSignal(\"\");\n  const [focused, setFocused] = createSignal(false);\n  const [editing, setEditing] = createSignal(false);\n  const [resolvedQuery, setResolvedQuery] = createSignal<string>();\n  const [match, setMatch] = createSignal<AutocompleteSelectOption>();\n  const [focusedIndex, setFocusedIndex] = createSignal(-1);\n  const [selectedGroup, setSelectedGroup] = createSignal<string | null>(props.defaultGroup ?? null);\n  const [explicitOption, setExplicitOption] = createSignal(false);\n  const [internalError, setInternalError] = createSignal<string>();\n  const externalError = () => resolveMaybeAccessor(props.error);\n  const error = () => externalError() ?? internalError();\n  const hasClearAction = () => Boolean(props.clearable && value() !== null && !props.disabled);\n  let inputRef: HTMLInputElement | undefined;\n  let popoverRef: HTMLDivElement | undefined;\n  let optionRefs: HTMLButtonElement[] = [];\n  let pointerFocus = false;\n  let pendingCommitQuery: string | undefined;\n  let snapshot: SelectionSnapshot = { value: value(), option: selected(), display: formatValue(selected()) };\n\n  const popover = createChoicePopover(() => Boolean(props.disabled));\n  const activeGroup = createMemo(() => {\n    const current = selectedGroup();\n    return current && props.groups?.some((group) => group.value === current) ? current : null;\n  });\n  const groupChoices = createMemo(() => [{ value: null, label: props.allGroupLabel ?? messages().all }, ...(props.groups ?? [])]);\n\n  const remember = (options: readonly AutocompleteSelectOption[], authoritative?: AutocompleteSelectOption) => {\n    const next = { ...cache() };\n    for (const option of options) next[option.value] = option;\n    if (authoritative) next[authoritative.value] = authoritative;\n    setCache(next);\n  };\n\n  const completeInput = (typed: string, authoritative: AutocompleteSelectOption | undefined) => {\n    if (!inputRef || !focused() || !editing() || !authoritative || typed.length === 0) return;\n    const lower = typed.toLocaleLowerCase();\n    const completion = [authoritative.value, authoritative.label].find((candidate) => candidate.toLocaleLowerCase().startsWith(lower));\n    if (!completion || completion.length <= typed.length) return;\n    setDisplay(completion);\n    queueMicrotask(() => {\n      if (!inputRef || document.activeElement !== inputRef || query() !== typed) return;\n      inputRef.setSelectionRange(typed.length, completion.length);\n    });\n  };\n\n  const mergedOptions = (result: AutocompleteSelectSearchResult): readonly AutocompleteSelectOption[] =>\n    result.match && !result.options.some((option) => option.value === result.match!.value)\n      ? [result.match, ...result.options]\n      : result.options;\n\n  const commit = (option: AutocompleteSelectOption) => {\n    if (option.disabled) return;\n    pendingCommitQuery = undefined;\n    loader.cancel();\n    popover.hide();\n    remember([], option);\n    setDisplay(formatValue(option));\n    setQuery(\"\");\n    setResolvedQuery(undefined);\n    setMatch(undefined);\n    setFocusedIndex(-1);\n    setExplicitOption(false);\n    setInternalError(undefined);\n    snapshot = { value: option.value, option, display: formatValue(option) };\n    commitFieldValue(props, option.value);\n    setEditing(false);\n  };\n\n  const invalidate = (message = props.noMatchText ?? messages().noMatchingOption) => {\n    pendingCommitQuery = undefined;\n    setInternalError(message);\n    popover.hide();\n  };\n\n  const loader = createChoiceLoader(\n    () => async (typed, signal) => {\n      let result: AutocompleteSelectSearchResult;\n      try {\n        result = await props.search(typed, signal, activeGroup());\n      } catch (reason) {\n        if (!signal.aborted) {\n          setResolvedQuery(typed);\n          if (pendingCommitQuery === typed) invalidate(errorMessage(reason, messages().optionsCouldNotLoad));\n        }\n        throw reason;\n      }\n      if (signal.aborted) return [];\n\n      const options = mergedOptions(result);\n      const authoritative = result.match?.disabled ? undefined : result.match;\n      remember(options, authoritative);\n      setResolvedQuery(typed);\n      setMatch(authoritative);\n      setExplicitOption(false);\n      setFocusedIndex(authoritative ? options.findIndex((option) => option.value === authoritative.value) : -1);\n      completeInput(typed, authoritative);\n\n      if (pendingCommitQuery === typed) {\n        if (authoritative) commit(authoritative);\n        else invalidate();\n      }\n      return options;\n    },\n    () => props.debounceMs ?? 150,\n  );\n\n  const options = () => (resolvedQuery() === query() ? loader.options() : []);\n  const loadError = () => (resolvedQuery() === query() ? loader.error() : undefined);\n  const focusedOption = () => options()[focusedIndex()];\n  const focusOption = (index: number, explicit = true) => {\n    setFocusedIndex(index);\n    setExplicitOption(explicit);\n    optionRefs[index]?.scrollIntoView({ block: \"nearest\" });\n  };\n  const move = (direction: 1 | -1) => focusOption(nextEnabledChoiceIndex(options(), focusedIndex(), direction));\n\n  const startSearch = (typed: string, immediate = false) => {\n    setInternalError(undefined);\n    setResolvedQuery(undefined);\n    setMatch(undefined);\n    setFocusedIndex(-1);\n    setExplicitOption(false);\n    popover.show();\n    loader.load(typed, immediate);\n  };\n\n  const chooseGroup = (group: string | null) => {\n    if (group === activeGroup()) return;\n    setSelectedGroup(group);\n    startSearch(editing() ? query() : \"\", true);\n  };\n\n  const selectedForCommit = (): AutocompleteSelectOption | undefined => {\n    if (resolvedQuery() !== query()) return undefined;\n    if (explicitOption()) return focusedOption();\n    return match();\n  };\n\n  const requestCommit = () => {\n    if (!editing()) return;\n    const option = selectedForCommit();\n    if (option) {\n      commit(option);\n      return;\n    }\n    if (query() === \"\" && props.clearable && !props.required) {\n      pendingCommitQuery = undefined;\n      loader.cancel();\n      popover.hide();\n      snapshot = { value: null, option: undefined, display: \"\" };\n      setDisplay(\"\");\n      setQuery(\"\");\n      setEditing(false);\n      setResolvedQuery(undefined);\n      setMatch(undefined);\n      setFocusedIndex(-1);\n      setExplicitOption(false);\n      setInternalError(undefined);\n      commitFieldValue(props, null);\n      return;\n    }\n    if (pendingCommitQuery === query()) return;\n    pendingCommitQuery = query();\n    if (resolvedQuery() === query() && !loader.loading()) invalidate();\n    else loader.load(query(), true);\n  };\n\n  const restore = () => {\n    const target = snapshot;\n    pendingCommitQuery = undefined;\n    loader.cancel();\n    popover.hide();\n    remember(target.option ? [target.option] : []);\n    setDisplay(target.display);\n    setQuery(\"\");\n    setResolvedQuery(undefined);\n    setMatch(undefined);\n    setFocusedIndex(-1);\n    setExplicitOption(false);\n    setInternalError(undefined);\n    if (value() !== target.value) props.onValueChange?.(target.value);\n    setEditing(false);\n    queueMicrotask(() => inputRef?.select());\n  };\n\n  createEffect(() => {\n    if (editing()) return;\n    const option = selected();\n    setDisplay(formatValue(option));\n    snapshot = { value: value(), option, display: formatValue(option) };\n  });\n\n  createEffect(() => {\n    if (!inputRef) return;\n    const message = internalError();\n    inputRef.setCustomValidity(message ?? (editing() ? messages().selectMatchingOption : \"\"));\n  });\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (event.isComposing) return;\n    if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      if (!popover.open()) {\n        const typed = editing() ? query() : \"\";\n        startSearch(typed, true);\n      } else {\n        move(event.key === \"ArrowDown\" ? 1 : -1);\n      }\n    } else if (event.key === \"Enter\" && popover.open()) {\n      const option = selectedForCommit();\n      if (!option) return;\n      event.preventDefault();\n      commit(option);\n      inputRef?.select();\n    } else if (event.key === \"Escape\" && (editing() || popover.open())) {\n      event.preventDefault();\n      if (editing()) restore();\n      else popover.hide();\n    } else if (event.key === \"Tab\") {\n      requestCommit();\n      popover.hide();\n    }\n  };\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <div class=\"k2b-combobox\" data-invalid={error() ? \"true\" : undefined}>\n        <div ref={popover.setTrigger} class=\"k2b-combobox__input\" data-clearable={hasClearAction() ? \"true\" : undefined}>\n          <i class=\"ti ti-search\" aria-hidden=\"true\" />\n          <input\n            ref={(element) => {\n              inputRef = element;\n            }}\n            id={meta.controlId}\n            type=\"text\"\n            value={display()}\n            placeholder={props.placeholder ?? messages().typeToSearch}\n            disabled={props.disabled}\n            required={props.required}\n            autofocus={props.autofocus}\n            autocomplete=\"off\"\n            spellcheck={false}\n            role=\"combobox\"\n            aria-autocomplete=\"both\"\n            aria-expanded={popover.open()}\n            aria-controls={listboxId}\n            aria-activedescendant={focusedOption() ? `${listboxId}-${focusedIndex()}` : undefined}\n            {...fieldControlAria(meta, { ...props, error: error() })}\n            onPointerDown={() => {\n              pointerFocus = true;\n              queueMicrotask(() => (pointerFocus = false));\n            }}\n            onFocus={() => {\n              setFocused(true);\n              if (!editing()) {\n                const option = selected();\n                snapshot = { value: value(), option, display: formatValue(option) };\n                setDisplay(snapshot.display);\n              }\n              if (!pointerFocus) queueMicrotask(() => inputRef?.select());\n            }}\n            onClick={() => {\n              if (!editing()) startSearch(\"\", true);\n            }}\n            onInput={(event) => {\n              const typed = event.currentTarget.value;\n              const beginsEdit = !editing();\n              setEditing(true);\n              if (beginsEdit && value() !== null) props.onValueChange?.(null);\n              setDisplay(typed);\n              setQuery(typed);\n              pendingCommitQuery = undefined;\n              startSearch(typed);\n            }}\n            onKeyDown={onKeyDown}\n            onBlur={(event) => {\n              setFocused(false);\n              if (event.relatedTarget instanceof Node && popoverRef?.contains(event.relatedTarget)) return;\n              requestCommit();\n              popover.hide();\n            }}\n          />\n          <Show when={hasClearAction()}>\n            <button\n              type=\"button\"\n              class=\"k2b-choice-control__clear k2b-input-clear-action\"\n              tabindex={-1}\n              aria-label={messages().clearSelection}\n              onPointerDown={(event) => event.preventDefault()}\n              onClick={() => {\n                snapshot = { value: null, option: undefined, display: \"\" };\n                setDisplay(\"\");\n                setQuery(\"\");\n                setEditing(false);\n                setResolvedQuery(undefined);\n                setMatch(undefined);\n                setFocusedIndex(-1);\n                setExplicitOption(false);\n                setInternalError(undefined);\n                commitFieldValue(props, null);\n                inputRef?.focus();\n              }}\n            >\n              <i class=\"ti ti-x\" aria-hidden=\"true\" />\n            </button>\n          </Show>\n          <Show\n            when={loader.loading()}\n            fallback={\n              <Show when={editing() && match()} fallback={<i class=\"ti ti-chevron-down\" aria-hidden=\"true\" />}>\n                <i class=\"ti ti-check\" aria-hidden=\"true\" />\n              </Show>\n            }\n          >\n            <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n          </Show>\n        </div>\n        <Show when={props.name}>{(name) => <input type=\"hidden\" name={name()} value={value() ?? \"\"} />}</Show>\n        <span class=\"k2b-sr-only\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n          {loader.loading()\n            ? (props.checkingText ?? messages().checkingOptions)\n            : match()\n              ? `Match: ${formatValue(match())}`\n              : (internalError() ?? \"\")}\n        </span>\n        <div\n          ref={(element) => {\n            popoverRef = element;\n            popover.setPopover(element);\n          }}\n          popover=\"manual\"\n          class=\"k2b-choice-popover\"\n          role=\"group\"\n          aria-label={typeof props.label === \"string\" ? props.label : (props[\"aria-label\"] ?? messages().options)}\n          onFocusOut={(event) => {\n            if (event.relatedTarget instanceof Node && (popoverRef?.contains(event.relatedTarget) || inputRef === event.relatedTarget))\n              return;\n            requestCommit();\n            popover.hide();\n          }}\n          onKeyDown={(event) => {\n            if (event.key !== \"Escape\") return;\n            event.preventDefault();\n            if (editing()) restore();\n            else {\n              popover.hide();\n              inputRef?.focus();\n            }\n          }}\n        >\n          <Show when={(props.groups?.length ?? 0) > 0}>\n            <div class=\"k2b-choice-toolbar\">\n              <ChoiceGroups\n                choices={groupChoices()}\n                value={activeGroup()}\n                onValueChange={chooseGroup}\n                ariaLabel={props.groupsAriaLabel ?? messages().filterOptions}\n                controls={listboxId}\n              />\n            </div>\n          </Show>\n          <div id={listboxId} class=\"k2b-choice-options\" role=\"listbox\">\n            <Show when={loadError()}>\n              {(message) => (\n                <div class=\"k2b-choice-status\" data-tone=\"danger\">\n                  <span>{message()}</span>\n                  <button\n                    type=\"button\"\n                    onPointerDown={(event) => event.preventDefault()}\n                    onClick={() => {\n                      setInternalError(undefined);\n                      loader.retry();\n                    }}\n                  >\n                    Retry\n                  </button>\n                </div>\n              )}\n            </Show>\n            <Show when={loader.loading() && options().length === 0}>\n              <div class=\"k2b-choice-status\">\n                <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n                <span>{props.checkingText ?? messages().checkingOptionsLoading}</span>\n              </div>\n            </Show>\n            <For\n              each={loadError() ? [] : options()}\n              fallback={\n                <Show when={!loader.loading() && !loadError()}>\n                  <div class=\"k2b-choice-status\">{props.noOptionsText ?? messages().noOptionsFound}</div>\n                </Show>\n              }\n            >\n              {(option, index) => (\n                <button\n                  ref={(element) => (optionRefs[index()] = element)}\n                  type=\"button\"\n                  id={`${listboxId}-${index()}`}\n                  class=\"k2b-choice-option\"\n                  role=\"option\"\n                  aria-label={option.label}\n                  aria-selected={index() === focusedIndex()}\n                  data-focused={index() === focusedIndex() ? \"true\" : undefined}\n                  disabled={option.disabled}\n                  onPointerMove={() => focusOption(index())}\n                  onPointerDown={(event) => event.preventDefault()}\n                  onClick={() => {\n                    commit(option);\n                    inputRef?.focus();\n                    inputRef?.select();\n                  }}\n                >\n                  <Show when={option.color} fallback={<Show when={option.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>}>\n                    {(color) => <span class=\"k2b-choice-dot\" style={{ \"background-color\": color() }} aria-hidden=\"true\" />}\n                  </Show>\n                  <span>\n                    <strong>{option.label}</strong>\n                    <Show when={option.description}>{(description) => <small>{description()}</small>}</Show>\n                  </span>\n                </button>\n              )}\n            </For>\n          </div>\n        </div>\n      </div>\n    </Field>\n  );\n}\n\nexport default AutocompleteSelect;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/AutocompleteSelect.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, For, type JSX, Show } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { ChoiceGroups } from \"./ChoiceGroups\";\nimport { type ChoiceOption, createChoiceLoader, createChoicePopover, nextEnabledChoiceIndex } from \"./choice\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\nimport type { SelectGroup } from \"./Select\";\nimport { useSelectMessages } from \"./select-messages\";\n\nexport type AutocompleteSelectOption = ChoiceOption<string>;\n\nexport type AutocompleteSelectSearchResult = {\n  /** Ranked suggestions shown in the popup. */\n  options: readonly AutocompleteSelectOption[];\n  /** The authoritative option that Tab or blur may accept automatically. */\n  match?: AutocompleteSelectOption;\n};\n\nexport type AutocompleteSelectProps = ValueFieldProps<string | null> & {\n  search: (query: string, signal: AbortSignal, group: string | null) => Promise<AutocompleteSelectSearchResult>;\n  selectedOption?: AutocompleteSelectOption;\n  formatValue?: (option: AutocompleteSelectOption) => string;\n  groups?: readonly SelectGroup[];\n  defaultGroup?: string;\n  groupsAriaLabel?: string;\n  allGroupLabel?: string;\n  placeholder?: string;\n  debounceMs?: number;\n  clearable?: boolean;\n  name?: string;\n  autofocus?: boolean;\n  noMatchText?: string;\n  checkingText?: string;\n  noOptionsText?: string;\n};\n\ntype SelectionSnapshot = {\n  value: string | null;\n  option?: AutocompleteSelectOption;\n  display: string;\n};\n\nconst errorMessage = (error: unknown, fallback: string): string => (error instanceof Error ? error.message : fallback);\n\nexport function AutocompleteSelect(props: AutocompleteSelectProps): JSX.Element {\n  const messages = useUiMessages();\n  const selectMessages = useSelectMessages();\n  const meta = createFieldMeta(props.id);\n  const listboxId = `${meta.controlId}-listbox`;\n  const [cache, setCache] = createSignal<Record<string, AutocompleteSelectOption>>({});\n  const value = () => resolveMaybeAccessor(props.value) ?? null;\n  const selected = createMemo<AutocompleteSelectOption | undefined>(() => {\n    const current = value();\n    if (current === null) return undefined;\n    return (\n      cache()[current] ??\n      (props.selectedOption?.value === current ? props.selectedOption : undefined) ?? {\n        value: current,\n        label: current,\n      }\n    );\n  });\n  const formatValue = (option: AutocompleteSelectOption | undefined): string =>\n    option ? (props.formatValue?.(option) ?? option.label) : \"\";\n\n  const [display, setDisplay] = createSignal(formatValue(selected()));\n  const [query, setQuery] = createSignal(\"\");\n  const [focused, setFocused] = createSignal(false);\n  const [editing, setEditing] = createSignal(false);\n  const [resolvedQuery, setResolvedQuery] = createSignal<string>();\n  const [match, setMatch] = createSignal<AutocompleteSelectOption>();\n  const [focusedIndex, setFocusedIndex] = createSignal(-1);\n  const [selectedGroup, setSelectedGroup] = createSignal<string | null>(props.defaultGroup ?? null);\n  const [explicitOption, setExplicitOption] = createSignal(false);\n  const [internalError, setInternalError] = createSignal<string>();\n  const externalError = () => resolveMaybeAccessor(props.error);\n  const error = () => externalError() ?? internalError();\n  const hasClearAction = () => Boolean(props.clearable && value() !== null && !props.disabled);\n  let inputRef: HTMLInputElement | undefined;\n  let popoverRef: HTMLDivElement | undefined;\n  let optionRefs: HTMLButtonElement[] = [];\n  let pointerFocus = false;\n  let pendingCommitQuery: string | undefined;\n  let snapshot: SelectionSnapshot = { value: value(), option: selected(), display: formatValue(selected()) };\n\n  const popover = createChoicePopover(() => Boolean(props.disabled));\n  const activeGroup = createMemo(() => {\n    const current = selectedGroup();\n    return current && props.groups?.some((group) => group.value === current) ? current : null;\n  });\n  const groupChoices = createMemo(() => [{ value: null, label: props.allGroupLabel ?? messages().all }, ...(props.groups ?? [])]);\n\n  const remember = (options: readonly AutocompleteSelectOption[], authoritative?: AutocompleteSelectOption) => {\n    const next = { ...cache() };\n    for (const option of options) next[option.value] = option;\n    if (authoritative) next[authoritative.value] = authoritative;\n    setCache(next);\n  };\n\n  const completeInput = (typed: string, authoritative: AutocompleteSelectOption | undefined) => {\n    if (!inputRef || !focused() || !editing() || !authoritative || typed.length === 0) return;\n    const lower = typed.toLocaleLowerCase();\n    const completion = [authoritative.value, authoritative.label].find((candidate) => candidate.toLocaleLowerCase().startsWith(lower));\n    if (!completion || completion.length <= typed.length) return;\n    setDisplay(completion);\n    queueMicrotask(() => {\n      if (!inputRef || document.activeElement !== inputRef || query() !== typed) return;\n      inputRef.setSelectionRange(typed.length, completion.length);\n    });\n  };\n\n  const mergedOptions = (result: AutocompleteSelectSearchResult): readonly AutocompleteSelectOption[] =>\n    result.match && !result.options.some((option) => option.value === result.match!.value)\n      ? [result.match, ...result.options]\n      : result.options;\n\n  const commit = (option: AutocompleteSelectOption) => {\n    if (option.disabled) return;\n    pendingCommitQuery = undefined;\n    loader.cancel();\n    popover.hide();\n    remember([], option);\n    setDisplay(formatValue(option));\n    setQuery(\"\");\n    setResolvedQuery(undefined);\n    setMatch(undefined);\n    setFocusedIndex(-1);\n    setExplicitOption(false);\n    setInternalError(undefined);\n    snapshot = { value: option.value, option, display: formatValue(option) };\n    commitFieldValue(props, option.value);\n    setEditing(false);\n  };\n\n  const invalidate = (message = props.noMatchText ?? selectMessages().noMatchingOption) => {\n    pendingCommitQuery = undefined;\n    setInternalError(message);\n    popover.hide();\n  };\n\n  const loader = createChoiceLoader(\n    () => async (typed, signal) => {\n      let result: AutocompleteSelectSearchResult;\n      try {\n        result = await props.search(typed, signal, activeGroup());\n      } catch (reason) {\n        if (!signal.aborted) {\n          setResolvedQuery(typed);\n          if (pendingCommitQuery === typed) invalidate(errorMessage(reason, selectMessages().optionsCouldNotLoad));\n        }\n        throw reason;\n      }\n      if (signal.aborted) return [];\n\n      const options = mergedOptions(result);\n      const authoritative = result.match?.disabled ? undefined : result.match;\n      remember(options, authoritative);\n      setResolvedQuery(typed);\n      setMatch(authoritative);\n      setExplicitOption(false);\n      setFocusedIndex(authoritative ? options.findIndex((option) => option.value === authoritative.value) : -1);\n      completeInput(typed, authoritative);\n\n      if (pendingCommitQuery === typed) {\n        if (authoritative) commit(authoritative);\n        else invalidate();\n      }\n      return options;\n    },\n    () => props.debounceMs ?? 150,\n  );\n\n  const options = () => (resolvedQuery() === query() ? loader.options() : []);\n  const loadError = () => (resolvedQuery() === query() ? loader.error() : undefined);\n  const focusedOption = () => options()[focusedIndex()];\n  const focusOption = (index: number, explicit = true) => {\n    setFocusedIndex(index);\n    setExplicitOption(explicit);\n    optionRefs[index]?.scrollIntoView({ block: \"nearest\" });\n  };\n  const move = (direction: 1 | -1) => focusOption(nextEnabledChoiceIndex(options(), focusedIndex(), direction));\n\n  const startSearch = (typed: string, immediate = false) => {\n    setInternalError(undefined);\n    setResolvedQuery(undefined);\n    setMatch(undefined);\n    setFocusedIndex(-1);\n    setExplicitOption(false);\n    popover.show();\n    loader.load(typed, immediate);\n  };\n\n  const chooseGroup = (group: string | null) => {\n    if (group === activeGroup()) return;\n    setSelectedGroup(group);\n    startSearch(editing() ? query() : \"\", true);\n  };\n\n  const selectedForCommit = (): AutocompleteSelectOption | undefined => {\n    if (resolvedQuery() !== query()) return undefined;\n    if (explicitOption()) return focusedOption();\n    return match();\n  };\n\n  const requestCommit = () => {\n    if (!editing()) return;\n    const option = selectedForCommit();\n    if (option) {\n      commit(option);\n      return;\n    }\n    if (query() === \"\" && props.clearable && !props.required) {\n      pendingCommitQuery = undefined;\n      loader.cancel();\n      popover.hide();\n      snapshot = { value: null, option: undefined, display: \"\" };\n      setDisplay(\"\");\n      setQuery(\"\");\n      setEditing(false);\n      setResolvedQuery(undefined);\n      setMatch(undefined);\n      setFocusedIndex(-1);\n      setExplicitOption(false);\n      setInternalError(undefined);\n      commitFieldValue(props, null);\n      return;\n    }\n    if (pendingCommitQuery === query()) return;\n    pendingCommitQuery = query();\n    if (resolvedQuery() === query() && !loader.loading()) invalidate();\n    else loader.load(query(), true);\n  };\n\n  const restore = () => {\n    const target = snapshot;\n    pendingCommitQuery = undefined;\n    loader.cancel();\n    popover.hide();\n    remember(target.option ? [target.option] : []);\n    setDisplay(target.display);\n    setQuery(\"\");\n    setResolvedQuery(undefined);\n    setMatch(undefined);\n    setFocusedIndex(-1);\n    setExplicitOption(false);\n    setInternalError(undefined);\n    if (value() !== target.value) props.onValueChange?.(target.value);\n    setEditing(false);\n    queueMicrotask(() => inputRef?.select());\n  };\n\n  createEffect(() => {\n    if (editing()) return;\n    const option = selected();\n    setDisplay(formatValue(option));\n    snapshot = { value: value(), option, display: formatValue(option) };\n  });\n\n  createEffect(() => {\n    if (!inputRef) return;\n    const message = internalError();\n    inputRef.setCustomValidity(message ?? (editing() ? selectMessages().selectMatchingOption : \"\"));\n  });\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (event.isComposing) return;\n    if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      if (!popover.open()) {\n        const typed = editing() ? query() : \"\";\n        startSearch(typed, true);\n      } else {\n        move(event.key === \"ArrowDown\" ? 1 : -1);\n      }\n    } else if (event.key === \"Enter\" && popover.open()) {\n      const option = selectedForCommit();\n      if (!option) return;\n      event.preventDefault();\n      commit(option);\n      inputRef?.select();\n    } else if (event.key === \"Escape\" && (editing() || popover.open())) {\n      event.preventDefault();\n      if (editing()) restore();\n      else popover.hide();\n    } else if (event.key === \"Tab\") {\n      requestCommit();\n      popover.hide();\n    }\n  };\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <div class=\"k2b-combobox\" data-invalid={error() ? \"true\" : undefined}>\n        <div ref={popover.setTrigger} class=\"k2b-combobox__input\" data-clearable={hasClearAction() ? \"true\" : undefined}>\n          <i class=\"ti ti-search\" aria-hidden=\"true\" />\n          <input\n            ref={(element) => {\n              inputRef = element;\n            }}\n            id={meta.controlId}\n            type=\"text\"\n            value={display()}\n            placeholder={props.placeholder ?? selectMessages().typeToSearch}\n            disabled={props.disabled}\n            required={props.required}\n            autofocus={props.autofocus}\n            autocomplete=\"off\"\n            spellcheck={false}\n            role=\"combobox\"\n            aria-autocomplete=\"both\"\n            aria-expanded={popover.open()}\n            aria-controls={listboxId}\n            aria-activedescendant={focusedOption() ? `${listboxId}-${focusedIndex()}` : undefined}\n            {...fieldControlAria(meta, { ...props, error: error() })}\n            onPointerDown={() => {\n              pointerFocus = true;\n              queueMicrotask(() => (pointerFocus = false));\n            }}\n            onFocus={() => {\n              setFocused(true);\n              if (!editing()) {\n                const option = selected();\n                snapshot = { value: value(), option, display: formatValue(option) };\n                setDisplay(snapshot.display);\n              }\n              if (!pointerFocus) queueMicrotask(() => inputRef?.select());\n            }}\n            onClick={() => {\n              if (!editing()) startSearch(\"\", true);\n            }}\n            onInput={(event) => {\n              const typed = event.currentTarget.value;\n              const beginsEdit = !editing();\n              setEditing(true);\n              if (beginsEdit && value() !== null) props.onValueChange?.(null);\n              setDisplay(typed);\n              setQuery(typed);\n              pendingCommitQuery = undefined;\n              startSearch(typed);\n            }}\n            onKeyDown={onKeyDown}\n            onBlur={(event) => {\n              setFocused(false);\n              if (event.relatedTarget instanceof Node && popoverRef?.contains(event.relatedTarget)) return;\n              requestCommit();\n              popover.hide();\n            }}\n          />\n          <Show when={hasClearAction()}>\n            <button\n              type=\"button\"\n              class=\"k2b-choice-control__clear k2b-input-clear-action\"\n              tabindex={-1}\n              aria-label={messages().clearSelection}\n              onPointerDown={(event) => event.preventDefault()}\n              onClick={() => {\n                snapshot = { value: null, option: undefined, display: \"\" };\n                setDisplay(\"\");\n                setQuery(\"\");\n                setEditing(false);\n                setResolvedQuery(undefined);\n                setMatch(undefined);\n                setFocusedIndex(-1);\n                setExplicitOption(false);\n                setInternalError(undefined);\n                commitFieldValue(props, null);\n                inputRef?.focus();\n              }}\n            >\n              <i class=\"ti ti-x\" aria-hidden=\"true\" />\n            </button>\n          </Show>\n          <Show\n            when={loader.loading()}\n            fallback={\n              <Show when={editing() && match()} fallback={<i class=\"ti ti-chevron-down\" aria-hidden=\"true\" />}>\n                <i class=\"ti ti-check\" aria-hidden=\"true\" />\n              </Show>\n            }\n          >\n            <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n          </Show>\n        </div>\n        <Show when={props.name}>{(name) => <input type=\"hidden\" name={name()} value={value() ?? \"\"} />}</Show>\n        <span class=\"k2b-sr-only\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n          {loader.loading()\n            ? (props.checkingText ?? selectMessages().checkingOptions)\n            : match()\n              ? `Match: ${formatValue(match())}`\n              : (internalError() ?? \"\")}\n        </span>\n        <div\n          ref={(element) => {\n            popoverRef = element;\n            popover.setPopover(element);\n          }}\n          popover=\"manual\"\n          class=\"k2b-choice-popover\"\n          role=\"group\"\n          aria-label={typeof props.label === \"string\" ? props.label : (props[\"aria-label\"] ?? messages().options)}\n          onFocusOut={(event) => {\n            if (event.relatedTarget instanceof Node && (popoverRef?.contains(event.relatedTarget) || inputRef === event.relatedTarget))\n              return;\n            requestCommit();\n            popover.hide();\n          }}\n          onKeyDown={(event) => {\n            if (event.key !== \"Escape\") return;\n            event.preventDefault();\n            if (editing()) restore();\n            else {\n              popover.hide();\n              inputRef?.focus();\n            }\n          }}\n        >\n          <Show when={(props.groups?.length ?? 0) > 0}>\n            <div class=\"k2b-choice-toolbar\">\n              <ChoiceGroups\n                choices={groupChoices()}\n                value={activeGroup()}\n                onValueChange={chooseGroup}\n                ariaLabel={props.groupsAriaLabel ?? selectMessages().filterOptions}\n                controls={listboxId}\n              />\n            </div>\n          </Show>\n          <div id={listboxId} class=\"k2b-choice-options\" role=\"listbox\">\n            <Show when={loadError()}>\n              {(message) => (\n                <div class=\"k2b-choice-status\" data-tone=\"danger\">\n                  <span>{message()}</span>\n                  <button\n                    type=\"button\"\n                    onPointerDown={(event) => event.preventDefault()}\n                    onClick={() => {\n                      setInternalError(undefined);\n                      loader.retry();\n                    }}\n                  >\n                    Retry\n                  </button>\n                </div>\n              )}\n            </Show>\n            <Show when={loader.loading() && options().length === 0}>\n              <div class=\"k2b-choice-status\">\n                <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n                <span>{props.checkingText ?? selectMessages().checkingOptionsLoading}</span>\n              </div>\n            </Show>\n            <For\n              each={loadError() ? [] : options()}\n              fallback={\n                <Show when={!loader.loading() && !loadError()}>\n                  <div class=\"k2b-choice-status\">{props.noOptionsText ?? selectMessages().noOptionsFound}</div>\n                </Show>\n              }\n            >\n              {(option, index) => (\n                <button\n                  ref={(element) => (optionRefs[index()] = element)}\n                  type=\"button\"\n                  id={`${listboxId}-${index()}`}\n                  class=\"k2b-choice-option\"\n                  role=\"option\"\n                  aria-label={option.label}\n                  aria-selected={index() === focusedIndex()}\n                  data-focused={index() === focusedIndex() ? \"true\" : undefined}\n                  disabled={option.disabled}\n                  onPointerMove={() => focusOption(index())}\n                  onPointerDown={(event) => event.preventDefault()}\n                  onClick={() => {\n                    commit(option);\n                    inputRef?.focus();\n                    inputRef?.select();\n                  }}\n                >\n                  <Show when={option.color} fallback={<Show when={option.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>}>\n                    {(color) => <span class=\"k2b-choice-dot\" style={{ \"background-color\": color() }} aria-hidden=\"true\" />}\n                  </Show>\n                  <span>\n                    <strong>{option.label}</strong>\n                    <Show when={option.description}>{(description) => <small>{description()}</small>}</Show>\n                  </span>\n                </button>\n              )}\n            </For>\n          </div>\n        </div>\n      </div>\n    </Field>\n  );\n}\n\nexport default AutocompleteSelect;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/inputs/ChoiceGroups.js

@@ -8,6 +8,7 @@ var _tmpl$ = ["<div class=\"k2b-choice-groups-scrollbar\" aria-hidden=\"true\"><
   _tmpl$3 = ["<button type=\"button\" role=\"radio\"", "", ">", "", "</button>"],
   _tmpl$4 = ["<i", " aria-hidden=\"true\"></i>"];
 import { createEffect, createSignal, For, onCleanup, onMount, Show } from "solid-js";
+import { suppressTextSelection } from "../internal/text-selection";
 /**
  * A single-choice row of chips that scrolls sideways instead of wrapping, so its height never changes. Select and
  * MultiSelect use it for their filters; `ChoiceChips` is the public field around it.
@@ -75,11 +76,14 @@ export function ChoiceGroups(props) {
     syncScrollbar();
   };
   const startScrollbarDrag = event => {
+    if (event.button !== 0) return;
     event.preventDefault();
     const track = event.currentTarget;
     const current = scrollbar();
     dragOffset = event.target === track ? current.width / 2 : Math.min(current.width, Math.max(0, event.clientX - track.getBoundingClientRect().left - current.left));
     track.setPointerCapture(event.pointerId);
+    // The track's own pointerup or pointercancel ends the hold.
+    suppressTextSelection(event.pointerId);
     scrollFromPointer(event);
   };
   onMount(() => {

package/dist/ssr/inputs/ChoiceGroups.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/ChoiceGroups.tsx"],"sourcesContent":["import { createEffect, createSignal, For, type JSX, onCleanup, onMount, Show } from \"solid-js\";\n\ntype ChoiceGroup = { value: string | null; label: string; icon?: string };\n\n/**\n * A single-choice row of chips that scrolls sideways instead of wrapping, so its height never changes. Select and\n * MultiSelect use it for their filters; `ChoiceChips` is the public field around it.\n */\nexport function ChoiceGroups(props: {\n  choices: readonly ChoiceGroup[];\n  value: string | null;\n  onValueChange: (value: string | null) => void;\n  ariaLabel?: string;\n  /** The field label that names the group; replaces `ariaLabel`. */\n  labelledBy?: string;\n  describedBy?: string;\n  controls?: string;\n  disabled?: boolean;\n}): JSX.Element {\n  let viewport: HTMLDivElement | undefined;\n  let buttons: HTMLButtonElement[] = [];\n  let dragOffset = 0;\n  const [scrollbar, setScrollbar] = createSignal({ overflow: false, left: 0, width: 0 });\n\n  const syncScrollbar = () => {\n    if (!viewport) return;\n    const { clientWidth, scrollLeft, scrollWidth } = viewport;\n    if (clientWidth <= 0 || scrollWidth <= clientWidth) {\n      setScrollbar({ overflow: false, left: 0, width: 0 });\n      return;\n    }\n    const width = Math.min(clientWidth, Math.max(24, (clientWidth * clientWidth) / scrollWidth));\n    const left = (scrollLeft / (scrollWidth - clientWidth)) * (clientWidth - width);\n    setScrollbar({ overflow: true, left, width });\n  };\n\n  // With no matching choice the first chip takes the tab stop, so the group stays reachable by keyboard.\n  const tabStop = (value: string | null, index: number) =>\n    props.value === value || (index === 0 && !props.choices.some((choice) => choice.value === props.value));\n  const choose = (index: number, focus = false) => {\n    const choice = props.choices[index];\n    if (!choice || props.disabled) return;\n    props.onValueChange(choice.value);\n    if (!focus) return;\n    queueMicrotask(() => {\n      buttons[index]?.focus();\n      buttons[index]?.scrollIntoView({ block: \"nearest\", inline: \"nearest\" });\n    });\n  };\n  const move = (index: number, direction: 1 | -1) => choose((index + direction + props.choices.length) % props.choices.length, true);\n  const focusEdge = (last: boolean) => choose(last ? props.choices.length - 1 : 0, true);\n\n  const scrollFromPointer = (event: PointerEvent & { currentTarget: HTMLDivElement }) => {\n    if (!viewport) return;\n    const track = event.currentTarget;\n    const { width } = scrollbar();\n    const rect = track.getBoundingClientRect();\n    const available = Math.max(1, rect.width - width);\n    const thumbLeft = Math.min(available, Math.max(0, event.clientX - rect.left - dragOffset));\n    viewport.scrollLeft = (thumbLeft / available) * (viewport.scrollWidth - viewport.clientWidth);\n    syncScrollbar();\n  };\n  const startScrollbarDrag = (event: PointerEvent & { currentTarget: HTMLDivElement }) => {\n    event.preventDefault();\n    const track = event.currentTarget;\n    const current = scrollbar();\n    dragOffset =\n      event.target === track\n        ? current.width / 2\n        : Math.min(current.width, Math.max(0, event.clientX - track.getBoundingClientRect().left - current.left));\n    track.setPointerCapture(event.pointerId);\n    scrollFromPointer(event);\n  };\n\n  onMount(() => {\n    syncScrollbar();\n    const observer = typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(syncScrollbar);\n    if (viewport) observer?.observe(viewport);\n    onCleanup(() => observer?.disconnect());\n  });\n  createEffect(() => {\n    props.choices.map((choice) => `${choice.value ?? \"\"}:${choice.label}`).join(\"|\");\n    queueMicrotask(syncScrollbar);\n  });\n\n  return (\n    <div class=\"k2b-choice-groups-shell\" onPointerEnter={syncScrollbar} onFocusIn={syncScrollbar}>\n      <div\n        ref={viewport}\n        class=\"k2b-choice-groups\"\n        role=\"radiogroup\"\n        aria-label={props.labelledBy ? undefined : props.ariaLabel}\n        aria-labelledby={props.labelledBy}\n        aria-describedby={props.describedBy}\n        aria-disabled={props.disabled ? \"true\" : undefined}\n        onScroll={syncScrollbar}\n      >\n        <For each={props.choices}>\n          {(group, index) => (\n            <button\n              ref={(element) => (buttons[index()] = element)}\n              type=\"button\"\n              role=\"radio\"\n              aria-checked={props.value === group.value}\n              aria-controls={props.controls}\n              disabled={props.disabled}\n              tabIndex={tabStop(group.value, index()) ? 0 : -1}\n              onClick={() => choose(index())}\n              onKeyDown={(event) => {\n                if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") {\n                  event.preventDefault();\n                  move(index(), 1);\n                } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") {\n                  event.preventDefault();\n                  move(index(), -1);\n                } else if (event.key === \"Home\" || event.key === \"End\") {\n                  event.preventDefault();\n                  focusEdge(event.key === \"End\");\n                }\n              }}\n            >\n              {group.icon && <i class={group.icon} aria-hidden=\"true\" />}\n              {group.label}\n            </button>\n          )}\n        </For>\n      </div>\n      <Show when={scrollbar().overflow}>\n        <div\n          class=\"k2b-choice-groups-scrollbar\"\n          aria-hidden=\"true\"\n          onPointerDown={startScrollbarDrag}\n          onPointerMove={(event) => {\n            if (event.currentTarget.hasPointerCapture(event.pointerId)) scrollFromPointer(event);\n          }}\n          onPointerUp={(event) => event.currentTarget.releasePointerCapture(event.pointerId)}\n          onPointerCancel={(event) => event.currentTarget.releasePointerCapture(event.pointerId)}\n        >\n          <span\n            style={{\n              \"--k2b-choice-scroll-left\": `${scrollbar().left}px`,\n              \"--k2b-choice-scroll-width\": `${scrollbar().width}px`,\n            }}\n          />\n        </div>\n      </Show>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAAA,SAAS,YAAY,EAAE,YAAY,EAAE,GAAG,EAAY,SAAS,EAAE,OAAO,EAAE,IAAI,QAAQ,UAAU;AAI9F;AACA;AACA;AACA;AACA,OAAO,SAAS,YAAY,CAAC,KAU5B,EAAe;EACd,IAAI,QAAoC;EACxC,IAAI,OAA4B,GAAG,EAAE;EACrC,IAAI,UAAU,GAAG,CAAC;EAClB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,YAAY,CAAC;IAAE,QAAQ,EAAE,KAAK;IAAE,IAAI,EAAE,CAAC;IAAE,KAAK,EAAE;EAAE,CAAC,CAAC;EAEtF,MAAM,aAAa,GAAG,MAAM;IAC1B,IAAI,CAAC,QAAQ,EAAE;IACf,MAAM;MAAE,WAAW;MAAE,UAAU;MAAE;IAAY,CAAC,GAAG,QAAQ;IACzD,IAAI,WAAW,IAAI,CAAC,IAAI,WAAW,IAAI,WAAW,EAAE;MAClD,YAAY,CAAC;QAAE,QAAQ,EAAE,KAAK;QAAE,IAAI,EAAE,CAAC;QAAE,KAAK,EAAE;MAAE,CAAC,CAAC;MACpD;IACF;IACA,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAG,WAAW,GAAG,WAAW,GAAI,WAAW,CAAC,CAAC;IAC5F,MAAM,IAAI,GAAI,UAAU,IAAI,WAAW,GAAG,WAAW,CAAC,IAAK,WAAW,GAAG,KAAK,CAAC;IAC/E,YAAY,CAAC;MAAE,QAAQ,EAAE,IAAI;MAAE,IAAI;MAAE;IAAM,CAAC,CAAC;EAC/C,CAAC;;EAED;EACA,MAAM,OAAO,GAAG,CAAC,KAAoB,EAAE,KAAa,KAClD,KAAK,CAAC,KAAK,KAAK,KAAK,IAAK,KAAK,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAE,MAAM,IAAK,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,CAAE;EACzG,MAAM,MAAM,GAAG,CAAC,KAAa,EAAE,KAAK,GAAG,KAAK,KAAK;IAC/C,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;IACnC,IAAI,CAAC,MAAM,IAAI,KAAK,CAAC,QAAQ,EAAE;IAC/B,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC;IACjC,IAAI,CAAC,KAAK,EAAE;IACZ,cAAc,CAAC,MAAM;MACnB,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;MACvB,OAAO,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC;QAAE,KAAK,EAAE,SAAS;QAAE,MAAM,EAAE;MAAU,CAAC,CAAC;IACzE,CAAC,CAAC;EACJ,CAAC;EACD,MAAM,IAAI,GAAG,CAAC,KAAa,EAAE,SAAiB,KAAK,MAAM,CAAC,CAAC,KAAK,GAAG,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;EAClI,MAAM,SAAS,GAAI,IAAa,IAAK,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC;EAEtF,MAAM,iBAAiB,GAAI,KAAuD,IAAK;IACrF,IAAI,CAAC,QAAQ,EAAE;IACf,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa;IACjC,MAAM;MAAE;IAAM,CAAC,GAAG,SAAS,CAAC,CAAC;IAC7B,MAAM,IAAI,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC;IAC1C,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACjD,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,GAAG,UAAU,CAAC,CAAC;IAC1F,QAAQ,CAAC,UAAU,GAAI,SAAS,GAAG,SAAS,IAAK,QAAQ,CAAC,WAAW,GAAG,QAAQ,CAAC,WAAW,CAAC;IAC7F,aAAa,CAAC,CAAC;EACjB,CAAC;EACD,MAAM,kBAAkB,GAAI,KAAuD,IAAK;IACtF,KAAK,CAAC,cAAc,CAAC,CAAC;IACtB,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa;IACjC,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC;IAC3B,UAAU,GACR,KAAK,CAAC,MAAM,KAAK,KAAK,GAClB,OAAO,CAAC,KAAK,GAAG,CAAC,GACjB,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7G,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC;IACxC,iBAAiB,CAAC,KAAK,CAAC;EAC1B,CAAC;EAED,OAAO,CAAC,MAAM;IACZ,aAAa,CAAC,CAAC;IACf,MAAM,QAAQ,GAAG,OAAO,cAAc,KAAK,WAAW,GAAG,IAAI,GAAG,IAAI,cAAc,CAAC,aAAa,CAAC;IACjG,IAAI,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC;IACzC,SAAS,CAAC,MAAM,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;EACzC,CAAC,CAAC;EACF,YAAY,CAAC,MAAM;IACjB,KAAK,CAAC,OAAO,CAAC,GAAG,CAAE,MAAM,IAAK,GAAG,MAAM,CAAC,KAAK,IAAI,EAAE,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;IAChF,cAAc,CAAC,aAAa,CAAC;EAC/B,CAAC,CAAC;EAEF,mDAMkB,KAAK,CAAC,UAAU,YAAG,SAAS,mBAAG,KAAK,CAAC,SAAS,6DACzC,KAAK,CAAC,UAAU,8DACf,KAAK,CAAC,WAAW,kDACpB,KAAK,CAAC,QAAQ,GAAG,MAAM,YAAG,SAAS,4CAGjD,GAAG;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,OAAO;IAAA;IAAA,UACrB,CAAC,KAAK,EAAE,KAAK,mDAKI,cAAK,CAAC,KAAK,qBAAK,KAAK,CAAC,KAAK,2DAC1B,KAAK,CAAC,QAAQ,4CACnB,KAAK,CAAC,QAAQ,qCACd,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,UAe/C,KAAK,CAAC,IAAI,oDAAc,KAAK,CAAC,IAAI,gBAAuB,WACzD,KAAK,CAAC,KAAK;EAEf,gCAGJ,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,SAAS,CAAC,CAAC,CAAC,QAAQ;IAAA;IAAA;MAAA,qEAaI,YAAG,SAAS,CAAC,CAAC,CAAC,IAAI,WAAI,sDACtB,YAAG,SAAS,CAAC,CAAC,CAAC,KAAK,WAAI;IAAA;EAAA;AAOnE","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/ChoiceGroups.tsx"],"sourcesContent":["import { createEffect, createSignal, For, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { suppressTextSelection } from \"../internal/text-selection\";\n\ntype ChoiceGroup = { value: string | null; label: string; icon?: string };\n\n/**\n * A single-choice row of chips that scrolls sideways instead of wrapping, so its height never changes. Select and\n * MultiSelect use it for their filters; `ChoiceChips` is the public field around it.\n */\nexport function ChoiceGroups(props: {\n  choices: readonly ChoiceGroup[];\n  value: string | null;\n  onValueChange: (value: string | null) => void;\n  ariaLabel?: string;\n  /** The field label that names the group; replaces `ariaLabel`. */\n  labelledBy?: string;\n  describedBy?: string;\n  controls?: string;\n  disabled?: boolean;\n}): JSX.Element {\n  let viewport: HTMLDivElement | undefined;\n  let buttons: HTMLButtonElement[] = [];\n  let dragOffset = 0;\n  const [scrollbar, setScrollbar] = createSignal({ overflow: false, left: 0, width: 0 });\n\n  const syncScrollbar = () => {\n    if (!viewport) return;\n    const { clientWidth, scrollLeft, scrollWidth } = viewport;\n    if (clientWidth <= 0 || scrollWidth <= clientWidth) {\n      setScrollbar({ overflow: false, left: 0, width: 0 });\n      return;\n    }\n    const width = Math.min(clientWidth, Math.max(24, (clientWidth * clientWidth) / scrollWidth));\n    const left = (scrollLeft / (scrollWidth - clientWidth)) * (clientWidth - width);\n    setScrollbar({ overflow: true, left, width });\n  };\n\n  // With no matching choice the first chip takes the tab stop, so the group stays reachable by keyboard.\n  const tabStop = (value: string | null, index: number) =>\n    props.value === value || (index === 0 && !props.choices.some((choice) => choice.value === props.value));\n  const choose = (index: number, focus = false) => {\n    const choice = props.choices[index];\n    if (!choice || props.disabled) return;\n    props.onValueChange(choice.value);\n    if (!focus) return;\n    queueMicrotask(() => {\n      buttons[index]?.focus();\n      buttons[index]?.scrollIntoView({ block: \"nearest\", inline: \"nearest\" });\n    });\n  };\n  const move = (index: number, direction: 1 | -1) => choose((index + direction + props.choices.length) % props.choices.length, true);\n  const focusEdge = (last: boolean) => choose(last ? props.choices.length - 1 : 0, true);\n\n  const scrollFromPointer = (event: PointerEvent & { currentTarget: HTMLDivElement }) => {\n    if (!viewport) return;\n    const track = event.currentTarget;\n    const { width } = scrollbar();\n    const rect = track.getBoundingClientRect();\n    const available = Math.max(1, rect.width - width);\n    const thumbLeft = Math.min(available, Math.max(0, event.clientX - rect.left - dragOffset));\n    viewport.scrollLeft = (thumbLeft / available) * (viewport.scrollWidth - viewport.clientWidth);\n    syncScrollbar();\n  };\n  const startScrollbarDrag = (event: PointerEvent & { currentTarget: HTMLDivElement }) => {\n    if (event.button !== 0) return;\n    event.preventDefault();\n    const track = event.currentTarget;\n    const current = scrollbar();\n    dragOffset =\n      event.target === track\n        ? current.width / 2\n        : Math.min(current.width, Math.max(0, event.clientX - track.getBoundingClientRect().left - current.left));\n    track.setPointerCapture(event.pointerId);\n    // The track's own pointerup or pointercancel ends the hold.\n    suppressTextSelection(event.pointerId);\n    scrollFromPointer(event);\n  };\n\n  onMount(() => {\n    syncScrollbar();\n    const observer = typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(syncScrollbar);\n    if (viewport) observer?.observe(viewport);\n    onCleanup(() => observer?.disconnect());\n  });\n  createEffect(() => {\n    props.choices.map((choice) => `${choice.value ?? \"\"}:${choice.label}`).join(\"|\");\n    queueMicrotask(syncScrollbar);\n  });\n\n  return (\n    <div class=\"k2b-choice-groups-shell\" onPointerEnter={syncScrollbar} onFocusIn={syncScrollbar}>\n      <div\n        ref={viewport}\n        class=\"k2b-choice-groups\"\n        role=\"radiogroup\"\n        aria-label={props.labelledBy ? undefined : props.ariaLabel}\n        aria-labelledby={props.labelledBy}\n        aria-describedby={props.describedBy}\n        aria-disabled={props.disabled ? \"true\" : undefined}\n        onScroll={syncScrollbar}\n      >\n        <For each={props.choices}>\n          {(group, index) => (\n            <button\n              ref={(element) => (buttons[index()] = element)}\n              type=\"button\"\n              role=\"radio\"\n              aria-checked={props.value === group.value}\n              aria-controls={props.controls}\n              disabled={props.disabled}\n              tabIndex={tabStop(group.value, index()) ? 0 : -1}\n              onClick={() => choose(index())}\n              onKeyDown={(event) => {\n                if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") {\n                  event.preventDefault();\n                  move(index(), 1);\n                } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") {\n                  event.preventDefault();\n                  move(index(), -1);\n                } else if (event.key === \"Home\" || event.key === \"End\") {\n                  event.preventDefault();\n                  focusEdge(event.key === \"End\");\n                }\n              }}\n            >\n              {group.icon && <i class={group.icon} aria-hidden=\"true\" />}\n              {group.label}\n            </button>\n          )}\n        </For>\n      </div>\n      <Show when={scrollbar().overflow}>\n        <div\n          class=\"k2b-choice-groups-scrollbar\"\n          aria-hidden=\"true\"\n          onPointerDown={startScrollbarDrag}\n          onPointerMove={(event) => {\n            if (event.currentTarget.hasPointerCapture(event.pointerId)) scrollFromPointer(event);\n          }}\n          onPointerUp={(event) => event.currentTarget.releasePointerCapture(event.pointerId)}\n          onPointerCancel={(event) => event.currentTarget.releasePointerCapture(event.pointerId)}\n        >\n          <span\n            style={{\n              \"--k2b-choice-scroll-left\": `${scrollbar().left}px`,\n              \"--k2b-choice-scroll-width\": `${scrollbar().width}px`,\n            }}\n          />\n        </div>\n      </Show>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/inputs/ChoiceInputs.js

@@ -17,10 +17,10 @@ var _tmpl$ = ["<input class=\"k2b-control k2b-pin-input__digit\"", " inputmode=\
   _tmpl$9 = ["<div class=\"k2b-color-input\"", ">", "", "<input", " class=\"k2b-color-input__native\" type=\"color\"", "", "></div>"];
 import { For, Show, splitProps } from "solid-js";
 import { createFieldMeta, Field, fieldControlAria } from "../internal/field";
-import { useUiMessages } from "../intl/messages";
 import { commitFieldValue, resolveMaybeAccessor } from "./field-contract";
+import { useInputMessages } from "./input-messages";
 export function PinInput(props) {
-  const messages = useUiMessages();
+  const inputMessages = useInputMessages();
   const meta = createFieldMeta(props.id);
   const length = () => Math.max(1, props.length ?? 6);
   let inputs = [];
@@ -112,7 +112,7 @@ export function PinInput(props) {
             length: length()
           });
         },
-        children: (_, index) => _$ssr(_tmpl$, _$ssrAttribute("data-filled", digits()[index()] ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("type", props.password ? "password" : "text", false), _$ssrAttribute("value", _$escape(digits()[index()] ?? "", true), false), _$ssrAttribute("required", props.required, true), _$ssrAttribute("disabled", props.disabled, true) + _$ssrAttribute("readonly", _$escape(props.readOnly, true), false) + _$ssrAttribute("aria-label", _$escape(messages().pinDigit({
+        children: (_, index) => _$ssr(_tmpl$, _$ssrAttribute("data-filled", digits()[index()] ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("type", props.password ? "password" : "text", false), _$ssrAttribute("value", _$escape(digits()[index()] ?? "", true), false), _$ssrAttribute("required", props.required, true), _$ssrAttribute("disabled", props.disabled, true) + _$ssrAttribute("readonly", _$escape(props.readOnly, true), false) + _$ssrAttribute("aria-label", _$escape(inputMessages().pinDigit({
           index: index() + 1,
           total: length()
         }), true), false))
@@ -192,7 +192,7 @@ export function Slider(props) {
   });
 }
 export function ColorInput(props) {
-  const messages = useUiMessages();
+  const inputMessages = useInputMessages();
   const meta = createFieldMeta(props.id);
   const currentColor = () => resolveMaybeAccessor(props.value) || "#3b82f6";
   const isTransparent = () => resolveMaybeAccessor(props.transparentValue) ?? false;
@@ -223,7 +223,7 @@ export function ColorInput(props) {
       return props.transparent;
     },
     get children() {
-      return _$ssr(_tmpl$8, _$ssrAttribute("aria-label", isTransparent() ? _$escape(messages().useColor, true) : _$escape(messages().useTransparent, true), false) + _$ssrAttribute("aria-pressed", _$escape(isTransparent(), true), false), _$ssrAttribute("disabled", props.disabled, true));
+      return _$ssr(_tmpl$8, _$ssrAttribute("aria-label", isTransparent() ? _$escape(inputMessages().useColor, true) : _$escape(inputMessages().useTransparent, true), false) + _$ssrAttribute("aria-pressed", _$escape(isTransparent(), true), false), _$ssrAttribute("disabled", props.disabled, true));
     }
   })), _$ssrAttribute("id", _$escape(meta.controlId, true), false), _$ssrAttribute("name", _$escape(props.name, true), false) + _$ssrAttribute("value", _$escape(currentColor(), true), false), _$ssrAttribute("disabled", props.disabled || isTransparent(), true));
   return _$createComponent(Field, {