@k2b/ui 0.21.0 → 0.22.0

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/FileInputs.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, For, type JSX, mergeProps, onCleanup, onMount, Show } from \"solid-js\";\nimport { Button, IconButton } from \"../actions/Button\";\nimport { Tooltip } from \"../feedback/Tooltip\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { fileDropTarget } from \"./FileDropTarget\";\nimport type { FieldProps, ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\nimport { fileDropEngine, liveDocument } from \"./file-drop\";\nimport {\n  clampImageCropRect,\n  getInitialImageCropRect,\n  type ImageCropAspect,\n  type ImageCropRect,\n  type ImageCropResizeHandle,\n  type ImageCropRotation,\n  type ImageCropSource,\n  type ImageCropState,\n  resizeImageCropFromCorner,\n  rotateImageCropRight,\n} from \"./image-crop\";\n\nexport type FileDropzoneProps = FieldProps & {\n  accept?: string;\n  multiple?: boolean;\n  busy?: boolean;\n  /** Full icon class list, for example `\"ti ti-photo-plus\"`. Defaults to `\"ti ti-cloud-upload\"`. */\n  icon?: string;\n  title?: JSX.Element;\n  subtitle?: JSX.Element;\n  hint?: JSX.Element;\n  /** One sentence that says what dropping does, shown while files are over the zone. Defaults to \"Drop to upload\". */\n  dropLabel?: string;\n  /**\n   * Chooses files when the zone is clicked, instead of the device's file dialog, for example to offer other sources as\n   * well. Called within the click, so it may still open the device's dialog; resolve `[]` when the user cancels. A\n   * rejection shows its message as the field's error.\n   */\n  choose?: () => Promise<readonly File[]>;\n  onDrop: (files: File[]) => void | Promise<void>;\n};\n\nexport function FileDropzone(props: FileDropzoneProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const disabled = () => Boolean(props.disabled || props.busy);\n  const [chooseError, setChooseError] = createSignal<string>();\n  const error = () => resolveMaybeAccessor(props.error) ?? chooseError();\n  let input: HTMLInputElement | undefined;\n  const [button, setButton] = createSignal<HTMLButtonElement>();\n  const emit = (files: File[]) => {\n    if (disabled() || files.length === 0) return;\n    setChooseError();\n    void props.onDrop(props.multiple === false ? files.slice(0, 1) : files);\n  };\n  const choose = (chooseFiles: () => Promise<readonly File[]>) => {\n    setChooseError();\n    chooseFiles().then(\n      (files) => emit([...files]),\n      (cause: unknown) => setChooseError(cause instanceof Error && cause.message ? cause.message : messages().failedLoadFiles),\n    );\n  };\n  // Drops take the same path as every other file drop target: files only, the most specific target wins, and files\n  // that do not fit `accept` are left out with a message.\n  const dropLabel = () => props.dropLabel ?? messages().dropToUpload;\n  const dropRef = fileDropTarget({\n    get label() {\n      return dropLabel();\n    },\n    get accept() {\n      return props.accept;\n    },\n    get multiple() {\n      return props.multiple;\n    },\n    get disabled() {\n      return disabled();\n    },\n    onDrop: emit,\n  });\n  const [engine, setEngine] = createSignal<ReturnType<typeof fileDropEngine>>();\n  onMount(() => {\n    const element = button();\n    if (element) setEngine(fileDropEngine(liveDocument(element)));\n  });\n  const dragState = createMemo(() => {\n    const element = button();\n    const hover = engine()?.session()?.hover;\n    if (!hover || hover.element !== element) return undefined;\n    return hover.invalid ? \"invalid\" : \"over\";\n  });\n  const title = () =>\n    props.busy\n      ? messages().uploading\n      : dragState() === \"invalid\"\n        ? messages().fileTypeNotAccepted\n        : dragState() === \"over\"\n          ? dropLabel()\n          : (props.title ?? messages().dropFiles);\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={disabled()}\n    >\n      <button\n        id={meta.controlId}\n        type=\"button\"\n        ref={(element) => {\n          setButton(element);\n          dropRef(element);\n        }}\n        class=\"k2b-dropzone\"\n        data-invalid={error() ? \"true\" : undefined}\n        disabled={disabled()}\n        {...fieldControlAria(meta, mergeProps(props, { error }))}\n        onClick={() => {\n          if (props.choose) choose(props.choose);\n          else input?.click();\n        }}\n      >\n        <span class=\"k2b-dropzone__icon\" aria-hidden=\"true\">\n          <i class={props.busy ? \"ti ti-loader-2 k2b-spin\" : (props.icon ?? \"ti ti-cloud-upload\")} />\n        </span>\n        <span class=\"k2b-dropzone__copy\">\n          <strong>{title()}</strong>\n          <Show\n            when={dragState() === \"invalid\"}\n            fallback={\n              <Show when={props.subtitle}>\n                <span class=\"k2b-dropzone__subtitle\">{props.subtitle}</span>\n              </Show>\n            }\n          >\n            <span class=\"k2b-dropzone__subtitle\">{messages().chooseMatchingFile}</span>\n          </Show>\n          <Show when={props.hint}>\n            <span class=\"k2b-dropzone__hint\">{props.hint}</span>\n          </Show>\n        </span>\n      </button>\n      {/* With `choose`, the zone is the only control: a native input would take a dialog's first focus and open the\n          device's dialog past the chooser. */}\n      <Show when={!props.choose}>\n        <input\n          ref={input}\n          class=\"k2b-sr-only\"\n          type=\"file\"\n          aria-label={\n            props[\"aria-label\"] ??\n            (typeof props.label === \"string\" ? props.label : props.multiple === false ? messages().chooseFile : messages().chooseFiles)\n          }\n          accept={props.accept}\n          multiple={props.multiple ?? true}\n          disabled={disabled()}\n          tabIndex={-1}\n          onChange={(event) => {\n            const files = Array.from(event.currentTarget.files ?? []);\n            // Reset before emitting so re-picking the same file still fires change,\n            // even when onDrop throws.\n            event.currentTarget.value = \"\";\n            emit(files);\n          }}\n        />\n      </Show>\n    </Field>\n  );\n}\n\nexport type ImageInputProps = ValueFieldProps<string | null> & {\n  round?: boolean;\n  variant?: \"default\" | \"small\";\n  transform?: (file: File) => Promise<string>;\n  accept?: string;\n  fallbackMarker?: string;\n};\n\nconst DEFAULT_IMAGE_ACCEPT = \"image/jpeg,image/png,image/gif,image/webp,image/svg+xml,.jpg,.jpeg,.png,.gif,.webp,.svg\";\n\nconst defaultImageTransform = async (file: File): Promise<string> => {\n  const { img } = await import(\"@k2b/stdlib/browser\");\n  return img.presets.avatar(file);\n};\n\nexport function ImageInput(props: ImageInputProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const [busy, setBusy] = createSignal(false);\n  const [localError, setLocalError] = createSignal<string>();\n  let input: HTMLInputElement | undefined;\n  const disabled = () => Boolean(props.disabled || busy() || !props.onValueChange);\n  const error = () => resolveMaybeAccessor(props.error) ?? localError();\n  const value = () => {\n    const current = resolveMaybeAccessor(props.value);\n    return current && !current.includes(props.fallbackMarker ?? \"?fallback\") ? current : null;\n  };\n  const compact = () => props.variant === \"small\";\n  const changeLabel = () => (value() ? messages().changeImage : messages().addImage);\n  const changeIcon = () => (value() ? \"ti ti-pencil\" : \"ti ti-photo-plus\");\n  const select = async (file: File | undefined) => {\n    if (!file || disabled()) return;\n    setBusy(true);\n    setLocalError();\n    try {\n      const transformed = await (props.transform ?? defaultImageTransform)(file);\n      commitFieldValue(props, transformed);\n    } catch (error) {\n      setLocalError(error instanceof Error ? error.message : messages().imageProcessingFailed);\n    } finally {\n      setBusy(false);\n      if (input) input.value = \"\";\n    }\n  };\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      required={props.required}\n      disabled={disabled()}\n    >\n      <div\n        class=\"k2b-image-input\"\n        data-round={props.round ? \"true\" : undefined}\n        data-variant={props.variant ?? \"default\"}\n        role=\"group\"\n        aria-labelledby={props.label ? meta.labelId : undefined}\n        aria-label={!props.label ? props[\"aria-label\"] : undefined}\n        aria-describedby={fieldControlAria(meta, { ...props, error })[\"aria-describedby\"]}\n      >\n        <div class=\"k2b-image-input__preview\">\n          <Show when={value()} fallback={<i class=\"ti ti-photo-off\" aria-hidden=\"true\" />}>\n            {(source) => <img src={source()} alt={typeof props.label === \"string\" ? props.label : messages().selectedImage} />}\n          </Show>\n        </div>\n        <div class=\"k2b-image-input__actions\">\n          <Show\n            when={compact()}\n            fallback={\n              <Button\n                variant=\"secondary\"\n                loading={busy()}\n                loadingLabel={messages().processingImage}\n                disabled={disabled()}\n                onClick={() => input?.click()}\n              >\n                <i class={changeIcon()} aria-hidden=\"true\" />\n                {value() ? messages().change : messages().add}\n              </Button>\n            }\n          >\n            <IconButton\n              label={changeLabel()}\n              loading={busy()}\n              loadingLabel={messages().processingImage}\n              disabled={disabled()}\n              onClick={() => input?.click()}\n            >\n              <i class={changeIcon()} aria-hidden=\"true\" />\n            </IconButton>\n          </Show>\n          <Show when={value()}>\n            <Show\n              when={compact()}\n              fallback={\n                <Button variant=\"ghost\" disabled={disabled()} onClick={() => commitFieldValue(props, null)}>\n                  <i class=\"ti ti-trash\" aria-hidden=\"true\" /> Remove\n                </Button>\n              }\n            >\n              <IconButton label={messages().removeImage} disabled={disabled()} onClick={() => commitFieldValue(props, null)}>\n                <i class=\"ti ti-trash\" aria-hidden=\"true\" />\n              </IconButton>\n            </Show>\n          </Show>\n        </div>\n        <input\n          ref={input}\n          id={meta.controlId}\n          class=\"k2b-sr-only\"\n          type=\"file\"\n          accept={props.accept ?? DEFAULT_IMAGE_ACCEPT}\n          disabled={disabled()}\n          required={props.required && !value()}\n          {...fieldControlAria(meta, { ...props, error })}\n          onChange={(event) => void select(event.currentTarget.files?.[0])}\n        />\n      </div>\n    </Field>\n  );\n}\n\ntype PreviewState = {\n  url: string;\n  objectUrl: boolean;\n  sourceWidth: number;\n  sourceHeight: number;\n};\n\ntype DragHandle = \"move\" | ImageCropResizeHandle;\ntype DragState = {\n  handle: DragHandle;\n  pointerId: number;\n  startX: number;\n  startY: number;\n  startCrop: ImageCropRect;\n};\n\nexport type ImageCropperProps = {\n  source: ImageCropSource;\n  aspect?: ImageCropAspect;\n  previewShape?: \"rect\" | \"circle\";\n  disabled?: boolean;\n  onValueChange?: (state: ImageCropState | null) => void;\n  class?: string;\n};\n\nconst clamp = (value: number, min: number, max: number) => Math.max(min, Math.min(max, value));\n\nconst imageElementReady = async (image: HTMLImageElement): Promise<void> => {\n  if (image.complete && image.naturalWidth > 0) return;\n  await new Promise<void>((resolve, reject) => {\n    image.addEventListener(\"load\", () => resolve(), { once: true });\n    image.addEventListener(\"error\", () => reject(new Error(\"Failed to load image.\")), { once: true });\n  });\n};\n\nconst loadPreviewState = async (source: ImageCropSource): Promise<PreviewState> => {\n  const sourceImage =\n    source instanceof HTMLImageElement\n      ? source\n      : Object.assign(new Image(), {\n          crossOrigin: source instanceof Blob ? undefined : \"anonymous\",\n          src:\n            source instanceof HTMLCanvasElement\n              ? source.toDataURL(\"image/png\")\n              : source instanceof Blob\n                ? URL.createObjectURL(source)\n                : source,\n        });\n\n  try {\n    await imageElementReady(sourceImage);\n    return {\n      url: source instanceof HTMLImageElement ? source.currentSrc || source.src : sourceImage.src,\n      objectUrl: source instanceof Blob,\n      sourceWidth: sourceImage.naturalWidth || sourceImage.width,\n      sourceHeight: sourceImage.naturalHeight || sourceImage.height,\n    };\n  } catch (error) {\n    if (source instanceof Blob) URL.revokeObjectURL(sourceImage.src);\n    throw error;\n  }\n};\n\nexport function ImageCropper(props: ImageCropperProps): JSX.Element {\n  const messages = useUiMessages();\n  let frame: HTMLDivElement | undefined;\n  let activePreview: PreviewState | null = null;\n  const aspect = () => props.aspect ?? \"free\";\n  const previewShape = () => props.previewShape ?? \"rect\";\n  const disabled = () => props.disabled ?? false;\n  const [preview, setPreview] = createSignal<PreviewState | null>(null);\n  const [crop, setCrop] = createSignal<ImageCropRect | null>(null);\n  const [rotation, setRotation] = createSignal<ImageCropRotation>(0);\n  const [loading, setLoading] = createSignal(true);\n  const [error, setError] = createSignal<string | null>(null);\n  const [drag, setDrag] = createSignal<DragState | null>(null);\n\n  const previewSize = (): { width: number; height: number } | null => {\n    const currentPreview = preview();\n    if (!currentPreview) return null;\n    const swapsDimensions = rotation() === 90 || rotation() === 270;\n    return {\n      width: swapsDimensions ? currentPreview.sourceHeight : currentPreview.sourceWidth,\n      height: swapsDimensions ? currentPreview.sourceWidth : currentPreview.sourceHeight,\n    };\n  };\n\n  const replacePreview = (next: PreviewState | null) => {\n    if (activePreview?.objectUrl) URL.revokeObjectURL(activePreview.url);\n    activePreview = next;\n    setPreview(next);\n  };\n\n  onCleanup(() => {\n    if (activePreview?.objectUrl) URL.revokeObjectURL(activePreview.url);\n  });\n\n  createEffect(() => {\n    props.source;\n    setRotation(0);\n    setCrop(null);\n  });\n\n  createEffect(() => {\n    const source = props.source;\n    let disposed = false;\n    replacePreview(null);\n    setLoading(true);\n    setError(null);\n\n    void (async () => {\n      try {\n        const nextPreview = await loadPreviewState(source);\n        if (disposed) {\n          if (nextPreview.objectUrl) URL.revokeObjectURL(nextPreview.url);\n          return;\n        }\n        replacePreview(nextPreview);\n      } catch {\n        if (disposed) return;\n        replacePreview(null);\n        setCrop(null);\n        setError(messages().failedLoadImage);\n      } finally {\n        if (!disposed) setLoading(false);\n      }\n    })();\n\n    onCleanup(() => {\n      disposed = true;\n    });\n  });\n\n  createEffect(() => {\n    const currentSize = previewSize();\n    const currentAspect = aspect();\n    if (!currentSize) return;\n    setCrop((current) => clampImageCropRect(current ?? getInitialImageCropRect(currentSize, currentAspect), currentSize, currentAspect));\n  });\n\n  createEffect(() => {\n    const currentCrop = crop();\n    const currentPreview = preview();\n    props.onValueChange?.(currentCrop && currentPreview ? { crop: currentCrop, rotation: rotation() } : null);\n  });\n\n  const readPointerPosition = (event: PointerEvent) => {\n    if (!frame) return { x: 0, y: 0 };\n    const rect = frame.getBoundingClientRect();\n    return {\n      x: (event.clientX - rect.left) / Math.max(1, rect.width),\n      y: (event.clientY - rect.top) / Math.max(1, rect.height),\n    };\n  };\n\n  const moveCrop = (event: PointerEvent) => {\n    const state = drag();\n    const currentSize = previewSize();\n    if (!state || !currentSize || state.pointerId !== event.pointerId) return;\n    event.preventDefault();\n    const point = readPointerPosition(event);\n    const dx = point.x - state.startX;\n    const dy = point.y - state.startY;\n    const start = state.startCrop;\n\n    if (state.handle === \"move\") {\n      setCrop(\n        clampImageCropRect(\n          {\n            ...start,\n            x: start.x + dx,\n            y: start.y + dy,\n          },\n          currentSize,\n          aspect(),\n        ),\n      );\n      return;\n    }\n\n    setCrop(resizeImageCropFromCorner(start, currentSize, aspect(), state.handle, dx, dy));\n  };\n\n  const endDrag = (event: PointerEvent) => {\n    const state = drag();\n    if (!state || state.pointerId !== event.pointerId) return;\n    window.removeEventListener(\"pointermove\", moveCrop);\n    window.removeEventListener(\"pointerup\", endDrag);\n    window.removeEventListener(\"pointercancel\", endDrag);\n    setDrag(null);\n  };\n\n  const startDrag = (handle: DragHandle, event: PointerEvent) => {\n    const currentCrop = crop();\n    if (!currentCrop || disabled()) return;\n    event.preventDefault();\n    event.stopPropagation();\n    (event.currentTarget as Element).setPointerCapture?.(event.pointerId);\n    const point = readPointerPosition(event);\n    setDrag({\n      handle,\n      pointerId: event.pointerId,\n      startX: point.x,\n      startY: point.y,\n      startCrop: currentCrop,\n    });\n    window.addEventListener(\"pointermove\", moveCrop);\n    window.addEventListener(\"pointerup\", endDrag);\n    window.addEventListener(\"pointercancel\", endDrag);\n  };\n\n  onCleanup(() => {\n    if (typeof window === \"undefined\") return;\n    window.removeEventListener(\"pointermove\", moveCrop);\n    window.removeEventListener(\"pointerup\", endDrag);\n    window.removeEventListener(\"pointercancel\", endDrag);\n  });\n\n  const rotateRight = () => {\n    if (disabled()) return;\n    setRotation((current) => rotateImageCropRight(current));\n  };\n\n  const nudgeCrop = (handle: DragHandle, event: KeyboardEvent) => {\n    if (disabled() || ![\"ArrowLeft\", \"ArrowRight\", \"ArrowUp\", \"ArrowDown\"].includes(event.key)) return;\n    const current = crop();\n    const currentSize = previewSize();\n    if (!current || !currentSize) return;\n    event.preventDefault();\n    const step = event.shiftKey ? 0.05 : 0.01;\n    const dx = event.key === \"ArrowLeft\" ? -step : event.key === \"ArrowRight\" ? step : 0;\n    const dy = event.key === \"ArrowUp\" ? -step : event.key === \"ArrowDown\" ? step : 0;\n    setCrop(\n      handle === \"move\"\n        ? clampImageCropRect({ ...current, x: current.x + dx, y: current.y + dy }, currentSize, aspect())\n        : resizeImageCropFromCorner(current, currentSize, aspect(), handle, dx, dy),\n    );\n  };\n\n  const previewFrameStyle = (): JSX.CSSProperties => {\n    const currentSize = previewSize();\n    if (!currentSize) return {};\n    return {\n      \"aspect-ratio\": `${currentSize.width} / ${currentSize.height}`,\n      \"max-width\": `min(100%, calc(min(58vh, 24rem) * ${currentSize.width} / ${currentSize.height}))`,\n    };\n  };\n\n  const previewImageStyle = (): JSX.CSSProperties => {\n    const currentPreview = preview();\n    const currentSize = previewSize();\n    if (!currentPreview || !currentSize) return {};\n    const swapsDimensions = rotation() === 90 || rotation() === 270;\n    return {\n      left: \"50%\",\n      top: \"50%\",\n      width: swapsDimensions ? `${(currentPreview.sourceWidth / currentSize.width) * 100}%` : \"100%\",\n      height: swapsDimensions ? `${(currentPreview.sourceHeight / currentSize.height) * 100}%` : \"100%\",\n      \"max-width\": \"none\",\n      \"object-fit\": \"fill\",\n      transform: `translate(-50%, -50%) rotate(${rotation()}deg)`,\n    };\n  };\n\n  const cropStyle = (): JSX.CSSProperties => {\n    const currentCrop = crop();\n    if (!currentCrop) return {};\n    return {\n      left: `${currentCrop.x * 100}%`,\n      top: `${currentCrop.y * 100}%`,\n      width: `${currentCrop.width * 100}%`,\n      height: `${currentCrop.height * 100}%`,\n      \"box-shadow\": \"0 0 0 9999px rgba(0,0,0,.42)\",\n    };\n  };\n\n  const showResizeHandles = () => previewShape() !== \"circle\";\n\n  return (\n    <div class={`k2b-image-cropper ${props.class ?? \"\"}`}>\n      <div class=\"k2b-image-cropper__stage\">\n        <Show when={!loading()} fallback={<small>{messages().preparingImage}</small>}>\n          <Show when={!error()} fallback={<small class=\"k2b-image-cropper__error\">{error()}</small>}>\n            <Show when={preview() && crop()}>\n              <div ref={frame} class=\"k2b-image-cropper__frame\" style={previewFrameStyle()}>\n                <img src={preview()!.url} alt={messages().cropPreview} draggable={false} style={previewImageStyle()} />\n                <div\n                  class=\"k2b-image-cropper__selection\"\n                  data-shape={previewShape()}\n                  style={cropStyle()}\n                  role=\"group\"\n                  tabIndex={disabled() ? undefined : 0}\n                  aria-label={messages().cropArea}\n                  onPointerDown={(event) => startDrag(\"move\", event)}\n                  onKeyDown={(event) => nudgeCrop(\"move\", event)}\n                >\n                  <Show when={showResizeHandles()}>\n                    <For each={[\"nw\", \"ne\", \"sw\", \"se\"] as const}>\n                      {(handle) => (\n                        <button\n                          type=\"button\"\n                          class=\"k2b-image-cropper__handle\"\n                          data-handle={handle}\n                          aria-label={messages().resizeCrop({ handle })}\n                          disabled={disabled()}\n                          onPointerDown={(event) => startDrag(handle, event)}\n                          onKeyDown={(event) => nudgeCrop(handle, event)}\n                        />\n                      )}\n                    </For>\n                  </Show>\n                </div>\n                <Tooltip.Trigger\n                  type=\"button\"\n                  class=\"k2b-image-cropper__rotate\"\n                  content={messages().rotateRight}\n                  aria-label={messages().rotateRight}\n                  disabled={disabled() || !crop() || Boolean(error())}\n                  onClick={rotateRight}\n                >\n                  <i class=\"ti ti-rotate-clockwise\" aria-hidden=\"true\" />\n                </Tooltip.Trigger>\n              </div>\n            </Show>\n          </Show>\n        </Show>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/FileInputs.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, For, type JSX, mergeProps, onCleanup, onMount, Show } from \"solid-js\";\nimport { Button, IconButton } from \"../actions/Button\";\nimport { Tooltip } from \"../feedback/Tooltip\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { suppressTextSelection } from \"../internal/text-selection\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { fileDropTarget } from \"./FileDropTarget\";\nimport type { FieldProps, ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\nimport { fileDropEngine, liveDocument } from \"./file-drop\";\nimport { useFileDropMessages } from \"./file-drop-messages\";\nimport { useFileInputMessages } from \"./file-input-messages\";\nimport {\n  clampImageCropRect,\n  getInitialImageCropRect,\n  type ImageCropAspect,\n  type ImageCropRect,\n  type ImageCropResizeHandle,\n  type ImageCropRotation,\n  type ImageCropSource,\n  type ImageCropState,\n  resizeImageCropFromCorner,\n  rotateImageCropRight,\n} from \"./image-crop\";\n\nexport type FileDropzoneProps = FieldProps & {\n  accept?: string;\n  multiple?: boolean;\n  busy?: boolean;\n  /** Full icon class list, for example `\"ti ti-photo-plus\"`. Defaults to `\"ti ti-cloud-upload\"`. */\n  icon?: string;\n  title?: JSX.Element;\n  subtitle?: JSX.Element;\n  hint?: JSX.Element;\n  /** One sentence that says what dropping does, shown while files are over the zone. Defaults to \"Drop to upload\". */\n  dropLabel?: string;\n  /**\n   * Chooses files when the zone is clicked, instead of the device's file dialog, for example to offer other sources as\n   * well. Called within the click, so it may still open the device's dialog; resolve `[]` when the user cancels. A\n   * rejection shows its message as the field's error.\n   */\n  choose?: () => Promise<readonly File[]>;\n  onDrop: (files: File[]) => void | Promise<void>;\n};\n\nexport function FileDropzone(props: FileDropzoneProps): JSX.Element {\n  const fileInputMessages = useFileInputMessages();\n  const fileDropMessages = useFileDropMessages();\n  const meta = createFieldMeta(props.id);\n  const disabled = () => Boolean(props.disabled || props.busy);\n  const [chooseError, setChooseError] = createSignal<string>();\n  const error = () => resolveMaybeAccessor(props.error) ?? chooseError();\n  let input: HTMLInputElement | undefined;\n  const [button, setButton] = createSignal<HTMLButtonElement>();\n  const emit = (files: File[]) => {\n    if (disabled() || files.length === 0) return;\n    setChooseError();\n    void props.onDrop(props.multiple === false ? files.slice(0, 1) : files);\n  };\n  const choose = (chooseFiles: () => Promise<readonly File[]>) => {\n    setChooseError();\n    chooseFiles().then(\n      (files) => emit([...files]),\n      (cause: unknown) => setChooseError(cause instanceof Error && cause.message ? cause.message : fileInputMessages().failedLoadFiles),\n    );\n  };\n  // Drops take the same path as every other file drop target: files only, the most specific target wins, and files\n  // that do not fit `accept` are left out with a message.\n  const dropLabel = () => props.dropLabel ?? fileInputMessages().dropToUpload;\n  const dropRef = fileDropTarget({\n    get label() {\n      return dropLabel();\n    },\n    get accept() {\n      return props.accept;\n    },\n    get multiple() {\n      return props.multiple;\n    },\n    get disabled() {\n      return disabled();\n    },\n    onDrop: emit,\n  });\n  const [engine, setEngine] = createSignal<ReturnType<typeof fileDropEngine>>();\n  onMount(() => {\n    const element = button();\n    if (element) setEngine(fileDropEngine(liveDocument(element)));\n  });\n  const dragState = createMemo(() => {\n    const element = button();\n    const hover = engine()?.session()?.hover;\n    if (!hover || hover.element !== element) return undefined;\n    return hover.invalid ? \"invalid\" : \"over\";\n  });\n  const title = () =>\n    props.busy\n      ? fileInputMessages().uploading\n      : dragState() === \"invalid\"\n        ? fileDropMessages().fileTypeNotAccepted\n        : dragState() === \"over\"\n          ? dropLabel()\n          : (props.title ?? fileInputMessages().dropFiles);\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={disabled()}\n    >\n      <button\n        id={meta.controlId}\n        type=\"button\"\n        ref={(element) => {\n          setButton(element);\n          dropRef(element);\n        }}\n        class=\"k2b-dropzone\"\n        data-invalid={error() ? \"true\" : undefined}\n        disabled={disabled()}\n        {...fieldControlAria(meta, mergeProps(props, { error }))}\n        onClick={() => {\n          if (props.choose) choose(props.choose);\n          else input?.click();\n        }}\n      >\n        <span class=\"k2b-dropzone__icon\" aria-hidden=\"true\">\n          <i class={props.busy ? \"ti ti-loader-2 k2b-spin\" : (props.icon ?? \"ti ti-cloud-upload\")} />\n        </span>\n        <span class=\"k2b-dropzone__copy\">\n          <strong>{title()}</strong>\n          <Show\n            when={dragState() === \"invalid\"}\n            fallback={\n              <Show when={props.subtitle}>\n                <span class=\"k2b-dropzone__subtitle\">{props.subtitle}</span>\n              </Show>\n            }\n          >\n            <span class=\"k2b-dropzone__subtitle\">{fileInputMessages().chooseMatchingFile}</span>\n          </Show>\n          <Show when={props.hint}>\n            <span class=\"k2b-dropzone__hint\">{props.hint}</span>\n          </Show>\n        </span>\n      </button>\n      {/* With `choose`, the zone is the only control: a native input would take a dialog's first focus and open the\n          device's dialog past the chooser. */}\n      <Show when={!props.choose}>\n        <input\n          ref={input}\n          class=\"k2b-sr-only\"\n          type=\"file\"\n          aria-label={\n            props[\"aria-label\"] ??\n            (typeof props.label === \"string\"\n              ? props.label\n              : props.multiple === false\n                ? fileInputMessages().chooseFile\n                : fileInputMessages().chooseFiles)\n          }\n          accept={props.accept}\n          multiple={props.multiple ?? true}\n          disabled={disabled()}\n          tabIndex={-1}\n          onChange={(event) => {\n            const files = Array.from(event.currentTarget.files ?? []);\n            // Reset before emitting so re-picking the same file still fires change,\n            // even when onDrop throws.\n            event.currentTarget.value = \"\";\n            emit(files);\n          }}\n        />\n      </Show>\n    </Field>\n  );\n}\n\nexport type ImageInputProps = ValueFieldProps<string | null> & {\n  round?: boolean;\n  variant?: \"default\" | \"small\";\n  transform?: (file: File) => Promise<string>;\n  accept?: string;\n  fallbackMarker?: string;\n};\n\nconst DEFAULT_IMAGE_ACCEPT = \"image/jpeg,image/png,image/gif,image/webp,image/svg+xml,.jpg,.jpeg,.png,.gif,.webp,.svg\";\n\nconst defaultImageTransform = async (file: File): Promise<string> => {\n  const { img } = await import(\"@k2b/stdlib/browser\");\n  return img.presets.avatar(file);\n};\n\nexport function ImageInput(props: ImageInputProps): JSX.Element {\n  const messages = useUiMessages();\n  const fileInputMessages = useFileInputMessages();\n  const meta = createFieldMeta(props.id);\n  const [busy, setBusy] = createSignal(false);\n  const [localError, setLocalError] = createSignal<string>();\n  let input: HTMLInputElement | undefined;\n  const disabled = () => Boolean(props.disabled || busy() || !props.onValueChange);\n  const error = () => resolveMaybeAccessor(props.error) ?? localError();\n  const value = () => {\n    const current = resolveMaybeAccessor(props.value);\n    return current && !current.includes(props.fallbackMarker ?? \"?fallback\") ? current : null;\n  };\n  const compact = () => props.variant === \"small\";\n  const changeLabel = () => (value() ? fileInputMessages().changeImage : fileInputMessages().addImage);\n  const changeIcon = () => (value() ? \"ti ti-pencil\" : \"ti ti-photo-plus\");\n  const select = async (file: File | undefined) => {\n    if (!file || disabled()) return;\n    setBusy(true);\n    setLocalError();\n    try {\n      const transformed = await (props.transform ?? defaultImageTransform)(file);\n      commitFieldValue(props, transformed);\n    } catch (error) {\n      setLocalError(error instanceof Error ? error.message : fileInputMessages().imageProcessingFailed);\n    } finally {\n      setBusy(false);\n      if (input) input.value = \"\";\n    }\n  };\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      required={props.required}\n      disabled={disabled()}\n    >\n      <div\n        class=\"k2b-image-input\"\n        data-round={props.round ? \"true\" : undefined}\n        data-variant={props.variant ?? \"default\"}\n        role=\"group\"\n        aria-labelledby={props.label ? meta.labelId : undefined}\n        aria-label={!props.label ? props[\"aria-label\"] : undefined}\n        aria-describedby={fieldControlAria(meta, { ...props, error })[\"aria-describedby\"]}\n      >\n        <div class=\"k2b-image-input__preview\">\n          <Show when={value()} fallback={<i class=\"ti ti-photo-off\" aria-hidden=\"true\" />}>\n            {(source) => <img src={source()} alt={typeof props.label === \"string\" ? props.label : fileInputMessages().selectedImage} />}\n          </Show>\n        </div>\n        <div class=\"k2b-image-input__actions\">\n          <Show\n            when={compact()}\n            fallback={\n              <Button\n                variant=\"secondary\"\n                loading={busy()}\n                loadingLabel={fileInputMessages().processingImage}\n                disabled={disabled()}\n                onClick={() => input?.click()}\n              >\n                <i class={changeIcon()} aria-hidden=\"true\" />\n                {value() ? messages().change : messages().add}\n              </Button>\n            }\n          >\n            <IconButton\n              label={changeLabel()}\n              loading={busy()}\n              loadingLabel={fileInputMessages().processingImage}\n              disabled={disabled()}\n              onClick={() => input?.click()}\n            >\n              <i class={changeIcon()} aria-hidden=\"true\" />\n            </IconButton>\n          </Show>\n          <Show when={value()}>\n            <Show\n              when={compact()}\n              fallback={\n                <Button variant=\"ghost\" disabled={disabled()} onClick={() => commitFieldValue(props, null)}>\n                  <i class=\"ti ti-trash\" aria-hidden=\"true\" /> Remove\n                </Button>\n              }\n            >\n              <IconButton label={fileInputMessages().removeImage} disabled={disabled()} onClick={() => commitFieldValue(props, null)}>\n                <i class=\"ti ti-trash\" aria-hidden=\"true\" />\n              </IconButton>\n            </Show>\n          </Show>\n        </div>\n        <input\n          ref={input}\n          id={meta.controlId}\n          class=\"k2b-sr-only\"\n          type=\"file\"\n          accept={props.accept ?? DEFAULT_IMAGE_ACCEPT}\n          disabled={disabled()}\n          required={props.required && !value()}\n          {...fieldControlAria(meta, { ...props, error })}\n          onChange={(event) => void select(event.currentTarget.files?.[0])}\n        />\n      </div>\n    </Field>\n  );\n}\n\ntype PreviewState = {\n  url: string;\n  objectUrl: boolean;\n  sourceWidth: number;\n  sourceHeight: number;\n};\n\ntype DragHandle = \"move\" | ImageCropResizeHandle;\ntype DragState = {\n  handle: DragHandle;\n  pointerId: number;\n  startX: number;\n  startY: number;\n  startCrop: ImageCropRect;\n};\n\nexport type ImageCropperProps = {\n  source: ImageCropSource;\n  aspect?: ImageCropAspect;\n  previewShape?: \"rect\" | \"circle\";\n  disabled?: boolean;\n  onValueChange?: (state: ImageCropState | null) => void;\n  class?: string;\n};\n\nconst clamp = (value: number, min: number, max: number) => Math.max(min, Math.min(max, value));\n\nconst imageElementReady = async (image: HTMLImageElement): Promise<void> => {\n  if (image.complete && image.naturalWidth > 0) return;\n  await new Promise<void>((resolve, reject) => {\n    image.addEventListener(\"load\", () => resolve(), { once: true });\n    image.addEventListener(\"error\", () => reject(new Error(\"Failed to load image.\")), { once: true });\n  });\n};\n\nconst loadPreviewState = async (source: ImageCropSource): Promise<PreviewState> => {\n  const sourceImage =\n    source instanceof HTMLImageElement\n      ? source\n      : Object.assign(new Image(), {\n          crossOrigin: source instanceof Blob ? undefined : \"anonymous\",\n          src:\n            source instanceof HTMLCanvasElement\n              ? source.toDataURL(\"image/png\")\n              : source instanceof Blob\n                ? URL.createObjectURL(source)\n                : source,\n        });\n\n  try {\n    await imageElementReady(sourceImage);\n    return {\n      url: source instanceof HTMLImageElement ? source.currentSrc || source.src : sourceImage.src,\n      objectUrl: source instanceof Blob,\n      sourceWidth: sourceImage.naturalWidth || sourceImage.width,\n      sourceHeight: sourceImage.naturalHeight || sourceImage.height,\n    };\n  } catch (error) {\n    if (source instanceof Blob) URL.revokeObjectURL(sourceImage.src);\n    throw error;\n  }\n};\n\nexport function ImageCropper(props: ImageCropperProps): JSX.Element {\n  const fileInputMessages = useFileInputMessages();\n  let frame: HTMLDivElement | undefined;\n  let activePreview: PreviewState | null = null;\n  const aspect = () => props.aspect ?? \"free\";\n  const previewShape = () => props.previewShape ?? \"rect\";\n  const disabled = () => props.disabled ?? false;\n  const [preview, setPreview] = createSignal<PreviewState | null>(null);\n  const [crop, setCrop] = createSignal<ImageCropRect | null>(null);\n  const [rotation, setRotation] = createSignal<ImageCropRotation>(0);\n  const [loading, setLoading] = createSignal(true);\n  const [error, setError] = createSignal<string | null>(null);\n  const [drag, setDrag] = createSignal<DragState | null>(null);\n\n  const previewSize = (): { width: number; height: number } | null => {\n    const currentPreview = preview();\n    if (!currentPreview) return null;\n    const swapsDimensions = rotation() === 90 || rotation() === 270;\n    return {\n      width: swapsDimensions ? currentPreview.sourceHeight : currentPreview.sourceWidth,\n      height: swapsDimensions ? currentPreview.sourceWidth : currentPreview.sourceHeight,\n    };\n  };\n\n  const replacePreview = (next: PreviewState | null) => {\n    if (activePreview?.objectUrl) URL.revokeObjectURL(activePreview.url);\n    activePreview = next;\n    setPreview(next);\n  };\n\n  onCleanup(() => {\n    if (activePreview?.objectUrl) URL.revokeObjectURL(activePreview.url);\n  });\n\n  createEffect(() => {\n    props.source;\n    setRotation(0);\n    setCrop(null);\n  });\n\n  createEffect(() => {\n    const source = props.source;\n    let disposed = false;\n    replacePreview(null);\n    setLoading(true);\n    setError(null);\n\n    void (async () => {\n      try {\n        const nextPreview = await loadPreviewState(source);\n        if (disposed) {\n          if (nextPreview.objectUrl) URL.revokeObjectURL(nextPreview.url);\n          return;\n        }\n        replacePreview(nextPreview);\n      } catch {\n        if (disposed) return;\n        replacePreview(null);\n        setCrop(null);\n        setError(fileInputMessages().failedLoadImage);\n      } finally {\n        if (!disposed) setLoading(false);\n      }\n    })();\n\n    onCleanup(() => {\n      disposed = true;\n    });\n  });\n\n  createEffect(() => {\n    const currentSize = previewSize();\n    const currentAspect = aspect();\n    if (!currentSize) return;\n    setCrop((current) => clampImageCropRect(current ?? getInitialImageCropRect(currentSize, currentAspect), currentSize, currentAspect));\n  });\n\n  createEffect(() => {\n    const currentCrop = crop();\n    const currentPreview = preview();\n    props.onValueChange?.(currentCrop && currentPreview ? { crop: currentCrop, rotation: rotation() } : null);\n  });\n\n  const readPointerPosition = (event: PointerEvent) => {\n    if (!frame) return { x: 0, y: 0 };\n    const rect = frame.getBoundingClientRect();\n    return {\n      x: (event.clientX - rect.left) / Math.max(1, rect.width),\n      y: (event.clientY - rect.top) / Math.max(1, rect.height),\n    };\n  };\n\n  const moveCrop = (event: PointerEvent) => {\n    const state = drag();\n    const currentSize = previewSize();\n    if (!state || !currentSize || state.pointerId !== event.pointerId) return;\n    event.preventDefault();\n    const point = readPointerPosition(event);\n    const dx = point.x - state.startX;\n    const dy = point.y - state.startY;\n    const start = state.startCrop;\n\n    if (state.handle === \"move\") {\n      setCrop(\n        clampImageCropRect(\n          {\n            ...start,\n            x: start.x + dx,\n            y: start.y + dy,\n          },\n          currentSize,\n          aspect(),\n        ),\n      );\n      return;\n    }\n\n    setCrop(resizeImageCropFromCorner(start, currentSize, aspect(), state.handle, dx, dy));\n  };\n\n  let releaseTextSelection: (() => void) | undefined;\n  const endDrag = (event: PointerEvent) => {\n    const state = drag();\n    if (!state || state.pointerId !== event.pointerId) return;\n    window.removeEventListener(\"pointermove\", moveCrop);\n    window.removeEventListener(\"pointerup\", endDrag);\n    window.removeEventListener(\"pointercancel\", endDrag);\n    releaseTextSelection?.();\n    setDrag(null);\n  };\n\n  const startDrag = (handle: DragHandle, event: PointerEvent) => {\n    const currentCrop = crop();\n    if (!currentCrop || disabled() || event.button !== 0) return;\n    event.preventDefault();\n    event.stopPropagation();\n    (event.currentTarget as Element).setPointerCapture?.(event.pointerId);\n    releaseTextSelection = suppressTextSelection(event.pointerId);\n    const point = readPointerPosition(event);\n    setDrag({\n      handle,\n      pointerId: event.pointerId,\n      startX: point.x,\n      startY: point.y,\n      startCrop: currentCrop,\n    });\n    window.addEventListener(\"pointermove\", moveCrop);\n    window.addEventListener(\"pointerup\", endDrag);\n    window.addEventListener(\"pointercancel\", endDrag);\n  };\n\n  onCleanup(() => {\n    if (typeof window === \"undefined\") return;\n    window.removeEventListener(\"pointermove\", moveCrop);\n    window.removeEventListener(\"pointerup\", endDrag);\n    window.removeEventListener(\"pointercancel\", endDrag);\n    releaseTextSelection?.();\n  });\n\n  const rotateRight = () => {\n    if (disabled()) return;\n    setRotation((current) => rotateImageCropRight(current));\n  };\n\n  const nudgeCrop = (handle: DragHandle, event: KeyboardEvent) => {\n    if (disabled() || ![\"ArrowLeft\", \"ArrowRight\", \"ArrowUp\", \"ArrowDown\"].includes(event.key)) return;\n    const current = crop();\n    const currentSize = previewSize();\n    if (!current || !currentSize) return;\n    event.preventDefault();\n    const step = event.shiftKey ? 0.05 : 0.01;\n    const dx = event.key === \"ArrowLeft\" ? -step : event.key === \"ArrowRight\" ? step : 0;\n    const dy = event.key === \"ArrowUp\" ? -step : event.key === \"ArrowDown\" ? step : 0;\n    setCrop(\n      handle === \"move\"\n        ? clampImageCropRect({ ...current, x: current.x + dx, y: current.y + dy }, currentSize, aspect())\n        : resizeImageCropFromCorner(current, currentSize, aspect(), handle, dx, dy),\n    );\n  };\n\n  const previewFrameStyle = (): JSX.CSSProperties => {\n    const currentSize = previewSize();\n    if (!currentSize) return {};\n    return {\n      \"aspect-ratio\": `${currentSize.width} / ${currentSize.height}`,\n      \"max-width\": `min(100%, calc(min(58vh, 24rem) * ${currentSize.width} / ${currentSize.height}))`,\n    };\n  };\n\n  const previewImageStyle = (): JSX.CSSProperties => {\n    const currentPreview = preview();\n    const currentSize = previewSize();\n    if (!currentPreview || !currentSize) return {};\n    const swapsDimensions = rotation() === 90 || rotation() === 270;\n    return {\n      left: \"50%\",\n      top: \"50%\",\n      width: swapsDimensions ? `${(currentPreview.sourceWidth / currentSize.width) * 100}%` : \"100%\",\n      height: swapsDimensions ? `${(currentPreview.sourceHeight / currentSize.height) * 100}%` : \"100%\",\n      \"max-width\": \"none\",\n      \"object-fit\": \"fill\",\n      transform: `translate(-50%, -50%) rotate(${rotation()}deg)`,\n    };\n  };\n\n  const cropStyle = (): JSX.CSSProperties => {\n    const currentCrop = crop();\n    if (!currentCrop) return {};\n    return {\n      left: `${currentCrop.x * 100}%`,\n      top: `${currentCrop.y * 100}%`,\n      width: `${currentCrop.width * 100}%`,\n      height: `${currentCrop.height * 100}%`,\n      \"box-shadow\": \"0 0 0 9999px rgba(0,0,0,.42)\",\n    };\n  };\n\n  const showResizeHandles = () => previewShape() !== \"circle\";\n\n  return (\n    <div class={`k2b-image-cropper ${props.class ?? \"\"}`}>\n      <div class=\"k2b-image-cropper__stage\">\n        <Show when={!loading()} fallback={<small>{fileInputMessages().preparingImage}</small>}>\n          <Show when={!error()} fallback={<small class=\"k2b-image-cropper__error\">{error()}</small>}>\n            <Show when={preview() && crop()}>\n              <div ref={frame} class=\"k2b-image-cropper__frame\" style={previewFrameStyle()}>\n                <img src={preview()!.url} alt={fileInputMessages().cropPreview} draggable={false} style={previewImageStyle()} />\n                <div\n                  class=\"k2b-image-cropper__selection\"\n                  data-shape={previewShape()}\n                  style={cropStyle()}\n                  role=\"group\"\n                  tabIndex={disabled() ? undefined : 0}\n                  aria-label={fileInputMessages().cropArea}\n                  onPointerDown={(event) => startDrag(\"move\", event)}\n                  onKeyDown={(event) => nudgeCrop(\"move\", event)}\n                >\n                  <Show when={showResizeHandles()}>\n                    <For each={[\"nw\", \"ne\", \"sw\", \"se\"] as const}>\n                      {(handle) => (\n                        <button\n                          type=\"button\"\n                          class=\"k2b-image-cropper__handle\"\n                          data-handle={handle}\n                          aria-label={fileInputMessages().resizeCrop({ handle })}\n                          disabled={disabled()}\n                          onPointerDown={(event) => startDrag(handle, event)}\n                          onKeyDown={(event) => nudgeCrop(handle, event)}\n                        />\n                      )}\n                    </For>\n                  </Show>\n                </div>\n                <Tooltip.Trigger\n                  type=\"button\"\n                  class=\"k2b-image-cropper__rotate\"\n                  content={fileInputMessages().rotateRight}\n                  aria-label={fileInputMessages().rotateRight}\n                  disabled={disabled() || !crop() || Boolean(error())}\n                  onClick={rotateRight}\n                >\n                  <i class=\"ti ti-rotate-clockwise\" aria-hidden=\"true\" />\n                </Tooltip.Trigger>\n              </div>\n            </Show>\n          </Show>\n        </Show>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/inputs/MultiSelectInput.js

@@ -36,6 +36,7 @@ import { useUiMessages } from "../intl/messages";
 import { ChoiceGroups } from "./ChoiceGroups";
 import { createChoiceLoader, createChoicePopover, filterChoiceOptions, fitChoicePills, nextEnabledChoiceIndex } from "./choice";
 import { commitFieldValue, resolveMaybeAccessor } from "./field-contract";
+import { useSelectMessages } from "./select-messages";
 /** Cloud tints the option icon with the option color instead of adding a dot. */
 const iconColor = color => {
   const normalized = normalizeHexColor(color);
@@ -53,6 +54,7 @@ const normalize = option => typeof option === "string" ? {
 };
 export function MultiSelectInput(props) {
   const messages = useUiMessages();
+  const selectMessages = useSelectMessages();
   const meta = createFieldMeta(props.id);
   const listboxId = `${meta.controlId}-listbox`;
   const [query, setQuery] = createSignal("");
@@ -291,7 +293,7 @@ export function MultiSelectInput(props) {
                 return !plain();
               },
               get children() {
-                return _$ssr(_tmpl$0, _$ssrAttribute("aria-label", _$escape(messages().removeNamed({
+                return _$ssr(_tmpl$0, _$ssrAttribute("aria-label", _$escape(selectMessages().removeNamed({
                   name: option.label
                 }), true), false), _$ssrAttribute("disabled", props.disabled, true));
               }
@@ -301,7 +303,7 @@ export function MultiSelectInput(props) {
               return _$memo(() => selected().length > 1)() && !plain();
             },
             get children() {
-              return _$ssr(_tmpl$, _$ssrAttribute("title", _$escape(hiddenOptions().map(option => option.label).join(", ") || undefined, true), false) + _$ssrAttribute("data-hidden", hiddenOptions().length === 0 ? "true" : _$escape(undefined, true), false), _$escape(moreCount()), _$escape(messages().moreSelected({
+              return _$ssr(_tmpl$, _$ssrAttribute("title", _$escape(hiddenOptions().map(option => option.label).join(", ") || undefined, true), false) + _$ssrAttribute("data-hidden", hiddenOptions().length === 0 ? "true" : _$escape(undefined, true), false), _$escape(moreCount()), _$escape(selectMessages().moreSelected({
                 count: moreCount()
               })));
             }
@@ -326,7 +328,7 @@ export function MultiSelectInput(props) {
           return searchable();
         },
         get children() {
-          return _$ssr(_tmpl$5, _$ssrAttribute("value", _$escape(query(), true), false) + _$ssrAttribute("placeholder", _$escape(props.searchPlaceholder ?? messages().search, true), false) + _$ssrAttribute("aria-label", _$escape(props.searchPlaceholder ?? messages().searchOptions, true), false) + _$ssrAttribute("aria-controls", _$escape(listboxId, true), false) + _$ssrAttribute("aria-activedescendant", focusedOption() ? `${_$escape(listboxId, true)}-${_$escape(focusedIndex(), true)}` : _$escape(undefined, true), false));
+          return _$ssr(_tmpl$5, _$ssrAttribute("value", _$escape(query(), true), false) + _$ssrAttribute("placeholder", _$escape(props.searchPlaceholder ?? messages().search, true), false) + _$ssrAttribute("aria-label", _$escape(props.searchPlaceholder ?? selectMessages().searchOptions, true), false) + _$ssrAttribute("aria-controls", _$escape(listboxId, true), false) + _$ssrAttribute("aria-activedescendant", focusedOption() ? `${_$escape(listboxId, true)}-${_$escape(focusedIndex(), true)}` : _$escape(undefined, true), false));
         }
       })), _$escape(_$createComponent(Show, {
         get when() {
@@ -342,7 +344,7 @@ export function MultiSelectInput(props) {
             },
             onValueChange: chooseGroup,
             get ariaLabel() {
-              return props.groupsAriaLabel ?? messages().filterOptions;
+              return props.groupsAriaLabel ?? selectMessages().filterOptions;
             },
             controls: listboxId
           })));
@@ -369,7 +371,7 @@ export function MultiSelectInput(props) {
               return _$memo(() => !!!asyncOptions.loading())() && !asyncOptions.error();
             },
             get children() {
-              return _$ssr(_tmpl$14, isAsync() || query() ? _$escape(props.noResultsLabel ?? messages().noResults) : _$escape(props.emptyLabel ?? messages().noOptions));
+              return _$ssr(_tmpl$14, isAsync() || query() ? _$escape(props.noResultsLabel ?? messages().noResults) : _$escape(props.emptyLabel ?? selectMessages().noOptions));
             }
           });
         },

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/MultiSelectInput.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, For, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { colorTintStyle, normalizeHexColor } from \"../internal/color\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { ChoiceGroups } from \"./ChoiceGroups\";\nimport {\n  type ChoiceOption,\n  createChoiceLoader,\n  createChoicePopover,\n  filterChoiceOptions,\n  fitChoicePills,\n  nextEnabledChoiceIndex,\n} from \"./choice\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\nimport type { ChoiceAppearance, SelectGroup } from \"./Select\";\n\nexport type MultiSelectOption =\n  | string\n  | { id: string; label?: string; description?: string; icon?: string; color?: string; groups?: readonly string[] }\n  | ChoiceOption<string>;\ntype NormalizedOption = ChoiceOption<string>;\nexport type MultiSelectFetchDataFn = (query: string, signal: AbortSignal, group: string | null) => Promise<MultiSelectOption[]>;\n\nexport type MultiSelectInputProps = ValueFieldProps<string[]> & {\n  options?: MultiSelectOption[];\n  fetchData?: MultiSelectFetchDataFn;\n  selectedOptions?: () => MultiSelectOption[];\n  placeholder?: string;\n  icon?: string;\n  activeIcon?: string;\n  fetchDebounceMs?: number;\n  debounceMs?: number;\n  loadOptions?: (query: string, signal: AbortSignal, group: string | null) => Promise<readonly ChoiceOption<string>[]>;\n  groups?: readonly SelectGroup[];\n  defaultGroup?: string;\n  groupsAriaLabel?: string;\n  allGroupLabel?: string;\n  searchable?: boolean;\n  clearable?: boolean;\n  name?: string;\n  renderOption?: (option: ChoiceOption<string>) => JSX.Element;\n  renderValue?: (option: ChoiceOption<string>) => JSX.Element;\n  searchPlaceholder?: string;\n  loadingLabel?: string;\n  noResultsLabel?: string;\n  emptyLabel?: string;\n  retryLabel?: string;\n  clearLabel?: string;\n  /** `plain` shows the selection as wrapping pills without a box; options are removed in the list. */\n  appearance?: ChoiceAppearance;\n  /** Icon class shown before the placeholder while nothing is selected. */\n  placeholderIcon?: string;\n};\n\n/** Cloud tints the option icon with the option color instead of adding a dot. */\nconst iconColor = (color: string | undefined): JSX.CSSProperties | undefined => {\n  const normalized = normalizeHexColor(color);\n  return normalized ? { color: normalized } : undefined;\n};\n\nconst normalize = (option: MultiSelectOption): 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 MultiSelectInput(props: MultiSelectInputProps): 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  let searchRef: HTMLInputElement | undefined;\n\n  const values = () => resolveMaybeAccessor(props.value) ?? [];\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 asyncOptions = createChoiceLoader(\n    () =>\n      props.fetchData\n        ? async (query, signal) => (await props.fetchData!(query, signal, activeGroup())).map(normalize)\n        : props.loadOptions\n          ? (query, signal) => props.loadOptions!(query, signal, activeGroup())\n          : undefined,\n    () => props.fetchDebounceMs ?? props.debounceMs ?? 200,\n  );\n  const isAsync = () => Boolean(props.fetchData || props.loadOptions);\n  const sourceOptions = createMemo(() => (isAsync() ? asyncOptions.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  // Cloud's multi-select always renders its search field, and filters a static\n  // option list client-side while a remote loader filters server-side.\n  const searchable = () => isAsync() || (props.searchable ?? true);\n  const visibleOptions = createMemo(() =>\n    isAsync() ? groupedOptions() : filterChoiceOptions(groupedOptions(), searchable() ? query() : \"\"),\n  );\n  const optionByValue = createMemo(() => {\n    const options = new Map<string, NormalizedOption>();\n    for (const option of Object.values(cache())) options.set(option.value, option);\n    for (const option of (props.selectedOptions?.() ?? []).map(normalize)) options.set(option.value, option);\n    for (const option of sourceOptions()) options.set(option.value, option);\n    return options;\n  });\n  const selected = createMemo(() => values().map((value) => optionByValue().get(value) ?? ({ value, label: value } as NormalizedOption)));\n  const plain = () => props.appearance === \"plain\";\n  const hasClearAction = () => Boolean(props.clearable && selected().length > 0 && !props.disabled && !plain());\n  const selectedValues = createMemo(() => new Set(values()));\n  const popover = createChoicePopover(() => Boolean(props.disabled));\n  const focusedOption = () => visibleOptions()[focusedIndex()];\n\n  // Pills that do not fit the trigger collapse into a \"+N\" summary. Until the\n  // browser measures them (server HTML, hidden containers) every pill stays.\n  let valuesRef: HTMLSpanElement | undefined;\n  let moreRef: HTMLSpanElement | undefined;\n  const [visibleCount, setVisibleCount] = createSignal(Number.POSITIVE_INFINITY);\n  const hiddenOptions = createMemo(() => selected().slice(visibleCount()));\n  // While every pill fits, the invisible summary carries the largest count it\n  // could show, so measuring it reserves enough room for the real one.\n  const moreCount = () => hiddenOptions().length || selected().length - 1;\n  const fitValues = () => {\n    const values = valuesRef;\n    if (!values?.isConnected) return;\n    // Plain pills wrap, so every one stays visible.\n    if (plain()) {\n      values.style.width = \"\";\n      setVisibleCount(Number.POSITIVE_INFINITY);\n      return;\n    }\n    // Measuring releases a truncated first pill to its natural width; the\n    // browser paints only the final state.\n    values.dataset.measuring = \"true\";\n    const pills = Array.from(\n      values.querySelectorAll<HTMLElement>(\":scope > .k2b-choice-pill\"),\n      (pill) => pill.getBoundingClientRect().width,\n    );\n    const fit = fitChoicePills(\n      values.getBoundingClientRect().width,\n      pills,\n      Number.parseFloat(getComputedStyle(values).columnGap) || 0,\n      moreRef?.isConnected ? moreRef.getBoundingClientRect().width : 0,\n    );\n    delete values.dataset.measuring;\n    // Hidden pills leave the flow. While any are hidden the strip keeps the\n    // whole row as its preferred width, so a container sized by its content\n    // does not shrink with the collapse and grows back once it has room. The\n    // strip still flexes to the trigger's width.\n    values.style.width = fit.visible < pills.length ? `${fit.rowWidth}px` : \"\";\n    setVisibleCount(fit.visible);\n  };\n  const resizeObserver = typeof ResizeObserver === \"undefined\" ? undefined : new ResizeObserver(() => fitValues());\n  onCleanup(() => resizeObserver?.disconnect());\n  createEffect(() => {\n    selected();\n    fitValues();\n  });\n  onMount(() => {\n    if (\"fonts\" in document) void document.fonts.ready.then(fitValues);\n  });\n\n  const emit = (next: readonly string[]) => {\n    const unique = [...new Set(next)];\n    commitFieldValue(props, unique);\n  };\n  const isSelected = (value: string) => selectedValues().has(value);\n  const focusFirst = () => setFocusedIndex(nextEnabledChoiceIndex(visibleOptions(), -1, 1));\n  const chooseGroup = (group: string | null) => {\n    if (group === activeGroup()) return;\n    setSelectedGroup(group);\n    focusFirst();\n    if (isAsync()) asyncOptions.load(query(), true);\n  };\n  const open = () => {\n    if (props.disabled) return;\n    setQuery(\"\");\n    if (isAsync()) asyncOptions.load(\"\", true);\n    focusFirst();\n    popover.show();\n    if (searchable()) queueMicrotask(() => searchRef?.focus());\n  };\n  const close = (restoreFocus = false) => {\n    asyncOptions.cancel();\n    setQuery(\"\");\n    setFocusedIndex(-1);\n    popover.hide(restoreFocus);\n  };\n  const toggleOption = (option: NormalizedOption) => {\n    if (option.disabled) return;\n    setCache({ ...cache(), [option.value]: option });\n    emit(isSelected(option.value) ? values().filter((value) => value !== option.value) : [...values(), option.value]);\n  };\n  const remove = (value: string) => emit(values().filter((item) => item !== value));\n  const move = (direction: 1 | -1) => {\n    setFocusedIndex(nextEnabledChoiceIndex(visibleOptions(), focusedIndex(), direction));\n  };\n  const handleKeyDown = (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      return;\n    }\n    if ((event.key === \"Enter\" || event.key === \" \") && !popover.open()) {\n      event.preventDefault();\n      open();\n      return;\n    }\n    if (event.key === \"Enter\" && popover.open()) {\n      const option = focusedOption();\n      if (option) {\n        event.preventDefault();\n        toggleOption(option);\n      }\n      return;\n    }\n    if (event.key === \"Backspace\" && popover.open() && !query() && values().length > 0) {\n      event.preventDefault();\n      const last = values().at(-1);\n      if (last) remove(last);\n      return;\n    }\n    if (event.key === \"Escape\" && popover.open()) {\n      event.preventDefault();\n      close(true);\n    } else if (event.key === \"Tab\" && popover.open()) {\n      close();\n    }\n  };\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      labelFor={false}\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        <div\n          ref={(element) => {\n            popover.setTrigger(element);\n            resizeObserver?.observe(element);\n          }}\n          id={meta.controlId}\n          class=\"k2b-multi-select-trigger\"\n          role=\"combobox\"\n          tabIndex={props.disabled ? -1 : 0}\n          aria-haspopup=\"listbox\"\n          aria-expanded={popover.open()}\n          aria-controls={listboxId}\n          aria-activedescendant={focusedOption() ? `${listboxId}-${focusedIndex()}` : undefined}\n          {...fieldControlAria(meta, props)}\n          aria-disabled={props.disabled}\n          data-disabled={props.disabled ? \"true\" : undefined}\n          onClick={() => (popover.open() ? close() : open())}\n          onKeyDown={handleKeyDown}\n        >\n          <Show\n            when={selected().length > 0}\n            fallback={\n              <>\n                <Show when={props.placeholderIcon}>\n                  {(icon) => <i class={`${icon()} k2b-choice-trigger__placeholder-icon`} aria-hidden=\"true\" />}\n                </Show>\n                <span class=\"k2b-choice-trigger__value\" data-placeholder=\"true\">\n                  {props.placeholder ?? messages().select}\n                </span>\n              </>\n            }\n          >\n            <span\n              ref={valuesRef}\n              class=\"k2b-multi-select-trigger__values\"\n              data-overflowing={hiddenOptions().length > 0 ? \"true\" : undefined}\n            >\n              <For each={selected()}>\n                {(option, index) => (\n                  <span\n                    class=\"k2b-choice-pill\"\n                    style={colorTintStyle(option.color)}\n                    title={option.label}\n                    data-hidden={index() >= visibleCount() ? \"true\" : undefined}\n                  >\n                    <Show\n                      when={props.renderValue}\n                      fallback={\n                        <>\n                          <Show when={option.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n                          <span>{option.label}</span>\n                        </>\n                      }\n                    >\n                      {(render) => <span class=\"k2b-choice-pill__content\">{render()(option)}</span>}\n                    </Show>\n                    <Show when={!plain()}>\n                      <button\n                        type=\"button\"\n                        aria-label={messages().removeNamed({ name: option.label })}\n                        disabled={props.disabled}\n                        tabIndex={-1}\n                        onClick={(event) => {\n                          event.stopPropagation();\n                          remove(option.value);\n                        }}\n                      >\n                        <i class=\"ti ti-x\" aria-hidden=\"true\" />\n                      </button>\n                    </Show>\n                  </span>\n                )}\n              </For>\n              <Show when={selected().length > 1 && !plain()}>\n                <span\n                  ref={(element) => {\n                    moreRef = element;\n                    resizeObserver?.observe(element);\n                    onCleanup(() => resizeObserver?.unobserve(element));\n                  }}\n                  class=\"k2b-multi-select-trigger__more\"\n                  title={\n                    hiddenOptions()\n                      .map((option) => option.label)\n                      .join(\", \") || undefined\n                  }\n                  data-hidden={hiddenOptions().length === 0 ? \"true\" : undefined}\n                >\n                  <span aria-hidden=\"true\">+{moreCount()}</span>\n                  <span class=\"k2b-sr-only\">{messages().moreSelected({ count: moreCount() })}</span>\n                </span>\n              </Show>\n            </span>\n          </Show>\n          <Show when={!hasClearAction()}>\n            <i\n              class={`${popover.open() ? (props.activeIcon ?? \"ti ti-chevron-up\") : (props.icon ?? \"ti ti-chevron-down\")} k2b-multi-select-trigger__chevron`}\n              aria-hidden=\"true\"\n            />\n          </Show>\n        </div>\n        <Show when={hasClearAction()}>\n          <button\n            type=\"button\"\n            class=\"k2b-choice-control__clear k2b-input-clear-action\"\n            aria-label={props.clearLabel ?? messages().clearSelection}\n            onClick={(event) => {\n              event.stopPropagation();\n              emit([]);\n              popover.trigger()?.focus();\n            }}\n          >\n            <i class=\"ti ti-x\" aria-hidden=\"true\" />\n          </button>\n        </Show>\n\n        <div\n          ref={popover.setPopover}\n          popover=\"manual\"\n          class=\"k2b-choice-popover\"\n          role=\"group\"\n          onKeyDown={handleKeyDown}\n          aria-label={typeof props.label === \"string\" ? props.label : (props[\"aria-label\"] ?? messages().options)}\n        >\n          <Show when={searchable()}>\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                  const next = event.currentTarget.value;\n                  setQuery(next);\n                  if (isAsync()) asyncOptions.load(next);\n                  focusFirst();\n                }}\n              />\n            </div>\n          </Show>\n          <Show when={(props.groups?.length ?? 0) > 0}>\n            <div class=\"k2b-choice-toolbar\">\n              <ChoiceGroups\n                choices={groupChoices()}\n                value={activeGroup()}\n                onValueChange={chooseGroup}\n                ariaLabel={props.groupsAriaLabel ?? messages().filterOptions}\n                controls={listboxId}\n              />\n            </div>\n          </Show>\n          <div id={listboxId} class=\"k2b-choice-options\" role=\"listbox\" aria-multiselectable=\"true\">\n            <Show when={asyncOptions.error()}>\n              {(message) => (\n                <div class=\"k2b-choice-status\" data-tone=\"danger\">\n                  <span>{message()}</span>\n                  <button type=\"button\" onClick={asyncOptions.retry}>\n                    {props.retryLabel ?? messages().retry}\n                  </button>\n                </div>\n              )}\n            </Show>\n            <Show when={asyncOptions.loading() && visibleOptions().length === 0}>\n              <div class=\"k2b-choice-status\">\n                <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n                <span>{props.loadingLabel ?? messages().loading}</span>\n              </div>\n            </Show>\n            <For\n              each={asyncOptions.error() ? [] : visibleOptions()}\n              fallback={\n                <Show when={!asyncOptions.loading() && !asyncOptions.error()}>\n                  <div class=\"k2b-choice-status\">\n                    {isAsync() || query() ? (props.noResultsLabel ?? messages().noResults) : (props.emptyLabel ?? messages().noOptions)}\n                  </div>\n                </Show>\n              }\n            >\n              {(option, index) => (\n                <button\n                  type=\"button\"\n                  id={`${listboxId}-${index()}`}\n                  class=\"k2b-choice-option\"\n                  role=\"option\"\n                  aria-label={option.label}\n                  aria-selected={isSelected(option.value)}\n                  data-focused={index() === focusedIndex() ? \"true\" : undefined}\n                  disabled={option.disabled}\n                  onPointerMove={() => !option.disabled && setFocusedIndex(index())}\n                  onClick={() => toggleOption(option)}\n                >\n                  <span class=\"k2b-choice-option__checkbox\" aria-hidden=\"true\">\n                    <i class=\"ti ti-check\" />\n                  </span>\n                  <Show\n                    when={option.icon}\n                    fallback={\n                      <Show when={normalizeHexColor(option.color)}>\n                        {(color) => <span class=\"k2b-choice-dot\" style={{ background: color() }} aria-hidden=\"true\" />}\n                      </Show>\n                    }\n                  >\n                    {(icon) => <i class={icon()} style={iconColor(option.color)} aria-hidden=\"true\" />}\n                  </Show>\n                  <span class=\"k2b-choice-option__content\">\n                    <Show\n                      when={props.renderOption}\n                      fallback={\n                        <>\n                          <strong>{option.label}</strong>\n                          <Show when={option.description}>{(description) => <small>{description()}</small>}</Show>\n                        </>\n                      }\n                    >\n                      {(render) => render()(option)}\n                    </Show>\n                  </span>\n                </button>\n              )}\n            </For>\n          </div>\n        </div>\n        <Show when={props.name}>{(name) => <input type=\"hidden\" name={name()} value={values().join(\",\")} />}</Show>\n      </div>\n    </Field>\n  );\n}\n\nexport default MultiSelectInput;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/MultiSelectInput.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, For, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { colorTintStyle, normalizeHexColor } from \"../internal/color\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { ChoiceGroups } from \"./ChoiceGroups\";\nimport {\n  type ChoiceOption,\n  createChoiceLoader,\n  createChoicePopover,\n  filterChoiceOptions,\n  fitChoicePills,\n  nextEnabledChoiceIndex,\n} from \"./choice\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\nimport type { ChoiceAppearance, SelectGroup } from \"./Select\";\nimport { useSelectMessages } from \"./select-messages\";\n\nexport type MultiSelectOption =\n  | string\n  | { id: string; label?: string; description?: string; icon?: string; color?: string; groups?: readonly string[] }\n  | ChoiceOption<string>;\ntype NormalizedOption = ChoiceOption<string>;\nexport type MultiSelectFetchDataFn = (query: string, signal: AbortSignal, group: string | null) => Promise<MultiSelectOption[]>;\n\nexport type MultiSelectInputProps = ValueFieldProps<string[]> & {\n  options?: MultiSelectOption[];\n  fetchData?: MultiSelectFetchDataFn;\n  selectedOptions?: () => MultiSelectOption[];\n  placeholder?: string;\n  icon?: string;\n  activeIcon?: string;\n  fetchDebounceMs?: number;\n  debounceMs?: number;\n  loadOptions?: (query: string, signal: AbortSignal, group: string | null) => Promise<readonly ChoiceOption<string>[]>;\n  groups?: readonly SelectGroup[];\n  defaultGroup?: string;\n  groupsAriaLabel?: string;\n  allGroupLabel?: string;\n  searchable?: boolean;\n  clearable?: boolean;\n  name?: string;\n  renderOption?: (option: ChoiceOption<string>) => JSX.Element;\n  renderValue?: (option: ChoiceOption<string>) => JSX.Element;\n  searchPlaceholder?: string;\n  loadingLabel?: string;\n  noResultsLabel?: string;\n  emptyLabel?: string;\n  retryLabel?: string;\n  clearLabel?: string;\n  /** `plain` shows the selection as wrapping pills without a box; options are removed in the list. */\n  appearance?: ChoiceAppearance;\n  /** Icon class shown before the placeholder while nothing is selected. */\n  placeholderIcon?: string;\n};\n\n/** Cloud tints the option icon with the option color instead of adding a dot. */\nconst iconColor = (color: string | undefined): JSX.CSSProperties | undefined => {\n  const normalized = normalizeHexColor(color);\n  return normalized ? { color: normalized } : undefined;\n};\n\nconst normalize = (option: MultiSelectOption): 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 MultiSelectInput(props: MultiSelectInputProps): 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  let searchRef: HTMLInputElement | undefined;\n\n  const values = () => resolveMaybeAccessor(props.value) ?? [];\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 asyncOptions = createChoiceLoader(\n    () =>\n      props.fetchData\n        ? async (query, signal) => (await props.fetchData!(query, signal, activeGroup())).map(normalize)\n        : props.loadOptions\n          ? (query, signal) => props.loadOptions!(query, signal, activeGroup())\n          : undefined,\n    () => props.fetchDebounceMs ?? props.debounceMs ?? 200,\n  );\n  const isAsync = () => Boolean(props.fetchData || props.loadOptions);\n  const sourceOptions = createMemo(() => (isAsync() ? asyncOptions.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  // Cloud's multi-select always renders its search field, and filters a static\n  // option list client-side while a remote loader filters server-side.\n  const searchable = () => isAsync() || (props.searchable ?? true);\n  const visibleOptions = createMemo(() =>\n    isAsync() ? groupedOptions() : filterChoiceOptions(groupedOptions(), searchable() ? query() : \"\"),\n  );\n  const optionByValue = createMemo(() => {\n    const options = new Map<string, NormalizedOption>();\n    for (const option of Object.values(cache())) options.set(option.value, option);\n    for (const option of (props.selectedOptions?.() ?? []).map(normalize)) options.set(option.value, option);\n    for (const option of sourceOptions()) options.set(option.value, option);\n    return options;\n  });\n  const selected = createMemo(() => values().map((value) => optionByValue().get(value) ?? ({ value, label: value } as NormalizedOption)));\n  const plain = () => props.appearance === \"plain\";\n  const hasClearAction = () => Boolean(props.clearable && selected().length > 0 && !props.disabled && !plain());\n  const selectedValues = createMemo(() => new Set(values()));\n  const popover = createChoicePopover(() => Boolean(props.disabled));\n  const focusedOption = () => visibleOptions()[focusedIndex()];\n\n  // Pills that do not fit the trigger collapse into a \"+N\" summary. Until the\n  // browser measures them (server HTML, hidden containers) every pill stays.\n  let valuesRef: HTMLSpanElement | undefined;\n  let moreRef: HTMLSpanElement | undefined;\n  const [visibleCount, setVisibleCount] = createSignal(Number.POSITIVE_INFINITY);\n  const hiddenOptions = createMemo(() => selected().slice(visibleCount()));\n  // While every pill fits, the invisible summary carries the largest count it\n  // could show, so measuring it reserves enough room for the real one.\n  const moreCount = () => hiddenOptions().length || selected().length - 1;\n  const fitValues = () => {\n    const values = valuesRef;\n    if (!values?.isConnected) return;\n    // Plain pills wrap, so every one stays visible.\n    if (plain()) {\n      values.style.width = \"\";\n      setVisibleCount(Number.POSITIVE_INFINITY);\n      return;\n    }\n    // Measuring releases a truncated first pill to its natural width; the\n    // browser paints only the final state.\n    values.dataset.measuring = \"true\";\n    const pills = Array.from(\n      values.querySelectorAll<HTMLElement>(\":scope > .k2b-choice-pill\"),\n      (pill) => pill.getBoundingClientRect().width,\n    );\n    const fit = fitChoicePills(\n      values.getBoundingClientRect().width,\n      pills,\n      Number.parseFloat(getComputedStyle(values).columnGap) || 0,\n      moreRef?.isConnected ? moreRef.getBoundingClientRect().width : 0,\n    );\n    delete values.dataset.measuring;\n    // Hidden pills leave the flow. While any are hidden the strip keeps the\n    // whole row as its preferred width, so a container sized by its content\n    // does not shrink with the collapse and grows back once it has room. The\n    // strip still flexes to the trigger's width.\n    values.style.width = fit.visible < pills.length ? `${fit.rowWidth}px` : \"\";\n    setVisibleCount(fit.visible);\n  };\n  const resizeObserver = typeof ResizeObserver === \"undefined\" ? undefined : new ResizeObserver(() => fitValues());\n  onCleanup(() => resizeObserver?.disconnect());\n  createEffect(() => {\n    selected();\n    fitValues();\n  });\n  onMount(() => {\n    if (\"fonts\" in document) void document.fonts.ready.then(fitValues);\n  });\n\n  const emit = (next: readonly string[]) => {\n    const unique = [...new Set(next)];\n    commitFieldValue(props, unique);\n  };\n  const isSelected = (value: string) => selectedValues().has(value);\n  const focusFirst = () => setFocusedIndex(nextEnabledChoiceIndex(visibleOptions(), -1, 1));\n  const chooseGroup = (group: string | null) => {\n    if (group === activeGroup()) return;\n    setSelectedGroup(group);\n    focusFirst();\n    if (isAsync()) asyncOptions.load(query(), true);\n  };\n  const open = () => {\n    if (props.disabled) return;\n    setQuery(\"\");\n    if (isAsync()) asyncOptions.load(\"\", true);\n    focusFirst();\n    popover.show();\n    if (searchable()) queueMicrotask(() => searchRef?.focus());\n  };\n  const close = (restoreFocus = false) => {\n    asyncOptions.cancel();\n    setQuery(\"\");\n    setFocusedIndex(-1);\n    popover.hide(restoreFocus);\n  };\n  const toggleOption = (option: NormalizedOption) => {\n    if (option.disabled) return;\n    setCache({ ...cache(), [option.value]: option });\n    emit(isSelected(option.value) ? values().filter((value) => value !== option.value) : [...values(), option.value]);\n  };\n  const remove = (value: string) => emit(values().filter((item) => item !== value));\n  const move = (direction: 1 | -1) => {\n    setFocusedIndex(nextEnabledChoiceIndex(visibleOptions(), focusedIndex(), direction));\n  };\n  const handleKeyDown = (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      return;\n    }\n    if ((event.key === \"Enter\" || event.key === \" \") && !popover.open()) {\n      event.preventDefault();\n      open();\n      return;\n    }\n    if (event.key === \"Enter\" && popover.open()) {\n      const option = focusedOption();\n      if (option) {\n        event.preventDefault();\n        toggleOption(option);\n      }\n      return;\n    }\n    if (event.key === \"Backspace\" && popover.open() && !query() && values().length > 0) {\n      event.preventDefault();\n      const last = values().at(-1);\n      if (last) remove(last);\n      return;\n    }\n    if (event.key === \"Escape\" && popover.open()) {\n      event.preventDefault();\n      close(true);\n    } else if (event.key === \"Tab\" && popover.open()) {\n      close();\n    }\n  };\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      labelFor={false}\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        <div\n          ref={(element) => {\n            popover.setTrigger(element);\n            resizeObserver?.observe(element);\n          }}\n          id={meta.controlId}\n          class=\"k2b-multi-select-trigger\"\n          role=\"combobox\"\n          tabIndex={props.disabled ? -1 : 0}\n          aria-haspopup=\"listbox\"\n          aria-expanded={popover.open()}\n          aria-controls={listboxId}\n          aria-activedescendant={focusedOption() ? `${listboxId}-${focusedIndex()}` : undefined}\n          {...fieldControlAria(meta, props)}\n          aria-disabled={props.disabled}\n          data-disabled={props.disabled ? \"true\" : undefined}\n          onClick={() => (popover.open() ? close() : open())}\n          onKeyDown={handleKeyDown}\n        >\n          <Show\n            when={selected().length > 0}\n            fallback={\n              <>\n                <Show when={props.placeholderIcon}>\n                  {(icon) => <i class={`${icon()} k2b-choice-trigger__placeholder-icon`} aria-hidden=\"true\" />}\n                </Show>\n                <span class=\"k2b-choice-trigger__value\" data-placeholder=\"true\">\n                  {props.placeholder ?? messages().select}\n                </span>\n              </>\n            }\n          >\n            <span\n              ref={valuesRef}\n              class=\"k2b-multi-select-trigger__values\"\n              data-overflowing={hiddenOptions().length > 0 ? \"true\" : undefined}\n            >\n              <For each={selected()}>\n                {(option, index) => (\n                  <span\n                    class=\"k2b-choice-pill\"\n                    style={colorTintStyle(option.color)}\n                    title={option.label}\n                    data-hidden={index() >= visibleCount() ? \"true\" : undefined}\n                  >\n                    <Show\n                      when={props.renderValue}\n                      fallback={\n                        <>\n                          <Show when={option.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n                          <span>{option.label}</span>\n                        </>\n                      }\n                    >\n                      {(render) => <span class=\"k2b-choice-pill__content\">{render()(option)}</span>}\n                    </Show>\n                    <Show when={!plain()}>\n                      <button\n                        type=\"button\"\n                        aria-label={selectMessages().removeNamed({ name: option.label })}\n                        disabled={props.disabled}\n                        tabIndex={-1}\n                        onClick={(event) => {\n                          event.stopPropagation();\n                          remove(option.value);\n                        }}\n                      >\n                        <i class=\"ti ti-x\" aria-hidden=\"true\" />\n                      </button>\n                    </Show>\n                  </span>\n                )}\n              </For>\n              <Show when={selected().length > 1 && !plain()}>\n                <span\n                  ref={(element) => {\n                    moreRef = element;\n                    resizeObserver?.observe(element);\n                    onCleanup(() => resizeObserver?.unobserve(element));\n                  }}\n                  class=\"k2b-multi-select-trigger__more\"\n                  title={\n                    hiddenOptions()\n                      .map((option) => option.label)\n                      .join(\", \") || undefined\n                  }\n                  data-hidden={hiddenOptions().length === 0 ? \"true\" : undefined}\n                >\n                  <span aria-hidden=\"true\">+{moreCount()}</span>\n                  <span class=\"k2b-sr-only\">{selectMessages().moreSelected({ count: moreCount() })}</span>\n                </span>\n              </Show>\n            </span>\n          </Show>\n          <Show when={!hasClearAction()}>\n            <i\n              class={`${popover.open() ? (props.activeIcon ?? \"ti ti-chevron-up\") : (props.icon ?? \"ti ti-chevron-down\")} k2b-multi-select-trigger__chevron`}\n              aria-hidden=\"true\"\n            />\n          </Show>\n        </div>\n        <Show when={hasClearAction()}>\n          <button\n            type=\"button\"\n            class=\"k2b-choice-control__clear k2b-input-clear-action\"\n            aria-label={props.clearLabel ?? messages().clearSelection}\n            onClick={(event) => {\n              event.stopPropagation();\n              emit([]);\n              popover.trigger()?.focus();\n            }}\n          >\n            <i class=\"ti ti-x\" aria-hidden=\"true\" />\n          </button>\n        </Show>\n\n        <div\n          ref={popover.setPopover}\n          popover=\"manual\"\n          class=\"k2b-choice-popover\"\n          role=\"group\"\n          onKeyDown={handleKeyDown}\n          aria-label={typeof props.label === \"string\" ? props.label : (props[\"aria-label\"] ?? messages().options)}\n        >\n          <Show when={searchable()}>\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                  const next = event.currentTarget.value;\n                  setQuery(next);\n                  if (isAsync()) asyncOptions.load(next);\n                  focusFirst();\n                }}\n              />\n            </div>\n          </Show>\n          <Show when={(props.groups?.length ?? 0) > 0}>\n            <div class=\"k2b-choice-toolbar\">\n              <ChoiceGroups\n                choices={groupChoices()}\n                value={activeGroup()}\n                onValueChange={chooseGroup}\n                ariaLabel={props.groupsAriaLabel ?? selectMessages().filterOptions}\n                controls={listboxId}\n              />\n            </div>\n          </Show>\n          <div id={listboxId} class=\"k2b-choice-options\" role=\"listbox\" aria-multiselectable=\"true\">\n            <Show when={asyncOptions.error()}>\n              {(message) => (\n                <div class=\"k2b-choice-status\" data-tone=\"danger\">\n                  <span>{message()}</span>\n                  <button type=\"button\" onClick={asyncOptions.retry}>\n                    {props.retryLabel ?? messages().retry}\n                  </button>\n                </div>\n              )}\n            </Show>\n            <Show when={asyncOptions.loading() && visibleOptions().length === 0}>\n              <div class=\"k2b-choice-status\">\n                <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n                <span>{props.loadingLabel ?? messages().loading}</span>\n              </div>\n            </Show>\n            <For\n              each={asyncOptions.error() ? [] : visibleOptions()}\n              fallback={\n                <Show when={!asyncOptions.loading() && !asyncOptions.error()}>\n                  <div class=\"k2b-choice-status\">\n                    {isAsync() || query()\n                      ? (props.noResultsLabel ?? messages().noResults)\n                      : (props.emptyLabel ?? selectMessages().noOptions)}\n                  </div>\n                </Show>\n              }\n            >\n              {(option, index) => (\n                <button\n                  type=\"button\"\n                  id={`${listboxId}-${index()}`}\n                  class=\"k2b-choice-option\"\n                  role=\"option\"\n                  aria-label={option.label}\n                  aria-selected={isSelected(option.value)}\n                  data-focused={index() === focusedIndex() ? \"true\" : undefined}\n                  disabled={option.disabled}\n                  onPointerMove={() => !option.disabled && setFocusedIndex(index())}\n                  onClick={() => toggleOption(option)}\n                >\n                  <span class=\"k2b-choice-option__checkbox\" aria-hidden=\"true\">\n                    <i class=\"ti ti-check\" />\n                  </span>\n                  <Show\n                    when={option.icon}\n                    fallback={\n                      <Show when={normalizeHexColor(option.color)}>\n                        {(color) => <span class=\"k2b-choice-dot\" style={{ background: color() }} aria-hidden=\"true\" />}\n                      </Show>\n                    }\n                  >\n                    {(icon) => <i class={icon()} style={iconColor(option.color)} aria-hidden=\"true\" />}\n                  </Show>\n                  <span class=\"k2b-choice-option__content\">\n                    <Show\n                      when={props.renderOption}\n                      fallback={\n                        <>\n                          <strong>{option.label}</strong>\n                          <Show when={option.description}>{(description) => <small>{description()}</small>}</Show>\n                        </>\n                      }\n                    >\n                      {(render) => render()(option)}\n                    </Show>\n                  </span>\n                </button>\n              )}\n            </For>\n          </div>\n        </div>\n        <Show when={props.name}>{(name) => <input type=\"hidden\" name={name()} value={values().join(\",\")} />}</Show>\n      </div>\n    </Field>\n  );\n}\n\nexport default MultiSelectInput;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/inputs/NumberInput.js

@@ -17,6 +17,7 @@ import { createFieldMeta, Field, fieldControlAria } from "../internal/field";
 import { decimalSeparator, useLocale } from "../intl/locale";
 import { useUiMessages } from "../intl/messages";
 import { resolveMaybeAccessor } from "./field-contract";
+import { useInputMessages } from "./input-messages";
 function fractionDigits(value) {
   if (!Number.isFinite(value)) return 0;
   const [mantissa = "", exponent = "0"] = String(value).split("e");
@@ -33,6 +34,7 @@ export function NumberInput(props) {
   const error = () => resolveMaybeAccessor(local.error);
   const contextLocale = useLocale();
   const messages = useUiMessages();
+  const inputMessages = useInputMessages();
   const separator = createMemo(() => decimalSeparator(local.locale ?? contextLocale()));
   // The visible text keeps the canonical number, only the decimal separator
   // follows the effective locale; grouping is never rendered while editing.
@@ -184,7 +186,7 @@ export function NumberInput(props) {
           return local.showSteppers ?? !plain();
         },
         get children() {
-          return _$ssr(_tmpl$, _$ssrAttribute("aria-label", _$escape(local.decreaseLabel ?? messages().decreaseValue, true), false), _$ssrAttribute("disabled", rest.disabled || local.disableSteppers || value() !== null && value() !== undefined && value() <= min(), true));
+          return _$ssr(_tmpl$, _$ssrAttribute("aria-label", _$escape(local.decreaseLabel ?? inputMessages().decreaseValue, true), false), _$ssrAttribute("disabled", rest.disabled || local.disableSteppers || value() !== null && value() !== undefined && value() <= min(), true));
         }
       })), _$escape(_$createComponent(Show, {
         get when() {
@@ -229,7 +231,7 @@ export function NumberInput(props) {
           return local.showSteppers ?? !plain();
         },
         get children() {
-          return _$ssr(_tmpl$6, _$ssrAttribute("aria-label", _$escape(local.increaseLabel ?? messages().increaseValue, true), false), _$ssrAttribute("disabled", rest.disabled || local.disableSteppers || value() !== null && value() !== undefined && value() >= max(), true));
+          return _$ssr(_tmpl$6, _$ssrAttribute("aria-label", _$escape(local.increaseLabel ?? inputMessages().increaseValue, true), false), _$ssrAttribute("disabled", rest.disabled || local.disableSteppers || value() !== null && value() !== undefined && value() >= max(), true));
         }
       })));
     }

package/dist/ssr/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":";;;;;;;;;;;;;;AAAA,SAAS,YAAY,EAAE,UAAU,EAAE,YAAY,EAAY,IAAI,EAAE,UAAU,QAAQ,UAAU;AAC7F,SAAS,eAAe,EAAE,KAAK,EAAE,gBAAgB,QAAQ,mBAAmB;AAC5E,SAAS,gBAAgB,EAAE,SAAS,QAAQ,gBAAgB;AAC5D,SAAS,aAAa,QAAQ,kBAAkB;AAEhD,SAAS,oBAAoB,QAAQ,kBAAkB;AA2CvD,SAAS,cAAc,CAAC,KAAa,EAAU;EAC7C,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;EACrC,MAAM,CAAC,QAAQ,GAAG,EAAE,EAAE,QAAQ,GAAG,GAAG,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC;EAChE,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,IAAI,CAAC;EACpD,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;AACjD;AAEA,OAAO,SAAS,WAAW,CAAC,KAAuB,EAAe;EAChE,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CACtC,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,kBAAkB,EAClB,YAAY,EACZ,OAAO,EACP,YAAY,EACZ,WAAW,EACX,eAAe,EACf,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,OAAO,EACP,aAAa,EACb,MAAM,EACN,IAAI,EACJ,eAAe,EACf,OAAO,EACP,QAAQ,EACR,KAAK,EACL,KAAK,EACL,SAAS,EACT,WAAW,EACX,eAAe,EACf,eAAe,EACf,QAAQ,EACR,UAAU,EACV,cAAc,EACd,MAAM,EACN,QAAQ,EACR,OAAO,CACR,CAAC;EACF,MAAM,IAAI,GAAG,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;EACtC,MAAM,KAAK,GAAG,MAAM,KAAK,CAAC,UAAU,KAAK,OAAO;EAChD,IAAI,KAAmC;EACvC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;EACjD,MAAM,KAAK,GAAG,MAAM,oBAAoB,CAAC,KAAK,CAAC,KAAK,CAAC;EACrD,MAAM,KAAK,GAAG,MAAM,oBAAoB,CAAC,KAAK,CAAC,KAAK,CAAC;EACrD,MAAM,aAAa,GAAG,SAAS,CAAC,CAAC;EACjC,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC;EAChC,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,gBAAgB,CAAC,KAAK,CAAC,MAAM,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC;EACrF;EACA;EACA,MAAM,OAAO,GAAI,KAAgC,IAAM,KAAK,IAAI,IAAI,GAAG,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAE;EACpH,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;EACpD,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,QAAQ;EACxC,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,QAAQ;EACvC,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC;EAClC;EACA;EACA,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,IAAI,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;EAE/E,MAAM,MAAM,GAAI,KAAa,IAAK;IAChC,IAAI,MAAM,GAAG,EAAE;IACf,IAAI,OAAO,GAAG,KAAK;IACnB,KAAK,MAAM,SAAS,IAAI,KAAK,EAAE;MAC7B,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,MAAM,IAAI,SAAS,CAAC,KACzC,IAAI,SAAS,KAAK,GAAG,IAAI,MAAM,KAAK,EAAE,KAAK,KAAK,CAAC,aAAa,IAAI,IAAI,CAAC,EAAE,MAAM,IAAI,SAAS,CAAC,KAC7F,IAAI,CAAC,SAAS,KAAK,GAAG,IAAI,SAAS,KAAK,GAAG,IAAI,SAAS,KAAK,SAAS,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,MAAM,CAAC,CAAC,GAAG,CAAC,EAAE;QAC1G,MAAM,IAAI,SAAS,CAAC,CAAC;QACrB,OAAO,GAAG,IAAI;MAChB;IACF;IACA,IAAI,OAAO,EAAE;MACX,MAAM,CAAC,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,EAAE,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;MAC/D,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE;IACjE;IACA,OAAO,MAAM;EACf,CAAC;EACD,MAAM,KAAK,GAAI,KAAa,IAAK;IAC/B,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC;IACjD,IAAI,CAAC,SAAS,IAAI,SAAS,KAAK,GAAG,IAAI,SAAS,KAAK,GAAG,EAAE,OAAO,IAAI;IACrE,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,SAAS,CAAC;IAClF,OAAO,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,IAAI;EAChD,CAAC;EACD,MAAM,SAAS,GAAI,KAAoB,IAAK;IAC1C,IAAI,KAAK,KAAK,IAAI,EAAE,OAAO,IAAI;IAC/B,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IACvD,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC;IACjD,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,GAAG,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,MAAM,GAAG,OAAO;IAChG,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IACzD,OAAO,MAAM,CAAC,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;EACjF,CAAC;EACD,MAAM,IAAI,GAAI,KAAoB,IAAK,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC;EACnE,MAAM,MAAM,GAAG,CAAC,KAAoB,EAAE,oBAAoB,GAAG,KAAK,KAAK;IACrE,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC;IAC7B,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACrB,IAAI,CAAC,oBAAoB,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC;IAChE,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC;EAC7B,CAAC;EACD,MAAM,MAAM,GAAI,SAAiB,IAAK;IACpC,IAAI,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,eAAe,EAAE;IAC5C,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,KAAK,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;IAC5D,MAAM,CAAC,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC;EACnC,CAAC;EAED,YAAY,CAAC,MAAM;IACjB,IAAI,OAAO,CAAC,CAAC,EAAE;IACf,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;EACxD,CAAC,CAAC;EACF;EACA,IAAI,gBAAgB,GAAG,KAAK;EAC5B,MAAM,SAA4D,GAAI,KAAK,IAAK;IAC9E,MAAM,OAAO,GAAG,KAAK,CAAC,SAAS;IAC/B,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,KAC7C,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;IAC9D,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,gBAAgB,EAAE;IACxC;IACA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;MACzB,KAAK,CAAC,cAAc,CAAC,CAAC;MACtB,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC;MAC1B,gBAAgB,GAAG,IAAI;IACzB,CAAC,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,EAAE;MAC7D;MACA,KAAK,CAAC,cAAc,CAAC,CAAC;MACtB,KAAK,CAAC,eAAe,CAAC,CAAC;MACvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC1B;EACF,CAAC;EACD,MAAM,eAAe,GAAG,MAAO,OAAO,IAAI,CAAC,WAAW,KAAK,QAAQ,GAAG,IAAI,CAAC,WAAW,GAAG,EAAG;EAC5F;EACA,MAAM,SAAS,GAAG,MAAM;IACtB,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC;IACvB,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,OAAO,IAAI,IAAI,IAAI,KAAK,CAAC,WAAW,EAAE,OAAO,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC;IACzF,OAAO,GAAG,CAAC,CAAC,IAAI,eAAe,CAAC,CAAC;EACnC,CAAC;EACD,MAAM,SAAS,GAAG,MAAM;IACtB,IAAI,IAAI,CAAC,gBAAgB,CAAC,KAAK,SAAS,EAAE,OAAO,IAAI,CAAC,gBAAgB,CAAC;IACvE,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC;IAClD,IAAI,OAAO,IAAI,IAAI,EAAE,OAAO,SAAS;IACrC,IAAI,KAAK,CAAC,WAAW,EAAE,OAAO,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC;IACxD,MAAM,IAAI,GAAG,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,EAAE;IACjE,OAAO,IAAI,GAAG,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,GAAG,SAAS;EACzD,CAAC;EACD,MAAM,OAAO,GAAG,yCAER,IAAI;IAAA,IAER,EAAE;MAAA,OAAE,IAAI,CAAC,SAAS;IAAA;IAAA,SACZ,qCAAqC;IAAA;MAAA,OAC9B,GAAG,CAAC,CAAC,GAAG,MAAM,GAAG,SAAS;IAAA;IACvC,IAAI,EAAC,MAAM;IACX,IAAI,EAAC,YAAY;IAAA,IACjB,SAAS;MAAA,OAAE,MAAM,CAAC,CAAC,KAAK,CAAC,GAAG,SAAS,GAAG,SAAS;IAAA;IAAA,IACjD,KAAK;MAAA,OAAE,GAAG,CAAC,CAAC;IAAA;IAAA,IACZ,QAAQ;MAAA,OAAE,KAAK,CAAC,QAAQ;IAAA;EAAA,SACpB,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC;IAAA;MAAA,OAClB,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,SAAS;IAAA;IAAA;MAAA,OAC1C,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,SAAS;IAAA;IAAA;MAAA,OAC1C,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,KAAK,SAAS;IAAA;IAAA;MAAA,OAChD,SAAS,CAAC,CAAC;IAAA;IAAA,IAE3B,IAAI;MAAA,OAAE,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI;IAAA;EAAA,qBA2BhC;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,IAAI,CAAC,QAAQ;IAAA;IAAA;MAAA,iEAKJ,KAAK,CAAC,UAAU,IAAI,OAAO,kDAC7B,IAAI,CAAC,QAAQ,GAAG,MAAM,YAAG,SAAS,iDACnC,KAAK,CAAC,CAAC,GAAG,MAAM,YAAG,SAAS,4CAKzC,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,YAAY,IAAI,CAAC,KAAK,CAAC,CAAC;QAAA;QAAA;UAAA,2DAI1B,KAAK,CAAC,aAAa,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,4CACjD,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,eAAe,IAAK,KAAK,CAAC,CAAC,KAAK,IAAI,IAAI,KAAK,CAAC,CAAC,KAAK,SAAS,IAAI,KAAK,CAAC,CAAC,IAAK,GAAG,CAAC,CAAE;QAAA;MAAA,gCAOrH,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,IAAI;QAAA;QAAA;UAAA,uDAER,KAAK,CAAC,IAAI,kDACV,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,IAAI;QAAA;MAAA,gCAG3C,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,MAAM;QAAA;QAAA;UAAA,+BACgB,KAAK,CAAC,MAAM;QAAA;MAAA,gCAEnD,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,CAAC;QAAA;QAAA,IAAE,QAAQ;UAAA,OAAE,OAAO,CAAC,CAAC;QAAA;QAAA;UAAA,4DAKxB,SAAS,CAAC,CAAC,qDACL,GAAG,CAAC,CAAC,YAAG,SAAS,UAAG,MAAM,0CAC9B,OAAO,CAAC,CAAC,GAAG,MAAM,YAAG,SAAS,0BAE3C,OAAO,CAAC,CAAC;QAAA;MAAA,gCAGb,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,oBAAK,CAAC,MAAM,QAAK,CAAC,KAAK,CAAC,CAAC,IAAK,GAAG,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAE,CAAC;QAAA;QAAA;UAAA,+BAC9C,KAAK,CAAC,MAAM;QAAA;MAAA,gCAEnD,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,qBAAK,CAAC,SAAS,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,QAAI,CAAC,KAAK,CAAC,CAAC;QAAA;QAAA;UAAA,4DAIpE,KAAK,CAAC,UAAU,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK;QAAA;MAAA,gCAOrD,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,YAAY,IAAI,CAAC,KAAK,CAAC,CAAC;QAAA;QAAA;UAAA,4DAI1B,KAAK,CAAC,aAAa,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,4CACjD,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,eAAe,IAAK,KAAK,CAAC,CAAC,KAAK,IAAI,IAAI,KAAK,CAAC,CAAC,KAAK,SAAS,IAAI,KAAK,CAAC,CAAC,IAAK,GAAG,CAAC,CAAE;QAAA;MAAA;IAAA;EAAA;AAShI;AAEA,eAAe,WAAW","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":[]}