@k2b/ui 0.20.0 → 0.22.0

package/dist/browser/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/browser/inputs/ChoiceGroups.js

@@ -17,6 +17,7 @@ var _tmpl$ = /*#__PURE__*/_$template(`<div class=k2b-choice-groups-scrollbar ari
   _tmpl$3 = /*#__PURE__*/_$template(`<button type=button role=radio><!$><!/><!$><!/>`),
   _tmpl$4 = /*#__PURE__*/_$template(`<i aria-hidden=true>`);
 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.
@@ -84,11 +85,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/browser/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":"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","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/browser/inputs/ChoiceInputs.js

@@ -23,10 +23,10 @@ var _tmpl$ = /*#__PURE__*/_$template(`<div class=k2b-pin-input role=group>`),
   _tmpl$8 = /*#__PURE__*/_$template(`<div class=k2b-color-input><button type=button class=k2b-color-input__value><span class=k2b-color-input__swatch></span><code></code></button><!$><!/><input class=k2b-color-input__native type=color>`);
 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 = [];
@@ -135,7 +135,7 @@ export function PinInput(props) {
                 _v$3 = props.required,
                 _v$4 = props.disabled,
                 _v$5 = props.readOnly,
-                _v$6 = messages().pinDigit({
+                _v$6 = inputMessages().pinDigit({
                   index: index() + 1,
                   total: length()
                 });
@@ -259,7 +259,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;
@@ -329,7 +329,7 @@ export function ColorInput(props) {
         var _el$14 = _$getNextElement(_tmpl$7);
         _el$14.$$click = () => props.onTransparentValueChange?.(!isTransparent());
         _$effect(_p$ => {
-          var _v$0 = isTransparent() ? messages().useColor : messages().useTransparent,
+          var _v$0 = isTransparent() ? inputMessages().useColor : inputMessages().useTransparent,
             _v$1 = isTransparent(),
             _v$10 = props.disabled;
           _v$0 !== _p$.e && _$setAttribute(_el$14, "aria-label", _p$.e = _v$0);

package/dist/browser/inputs/ChoiceInputs.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/ChoiceInputs.tsx"],"sourcesContent":["import { For, type JSX, Show, splitProps } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { FieldProps, MaybeAccessor, ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\n\nexport type PinInputProps = ValueFieldProps<string> & {\n  length?: number;\n  name?: string;\n  stretch?: boolean;\n  password?: boolean;\n  readOnly?: boolean;\n  onSubmit?: () => void;\n};\n\nexport function PinInput(props: PinInputProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const length = () => Math.max(1, props.length ?? 6);\n  let inputs: HTMLInputElement[] = [];\n  const digits = () => (resolveMaybeAccessor(props.value) ?? \"\").replace(/\\D/g, \"\").slice(0, length());\n  const error = () => resolveMaybeAccessor(props.error);\n  const emit = (value: string) => {\n    props.onValueChange?.(value);\n    if (value.length === length()) props.onValueCommit?.(value);\n  };\n\n  const updateDigit = (index: number, input: string) => {\n    if (props.disabled || props.readOnly) return;\n    const digit = input.replace(/\\D/g, \"\").slice(-1);\n    const current = digits();\n    emit(`${current.slice(0, index)}${digit}${current.slice(index + 1)}`);\n    if (digit && index < length() - 1) {\n      inputs[index + 1]?.focus();\n      inputs[index + 1]?.select();\n    }\n  };\n\n  const handleKeyDown = (index: number, event: KeyboardEvent) => {\n    if (props.disabled || props.readOnly) return;\n    if (event.key === \"Enter\" && props.onSubmit && !event.shiftKey && !event.metaKey) {\n      event.preventDefault();\n      props.onSubmit();\n    } else if (event.key === \"ArrowLeft\" && index > 0) {\n      event.preventDefault();\n      inputs[index - 1]?.focus();\n      inputs[index - 1]?.select();\n    } else if (event.key === \"ArrowRight\" && index < length() - 1) {\n      event.preventDefault();\n      inputs[index + 1]?.focus();\n      inputs[index + 1]?.select();\n    } else if (event.key === \"Backspace\" && !digits()[index] && index > 0) {\n      event.preventDefault();\n      const current = digits();\n      emit(`${current.slice(0, index - 1)}${current.slice(index)}`);\n      inputs[index - 1]?.focus();\n      inputs[index - 1]?.select();\n    }\n  };\n\n  const handlePaste = (event: ClipboardEvent) => {\n    if (props.disabled || props.readOnly) return;\n    const pasted = event.clipboardData?.getData(\"text\").replace(/\\D/g, \"\");\n    if (!pasted) return;\n    event.preventDefault();\n    const focused = inputs.indexOf(document.activeElement as HTMLInputElement);\n    const start = focused >= 0 ? focused : 0;\n    const insert = pasted.slice(0, length() - start);\n    const current = digits();\n    emit(`${current.slice(0, start)}${insert}${current.slice(start + insert.length)}`.slice(0, length()));\n    const next = Math.min(start + insert.length, length() - 1);\n    inputs[next]?.focus();\n    inputs[next]?.select();\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      labelFor={false}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <div\n        class=\"k2b-pin-input\"\n        id={meta.controlId}\n        data-stretch={props.stretch ? \"true\" : undefined}\n        role=\"group\"\n        {...fieldControlAria(meta, props)}\n        onPaste={handlePaste}\n      >\n        <For each={Array.from({ length: length() })}>\n          {(_, index) => (\n            <input\n              ref={(element) => {\n                inputs[index()] = element;\n              }}\n              class=\"k2b-control k2b-pin-input__digit\"\n              data-filled={digits()[index()] ? \"true\" : undefined}\n              type={props.password ? \"password\" : \"text\"}\n              inputmode=\"numeric\"\n              autocomplete=\"off\"\n              pattern=\"[0-9]\"\n              maxlength={1}\n              value={digits()[index()] ?? \"\"}\n              required={props.required}\n              disabled={props.disabled}\n              readOnly={props.readOnly}\n              aria-label={messages().pinDigit({ index: index() + 1, total: length() })}\n              onInput={(event) => updateDigit(index(), event.currentTarget.value)}\n              onKeyDown={(event) => handleKeyDown(index(), event)}\n              onFocus={(event) => event.currentTarget.select()}\n            />\n          )}\n        </For>\n      </div>\n      <Show when={props.name}>{(name) => <input type=\"hidden\" name={name()} value={digits()} />}</Show>\n    </Field>\n  );\n}\n\nexport type SliderProps = FieldProps &\n  Omit<JSX.InputHTMLAttributes<HTMLInputElement>, \"type\" | \"value\" | \"onInput\" | \"onChange\" | keyof FieldProps> &\n  ValueFieldProps<number> & {\n    value: MaybeAccessor<number>;\n    formatValue?: (value: number) => string;\n    showValue?: boolean;\n    center?: boolean;\n    defaultValue?: number;\n  };\n\nexport function Slider(props: SliderProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"aria-describedby\",\n    \"aria-label\",\n    \"center\",\n    \"class\",\n    \"defaultValue\",\n    \"description\",\n    \"error\",\n    \"id\",\n    \"label\",\n    \"onValueChange\",\n    \"onValueCommit\",\n    \"required\",\n    \"showValue\",\n    \"value\",\n    \"formatValue\",\n  ]);\n  const meta = createFieldMeta(local.id);\n  const min = () => Number(rest.min ?? 0);\n  const max = () => Number(rest.max ?? 100);\n  const value = () => resolveMaybeAccessor(local.value) ?? min();\n  const error = () => resolveMaybeAccessor(local.error);\n  const percentage = () => {\n    const span = max() - min();\n    return span <= 0 ? 0 : Math.min(100, Math.max(0, ((value() - min()) / span) * 100));\n  };\n  const track = () => {\n    const position = percentage();\n    if (local.center) {\n      const low = Math.min(50, position);\n      const high = Math.max(50, position);\n      return `linear-gradient(to right, var(--k2b-surface-muted) 0 ${low}%, var(--k2b-action) ${low}% ${high}%, var(--k2b-surface-muted) ${high}% 100%)`;\n    }\n    return `linear-gradient(to right, var(--k2b-action) 0 ${position}%, var(--k2b-surface-muted) ${position}% 100%)`;\n  };\n  const resetValue = () => local.defaultValue ?? (local.center ? (min() + max()) / 2 : min());\n\n  return (\n    <Field\n      class={local.class}\n      label={local.label}\n      description={local.description}\n      error={error()}\n      meta={meta}\n      required={local.required}\n      disabled={rest.disabled}\n    >\n      <div class=\"k2b-slider\">\n        <input\n          {...rest}\n          id={meta.controlId}\n          type=\"range\"\n          value={value()}\n          style={{ background: track() }}\n          {...fieldControlAria(meta, local)}\n          onInput={(event) => local.onValueChange?.(event.currentTarget.valueAsNumber)}\n          onChange={(event) => local.onValueCommit?.(event.currentTarget.valueAsNumber)}\n          onDblClick={() => {\n            const next = resetValue();\n            commitFieldValue(local, next);\n          }}\n        />\n        <Show when={local.showValue ?? true}>\n          <output for={meta.controlId}>{local.formatValue?.(value()) ?? value()}</output>\n        </Show>\n      </div>\n    </Field>\n  );\n}\n\nexport type ColorInputProps = ValueFieldProps<string> & {\n  name?: string;\n  compact?: boolean;\n  transparent?: boolean;\n  transparentValue?: MaybeAccessor<boolean>;\n  onTransparentValueChange?: (value: boolean) => void;\n};\n\nexport function ColorInput(props: ColorInputProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const currentColor = () => resolveMaybeAccessor(props.value) || \"#3b82f6\";\n  const isTransparent = () => resolveMaybeAccessor(props.transparentValue) ?? false;\n  const error = () => resolveMaybeAccessor(props.error);\n  const compact = () => props.compact ?? !props.label;\n  let picker: HTMLInputElement | undefined;\n\n  const control = () =>\n    compact() ? (\n      <span class=\"k2b-color-input k2b-color-input--compact\">\n        <button\n          type=\"button\"\n          class=\"k2b-color-input__swatch\"\n          style={{ \"background-color\": currentColor() }}\n          disabled={props.disabled}\n          {...fieldControlAria(meta, props)}\n          onClick={() => picker?.click()}\n        />\n        <input\n          ref={picker}\n          id={meta.controlId}\n          class=\"k2b-color-input__native\"\n          type=\"color\"\n          name={props.name}\n          value={currentColor()}\n          disabled={props.disabled}\n          onInput={(event) => props.onValueChange?.(event.currentTarget.value)}\n          onChange={(event) => props.onValueCommit?.(event.currentTarget.value)}\n        />\n      </span>\n    ) : (\n      <div\n        class=\"k2b-color-input\"\n        data-disabled={props.disabled || isTransparent() ? \"true\" : undefined}\n        data-invalid={error() ? \"true\" : undefined}\n      >\n        <button\n          type=\"button\"\n          class=\"k2b-color-input__value\"\n          disabled={props.disabled || isTransparent()}\n          {...fieldControlAria(meta, props)}\n          onClick={() => picker?.click()}\n        >\n          <span\n            class=\"k2b-color-input__swatch\"\n            data-transparent={isTransparent() ? \"true\" : undefined}\n            style={isTransparent() ? undefined : { \"background-color\": currentColor() }}\n          />\n          <code>{isTransparent() ? \"transparent\" : currentColor().toUpperCase()}</code>\n        </button>\n        <Show when={props.transparent}>\n          <button\n            type=\"button\"\n            class=\"k2b-color-input__transparent\"\n            aria-label={isTransparent() ? messages().useColor : messages().useTransparent}\n            aria-pressed={isTransparent()}\n            disabled={props.disabled}\n            onClick={() => props.onTransparentValueChange?.(!isTransparent())}\n          >\n            <i class=\"ti ti-grid-dots\" aria-hidden=\"true\" />\n          </button>\n        </Show>\n        <input\n          ref={picker}\n          id={meta.controlId}\n          class=\"k2b-color-input__native\"\n          type=\"color\"\n          name={props.name}\n          value={currentColor()}\n          disabled={props.disabled || isTransparent()}\n          onInput={(event) => props.onValueChange?.(event.currentTarget.value)}\n          onChange={(event) => props.onValueCommit?.(event.currentTarget.value)}\n        />\n      </div>\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      {control()}\n    </Field>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/ChoiceInputs.tsx"],"sourcesContent":["import { For, type JSX, Show, splitProps } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport type { FieldProps, MaybeAccessor, ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\nimport { useInputMessages } from \"./input-messages\";\n\nexport type PinInputProps = ValueFieldProps<string> & {\n  length?: number;\n  name?: string;\n  stretch?: boolean;\n  password?: boolean;\n  readOnly?: boolean;\n  onSubmit?: () => void;\n};\n\nexport function PinInput(props: PinInputProps): JSX.Element {\n  const inputMessages = useInputMessages();\n  const meta = createFieldMeta(props.id);\n  const length = () => Math.max(1, props.length ?? 6);\n  let inputs: HTMLInputElement[] = [];\n  const digits = () => (resolveMaybeAccessor(props.value) ?? \"\").replace(/\\D/g, \"\").slice(0, length());\n  const error = () => resolveMaybeAccessor(props.error);\n  const emit = (value: string) => {\n    props.onValueChange?.(value);\n    if (value.length === length()) props.onValueCommit?.(value);\n  };\n\n  const updateDigit = (index: number, input: string) => {\n    if (props.disabled || props.readOnly) return;\n    const digit = input.replace(/\\D/g, \"\").slice(-1);\n    const current = digits();\n    emit(`${current.slice(0, index)}${digit}${current.slice(index + 1)}`);\n    if (digit && index < length() - 1) {\n      inputs[index + 1]?.focus();\n      inputs[index + 1]?.select();\n    }\n  };\n\n  const handleKeyDown = (index: number, event: KeyboardEvent) => {\n    if (props.disabled || props.readOnly) return;\n    if (event.key === \"Enter\" && props.onSubmit && !event.shiftKey && !event.metaKey) {\n      event.preventDefault();\n      props.onSubmit();\n    } else if (event.key === \"ArrowLeft\" && index > 0) {\n      event.preventDefault();\n      inputs[index - 1]?.focus();\n      inputs[index - 1]?.select();\n    } else if (event.key === \"ArrowRight\" && index < length() - 1) {\n      event.preventDefault();\n      inputs[index + 1]?.focus();\n      inputs[index + 1]?.select();\n    } else if (event.key === \"Backspace\" && !digits()[index] && index > 0) {\n      event.preventDefault();\n      const current = digits();\n      emit(`${current.slice(0, index - 1)}${current.slice(index)}`);\n      inputs[index - 1]?.focus();\n      inputs[index - 1]?.select();\n    }\n  };\n\n  const handlePaste = (event: ClipboardEvent) => {\n    if (props.disabled || props.readOnly) return;\n    const pasted = event.clipboardData?.getData(\"text\").replace(/\\D/g, \"\");\n    if (!pasted) return;\n    event.preventDefault();\n    const focused = inputs.indexOf(document.activeElement as HTMLInputElement);\n    const start = focused >= 0 ? focused : 0;\n    const insert = pasted.slice(0, length() - start);\n    const current = digits();\n    emit(`${current.slice(0, start)}${insert}${current.slice(start + insert.length)}`.slice(0, length()));\n    const next = Math.min(start + insert.length, length() - 1);\n    inputs[next]?.focus();\n    inputs[next]?.select();\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      labelFor={false}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <div\n        class=\"k2b-pin-input\"\n        id={meta.controlId}\n        data-stretch={props.stretch ? \"true\" : undefined}\n        role=\"group\"\n        {...fieldControlAria(meta, props)}\n        onPaste={handlePaste}\n      >\n        <For each={Array.from({ length: length() })}>\n          {(_, index) => (\n            <input\n              ref={(element) => {\n                inputs[index()] = element;\n              }}\n              class=\"k2b-control k2b-pin-input__digit\"\n              data-filled={digits()[index()] ? \"true\" : undefined}\n              type={props.password ? \"password\" : \"text\"}\n              inputmode=\"numeric\"\n              autocomplete=\"off\"\n              pattern=\"[0-9]\"\n              maxlength={1}\n              value={digits()[index()] ?? \"\"}\n              required={props.required}\n              disabled={props.disabled}\n              readOnly={props.readOnly}\n              aria-label={inputMessages().pinDigit({ index: index() + 1, total: length() })}\n              onInput={(event) => updateDigit(index(), event.currentTarget.value)}\n              onKeyDown={(event) => handleKeyDown(index(), event)}\n              onFocus={(event) => event.currentTarget.select()}\n            />\n          )}\n        </For>\n      </div>\n      <Show when={props.name}>{(name) => <input type=\"hidden\" name={name()} value={digits()} />}</Show>\n    </Field>\n  );\n}\n\nexport type SliderProps = FieldProps &\n  Omit<JSX.InputHTMLAttributes<HTMLInputElement>, \"type\" | \"value\" | \"onInput\" | \"onChange\" | keyof FieldProps> &\n  ValueFieldProps<number> & {\n    value: MaybeAccessor<number>;\n    formatValue?: (value: number) => string;\n    showValue?: boolean;\n    center?: boolean;\n    defaultValue?: number;\n  };\n\nexport function Slider(props: SliderProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"aria-describedby\",\n    \"aria-label\",\n    \"center\",\n    \"class\",\n    \"defaultValue\",\n    \"description\",\n    \"error\",\n    \"id\",\n    \"label\",\n    \"onValueChange\",\n    \"onValueCommit\",\n    \"required\",\n    \"showValue\",\n    \"value\",\n    \"formatValue\",\n  ]);\n  const meta = createFieldMeta(local.id);\n  const min = () => Number(rest.min ?? 0);\n  const max = () => Number(rest.max ?? 100);\n  const value = () => resolveMaybeAccessor(local.value) ?? min();\n  const error = () => resolveMaybeAccessor(local.error);\n  const percentage = () => {\n    const span = max() - min();\n    return span <= 0 ? 0 : Math.min(100, Math.max(0, ((value() - min()) / span) * 100));\n  };\n  const track = () => {\n    const position = percentage();\n    if (local.center) {\n      const low = Math.min(50, position);\n      const high = Math.max(50, position);\n      return `linear-gradient(to right, var(--k2b-surface-muted) 0 ${low}%, var(--k2b-action) ${low}% ${high}%, var(--k2b-surface-muted) ${high}% 100%)`;\n    }\n    return `linear-gradient(to right, var(--k2b-action) 0 ${position}%, var(--k2b-surface-muted) ${position}% 100%)`;\n  };\n  const resetValue = () => local.defaultValue ?? (local.center ? (min() + max()) / 2 : min());\n\n  return (\n    <Field\n      class={local.class}\n      label={local.label}\n      description={local.description}\n      error={error()}\n      meta={meta}\n      required={local.required}\n      disabled={rest.disabled}\n    >\n      <div class=\"k2b-slider\">\n        <input\n          {...rest}\n          id={meta.controlId}\n          type=\"range\"\n          value={value()}\n          style={{ background: track() }}\n          {...fieldControlAria(meta, local)}\n          onInput={(event) => local.onValueChange?.(event.currentTarget.valueAsNumber)}\n          onChange={(event) => local.onValueCommit?.(event.currentTarget.valueAsNumber)}\n          onDblClick={() => {\n            const next = resetValue();\n            commitFieldValue(local, next);\n          }}\n        />\n        <Show when={local.showValue ?? true}>\n          <output for={meta.controlId}>{local.formatValue?.(value()) ?? value()}</output>\n        </Show>\n      </div>\n    </Field>\n  );\n}\n\nexport type ColorInputProps = ValueFieldProps<string> & {\n  name?: string;\n  compact?: boolean;\n  transparent?: boolean;\n  transparentValue?: MaybeAccessor<boolean>;\n  onTransparentValueChange?: (value: boolean) => void;\n};\n\nexport function ColorInput(props: ColorInputProps): JSX.Element {\n  const inputMessages = useInputMessages();\n  const meta = createFieldMeta(props.id);\n  const currentColor = () => resolveMaybeAccessor(props.value) || \"#3b82f6\";\n  const isTransparent = () => resolveMaybeAccessor(props.transparentValue) ?? false;\n  const error = () => resolveMaybeAccessor(props.error);\n  const compact = () => props.compact ?? !props.label;\n  let picker: HTMLInputElement | undefined;\n\n  const control = () =>\n    compact() ? (\n      <span class=\"k2b-color-input k2b-color-input--compact\">\n        <button\n          type=\"button\"\n          class=\"k2b-color-input__swatch\"\n          style={{ \"background-color\": currentColor() }}\n          disabled={props.disabled}\n          {...fieldControlAria(meta, props)}\n          onClick={() => picker?.click()}\n        />\n        <input\n          ref={picker}\n          id={meta.controlId}\n          class=\"k2b-color-input__native\"\n          type=\"color\"\n          name={props.name}\n          value={currentColor()}\n          disabled={props.disabled}\n          onInput={(event) => props.onValueChange?.(event.currentTarget.value)}\n          onChange={(event) => props.onValueCommit?.(event.currentTarget.value)}\n        />\n      </span>\n    ) : (\n      <div\n        class=\"k2b-color-input\"\n        data-disabled={props.disabled || isTransparent() ? \"true\" : undefined}\n        data-invalid={error() ? \"true\" : undefined}\n      >\n        <button\n          type=\"button\"\n          class=\"k2b-color-input__value\"\n          disabled={props.disabled || isTransparent()}\n          {...fieldControlAria(meta, props)}\n          onClick={() => picker?.click()}\n        >\n          <span\n            class=\"k2b-color-input__swatch\"\n            data-transparent={isTransparent() ? \"true\" : undefined}\n            style={isTransparent() ? undefined : { \"background-color\": currentColor() }}\n          />\n          <code>{isTransparent() ? \"transparent\" : currentColor().toUpperCase()}</code>\n        </button>\n        <Show when={props.transparent}>\n          <button\n            type=\"button\"\n            class=\"k2b-color-input__transparent\"\n            aria-label={isTransparent() ? inputMessages().useColor : inputMessages().useTransparent}\n            aria-pressed={isTransparent()}\n            disabled={props.disabled}\n            onClick={() => props.onTransparentValueChange?.(!isTransparent())}\n          >\n            <i class=\"ti ti-grid-dots\" aria-hidden=\"true\" />\n          </button>\n        </Show>\n        <input\n          ref={picker}\n          id={meta.controlId}\n          class=\"k2b-color-input__native\"\n          type=\"color\"\n          name={props.name}\n          value={currentColor()}\n          disabled={props.disabled || isTransparent()}\n          onInput={(event) => props.onValueChange?.(event.currentTarget.value)}\n          onChange={(event) => props.onValueCommit?.(event.currentTarget.value)}\n        />\n      </div>\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      {control()}\n    </Field>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/inputs/Combobox.js

@@ -26,9 +26,11 @@ import { createFieldMeta, Field, fieldControlAria } from "../internal/field";
 import { useUiMessages } from "../intl/messages";
 import { createChoiceLoader, createChoicePopover, nextEnabledChoiceIndex } from "./choice";
 import { resolveMaybeAccessor } from "./field-contract";
+import { useSelectMessages } from "./select-messages";
 const iconClass = icon => icon.split(/\s+/).includes("ti") ? icon : `ti ${icon}`;
 export function Combobox(props) {
   const messages = useUiMessages();
+  const selectMessages = useSelectMessages();
   const meta = createFieldMeta(props.id);
   const listboxId = `${meta.controlId}-listbox`;
   const [localQuery, setLocalQuery] = createSignal("");
@@ -208,7 +210,7 @@ export function Combobox(props) {
             var _el$16 = _$getNextElement(_tmpl$5);
             _$insert(_el$16, (() => {
               var _c$ = _$memo(() => query().length >= 2);
-              return () => _c$() ? messages().noResultsFound : messages().typeToSearch;
+              return () => _c$() ? selectMessages().noResultsFound : selectMessages().typeToSearch;
             })());
             return _el$16;
           })();

package/dist/browser/inputs/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/Combobox.tsx"],"sourcesContent":["import { createSignal, For, type JSX, Show } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { type ChoiceOption, createChoiceLoader, createChoicePopover, nextEnabledChoiceIndex } from \"./choice\";\nimport type { FieldProps, MaybeAccessor } from \"./field-contract\";\nimport { resolveMaybeAccessor } from \"./field-contract\";\n\nexport type ComboboxOption = { id: string; label: string; description?: string; icon?: string };\nexport type ComboboxProps = FieldProps & {\n  query?: MaybeAccessor<string>;\n  onQueryChange?: (query: string) => void;\n  placeholder?: string;\n  fetchData: (query: string, signal: AbortSignal) => Promise<ComboboxOption[]>;\n  onSelect: (option: ComboboxOption) => void;\n  debounceMs?: number;\n};\n\nconst iconClass = (icon: string) => (icon.split(/\\s+/).includes(\"ti\") ? icon : `ti ${icon}`);\n\nexport function Combobox(props: ComboboxProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const listboxId = `${meta.controlId}-listbox`;\n  const [localQuery, setLocalQuery] = createSignal(\"\");\n  const query = () => resolveMaybeAccessor(props.query) ?? localQuery();\n  const setQuery = (value: string) => {\n    setLocalQuery(value);\n    props.onQueryChange?.(value);\n  };\n  const error = () => resolveMaybeAccessor(props.error);\n  const [focusedIndex, setFocusedIndex] = createSignal(-1);\n  let inputRef: HTMLInputElement | undefined;\n  let optionRefs: HTMLButtonElement[] = [];\n  const loader = createChoiceLoader(\n    () => async (value, signal) => (await props.fetchData(value, signal)).map((option) => ({ ...option, value: option.id })),\n    // Cloud debounces at 200ms and then pads the response with a 200ms minimum\n    // load time to stop the spinner flickering. The spinner here sits in the\n    // chevron slot and stale results stay visible, so there is nothing to pad —\n    // 150ms keeps typing responsive without hammering the loader.\n    () => props.debounceMs ?? 150,\n  );\n  const popover = createChoicePopover(() => Boolean(props.disabled));\n  const options = loader.options;\n  const focusedOption = () => options()[focusedIndex()];\n  const focus = (index: number) => {\n    setFocusedIndex(index);\n    optionRefs[index]?.scrollIntoView({ block: \"nearest\" });\n  };\n  /** `eager` loads the currently controlled query on open; typing supplies its\n   *  own query, so opening from `onInput` skips the duplicate request. */\n  const open = (eager = true) => {\n    if (props.disabled || popover.open()) return;\n    popover.show();\n    if (eager) loader.load(query(), true);\n    focus(-1);\n  };\n  const reset = () => {\n    loader.cancel();\n    setQuery(\"\");\n    focus(-1);\n  };\n  const close = () => {\n    popover.hide();\n    reset();\n  };\n  const select = (option: ChoiceOption<string>) => {\n    popover.hide();\n    props.onSelect({ id: option.value, label: option.label, description: option.description, icon: option.icon });\n    reset();\n    inputRef?.focus();\n  };\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      if (!popover.open()) open();\n      else focus(nextEnabledChoiceIndex(options(), focusedIndex(), event.key === \"ArrowDown\" ? 1 : -1));\n    } else if (event.key === \"Enter\" && popover.open() && options()[focusedIndex()]) {\n      event.preventDefault();\n      select(options()[focusedIndex()]!);\n    } else if ((event.key === \"Escape\" || event.key === \"Tab\") && popover.open()) {\n      // Escape is only ours while the list is open; otherwise it has to reach an\n      // enclosing dialog or drawer.\n      if (event.key === \"Escape\") event.preventDefault();\n      close();\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\">\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={query()}\n            placeholder={props.placeholder ?? messages().search}\n            disabled={props.disabled}\n            role=\"combobox\"\n            aria-autocomplete=\"list\"\n            aria-expanded={popover.open()}\n            aria-controls={listboxId}\n            aria-activedescendant={focusedOption() ? `${listboxId}-${focusedIndex()}` : undefined}\n            {...fieldControlAria(meta, props)}\n            onFocus={() => open()}\n            onClick={() => open()}\n            onInput={(event) => {\n              setQuery(event.currentTarget.value);\n              open(false);\n              loader.load(event.currentTarget.value);\n              focus(-1);\n            }}\n            onKeyDown={onKeyDown}\n          />\n          <Show when={loader.loading()} fallback={<i class=\"ti ti-chevron-down\" aria-hidden=\"true\" />}>\n            <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n          </Show>\n        </div>\n        <div ref={popover.setPopover} popover=\"manual\" class=\"k2b-choice-popover\">\n          <div class=\"k2b-choice-options\" role=\"listbox\" id={listboxId}>\n            <Show when={loader.error()}>\n              {(message) => (\n                <div class=\"k2b-choice-status\" data-tone=\"danger\">\n                  <span>{message()}</span>\n                  <button type=\"button\" onClick={loader.retry}>\n                    {messages().retry}\n                  </button>\n                </div>\n              )}\n            </Show>\n            <For\n              each={loader.error() ? [] : options()}\n              fallback={<div class=\"k2b-choice-status\">{query().length >= 2 ? messages().noResultsFound : messages().typeToSearch}</div>}\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-selected={index() === focusedIndex()}\n                  data-focused={index() === focusedIndex() ? \"true\" : undefined}\n                  onPointerMove={() => focus(index())}\n                  onPointerDown={(event) => event.preventDefault()}\n                  onClick={() => select(option)}\n                >\n                  <Show when={option.icon}>{(icon) => <i class={iconClass(icon())} aria-hidden=\"true\" />}</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 Combobox;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/Combobox.tsx"],"sourcesContent":["import { createSignal, For, type JSX, Show } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { type ChoiceOption, createChoiceLoader, createChoicePopover, nextEnabledChoiceIndex } from \"./choice\";\nimport type { FieldProps, MaybeAccessor } from \"./field-contract\";\nimport { resolveMaybeAccessor } from \"./field-contract\";\nimport { useSelectMessages } from \"./select-messages\";\n\nexport type ComboboxOption = { id: string; label: string; description?: string; icon?: string };\nexport type ComboboxProps = FieldProps & {\n  query?: MaybeAccessor<string>;\n  onQueryChange?: (query: string) => void;\n  placeholder?: string;\n  fetchData: (query: string, signal: AbortSignal) => Promise<ComboboxOption[]>;\n  onSelect: (option: ComboboxOption) => void;\n  debounceMs?: number;\n};\n\nconst iconClass = (icon: string) => (icon.split(/\\s+/).includes(\"ti\") ? icon : `ti ${icon}`);\n\nexport function Combobox(props: ComboboxProps): JSX.Element {\n  const messages = useUiMessages();\n  const selectMessages = useSelectMessages();\n  const meta = createFieldMeta(props.id);\n  const listboxId = `${meta.controlId}-listbox`;\n  const [localQuery, setLocalQuery] = createSignal(\"\");\n  const query = () => resolveMaybeAccessor(props.query) ?? localQuery();\n  const setQuery = (value: string) => {\n    setLocalQuery(value);\n    props.onQueryChange?.(value);\n  };\n  const error = () => resolveMaybeAccessor(props.error);\n  const [focusedIndex, setFocusedIndex] = createSignal(-1);\n  let inputRef: HTMLInputElement | undefined;\n  let optionRefs: HTMLButtonElement[] = [];\n  const loader = createChoiceLoader(\n    () => async (value, signal) => (await props.fetchData(value, signal)).map((option) => ({ ...option, value: option.id })),\n    // Cloud debounces at 200ms and then pads the response with a 200ms minimum\n    // load time to stop the spinner flickering. The spinner here sits in the\n    // chevron slot and stale results stay visible, so there is nothing to pad —\n    // 150ms keeps typing responsive without hammering the loader.\n    () => props.debounceMs ?? 150,\n  );\n  const popover = createChoicePopover(() => Boolean(props.disabled));\n  const options = loader.options;\n  const focusedOption = () => options()[focusedIndex()];\n  const focus = (index: number) => {\n    setFocusedIndex(index);\n    optionRefs[index]?.scrollIntoView({ block: \"nearest\" });\n  };\n  /** `eager` loads the currently controlled query on open; typing supplies its\n   *  own query, so opening from `onInput` skips the duplicate request. */\n  const open = (eager = true) => {\n    if (props.disabled || popover.open()) return;\n    popover.show();\n    if (eager) loader.load(query(), true);\n    focus(-1);\n  };\n  const reset = () => {\n    loader.cancel();\n    setQuery(\"\");\n    focus(-1);\n  };\n  const close = () => {\n    popover.hide();\n    reset();\n  };\n  const select = (option: ChoiceOption<string>) => {\n    popover.hide();\n    props.onSelect({ id: option.value, label: option.label, description: option.description, icon: option.icon });\n    reset();\n    inputRef?.focus();\n  };\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      if (!popover.open()) open();\n      else focus(nextEnabledChoiceIndex(options(), focusedIndex(), event.key === \"ArrowDown\" ? 1 : -1));\n    } else if (event.key === \"Enter\" && popover.open() && options()[focusedIndex()]) {\n      event.preventDefault();\n      select(options()[focusedIndex()]!);\n    } else if ((event.key === \"Escape\" || event.key === \"Tab\") && popover.open()) {\n      // Escape is only ours while the list is open; otherwise it has to reach an\n      // enclosing dialog or drawer.\n      if (event.key === \"Escape\") event.preventDefault();\n      close();\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\">\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={query()}\n            placeholder={props.placeholder ?? messages().search}\n            disabled={props.disabled}\n            role=\"combobox\"\n            aria-autocomplete=\"list\"\n            aria-expanded={popover.open()}\n            aria-controls={listboxId}\n            aria-activedescendant={focusedOption() ? `${listboxId}-${focusedIndex()}` : undefined}\n            {...fieldControlAria(meta, props)}\n            onFocus={() => open()}\n            onClick={() => open()}\n            onInput={(event) => {\n              setQuery(event.currentTarget.value);\n              open(false);\n              loader.load(event.currentTarget.value);\n              focus(-1);\n            }}\n            onKeyDown={onKeyDown}\n          />\n          <Show when={loader.loading()} fallback={<i class=\"ti ti-chevron-down\" aria-hidden=\"true\" />}>\n            <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n          </Show>\n        </div>\n        <div ref={popover.setPopover} popover=\"manual\" class=\"k2b-choice-popover\">\n          <div class=\"k2b-choice-options\" role=\"listbox\" id={listboxId}>\n            <Show when={loader.error()}>\n              {(message) => (\n                <div class=\"k2b-choice-status\" data-tone=\"danger\">\n                  <span>{message()}</span>\n                  <button type=\"button\" onClick={loader.retry}>\n                    {messages().retry}\n                  </button>\n                </div>\n              )}\n            </Show>\n            <For\n              each={loader.error() ? [] : options()}\n              fallback={\n                <div class=\"k2b-choice-status\">{query().length >= 2 ? selectMessages().noResultsFound : selectMessages().typeToSearch}</div>\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-selected={index() === focusedIndex()}\n                  data-focused={index() === focusedIndex() ? \"true\" : undefined}\n                  onPointerMove={() => focus(index())}\n                  onPointerDown={(event) => event.preventDefault()}\n                  onClick={() => select(option)}\n                >\n                  <Show when={option.icon}>{(icon) => <i class={iconClass(icon())} aria-hidden=\"true\" />}</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 Combobox;\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/inputs/DatePicker.js

@@ -39,8 +39,8 @@ import { createEffect, createMemo, createSignal, For, onCleanup, onMount, Show }
 import { createFieldMeta, Field, fieldControlAria, fieldDescribedBy } from "../internal/field";
 import { returnFocus, ringOnReturn } from "../internal/focus-return";
 import { useDateConfigLocale } from "../intl/locale";
-import { useUiMessages } from "../intl/messages";
-import { dateKey, displayDate, filterTimeInput, formatDateOnlyRangeDuration, formatDateTimeValue, inRange, isCompleteTime, isRangeEdge, monthDate, monthNames, normalizeTimeInput, orderedRange, parseDateValue, pickerContext, previewRange, resolveFocusDay, splitDateTime, toDateTimeValue, yearMonth } from "./date-picker";
+import { resolveUiMessages, useUiMessages } from "../intl/messages";
+import { dateKey, displayDate, filterTimeInput, formatDateOnlyRangeDuration, formatDateTimeValue, inRange, isCompleteTime, isRangeEdge, monthDate, monthNames, msUntilNextDay, normalizeTimeInput, orderedRange, parseDateValue, pickerContext, previewRange, resolveFocusDay, splitDateTime, toDateTimeValue, yearMonth } from "./date-picker";
 import { commitFieldValue, resolveMaybeAccessor } from "./field-contract";
 const popoverIsOpen = popover => {
   if (!popover) return false;
@@ -346,13 +346,42 @@ function DatePickerPanel(props) {
       number: dates.formatDayNumber(day, dateContext)
     })));
   });
+  // Today in the picker's time zone, the zone its values use. The browser reads
+  // the clock again at the next midnight there, when a hidden tab becomes visible
+  // again (timers may not fire on time while the device sleeps), and when the
+  // date config changes. The mark and its timer share each reading, so neither
+  // starts from an old one.
+  const [clockCheck, checkClock] = createSignal(undefined, {
+    equals: false
+  });
+  const now = createMemo(() => {
+    clockCheck();
+    context();
+    return new Date();
+  });
+  const todayKey = createMemo(() => dateKey(now(), context()));
+  // The day's name is formatted in the date locale, so "today" joins it in the same language.
+  const todayLabel = date => resolveUiMessages(context().locale).todayDate({
+    date
+  });
+  createEffect(() => {
+    const timer = window.setTimeout(() => checkClock(), msUntilNextDay(now(), context()));
+    onCleanup(() => window.clearTimeout(timer));
+  });
+  onMount(() => {
+    const refresh = () => {
+      if (document.visibilityState === "visible") checkClock();
+    };
+    document.addEventListener("visibilitychange", refresh);
+    onCleanup(() => document.removeEventListener("visibilitychange", refresh));
+  });
   let calendar;
   // Days that belong to the visible month; the roving tabindex must land on one
   // of them or the grid becomes unreachable by keyboard after month navigation.
   const monthDayKeys = createMemo(() => dayRows().flat().filter(day => !day.outside).map(day => day.key));
   // Remembers where arrow-key navigation left off so Tab returns to that day.
   const [focusedKey, setFocusedKey] = createSignal();
-  const defaultFocus = createMemo(() => resolveFocusDay(monthDayKeys(), focusedKey() || props.focusDate?.() || props.selected?.() || dateKey(dates.today(context()), context())));
+  const defaultFocus = createMemo(() => resolveFocusDay(monthDayKeys(), focusedKey() || props.focusDate?.() || props.selected?.() || todayKey()));
   const moveMonth = delta => props.setVisibleMonth(dates.addMonths(props.visibleMonth(), delta, context()));
   const moveYear = delta => props.setVisibleMonth(monthDate(month().year + delta, month().month, context()));
   const previousLabel = () => view() === "days" ? messages().previousMonth : messages().previousYear;
@@ -480,6 +509,7 @@ function DatePickerPanel(props) {
                   };
                   const active = () => selected() || isRangeEdge(cell.key, range());
                   const focusable = () => cell.key === defaultFocus();
+                  const today = () => cell.key === todayKey();
                   return (() => {
                     var _el$40 = _$getNextElement(_tmpl$12);
                     _el$40.addEventListener("pointerleave", () => props.onDayPreview?.(null));
@@ -497,16 +527,20 @@ function DatePickerPanel(props) {
                         _v$11 = focusable() ? "true" : undefined,
                         _v$12 = cell.outside ? "true" : undefined,
                         _v$13 = inRange(cell.key, range()) && !active() ? "true" : undefined,
-                        _v$14 = cell.label,
-                        _v$15 = active(),
-                        _v$16 = focusable() ? 0 : -1;
+                        _v$14 = today() ? "true" : undefined,
+                        _v$15 = today() ? "date" : undefined,
+                        _v$16 = today() ? todayLabel(cell.label) : cell.label,
+                        _v$17 = active(),
+                        _v$18 = focusable() ? 0 : -1;
                       _v$10 !== _p$.e && _$setAttribute(_el$40, "data-date-day", _p$.e = _v$10);
                       _v$11 !== _p$.t && _$setAttribute(_el$40, "data-date-focus", _p$.t = _v$11);
                       _v$12 !== _p$.a && _$setAttribute(_el$40, "data-outside", _p$.a = _v$12);
                       _v$13 !== _p$.o && _$setAttribute(_el$40, "data-in-range", _p$.o = _v$13);
-                      _v$14 !== _p$.i && _$setAttribute(_el$40, "aria-label", _p$.i = _v$14);
-                      _v$15 !== _p$.n && _$setAttribute(_el$40, "aria-selected", _p$.n = _v$15);
-                      _v$16 !== _p$.s && _$setAttribute(_el$40, "tabindex", _p$.s = _v$16);
+                      _v$14 !== _p$.i && _$setAttribute(_el$40, "data-today", _p$.i = _v$14);
+                      _v$15 !== _p$.n && _$setAttribute(_el$40, "aria-current", _p$.n = _v$15);
+                      _v$16 !== _p$.s && _$setAttribute(_el$40, "aria-label", _p$.s = _v$16);
+                      _v$17 !== _p$.h && _$setAttribute(_el$40, "aria-selected", _p$.h = _v$17);
+                      _v$18 !== _p$.r && _$setAttribute(_el$40, "tabindex", _p$.r = _v$18);
                       return _p$;
                     }, {
                       e: undefined,
@@ -515,7 +549,9 @@ function DatePickerPanel(props) {
                       o: undefined,
                       i: undefined,
                       n: undefined,
-                      s: undefined
+                      s: undefined,
+                      h: undefined,
+                      r: undefined
                     });
                     _$runHydrationEvents();
                     return _el$40;