@k2b/ui 0.20.0 → 0.22.0

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/NumberInput.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, type JSX, Show, splitProps } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { decimalSeparator, useLocale } from \"../intl/locale\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { resolveMaybeAccessor } from \"./field-contract\";\nimport type { ChoiceAppearance } from \"./Select\";\n\nexport type NumberInputProps = Omit<\n  JSX.InputHTMLAttributes<HTMLInputElement>,\n  \"max\" | \"min\" | \"onChange\" | \"onInput\" | \"prefix\" | \"step\" | \"type\" | \"value\" | keyof ValueFieldProps<number | null>\n> &\n  ValueFieldProps<number | null> & {\n    max?: number;\n    min?: number;\n    /** Stepper increment and commit grid; defaults to `1`. A fractional step also sets the default `decimalPlaces`. */\n    step?: number;\n    /** Accepted fraction digits. Defaults to the fraction digits of `step` (`0.01` → `2`, `1` → `0`); an explicit value wins. */\n    decimalPlaces?: number;\n    allowNegative?: boolean;\n    clearable?: boolean;\n    onClear?: () => void;\n    clearLabel?: string;\n    increaseLabel?: string;\n    decreaseLabel?: string;\n    /** Explicit locale for the decimal separator; defaults to the inherited render locale. */\n    locale?: string;\n    showSteppers?: boolean;\n    disableSteppers?: boolean;\n    icon?: string;\n    activeIcon?: string;\n    prefix?: JSX.Element;\n    suffix?: JSX.Element;\n    /**\n     * `plain` edits the value in place for property rows: no box and no steppers\n     * or clear button. The field sizes to its text, Enter commits, Escape\n     * restores the current value, and clearing the text clears the value. Focus\n     * stays in the field.\n     */\n    appearance?: ChoiceAppearance;\n    /**\n     * Text for a set value while a plain field is not being edited, such as\n     * `90` as \"1 h 30 min\". It also names the value for assistive technology.\n     * The suffix then shows only while editing.\n     */\n    formatValue?: (value: number) => string;\n  };\n\nfunction fractionDigits(value: number): number {\n  if (!Number.isFinite(value)) return 0;\n  const [mantissa = \"\", exponent = \"0\"] = String(value).split(\"e\");\n  const fraction = mantissa.split(\".\")[1]?.length ?? 0;\n  return Math.max(0, fraction - Number(exponent));\n}\n\nexport function NumberInput(props: NumberInputProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"activeIcon\",\n    \"appearance\",\n    \"allowNegative\",\n    \"aria-describedby\",\n    \"aria-label\",\n    \"class\",\n    \"clearLabel\",\n    \"clearable\",\n    \"decimalPlaces\",\n    \"decreaseLabel\",\n    \"description\",\n    \"disableSteppers\",\n    \"error\",\n    \"formatValue\",\n    \"icon\",\n    \"id\",\n    \"increaseLabel\",\n    \"label\",\n    \"locale\",\n    \"max\",\n    \"min\",\n    \"onClear\",\n    \"onKeyDown\",\n    \"onValueCommit\",\n    \"onValueChange\",\n    \"prefix\",\n    \"required\",\n    \"showSteppers\",\n    \"step\",\n    \"suffix\",\n    \"value\",\n  ]);\n  const meta = createFieldMeta(local.id);\n  const plain = () => local.appearance === \"plain\";\n  let input: HTMLInputElement | undefined;\n  const [focused, setFocused] = createSignal(false);\n  const value = () => resolveMaybeAccessor(local.value);\n  const error = () => resolveMaybeAccessor(local.error);\n  const contextLocale = useLocale();\n  const messages = useUiMessages();\n  const separator = createMemo(() => decimalSeparator(local.locale ?? contextLocale()));\n  // The visible text keeps the canonical number, only the decimal separator\n  // follows the effective locale; grouping is never rendered while editing.\n  const display = (value: number | null | undefined) => (value == null ? \"\" : String(value).replace(\".\", separator()));\n  const [raw, setRaw] = createSignal(display(value()));\n  const min = () => local.min ?? -Infinity;\n  const max = () => local.max ?? Infinity;\n  const step = () => local.step ?? 1;\n  // `step` and the accepted decimals never disagree: a fractional step implies\n  // its own precision unless the caller states `decimalPlaces` explicitly.\n  const places = () => Math.max(0, local.decimalPlaces ?? fractionDigits(step()));\n\n  const filter = (input: string) => {\n    let output = \"\";\n    let decimal = false;\n    for (const character of input) {\n      if (/\\d/.test(character)) output += character;\n      else if (character === \"-\" && output === \"\" && (local.allowNegative ?? true)) output += character;\n      else if ((character === \".\" || character === \",\" || character === separator()) && !decimal && places() > 0) {\n        output += separator();\n        decimal = true;\n      }\n    }\n    if (decimal) {\n      const [integer = \"\", fraction = \"\"] = output.split(separator());\n      return `${integer}${separator()}${fraction.slice(0, places())}`;\n    }\n    return output;\n  };\n  const parse = (input: string) => {\n    const canonical = input.replace(separator(), \".\");\n    if (!canonical || canonical === \"-\" || canonical === \".\") return null;\n    const number = places() === 0 ? Number.parseInt(canonical, 10) : Number(canonical);\n    return Number.isFinite(number) ? number : null;\n  };\n  const normalize = (value: number | null) => {\n    if (value === null) return null;\n    const clamped = Math.max(min(), Math.min(max(), value));\n    const anchor = Number.isFinite(min()) ? min() : 0;\n    const snapped = step() > 0 ? Math.round((clamped - anchor) / step()) * step() + anchor : clamped;\n    const bounded = Math.max(min(), Math.min(max(), snapped));\n    return places() === 0 ? Math.round(bounded) : Number(bounded.toFixed(places()));\n  };\n  const emit = (value: number | null) => local.onValueChange?.(value);\n  const commit = (value: number | null, changeAlreadyEmitted = false) => {\n    const next = normalize(value);\n    setRaw(display(next));\n    if (!changeAlreadyEmitted || !Object.is(next, value)) emit(next);\n    local.onValueCommit?.(next);\n  };\n  const stepBy = (direction: number) => {\n    if (rest.disabled || local.disableSteppers) return;\n    const seed = value() ?? (Number.isFinite(min()) ? min() : 0);\n    commit(seed + direction * step());\n  };\n\n  createEffect(() => {\n    if (focused()) return;\n    if (parse(raw()) !== value()) setRaw(display(value()));\n  });\n  // Enter already committed the current text, so leaving the field does not commit it twice.\n  let committedOnEnter = false;\n  const onKeyDown: JSX.EventHandler<HTMLInputElement, KeyboardEvent> = (event) => {\n    const handler = local.onKeyDown;\n    if (typeof handler === \"function\") handler(event);\n    else if (Array.isArray(handler)) handler[0](handler[1], event);\n    if (!plain() || event.defaultPrevented) return;\n    // Both keys keep focus in the field, so keyboard and screen reader users stay in place.\n    if (event.key === \"Enter\") {\n      event.preventDefault();\n      commit(parse(raw()), true);\n      committedOnEnter = true;\n    } else if (event.key === \"Escape\" && parse(raw()) !== value()) {\n      // Only an edit in progress swallows Escape; otherwise it reaches an enclosing panel.\n      event.preventDefault();\n      event.stopPropagation();\n      setRaw(display(value()));\n    }\n  };\n  const placeholderText = () => (typeof rest.placeholder === \"string\" ? rest.placeholder : \"\");\n  /** What a plain field shows: the formatted value at rest, the text being edited while focused. */\n  const shownText = () => {\n    const current = value();\n    if (!focused() && current != null && local.formatValue) return local.formatValue(current);\n    return raw() || placeholderText();\n  };\n  const valueText = () => {\n    if (rest[\"aria-valuetext\"] !== undefined) return rest[\"aria-valuetext\"];\n    const current = focused() ? parse(raw()) : value();\n    if (current == null) return undefined;\n    if (local.formatValue) return local.formatValue(current);\n    const unit = typeof local.suffix === \"string\" ? local.suffix : \"\";\n    return unit ? `${display(current)} ${unit}` : undefined;\n  };\n  const control = () => (\n    <input\n      {...rest}\n      ref={input}\n      id={meta.controlId}\n      class=\"k2b-input k2b-number-input__control\"\n      data-filled={raw() ? \"true\" : undefined}\n      type=\"text\"\n      role=\"spinbutton\"\n      inputmode={places() === 0 ? \"numeric\" : \"decimal\"}\n      value={raw()}\n      required={local.required}\n      {...fieldControlAria(meta, local)}\n      aria-valuemin={Number.isFinite(min()) ? min() : undefined}\n      aria-valuemax={Number.isFinite(max()) ? max() : undefined}\n      aria-valuenow={(focused() ? parse(raw()) : value()) ?? undefined}\n      aria-valuetext={valueText()}\n      // The plain sizer sets the width; the smallest intrinsic size keeps the input from widening it.\n      size={plain() ? 1 : rest.size}\n      onFocus={() => setFocused(true)}\n      onKeyDown={onKeyDown}\n      onInput={(event) => {\n        const input = event.currentTarget;\n        const current = input.value;\n        const selectionStart = input.selectionStart;\n        const selectionEnd = input.selectionEnd;\n        const next = filter(current);\n        // Only write back when the filter actually dropped something —\n        // re-assigning an unchanged value moves the caret to the end.\n        if (current !== next) {\n          input.value = next;\n          if (selectionStart !== null && selectionEnd !== null) {\n            input.setSelectionRange(filter(current.slice(0, selectionStart)).length, filter(current.slice(0, selectionEnd)).length);\n          }\n        }\n        setRaw(next);\n        committedOnEnter = false;\n        emit(parse(next));\n      }}\n      onBlur={() => {\n        if (!committedOnEnter) commit(parse(raw()), true);\n        committedOnEnter = false;\n        setFocused(false);\n      }}\n    />\n  );\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      {/* biome-ignore lint/a11y/noStaticElementInteractions lint/a11y/useKeyWithClickEvents: the input inside is the keyboard target; a plain field's row only forwards a pointer click beside the text to it. */}\n      <div\n        class=\"k2b-input-shell k2b-number-input\"\n        data-appearance={local.appearance ?? \"field\"}\n        data-disabled={rest.disabled ? \"true\" : undefined}\n        data-invalid={error() ? \"true\" : undefined}\n        onClick={(event) => {\n          if (plain() && event.target !== input && !rest.disabled) input?.focus();\n        }}\n      >\n        <Show when={local.showSteppers ?? !plain()}>\n          <button\n            type=\"button\"\n            class=\"k2b-number-input__step\"\n            aria-label={local.decreaseLabel ?? messages().decreaseValue}\n            disabled={rest.disabled || local.disableSteppers || (value() !== null && value() !== undefined && value()! <= min())}\n            onClick={() => stepBy(-1)}\n          >\n            <i class=\"ti ti-minus\" aria-hidden=\"true\" />\n          </button>\n        </Show>\n        <div class=\"k2b-number-input__value\">\n          <Show when={local.icon}>\n            <span class=\"k2b-input-shell__icon k2b-text-input__icon\" aria-hidden=\"true\">\n              <i class={local.icon} />\n              <i class={local.activeIcon ?? local.icon} />\n            </span>\n          </Show>\n          <Show when={local.prefix}>\n            <span class=\"k2b-input-shell__affix\">{local.prefix}</span>\n          </Show>\n          <Show when={plain()} fallback={control()}>\n            {/* The sizer shows the text in the input's grid cell, so the field is as wide as what it shows. At rest it is\n                the visible value; while editing the input takes over. */}\n            <span\n              class=\"k2b-number-input__sizer\"\n              data-value={shownText()}\n              data-placeholder={raw() ? undefined : \"true\"}\n              data-editing={focused() ? \"true\" : undefined}\n            >\n              {control()}\n            </span>\n          </Show>\n          <Show when={local.suffix && (!plain() || (raw() && (focused() || !local.formatValue)))}>\n            <span class=\"k2b-input-shell__affix\">{local.suffix}</span>\n          </Show>\n          <Show when={local.clearable && raw() && !rest.disabled && !rest.readOnly && !plain()}>\n            <button\n              type=\"button\"\n              class=\"k2b-input-shell__clear k2b-input-clear-action\"\n              aria-label={local.clearLabel ?? messages().clear}\n              onClick={() => (local.onClear ? local.onClear() : commit(null))}\n            >\n              <i class=\"ti ti-x\" aria-hidden=\"true\" />\n            </button>\n          </Show>\n        </div>\n        <Show when={local.showSteppers ?? !plain()}>\n          <button\n            type=\"button\"\n            class=\"k2b-number-input__step\"\n            aria-label={local.increaseLabel ?? messages().increaseValue}\n            disabled={rest.disabled || local.disableSteppers || (value() !== null && value() !== undefined && value()! >= max())}\n            onClick={() => stepBy(1)}\n          >\n            <i class=\"ti ti-plus\" aria-hidden=\"true\" />\n          </button>\n        </Show>\n      </div>\n    </Field>\n  );\n}\n\nexport default NumberInput;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/NumberInput.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, type JSX, Show, splitProps } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { decimalSeparator, useLocale } from \"../intl/locale\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { resolveMaybeAccessor } from \"./field-contract\";\nimport { useInputMessages } from \"./input-messages\";\nimport type { ChoiceAppearance } from \"./Select\";\n\nexport type NumberInputProps = Omit<\n  JSX.InputHTMLAttributes<HTMLInputElement>,\n  \"max\" | \"min\" | \"onChange\" | \"onInput\" | \"prefix\" | \"step\" | \"type\" | \"value\" | keyof ValueFieldProps<number | null>\n> &\n  ValueFieldProps<number | null> & {\n    max?: number;\n    min?: number;\n    /** Stepper increment and commit grid; defaults to `1`. A fractional step also sets the default `decimalPlaces`. */\n    step?: number;\n    /** Accepted fraction digits. Defaults to the fraction digits of `step` (`0.01` → `2`, `1` → `0`); an explicit value wins. */\n    decimalPlaces?: number;\n    allowNegative?: boolean;\n    clearable?: boolean;\n    onClear?: () => void;\n    clearLabel?: string;\n    increaseLabel?: string;\n    decreaseLabel?: string;\n    /** Explicit locale for the decimal separator; defaults to the inherited render locale. */\n    locale?: string;\n    showSteppers?: boolean;\n    disableSteppers?: boolean;\n    icon?: string;\n    activeIcon?: string;\n    prefix?: JSX.Element;\n    suffix?: JSX.Element;\n    /**\n     * `plain` edits the value in place for property rows: no box and no steppers\n     * or clear button. The field sizes to its text, Enter commits, Escape\n     * restores the current value, and clearing the text clears the value. Focus\n     * stays in the field.\n     */\n    appearance?: ChoiceAppearance;\n    /**\n     * Text for a set value while a plain field is not being edited, such as\n     * `90` as \"1 h 30 min\". It also names the value for assistive technology.\n     * The suffix then shows only while editing.\n     */\n    formatValue?: (value: number) => string;\n  };\n\nfunction fractionDigits(value: number): number {\n  if (!Number.isFinite(value)) return 0;\n  const [mantissa = \"\", exponent = \"0\"] = String(value).split(\"e\");\n  const fraction = mantissa.split(\".\")[1]?.length ?? 0;\n  return Math.max(0, fraction - Number(exponent));\n}\n\nexport function NumberInput(props: NumberInputProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"activeIcon\",\n    \"appearance\",\n    \"allowNegative\",\n    \"aria-describedby\",\n    \"aria-label\",\n    \"class\",\n    \"clearLabel\",\n    \"clearable\",\n    \"decimalPlaces\",\n    \"decreaseLabel\",\n    \"description\",\n    \"disableSteppers\",\n    \"error\",\n    \"formatValue\",\n    \"icon\",\n    \"id\",\n    \"increaseLabel\",\n    \"label\",\n    \"locale\",\n    \"max\",\n    \"min\",\n    \"onClear\",\n    \"onKeyDown\",\n    \"onValueCommit\",\n    \"onValueChange\",\n    \"prefix\",\n    \"required\",\n    \"showSteppers\",\n    \"step\",\n    \"suffix\",\n    \"value\",\n  ]);\n  const meta = createFieldMeta(local.id);\n  const plain = () => local.appearance === \"plain\";\n  let input: HTMLInputElement | undefined;\n  const [focused, setFocused] = createSignal(false);\n  const value = () => resolveMaybeAccessor(local.value);\n  const error = () => resolveMaybeAccessor(local.error);\n  const contextLocale = useLocale();\n  const messages = useUiMessages();\n  const inputMessages = useInputMessages();\n  const separator = createMemo(() => decimalSeparator(local.locale ?? contextLocale()));\n  // The visible text keeps the canonical number, only the decimal separator\n  // follows the effective locale; grouping is never rendered while editing.\n  const display = (value: number | null | undefined) => (value == null ? \"\" : String(value).replace(\".\", separator()));\n  const [raw, setRaw] = createSignal(display(value()));\n  const min = () => local.min ?? -Infinity;\n  const max = () => local.max ?? Infinity;\n  const step = () => local.step ?? 1;\n  // `step` and the accepted decimals never disagree: a fractional step implies\n  // its own precision unless the caller states `decimalPlaces` explicitly.\n  const places = () => Math.max(0, local.decimalPlaces ?? fractionDigits(step()));\n\n  const filter = (input: string) => {\n    let output = \"\";\n    let decimal = false;\n    for (const character of input) {\n      if (/\\d/.test(character)) output += character;\n      else if (character === \"-\" && output === \"\" && (local.allowNegative ?? true)) output += character;\n      else if ((character === \".\" || character === \",\" || character === separator()) && !decimal && places() > 0) {\n        output += separator();\n        decimal = true;\n      }\n    }\n    if (decimal) {\n      const [integer = \"\", fraction = \"\"] = output.split(separator());\n      return `${integer}${separator()}${fraction.slice(0, places())}`;\n    }\n    return output;\n  };\n  const parse = (input: string) => {\n    const canonical = input.replace(separator(), \".\");\n    if (!canonical || canonical === \"-\" || canonical === \".\") return null;\n    const number = places() === 0 ? Number.parseInt(canonical, 10) : Number(canonical);\n    return Number.isFinite(number) ? number : null;\n  };\n  const normalize = (value: number | null) => {\n    if (value === null) return null;\n    const clamped = Math.max(min(), Math.min(max(), value));\n    const anchor = Number.isFinite(min()) ? min() : 0;\n    const snapped = step() > 0 ? Math.round((clamped - anchor) / step()) * step() + anchor : clamped;\n    const bounded = Math.max(min(), Math.min(max(), snapped));\n    return places() === 0 ? Math.round(bounded) : Number(bounded.toFixed(places()));\n  };\n  const emit = (value: number | null) => local.onValueChange?.(value);\n  const commit = (value: number | null, changeAlreadyEmitted = false) => {\n    const next = normalize(value);\n    setRaw(display(next));\n    if (!changeAlreadyEmitted || !Object.is(next, value)) emit(next);\n    local.onValueCommit?.(next);\n  };\n  const stepBy = (direction: number) => {\n    if (rest.disabled || local.disableSteppers) return;\n    const seed = value() ?? (Number.isFinite(min()) ? min() : 0);\n    commit(seed + direction * step());\n  };\n\n  createEffect(() => {\n    if (focused()) return;\n    if (parse(raw()) !== value()) setRaw(display(value()));\n  });\n  // Enter already committed the current text, so leaving the field does not commit it twice.\n  let committedOnEnter = false;\n  const onKeyDown: JSX.EventHandler<HTMLInputElement, KeyboardEvent> = (event) => {\n    const handler = local.onKeyDown;\n    if (typeof handler === \"function\") handler(event);\n    else if (Array.isArray(handler)) handler[0](handler[1], event);\n    if (!plain() || event.defaultPrevented) return;\n    // Both keys keep focus in the field, so keyboard and screen reader users stay in place.\n    if (event.key === \"Enter\") {\n      event.preventDefault();\n      commit(parse(raw()), true);\n      committedOnEnter = true;\n    } else if (event.key === \"Escape\" && parse(raw()) !== value()) {\n      // Only an edit in progress swallows Escape; otherwise it reaches an enclosing panel.\n      event.preventDefault();\n      event.stopPropagation();\n      setRaw(display(value()));\n    }\n  };\n  const placeholderText = () => (typeof rest.placeholder === \"string\" ? rest.placeholder : \"\");\n  /** What a plain field shows: the formatted value at rest, the text being edited while focused. */\n  const shownText = () => {\n    const current = value();\n    if (!focused() && current != null && local.formatValue) return local.formatValue(current);\n    return raw() || placeholderText();\n  };\n  const valueText = () => {\n    if (rest[\"aria-valuetext\"] !== undefined) return rest[\"aria-valuetext\"];\n    const current = focused() ? parse(raw()) : value();\n    if (current == null) return undefined;\n    if (local.formatValue) return local.formatValue(current);\n    const unit = typeof local.suffix === \"string\" ? local.suffix : \"\";\n    return unit ? `${display(current)} ${unit}` : undefined;\n  };\n  const control = () => (\n    <input\n      {...rest}\n      ref={input}\n      id={meta.controlId}\n      class=\"k2b-input k2b-number-input__control\"\n      data-filled={raw() ? \"true\" : undefined}\n      type=\"text\"\n      role=\"spinbutton\"\n      inputmode={places() === 0 ? \"numeric\" : \"decimal\"}\n      value={raw()}\n      required={local.required}\n      {...fieldControlAria(meta, local)}\n      aria-valuemin={Number.isFinite(min()) ? min() : undefined}\n      aria-valuemax={Number.isFinite(max()) ? max() : undefined}\n      aria-valuenow={(focused() ? parse(raw()) : value()) ?? undefined}\n      aria-valuetext={valueText()}\n      // The plain sizer sets the width; the smallest intrinsic size keeps the input from widening it.\n      size={plain() ? 1 : rest.size}\n      onFocus={() => setFocused(true)}\n      onKeyDown={onKeyDown}\n      onInput={(event) => {\n        const input = event.currentTarget;\n        const current = input.value;\n        const selectionStart = input.selectionStart;\n        const selectionEnd = input.selectionEnd;\n        const next = filter(current);\n        // Only write back when the filter actually dropped something —\n        // re-assigning an unchanged value moves the caret to the end.\n        if (current !== next) {\n          input.value = next;\n          if (selectionStart !== null && selectionEnd !== null) {\n            input.setSelectionRange(filter(current.slice(0, selectionStart)).length, filter(current.slice(0, selectionEnd)).length);\n          }\n        }\n        setRaw(next);\n        committedOnEnter = false;\n        emit(parse(next));\n      }}\n      onBlur={() => {\n        if (!committedOnEnter) commit(parse(raw()), true);\n        committedOnEnter = false;\n        setFocused(false);\n      }}\n    />\n  );\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      {/* biome-ignore lint/a11y/noStaticElementInteractions lint/a11y/useKeyWithClickEvents: the input inside is the keyboard target; a plain field's row only forwards a pointer click beside the text to it. */}\n      <div\n        class=\"k2b-input-shell k2b-number-input\"\n        data-appearance={local.appearance ?? \"field\"}\n        data-disabled={rest.disabled ? \"true\" : undefined}\n        data-invalid={error() ? \"true\" : undefined}\n        onClick={(event) => {\n          if (plain() && event.target !== input && !rest.disabled) input?.focus();\n        }}\n      >\n        <Show when={local.showSteppers ?? !plain()}>\n          <button\n            type=\"button\"\n            class=\"k2b-number-input__step\"\n            aria-label={local.decreaseLabel ?? inputMessages().decreaseValue}\n            disabled={rest.disabled || local.disableSteppers || (value() !== null && value() !== undefined && value()! <= min())}\n            onClick={() => stepBy(-1)}\n          >\n            <i class=\"ti ti-minus\" aria-hidden=\"true\" />\n          </button>\n        </Show>\n        <div class=\"k2b-number-input__value\">\n          <Show when={local.icon}>\n            <span class=\"k2b-input-shell__icon k2b-text-input__icon\" aria-hidden=\"true\">\n              <i class={local.icon} />\n              <i class={local.activeIcon ?? local.icon} />\n            </span>\n          </Show>\n          <Show when={local.prefix}>\n            <span class=\"k2b-input-shell__affix\">{local.prefix}</span>\n          </Show>\n          <Show when={plain()} fallback={control()}>\n            {/* The sizer shows the text in the input's grid cell, so the field is as wide as what it shows. At rest it is\n                the visible value; while editing the input takes over. */}\n            <span\n              class=\"k2b-number-input__sizer\"\n              data-value={shownText()}\n              data-placeholder={raw() ? undefined : \"true\"}\n              data-editing={focused() ? \"true\" : undefined}\n            >\n              {control()}\n            </span>\n          </Show>\n          <Show when={local.suffix && (!plain() || (raw() && (focused() || !local.formatValue)))}>\n            <span class=\"k2b-input-shell__affix\">{local.suffix}</span>\n          </Show>\n          <Show when={local.clearable && raw() && !rest.disabled && !rest.readOnly && !plain()}>\n            <button\n              type=\"button\"\n              class=\"k2b-input-shell__clear k2b-input-clear-action\"\n              aria-label={local.clearLabel ?? messages().clear}\n              onClick={() => (local.onClear ? local.onClear() : commit(null))}\n            >\n              <i class=\"ti ti-x\" aria-hidden=\"true\" />\n            </button>\n          </Show>\n        </div>\n        <Show when={local.showSteppers ?? !plain()}>\n          <button\n            type=\"button\"\n            class=\"k2b-number-input__step\"\n            aria-label={local.increaseLabel ?? inputMessages().increaseValue}\n            disabled={rest.disabled || local.disableSteppers || (value() !== null && value() !== undefined && value()! >= max())}\n            onClick={() => stepBy(1)}\n          >\n            <i class=\"ti ti-plus\" aria-hidden=\"true\" />\n          </button>\n        </Show>\n      </div>\n    </Field>\n  );\n}\n\nexport default NumberInput;\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/inputs/QrScanner.js

@@ -12,7 +12,7 @@ var _tmpl$ = /*#__PURE__*/_$template(`<p class=k2b-qr-scanner__note>`),
   _tmpl$2 = /*#__PURE__*/_$template(`<div><div class=k2b-qr-scanner__preview><video muted playsinline></video></div><p role=status></p><!$><!/>`);
 import { timed } from "@k2b/stdlib/solid";
 import { createSignal, onCleanup, onMount, Show } from "solid-js";
-import { useUiMessages } from "../intl/messages";
+import { useQrMessages } from "./qr-messages";
 
 /**
  * Why the scanner could not start, as far as the browser tells: `"denied"` when camera access is off, `"no-camera"`
@@ -102,7 +102,7 @@ const stopStream = stream => {
  * Decoded content is never logged.
  */
 export function QrScanner(props) {
-  const messages = useUiMessages();
+  const qrMessages = useQrMessages();
   const [starting, setStarting] = createSignal(true);
   const [invalid, setInvalid] = createSignal(false);
   let lastRejected;
@@ -212,7 +212,7 @@ export function QrScanner(props) {
     typeof _ref$ === "function" ? _$use(_ref$, _el$3) : video = _el$3;
     _$insert(_el$4, (() => {
       var _c$ = _$memo(() => !!starting());
-      return () => _c$() ? messages().qrCameraStarting : props.instructions ?? messages().qrCameraInstructions;
+      return () => _c$() ? qrMessages().qrCameraStarting : props.instructions ?? qrMessages().qrCameraInstructions;
     })());
     _$insert(_el$, _$createComponent(Show, {
       get when() {
@@ -220,14 +220,14 @@ export function QrScanner(props) {
       },
       get children() {
         var _el$5 = _$getNextElement(_tmpl$);
-        _$insert(_el$5, () => messages().qrCameraPrivacy);
+        _$insert(_el$5, () => qrMessages().qrCameraPrivacy);
         return _el$5;
       }
     }), _el$7, _co$);
     _$effect(_p$ => {
       var _v$ = props.class ? `k2b-qr-scanner ${props.class}` : "k2b-qr-scanner",
         _v$2 = invalid() || undefined,
-        _v$3 = messages().qrCameraPreview;
+        _v$3 = qrMessages().qrCameraPreview;
       _v$ !== _p$.e && _$className(_el$, _p$.e = _v$);
       _v$2 !== _p$.t && _$setAttribute(_el$2, "data-invalid", _p$.t = _v$2);
       _v$3 !== _p$.a && _$setAttribute(_el$3, "aria-label", _p$.a = _v$3);

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/QrScanner.tsx"],"sourcesContent":["import { timed } from \"@k2b/stdlib/solid\";\nimport type QrScannerEngine from \"qr-scanner\";\nimport { createSignal, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\n\n/**\n * Why the scanner could not start, as far as the browser tells: `\"denied\"` when camera access is off, `\"no-camera\"`\n * when the device has no camera, `\"in-use\"` when the camera is busy or could not start, most often because another app\n * holds it, and `\"unavailable\"` for anything else, including a scanning engine that cannot load.\n */\nexport type QrScannerError = \"denied\" | \"no-camera\" | \"in-use\" | \"unavailable\";\n\nexport type QrScannerProps = {\n  /** Decoded text is untrusted. Return `true` to accept it and stop the camera, `false` to reject it and keep scanning. */\n  onResult: (text: string) => boolean;\n  /** The page was hidden or left; unmount the scanner. */\n  onStop: () => void;\n  /**\n   * The camera or the scanning engine could not start; the scanner has stopped. Offer another way in. A frame that\n   * cannot be decoded never ends here.\n   */\n  onError: (reason: QrScannerError) => void;\n  /** What to point the camera at. Defaults to a generic QR code hint. */\n  instructions?: string;\n  class?: string;\n};\n\nconst sizes: MediaTrackConstraints[] = [{ width: { min: 1024 } }, { width: { min: 768 } }, {}];\n/** The rear camera at a resolution that keeps small codes readable, then any camera: the order qr-scanner tries. */\nconst cameraRequests: MediaTrackConstraints[] = [...sizes.map((size) => ({ ...size, facingMode: { exact: \"environment\" } })), ...sizes];\n\nconst errorName = (error: unknown): string => (typeof error === \"object\" && error !== null && \"name\" in error ? String(error.name) : \"\");\n\nconst cameraFailure = (name: string): QrScannerError => {\n  if (name === \"NotAllowedError\" || name === \"SecurityError\") return \"denied\";\n  if (name === \"NotFoundError\" || name === \"OverconstrainedError\") return \"no-camera\";\n  if (name === \"NotReadableError\") return \"in-use\";\n  return \"unavailable\";\n};\n\n/** The facing a track reports, or else the one its label names, as qr-scanner reads it. */\nconst facingOf = (track: MediaStreamTrack | undefined): string | undefined => {\n  if (!track) return undefined;\n  const { facingMode } = track.getSettings();\n  if (facingMode) return facingMode;\n  if (/rear|back|environment/i.test(track.label)) return \"environment\";\n  if (/front|user|face/i.test(track.label)) return \"user\";\n  return undefined;\n};\n\n/**\n * Opens the camera here rather than in qr-scanner, which turns every failure into \"Camera not found.\". A refusal ends\n * the search, because asking again could show the permission prompt again. Any other failure may belong to the request,\n * such as a camera that cannot start at the larger size, so the next, looser request follows, as in qr-scanner. When\n * none succeeds, a camera that exists but fails outweighs a request no camera could meet. A closed scanner asks no more.\n */\nconst openCamera = async (closed: () => boolean): Promise<{ stream: MediaStream; mirrored: boolean } | { error: QrScannerError }> => {\n  if (!navigator.mediaDevices) return { error: \"unavailable\" };\n  let error: QrScannerError = \"no-camera\";\n  for (const video of cameraRequests) {\n    if (closed()) break;\n    try {\n      const stream = await navigator.mediaDevices.getUserMedia({ video, audio: false });\n      const facing = facingOf(stream.getVideoTracks()[0]);\n      // Like qr-scanner, mirror a front camera, and a camera of unknown facing that the rear request did not find.\n      return { stream, mirrored: facing ? facing === \"user\" : !video.facingMode };\n    } catch (failure) {\n      const reason = cameraFailure(errorName(failure));\n      if (reason === \"denied\") return { error: reason };\n      if (reason !== \"no-camera\") error = reason;\n    }\n  }\n  return { error };\n};\n\nconst stopStream = (stream: MediaStream) => {\n  for (const track of stream.getTracks()) track.stop();\n};\n\n/**\n * Scans a QR code with the rear camera. Each mount owns exactly one camera session, which stops when the scanner\n * unmounts, the page is hidden, or a result is accepted. The scanning engine loads only when the scanner mounts.\n * Decoded content is never logged.\n */\nexport function QrScanner(props: QrScannerProps): JSX.Element {\n  const messages = useUiMessages();\n  const [starting, setStarting] = createSignal(true);\n  const [invalid, setInvalid] = createSignal(false);\n  let lastRejected: string | undefined;\n  const resetRejected = timed.debounce(() => {\n    lastRejected = undefined;\n  }, 1000);\n  const resetFeedback = timed.debounce(() => setInvalid(false), 1500);\n  let video!: HTMLVideoElement;\n  let scanner: QrScannerEngine | undefined;\n  let closed = false;\n  let cleanupMotion: (() => void) | undefined;\n  const destroy = () => {\n    closed = true;\n    cleanupMotion?.();\n    resetRejected.cancel();\n    resetFeedback.cancel();\n    // pause(true) stops the camera stream immediately.\n    void scanner?.pause(true);\n    scanner?.destroy();\n    scanner = undefined;\n  };\n  // Once closed, the host has unmounted the scanner or heard why it stopped; later failures stay silent.\n  const fail = (reason: QrScannerError) => {\n    if (closed) return;\n    destroy();\n    props.onError(reason);\n  };\n  onMount(() => {\n    const hidden = () => {\n      if (document.visibilityState !== \"visible\") props.onStop();\n    };\n    const leaving = () => props.onStop();\n    document.addEventListener(\"visibilitychange\", hidden);\n    window.addEventListener(\"pagehide\", leaving);\n    onCleanup(() => {\n      destroy();\n      document.removeEventListener(\"visibilitychange\", hidden);\n      window.removeEventListener(\"pagehide\", leaving);\n    });\n    void (async () => {\n      try {\n        const { default: Engine } = await import(\"qr-scanner\");\n        if (closed || document.visibilityState !== \"visible\") return;\n        scanner = new Engine(\n          video,\n          (result) => {\n            if (closed) return;\n            // Rearm only after a full second without a decoded QR, not between individual frames.\n            resetRejected.debouncedFn();\n            if (result.data === lastRejected) return;\n            if (props.onResult(result.data)) {\n              destroy();\n              return;\n            }\n            lastRejected = result.data;\n            setInvalid(true);\n            resetFeedback.debouncedFn();\n          },\n          {\n            highlightScanRegion: true,\n            // A frame that cannot be decoded never ends the session: the camera runs, and the next frame may read.\n            // An engine error other than an empty frame, which the native BarcodeDetector reports as \"Scanner error:\n            // No QR code found\", means the detector cannot read on this device. Fall back to the bundled worker for\n            // the page through the flag qr-scanner 1.4.2 sets itself for \"not implemented\" and \"service unavailable\";\n            // it swaps engines after this frame. Worker errors carry the same prefix; the flag changes nothing there.\n            // qr-scanner reports frames only as strings: an Error means the engine itself did not load, such as a\n            // decoder chunk gone after a deploy or a worker that cannot start, and no later frame can read. Never log\n            // decoded content or frame data.\n            onDecodeError: (error) => {\n              if (typeof error !== \"string\") return fail(\"unavailable\");\n              if (error.startsWith(\"Scanner error: \") && !error.endsWith(Engine.NO_QR_CODE_FOUND)) {\n                Reflect.set(Engine, \"_disableBarcodeDetector\", true);\n              }\n            },\n          },\n        );\n        const motion = matchMedia(\"(prefers-reduced-motion: reduce)\");\n        const applyMotion = () => {\n          for (const animation of scanner?.$overlay?.getAnimations({ subtree: true }) ?? []) {\n            if (motion.matches) animation.pause();\n            else animation.play();\n          }\n        };\n        applyMotion();\n        motion.addEventListener(\"change\", applyMotion);\n        cleanupMotion = () => motion.removeEventListener(\"change\", applyMotion);\n        const camera = await openCamera(() => closed);\n        if (\"error\" in camera) return fail(camera.error);\n        if (closed) return stopStream(camera.stream);\n        // qr-scanner plays a stream that is already set instead of opening its own.\n        video.srcObject = camera.stream;\n        video.style.transform = camera.mirrored ? \"scaleX(-1)\" : \"\";\n        await scanner.start();\n        if (!closed) setStarting(false);\n      } catch {\n        fail(\"unavailable\");\n      }\n    })();\n  });\n  return (\n    <div class={props.class ? `k2b-qr-scanner ${props.class}` : \"k2b-qr-scanner\"}>\n      <div class=\"k2b-qr-scanner__preview\" data-invalid={invalid() || undefined}>\n        {/* Live camera preview contains no prerecorded speech or audio. */}\n        <video ref={video} muted playsinline aria-label={messages().qrCameraPreview} />\n      </div>\n      <p role=\"status\">{starting() ? messages().qrCameraStarting : (props.instructions ?? messages().qrCameraInstructions)}</p>\n      <Show when={!starting()}>\n        <p class=\"k2b-qr-scanner__note\">{messages().qrCameraPrivacy}</p>\n      </Show>\n    </div>\n  );\n}\n\nexport default QrScanner;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/QrScanner.tsx"],"sourcesContent":["import { timed } from \"@k2b/stdlib/solid\";\nimport type QrScannerEngine from \"qr-scanner\";\nimport { createSignal, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { useQrMessages } from \"./qr-messages\";\n\n/**\n * Why the scanner could not start, as far as the browser tells: `\"denied\"` when camera access is off, `\"no-camera\"`\n * when the device has no camera, `\"in-use\"` when the camera is busy or could not start, most often because another app\n * holds it, and `\"unavailable\"` for anything else, including a scanning engine that cannot load.\n */\nexport type QrScannerError = \"denied\" | \"no-camera\" | \"in-use\" | \"unavailable\";\n\nexport type QrScannerProps = {\n  /** Decoded text is untrusted. Return `true` to accept it and stop the camera, `false` to reject it and keep scanning. */\n  onResult: (text: string) => boolean;\n  /** The page was hidden or left; unmount the scanner. */\n  onStop: () => void;\n  /**\n   * The camera or the scanning engine could not start; the scanner has stopped. Offer another way in. A frame that\n   * cannot be decoded never ends here.\n   */\n  onError: (reason: QrScannerError) => void;\n  /** What to point the camera at. Defaults to a generic QR code hint. */\n  instructions?: string;\n  class?: string;\n};\n\nconst sizes: MediaTrackConstraints[] = [{ width: { min: 1024 } }, { width: { min: 768 } }, {}];\n/** The rear camera at a resolution that keeps small codes readable, then any camera: the order qr-scanner tries. */\nconst cameraRequests: MediaTrackConstraints[] = [...sizes.map((size) => ({ ...size, facingMode: { exact: \"environment\" } })), ...sizes];\n\nconst errorName = (error: unknown): string => (typeof error === \"object\" && error !== null && \"name\" in error ? String(error.name) : \"\");\n\nconst cameraFailure = (name: string): QrScannerError => {\n  if (name === \"NotAllowedError\" || name === \"SecurityError\") return \"denied\";\n  if (name === \"NotFoundError\" || name === \"OverconstrainedError\") return \"no-camera\";\n  if (name === \"NotReadableError\") return \"in-use\";\n  return \"unavailable\";\n};\n\n/** The facing a track reports, or else the one its label names, as qr-scanner reads it. */\nconst facingOf = (track: MediaStreamTrack | undefined): string | undefined => {\n  if (!track) return undefined;\n  const { facingMode } = track.getSettings();\n  if (facingMode) return facingMode;\n  if (/rear|back|environment/i.test(track.label)) return \"environment\";\n  if (/front|user|face/i.test(track.label)) return \"user\";\n  return undefined;\n};\n\n/**\n * Opens the camera here rather than in qr-scanner, which turns every failure into \"Camera not found.\". A refusal ends\n * the search, because asking again could show the permission prompt again. Any other failure may belong to the request,\n * such as a camera that cannot start at the larger size, so the next, looser request follows, as in qr-scanner. When\n * none succeeds, a camera that exists but fails outweighs a request no camera could meet. A closed scanner asks no more.\n */\nconst openCamera = async (closed: () => boolean): Promise<{ stream: MediaStream; mirrored: boolean } | { error: QrScannerError }> => {\n  if (!navigator.mediaDevices) return { error: \"unavailable\" };\n  let error: QrScannerError = \"no-camera\";\n  for (const video of cameraRequests) {\n    if (closed()) break;\n    try {\n      const stream = await navigator.mediaDevices.getUserMedia({ video, audio: false });\n      const facing = facingOf(stream.getVideoTracks()[0]);\n      // Like qr-scanner, mirror a front camera, and a camera of unknown facing that the rear request did not find.\n      return { stream, mirrored: facing ? facing === \"user\" : !video.facingMode };\n    } catch (failure) {\n      const reason = cameraFailure(errorName(failure));\n      if (reason === \"denied\") return { error: reason };\n      if (reason !== \"no-camera\") error = reason;\n    }\n  }\n  return { error };\n};\n\nconst stopStream = (stream: MediaStream) => {\n  for (const track of stream.getTracks()) track.stop();\n};\n\n/**\n * Scans a QR code with the rear camera. Each mount owns exactly one camera session, which stops when the scanner\n * unmounts, the page is hidden, or a result is accepted. The scanning engine loads only when the scanner mounts.\n * Decoded content is never logged.\n */\nexport function QrScanner(props: QrScannerProps): JSX.Element {\n  const qrMessages = useQrMessages();\n  const [starting, setStarting] = createSignal(true);\n  const [invalid, setInvalid] = createSignal(false);\n  let lastRejected: string | undefined;\n  const resetRejected = timed.debounce(() => {\n    lastRejected = undefined;\n  }, 1000);\n  const resetFeedback = timed.debounce(() => setInvalid(false), 1500);\n  let video!: HTMLVideoElement;\n  let scanner: QrScannerEngine | undefined;\n  let closed = false;\n  let cleanupMotion: (() => void) | undefined;\n  const destroy = () => {\n    closed = true;\n    cleanupMotion?.();\n    resetRejected.cancel();\n    resetFeedback.cancel();\n    // pause(true) stops the camera stream immediately.\n    void scanner?.pause(true);\n    scanner?.destroy();\n    scanner = undefined;\n  };\n  // Once closed, the host has unmounted the scanner or heard why it stopped; later failures stay silent.\n  const fail = (reason: QrScannerError) => {\n    if (closed) return;\n    destroy();\n    props.onError(reason);\n  };\n  onMount(() => {\n    const hidden = () => {\n      if (document.visibilityState !== \"visible\") props.onStop();\n    };\n    const leaving = () => props.onStop();\n    document.addEventListener(\"visibilitychange\", hidden);\n    window.addEventListener(\"pagehide\", leaving);\n    onCleanup(() => {\n      destroy();\n      document.removeEventListener(\"visibilitychange\", hidden);\n      window.removeEventListener(\"pagehide\", leaving);\n    });\n    void (async () => {\n      try {\n        const { default: Engine } = await import(\"qr-scanner\");\n        if (closed || document.visibilityState !== \"visible\") return;\n        scanner = new Engine(\n          video,\n          (result) => {\n            if (closed) return;\n            // Rearm only after a full second without a decoded QR, not between individual frames.\n            resetRejected.debouncedFn();\n            if (result.data === lastRejected) return;\n            if (props.onResult(result.data)) {\n              destroy();\n              return;\n            }\n            lastRejected = result.data;\n            setInvalid(true);\n            resetFeedback.debouncedFn();\n          },\n          {\n            highlightScanRegion: true,\n            // A frame that cannot be decoded never ends the session: the camera runs, and the next frame may read.\n            // An engine error other than an empty frame, which the native BarcodeDetector reports as \"Scanner error:\n            // No QR code found\", means the detector cannot read on this device. Fall back to the bundled worker for\n            // the page through the flag qr-scanner 1.4.2 sets itself for \"not implemented\" and \"service unavailable\";\n            // it swaps engines after this frame. Worker errors carry the same prefix; the flag changes nothing there.\n            // qr-scanner reports frames only as strings: an Error means the engine itself did not load, such as a\n            // decoder chunk gone after a deploy or a worker that cannot start, and no later frame can read. Never log\n            // decoded content or frame data.\n            onDecodeError: (error) => {\n              if (typeof error !== \"string\") return fail(\"unavailable\");\n              if (error.startsWith(\"Scanner error: \") && !error.endsWith(Engine.NO_QR_CODE_FOUND)) {\n                Reflect.set(Engine, \"_disableBarcodeDetector\", true);\n              }\n            },\n          },\n        );\n        const motion = matchMedia(\"(prefers-reduced-motion: reduce)\");\n        const applyMotion = () => {\n          for (const animation of scanner?.$overlay?.getAnimations({ subtree: true }) ?? []) {\n            if (motion.matches) animation.pause();\n            else animation.play();\n          }\n        };\n        applyMotion();\n        motion.addEventListener(\"change\", applyMotion);\n        cleanupMotion = () => motion.removeEventListener(\"change\", applyMotion);\n        const camera = await openCamera(() => closed);\n        if (\"error\" in camera) return fail(camera.error);\n        if (closed) return stopStream(camera.stream);\n        // qr-scanner plays a stream that is already set instead of opening its own.\n        video.srcObject = camera.stream;\n        video.style.transform = camera.mirrored ? \"scaleX(-1)\" : \"\";\n        await scanner.start();\n        if (!closed) setStarting(false);\n      } catch {\n        fail(\"unavailable\");\n      }\n    })();\n  });\n  return (\n    <div class={props.class ? `k2b-qr-scanner ${props.class}` : \"k2b-qr-scanner\"}>\n      <div class=\"k2b-qr-scanner__preview\" data-invalid={invalid() || undefined}>\n        {/* Live camera preview contains no prerecorded speech or audio. */}\n        <video ref={video} muted playsinline aria-label={qrMessages().qrCameraPreview} />\n      </div>\n      <p role=\"status\">{starting() ? qrMessages().qrCameraStarting : (props.instructions ?? qrMessages().qrCameraInstructions)}</p>\n      <Show when={!starting()}>\n        <p class=\"k2b-qr-scanner__note\">{qrMessages().qrCameraPrivacy}</p>\n      </Show>\n    </div>\n  );\n}\n\nexport default QrScanner;\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/inputs/Select.js

@@ -35,6 +35,7 @@ import { useUiMessages } from "../intl/messages";
 import { ChoiceGroups } from "./ChoiceGroups";
 import { createChoiceLoader, createChoicePopover, filterChoiceOptions, nextEnabledChoiceIndex } from "./choice";
 import { commitFieldValue, resolveMaybeAccessor } from "./field-contract";
+import { useSelectMessages } from "./select-messages";
 
 /**
  * `field` draws the boxed form control. `plain` shows the value as text for
@@ -55,6 +56,7 @@ const normalize = option => typeof option === "string" ? {
 };
 export function Select(props) {
   const messages = useUiMessages();
+  const selectMessages = useSelectMessages();
   const meta = createFieldMeta(props.id);
   const listboxId = `${meta.controlId}-listbox`;
   const [query, setQuery] = createSignal("");
@@ -110,7 +112,7 @@ export function Select(props) {
     };
   });
   const hasClearAction = () => Boolean(props.clearable && selected() && !props.disabled && !plain());
-  const accessibleLabel = () => props["aria-label"] ?? (typeof props.label === "string" ? undefined : props.placeholder ?? messages().selectOption);
+  const accessibleLabel = () => props["aria-label"] ?? (typeof props.label === "string" ? undefined : props.placeholder ?? selectMessages().selectOption);
   const popover = createChoicePopover(() => Boolean(props.disabled));
   const focusedOption = () => listOptions()[focusedIndex()];
   const focus = index => {
@@ -346,7 +348,7 @@ export function Select(props) {
           _$setAttribute(_el$1, "aria-controls", listboxId);
           _$effect(_p$ => {
             var _v$ = props.searchPlaceholder ?? messages().search,
-              _v$2 = props.searchPlaceholder ?? messages().searchOptions,
+              _v$2 = props.searchPlaceholder ?? selectMessages().searchOptions,
               _v$3 = focusedOption() ? `${listboxId}-${focusedIndex()}` : undefined;
             _v$ !== _p$.e && _$setAttribute(_el$1, "placeholder", _p$.e = _v$);
             _v$2 !== _p$.t && _$setAttribute(_el$1, "aria-label", _p$.t = _v$2);
@@ -386,7 +388,7 @@ export function Select(props) {
                 },
                 onValueChange: chooseGroup,
                 get ariaLabel() {
-                  return props.groupsAriaLabel ?? messages().filterOptions;
+                  return props.groupsAriaLabel ?? selectMessages().filterOptions;
                 },
                 controls: listboxId
               });
@@ -402,7 +404,7 @@ export function Select(props) {
               _el$11.$$click = () => setSelectedView(activeView() === "list" ? "grid" : "list");
               _$setAttribute(_el$11, "aria-controls", listboxId);
               _$effect(_p$ => {
-                var _v$4 = activeView() === "list" ? messages().showGridView : messages().showListView,
+                var _v$4 = activeView() === "list" ? selectMessages().showGridView : selectMessages().showListView,
                   _v$5 = activeView() === "list" ? "ti ti-category-2" : "ti ti-list-details";
                 _v$4 !== _p$.e && _$setAttribute(_el$11, "aria-label", _p$.e = _v$4);
                 _v$5 !== _p$.t && _$className(_el$12, _p$.t = _v$5);
@@ -459,7 +461,7 @@ export function Select(props) {
               var _el$43 = _$getNextElement(_tmpl$10);
               _$insert(_el$43, (() => {
                 var _c$ = _$memo(() => !!isSearchable());
-                return () => _c$() ? messages().noResults : messages().noOptions;
+                return () => _c$() ? messages().noResults : selectMessages().noOptions;
               })());
               return _el$43;
             }

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/Select.tsx"],"sourcesContent":["import { 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, filterChoiceOptions, nextEnabledChoiceIndex } from \"./choice\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\n\nexport type SelectOption = ChoiceOption<string>;\nexport type SelectGroup = {\n  value: string;\n  label: string;\n};\nexport type SelectView = \"list\" | \"grid\";\nexport type SelectGridSize = \"sm\" | \"md\" | \"lg\";\n/**\n * `field` draws the boxed form control. `plain` shows the value as text for\n * property rows: no box, no chevron, and a quiet surface on hover or while\n * open. Its surface and hit area cover the nearest positioned ancestor, such as\n * a `DescriptionList` row, so the whole row opens the picker.\n */\nexport type ChoiceAppearance = \"field\" | \"plain\";\nexport type SelectSourceOption =\n  | string\n  | {\n      id: string;\n      label?: string;\n      description?: string;\n      icon?: string;\n      color?: string;\n      groups?: readonly string[];\n    }\n  | SelectOption;\n\nexport type SelectProps = ValueFieldProps<string | null> & {\n  placeholder?: string;\n  icon?: string;\n  activeIcon?: string;\n  options?: SelectSourceOption[];\n  fetchData?: (query: string, signal: AbortSignal, group: string | null) => Promise<SelectSourceOption[]>;\n  loadOptions?: (query: string, signal: AbortSignal, group: string | null) => Promise<readonly ChoiceOption<string>[]>;\n  selectedOption?: ChoiceOption<string>;\n  selectedLabel?: () => string | undefined;\n  fetchDebounceMs?: number;\n  debounceMs?: number;\n  searchable?: boolean;\n  /** Optional synchronous filter for static options. */\n  filterOptions?: (options: readonly SelectOption[], query: string) => readonly SelectOption[];\n  /** Optional filters. An option may belong to more than one group. */\n  groups?: readonly SelectGroup[];\n  /** Group selected when the component is created. Omit to start with all options. */\n  defaultGroup?: string;\n  groupsAriaLabel?: string;\n  allGroupLabel?: string;\n  /** Show a local list/grid layout toggle in the dropdown. */\n  viewToggle?: boolean;\n  /** Initial dropdown layout when `viewToggle` is enabled. */\n  defaultView?: SelectView;\n  /** Tile density for the grid layout. */\n  gridSize?: SelectGridSize;\n  searchPlaceholder?: string;\n  clearable?: boolean;\n  name?: string;\n  appearance?: ChoiceAppearance;\n  /** Icon class shown before the placeholder while nothing is selected. */\n  placeholderIcon?: string;\n};\n\ntype NormalizedOption = ChoiceOption<string>;\n/** The list entry that clears a plain select. It cannot collide with a real option value. */\nconst CLEAR_VALUE = \"\\u0000k2b-select-clear\";\n\nconst normalize = (option: SelectSourceOption): NormalizedOption =>\n  typeof option === \"string\"\n    ? { value: option, label: option }\n    : \"value\" in option\n      ? option\n      : { ...option, value: option.id, label: option.label || option.id };\n\nexport function Select(props: SelectProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const listboxId = `${meta.controlId}-listbox`;\n  const [query, setQuery] = createSignal(\"\");\n  const [focusedIndex, setFocusedIndex] = createSignal(-1);\n  const [cache, setCache] = createSignal<Record<string, NormalizedOption>>({});\n  const [selectedGroup, setSelectedGroup] = createSignal<string | null>(props.defaultGroup ?? null);\n  const [selectedView, setSelectedView] = createSignal<SelectView>(props.defaultView ?? \"list\");\n  let searchRef: HTMLInputElement | undefined;\n  let optionRefs: HTMLButtonElement[] = [];\n  const value = () => resolveMaybeAccessor(props.value) ?? null;\n  const error = () => resolveMaybeAccessor(props.error);\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  const activeView = () => (props.viewToggle ? selectedView() : \"list\");\n\n  const loader = createChoiceLoader(\n    () =>\n      props.fetchData\n        ? async (value, signal) => (await props.fetchData!(value, signal, activeGroup())).map(normalize)\n        : props.loadOptions\n          ? (value, signal) => props.loadOptions!(value, signal, activeGroup())\n          : undefined,\n    () => props.fetchDebounceMs ?? props.debounceMs ?? 200,\n  );\n  const isAsync = () => Boolean(props.fetchData || props.loadOptions);\n  const isSearchable = () => isAsync() || Boolean(props.searchable);\n  const sourceOptions = createMemo(() => (isAsync() ? loader.options() : (props.options ?? []).map(normalize)));\n  const groupedOptions = createMemo(() => {\n    const group = activeGroup();\n    return !isAsync() && group ? sourceOptions().filter((option) => option.groups?.includes(group)) : sourceOptions();\n  });\n  // Remote loaders filter server-side; a static list has to be filtered here or\n  // the search field would render but do nothing.\n  const options = createMemo(() =>\n    isAsync() || !props.searchable\n      ? groupedOptions()\n      : props.filterOptions\n        ? [...props.filterOptions(groupedOptions(), query())]\n        : filterChoiceOptions(groupedOptions(), query()),\n  );\n  const plain = () => props.appearance === \"plain\";\n  // A plain select has no room for a clear button beside its value, so\n  // clearing becomes the last list entry, named by the placeholder.\n  const clearOption = createMemo<NormalizedOption | undefined>(() =>\n    plain() && props.clearable && !query() ? { value: CLEAR_VALUE, label: props.placeholder ?? messages().clearSelection } : undefined,\n  );\n  const listOptions = createMemo(() => {\n    const clear = clearOption();\n    return clear && !loader.error() ? [...options(), clear] : options();\n  });\n  // Colour dots mark the options, so an empty plain value keeps the column with a hollow dot.\n  const emptyDot = () => plain() && !props.placeholderIcon && sourceOptions().some((option) => option.color);\n  const selected = createMemo(() => {\n    const current = value();\n    if (current === null) return undefined;\n    // Resolve against the unfiltered list so typing in the search field never\n    // blanks the trigger label of the current selection.\n    return (\n      sourceOptions().find((option) => option.value === current) ??\n      cache()[current] ??\n      (props.selectedOption?.value === current ? props.selectedOption : undefined) ?? {\n        value: current,\n        label: props.selectedLabel?.() ?? current,\n      }\n    );\n  });\n  const hasClearAction = () => Boolean(props.clearable && selected() && !props.disabled && !plain());\n  const accessibleLabel = () =>\n    props[\"aria-label\"] ?? (typeof props.label === \"string\" ? undefined : (props.placeholder ?? messages().selectOption));\n  const popover = createChoicePopover(() => Boolean(props.disabled));\n  const focusedOption = () => listOptions()[focusedIndex()];\n  const focus = (index: number) => {\n    setFocusedIndex(index);\n    optionRefs[index]?.scrollIntoView({ block: \"nearest\" });\n  };\n  const move = (direction: 1 | -1) => focus(nextEnabledChoiceIndex(listOptions(), focusedIndex(), direction));\n  const chooseGroup = (group: string | null) => {\n    if (group === activeGroup()) return;\n    setSelectedGroup(group);\n    setFocusedIndex(nextEnabledChoiceIndex(listOptions(), -1, 1));\n    if (isAsync()) loader.load(query(), true);\n  };\n  const open = () => {\n    if (props.disabled) return;\n    setQuery(\"\");\n    if (isAsync()) loader.load(\"\", true);\n    const selectedIndex = listOptions().findIndex((option) => option.value === (value() ?? CLEAR_VALUE));\n    focus(selectedIndex >= 0 ? selectedIndex : nextEnabledChoiceIndex(listOptions(), -1, 1));\n    popover.show();\n    if (isSearchable()) queueMicrotask(() => searchRef?.focus());\n  };\n  const close = (restoreFocus = false) => {\n    // Hide the top-layer surface before any reactive cleanup or consumer\n    // callback can rerender its contents. Selection must feel atomic: the old\n    // listbox must never remain visible with the next value.\n    popover.hide(restoreFocus);\n    loader.cancel();\n    setQuery(\"\");\n    setFocusedIndex(-1);\n  };\n  const select = (option: NormalizedOption) => {\n    if (option.disabled) return;\n    close(true);\n    if (option.value === CLEAR_VALUE) {\n      commitFieldValue(props, null);\n      return;\n    }\n    setCache({ ...cache(), [option.value]: option });\n    commitFieldValue(props, option.value);\n  };\n  const onKeyDown = (event: KeyboardEvent) => {\n    const inToolbar = Boolean((event.target as HTMLElement | null)?.closest?.(\".k2b-choice-toolbar\"));\n    if (inToolbar && event.key !== \"Escape\" && event.key !== \"Tab\") return;\n    if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      if (!popover.open()) open();\n      else move(event.key === \"ArrowDown\" ? 1 : -1);\n    } else if ((event.key === \"Enter\" || event.key === \" \") && !popover.open()) {\n      event.preventDefault();\n      open();\n    } else if (event.key === \"Enter\" && focusedOption()) {\n      event.preventDefault();\n      select(focusedOption()!);\n    } else if (event.key === \"Escape\" && popover.open()) {\n      // Only swallow Escape while the list is open — a closed select must let\n      // the key bubble to an enclosing dialog or drawer.\n      event.preventDefault();\n      close(true);\n    } else if (event.key === \"Tab\" && popover.open()) close();\n  };\n  const clear = (event: MouseEvent) => {\n    event.stopPropagation();\n    commitFieldValue(props, null);\n    popover.trigger()?.focus();\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-choice-control\" data-appearance={props.appearance ?? \"field\"} data-invalid={error() ? \"true\" : undefined}>\n        <button\n          ref={popover.setTrigger}\n          id={meta.controlId}\n          type=\"button\"\n          class=\"k2b-choice-trigger\"\n          role=\"combobox\"\n          aria-haspopup=\"listbox\"\n          aria-expanded={popover.open()}\n          aria-controls={listboxId}\n          aria-activedescendant={focusedOption() ? `${listboxId}-${focusedIndex()}` : undefined}\n          data-clearable={hasClearAction() ? \"true\" : undefined}\n          {...fieldControlAria(meta, {\n            ...props,\n            \"aria-label\": accessibleLabel(),\n          })}\n          disabled={props.disabled}\n          onClick={() => (popover.open() ? close() : open())}\n          onKeyDown={onKeyDown}\n        >\n          <Show\n            when={selected()}\n            fallback={\n              <Show\n                when={props.placeholderIcon}\n                fallback={<Show when={emptyDot()}>{<span class=\"k2b-choice-dot\" data-empty=\"true\" aria-hidden=\"true\" />}</Show>}\n              >\n                {(icon) => <i class={`${icon()} k2b-choice-trigger__placeholder-icon`} aria-hidden=\"true\" />}\n              </Show>\n            }\n          >\n            <Show\n              when={selected()?.color}\n              fallback={<Show when={selected()?.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>}\n            >\n              {(color) => <span class=\"k2b-choice-dot\" style={{ \"background-color\": color() }} aria-hidden=\"true\" />}\n            </Show>\n          </Show>\n          <span class=\"k2b-choice-trigger__value\" data-placeholder={selected() ? undefined : \"true\"}>\n            {selected()?.label ?? props.placeholder ?? messages().select}\n          </span>\n          <i\n            class={`${popover.open() ? (props.activeIcon ?? \"ti ti-chevron-up\") : (props.icon ?? \"ti ti-chevron-down\")} k2b-choice-trigger__chevron`}\n            aria-hidden=\"true\"\n          />\n        </button>\n        <Show when={props.name}>{(name) => <input type=\"hidden\" name={name()} value={value() ?? \"\"} />}</Show>\n        <Show when={hasClearAction()}>\n          <button\n            type=\"button\"\n            class=\"k2b-choice-control__clear k2b-input-clear-action\"\n            aria-label={messages().clearSelection}\n            onClick={clear}\n          >\n            <i class=\"ti ti-x\" aria-hidden=\"true\" />\n          </button>\n        </Show>\n        <div\n          ref={popover.setPopover}\n          popover=\"manual\"\n          class=\"k2b-choice-popover\"\n          role=\"group\"\n          onKeyDown={onKeyDown}\n          aria-label={typeof props.label === \"string\" ? props.label : (props[\"aria-label\"] ?? messages().options)}\n        >\n          <Show when={isSearchable()}>\n            <div class=\"k2b-choice-search\">\n              <i class=\"ti ti-search\" aria-hidden=\"true\" />\n              <input\n                ref={searchRef}\n                type=\"search\"\n                value={query()}\n                placeholder={props.searchPlaceholder ?? messages().search}\n                aria-label={props.searchPlaceholder ?? messages().searchOptions}\n                aria-controls={listboxId}\n                aria-activedescendant={focusedOption() ? `${listboxId}-${focusedIndex()}` : undefined}\n                onInput={(event) => {\n                  setQuery(event.currentTarget.value);\n                  if (isAsync()) loader.load(event.currentTarget.value);\n                  focus(isAsync() ? -1 : nextEnabledChoiceIndex(options(), -1, 1));\n                }}\n              />\n            </div>\n          </Show>\n          <Show when={(props.groups?.length ?? 0) > 0 || props.viewToggle}>\n            <div class=\"k2b-choice-toolbar\">\n              <Show when={(props.groups?.length ?? 0) > 0}>\n                <ChoiceGroups\n                  choices={groupChoices()}\n                  value={activeGroup()}\n                  onValueChange={chooseGroup}\n                  ariaLabel={props.groupsAriaLabel ?? messages().filterOptions}\n                  controls={listboxId}\n                />\n              </Show>\n              <Show when={props.viewToggle}>\n                <button\n                  type=\"button\"\n                  class=\"k2b-choice-view-toggle\"\n                  aria-label={activeView() === \"list\" ? messages().showGridView : messages().showListView}\n                  aria-controls={listboxId}\n                  onClick={() => setSelectedView(activeView() === \"list\" ? \"grid\" : \"list\")}\n                >\n                  <i class={activeView() === \"list\" ? \"ti ti-category-2\" : \"ti ti-list-details\"} aria-hidden=\"true\" />\n                </button>\n              </Show>\n            </div>\n          </Show>\n          <div\n            id={listboxId}\n            class=\"k2b-choice-options\"\n            role=\"listbox\"\n            data-view={activeView()}\n            data-grid-size={activeView() === \"grid\" ? (props.gridSize ?? \"md\") : undefined}\n          >\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            <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>{messages().loading}</span>\n              </div>\n            </Show>\n            <For\n              each={loader.error() ? [] : listOptions()}\n              fallback={\n                <Show when={!loader.loading() && !loader.error()}>\n                  <div class=\"k2b-choice-status\">{isSearchable() ? messages().noResults : messages().noOptions}</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={option.value === (value() ?? CLEAR_VALUE)}\n                  data-focused={index() === focusedIndex() ? \"true\" : undefined}\n                  data-clear={option.value === CLEAR_VALUE ? \"true\" : undefined}\n                  disabled={option.disabled}\n                  onPointerMove={() => focus(index())}\n                  onClick={() => select(option)}\n                >\n                  <Show\n                    when={option.value === CLEAR_VALUE}\n                    fallback={\n                      <Show\n                        when={option.color}\n                        fallback={<Show when={option.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>}\n                      >\n                        {(color) => <span class=\"k2b-choice-dot\" style={{ \"background-color\": color() }} aria-hidden=\"true\" />}\n                      </Show>\n                    }\n                  >\n                    <Show\n                      when={props.placeholderIcon}\n                      fallback={<Show when={emptyDot()}>{<span class=\"k2b-choice-dot\" data-empty=\"true\" aria-hidden=\"true\" />}</Show>}\n                    >\n                      {(icon) => <i class={icon()} aria-hidden=\"true\" />}\n                    </Show>\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 Select;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/Select.tsx"],"sourcesContent":["import { 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, filterChoiceOptions, nextEnabledChoiceIndex } from \"./choice\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\nimport { useSelectMessages } from \"./select-messages\";\n\nexport type SelectOption = ChoiceOption<string>;\nexport type SelectGroup = {\n  value: string;\n  label: string;\n};\nexport type SelectView = \"list\" | \"grid\";\nexport type SelectGridSize = \"sm\" | \"md\" | \"lg\";\n/**\n * `field` draws the boxed form control. `plain` shows the value as text for\n * property rows: no box, no chevron, and a quiet surface on hover or while\n * open. Its surface and hit area cover the nearest positioned ancestor, such as\n * a `DescriptionList` row, so the whole row opens the picker.\n */\nexport type ChoiceAppearance = \"field\" | \"plain\";\nexport type SelectSourceOption =\n  | string\n  | {\n      id: string;\n      label?: string;\n      description?: string;\n      icon?: string;\n      color?: string;\n      groups?: readonly string[];\n    }\n  | SelectOption;\n\nexport type SelectProps = ValueFieldProps<string | null> & {\n  placeholder?: string;\n  icon?: string;\n  activeIcon?: string;\n  options?: SelectSourceOption[];\n  fetchData?: (query: string, signal: AbortSignal, group: string | null) => Promise<SelectSourceOption[]>;\n  loadOptions?: (query: string, signal: AbortSignal, group: string | null) => Promise<readonly ChoiceOption<string>[]>;\n  selectedOption?: ChoiceOption<string>;\n  selectedLabel?: () => string | undefined;\n  fetchDebounceMs?: number;\n  debounceMs?: number;\n  searchable?: boolean;\n  /** Optional synchronous filter for static options. */\n  filterOptions?: (options: readonly SelectOption[], query: string) => readonly SelectOption[];\n  /** Optional filters. An option may belong to more than one group. */\n  groups?: readonly SelectGroup[];\n  /** Group selected when the component is created. Omit to start with all options. */\n  defaultGroup?: string;\n  groupsAriaLabel?: string;\n  allGroupLabel?: string;\n  /** Show a local list/grid layout toggle in the dropdown. */\n  viewToggle?: boolean;\n  /** Initial dropdown layout when `viewToggle` is enabled. */\n  defaultView?: SelectView;\n  /** Tile density for the grid layout. */\n  gridSize?: SelectGridSize;\n  searchPlaceholder?: string;\n  clearable?: boolean;\n  name?: string;\n  appearance?: ChoiceAppearance;\n  /** Icon class shown before the placeholder while nothing is selected. */\n  placeholderIcon?: string;\n};\n\ntype NormalizedOption = ChoiceOption<string>;\n/** The list entry that clears a plain select. It cannot collide with a real option value. */\nconst CLEAR_VALUE = \"\\u0000k2b-select-clear\";\n\nconst normalize = (option: SelectSourceOption): NormalizedOption =>\n  typeof option === \"string\"\n    ? { value: option, label: option }\n    : \"value\" in option\n      ? option\n      : { ...option, value: option.id, label: option.label || option.id };\n\nexport function Select(props: SelectProps): JSX.Element {\n  const messages = useUiMessages();\n  const selectMessages = useSelectMessages();\n  const meta = createFieldMeta(props.id);\n  const listboxId = `${meta.controlId}-listbox`;\n  const [query, setQuery] = createSignal(\"\");\n  const [focusedIndex, setFocusedIndex] = createSignal(-1);\n  const [cache, setCache] = createSignal<Record<string, NormalizedOption>>({});\n  const [selectedGroup, setSelectedGroup] = createSignal<string | null>(props.defaultGroup ?? null);\n  const [selectedView, setSelectedView] = createSignal<SelectView>(props.defaultView ?? \"list\");\n  let searchRef: HTMLInputElement | undefined;\n  let optionRefs: HTMLButtonElement[] = [];\n  const value = () => resolveMaybeAccessor(props.value) ?? null;\n  const error = () => resolveMaybeAccessor(props.error);\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  const activeView = () => (props.viewToggle ? selectedView() : \"list\");\n\n  const loader = createChoiceLoader(\n    () =>\n      props.fetchData\n        ? async (value, signal) => (await props.fetchData!(value, signal, activeGroup())).map(normalize)\n        : props.loadOptions\n          ? (value, signal) => props.loadOptions!(value, signal, activeGroup())\n          : undefined,\n    () => props.fetchDebounceMs ?? props.debounceMs ?? 200,\n  );\n  const isAsync = () => Boolean(props.fetchData || props.loadOptions);\n  const isSearchable = () => isAsync() || Boolean(props.searchable);\n  const sourceOptions = createMemo(() => (isAsync() ? loader.options() : (props.options ?? []).map(normalize)));\n  const groupedOptions = createMemo(() => {\n    const group = activeGroup();\n    return !isAsync() && group ? sourceOptions().filter((option) => option.groups?.includes(group)) : sourceOptions();\n  });\n  // Remote loaders filter server-side; a static list has to be filtered here or\n  // the search field would render but do nothing.\n  const options = createMemo(() =>\n    isAsync() || !props.searchable\n      ? groupedOptions()\n      : props.filterOptions\n        ? [...props.filterOptions(groupedOptions(), query())]\n        : filterChoiceOptions(groupedOptions(), query()),\n  );\n  const plain = () => props.appearance === \"plain\";\n  // A plain select has no room for a clear button beside its value, so\n  // clearing becomes the last list entry, named by the placeholder.\n  const clearOption = createMemo<NormalizedOption | undefined>(() =>\n    plain() && props.clearable && !query() ? { value: CLEAR_VALUE, label: props.placeholder ?? messages().clearSelection } : undefined,\n  );\n  const listOptions = createMemo(() => {\n    const clear = clearOption();\n    return clear && !loader.error() ? [...options(), clear] : options();\n  });\n  // Colour dots mark the options, so an empty plain value keeps the column with a hollow dot.\n  const emptyDot = () => plain() && !props.placeholderIcon && sourceOptions().some((option) => option.color);\n  const selected = createMemo(() => {\n    const current = value();\n    if (current === null) return undefined;\n    // Resolve against the unfiltered list so typing in the search field never\n    // blanks the trigger label of the current selection.\n    return (\n      sourceOptions().find((option) => option.value === current) ??\n      cache()[current] ??\n      (props.selectedOption?.value === current ? props.selectedOption : undefined) ?? {\n        value: current,\n        label: props.selectedLabel?.() ?? current,\n      }\n    );\n  });\n  const hasClearAction = () => Boolean(props.clearable && selected() && !props.disabled && !plain());\n  const accessibleLabel = () =>\n    props[\"aria-label\"] ?? (typeof props.label === \"string\" ? undefined : (props.placeholder ?? selectMessages().selectOption));\n  const popover = createChoicePopover(() => Boolean(props.disabled));\n  const focusedOption = () => listOptions()[focusedIndex()];\n  const focus = (index: number) => {\n    setFocusedIndex(index);\n    optionRefs[index]?.scrollIntoView({ block: \"nearest\" });\n  };\n  const move = (direction: 1 | -1) => focus(nextEnabledChoiceIndex(listOptions(), focusedIndex(), direction));\n  const chooseGroup = (group: string | null) => {\n    if (group === activeGroup()) return;\n    setSelectedGroup(group);\n    setFocusedIndex(nextEnabledChoiceIndex(listOptions(), -1, 1));\n    if (isAsync()) loader.load(query(), true);\n  };\n  const open = () => {\n    if (props.disabled) return;\n    setQuery(\"\");\n    if (isAsync()) loader.load(\"\", true);\n    const selectedIndex = listOptions().findIndex((option) => option.value === (value() ?? CLEAR_VALUE));\n    focus(selectedIndex >= 0 ? selectedIndex : nextEnabledChoiceIndex(listOptions(), -1, 1));\n    popover.show();\n    if (isSearchable()) queueMicrotask(() => searchRef?.focus());\n  };\n  const close = (restoreFocus = false) => {\n    // Hide the top-layer surface before any reactive cleanup or consumer\n    // callback can rerender its contents. Selection must feel atomic: the old\n    // listbox must never remain visible with the next value.\n    popover.hide(restoreFocus);\n    loader.cancel();\n    setQuery(\"\");\n    setFocusedIndex(-1);\n  };\n  const select = (option: NormalizedOption) => {\n    if (option.disabled) return;\n    close(true);\n    if (option.value === CLEAR_VALUE) {\n      commitFieldValue(props, null);\n      return;\n    }\n    setCache({ ...cache(), [option.value]: option });\n    commitFieldValue(props, option.value);\n  };\n  const onKeyDown = (event: KeyboardEvent) => {\n    const inToolbar = Boolean((event.target as HTMLElement | null)?.closest?.(\".k2b-choice-toolbar\"));\n    if (inToolbar && event.key !== \"Escape\" && event.key !== \"Tab\") return;\n    if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      if (!popover.open()) open();\n      else move(event.key === \"ArrowDown\" ? 1 : -1);\n    } else if ((event.key === \"Enter\" || event.key === \" \") && !popover.open()) {\n      event.preventDefault();\n      open();\n    } else if (event.key === \"Enter\" && focusedOption()) {\n      event.preventDefault();\n      select(focusedOption()!);\n    } else if (event.key === \"Escape\" && popover.open()) {\n      // Only swallow Escape while the list is open — a closed select must let\n      // the key bubble to an enclosing dialog or drawer.\n      event.preventDefault();\n      close(true);\n    } else if (event.key === \"Tab\" && popover.open()) close();\n  };\n  const clear = (event: MouseEvent) => {\n    event.stopPropagation();\n    commitFieldValue(props, null);\n    popover.trigger()?.focus();\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-choice-control\" data-appearance={props.appearance ?? \"field\"} data-invalid={error() ? \"true\" : undefined}>\n        <button\n          ref={popover.setTrigger}\n          id={meta.controlId}\n          type=\"button\"\n          class=\"k2b-choice-trigger\"\n          role=\"combobox\"\n          aria-haspopup=\"listbox\"\n          aria-expanded={popover.open()}\n          aria-controls={listboxId}\n          aria-activedescendant={focusedOption() ? `${listboxId}-${focusedIndex()}` : undefined}\n          data-clearable={hasClearAction() ? \"true\" : undefined}\n          {...fieldControlAria(meta, {\n            ...props,\n            \"aria-label\": accessibleLabel(),\n          })}\n          disabled={props.disabled}\n          onClick={() => (popover.open() ? close() : open())}\n          onKeyDown={onKeyDown}\n        >\n          <Show\n            when={selected()}\n            fallback={\n              <Show\n                when={props.placeholderIcon}\n                fallback={<Show when={emptyDot()}>{<span class=\"k2b-choice-dot\" data-empty=\"true\" aria-hidden=\"true\" />}</Show>}\n              >\n                {(icon) => <i class={`${icon()} k2b-choice-trigger__placeholder-icon`} aria-hidden=\"true\" />}\n              </Show>\n            }\n          >\n            <Show\n              when={selected()?.color}\n              fallback={<Show when={selected()?.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>}\n            >\n              {(color) => <span class=\"k2b-choice-dot\" style={{ \"background-color\": color() }} aria-hidden=\"true\" />}\n            </Show>\n          </Show>\n          <span class=\"k2b-choice-trigger__value\" data-placeholder={selected() ? undefined : \"true\"}>\n            {selected()?.label ?? props.placeholder ?? messages().select}\n          </span>\n          <i\n            class={`${popover.open() ? (props.activeIcon ?? \"ti ti-chevron-up\") : (props.icon ?? \"ti ti-chevron-down\")} k2b-choice-trigger__chevron`}\n            aria-hidden=\"true\"\n          />\n        </button>\n        <Show when={props.name}>{(name) => <input type=\"hidden\" name={name()} value={value() ?? \"\"} />}</Show>\n        <Show when={hasClearAction()}>\n          <button\n            type=\"button\"\n            class=\"k2b-choice-control__clear k2b-input-clear-action\"\n            aria-label={messages().clearSelection}\n            onClick={clear}\n          >\n            <i class=\"ti ti-x\" aria-hidden=\"true\" />\n          </button>\n        </Show>\n        <div\n          ref={popover.setPopover}\n          popover=\"manual\"\n          class=\"k2b-choice-popover\"\n          role=\"group\"\n          onKeyDown={onKeyDown}\n          aria-label={typeof props.label === \"string\" ? props.label : (props[\"aria-label\"] ?? messages().options)}\n        >\n          <Show when={isSearchable()}>\n            <div class=\"k2b-choice-search\">\n              <i class=\"ti ti-search\" aria-hidden=\"true\" />\n              <input\n                ref={searchRef}\n                type=\"search\"\n                value={query()}\n                placeholder={props.searchPlaceholder ?? messages().search}\n                aria-label={props.searchPlaceholder ?? selectMessages().searchOptions}\n                aria-controls={listboxId}\n                aria-activedescendant={focusedOption() ? `${listboxId}-${focusedIndex()}` : undefined}\n                onInput={(event) => {\n                  setQuery(event.currentTarget.value);\n                  if (isAsync()) loader.load(event.currentTarget.value);\n                  focus(isAsync() ? -1 : nextEnabledChoiceIndex(options(), -1, 1));\n                }}\n              />\n            </div>\n          </Show>\n          <Show when={(props.groups?.length ?? 0) > 0 || props.viewToggle}>\n            <div class=\"k2b-choice-toolbar\">\n              <Show when={(props.groups?.length ?? 0) > 0}>\n                <ChoiceGroups\n                  choices={groupChoices()}\n                  value={activeGroup()}\n                  onValueChange={chooseGroup}\n                  ariaLabel={props.groupsAriaLabel ?? selectMessages().filterOptions}\n                  controls={listboxId}\n                />\n              </Show>\n              <Show when={props.viewToggle}>\n                <button\n                  type=\"button\"\n                  class=\"k2b-choice-view-toggle\"\n                  aria-label={activeView() === \"list\" ? selectMessages().showGridView : selectMessages().showListView}\n                  aria-controls={listboxId}\n                  onClick={() => setSelectedView(activeView() === \"list\" ? \"grid\" : \"list\")}\n                >\n                  <i class={activeView() === \"list\" ? \"ti ti-category-2\" : \"ti ti-list-details\"} aria-hidden=\"true\" />\n                </button>\n              </Show>\n            </div>\n          </Show>\n          <div\n            id={listboxId}\n            class=\"k2b-choice-options\"\n            role=\"listbox\"\n            data-view={activeView()}\n            data-grid-size={activeView() === \"grid\" ? (props.gridSize ?? \"md\") : undefined}\n          >\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            <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>{messages().loading}</span>\n              </div>\n            </Show>\n            <For\n              each={loader.error() ? [] : listOptions()}\n              fallback={\n                <Show when={!loader.loading() && !loader.error()}>\n                  <div class=\"k2b-choice-status\">{isSearchable() ? messages().noResults : selectMessages().noOptions}</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={option.value === (value() ?? CLEAR_VALUE)}\n                  data-focused={index() === focusedIndex() ? \"true\" : undefined}\n                  data-clear={option.value === CLEAR_VALUE ? \"true\" : undefined}\n                  disabled={option.disabled}\n                  onPointerMove={() => focus(index())}\n                  onClick={() => select(option)}\n                >\n                  <Show\n                    when={option.value === CLEAR_VALUE}\n                    fallback={\n                      <Show\n                        when={option.color}\n                        fallback={<Show when={option.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>}\n                      >\n                        {(color) => <span class=\"k2b-choice-dot\" style={{ \"background-color\": color() }} aria-hidden=\"true\" />}\n                      </Show>\n                    }\n                  >\n                    <Show\n                      when={props.placeholderIcon}\n                      fallback={<Show when={emptyDot()}>{<span class=\"k2b-choice-dot\" data-empty=\"true\" aria-hidden=\"true\" />}</Show>}\n                    >\n                      {(icon) => <i class={icon()} aria-hidden=\"true\" />}\n                    </Show>\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 Select;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,UAAU,EAAE,YAAY,EAAE,GAAG,EAAY,IAAI,QAAQ,UAAU;AACxE,SAAS,eAAe,EAAE,KAAK,EAAE,gBAAgB,QAAQ,mBAAmB;AAC5E,SAAS,aAAa,QAAQ,kBAAkB;AAChD,SAAS,YAAY,QAAQ,gBAAgB;AAC7C,SAA4B,kBAAkB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,sBAAsB,QAAQ,UAAU;AAElI,SAAS,gBAAgB,EAAE,oBAAoB,QAAQ,kBAAkB;AACzE,SAAS,iBAAiB,QAAQ,mBAAmB;;AASrD;AACA;AACA;AACA;AACA;AACA;;AAiDA;AACA,MAAM,WAAW,GAAG,wBAAwB;AAE5C,MAAM,SAAS,GAAI,MAA0B,IAC3C,OAAO,MAAM,KAAK,QAAQ,GACtB;EAAE,KAAK,EAAE,MAAM;EAAE,KAAK,EAAE;AAAO,CAAC,GAChC,OAAO,IAAI,MAAM,GACf,MAAM,GACN;EAAE,GAAG,MAAM;EAAE,KAAK,EAAE,MAAM,CAAC,EAAE;EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC;AAAG,CAAC;AAEzE,OAAO,SAAS,MAAM,CAAC,KAAkB,EAAe;EACtD,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC;EAChC,MAAM,cAAc,GAAG,iBAAiB,CAAC,CAAC;EAC1C,MAAM,IAAI,GAAG,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;EACtC,MAAM,SAAS,GAAG,GAAG,IAAI,CAAC,SAAS,UAAU;EAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,YAAY,CAAC,EAAE,CAAC;EAC1C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC;EACxD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,YAAY,CAAmC,CAAC,CAAC,CAAC;EAC5E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,YAAY,CAAgB,KAAK,CAAC,YAAY,IAAI,IAAI,CAAC;EACjG,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,YAAY,CAAa,KAAK,CAAC,WAAW,IAAI,MAAM,CAAC;EAC7F,IAAI,SAAuC;EAC3C,IAAI,UAA+B,GAAG,EAAE;EACxC,MAAM,KAAK,GAAG,MAAM,oBAAoB,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,IAAI;EAC7D,MAAM,KAAK,GAAG,MAAM,oBAAoB,CAAC,KAAK,CAAC,KAAK,CAAC;EACrD,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM;IACnC,MAAM,OAAO,GAAG,aAAa,CAAC,CAAC;IAC/B,OAAO,OAAO,IAAI,KAAK,CAAC,MAAM,EAAE,IAAI,CAAE,KAAK,IAAK,KAAK,CAAC,KAAK,KAAK,OAAO,CAAC,GAAG,OAAO,GAAG,IAAI;EAC3F,CAAC,CAAC;EACF,MAAM,YAAY,GAAG,UAAU,CAAC,MAAM,CAAC;IAAE,KAAK,EAAE,IAAI;IAAE,KAAK,EAAE,KAAK,CAAC,aAAa,IAAI,QAAQ,CAAC,CAAC,CAAC;EAAI,CAAC,EAAE,IAAI,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,CAAC;EAC/H,MAAM,UAAU,GAAG,MAAO,KAAK,CAAC,UAAU,GAAG,YAAY,CAAC,CAAC,GAAG,MAAO;EAErE,MAAM,MAAM,GAAG,kBAAkB,CAC/B,MACE,KAAK,CAAC,SAAS,GACX,OAAO,KAAK,EAAE,MAAM,KAAK,CAAC,MAAM,KAAK,CAAC,SAAS,CAAE,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC,GAC9F,KAAK,CAAC,WAAW,GACf,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,WAAW,CAAE,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,GACnE,SAAS,EACjB,MAAM,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC,UAAU,IAAI,GACrD,CAAC;EACD,MAAM,OAAO,GAAG,MAAM,OAAO,CAAC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,WAAW,CAAC;EACnE,MAAM,YAAY,GAAG,MAAM,OAAO,CAAC,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC;EACjE,MAAM,aAAa,GAAG,UAAU,CAAC,MAAO,OAAO,CAAC,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,EAAE,GAAG,CAAC,SAAS,CAAE,CAAC;EAC7G,MAAM,cAAc,GAAG,UAAU,CAAC,MAAM;IACtC,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC;IAC3B,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK,GAAG,aAAa,CAAC,CAAC,CAAC,MAAM,CAAE,MAAM,IAAK,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC;EACnH,CAAC,CAAC;EACF;EACA;EACA,MAAM,OAAO,GAAG,UAAU,CAAC,MACzB,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAC1B,cAAc,CAAC,CAAC,GAChB,KAAK,CAAC,aAAa,GACjB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,GACnD,mBAAmB,CAAC,cAAc,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CACrD,CAAC;EACD,MAAM,KAAK,GAAG,MAAM,KAAK,CAAC,UAAU,KAAK,OAAO;EAChD;EACA;EACA,MAAM,WAAW,GAAG,UAAU,CAA+B,MAC3D,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,WAAW;IAAE,KAAK,EAAE,KAAK,CAAC,WAAW,IAAI,QAAQ,CAAC,CAAC,CAAC;EAAe,CAAC,GAAG,SAC3H,CAAC;EACD,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM;IACnC,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC;IAC3B,OAAO,KAAK,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,OAAO,CAAC,CAAC;EACrE,CAAC,CAAC;EACF;EACA,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,IAAI,aAAa,CAAC,CAAC,CAAC,IAAI,CAAE,MAAM,IAAK,MAAM,CAAC,KAAK,CAAC;EAC1G,MAAM,QAAQ,GAAG,UAAU,CAAC,MAAM;IAChC,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC;IACvB,IAAI,OAAO,KAAK,IAAI,EAAE,OAAO,SAAS;IACtC;IACA;IACA,OACE,aAAa,CAAC,CAAC,CAAC,IAAI,CAAE,MAAM,IAAK,MAAM,CAAC,KAAK,KAAK,OAAO,CAAC,IAC1D,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,KACf,KAAK,CAAC,cAAc,EAAE,KAAK,KAAK,OAAO,GAAG,KAAK,CAAC,cAAc,GAAG,SAAS,CAAC,IAAI;MAC9E,KAAK,EAAE,OAAO;MACd,KAAK,EAAE,KAAK,CAAC,aAAa,GAAG,CAAC,IAAI;IACpC,CAAC;EAEL,CAAC,CAAC;EACF,MAAM,cAAc,GAAG,MAAM,OAAO,CAAC,KAAK,CAAC,SAAS,IAAI,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;EAClG,MAAM,eAAe,GAAG,MACtB,KAAK,CAAC,YAAY,CAAC,KAAK,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,GAAG,SAAS,GAAI,KAAK,CAAC,WAAW,IAAI,cAAc,CAAC,CAAC,CAAC,YAAa,CAAC;EAC7H,MAAM,OAAO,GAAG,mBAAmB,CAAC,MAAM,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;EAClE,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;EACzD,MAAM,KAAK,GAAI,KAAa,IAAK;IAC/B,eAAe,CAAC,KAAK,CAAC;IACtB,UAAU,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC;MAAE,KAAK,EAAE;IAAU,CAAC,CAAC;EACzD,CAAC;EACD,MAAM,IAAI,GAAI,SAAiB,IAAK,KAAK,CAAC,sBAAsB,CAAC,WAAW,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;EAC3G,MAAM,WAAW,GAAI,KAAoB,IAAK;IAC5C,IAAI,KAAK,KAAK,WAAW,CAAC,CAAC,EAAE;IAC7B,gBAAgB,CAAC,KAAK,CAAC;IACvB,eAAe,CAAC,sBAAsB,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7D,IAAI,OAAO,CAAC,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC;EAC3C,CAAC;EACD,MAAM,IAAI,GAAG,MAAM;IACjB,IAAI,KAAK,CAAC,QAAQ,EAAE;IACpB,QAAQ,CAAC,EAAE,CAAC;IACZ,IAAI,OAAO,CAAC,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC;IACpC,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,CAAC,SAAS,CAAE,MAAM,IAAK,MAAM,CAAC,KAAK,MAAM,KAAK,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC;IACpG,KAAK,CAAC,aAAa,IAAI,CAAC,GAAG,aAAa,GAAG,sBAAsB,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACxF,OAAO,CAAC,IAAI,CAAC,CAAC;IACd,IAAI,YAAY,CAAC,CAAC,EAAE,cAAc,CAAC,MAAM,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;EAC9D,CAAC;EACD,MAAM,KAAK,GAAG,CAAC,YAAY,GAAG,KAAK,KAAK;IACtC;IACA;IACA;IACA,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC;IAC1B,MAAM,CAAC,MAAM,CAAC,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC;IACZ,eAAe,CAAC,CAAC,CAAC,CAAC;EACrB,CAAC;EACD,MAAM,MAAM,GAAI,MAAwB,IAAK;IAC3C,IAAI,MAAM,CAAC,QAAQ,EAAE;IACrB,KAAK,CAAC,IAAI,CAAC;IACX,IAAI,MAAM,CAAC,KAAK,KAAK,WAAW,EAAE;MAChC,gBAAgB,CAAC,KAAK,EAAE,IAAI,CAAC;MAC7B;IACF;IACA,QAAQ,CAAC;MAAE,GAAG,KAAK,CAAC,CAAC;MAAE,CAAC,MAAM,CAAC,KAAK,GAAG;IAAO,CAAC,CAAC;IAChD,gBAAgB,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC;EACvC,CAAC;EACD,MAAM,SAAS,GAAI,KAAoB,IAAK;IAC1C,MAAM,SAAS,GAAG,OAAO,CAAE,KAAK,CAAC,MAAM,EAAyB,OAAO,GAAG,qBAAqB,CAAC,CAAC;IACjG,IAAI,SAAS,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;IAChE,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE;MACxD,KAAK,CAAC,cAAc,CAAC,CAAC;MACtB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,KACvB,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAC/C,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE;MAC1E,KAAK,CAAC,cAAc,CAAC,CAAC;MACtB,IAAI,CAAC,CAAC;IACR,CAAC,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,aAAa,CAAC,CAAC,EAAE;MACnD,KAAK,CAAC,cAAc,CAAC,CAAC;MACtB,MAAM,CAAC,aAAa,CAAC,CAAE,CAAC;IAC1B,CAAC,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE;MACnD;MACA;MACA,KAAK,CAAC,cAAc,CAAC,CAAC;MACtB,KAAK,CAAC,IAAI,CAAC;IACb,CAAC,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;EAC3D,CAAC;EACD,MAAM,KAAK,GAAI,KAAiB,IAAK;IACnC,KAAK,CAAC,eAAe,CAAC,CAAC;IACvB,gBAAgB,CAAC,KAAK,EAAE,IAAI,CAAC;IAC7B,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;EAC5B,CAAC;EAED,yBACG,KAAK;IAAA;MAAA,OACG,KAAK,CAAC,KAAK;IAAA;IAAA,IAClB,KAAK;MAAA,OAAE,KAAK,CAAC,KAAK;IAAA;IAAA,IAClB,WAAW;MAAA,OAAE,KAAK,CAAC,WAAW;IAAA;IAAA,IAC9B,KAAK;MAAA,OAAE,KAAK,CAAC,CAAC;IAAA;IACd,IAAI,EAAE,IAAI;IAAA,IACV,QAAQ;MAAA,OAAE,KAAK,CAAC,QAAQ;IAAA;IAAA,IACxB,QAAQ;MAAA,OAAE,KAAK,CAAC,QAAQ;IAAA;IAAA;MAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;MAAA,YAIf,OAAO,CAAC,UAAU;MAAA,oDAAlB,OAAO,CAAC,UAAU;MAAA,uCAOR,SAAS;MAAA;QAAA,IANxB,EAAE;UAAA,OAAE,IAAI,CAAC,SAAS;QAAA;QAAA;UAAA,OAKH,OAAO,CAAC,IAAI,CAAC,CAAC;QAAA;QAAA;UAAA,OAEN,4BAAa,CAAC,CAAC,MAAG,GAAG,SAAS,IAAI,YAAY,CAAC,CAAC,EAAE,GAAG,SAAS;QAAA;QAAA;UAAA,OACrE,cAAc,CAAC,CAAC,GAAG,MAAM,GAAG,SAAS;QAAA;MAAA,SACjD,gBAAgB,CAAC,IAAI,EAAE;QACzB,GAAG,KAAK;QACR,YAAY,EAAE,eAAe,CAAC;MAChC,CAAC,CAAC;QAAA,IACF,QAAQ;UAAA,OAAE,KAAK,CAAC,QAAQ;QAAA;QAAA,WACf,MAAO,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,CAAE;QAAA,aACvC;MAAS;MAAA,kCAEnB,IAAI;QAAA,IACH,IAAI;UAAA,OAAE,QAAQ,CAAC,CAAC;QAAA;QAAA,IAChB,QAAQ;UAAA,yBACL,IAAI;YAAA,IACH,IAAI;cAAA,OAAE,KAAK,CAAC,eAAe;YAAA;YAAA,IAC3B,QAAQ;cAAA,yBAAG,IAAI;gBAAA,IAAC,IAAI;kBAAA,OAAE,QAAQ,CAAC,CAAC;gBAAA;gBAAA;kBAAA;gBAAA;cAAA;YAAA;YAAA,UAE9B,IAAI;cAAA;cAAA,mCAAe,GAAG,IAAI,CAAC,CAAC,uCAAuC;cAAA;YAAA;UAAuB;QAAA;QAAA;UAAA,yBAI/F,IAAI;YAAA,IACH,IAAI;cAAA,OAAE,QAAQ,CAAC,CAAC,EAAE,KAAK;YAAA;YAAA,IACvB,QAAQ;cAAA,yBAAG,IAAI;gBAAA,IAAC,IAAI;kBAAA,OAAE,QAAQ,CAAC,CAAC,EAAE,IAAI;gBAAA;gBAAA,UAAI,IAAI;kBAAA;kBAAA,mCAAe,IAAI,CAAC,CAAC;kBAAA;gBAAA;cAAuB;YAAA;YAAA,UAExF,KAAK;cAAA;cAAA,+DAA+D,KAAK,CAAC,CAAC;cAAA;YAAA;UAAyB;QAAA;MAAA;MAAA,sBAIvG,QAAQ,CAAC,CAAC,EAAE,KAAK,IAAI,KAAK,CAAC,WAAW,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM;MAAA,iCAO/D,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,IAAI;QAAA;QAAA,UAAI,IAAI;UAAA;UAAA,8CAAgC,IAAI,CAAC,CAAC;UAAA,8CAAS,KAAK,CAAC,CAAC,IAAI,EAAE;UAAA;QAAA;MAAI;MAAA,iCAC7F,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,cAAc,CAAC,CAAC;QAAA;QAAA;UAAA;UAAA,gBAKf,KAAK;UAAA,mDADF,QAAQ,CAAC,CAAC,CAAC,cAAc;UAAA;UAAA;QAAA;MAAA;MAAA,kBAW5B,SAAS;MAAA,aAJf,OAAO,CAAC,UAAU;MAAA,sDAAlB,OAAO,CAAC,UAAU;MAAA,kCAOtB,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,YAAY,CAAC,CAAC;QAAA;QAAA;UAAA;YAAA;YAAA;UAAA,gBAWV,KAAK,IAAK;YAClB,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;YACnC,IAAI,OAAO,CAAC,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;YACrD,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,sBAAsB,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;UAClE,CAAC;UAAA,aAXI,SAAS;UAAA,sDAAT,SAAS;UAAA,uCAKC,SAAS;UAAA;YAAA,UAFX,KAAK,CAAC,iBAAiB,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM;cAAA,OAC7C,KAAK,CAAC,iBAAiB,IAAI,cAAc,CAAC,CAAC,CAAC,aAAa;cAAA,OAE9C,aAAa,CAAC,CAAC,GAAG,GAAG,SAAS,IAAI,YAAY,CAAC,CAAC,EAAE,GAAG,SAAS;YAAA;YAAA;YAAA;YAAA;UAAA;YAAA;YAAA;YAAA;UAAA;UAAA,6CAJ9E,KAAK,CAAC,CAAC;UAAA;UAAA;QAAA;MAAA;MAAA,kCAanB,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,UAAU;QAAA;QAAA;UAAA;YAAA;YAAA;YAAA;YAAA;UAAA,mCAE1D,IAAI;YAAA,IAAC,IAAI;cAAA,OAAE,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC;YAAA;YAAA;cAAA,yBACxC,YAAY;gBAAA,IACX,OAAO;kBAAA,OAAE,YAAY,CAAC,CAAC;gBAAA;gBAAA,IACvB,KAAK;kBAAA,OAAE,WAAW,CAAC,CAAC;gBAAA;gBACpB,aAAa,EAAE,WAAW;gBAAA,IAC1B,SAAS;kBAAA,OAAE,KAAK,CAAC,eAAe,IAAI,cAAc,CAAC,CAAC,CAAC,aAAa;gBAAA;gBAClE,QAAQ,EAAE;cAAS;YAAA;UAAA;UAAA,mCAGtB,IAAI;YAAA,IAAC,IAAI;cAAA,OAAE,KAAK,CAAC,UAAU;YAAA;YAAA;cAAA;gBAAA;cAAA,iBAMf,MAAM,eAAe,CAAC,UAAU,CAAC,CAAC,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;cAAA,wCAD1D,SAAS;cAAA;gBAAA,WADZ,UAAU,CAAC,CAAC,KAAK,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC,YAAY,GAAG,cAAc,CAAC,CAAC,CAAC,YAAY;kBAAA,OAIzF,UAAU,CAAC,CAAC,KAAK,MAAM,GAAG,kBAAkB,GAAG,oBAAoB;gBAAA;gBAAA;gBAAA;cAAA;gBAAA;gBAAA;cAAA;cAAA;cAAA;YAAA;UAAA;UAAA;QAAA;MAAA;MAAA,6BAM/E,SAAS;MAAA,mCAMZ,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,MAAM,CAAC,KAAK,CAAC,CAAC;QAAA;QAAA,UACtB,OAAO;UAAA;YAAA;YAAA;UAAA,iBAEE,OAAO;UAAA,oCACiB,MAAM,CAAC,KAAK;UAAA,uBACxC,QAAQ,CAAC,CAAC,CAAC,KAAK;UAAA;UAAA;QAAA;MAGtB;MAAA,mCAEF,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,qBAAM,CAAC,OAAO,CAAC,CAAC,OAAI,OAAO,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC;QAAA;QAAA;UAAA;YAAA;YAAA;UAAA,uBAG3C,QAAQ,CAAC,CAAC,CAAC,OAAO;UAAA;QAAA;MAAA;MAAA,mCAG5B,GAAG;QAAA,IACF,IAAI;UAAA,OAAE,qBAAM,CAAC,KAAK,CAAC,CAAC,MAAG,EAAE,GAAG,WAAW,CAAC,CAAC;QAAA;QAAA,IACzC,QAAQ;UAAA,yBACL,IAAI;YAAA,IAAC,IAAI;cAAA,OAAE,gBAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAAA;YAAA;cAAA;cAAA;gBAAA,yBACd,YAAY,CAAC,CAAC;gBAAA,aAAd,QAAiB,QAAQ,CAAC,CAAC,CAAC,SAAS,GAAG,cAAc,CAAC,CAAC,CAAC,SAAS;cAAA;cAAA;YAAA;UAAA;QAAA;QAAA,UAIrG,CAAC,MAAM,EAAE,KAAK;UAAA;YAAA;YAAA;YAAA;YAAA;YAAA;YAAA;UAAA,iBAaF,MAAM,MAAM,CAAC,MAAM,CAAC;UAAA,uBADd,MAAM,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;UAAA,MAV7B,OAAO,IAAM,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,OAAQ;UAAA,mCAahD,IAAI;YAAA,IACH,IAAI;cAAA,OAAE,MAAM,CAAC,KAAK,KAAK,WAAW;YAAA;YAAA,IAClC,QAAQ;cAAA,yBACL,IAAI;gBAAA,IACH,IAAI;kBAAA,OAAE,MAAM,CAAC,KAAK;gBAAA;gBAAA,IAClB,QAAQ;kBAAA,yBAAG,IAAI;oBAAA,IAAC,IAAI;sBAAA,OAAE,MAAM,CAAC,IAAI;oBAAA;oBAAA,UAAI,IAAI;sBAAA;sBAAA,mCAAe,IAAI,CAAC,CAAC;sBAAA;oBAAA;kBAAuB;gBAAA;gBAAA,UAEnF,KAAK;kBAAA;kBAAA,+DAA+D,KAAK,CAAC,CAAC;kBAAA;gBAAA;cAAyB;YAAA;YAAA;cAAA,yBAIzG,IAAI;gBAAA,IACH,IAAI;kBAAA,OAAE,KAAK,CAAC,eAAe;gBAAA;gBAAA,IAC3B,QAAQ;kBAAA,yBAAG,IAAI;oBAAA,IAAC,IAAI;sBAAA,OAAE,QAAQ,CAAC,CAAC;oBAAA;oBAAA;sBAAA;oBAAA;kBAAA;gBAAA;gBAAA,UAE9B,IAAI;kBAAA;kBAAA,mCAAe,IAAI,CAAC,CAAC;kBAAA;gBAAA;cAAuB;YAAA;UAAA;UAAA,uBAI3C,MAAM,CAAC,KAAK;UAAA,mCACpB,IAAI;YAAA,IAAC,IAAI;cAAA,OAAE,MAAM,CAAC,WAAW;YAAA;YAAA,UAAI,WAAW;cAAA;cAAA,iBAAa,WAAW;cAAA;YAAA;UAAW;UAAA;YAAA,YA/B9E,GAAG,SAAS,IAAI,KAAK,CAAC,CAAC,EAAE;cAAA,QAGjB,MAAM,CAAC,KAAK;cAAA,QACT,MAAM,CAAC,KAAK,MAAM,KAAK,CAAC,CAAC,IAAI,WAAW,CAAC;cAAA,QAC1C,KAAK,CAAC,CAAC,KAAK,YAAY,CAAC,CAAC,GAAG,MAAM,GAAG,SAAS;cAAA,QACjD,MAAM,CAAC,KAAK,KAAK,WAAW,GAAG,MAAM,GAAG,SAAS;cAAA,QACnD,MAAM,CAAC,QAAQ;YAAA;YAAA;YAAA;YAAA;YAAA;YAAA;YAAA;UAAA;YAAA;YAAA;YAAA;YAAA;YAAA;YAAA;UAAA;UAAA;UAAA;QAAA;MA2B5B;MAAA;QAAA,WAjLwC,KAAK,CAAC,UAAU,IAAI,OAAO;UAAA,OAAgB,KAAK,CAAC,CAAC,GAAG,MAAM,GAAG,SAAS;UAAA,OAsC1D,QAAQ,CAAC,CAAC,GAAG,SAAS,GAAG,MAAM;UAAA,OAIhF,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,GAAI,KAAK,CAAC,UAAU,IAAI,kBAAkB,GAAK,KAAK,CAAC,IAAI,IAAI,oBAAqB,8BAA8B;UAAA,OAqB9H,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,GAAG,KAAK,CAAC,KAAK,GAAI,KAAK,CAAC,YAAY,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,OAAQ;UAAA,OAiD1F,UAAU,CAAC,CAAC;UAAA,QACP,UAAU,CAAC,CAAC,KAAK,MAAM,GAAI,KAAK,CAAC,QAAQ,IAAI,IAAI,GAAI,SAAS;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;MAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;MAAA;MAAA;MAAA;IAAA;EAAA;AAuE1F;AAEA,eAAe,MAAM;AAAC","ignoreList":[]}

package/dist/browser/inputs/SelectChip.js

@@ -16,14 +16,14 @@ var _tmpl$ = /*#__PURE__*/_$template(`<span>`),
 import { createMemo, Show } from "solid-js";
 import { Dropdown } from "../actions/Dropdown";
 import { createFieldMeta, Field, fieldControlAria } from "../internal/field";
-import { useUiMessages } from "../intl/messages";
 import { commitFieldValue, resolveMaybeAccessor } from "./field-contract";
+import { useSelectMessages } from "./select-messages";
 export function SelectChip(props) {
-  const messages = useUiMessages();
+  const selectMessages = useSelectMessages();
   const meta = createFieldMeta(props.id);
   const value = () => resolveMaybeAccessor(props.value);
   const selected = () => props.options.find(option => option.value === value());
-  const triggerLabel = () => props["aria-label"] ?? (typeof props.label === "string" ? props.label : messages().chooseOption);
+  const triggerLabel = () => props["aria-label"] ?? (typeof props.label === "string" ? props.label : selectMessages().chooseOption);
   const items = createMemo(() => props.options.map(option => ({
     action: () => commitFieldValue(props, option.value),
     checked: () => option.value === value(),

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/SelectChip.tsx"],"sourcesContent":["import { createMemo, type JSX, Show } from \"solid-js\";\nimport type { ButtonSize } from \"../actions/Button\";\nimport { Dropdown, type DropdownItem, type DropdownPosition } from \"../actions/Dropdown\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { MaybeAccessor, ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\n\nexport type SelectChipOption<T extends string | number = string> = {\n  value: T;\n  label: string;\n  description?: string;\n  icon?: string;\n  image?: string;\n  disabled?: boolean;\n};\n\nexport type SelectChipProps<T extends string | number = string> = ValueFieldProps<T> & {\n  value: MaybeAccessor<T>;\n  options: SelectChipOption<T>[];\n  icon?: string;\n  iconOnly?: boolean;\n  size?: ButtonSize;\n  placeholder?: string;\n  position?: DropdownPosition;\n  /** Exact menu width as a CSS length. Without it the menu sizes to its options, at least `10rem`. */\n  menuWidth?: string;\n  name?: string;\n};\n\nexport function SelectChip<T extends string | number = string>(props: SelectChipProps<T>): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const value = () => resolveMaybeAccessor(props.value)!;\n  const selected = () => props.options.find((option) => option.value === value());\n  const triggerLabel = () => props[\"aria-label\"] ?? (typeof props.label === \"string\" ? props.label : messages().chooseOption);\n  const items = createMemo<DropdownItem[]>(() =>\n    props.options.map((option) => ({\n      action: () => commitFieldValue(props, option.value),\n      checked: () => option.value === value(),\n      choice: \"radio\" as const,\n      class: \"k2b-select-chip__option\",\n      description: option.description,\n      disabled: option.disabled,\n      icon: option.icon,\n      image: option.image,\n      label: option.label,\n    })),\n  );\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={props.error}\n      meta={meta}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <Dropdown.Root\n        position={props.position ?? \"bottom-right\"}\n        /* Cloud opens this menu at `w-40`; the stylesheet keeps that as its floor. */\n        width={props.menuWidth}\n        menuClass=\"k2b-select-chip__menu\"\n        label={triggerLabel()}\n        items={items()}\n      >\n        <Dropdown.Trigger\n          appearance={props.iconOnly ? \"button\" : \"plain\"}\n          id={meta.controlId}\n          class={props.iconOnly ? undefined : \"k2b-select-chip\"}\n          disabled={props.disabled}\n          iconOnly={props.iconOnly}\n          label={triggerLabel()}\n          size={props.iconOnly ? props.size : undefined}\n          title={props.iconOnly ? triggerLabel() : undefined}\n          {...fieldControlAria(meta, props)}\n        >\n          <Show\n            when={selected()?.image}\n            fallback={<Show when={selected()?.icon ?? props.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>}\n          >\n            {(image) => <img src={image()} alt=\"\" />}\n          </Show>\n          <Show when={!props.iconOnly}>\n            <span data-placeholder={selected() ? undefined : \"true\"}>{selected()?.label ?? props.placeholder ?? \"\"}</span>\n            <i class=\"ti ti-chevron-down\" aria-hidden=\"true\" />\n          </Show>\n        </Dropdown.Trigger>\n      </Dropdown.Root>\n      <Show when={props.name}>{(name) => <input type=\"hidden\" name={name()} value={value()} />}</Show>\n    </Field>\n  );\n}\n\nexport default SelectChip;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/SelectChip.tsx"],"sourcesContent":["import { createMemo, type JSX, Show } from \"solid-js\";\nimport type { ButtonSize } from \"../actions/Button\";\nimport { Dropdown, type DropdownItem, type DropdownPosition } from \"../actions/Dropdown\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport type { MaybeAccessor, ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\nimport { useSelectMessages } from \"./select-messages\";\n\nexport type SelectChipOption<T extends string | number = string> = {\n  value: T;\n  label: string;\n  description?: string;\n  icon?: string;\n  image?: string;\n  disabled?: boolean;\n};\n\nexport type SelectChipProps<T extends string | number = string> = ValueFieldProps<T> & {\n  value: MaybeAccessor<T>;\n  options: SelectChipOption<T>[];\n  icon?: string;\n  iconOnly?: boolean;\n  size?: ButtonSize;\n  placeholder?: string;\n  position?: DropdownPosition;\n  /** Exact menu width as a CSS length. Without it the menu sizes to its options, at least `10rem`. */\n  menuWidth?: string;\n  name?: string;\n};\n\nexport function SelectChip<T extends string | number = string>(props: SelectChipProps<T>): JSX.Element {\n  const selectMessages = useSelectMessages();\n  const meta = createFieldMeta(props.id);\n  const value = () => resolveMaybeAccessor(props.value)!;\n  const selected = () => props.options.find((option) => option.value === value());\n  const triggerLabel = () => props[\"aria-label\"] ?? (typeof props.label === \"string\" ? props.label : selectMessages().chooseOption);\n  const items = createMemo<DropdownItem[]>(() =>\n    props.options.map((option) => ({\n      action: () => commitFieldValue(props, option.value),\n      checked: () => option.value === value(),\n      choice: \"radio\" as const,\n      class: \"k2b-select-chip__option\",\n      description: option.description,\n      disabled: option.disabled,\n      icon: option.icon,\n      image: option.image,\n      label: option.label,\n    })),\n  );\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={props.error}\n      meta={meta}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <Dropdown.Root\n        position={props.position ?? \"bottom-right\"}\n        /* Cloud opens this menu at `w-40`; the stylesheet keeps that as its floor. */\n        width={props.menuWidth}\n        menuClass=\"k2b-select-chip__menu\"\n        label={triggerLabel()}\n        items={items()}\n      >\n        <Dropdown.Trigger\n          appearance={props.iconOnly ? \"button\" : \"plain\"}\n          id={meta.controlId}\n          class={props.iconOnly ? undefined : \"k2b-select-chip\"}\n          disabled={props.disabled}\n          iconOnly={props.iconOnly}\n          label={triggerLabel()}\n          size={props.iconOnly ? props.size : undefined}\n          title={props.iconOnly ? triggerLabel() : undefined}\n          {...fieldControlAria(meta, props)}\n        >\n          <Show\n            when={selected()?.image}\n            fallback={<Show when={selected()?.icon ?? props.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>}\n          >\n            {(image) => <img src={image()} alt=\"\" />}\n          </Show>\n          <Show when={!props.iconOnly}>\n            <span data-placeholder={selected() ? undefined : \"true\"}>{selected()?.label ?? props.placeholder ?? \"\"}</span>\n            <i class=\"ti ti-chevron-down\" aria-hidden=\"true\" />\n          </Show>\n        </Dropdown.Trigger>\n      </Dropdown.Root>\n      <Show when={props.name}>{(name) => <input type=\"hidden\" name={name()} value={value()} />}</Show>\n    </Field>\n  );\n}\n\nexport default SelectChip;\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/inputs/SignatureInput.js

@@ -23,6 +23,7 @@ import { createEffect, createSignal, For, on, Show, untrack } from "solid-js";
 import { IconButton } from "../actions/Button";
 import { SegmentedControl } from "../actions/SegmentedControl";
 import { createFieldMeta, Field, fieldDescribedBy } from "../internal/field";
+import { suppressTextSelection } from "../internal/text-selection";
 import { useUiMessages } from "../intl/messages";
 import { commitFieldValue, resolveMaybeAccessor } from "./field-contract";
 import { drawingToSvg, signatureName, strokeOutline, svgToDrawing, typedToSvg } from "./signature";
@@ -99,9 +100,11 @@ export function SignatureInput(props) {
   const abortStroke = () => {
     if (!stroke) return;
     const {
-      pointerId
+      pointerId,
+      releaseTextSelection
     } = stroke;
     stroke = null;
+    releaseTextSelection();
     setLive("");
     if (svg?.hasPointerCapture(pointerId)) svg.releasePointerCapture(pointerId);
   };
@@ -253,7 +256,8 @@ export function SignatureInput(props) {
       pointerId: event.pointerId,
       pointerType: event.pointerType,
       points: [],
-      time: event.timeStamp
+      time: event.timeStamp,
+      releaseTextSelection: suppressTextSelection(event.pointerId)
     };
     addPoint(event, true);
   };
@@ -267,10 +271,12 @@ export function SignatureInput(props) {
     if (!stroke || stroke.pointerId !== event.pointerId) return;
     addPoint(event, false);
     const {
-      points
+      points,
+      releaseTextSelection
     } = stroke;
     const outline = strokeOutline(points, STROKE_SIZE);
     stroke = null;
+    releaseTextSelection();
     setLive("");
     if (!outline) return;
     const space = spaceAfter(points);