@k2b/ui 0.36.0 → 0.37.0

package/dist/ssr/feedback/prompts.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["feedback/prompts.tsx"],"sourcesContent":["import { mutation, timed } from \"@k2b/stdlib/solid\";\nimport { createEffect, createMemo, createSignal, createUniqueId, For, type JSX, onCleanup, Show } from \"solid-js\";\nimport { createStore } from \"solid-js/store\";\nimport { Checkbox } from \"../inputs/Checkbox\";\nimport { PinInput } from \"../inputs/ChoiceInputs\";\nimport { DatePicker, DateTimePicker } from \"../inputs/DatePicker\";\nimport { ImageInput } from \"../inputs/FileInputs\";\nimport { NumberInput } from \"../inputs/NumberInput\";\nimport { Select } from \"../inputs/Select\";\nimport { resolveSelectMessages } from \"../inputs/select-messages\";\nimport { TagsInput } from \"../inputs/TagsInput\";\nimport { TextInput } from \"../inputs/TextInput\";\nimport { resolveUiMessages } from \"../intl/messages\";\nimport { type DialogRender, dialogCore, type OpenDialogOptions } from \"./dialog-core\";\nimport { resolvePromptMessages } from \"./prompt-messages\";\n\nexport interface DialogOptions {\n  signal?: AbortSignal;\n  title?: string;\n  ariaLabel?: string;\n  icon?: string;\n  confirmText?: string;\n  cancelText?: string | false;\n  variant?: \"danger\" | \"primary\" | \"success\";\n  /** `full` fills the available viewport and becomes edge-to-edge on narrow screens. */\n  size?: \"small\" | \"medium\" | \"large\" | \"wide\" | \"full\";\n  surface?: \"default\" | \"bare\";\n  header?: false;\n  cancelBehavior?: OpenDialogOptions[\"cancelBehavior\"];\n  /** Back closes the prompt like Cancel, as in a phone app; see `OpenDialogOptions.history`. */\n  history?: boolean;\n}\n\nexport interface ConfirmOptions extends DialogOptions {\n  confirmationPhrase?: string;\n}\n\ntype PromptContent = string | HTMLElement | JSX.Element;\n\nexport type PromptSearchItem<T = unknown> = {\n  label: string;\n  desc?: string;\n  icon?: string;\n  previewUrl?: string;\n  value?: T;\n};\n\nexport type PromptSearchInput = {\n  query: string;\n  abortSignal: AbortSignal;\n};\n\nexport type PromptSearchOptions = DialogOptions & {\n  placeholder?: string;\n  icon?: string;\n  initialQuery?: string;\n  minQueryLength?: number;\n  debounceMs?: number;\n  emptyText?: string;\n  noResultsText?: string;\n};\n\nexport type PromptFieldBase<T = any> = {\n  label?: string | false;\n  description?: string;\n  placeholder?: string;\n  required?: boolean;\n  default?: T;\n  validate?: (value: T | undefined) => string | null;\n};\n\nexport type FieldSchema =\n  | (PromptFieldBase<string> & {\n      type: \"text\";\n      multiline?: boolean;\n      lines?: number;\n      maxLength?: number;\n      minLength?: number;\n      icon?: string;\n      activeIcon?: string;\n      password?: boolean;\n      markdown?: boolean;\n    })\n  | (PromptFieldBase<number> & {\n      type: \"number\";\n      min?: number;\n      max?: number;\n      step?: number;\n    })\n  | (PromptFieldBase<string> & {\n      type: \"image\";\n      round?: boolean;\n      ariaLabel?: string;\n      accept?: string;\n    })\n  | (PromptFieldBase<string> & {\n      type: \"pin\";\n      length?: number;\n      stretch?: boolean;\n    })\n  | (PromptFieldBase<string> & {\n      type: \"select\";\n      options: string[] | { id: string; label?: string; description?: string; icon?: string }[];\n      icon?: string;\n      activeIcon?: string;\n      clearable?: boolean;\n    })\n  | (PromptFieldBase<string[]> & {\n      type: \"tags\";\n      maxTags?: number;\n      minTags?: number;\n      icon?: string;\n      activeIcon?: string;\n    })\n  | (PromptFieldBase<boolean> & {\n      type: \"boolean\";\n    })\n  | (PromptFieldBase<string> & {\n      type: \"datetime\";\n      dateOnly?: boolean;\n      /** A date whose time is optional, as `DateTimePicker`'s `optionalTime`. */\n      optionalTime?: boolean;\n    })\n  | {\n      type: \"info\";\n      content: string | JSX.Element | (() => JSX.Element);\n    };\n\ntype InferFieldType<T extends FieldSchema> = T extends { type: \"text\" }\n  ? string\n  : T extends { type: \"number\" }\n    ? number\n    : T extends { type: \"image\" }\n      ? string\n      : T extends { type: \"pin\" }\n        ? string\n        : T extends { type: \"select\" }\n          ? string\n          : T extends { type: \"tags\" }\n            ? string[]\n            : T extends { type: \"boolean\" }\n              ? boolean\n              : T extends { type: \"datetime\" }\n                ? string\n                : T extends { type: \"currency\" }\n                  ? number\n                  : T extends { type: \"info\" }\n                    ? never\n                    : never;\n\ntype InferFormValues<T extends Record<string, FieldSchema>> = {\n  [K in keyof T as T[K] extends { type: \"info\" } ? never : K]: T[K] extends { required: true }\n    ? InferFieldType<T[K]>\n    : InferFieldType<T[K]> | undefined;\n};\n\ntype PromptFormValue = string | number | boolean | string[] | undefined;\ntype PromptFormOptions<T extends Record<string, FieldSchema>> = {\n  signal?: AbortSignal;\n  title?: string;\n  ariaLabel?: string;\n  icon?: string;\n  fields: T;\n  confirmText?: string;\n  cancelText?: string | false;\n  variant?: \"danger\" | \"primary\" | \"success\";\n  size?: DialogOptions[\"size\"];\n  cancelBehavior?: DialogOptions[\"cancelBehavior\"];\n};\n\nconst PHRASE_SLOT = \"\\u0000\";\n\nconst isEmpty = (value: unknown): boolean =>\n  value === undefined || value === null || value === \"\" || (Array.isArray(value) && value.length === 0);\n\nexport const createFormState = <T extends Record<string, FieldSchema>>(schema: T) => {\n  const messages = resolveUiMessages();\n  const promptMessages = resolvePromptMessages();\n  const [values, setValues] = createStore<Record<string, PromptFormValue>>({});\n  const [errors, setErrors] = createStore<Record<string, string | undefined>>({});\n  // Errors appear with the first submit and then follow every change. Before that, a check that fails mid-input,\n  // such as a URL still being typed, would interrupt the user with an alert on the first character.\n  let submitted = false;\n\n  for (const [key, field] of Object.entries(schema)) {\n    if (field.type !== \"info\" && \"default\" in field) setValues(key, field.default as PromptFormValue);\n  }\n\n  const validateField = (key: string, value: PromptFormValue): string | null => {\n    const field = schema[key];\n    if (!field || field.type === \"info\") return null;\n    if (field.type === \"boolean\" && field.required && value !== true) return messages.required;\n    if (field.required && isEmpty(value)) return messages.required;\n    if (\"validate\" in field && field.validate) {\n      const customError = (field.validate as (next: never) => string | null)(value as never);\n      if (customError) return customError;\n    }\n    if (field.type === \"text\" && typeof value === \"string\" && value.length > 0) {\n      if (field.minLength !== undefined && value.length < field.minLength) return promptMessages.minCharacters({ count: field.minLength });\n      if (field.maxLength !== undefined && value.length > field.maxLength) return promptMessages.maxCharacters({ count: field.maxLength });\n    }\n    if (field.type === \"tags\" && Array.isArray(value) && value.length > 0) {\n      if (field.minTags !== undefined && value.length < field.minTags) return promptMessages.minTags({ count: field.minTags });\n      if (field.maxTags !== undefined && value.length > field.maxTags) return promptMessages.maxTags({ count: field.maxTags });\n    }\n    return null;\n  };\n\n  const updateField = (key: string, value: PromptFormValue) => {\n    setValues(key, value);\n    if (submitted) setErrors(key, validateField(key, value) ?? undefined);\n  };\n\n  const validateAll = (): boolean => {\n    submitted = true;\n    let valid = true;\n    for (const [key, field] of Object.entries(schema)) {\n      if (field.type === \"info\") continue;\n      const error = validateField(key, values[key]);\n      setErrors(key, error ?? undefined);\n      if (error) valid = false;\n    }\n    return valid;\n  };\n\n  const reset = () => {\n    submitted = false;\n    for (const [key, field] of Object.entries(schema)) {\n      if (field.type === \"info\") continue;\n      setValues(key, \"default\" in field ? (field.default as PromptFormValue) : undefined);\n      setErrors(key, undefined);\n    }\n  };\n\n  return { values, errors, updateField, validateAll, reset };\n};\n\nexport const DialogHeader = (props: { close: () => void; title?: string; icon?: string }): JSX.Element => (\n  <header class=\"k2b-dialog__header\">\n    <Show when={props.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n    <Show when={props.title} fallback={<span class=\"k2b-dialog__header-spacer\" />}>\n      {(title) => <h2>{title()}</h2>}\n    </Show>\n    <button type=\"button\" class=\"k2b-dialog__close\" aria-label={resolveUiMessages().closeDialog} onClick={props.close}>\n      <i class=\"ti ti-x\" aria-hidden=\"true\" />\n    </button>\n  </header>\n);\n\nconst panelClass = (options?: Pick<DialogOptions, \"size\" | \"surface\" | \"variant\">): string => {\n  const size = options?.size ?? \"medium\";\n  const variant = options?.variant && options.variant !== \"primary\" ? ` k2b-dialog--${options.variant}` : \"\";\n  return `k2b-dialog k2b-dialog--${size}${variant}${options?.surface === \"bare\" ? \" is-bare\" : \"\"}`;\n};\n\nconst contentClass = (surface?: DialogOptions[\"surface\"]): string =>\n  surface === \"bare\" ? \"k2b-dialog__viewport is-bare\" : \"k2b-dialog__viewport\";\n\nconst renderInfo = (content: Extract<FieldSchema, { type: \"info\" }>[\"content\"]): JSX.Element => {\n  if (typeof content === \"string\") return <p>{content}</p>;\n  if (typeof content === \"function\") return content();\n  return content;\n};\n\nconst PromptControl = (props: {\n  field: Exclude<FieldSchema, { type: \"info\" }>;\n  value: () => PromptFormValue;\n  update: (value: PromptFormValue) => void;\n  error: () => string | undefined;\n  submit: () => void;\n}): JSX.Element => {\n  const label = props.field.label || undefined;\n\n  switch (props.field.type) {\n    case \"text\":\n      return (\n        <TextInput\n          label={label}\n          description={props.field.description}\n          required={props.field.required}\n          placeholder={props.field.placeholder}\n          error={props.error}\n          value={String(props.value() ?? \"\")}\n          onValueChange={(value) => props.update(value ?? undefined)}\n          onSubmit={props.submit}\n          multiline={props.field.multiline}\n          lines={props.field.lines}\n          icon={props.field.icon}\n          activeIcon={props.field.activeIcon}\n          password={props.field.password}\n          markdown={props.field.markdown}\n          minLength={props.field.minLength}\n          maxLength={props.field.maxLength}\n        />\n      );\n    case \"number\":\n      return (\n        <NumberInput\n          label={label}\n          description={props.field.description}\n          required={props.field.required}\n          placeholder={props.field.placeholder}\n          error={props.error}\n          value={typeof props.value() === \"number\" ? (props.value() as number) : null}\n          onValueChange={(value) => props.update(value ?? undefined)}\n          min={props.field.min}\n          max={props.field.max}\n          step={props.field.step}\n        />\n      );\n    case \"image\":\n      return (\n        <ImageInput\n          label={label}\n          description={props.field.description}\n          required={props.field.required}\n          error={props.error}\n          value={() => (typeof props.value() === \"string\" ? (props.value() as string) : null)}\n          onValueChange={(value) => props.update(value ?? undefined)}\n          round={props.field.round}\n          aria-label={props.field.ariaLabel}\n          accept={props.field.accept}\n        />\n      );\n    case \"pin\":\n      return (\n        <PinInput\n          label={label}\n          description={props.field.description}\n          required={props.field.required}\n          error={props.error}\n          value={() => String(props.value() ?? \"\")}\n          onValueChange={props.update}\n          length={props.field.length}\n          stretch={props.field.stretch}\n        />\n      );\n    case \"select\":\n      return (\n        <Select\n          label={label}\n          description={props.field.description}\n          required={props.field.required}\n          placeholder={props.field.placeholder}\n          error={props.error}\n          value={() => (typeof props.value() === \"string\" ? (props.value() as string) : null)}\n          onValueChange={(value) => props.update(value ?? undefined)}\n          options={props.field.options}\n          icon={props.field.icon}\n          activeIcon={props.field.activeIcon}\n          clearable={props.field.clearable}\n        />\n      );\n    case \"tags\":\n      return (\n        <TagsInput\n          label={label}\n          description={props.field.description}\n          required={props.field.required}\n          placeholder={props.field.placeholder}\n          error={props.error}\n          value={() => (Array.isArray(props.value()) ? (props.value() as string[]) : [])}\n          onValueChange={props.update}\n          maxTags={props.field.maxTags}\n          icon={props.field.icon}\n          activeIcon={props.field.activeIcon}\n        />\n      );\n    case \"boolean\":\n      return (\n        <Checkbox\n          label={label}\n          description={props.field.description}\n          required={props.field.required}\n          error={props.error}\n          value={() => Boolean(props.value())}\n          onValueChange={props.update}\n        />\n      );\n    case \"datetime\": {\n      const pickerProps = {\n        label,\n        description: props.field.description,\n        required: props.field.required,\n        placeholder: props.field.placeholder,\n        error: props.error,\n        value: () => (typeof props.value() === \"string\" ? (props.value() as string) : null),\n        onValueChange: (value: string | null) => props.update(value ?? \"\"),\n        clearable: true,\n      };\n      return props.field.dateOnly ? (\n        <DatePicker {...pickerProps} />\n      ) : (\n        <DateTimePicker {...pickerProps} optionalTime={props.field.optionalTime} />\n      );\n    }\n  }\n};\n\nconst PromptFormDialog = <T extends Record<string, FieldSchema>>(props: {\n  config: PromptFormOptions<T>;\n  close: (value: InferFormValues<T> | null) => void;\n}): JSX.Element => {\n  const state = createFormState(props.config.fields);\n  const submit = () => {\n    if (state.validateAll()) props.close(state.values as InferFormValues<T>);\n  };\n  const handleSubmit = (event: SubmitEvent) => {\n    event.preventDefault();\n    submit();\n  };\n\n  return (\n    <form class=\"k2b-dialog__panel\" onSubmit={handleSubmit}>\n      <DialogHeader title={props.config.title} icon={props.config.icon} close={() => props.close(null)} />\n      <div class=\"k2b-dialog__body k2b-prompt-form\">\n        <For each={Object.entries(props.config.fields)}>\n          {([key, field]) => {\n            if (field.type === \"info\") return <div class=\"k2b-prompt-form__info\">{renderInfo(field.content)}</div>;\n            return (\n              <PromptControl\n                field={field}\n                value={() => state.values[key]}\n                update={(value) => state.updateField(key, value)}\n                error={() => state.errors[key]}\n                submit={submit}\n              />\n            );\n          }}\n        </For>\n      </div>\n      <footer class=\"k2b-dialog__actions\">\n        <Show when={props.config.cancelText !== false}>\n          <button type=\"button\" class=\"k2b-button\" data-variant=\"secondary\" onClick={() => props.close(null)}>\n            {props.config.cancelText || resolveUiMessages().cancel}\n          </button>\n        </Show>\n        <button type=\"submit\" class=\"k2b-button\" data-variant={props.config.variant ?? \"primary\"}>\n          {props.config.confirmText ?? resolveUiMessages().save}\n        </button>\n      </footer>\n    </form>\n  );\n};\n\ntype CloudSearchResolver<T> = (input: PromptSearchInput) => Promise<PromptSearchItem<T>[]> | PromptSearchItem<T>[];\n\nconst openSearchPrompt = <T extends unknown = unknown>(resolver: CloudSearchResolver<T>, options?: PromptSearchOptions) =>\n  dialogCore.open<PromptSearchItem<T>>(\n    (close) => {\n      const [query, setQuery] = createSignal(options?.initialQuery ?? \"\");\n      const [items, setItems] = createSignal<PromptSearchItem<T>[]>([]);\n      const [activeIndex, setActiveIndex] = createSignal(0);\n      const [hasLoaded, setHasLoaded] = createSignal(false);\n      const [failedPreviews, setFailedPreviews] = createStore<Record<number, true>>({});\n      const [activeSearchQuery, setActiveSearchQuery] = createSignal(\"\");\n      const rowRefs = new Map<number, HTMLButtonElement>();\n      const searchId = `k2b-prompt-search-${createUniqueId()}`;\n      const listboxId = `${searchId}-listbox`;\n      const optionId = (index: number) => `${searchId}-option-${index}`;\n\n      const minQueryLength = options?.minQueryLength ?? 0;\n      const debounceMs = options?.debounceMs ?? 180;\n      const searchMutation = mutation.create<{ query: string; items: PromptSearchItem<T>[] }, string, { requestQuery: string }>({\n        onBefore: (requestQuery) => ({ requestQuery }),\n        mutation: async (requestQuery, context) => {\n          const result = await resolver({\n            query: requestQuery,\n            abortSignal: context.abortSignal,\n          });\n          return { query: requestQuery, items: (result ?? []).slice() };\n        },\n        onSuccess: (result, context) => {\n          if (!context || context.requestQuery !== activeSearchQuery()) return;\n          setItems(result.items);\n          setActiveIndex(0);\n          setHasLoaded(true);\n        },\n        onError: (error, context) => {\n          if (!context || context.requestQuery !== activeSearchQuery() || error.name === \"AbortError\") return;\n          setItems([]);\n          setActiveIndex(0);\n          setHasLoaded(true);\n        },\n      });\n      const searchError = createMemo(() => {\n        const error = searchMutation.error();\n        if (!error || error.name === \"AbortError\") return null;\n        return error.message || resolvePromptMessages().searchFailed;\n      });\n      const shouldShowResults = createMemo(() => {\n        if (query().trim().length < minQueryLength) return false;\n        return hasLoaded() || searchError() !== null || items().length > 0;\n      });\n      const emptyStateText = createMemo(() => {\n        if (!hasLoaded()) return options?.emptyText ?? resolveSelectMessages().typeToSearch;\n        return options?.noResultsText ?? resolveUiMessages().noResults;\n      });\n      const { debouncedFn: debounceSearch, cancel: cancelDebounce } = timed.debounce((nextQuery: string) => {\n        setActiveSearchQuery(nextQuery);\n        searchMutation.abort();\n        void searchMutation.mutate(nextQuery);\n      }, debounceMs);\n\n      const execute = (item?: PromptSearchItem<T>) => {\n        if (!item) return;\n        close(item);\n      };\n      const moveSelection = (delta: -1 | 1) => {\n        const list = items();\n        if (list.length === 0) return;\n        setActiveIndex((activeIndex() + delta + list.length) % list.length);\n      };\n\n      createEffect(() => {\n        const list = items();\n        const maxIndex = list.length - 1;\n        if (maxIndex < 0) {\n          setActiveIndex(0);\n          return;\n        }\n        if (activeIndex() > maxIndex) setActiveIndex(maxIndex);\n        rowRefs.get(activeIndex())?.scrollIntoView({ block: \"nearest\" });\n      });\n      createEffect(() => {\n        const nextQuery = query().trim();\n        setFailedPreviews({});\n        if (nextQuery.length < minQueryLength) {\n          cancelDebounce();\n          searchMutation.abort();\n          setItems([]);\n          setActiveIndex(0);\n          setHasLoaded(false);\n          setActiveSearchQuery(\"\");\n          return;\n        }\n        debounceSearch(nextQuery);\n      });\n      onCleanup(() => {\n        cancelDebounce();\n        searchMutation.abort();\n      });\n\n      return (\n        <div class=\"k2b-prompt-search-shell\">\n          <Show when={options?.title}>{(title) => <p class=\"k2b-prompt-search-shell__title\">{title()}</p>}</Show>\n          <div class=\"k2b-prompt-search\">\n            <label class=\"k2b-prompt-search__input\">\n              <i class={options?.icon ?? \"ti ti-search\"} aria-hidden=\"true\" />\n              <input\n                id={searchId}\n                type=\"search\"\n                role=\"combobox\"\n                aria-label={options?.ariaLabel ?? options?.title ?? resolveUiMessages().search}\n                aria-autocomplete=\"list\"\n                aria-controls={listboxId}\n                aria-expanded={shouldShowResults()}\n                aria-activedescendant={shouldShowResults() && items().length > 0 ? optionId(activeIndex()) : undefined}\n                aria-busy={searchMutation.loading()}\n                value={query()}\n                onInput={(event) => setQuery(event.currentTarget.value)}\n                onKeyDown={(event) => {\n                  if (event.key === \"ArrowDown\") {\n                    event.preventDefault();\n                    moveSelection(1);\n                  } else if (event.key === \"ArrowUp\") {\n                    event.preventDefault();\n                    moveSelection(-1);\n                  } else if (event.key === \"Enter\") {\n                    event.preventDefault();\n                    execute(items()[activeIndex()]);\n                  }\n                }}\n                placeholder={options?.placeholder ?? resolveUiMessages().search}\n                spellcheck={false}\n                autocapitalize=\"off\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n              />\n              <Show when={searchMutation.loading()}>\n                <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n              </Show>\n            </label>\n            <div\n              class=\"k2b-prompt-search__collapse\"\n              style={{\n                height: shouldShowResults() ? \"var(--k2b-search-body-max)\" : \"0px\",\n                opacity: shouldShowResults() ? \"1\" : \"0\",\n              }}\n            >\n              <div class=\"k2b-prompt-search__results\" onWheel={(event) => event.stopPropagation()}>\n                <Show when={searchError()}>\n                  {(message) => (\n                    <div class=\"k2b-prompt-search__error\" role=\"status\" aria-live=\"polite\">\n                      {message()}\n                    </div>\n                  )}\n                </Show>\n                <Show\n                  when={items().length > 0}\n                  fallback={\n                    <p role=\"status\" aria-live=\"polite\">\n                      {emptyStateText()}\n                    </p>\n                  }\n                >\n                  <div id={listboxId} class=\"k2b-prompt-search__list\" role=\"listbox\" aria-label={resolveUiMessages().searchResults}>\n                    <For each={items()}>\n                      {(item, index) => (\n                        <button\n                          ref={(element) => {\n                            if (!element) rowRefs.delete(index());\n                            else rowRefs.set(index(), element);\n                          }}\n                          type=\"button\"\n                          id={optionId(index())}\n                          role=\"option\"\n                          aria-selected={activeIndex() === index()}\n                          data-active={activeIndex() === index() ? \"true\" : undefined}\n                          data-has-description={item.desc ? \"true\" : undefined}\n                          onMouseEnter={() => setActiveIndex(index())}\n                          onClick={() => execute(item)}\n                        >\n                          {/* Cloud keeps the preview box mounted once a row declares an image, so a\n                              failed load swaps in the fallback glyph instead of collapsing the row. */}\n                          <Show when={item.previewUrl?.startsWith(\"/\") || item.icon}>\n                            <span class=\"k2b-prompt-search__preview\">\n                              <Show\n                                when={item.previewUrl?.startsWith(\"/\") && !failedPreviews[index()]}\n                                fallback={<i class={item.icon ?? \"ti ti-file\"} aria-hidden=\"true\" />}\n                              >\n                                <img src={item.previewUrl} alt=\"\" onError={() => setFailedPreviews(index(), true)} />\n                              </Show>\n                            </span>\n                          </Show>\n                          <span class=\"k2b-prompt-search__copy\">\n                            <strong>{item.label}</strong>\n                            <Show when={item.desc}>{(description) => <small>{description()}</small>}</Show>\n                          </span>\n                        </button>\n                      )}\n                    </For>\n                  </div>\n                </Show>\n              </div>\n            </div>\n          </div>\n        </div>\n      );\n    },\n    {\n      panelClassName: \"k2b-dialog k2b-dialog--search is-bare\",\n      contentClassName: \"k2b-dialog__viewport is-search\",\n      initialFocus: \"first-input\",\n      signal: options?.signal,\n      cancelBehavior: options?.cancelBehavior,\n      history: options?.history,\n      ariaLabel: options?.ariaLabel ?? options?.title ?? resolveUiMessages().search,\n    },\n  );\n\nconst promptText = (content: string, defaultValue?: string, options?: DialogOptions) =>\n  prompts\n    .form({\n      ...options,\n      fields: {\n        message: { type: \"info\", content: () => <div class=\"k2b-prompt-copy\">{content}</div> },\n        value: {\n          type: \"text\",\n          label: false,\n          default: defaultValue || \"\",\n        },\n      },\n    })\n    .then((result) => result?.value ?? null);\n\nconst promptNumber = (\n  content: string,\n  defaultValue?: number,\n  options?: DialogOptions & {\n    min?: number;\n    max?: number;\n  },\n) =>\n  prompts\n    .form({\n      ...options,\n      fields: {\n        message: { type: \"info\", content: () => <div class=\"k2b-prompt-copy\">{content}</div> },\n        value: {\n          type: \"number\",\n          label: false,\n          default: defaultValue || 0,\n          min: options?.min,\n          max: options?.max,\n        },\n      },\n    })\n    .then((result) => result?.value ?? null);\n\nexport const prompts = {\n  alert: (content: PromptContent, options?: DialogOptions): Promise<void | undefined> =>\n    dialogCore.open<void>(\n      (close) => (\n        <div class=\"k2b-dialog__panel\">\n          <DialogHeader title={options?.title || resolveUiMessages().info} icon={options?.icon} close={() => close()} />\n          <div class=\"k2b-dialog__body\">{content}</div>\n          <footer class=\"k2b-dialog__actions\">\n            <button type=\"button\" class=\"k2b-button\" data-variant={options?.variant ?? \"primary\"} onClick={() => close()}>\n              {options?.confirmText || resolveUiMessages().ok}\n            </button>\n          </footer>\n        </div>\n      ),\n      {\n        panelClassName: panelClass(options),\n        contentClassName: contentClass(options?.surface),\n        signal: options?.signal,\n        cancelBehavior: options?.cancelBehavior,\n        history: options?.history,\n        ariaLabel: options?.ariaLabel ?? options?.title ?? resolveUiMessages().info,\n      },\n    ),\n\n  success: (content: PromptContent, options?: Omit<DialogOptions, \"variant\">): Promise<void | undefined> =>\n    prompts.alert(content, {\n      ...options,\n      variant: \"success\",\n      title: options?.title ?? resolveUiMessages().success,\n      icon: options?.icon ?? \"ti ti-check\",\n    }),\n\n  confirm: (content: PromptContent, options?: ConfirmOptions): Promise<boolean | undefined> => {\n    const confirmationPhrase = options?.confirmationPhrase;\n    if (confirmationPhrase !== undefined && (confirmationPhrase.trim().length === 0 || /[\\r\\n\\t]/.test(confirmationPhrase))) {\n      throw new Error(\"confirmationPhrase must be non-empty, visible, and single-line\");\n    }\n    let confirmationInput: HTMLInputElement | undefined;\n\n    return dialogCore.open<boolean>(\n      (close) => {\n        if (!confirmationPhrase) {\n          return (\n            <div class=\"k2b-dialog__panel\">\n              <DialogHeader title={options?.title} icon={options?.icon} close={() => close(false)} />\n              <div class=\"k2b-dialog__body\">{content}</div>\n              <footer class=\"k2b-dialog__actions\">\n                <button type=\"button\" class=\"k2b-button\" data-variant=\"secondary\" onClick={() => close(false)}>\n                  {options?.cancelText || resolveUiMessages().cancel}\n                </button>\n                <button type=\"button\" class=\"k2b-button\" data-variant={options?.variant ?? \"primary\"} onClick={() => close(true)}>\n                  {options?.confirmText || resolvePromptMessages().confirm}\n                </button>\n              </footer>\n            </div>\n          );\n        }\n\n        // The catalog owns word order; the slot marks where the verbatim phrase is rendered as code.\n        const [labelBefore, labelAfter] = resolvePromptMessages().typeToConfirm({ phrase: PHRASE_SLOT }).split(PHRASE_SLOT);\n        const [confirmationValue, setConfirmationValue] = createSignal(\"\");\n        const canConfirm = () => confirmationValue() === confirmationPhrase;\n        const submit = (event: SubmitEvent) => {\n          event.preventDefault();\n          if (canConfirm()) close(true);\n        };\n\n        return (\n          <form class=\"k2b-dialog__panel\" onSubmit={submit}>\n            <DialogHeader title={options?.title} icon={options?.icon} close={() => close(false)} />\n            <div class=\"k2b-dialog__body k2b-prompt-form\">\n              <div class=\"k2b-prompt-copy\">{content}</div>\n              <TextInput\n                ref={(element) => {\n                  confirmationInput = element;\n                }}\n                label={\n                  <>\n                    {labelBefore}\n                    <code class=\"k2b-confirmation-phrase\">{confirmationPhrase}</code>\n                    {labelAfter}\n                  </>\n                }\n                value={confirmationValue}\n                onValueChange={setConfirmationValue}\n                autocomplete=\"off\"\n                autocapitalize=\"off\"\n                spellcheck={false}\n                monospace\n                required\n              />\n            </div>\n            <footer class=\"k2b-dialog__actions\">\n              <button type=\"button\" class=\"k2b-button\" data-variant=\"secondary\" onClick={() => close(false)}>\n                {options?.cancelText || resolveUiMessages().cancel}\n              </button>\n              <button type=\"submit\" class=\"k2b-button\" data-variant={options?.variant ?? \"primary\"} disabled={!canConfirm()}>\n                {options?.confirmText || resolvePromptMessages().confirm}\n              </button>\n            </footer>\n          </form>\n        );\n      },\n      {\n        panelClassName: panelClass(options),\n        contentClassName: contentClass(options?.surface),\n        initialFocus: confirmationPhrase ? () => confirmationInput ?? null : undefined,\n        signal: options?.signal,\n        cancelBehavior: options?.cancelBehavior,\n        history: options?.history,\n        ariaLabel: options?.ariaLabel ?? options?.title ?? resolvePromptMessages().confirmation,\n      },\n    );\n  },\n\n  prompt: promptText,\n  promptNumber,\n\n  form: async <T extends Record<string, FieldSchema>>(config: PromptFormOptions<T>): Promise<InferFormValues<T> | null> =>\n    (await dialogCore.open<InferFormValues<T> | null>((close) => <PromptFormDialog config={config} close={(value) => close(value)} />, {\n      panelClassName: panelClass(config),\n      contentClassName: contentClass(),\n      signal: config.signal,\n      cancelBehavior: config.cancelBehavior,\n      ariaLabel: config.ariaLabel ?? config.title ?? resolvePromptMessages().form,\n    })) ?? null,\n\n  /**\n   * Open custom content with a typed close callback and the dialog render context.\n   * Register a dismiss handler to guard Escape, backdrop clicks and the supplied header's close button,\n   * for example while saving. Explicit close(result) bypasses the guard. Without a handler, dismissal\n   * keeps its existing behavior, including a header close button independent of cancelBehavior.\n   */\n  dialog: <T extends unknown = unknown>(component: DialogRender<T>, options?: DialogOptions): Promise<T | undefined> =>\n    dialogCore.open<T>(\n      (close, context) => {\n        // A dismiss handler the component sets guards the header's close button as well as Escape and the backdrop.\n        let dismiss = () => close(undefined);\n        const body = component(close, {\n          ...context,\n          setDismissHandler: (handler) => {\n            context.setDismissHandler(handler);\n            dismiss = () => void context.requestDismiss();\n          },\n        });\n        if (options?.surface === \"bare\" && options.header === false) return body;\n        return (\n          <div class=\"k2b-dialog__panel k2b-dialog__stack\">\n            <Show when={options?.header !== false}>\n              <DialogHeader title={options?.title} icon={options?.icon} close={() => dismiss()} />\n            </Show>\n            <div class=\"k2b-dialog__content\">{body}</div>\n          </div>\n        );\n      },\n      {\n        panelClassName: panelClass(options),\n        contentClassName: contentClass(options?.surface),\n        signal: options?.signal,\n        cancelBehavior: options?.cancelBehavior,\n        history: options?.history,\n        ariaLabel: options?.ariaLabel ?? options?.title ?? resolveUiMessages().dialog,\n      },\n    ),\n\n  search: openSearchPrompt,\n\n  error: (content: string | HTMLElement, options?: DialogOptions) =>\n    dialogCore.open(\n      (close) => (\n        <div class=\"k2b-dialog__panel\">\n          <DialogHeader title={options?.title ?? resolveUiMessages().error} icon={options?.icon ?? \"ti ti-alert-circle\"} close={close} />\n          <div class=\"k2b-dialog__body\">{content}</div>\n          <footer class=\"k2b-dialog__actions\">\n            <button type=\"button\" class=\"k2b-button\" onClick={() => close()}>\n              {options?.confirmText || resolveUiMessages().close}\n            </button>\n          </footer>\n        </div>\n      ),\n      {\n        panelClassName: panelClass({ ...options, variant: \"danger\" }),\n        contentClassName: contentClass(options?.surface),\n        signal: options?.signal,\n        cancelBehavior: options?.cancelBehavior,\n        history: options?.history,\n        ariaLabel: options?.ariaLabel ?? options?.title ?? resolveUiMessages().error,\n      },\n    ),\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,QAAQ,EAAE,KAAK,QAAQ,mBAAmB;AACnD,SAAS,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,EAAY,SAAS,EAAE,IAAI,QAAQ,UAAU;AACjH,SAAS,WAAW,QAAQ,gBAAgB;AAC5C,SAAS,QAAQ,QAAQ,oBAAoB;AAC7C,SAAS,QAAQ,QAAQ,wBAAwB;AACjD,SAAS,UAAU,EAAE,cAAc,QAAQ,sBAAsB;AACjE,SAAS,UAAU,QAAQ,sBAAsB;AACjD,SAAS,WAAW,QAAQ,uBAAuB;AACnD,SAAS,MAAM,QAAQ,kBAAkB;AACzC,SAAS,qBAAqB,QAAQ,2BAA2B;AACjE,SAAS,SAAS,QAAQ,qBAAqB;AAC/C,SAAS,SAAS,QAAQ,qBAAqB;AAC/C,SAAS,iBAAiB,QAAQ,kBAAkB;AACpD,SAA4B,UAAU,QAAgC,eAAe;AACrF,SAAS,qBAAqB,QAAQ,mBAAmB;AA4JzD,MAAM,WAAW,GAAG,QAAQ;AAE5B,MAAM,OAAO,GAAI,KAAc,IAC7B,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,EAAE,IAAK,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAE;AAEvG,OAAO,MAAM,eAAe,GAA2C,MAAS,IAAK;EACnF,MAAM,QAAQ,GAAG,iBAAiB,CAAC,CAAC;EACpC,MAAM,cAAc,GAAG,qBAAqB,CAAC,CAAC;EAC9C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,WAAW,CAAkC,CAAC,CAAC,CAAC;EAC5E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,WAAW,CAAqC,CAAC,CAAC,CAAC;EAC/E;EACA;EACA,IAAI,SAAS,GAAG,KAAK;EAErB,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;IACjD,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,IAAI,SAAS,IAAI,KAAK,EAAE,SAAS,CAAC,GAAG,EAAE,KAAK,CAAC,OAA0B,CAAC;EACnG;EAEA,MAAM,aAAa,GAAG,CAAC,GAAW,EAAE,KAAsB,KAAoB;IAC5E,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC;IACzB,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,OAAO,IAAI;IAChD,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE,OAAO,QAAQ,CAAC,QAAQ;IAC1F,IAAI,KAAK,CAAC,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE,OAAO,QAAQ,CAAC,QAAQ;IAC9D,IAAI,UAAU,IAAI,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE;MACzC,MAAM,WAAW,GAAI,KAAK,CAAC,QAAQ,CAAoC,KAAc,CAAC;MACtF,IAAI,WAAW,EAAE,OAAO,WAAW;IACrC;IACA,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;MAC1E,IAAI,KAAK,CAAC,SAAS,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,EAAE,OAAO,cAAc,CAAC,aAAa,CAAC;QAAE,KAAK,EAAE,KAAK,CAAC;MAAU,CAAC,CAAC;MACpI,IAAI,KAAK,CAAC,SAAS,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,EAAE,OAAO,cAAc,CAAC,aAAa,CAAC;QAAE,KAAK,EAAE,KAAK,CAAC;MAAU,CAAC,CAAC;IACtI;IACA,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;MACrE,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,EAAE,OAAO,cAAc,CAAC,OAAO,CAAC;QAAE,KAAK,EAAE,KAAK,CAAC;MAAQ,CAAC,CAAC;MACxH,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,EAAE,OAAO,cAAc,CAAC,OAAO,CAAC;QAAE,KAAK,EAAE,KAAK,CAAC;MAAQ,CAAC,CAAC;IAC1H;IACA,OAAO,IAAI;EACb,CAAC;EAED,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,KAAsB,KAAK;IAC3D,SAAS,CAAC,GAAG,EAAE,KAAK,CAAC;IACrB,IAAI,SAAS,EAAE,SAAS,CAAC,GAAG,EAAE,aAAa,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,SAAS,CAAC;EACvE,CAAC;EAED,MAAM,WAAW,GAAG,MAAe;IACjC,SAAS,GAAG,IAAI;IAChB,IAAI,KAAK,GAAG,IAAI;IAChB,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;MACjD,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE;MAC3B,MAAM,KAAK,GAAG,aAAa,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;MAC7C,SAAS,CAAC,GAAG,EAAE,KAAK,IAAI,SAAS,CAAC;MAClC,IAAI,KAAK,EAAE,KAAK,GAAG,KAAK;IAC1B;IACA,OAAO,KAAK;EACd,CAAC;EAED,MAAM,KAAK,GAAG,MAAM;IAClB,SAAS,GAAG,KAAK;IACjB,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;MACjD,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE;MAC3B,SAAS,CAAC,GAAG,EAAE,SAAS,IAAI,KAAK,GAAI,KAAK,CAAC,OAAO,GAAuB,SAAS,CAAC;MACnF,SAAS,CAAC,GAAG,EAAE,SAAS,CAAC;IAC3B;EACF,CAAC;EAED,OAAO;IAAE,MAAM;IAAE,MAAM;IAAE,WAAW;IAAE,WAAW;IAAE;EAAM,CAAC;AAC5D,CAAC;AAED,OAAO,MAAM,YAAY,GAAI,KAA2D,6CAEnF,IAAI;EAAA,IAAC,IAAI;IAAA,OAAE,KAAK,CAAC,IAAI;EAAA;EAAA,UAAI,IAAI,oDAAe,IAAI,CAAC,CAAC;AAAuB,gCACzE,IAAI;EAAA,IAAC,IAAI;IAAA,OAAE,KAAK,CAAC,KAAK;EAAA;EAAA,IAAE,QAAQ;IAAA;EAAA;EAAA,UAC7B,KAAK,4BAAU,KAAK,CAAC,CAAC;AAAM,2CAE4B,iBAAiB,CAAC,CAAC,CAAC,WAAW,gBAI9F;AAED,MAAM,UAAU,GAAI,OAA6D,IAAa;EAC5F,MAAM,IAAI,GAAG,OAAO,EAAE,IAAI,IAAI,QAAQ;EACtC,MAAM,OAAO,GAAG,OAAO,EAAE,OAAO,IAAI,OAAO,CAAC,OAAO,KAAK,SAAS,GAAG,gBAAgB,OAAO,CAAC,OAAO,EAAE,GAAG,EAAE;EAC1G,OAAO,0BAA0B,IAAI,GAAG,OAAO,GAAG,OAAO,EAAE,OAAO,KAAK,MAAM,GAAG,UAAU,GAAG,EAAE,EAAE;AACnG,CAAC;AAED,MAAM,YAAY,GAAI,OAAkC,IACtD,OAAO,KAAK,MAAM,GAAG,8BAA8B,GAAG,sBAAsB;AAE9E,MAAM,UAAU,GAAI,OAA0D,IAAkB;EAC9F,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,+BAAW,OAAO;EACnD,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE,OAAO,OAAO,CAAC,CAAC;EACnD,OAAO,OAAO;AAChB,CAAC;AAED,MAAM,aAAa,GAAI,KAMtB,IAAkB;EACjB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS;EAE5C,QAAQ,KAAK,CAAC,KAAK,CAAC,IAAI;IACtB,KAAK,MAAM;MACT,yBACG,SAAS;QACR,KAAK,EAAE,KAAK;QAAA,IACZ,WAAW;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,WAAW;QAAA;QAAA,IACpC,QAAQ;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,QAAQ;QAAA;QAAA,IAC9B,WAAW;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,WAAW;QAAA;QAAA,IACpC,KAAK;UAAA,OAAE,KAAK,CAAC,KAAK;QAAA;QAAA,IAClB,KAAK;UAAA,OAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC;QAAA;QAClC,aAAa,EAAG,KAAK,IAAK,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,SAAS,CAAC;QAAA,IAC1D,QAAQ;UAAA,OAAE,KAAK,CAAC,MAAM;QAAA;QAAA,IACtB,SAAS;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,SAAS;QAAA;QAAA,IAChC,KAAK;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,KAAK;QAAA;QAAA,IACxB,IAAI;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,IAAI;QAAA;QAAA,IACtB,UAAU;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,UAAU;QAAA;QAAA,IAClC,QAAQ;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,QAAQ;QAAA;QAAA,IAC9B,QAAQ;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,QAAQ;QAAA;QAAA,IAC9B,SAAS;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,SAAS;QAAA;QAAA,IAChC,SAAS;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,SAAS;QAAA;MAAA;IAGtC,KAAK,QAAQ;MACX,yBACG,WAAW;QACV,KAAK,EAAE,KAAK;QAAA,IACZ,WAAW;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,WAAW;QAAA;QAAA,IACpC,QAAQ;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,QAAQ;QAAA;QAAA,IAC9B,WAAW;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,WAAW;QAAA;QAAA,IACpC,KAAK;UAAA,OAAE,KAAK,CAAC,KAAK;QAAA;QAAA,IAClB,KAAK;UAAA,OAAE,oBAAO,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,QAAQ,MAAI,KAAK,CAAC,KAAK,CAAC,CAAC,GAAc,IAAI;QAAA;QAC3E,aAAa,EAAG,KAAK,IAAK,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,SAAS,CAAC;QAAA,IAC1D,GAAG;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,GAAG;QAAA;QAAA,IACpB,GAAG;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,GAAG;QAAA;QAAA,IACpB,IAAI;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,IAAI;QAAA;MAAA;IAG5B,KAAK,OAAO;MACV,yBACG,UAAU;QACT,KAAK,EAAE,KAAK;QAAA,IACZ,WAAW;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,WAAW;QAAA;QAAA,IACpC,QAAQ;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,QAAQ;QAAA;QAAA,IAC9B,KAAK;UAAA,OAAE,KAAK,CAAC,KAAK;QAAA;QAClB,KAAK,EAAE,MAAO,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,QAAQ,GAAI,KAAK,CAAC,KAAK,CAAC,CAAC,GAAc,IAAK;QACnF,aAAa,EAAG,KAAK,IAAK,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,SAAS,CAAC;QAAA,IAC1D,KAAK;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,KAAK;QAAA;QAAA;UAAA,OACZ,KAAK,CAAC,KAAK,CAAC,SAAS;QAAA;QAAA,IACjC,MAAM;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,MAAM;QAAA;MAAA;IAGhC,KAAK,KAAK;MACR,yBACG,QAAQ;QACP,KAAK,EAAE,KAAK;QAAA,IACZ,WAAW;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,WAAW;QAAA;QAAA,IACpC,QAAQ;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,QAAQ;QAAA;QAAA,IAC9B,KAAK;UAAA,OAAE,KAAK,CAAC,KAAK;QAAA;QAClB,KAAK,EAAE,MAAM,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC;QAAA,IACxC,aAAa;UAAA,OAAE,KAAK,CAAC,MAAM;QAAA;QAAA,IAC3B,MAAM;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,MAAM;QAAA;QAAA,IAC1B,OAAO;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,OAAO;QAAA;MAAA;IAGlC,KAAK,QAAQ;MACX,yBACG,MAAM;QACL,KAAK,EAAE,KAAK;QAAA,IACZ,WAAW;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,WAAW;QAAA;QAAA,IACpC,QAAQ;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,QAAQ;QAAA;QAAA,IAC9B,WAAW;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,WAAW;QAAA;QAAA,IACpC,KAAK;UAAA,OAAE,KAAK,CAAC,KAAK;QAAA;QAClB,KAAK,EAAE,MAAO,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,QAAQ,GAAI,KAAK,CAAC,KAAK,CAAC,CAAC,GAAc,IAAK;QACnF,aAAa,EAAG,KAAK,IAAK,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,SAAS,CAAC;QAAA,IAC1D,OAAO;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,OAAO;QAAA;QAAA,IAC5B,IAAI;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,IAAI;QAAA;QAAA,IACtB,UAAU;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,UAAU;QAAA;QAAA,IAClC,SAAS;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,SAAS;QAAA;MAAA;IAGtC,KAAK,MAAM;MACT,yBACG,SAAS;QACR,KAAK,EAAE,KAAK;QAAA,IACZ,WAAW;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,WAAW;QAAA;QAAA,IACpC,QAAQ;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,QAAQ;QAAA;QAAA,IAC9B,WAAW;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,WAAW;QAAA;QAAA,IACpC,KAAK;UAAA,OAAE,KAAK,CAAC,KAAK;QAAA;QAClB,KAAK,EAAE,MAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAI,KAAK,CAAC,KAAK,CAAC,CAAC,GAAgB,EAAG;QAAA,IAC9E,aAAa;UAAA,OAAE,KAAK,CAAC,MAAM;QAAA;QAAA,IAC3B,OAAO;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,OAAO;QAAA;QAAA,IAC5B,IAAI;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,IAAI;QAAA;QAAA,IACtB,UAAU;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,UAAU;QAAA;MAAA;IAGxC,KAAK,SAAS;MACZ,yBACG,QAAQ;QACP,KAAK,EAAE,KAAK;QAAA,IACZ,WAAW;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,WAAW;QAAA;QAAA,IACpC,QAAQ;UAAA,OAAE,KAAK,CAAC,KAAK,CAAC,QAAQ;QAAA;QAAA,IAC9B,KAAK;UAAA,OAAE,KAAK,CAAC,KAAK;QAAA;QAClB,KAAK,EAAE,MAAM,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QAAA,IACnC,aAAa;UAAA,OAAE,KAAK,CAAC,MAAM;QAAA;MAAA;IAGjC,KAAK,UAAU;MAAE;QACf,MAAM,WAAW,GAAG;UAClB,KAAK;UACL,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW;UACpC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ;UAC9B,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW;UACpC,KAAK,EAAE,KAAK,CAAC,KAAK;UAClB,KAAK,EAAE,MAAO,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,QAAQ,GAAI,KAAK,CAAC,KAAK,CAAC,CAAC,GAAc,IAAK;UACnF,aAAa,EAAG,KAAoB,IAAK,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC;UAClE,SAAS,EAAE;QACb,CAAC;QACD,OAAO,KAAK,CAAC,KAAK,CAAC,QAAQ,qBACxB,UAAU,EAAK,WAAW,sBAE1B,cAAc,eAAK,WAAW;UAAA,IAAE,YAAY;YAAA,OAAE,KAAK,CAAC,KAAK,CAAC,YAAY;UAAA;QAAA,GACxE;MACH;EACF;AACF,CAAC;AAED,MAAM,gBAAgB,GAA2C,KAGhE,IAAkB;EACjB,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;EAClD,MAAM,MAAM,GAAG,MAAM;IACnB,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAA4B,CAAC;EAC1E,CAAC;EACD,MAAM,YAAY,GAAI,KAAkB,IAAK;IAC3C,KAAK,CAAC,cAAc,CAAC,CAAC;IACtB,MAAM,CAAC,CAAC;EACV,CAAC;EAED,iDAEK,YAAY;IAAA,IAAC,KAAK;MAAA,OAAE,KAAK,CAAC,MAAM,CAAC,KAAK;IAAA;IAAA,IAAE,IAAI;MAAA,OAAE,KAAK,CAAC,MAAM,CAAC,IAAI;IAAA;IAAE,KAAK,EAAE,MAAM,KAAK,CAAC,KAAK,CAAC,IAAI;EAAC,gCAE7F,GAAG;IAAA,IAAC,IAAI;MAAA,OAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;IAAA;IAAA,UAC3C,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK;MACjB,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,+BAA2C,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC;MAC/F,yBACG,aAAa;QACZ,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,MAAM,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QAC9B,MAAM,EAAG,KAAK,IAAK,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,KAAK,CAAC;QAChD,KAAK,EAAE,MAAM,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QAC9B,MAAM,EAAE;MAAM;IAGpB;EAAC,gCAIF,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,MAAM,CAAC,UAAU,KAAK,KAAK;IAAA;IAAA;MAAA,+BAExC,KAAK,CAAC,MAAM,CAAC,UAAU,IAAI,iBAAiB,CAAC,CAAC,CAAC,MAAM;IAAA;EAAA,6CAGH,KAAK,CAAC,MAAM,CAAC,OAAO,IAAI,SAAS,0BACrF,KAAK,CAAC,MAAM,CAAC,WAAW,IAAI,iBAAiB,CAAC,CAAC,CAAC,IAAI;AAK/D,CAAC;AAID,MAAM,gBAAgB,GAAG,CAA8B,QAAgC,EAAE,OAA6B,KACpH,UAAU,CAAC,IAAI,CACZ,KAAK,IAAK;EACT,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,YAAY,CAAC,OAAO,EAAE,YAAY,IAAI,EAAE,CAAC;EACnE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,YAAY,CAAwB,EAAE,CAAC;EACjE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC;EACrD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;EACrD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,WAAW,CAAuB,CAAC,CAAC,CAAC;EACjF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,YAAY,CAAC,EAAE,CAAC;EAClE,MAAM,OAAO,GAAG,IAAI,GAAG,CAA4B,CAAC;EACpD,MAAM,QAAQ,GAAG,qBAAqB,cAAc,CAAC,CAAC,EAAE;EACxD,MAAM,SAAS,GAAG,GAAG,QAAQ,UAAU;EACvC,MAAM,QAAQ,GAAI,KAAa,IAAK,GAAG,QAAQ,WAAW,KAAK,EAAE;EAEjE,MAAM,cAAc,GAAG,OAAO,EAAE,cAAc,IAAI,CAAC;EACnD,MAAM,UAAU,GAAG,OAAO,EAAE,UAAU,IAAI,GAAG;EAC7C,MAAM,cAAc,GAAG,QAAQ,CAAC,MAAM,CAAoF;IACxH,QAAQ,EAAG,YAAY,KAAM;MAAE;IAAa,CAAC,CAAC;IAC9C,QAAQ,EAAE,OAAO,YAAY,EAAE,OAAO,KAAK;MACzC,MAAM,MAAM,GAAG,MAAM,QAAQ,CAAC;QAC5B,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,OAAO,CAAC;MACvB,CAAC,CAAC;MACF,OAAO;QAAE,KAAK,EAAE,YAAY;QAAE,KAAK,EAAE,CAAC,MAAM,IAAI,EAAE,EAAE,KAAK,CAAC;MAAE,CAAC;IAC/D,CAAC;IACD,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK;MAC9B,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,YAAY,KAAK,iBAAiB,CAAC,CAAC,EAAE;MAC9D,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC;MACtB,cAAc,CAAC,CAAC,CAAC;MACjB,YAAY,CAAC,IAAI,CAAC;IACpB,CAAC;IACD,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK;MAC3B,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,YAAY,KAAK,iBAAiB,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY,EAAE;MAC7F,QAAQ,CAAC,EAAE,CAAC;MACZ,cAAc,CAAC,CAAC,CAAC;MACjB,YAAY,CAAC,IAAI,CAAC;IACpB;EACF,CAAC,CAAC;EACF,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM;IACnC,MAAM,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACpC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY,EAAE,OAAO,IAAI;IACtD,OAAO,KAAK,CAAC,OAAO,IAAI,qBAAqB,CAAC,CAAC,CAAC,YAAY;EAC9D,CAAC,CAAC;EACF,MAAM,iBAAiB,GAAG,UAAU,CAAC,MAAM;IACzC,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,GAAG,cAAc,EAAE,OAAO,KAAK;IACxD,OAAO,SAAS,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,KAAK,IAAI,IAAI,KAAK,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC;EACpE,CAAC,CAAC;EACF,MAAM,cAAc,GAAG,UAAU,CAAC,MAAM;IACtC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,OAAO,OAAO,EAAE,SAAS,IAAI,qBAAqB,CAAC,CAAC,CAAC,YAAY;IACnF,OAAO,OAAO,EAAE,aAAa,IAAI,iBAAiB,CAAC,CAAC,CAAC,SAAS;EAChE,CAAC,CAAC;EACF,MAAM;IAAE,WAAW,EAAE,cAAc;IAAE,MAAM,EAAE;EAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAE,SAAiB,IAAK;IACpG,oBAAoB,CAAC,SAAS,CAAC;IAC/B,cAAc,CAAC,KAAK,CAAC,CAAC;IACtB,KAAK,cAAc,CAAC,MAAM,CAAC,SAAS,CAAC;EACvC,CAAC,EAAE,UAAU,CAAC;EAEd,MAAM,OAAO,GAAI,IAA0B,IAAK;IAC9C,IAAI,CAAC,IAAI,EAAE;IACX,KAAK,CAAC,IAAI,CAAC;EACb,CAAC;EACD,MAAM,aAAa,GAAI,KAAa,IAAK;IACvC,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC;IACpB,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;IACvB,cAAc,CAAC,CAAC,WAAW,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC;EACrE,CAAC;EAED,YAAY,CAAC,MAAM;IACjB,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC;IACpB,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC;IAChC,IAAI,QAAQ,GAAG,CAAC,EAAE;MAChB,cAAc,CAAC,CAAC,CAAC;MACjB;IACF;IACA,IAAI,WAAW,CAAC,CAAC,GAAG,QAAQ,EAAE,cAAc,CAAC,QAAQ,CAAC;IACtD,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC;MAAE,KAAK,EAAE;IAAU,CAAC,CAAC;EAClE,CAAC,CAAC;EACF,YAAY,CAAC,MAAM;IACjB,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAChC,iBAAiB,CAAC,CAAC,CAAC,CAAC;IACrB,IAAI,SAAS,CAAC,MAAM,GAAG,cAAc,EAAE;MACrC,cAAc,CAAC,CAAC;MAChB,cAAc,CAAC,KAAK,CAAC,CAAC;MACtB,QAAQ,CAAC,EAAE,CAAC;MACZ,cAAc,CAAC,CAAC,CAAC;MACjB,YAAY,CAAC,KAAK,CAAC;MACnB,oBAAoB,CAAC,EAAE,CAAC;MACxB;IACF;IACA,cAAc,CAAC,SAAS,CAAC;EAC3B,CAAC,CAAC;EACF,SAAS,CAAC,MAAM;IACd,cAAc,CAAC,CAAC;IAChB,cAAc,CAAC,KAAK,CAAC,CAAC;EACxB,CAAC,CAAC;EAEF,iDAEK,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,OAAO,EAAE,KAAK;IAAA;IAAA,UAAI,KAAK,6BAAgD,KAAK,CAAC,CAAC;EAAK,sCAGjF,OAAO,EAAE,IAAI,IAAI,cAAc,+CAEnC,QAAQ,uDAGA,OAAO,EAAE,SAAS,IAAI,OAAO,EAAE,KAAK,IAAI,iBAAiB,CAAC,CAAC,CAAC,MAAM,0DAE/D,SAAS,2DACT,iBAAiB,CAAC,CAAC,0DACX,iBAAiB,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,YAAG,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,mBAAG,SAAS,uDAC3F,cAAc,CAAC,OAAO,CAAC,CAAC,mDAC5B,KAAK,CAAC,CAAC,yDAcD,OAAO,EAAE,WAAW,IAAI,iBAAiB,CAAC,CAAC,CAAC,MAAM,4CAMhE,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAAA;IAAA;MAAA;IAAA;EAAA,mCAO1B,iBAAiB,CAAC,CAAC,uCAAuC,oCACzD,iBAAiB,CAAC,CAAC,YAAY,8BAIvC,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,WAAW,CAAC,CAAC;IAAA;IAAA,UACrB,OAAO,6BAEJ,OAAO,CAAC,CAAC;EAEb,gCAEF,IAAI;IAAA,IACH,IAAI;MAAA,OAAE,KAAK,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC;IAAA;IAAA,IACxB,QAAQ;MAAA,gCAEH,cAAc,CAAC,CAAC;IAAA;IAAA;MAAA,oDAIZ,SAAS,uDAA6D,iBAAiB,CAAC,CAAC,CAAC,aAAa,4CAC7G,GAAG;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,CAAC;QAAA;QAAA,UACf,CAAC,IAAI,EAAE,KAAK,mDAOL,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,iDAEN,oBAAW,CAAC,CAAC,qBAAK,KAAK,CAAC,CAAC,gDAC3B,WAAW,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,GAAG,MAAM,YAAG,SAAS,yDACrC,IAAI,CAAC,IAAI,GAAG,MAAM,YAAG,SAAS,4CAMnD,IAAI;UAAA,IAAC,IAAI;YAAA,OAAE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI;UAAA;UAAA;YAAA,kDAEpD,IAAI;cAAA,IACH,IAAI;gBAAA,OAAE,mBAAI,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,OAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;cAAA;cAAA,IAClE,QAAQ;gBAAA,uDAAY,IAAI,CAAC,IAAI,IAAI,YAAY;cAAA;cAAA;gBAAA,sDAEnC,IAAI,CAAC,UAAU;cAAA;YAAA;UAAA;QAAA,cAKpB,IAAI,CAAC,KAAK,8BAClB,IAAI;UAAA,IAAC,IAAI;YAAA,OAAE,IAAI,CAAC,IAAI;UAAA;UAAA,UAAI,WAAW,6BAAa,WAAW,CAAC,CAAC;QAAS;MAG5E;IAAA;EAAA;AASnB,CAAC,EACD;EACE,cAAc,EAAE,uCAAuC;EACvD,gBAAgB,EAAE,gCAAgC;EAClD,YAAY,EAAE,aAAa;EAC3B,MAAM,EAAE,OAAO,EAAE,MAAM;EACvB,cAAc,EAAE,OAAO,EAAE,cAAc;EACvC,OAAO,EAAE,OAAO,EAAE,OAAO;EACzB,SAAS,EAAE,OAAO,EAAE,SAAS,IAAI,OAAO,EAAE,KAAK,IAAI,iBAAiB,CAAC,CAAC,CAAC;AACzE,CACF,CAAC;AAEH,MAAM,UAAU,GAAG,CAAC,OAAe,EAAE,YAAqB,EAAE,OAAuB,KACjF,OAAO,CACJ,IAAI,CAAC;EACJ,GAAG,OAAO;EACV,MAAM,EAAE;IACN,OAAO,EAAE;MAAE,IAAI,EAAE,MAAM;MAAE,OAAO,EAAE,+BAAoC,OAAO;IAAQ,CAAC;IACtF,KAAK,EAAE;MACL,IAAI,EAAE,MAAM;MACZ,KAAK,EAAE,KAAK;MACZ,OAAO,EAAE,YAAY,IAAI;IAC3B;EACF;AACF,CAAC,CAAC,CACD,IAAI,CAAE,MAAM,IAAK,MAAM,EAAE,KAAK,IAAI,IAAI,CAAC;AAE5C,MAAM,YAAY,GAAG,CACnB,OAAe,EACf,YAAqB,EACrB,OAGC,KAED,OAAO,CACJ,IAAI,CAAC;EACJ,GAAG,OAAO;EACV,MAAM,EAAE;IACN,OAAO,EAAE;MAAE,IAAI,EAAE,MAAM;MAAE,OAAO,EAAE,+BAAoC,OAAO;IAAQ,CAAC;IACtF,KAAK,EAAE;MACL,IAAI,EAAE,QAAQ;MACd,KAAK,EAAE,KAAK;MACZ,OAAO,EAAE,YAAY,IAAI,CAAC;MAC1B,GAAG,EAAE,OAAO,EAAE,GAAG;MACjB,GAAG,EAAE,OAAO,EAAE;IAChB;EACF;AACF,CAAC,CAAC,CACD,IAAI,CAAE,MAAM,IAAK,MAAM,EAAE,KAAK,IAAI,IAAI,CAAC;AAE5C,OAAO,MAAM,OAAO,GAAG;EACrB,KAAK,EAAE,CAAC,OAAsB,EAAE,OAAuB,KACrD,UAAU,CAAC,IAAI,CACZ,KAAK,+CAED,YAAY;IAAA,IAAC,KAAK;MAAA,OAAE,OAAO,EAAE,KAAK,IAAI,iBAAiB,CAAC,CAAC,CAAC,IAAI;IAAA;IAAA,IAAE,IAAI;MAAA,OAAE,OAAO,EAAE,IAAI;IAAA;IAAE,KAAK,EAAE,MAAM,KAAK,CAAC;EAAC,cAC3E,OAAO,2CAEmB,OAAO,EAAE,OAAO,IAAI,SAAS,0BACjF,OAAO,EAAE,WAAW,IAAI,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAItD,EACD;IACE,cAAc,EAAE,UAAU,CAAC,OAAO,CAAC;IACnC,gBAAgB,EAAE,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC;IAChD,MAAM,EAAE,OAAO,EAAE,MAAM;IACvB,cAAc,EAAE,OAAO,EAAE,cAAc;IACvC,OAAO,EAAE,OAAO,EAAE,OAAO;IACzB,SAAS,EAAE,OAAO,EAAE,SAAS,IAAI,OAAO,EAAE,KAAK,IAAI,iBAAiB,CAAC,CAAC,CAAC;EACzE,CACF,CAAC;EAEH,OAAO,EAAE,CAAC,OAAsB,EAAE,OAAwC,KACxE,OAAO,CAAC,KAAK,CAAC,OAAO,EAAE;IACrB,GAAG,OAAO;IACV,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,iBAAiB,CAAC,CAAC,CAAC,OAAO;IACpD,IAAI,EAAE,OAAO,EAAE,IAAI,IAAI;EACzB,CAAC,CAAC;EAEJ,OAAO,EAAE,CAAC,OAAsB,EAAE,OAAwB,KAAmC;IAC3F,MAAM,kBAAkB,GAAG,OAAO,EAAE,kBAAkB;IACtD,IAAI,kBAAkB,KAAK,SAAS,KAAK,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,EAAE;MACvH,MAAM,IAAI,KAAK,CAAC,gEAAgE,CAAC;IACnF;IACA,IAAI,iBAA+C;IAEnD,OAAO,UAAU,CAAC,IAAI,CACnB,KAAK,IAAK;MACT,IAAI,CAAC,kBAAkB,EAAE;QACvB,kDAEK,YAAY;UAAA,IAAC,KAAK;YAAA,OAAE,OAAO,EAAE,KAAK;UAAA;UAAA,IAAE,IAAI;YAAA,OAAE,OAAO,EAAE,IAAI;UAAA;UAAE,KAAK,EAAE,MAAM,KAAK,CAAC,KAAK;QAAC,cACpD,OAAO,YAGjC,OAAO,EAAE,UAAU,IAAI,iBAAiB,CAAC,CAAC,CAAC,MAAM,2CAEG,OAAO,EAAE,OAAO,IAAI,SAAS,0BACjF,OAAO,EAAE,WAAW,IAAI,qBAAqB,CAAC,CAAC,CAAC,OAAO;MAKlE;;MAEA;MACA,MAAM,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG,qBAAqB,CAAC,CAAC,CAAC,aAAa,CAAC;QAAE,MAAM,EAAE;MAAY,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC;MACnH,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,YAAY,CAAC,EAAE,CAAC;MAClE,MAAM,UAAU,GAAG,MAAM,iBAAiB,CAAC,CAAC,KAAK,kBAAkB;MACnE,MAAM,MAAM,GAAI,KAAkB,IAAK;QACrC,KAAK,CAAC,cAAc,CAAC,CAAC;QACtB,IAAI,UAAU,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC;MAC/B,CAAC;MAED,kDAEK,YAAY;QAAA,IAAC,KAAK;UAAA,OAAE,OAAO,EAAE,KAAK;QAAA;QAAA,IAAE,IAAI;UAAA,OAAE,OAAO,EAAE,IAAI;QAAA;QAAE,KAAK,EAAE,MAAM,KAAK,CAAC,KAAK;MAAC,cAEnD,OAAO,8BACpC,SAAS;QAAA,IAIR,KAAK;UAAA,QAEA,WAAW,2BAC2B,kBAAkB,IACxD,UAAU;QAAA;QAGf,KAAK,EAAE,iBAAiB;QACxB,aAAa,EAAE,oBAAoB;QACnC,YAAY;QACZ,cAAc;QACd,UAAU,EAAE,KAAK;QACjB,SAAS;QACT,QAAQ;MAAA,cAKP,OAAO,EAAE,UAAU,IAAI,iBAAiB,CAAC,CAAC,CAAC,MAAM,2CAEG,OAAO,EAAE,OAAO,IAAI,SAAS,4CAAY,CAAC,UAAU,CAAC,CAAC,kBAC1G,OAAO,EAAE,WAAW,IAAI,qBAAqB,CAAC,CAAC,CAAC,OAAO;IAKlE,CAAC,EACD;MACE,cAAc,EAAE,UAAU,CAAC,OAAO,CAAC;MACnC,gBAAgB,EAAE,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC;MAChD,YAAY,EAAE,kBAAkB,GAAG,MAAM,iBAAiB,IAAI,IAAI,GAAG,SAAS;MAC9E,MAAM,EAAE,OAAO,EAAE,MAAM;MACvB,cAAc,EAAE,OAAO,EAAE,cAAc;MACvC,OAAO,EAAE,OAAO,EAAE,OAAO;MACzB,SAAS,EAAE,OAAO,EAAE,SAAS,IAAI,OAAO,EAAE,KAAK,IAAI,qBAAqB,CAAC,CAAC,CAAC;IAC7E,CACF,CAAC;EACH,CAAC;EAED,MAAM,EAAE,UAAU;EAClB,YAAY;EAEZ,IAAI,EAAE,MAA8C,MAA4B,IAC9E,CAAC,MAAM,UAAU,CAAC,IAAI,CAA6B,KAAK,sBAAM,gBAAgB;IAAC,MAAM,EAAE,MAAM;IAAE,KAAK,EAAG,KAAK,IAAK,KAAK,CAAC,KAAK;EAAC,EAAI,EAAE;IACjI,cAAc,EAAE,UAAU,CAAC,MAAM,CAAC;IAClC,gBAAgB,EAAE,YAAY,CAAC,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC,MAAM;IACrB,cAAc,EAAE,MAAM,CAAC,cAAc;IACrC,SAAS,EAAE,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,KAAK,IAAI,qBAAqB,CAAC,CAAC,CAAC;EACzE,CAAC,CAAC,KAAK,IAAI;EAEb;AACF;AACA;AACA;AACA;AACA;EACE,MAAM,EAAE,CAA8B,SAA0B,EAAE,OAAuB,KACvF,UAAU,CAAC,IAAI,CACb,CAAC,KAAK,EAAE,OAAO,KAAK;IAClB;IACA,IAAI,OAAO,GAAG,MAAM,KAAK,CAAC,SAAS,CAAC;IACpC,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE;MAC5B,GAAG,OAAO;MACV,iBAAiB,EAAG,OAAO,IAAK;QAC9B,OAAO,CAAC,iBAAiB,CAAC,OAAO,CAAC;QAClC,OAAO,GAAG,MAAM,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;MAC/C;IACF,CAAC,CAAC;IACF,IAAI,OAAO,EAAE,OAAO,KAAK,MAAM,IAAI,OAAO,CAAC,MAAM,KAAK,KAAK,EAAE,OAAO,IAAI;IACxE,kDAEK,IAAI;MAAA,IAAC,IAAI;QAAA,OAAE,OAAO,EAAE,MAAM,KAAK,KAAK;MAAA;MAAA;QAAA,yBAClC,YAAY;UAAA,IAAC,KAAK;YAAA,OAAE,OAAO,EAAE,KAAK;UAAA;UAAA,IAAE,IAAI;YAAA,OAAE,OAAO,EAAE,IAAI;UAAA;UAAE,KAAK,EAAE,MAAM,OAAO,CAAC;QAAC;MAAA;IAAA,cAEhD,IAAI;EAG5C,CAAC,EACD;IACE,cAAc,EAAE,UAAU,CAAC,OAAO,CAAC;IACnC,gBAAgB,EAAE,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC;IAChD,MAAM,EAAE,OAAO,EAAE,MAAM;IACvB,cAAc,EAAE,OAAO,EAAE,cAAc;IACvC,OAAO,EAAE,OAAO,EAAE,OAAO;IACzB,SAAS,EAAE,OAAO,EAAE,SAAS,IAAI,OAAO,EAAE,KAAK,IAAI,iBAAiB,CAAC,CAAC,CAAC;EACzE,CACF,CAAC;EAEH,MAAM,EAAE,gBAAgB;EAExB,KAAK,EAAE,CAAC,OAA6B,EAAE,OAAuB,KAC5D,UAAU,CAAC,IAAI,CACZ,KAAK,+CAED,YAAY;IAAA,IAAC,KAAK;MAAA,OAAE,OAAO,EAAE,KAAK,IAAI,iBAAiB,CAAC,CAAC,CAAC,KAAK;IAAA;IAAA,IAAE,IAAI;MAAA,OAAE,OAAO,EAAE,IAAI,IAAI,oBAAoB;IAAA;IAAE,KAAK,EAAE;EAAK,cAC5F,OAAO,YAGjC,OAAO,EAAE,WAAW,IAAI,iBAAiB,CAAC,CAAC,CAAC,KAAK,EAIzD,EACD;IACE,cAAc,EAAE,UAAU,CAAC;MAAE,GAAG,OAAO;MAAE,OAAO,EAAE;IAAS,CAAC,CAAC;IAC7D,gBAAgB,EAAE,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC;IAChD,MAAM,EAAE,OAAO,EAAE,MAAM;IACvB,cAAc,EAAE,OAAO,EAAE,cAAc;IACvC,OAAO,EAAE,OAAO,EAAE,OAAO;IACzB,SAAS,EAAE,OAAO,EAAE,SAAS,IAAI,OAAO,EAAE,KAAK,IAAI,iBAAiB,CAAC,CAAC,CAAC;EACzE,CACF;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":[],"sources":["feedback/prompts.tsx"],"sourcesContent":["import { mutation, timed } from \"@k2b/stdlib/solid\";\nimport { createEffect, createMemo, createSignal, createUniqueId, For, type JSX, onCleanup, Show } from \"solid-js\";\nimport { createStore } from \"solid-js/store\";\nimport { Checkbox } from \"../inputs/Checkbox\";\nimport { PinInput } from \"../inputs/ChoiceInputs\";\nimport { DatePicker, DateTimePicker } from \"../inputs/DatePicker\";\nimport { ImageInput } from \"../inputs/FileInputs\";\nimport { NumberInput } from \"../inputs/NumberInput\";\nimport { Select } from \"../inputs/Select\";\nimport { resolveSelectMessages } from \"../inputs/select-messages\";\nimport { TagsInput } from \"../inputs/TagsInput\";\nimport { TextInput } from \"../inputs/TextInput\";\nimport { KeyedFor } from \"../internal/keyed-for\";\nimport { resolveUiMessages } from \"../intl/messages\";\nimport { type DialogRender, dialogCore, type OpenDialogOptions } from \"./dialog-core\";\nimport { resolvePromptMessages } from \"./prompt-messages\";\n\nexport interface DialogOptions {\n  signal?: AbortSignal;\n  title?: string;\n  ariaLabel?: string;\n  icon?: string;\n  confirmText?: string;\n  cancelText?: string | false;\n  variant?: \"danger\" | \"primary\" | \"success\";\n  /** `full` fills the available viewport and becomes edge-to-edge on narrow screens. */\n  size?: \"small\" | \"medium\" | \"large\" | \"wide\" | \"full\";\n  surface?: \"default\" | \"bare\";\n  header?: false;\n  cancelBehavior?: OpenDialogOptions[\"cancelBehavior\"];\n  /** Back closes the prompt like Cancel, as in a phone app; see `OpenDialogOptions.history`. */\n  history?: boolean;\n}\n\nexport interface ConfirmOptions extends DialogOptions {\n  confirmationPhrase?: string;\n}\n\ntype PromptContent = string | HTMLElement | JSX.Element;\n\nexport type PromptSearchItem<T = unknown> = {\n  /**\n   * Stable identity of the result, such as its record ID. With it, a newer answer that contains the same result keeps\n   * its row, so a click in progress still lands. Without it, each answer replaces the rows.\n   */\n  id?: string;\n  label: string;\n  desc?: string;\n  icon?: string;\n  previewUrl?: string;\n  value?: T;\n};\n\nexport type PromptSearchInput = {\n  query: string;\n  abortSignal: AbortSignal;\n};\n\nexport type PromptSearchOptions = DialogOptions & {\n  placeholder?: string;\n  icon?: string;\n  initialQuery?: string;\n  minQueryLength?: number;\n  debounceMs?: number;\n  emptyText?: string;\n  noResultsText?: string;\n};\n\nexport type PromptFieldBase<T = any> = {\n  label?: string | false;\n  description?: string;\n  placeholder?: string;\n  required?: boolean;\n  default?: T;\n  validate?: (value: T | undefined) => string | null;\n};\n\nexport type FieldSchema =\n  | (PromptFieldBase<string> & {\n      type: \"text\";\n      multiline?: boolean;\n      lines?: number;\n      maxLength?: number;\n      minLength?: number;\n      icon?: string;\n      activeIcon?: string;\n      password?: boolean;\n      markdown?: boolean;\n    })\n  | (PromptFieldBase<number> & {\n      type: \"number\";\n      min?: number;\n      max?: number;\n      step?: number;\n    })\n  | (PromptFieldBase<string> & {\n      type: \"image\";\n      round?: boolean;\n      ariaLabel?: string;\n      accept?: string;\n    })\n  | (PromptFieldBase<string> & {\n      type: \"pin\";\n      length?: number;\n      stretch?: boolean;\n    })\n  | (PromptFieldBase<string> & {\n      type: \"select\";\n      options: string[] | { id: string; label?: string; description?: string; icon?: string }[];\n      icon?: string;\n      activeIcon?: string;\n      clearable?: boolean;\n    })\n  | (PromptFieldBase<string[]> & {\n      type: \"tags\";\n      maxTags?: number;\n      minTags?: number;\n      icon?: string;\n      activeIcon?: string;\n    })\n  | (PromptFieldBase<boolean> & {\n      type: \"boolean\";\n    })\n  | (PromptFieldBase<string> & {\n      type: \"datetime\";\n      dateOnly?: boolean;\n      /** A date whose time is optional, as `DateTimePicker`'s `optionalTime`. */\n      optionalTime?: boolean;\n    })\n  | {\n      type: \"info\";\n      content: string | JSX.Element | (() => JSX.Element);\n    };\n\ntype InferFieldType<T extends FieldSchema> = T extends { type: \"text\" }\n  ? string\n  : T extends { type: \"number\" }\n    ? number\n    : T extends { type: \"image\" }\n      ? string\n      : T extends { type: \"pin\" }\n        ? string\n        : T extends { type: \"select\" }\n          ? string\n          : T extends { type: \"tags\" }\n            ? string[]\n            : T extends { type: \"boolean\" }\n              ? boolean\n              : T extends { type: \"datetime\" }\n                ? string\n                : T extends { type: \"currency\" }\n                  ? number\n                  : T extends { type: \"info\" }\n                    ? never\n                    : never;\n\ntype InferFormValues<T extends Record<string, FieldSchema>> = {\n  [K in keyof T as T[K] extends { type: \"info\" } ? never : K]: T[K] extends { required: true }\n    ? InferFieldType<T[K]>\n    : InferFieldType<T[K]> | undefined;\n};\n\ntype PromptFormValue = string | number | boolean | string[] | undefined;\ntype PromptFormOptions<T extends Record<string, FieldSchema>> = {\n  signal?: AbortSignal;\n  title?: string;\n  ariaLabel?: string;\n  icon?: string;\n  fields: T;\n  confirmText?: string;\n  cancelText?: string | false;\n  variant?: \"danger\" | \"primary\" | \"success\";\n  size?: DialogOptions[\"size\"];\n  cancelBehavior?: DialogOptions[\"cancelBehavior\"];\n};\n\nconst PHRASE_SLOT = \"\\u0000\";\n\nconst isEmpty = (value: unknown): boolean =>\n  value === undefined || value === null || value === \"\" || (Array.isArray(value) && value.length === 0);\n\nexport const createFormState = <T extends Record<string, FieldSchema>>(schema: T) => {\n  const messages = resolveUiMessages();\n  const promptMessages = resolvePromptMessages();\n  const [values, setValues] = createStore<Record<string, PromptFormValue>>({});\n  const [errors, setErrors] = createStore<Record<string, string | undefined>>({});\n  // Errors appear with the first submit and then follow every change. Before that, a check that fails mid-input,\n  // such as a URL still being typed, would interrupt the user with an alert on the first character.\n  let submitted = false;\n\n  for (const [key, field] of Object.entries(schema)) {\n    if (field.type !== \"info\" && \"default\" in field) setValues(key, field.default as PromptFormValue);\n  }\n\n  const validateField = (key: string, value: PromptFormValue): string | null => {\n    const field = schema[key];\n    if (!field || field.type === \"info\") return null;\n    if (field.type === \"boolean\" && field.required && value !== true) return messages.required;\n    if (field.required && isEmpty(value)) return messages.required;\n    if (\"validate\" in field && field.validate) {\n      const customError = (field.validate as (next: never) => string | null)(value as never);\n      if (customError) return customError;\n    }\n    if (field.type === \"text\" && typeof value === \"string\" && value.length > 0) {\n      if (field.minLength !== undefined && value.length < field.minLength) return promptMessages.minCharacters({ count: field.minLength });\n      if (field.maxLength !== undefined && value.length > field.maxLength) return promptMessages.maxCharacters({ count: field.maxLength });\n    }\n    if (field.type === \"tags\" && Array.isArray(value) && value.length > 0) {\n      if (field.minTags !== undefined && value.length < field.minTags) return promptMessages.minTags({ count: field.minTags });\n      if (field.maxTags !== undefined && value.length > field.maxTags) return promptMessages.maxTags({ count: field.maxTags });\n    }\n    return null;\n  };\n\n  const updateField = (key: string, value: PromptFormValue) => {\n    setValues(key, value);\n    if (submitted) setErrors(key, validateField(key, value) ?? undefined);\n  };\n\n  const validateAll = (): boolean => {\n    submitted = true;\n    let valid = true;\n    for (const [key, field] of Object.entries(schema)) {\n      if (field.type === \"info\") continue;\n      const error = validateField(key, values[key]);\n      setErrors(key, error ?? undefined);\n      if (error) valid = false;\n    }\n    return valid;\n  };\n\n  const reset = () => {\n    submitted = false;\n    for (const [key, field] of Object.entries(schema)) {\n      if (field.type === \"info\") continue;\n      setValues(key, \"default\" in field ? (field.default as PromptFormValue) : undefined);\n      setErrors(key, undefined);\n    }\n  };\n\n  return { values, errors, updateField, validateAll, reset };\n};\n\nexport const DialogHeader = (props: { close: () => void; title?: string; icon?: string }): JSX.Element => (\n  <header class=\"k2b-dialog__header\">\n    <Show when={props.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n    <Show when={props.title} fallback={<span class=\"k2b-dialog__header-spacer\" />}>\n      {(title) => <h2>{title()}</h2>}\n    </Show>\n    <button type=\"button\" class=\"k2b-dialog__close\" aria-label={resolveUiMessages().closeDialog} onClick={props.close}>\n      <i class=\"ti ti-x\" aria-hidden=\"true\" />\n    </button>\n  </header>\n);\n\nconst panelClass = (options?: Pick<DialogOptions, \"size\" | \"surface\" | \"variant\">): string => {\n  const size = options?.size ?? \"medium\";\n  const variant = options?.variant && options.variant !== \"primary\" ? ` k2b-dialog--${options.variant}` : \"\";\n  return `k2b-dialog k2b-dialog--${size}${variant}${options?.surface === \"bare\" ? \" is-bare\" : \"\"}`;\n};\n\nconst contentClass = (surface?: DialogOptions[\"surface\"]): string =>\n  surface === \"bare\" ? \"k2b-dialog__viewport is-bare\" : \"k2b-dialog__viewport\";\n\nconst renderInfo = (content: Extract<FieldSchema, { type: \"info\" }>[\"content\"]): JSX.Element => {\n  if (typeof content === \"string\") return <p>{content}</p>;\n  if (typeof content === \"function\") return content();\n  return content;\n};\n\nconst PromptControl = (props: {\n  field: Exclude<FieldSchema, { type: \"info\" }>;\n  value: () => PromptFormValue;\n  update: (value: PromptFormValue) => void;\n  error: () => string | undefined;\n  submit: () => void;\n}): JSX.Element => {\n  const label = props.field.label || undefined;\n\n  switch (props.field.type) {\n    case \"text\":\n      return (\n        <TextInput\n          label={label}\n          description={props.field.description}\n          required={props.field.required}\n          placeholder={props.field.placeholder}\n          error={props.error}\n          value={String(props.value() ?? \"\")}\n          onValueChange={(value) => props.update(value ?? undefined)}\n          onSubmit={props.submit}\n          multiline={props.field.multiline}\n          lines={props.field.lines}\n          icon={props.field.icon}\n          activeIcon={props.field.activeIcon}\n          password={props.field.password}\n          markdown={props.field.markdown}\n          minLength={props.field.minLength}\n          maxLength={props.field.maxLength}\n        />\n      );\n    case \"number\":\n      return (\n        <NumberInput\n          label={label}\n          description={props.field.description}\n          required={props.field.required}\n          placeholder={props.field.placeholder}\n          error={props.error}\n          value={typeof props.value() === \"number\" ? (props.value() as number) : null}\n          onValueChange={(value) => props.update(value ?? undefined)}\n          min={props.field.min}\n          max={props.field.max}\n          step={props.field.step}\n        />\n      );\n    case \"image\":\n      return (\n        <ImageInput\n          label={label}\n          description={props.field.description}\n          required={props.field.required}\n          error={props.error}\n          value={() => (typeof props.value() === \"string\" ? (props.value() as string) : null)}\n          onValueChange={(value) => props.update(value ?? undefined)}\n          round={props.field.round}\n          aria-label={props.field.ariaLabel}\n          accept={props.field.accept}\n        />\n      );\n    case \"pin\":\n      return (\n        <PinInput\n          label={label}\n          description={props.field.description}\n          required={props.field.required}\n          error={props.error}\n          value={() => String(props.value() ?? \"\")}\n          onValueChange={props.update}\n          length={props.field.length}\n          stretch={props.field.stretch}\n        />\n      );\n    case \"select\":\n      return (\n        <Select\n          label={label}\n          description={props.field.description}\n          required={props.field.required}\n          placeholder={props.field.placeholder}\n          error={props.error}\n          value={() => (typeof props.value() === \"string\" ? (props.value() as string) : null)}\n          onValueChange={(value) => props.update(value ?? undefined)}\n          options={props.field.options}\n          icon={props.field.icon}\n          activeIcon={props.field.activeIcon}\n          clearable={props.field.clearable}\n        />\n      );\n    case \"tags\":\n      return (\n        <TagsInput\n          label={label}\n          description={props.field.description}\n          required={props.field.required}\n          placeholder={props.field.placeholder}\n          error={props.error}\n          value={() => (Array.isArray(props.value()) ? (props.value() as string[]) : [])}\n          onValueChange={props.update}\n          maxTags={props.field.maxTags}\n          icon={props.field.icon}\n          activeIcon={props.field.activeIcon}\n        />\n      );\n    case \"boolean\":\n      return (\n        <Checkbox\n          label={label}\n          description={props.field.description}\n          required={props.field.required}\n          error={props.error}\n          value={() => Boolean(props.value())}\n          onValueChange={props.update}\n        />\n      );\n    case \"datetime\": {\n      const pickerProps = {\n        label,\n        description: props.field.description,\n        required: props.field.required,\n        placeholder: props.field.placeholder,\n        error: props.error,\n        value: () => (typeof props.value() === \"string\" ? (props.value() as string) : null),\n        onValueChange: (value: string | null) => props.update(value ?? \"\"),\n        clearable: true,\n      };\n      return props.field.dateOnly ? (\n        <DatePicker {...pickerProps} />\n      ) : (\n        <DateTimePicker {...pickerProps} optionalTime={props.field.optionalTime} />\n      );\n    }\n  }\n};\n\nconst PromptFormDialog = <T extends Record<string, FieldSchema>>(props: {\n  config: PromptFormOptions<T>;\n  close: (value: InferFormValues<T> | null) => void;\n}): JSX.Element => {\n  const state = createFormState(props.config.fields);\n  const submit = () => {\n    if (state.validateAll()) props.close(state.values as InferFormValues<T>);\n  };\n  const handleSubmit = (event: SubmitEvent) => {\n    event.preventDefault();\n    submit();\n  };\n\n  return (\n    <form class=\"k2b-dialog__panel\" onSubmit={handleSubmit}>\n      <DialogHeader title={props.config.title} icon={props.config.icon} close={() => props.close(null)} />\n      <div class=\"k2b-dialog__body k2b-prompt-form\">\n        <For each={Object.entries(props.config.fields)}>\n          {([key, field]) => {\n            if (field.type === \"info\") return <div class=\"k2b-prompt-form__info\">{renderInfo(field.content)}</div>;\n            return (\n              <PromptControl\n                field={field}\n                value={() => state.values[key]}\n                update={(value) => state.updateField(key, value)}\n                error={() => state.errors[key]}\n                submit={submit}\n              />\n            );\n          }}\n        </For>\n      </div>\n      <footer class=\"k2b-dialog__actions\">\n        <Show when={props.config.cancelText !== false}>\n          <button type=\"button\" class=\"k2b-button\" data-variant=\"secondary\" onClick={() => props.close(null)}>\n            {props.config.cancelText || resolveUiMessages().cancel}\n          </button>\n        </Show>\n        <button type=\"submit\" class=\"k2b-button\" data-variant={props.config.variant ?? \"primary\"}>\n          {props.config.confirmText ?? resolveUiMessages().save}\n        </button>\n      </footer>\n    </form>\n  );\n};\n\n// Results without an ID keep today's behavior: each object is its own identity, so a new answer replaces the row.\nconst anonymousRows = new WeakMap<object, string>();\nlet anonymousRow = 0;\nconst searchRowIdentity = (item: PromptSearchItem<unknown>): string => {\n  if (item.id !== undefined) return `id:${item.id}`;\n  const known = anonymousRows.get(item);\n  if (known !== undefined) return known;\n  const key = `object:${anonymousRow++}`;\n  anonymousRows.set(item, key);\n  return key;\n};\n\ntype CloudSearchResolver<T> = (input: PromptSearchInput) => Promise<PromptSearchItem<T>[]> | PromptSearchItem<T>[];\n\nconst openSearchPrompt = <T extends unknown = unknown>(resolver: CloudSearchResolver<T>, options?: PromptSearchOptions) =>\n  dialogCore.open<PromptSearchItem<T>>(\n    (close) => {\n      const [query, setQuery] = createSignal(options?.initialQuery ?? \"\");\n      const [items, setItems] = createSignal<PromptSearchItem<T>[]>([]);\n      const [activeIndex, setActiveIndex] = createSignal(0);\n      const [hasLoaded, setHasLoaded] = createSignal(false);\n      const [failedPreviews, setFailedPreviews] = createStore<Record<number, true>>({});\n      const [activeSearchQuery, setActiveSearchQuery] = createSignal(\"\");\n      const rowRefs = new Map<number, HTMLButtonElement>();\n      const searchId = `k2b-prompt-search-${createUniqueId()}`;\n      const listboxId = `${searchId}-listbox`;\n      const optionId = (index: number) => `${searchId}-option-${index}`;\n\n      const minQueryLength = options?.minQueryLength ?? 0;\n      const debounceMs = options?.debounceMs ?? 180;\n      const searchMutation = mutation.create<{ query: string; items: PromptSearchItem<T>[] }, string, { requestQuery: string }>({\n        onBefore: (requestQuery) => ({ requestQuery }),\n        mutation: async (requestQuery, context) => {\n          const result = await resolver({\n            query: requestQuery,\n            abortSignal: context.abortSignal,\n          });\n          return { query: requestQuery, items: (result ?? []).slice() };\n        },\n        onSuccess: (result, context) => {\n          if (!context || context.requestQuery !== activeSearchQuery()) return;\n          setItems(result.items);\n          setActiveIndex(0);\n          setHasLoaded(true);\n        },\n        onError: (error, context) => {\n          if (!context || context.requestQuery !== activeSearchQuery() || error.name === \"AbortError\") return;\n          setItems([]);\n          setActiveIndex(0);\n          setHasLoaded(true);\n        },\n      });\n      const searchError = createMemo(() => {\n        const error = searchMutation.error();\n        if (!error || error.name === \"AbortError\") return null;\n        return error.message || resolvePromptMessages().searchFailed;\n      });\n      const shouldShowResults = createMemo(() => {\n        if (query().trim().length < minQueryLength) return false;\n        return hasLoaded() || searchError() !== null || items().length > 0;\n      });\n      const emptyStateText = createMemo(() => {\n        if (!hasLoaded()) return options?.emptyText ?? resolveSelectMessages().typeToSearch;\n        return options?.noResultsText ?? resolveUiMessages().noResults;\n      });\n      const { debouncedFn: debounceSearch, cancel: cancelDebounce } = timed.debounce((nextQuery: string) => {\n        setActiveSearchQuery(nextQuery);\n        searchMutation.abort();\n        void searchMutation.mutate(nextQuery);\n      }, debounceMs);\n\n      const execute = (item?: PromptSearchItem<T>) => {\n        if (!item) return;\n        close(item);\n      };\n      const moveSelection = (delta: -1 | 1) => {\n        const list = items();\n        if (list.length === 0) return;\n        setActiveIndex((activeIndex() + delta + list.length) % list.length);\n      };\n\n      createEffect(() => {\n        const list = items();\n        const maxIndex = list.length - 1;\n        if (maxIndex < 0) {\n          setActiveIndex(0);\n          return;\n        }\n        if (activeIndex() > maxIndex) setActiveIndex(maxIndex);\n        rowRefs.get(activeIndex())?.scrollIntoView({ block: \"nearest\" });\n      });\n      createEffect(() => {\n        const nextQuery = query().trim();\n        setFailedPreviews({});\n        if (nextQuery.length < minQueryLength) {\n          cancelDebounce();\n          searchMutation.abort();\n          setItems([]);\n          setActiveIndex(0);\n          setHasLoaded(false);\n          setActiveSearchQuery(\"\");\n          return;\n        }\n        debounceSearch(nextQuery);\n      });\n      onCleanup(() => {\n        cancelDebounce();\n        searchMutation.abort();\n      });\n\n      return (\n        <div class=\"k2b-prompt-search-shell\">\n          <Show when={options?.title}>{(title) => <p class=\"k2b-prompt-search-shell__title\">{title()}</p>}</Show>\n          <div class=\"k2b-prompt-search\">\n            <label class=\"k2b-prompt-search__input\">\n              <i class={options?.icon ?? \"ti ti-search\"} aria-hidden=\"true\" />\n              <input\n                id={searchId}\n                type=\"search\"\n                role=\"combobox\"\n                aria-label={options?.ariaLabel ?? options?.title ?? resolveUiMessages().search}\n                aria-autocomplete=\"list\"\n                aria-controls={listboxId}\n                aria-expanded={shouldShowResults()}\n                aria-activedescendant={shouldShowResults() && items().length > 0 ? optionId(activeIndex()) : undefined}\n                aria-busy={searchMutation.loading()}\n                value={query()}\n                onInput={(event) => setQuery(event.currentTarget.value)}\n                onKeyDown={(event) => {\n                  if (event.key === \"ArrowDown\") {\n                    event.preventDefault();\n                    moveSelection(1);\n                  } else if (event.key === \"ArrowUp\") {\n                    event.preventDefault();\n                    moveSelection(-1);\n                  } else if (event.key === \"Enter\") {\n                    event.preventDefault();\n                    execute(items()[activeIndex()]);\n                  }\n                }}\n                placeholder={options?.placeholder ?? resolveUiMessages().search}\n                spellcheck={false}\n                autocapitalize=\"off\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n              />\n              <Show when={searchMutation.loading()}>\n                <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n              </Show>\n            </label>\n            <div\n              class=\"k2b-prompt-search__collapse\"\n              style={{\n                height: shouldShowResults() ? \"var(--k2b-search-body-max)\" : \"0px\",\n                opacity: shouldShowResults() ? \"1\" : \"0\",\n              }}\n            >\n              <div class=\"k2b-prompt-search__results\" onWheel={(event) => event.stopPropagation()}>\n                <Show when={searchError()}>\n                  {(message) => (\n                    <div class=\"k2b-prompt-search__error\" role=\"status\" aria-live=\"polite\">\n                      {message()}\n                    </div>\n                  )}\n                </Show>\n                <Show\n                  when={items().length > 0}\n                  fallback={\n                    <p role=\"status\" aria-live=\"polite\">\n                      {emptyStateText()}\n                    </p>\n                  }\n                >\n                  <div id={listboxId} class=\"k2b-prompt-search__list\" role=\"listbox\" aria-label={resolveUiMessages().searchResults}>\n                    <KeyedFor each={items()} by={searchRowIdentity}>\n                      {(item, index) => (\n                        <button\n                          ref={(element) => {\n                            if (!element) rowRefs.delete(index());\n                            else rowRefs.set(index(), element);\n                          }}\n                          type=\"button\"\n                          id={optionId(index())}\n                          role=\"option\"\n                          aria-selected={activeIndex() === index()}\n                          data-active={activeIndex() === index() ? \"true\" : undefined}\n                          data-has-description={item().desc ? \"true\" : undefined}\n                          onMouseEnter={() => setActiveIndex(index())}\n                          onClick={() => execute(item())}\n                        >\n                          {/* Cloud keeps the preview box mounted once a row declares an image, so a\n                              failed load swaps in the fallback glyph instead of collapsing the row. */}\n                          <Show when={item().previewUrl?.startsWith(\"/\") || item().icon}>\n                            <span class=\"k2b-prompt-search__preview\">\n                              <Show\n                                when={item().previewUrl?.startsWith(\"/\") && !failedPreviews[index()]}\n                                fallback={<i class={item().icon ?? \"ti ti-file\"} aria-hidden=\"true\" />}\n                              >\n                                <img src={item().previewUrl} alt=\"\" onError={() => setFailedPreviews(index(), true)} />\n                              </Show>\n                            </span>\n                          </Show>\n                          <span class=\"k2b-prompt-search__copy\">\n                            <strong>{item().label}</strong>\n                            <Show when={item().desc}>{(description) => <small>{description()}</small>}</Show>\n                          </span>\n                        </button>\n                      )}\n                    </KeyedFor>\n                  </div>\n                </Show>\n              </div>\n            </div>\n          </div>\n        </div>\n      );\n    },\n    {\n      panelClassName: \"k2b-dialog k2b-dialog--search is-bare\",\n      contentClassName: \"k2b-dialog__viewport is-search\",\n      initialFocus: \"first-input\",\n      signal: options?.signal,\n      cancelBehavior: options?.cancelBehavior,\n      history: options?.history,\n      ariaLabel: options?.ariaLabel ?? options?.title ?? resolveUiMessages().search,\n    },\n  );\n\nconst promptText = (content: string, defaultValue?: string, options?: DialogOptions) =>\n  prompts\n    .form({\n      ...options,\n      fields: {\n        message: { type: \"info\", content: () => <div class=\"k2b-prompt-copy\">{content}</div> },\n        value: {\n          type: \"text\",\n          label: false,\n          default: defaultValue || \"\",\n        },\n      },\n    })\n    .then((result) => result?.value ?? null);\n\nconst promptNumber = (\n  content: string,\n  defaultValue?: number,\n  options?: DialogOptions & {\n    min?: number;\n    max?: number;\n  },\n) =>\n  prompts\n    .form({\n      ...options,\n      fields: {\n        message: { type: \"info\", content: () => <div class=\"k2b-prompt-copy\">{content}</div> },\n        value: {\n          type: \"number\",\n          label: false,\n          default: defaultValue || 0,\n          min: options?.min,\n          max: options?.max,\n        },\n      },\n    })\n    .then((result) => result?.value ?? null);\n\nexport const prompts = {\n  alert: (content: PromptContent, options?: DialogOptions): Promise<void | undefined> =>\n    dialogCore.open<void>(\n      (close) => (\n        <div class=\"k2b-dialog__panel\">\n          <DialogHeader title={options?.title || resolveUiMessages().info} icon={options?.icon} close={() => close()} />\n          <div class=\"k2b-dialog__body\">{content}</div>\n          <footer class=\"k2b-dialog__actions\">\n            <button type=\"button\" class=\"k2b-button\" data-variant={options?.variant ?? \"primary\"} onClick={() => close()}>\n              {options?.confirmText || resolveUiMessages().ok}\n            </button>\n          </footer>\n        </div>\n      ),\n      {\n        panelClassName: panelClass(options),\n        contentClassName: contentClass(options?.surface),\n        signal: options?.signal,\n        cancelBehavior: options?.cancelBehavior,\n        history: options?.history,\n        ariaLabel: options?.ariaLabel ?? options?.title ?? resolveUiMessages().info,\n      },\n    ),\n\n  success: (content: PromptContent, options?: Omit<DialogOptions, \"variant\">): Promise<void | undefined> =>\n    prompts.alert(content, {\n      ...options,\n      variant: \"success\",\n      title: options?.title ?? resolveUiMessages().success,\n      icon: options?.icon ?? \"ti ti-check\",\n    }),\n\n  confirm: (content: PromptContent, options?: ConfirmOptions): Promise<boolean | undefined> => {\n    const confirmationPhrase = options?.confirmationPhrase;\n    if (confirmationPhrase !== undefined && (confirmationPhrase.trim().length === 0 || /[\\r\\n\\t]/.test(confirmationPhrase))) {\n      throw new Error(\"confirmationPhrase must be non-empty, visible, and single-line\");\n    }\n    let confirmationInput: HTMLInputElement | undefined;\n\n    return dialogCore.open<boolean>(\n      (close) => {\n        if (!confirmationPhrase) {\n          return (\n            <div class=\"k2b-dialog__panel\">\n              <DialogHeader title={options?.title} icon={options?.icon} close={() => close(false)} />\n              <div class=\"k2b-dialog__body\">{content}</div>\n              <footer class=\"k2b-dialog__actions\">\n                <button type=\"button\" class=\"k2b-button\" data-variant=\"secondary\" onClick={() => close(false)}>\n                  {options?.cancelText || resolveUiMessages().cancel}\n                </button>\n                <button type=\"button\" class=\"k2b-button\" data-variant={options?.variant ?? \"primary\"} onClick={() => close(true)}>\n                  {options?.confirmText || resolvePromptMessages().confirm}\n                </button>\n              </footer>\n            </div>\n          );\n        }\n\n        // The catalog owns word order; the slot marks where the verbatim phrase is rendered as code.\n        const [labelBefore, labelAfter] = resolvePromptMessages().typeToConfirm({ phrase: PHRASE_SLOT }).split(PHRASE_SLOT);\n        const [confirmationValue, setConfirmationValue] = createSignal(\"\");\n        const canConfirm = () => confirmationValue() === confirmationPhrase;\n        const submit = (event: SubmitEvent) => {\n          event.preventDefault();\n          if (canConfirm()) close(true);\n        };\n\n        return (\n          <form class=\"k2b-dialog__panel\" onSubmit={submit}>\n            <DialogHeader title={options?.title} icon={options?.icon} close={() => close(false)} />\n            <div class=\"k2b-dialog__body k2b-prompt-form\">\n              <div class=\"k2b-prompt-copy\">{content}</div>\n              <TextInput\n                ref={(element) => {\n                  confirmationInput = element;\n                }}\n                label={\n                  <>\n                    {labelBefore}\n                    <code class=\"k2b-confirmation-phrase\">{confirmationPhrase}</code>\n                    {labelAfter}\n                  </>\n                }\n                value={confirmationValue}\n                onValueChange={setConfirmationValue}\n                autocomplete=\"off\"\n                autocapitalize=\"off\"\n                spellcheck={false}\n                monospace\n                required\n              />\n            </div>\n            <footer class=\"k2b-dialog__actions\">\n              <button type=\"button\" class=\"k2b-button\" data-variant=\"secondary\" onClick={() => close(false)}>\n                {options?.cancelText || resolveUiMessages().cancel}\n              </button>\n              <button type=\"submit\" class=\"k2b-button\" data-variant={options?.variant ?? \"primary\"} disabled={!canConfirm()}>\n                {options?.confirmText || resolvePromptMessages().confirm}\n              </button>\n            </footer>\n          </form>\n        );\n      },\n      {\n        panelClassName: panelClass(options),\n        contentClassName: contentClass(options?.surface),\n        initialFocus: confirmationPhrase ? () => confirmationInput ?? null : undefined,\n        signal: options?.signal,\n        cancelBehavior: options?.cancelBehavior,\n        history: options?.history,\n        ariaLabel: options?.ariaLabel ?? options?.title ?? resolvePromptMessages().confirmation,\n      },\n    );\n  },\n\n  prompt: promptText,\n  promptNumber,\n\n  form: async <T extends Record<string, FieldSchema>>(config: PromptFormOptions<T>): Promise<InferFormValues<T> | null> =>\n    (await dialogCore.open<InferFormValues<T> | null>((close) => <PromptFormDialog config={config} close={(value) => close(value)} />, {\n      panelClassName: panelClass(config),\n      contentClassName: contentClass(),\n      signal: config.signal,\n      cancelBehavior: config.cancelBehavior,\n      ariaLabel: config.ariaLabel ?? config.title ?? resolvePromptMessages().form,\n    })) ?? null,\n\n  /**\n   * Open custom content with a typed close callback and the dialog render context.\n   * Register a dismiss handler to guard Escape, backdrop clicks and the supplied header's close button,\n   * for example while saving. Explicit close(result) bypasses the guard. Without a handler, dismissal\n   * keeps its existing behavior, including a header close button independent of cancelBehavior.\n   */\n  dialog: <T extends unknown = unknown>(component: DialogRender<T>, options?: DialogOptions): Promise<T | undefined> =>\n    dialogCore.open<T>(\n      (close, context) => {\n        // A dismiss handler the component sets guards the header's close button as well as Escape and the backdrop.\n        let dismiss = () => close(undefined);\n        const body = component(close, {\n          ...context,\n          setDismissHandler: (handler) => {\n            context.setDismissHandler(handler);\n            dismiss = () => void context.requestDismiss();\n          },\n        });\n        if (options?.surface === \"bare\" && options.header === false) return body;\n        return (\n          <div class=\"k2b-dialog__panel k2b-dialog__stack\">\n            <Show when={options?.header !== false}>\n              <DialogHeader title={options?.title} icon={options?.icon} close={() => dismiss()} />\n            </Show>\n            <div class=\"k2b-dialog__content\">{body}</div>\n          </div>\n        );\n      },\n      {\n        panelClassName: panelClass(options),\n        contentClassName: contentClass(options?.surface),\n        signal: options?.signal,\n        cancelBehavior: options?.cancelBehavior,\n        history: options?.history,\n        ariaLabel: options?.ariaLabel ?? options?.title ?? resolveUiMessages().dialog,\n      },\n    ),\n\n  search: openSearchPrompt,\n\n  error: (content: string | HTMLElement, options?: DialogOptions) =>\n    dialogCore.open(\n      (close) => (\n        <div class=\"k2b-dialog__panel\">\n          <DialogHeader title={options?.title ?? resolveUiMessages().error} icon={options?.icon ?? \"ti ti-alert-circle\"} close={close} />\n          <div class=\"k2b-dialog__body\">{content}</div>\n          <footer class=\"k2b-dialog__actions\">\n            <button type=\"button\" class=\"k2b-button\" onClick={() => close()}>\n              {options?.confirmText || resolveUiMessages().close}\n            </button>\n          </footer>\n        </div>\n      ),\n      {\n        panelClassName: panelClass({ ...options, variant: \"danger\" }),\n        contentClassName: contentClass(options?.surface),\n        signal: options?.signal,\n        cancelBehavior: options?.cancelBehavior,\n        history: options?.history,\n        ariaLabel: options?.ariaLabel ?? options?.title ?? resolveUiMessages().error,\n      },\n    ),\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/inputs/Combobox.js

@@ -17,7 +17,7 @@ var _tmpl$ = "<i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\"></i>",
   _tmpl$9 = ["<i", " aria-hidden=\"true\"></i>"],
   _tmpl$0 = ["<small>", "</small>"],
   _tmpl$1 = ["<div class=\"k2b-choice-footer\">", "</div>"];
-import { createEffect, createSignal, For, on, Show } from "solid-js";
+import { createEffect, createMemo, createSignal, For, on, Show } from "solid-js";
 import { createFieldMeta, Field, fieldControlAria } from "../internal/field";
 import { useUiMessages } from "../intl/messages";
 import { createChoiceLoader, createChoicePopover, nextEnabledChoiceIndex } from "./choice";
@@ -51,6 +51,7 @@ export function Combobox(props) {
   const popover = createChoicePopover(() => Boolean(props.disabled || props.readOnly));
   // A host notice or an error replaces the results; hidden results are never selectable.
   const options = () => props.status || loader.error() ? [] : loader.options();
+  const optionsById = createMemo(() => new Map(options().map(option => [option.value, option])));
   const focusedOption = () => options()[focusedIndex()];
   const searchable = value => value.trim().length >= (props.minQueryLength ?? 0);
   const focus = index => {
@@ -194,7 +195,7 @@ export function Combobox(props) {
         children: message => _$ssr(_tmpl$5, _$escape(message()), _$escape(messages().retry))
       })), _$escape(_$createComponent(For, {
         get each() {
-          return options();
+          return options().map(option => option.value);
         },
         get fallback() {
           return _$createComponent(Show, {
@@ -219,17 +220,21 @@ export function Combobox(props) {
             }
           });
         },
-        children: (option, index) => _$ssr(_tmpl$8, `${_$escape(listboxId, true)}-${_$escape(index(), true)}`, _$ssrAttribute("aria-selected", _$escape(index(), true) === _$escape(focusedIndex(), true), false) + _$ssrAttribute("data-focused", index() === focusedIndex() ? "true" : _$escape(undefined, true), false), _$escape(_$createComponent(Show, {
-          get when() {
-            return option.icon;
-          },
-          children: icon => _$ssr(_tmpl$9, _$ssrAttribute("class", _$escape(iconClass(icon()), true), false))
-        })), _$escape(option.label), _$escape(_$createComponent(Show, {
-          get when() {
-            return option.description;
-          },
-          children: description => _$ssr(_tmpl$0, _$escape(description()))
-        })))
+        children: (id, index) => {
+          const first = optionsById().get(id);
+          const option = () => optionsById().get(id) ?? first;
+          return _$ssr(_tmpl$8, `${_$escape(listboxId, true)}-${_$escape(index(), true)}`, _$ssrAttribute("aria-selected", _$escape(index(), true) === _$escape(focusedIndex(), true), false) + _$ssrAttribute("data-focused", index() === focusedIndex() ? "true" : _$escape(undefined, true), false), _$escape(_$createComponent(Show, {
+            get when() {
+              return option().icon;
+            },
+            children: icon => _$ssr(_tmpl$9, _$ssrAttribute("class", _$escape(iconClass(icon()), true), false))
+          })), _$escape(option().label), _$escape(_$createComponent(Show, {
+            get when() {
+              return option().description;
+            },
+            children: description => _$ssr(_tmpl$0, _$escape(description()))
+          })));
+        }
       })), _$escape(_$createComponent(Show, {
         get when() {
           return props.footer;

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/Combobox.tsx"],"sourcesContent":["import { createEffect, createSignal, For, type JSX, on, Show } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { type ChoiceOption, createChoiceLoader, createChoicePopover, nextEnabledChoiceIndex } from \"./choice\";\nimport type { FieldProps, MaybeAccessor } from \"./field-contract\";\nimport { resolveMaybeAccessor } from \"./field-contract\";\nimport { useSelectMessages } from \"./select-messages\";\n\nexport type ComboboxOption = { id: string; label: string; description?: string; icon?: string };\nexport type ComboboxProps = FieldProps & {\n  readOnly?: boolean;\n  query?: MaybeAccessor<string>;\n  onQueryChange?: (query: string) => void;\n  placeholder?: string;\n  fetchData: (query: string, signal: AbortSignal) => Promise<ComboboxOption[]>;\n  onSelect: (option: ComboboxOption) => void;\n  debounceMs?: number;\n  /** The query is the field's own value: picking or closing keeps the typed text, and Enter without an active option only closes the list. */\n  freeText?: boolean;\n  /** Below this many characters nothing loads and the list stays closed. */\n  minQueryLength?: number;\n  /** This result (by position) is active as soon as results arrive, so Enter takes it. */\n  autoHighlight?: number;\n  /** Replaces the results with a host-owned notice, such as an exhausted quota; nothing loads while it is set. */\n  status?: JSX.Element;\n  /** Shown instead of the default text when a search finds nothing. */\n  empty?: JSX.Element;\n  /** One line under the results, such as their source. */\n  footer?: JSX.Element;\n};\n\nconst iconClass = (icon: string) => (icon.split(/\\s+/).includes(\"ti\") ? icon : `ti ${icon}`);\n\nexport function Combobox(props: ComboboxProps): JSX.Element {\n  const messages = useUiMessages();\n  const selectMessages = useSelectMessages();\n  const meta = createFieldMeta(props.id);\n  const listboxId = `${meta.controlId}-listbox`;\n  const [localQuery, setLocalQuery] = createSignal(\"\");\n  const query = () => resolveMaybeAccessor(props.query) ?? localQuery();\n  const setQuery = (value: string) => {\n    setLocalQuery(value);\n    props.onQueryChange?.(value);\n  };\n  const error = () => resolveMaybeAccessor(props.error);\n  const [focusedIndex, setFocusedIndex] = createSignal(-1);\n  let inputRef: HTMLInputElement | undefined;\n  let optionRefs: HTMLButtonElement[] = [];\n  const loader = createChoiceLoader(\n    () => async (value, signal) => (await props.fetchData(value, signal)).map((option) => ({ ...option, value: option.id })),\n    // Cloud debounces at 200ms and then pads the response with a 200ms minimum\n    // load time to stop the spinner flickering. The spinner here sits in the\n    // chevron slot and stale results stay visible, so there is nothing to pad —\n    // 150ms keeps typing responsive without hammering the loader.\n    () => props.debounceMs ?? 150,\n  );\n  const popover = createChoicePopover(() => Boolean(props.disabled || props.readOnly));\n  // A host notice or an error replaces the results; hidden results are never selectable.\n  const options = () => (props.status || loader.error() ? [] : loader.options());\n  const focusedOption = () => options()[focusedIndex()];\n  const searchable = (value: string) => value.trim().length >= (props.minQueryLength ?? 0);\n  const focus = (index: number) => {\n    setFocusedIndex(index);\n    optionRefs[index]?.scrollIntoView({ block: \"nearest\" });\n  };\n  /** `eager` loads the currently controlled query on open; typing supplies its\n   *  own query, so opening from `onInput` skips the duplicate request. */\n  const open = (eager = true) => {\n    if (props.disabled || props.readOnly || popover.open() || !searchable(query())) return;\n    popover.show();\n    if (eager && !props.status) loader.load(query(), true);\n    focus(-1);\n  };\n  const reset = () => {\n    loader.cancel();\n    setQuery(\"\");\n    focus(-1);\n  };\n  const close = () => {\n    popover.hide();\n    if (!props.freeText) return reset();\n    loader.cancel();\n    focus(-1);\n  };\n  createEffect(\n    on(options, (list) => {\n      const index = props.autoHighlight;\n      if (index !== undefined && focusedIndex() < 0 && popover.open() && list.length > 0) setFocusedIndex(Math.min(index, list.length - 1));\n    }),\n  );\n  createEffect(() => {\n    if (props.readOnly) {\n      popover.hide();\n      loader.cancel();\n      setFocusedIndex(-1);\n    }\n  });\n  const select = (option: ChoiceOption<string>) => {\n    if (props.disabled || props.readOnly) return;\n    popover.hide();\n    props.onSelect({ id: option.value, label: option.label, description: option.description, icon: option.icon });\n    if (props.freeText) {\n      loader.cancel();\n      focus(-1);\n    } else reset();\n    inputRef?.focus();\n  };\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (props.disabled || props.readOnly) return;\n    if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      if (!popover.open()) open();\n      else focus(nextEnabledChoiceIndex(options(), focusedIndex(), event.key === \"ArrowDown\" ? 1 : -1));\n    } else if (event.key === \"Enter\" && popover.open()) {\n      // While the results are open, Enter belongs to them: it never submits an enclosing form, even with no option active.\n      event.preventDefault();\n      const option = options()[focusedIndex()];\n      if (option) select(option);\n      else if (props.freeText) close();\n    } else if ((event.key === \"Escape\" || event.key === \"Tab\") && popover.open()) {\n      // Escape is only ours while the list is open; otherwise it has to reach an\n      // enclosing dialog or drawer.\n      if (event.key === \"Escape\") event.preventDefault();\n      close();\n    }\n  };\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <div class=\"k2b-combobox\" data-invalid={error() ? \"true\" : undefined}>\n        <div ref={popover.setTrigger} class=\"k2b-combobox__input\">\n          <i class=\"ti ti-search\" aria-hidden=\"true\" />\n          {/* A click, typing, or an arrow key opens the list. Focus alone (Tab, a dialog's initial focus) does not, so Escape still closes the enclosing dialog. */}\n          <input\n            ref={(element) => {\n              inputRef = element;\n            }}\n            id={meta.controlId}\n            type=\"text\"\n            value={query()}\n            placeholder={props.placeholder ?? messages().search}\n            disabled={props.disabled}\n            readOnly={props.readOnly}\n            aria-readonly={props.readOnly ? \"true\" : undefined}\n            role=\"combobox\"\n            autocomplete=\"off\"\n            aria-autocomplete=\"list\"\n            aria-expanded={popover.open()}\n            aria-controls={listboxId}\n            aria-activedescendant={focusedOption() ? `${listboxId}-${focusedIndex()}` : undefined}\n            {...fieldControlAria(meta, props)}\n            onClick={() => open()}\n            onInput={(event) => {\n              if (props.disabled || props.readOnly) {\n                event.currentTarget.value = query();\n                return;\n              }\n              const value = event.currentTarget.value;\n              setQuery(value);\n              focus(-1);\n              if (!searchable(value)) {\n                popover.hide();\n                loader.cancel();\n                return;\n              }\n              open(false);\n              if (!props.status) loader.load(value);\n            }}\n            onKeyDown={onKeyDown}\n          />\n          <Show when={loader.loading()} fallback={<i class=\"ti ti-chevron-down\" aria-hidden=\"true\" />}>\n            <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n          </Show>\n        </div>\n        <div ref={popover.setPopover} popover=\"manual\" class=\"k2b-choice-popover\">\n          <div class=\"k2b-choice-options\" role=\"listbox\" id={listboxId}>\n            <Show when={props.status}>{(status) => <div class=\"k2b-choice-status\">{status()}</div>}</Show>\n            <Show when={!props.status && loader.error()}>\n              {(message) => (\n                <div class=\"k2b-choice-status\" data-tone=\"danger\">\n                  <span>{message()}</span>\n                  <button type=\"button\" onClick={loader.retry}>\n                    {messages().retry}\n                  </button>\n                </div>\n              )}\n            </Show>\n            <For\n              each={options()}\n              fallback={\n                <Show when={!props.status && !loader.error()}>\n                  <Show\n                    when={loader.loading()}\n                    fallback={\n                      <div class=\"k2b-choice-status\">\n                        {query().length >= 2 ? (props.empty ?? selectMessages().noResultsFound) : selectMessages().typeToSearch}\n                      </div>\n                    }\n                  >\n                    {/* The first search has nothing to keep visible yet: rows of the final size wait in its place. */}\n                    <div class=\"k2b-choice-loading\" role=\"status\">\n                      <span class=\"k2b-sr-only\">{messages().loading}</span>\n                      <For each={[62, 48, 55]}>\n                        {(width) => (\n                          <div class=\"k2b-choice-loading__row\" aria-hidden=\"true\">\n                            <span class=\"k2b-skeleton\" />\n                            <span class=\"k2b-skeleton\" style={{ width: `${width}%` }} />\n                          </div>\n                        )}\n                      </For>\n                    </div>\n                  </Show>\n                </Show>\n              }\n            >\n              {(option, index) => (\n                <button\n                  ref={(element) => (optionRefs[index()] = element)}\n                  type=\"button\"\n                  id={`${listboxId}-${index()}`}\n                  class=\"k2b-choice-option\"\n                  role=\"option\"\n                  aria-selected={index() === focusedIndex()}\n                  data-focused={index() === focusedIndex() ? \"true\" : undefined}\n                  onPointerMove={() => focus(index())}\n                  onPointerDown={(event) => event.preventDefault()}\n                  onClick={() => select(option)}\n                >\n                  <Show when={option.icon}>{(icon) => <i class={iconClass(icon())} aria-hidden=\"true\" />}</Show>\n                  <span>\n                    <strong>{option.label}</strong>\n                    <Show when={option.description}>{(description) => <small>{description()}</small>}</Show>\n                  </span>\n                </button>\n              )}\n            </For>\n          </div>\n          <Show when={props.footer}>{(footer) => <div class=\"k2b-choice-footer\">{footer()}</div>}</Show>\n        </div>\n      </div>\n    </Field>\n  );\n}\n\nexport default Combobox;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/Combobox.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, For, type JSX, on, Show } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { type ChoiceOption, createChoiceLoader, createChoicePopover, nextEnabledChoiceIndex } from \"./choice\";\nimport type { FieldProps, MaybeAccessor } from \"./field-contract\";\nimport { resolveMaybeAccessor } from \"./field-contract\";\nimport { useSelectMessages } from \"./select-messages\";\n\nexport type ComboboxOption = { id: string; label: string; description?: string; icon?: string };\nexport type ComboboxProps = FieldProps & {\n  readOnly?: boolean;\n  query?: MaybeAccessor<string>;\n  onQueryChange?: (query: string) => void;\n  placeholder?: string;\n  fetchData: (query: string, signal: AbortSignal) => Promise<ComboboxOption[]>;\n  onSelect: (option: ComboboxOption) => void;\n  debounceMs?: number;\n  /** The query is the field's own value: picking or closing keeps the typed text, and Enter without an active option only closes the list. */\n  freeText?: boolean;\n  /** Below this many characters nothing loads and the list stays closed. */\n  minQueryLength?: number;\n  /** This result (by position) is active as soon as results arrive, so Enter takes it. */\n  autoHighlight?: number;\n  /** Replaces the results with a host-owned notice, such as an exhausted quota; nothing loads while it is set. */\n  status?: JSX.Element;\n  /** Shown instead of the default text when a search finds nothing. */\n  empty?: JSX.Element;\n  /** One line under the results, such as their source. */\n  footer?: JSX.Element;\n};\n\nconst iconClass = (icon: string) => (icon.split(/\\s+/).includes(\"ti\") ? icon : `ti ${icon}`);\n\nexport function Combobox(props: ComboboxProps): JSX.Element {\n  const messages = useUiMessages();\n  const selectMessages = useSelectMessages();\n  const meta = createFieldMeta(props.id);\n  const listboxId = `${meta.controlId}-listbox`;\n  const [localQuery, setLocalQuery] = createSignal(\"\");\n  const query = () => resolveMaybeAccessor(props.query) ?? localQuery();\n  const setQuery = (value: string) => {\n    setLocalQuery(value);\n    props.onQueryChange?.(value);\n  };\n  const error = () => resolveMaybeAccessor(props.error);\n  const [focusedIndex, setFocusedIndex] = createSignal(-1);\n  let inputRef: HTMLInputElement | undefined;\n  let optionRefs: HTMLButtonElement[] = [];\n  const loader = createChoiceLoader(\n    () => async (value, signal) => (await props.fetchData(value, signal)).map((option) => ({ ...option, value: option.id })),\n    // Cloud debounces at 200ms and then pads the response with a 200ms minimum\n    // load time to stop the spinner flickering. The spinner here sits in the\n    // chevron slot and stale results stay visible, so there is nothing to pad —\n    // 150ms keeps typing responsive without hammering the loader.\n    () => props.debounceMs ?? 150,\n  );\n  const popover = createChoicePopover(() => Boolean(props.disabled || props.readOnly));\n  // A host notice or an error replaces the results; hidden results are never selectable.\n  const options = () => (props.status || loader.error() ? [] : loader.options());\n  const optionsById = createMemo(() => new Map(options().map((option) => [option.value, option])));\n  const focusedOption = () => options()[focusedIndex()];\n  const searchable = (value: string) => value.trim().length >= (props.minQueryLength ?? 0);\n  const focus = (index: number) => {\n    setFocusedIndex(index);\n    optionRefs[index]?.scrollIntoView({ block: \"nearest\" });\n  };\n  /** `eager` loads the currently controlled query on open; typing supplies its\n   *  own query, so opening from `onInput` skips the duplicate request. */\n  const open = (eager = true) => {\n    if (props.disabled || props.readOnly || popover.open() || !searchable(query())) return;\n    popover.show();\n    if (eager && !props.status) loader.load(query(), true);\n    focus(-1);\n  };\n  const reset = () => {\n    loader.cancel();\n    setQuery(\"\");\n    focus(-1);\n  };\n  const close = () => {\n    popover.hide();\n    if (!props.freeText) return reset();\n    loader.cancel();\n    focus(-1);\n  };\n  createEffect(\n    on(options, (list) => {\n      const index = props.autoHighlight;\n      if (index !== undefined && focusedIndex() < 0 && popover.open() && list.length > 0) setFocusedIndex(Math.min(index, list.length - 1));\n    }),\n  );\n  createEffect(() => {\n    if (props.readOnly) {\n      popover.hide();\n      loader.cancel();\n      setFocusedIndex(-1);\n    }\n  });\n  const select = (option: ChoiceOption<string>) => {\n    if (props.disabled || props.readOnly) return;\n    popover.hide();\n    props.onSelect({ id: option.value, label: option.label, description: option.description, icon: option.icon });\n    if (props.freeText) {\n      loader.cancel();\n      focus(-1);\n    } else reset();\n    inputRef?.focus();\n  };\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (props.disabled || props.readOnly) return;\n    if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      if (!popover.open()) open();\n      else focus(nextEnabledChoiceIndex(options(), focusedIndex(), event.key === \"ArrowDown\" ? 1 : -1));\n    } else if (event.key === \"Enter\" && popover.open()) {\n      // While the results are open, Enter belongs to them: it never submits an enclosing form, even with no option active.\n      event.preventDefault();\n      const option = options()[focusedIndex()];\n      if (option) select(option);\n      else if (props.freeText) close();\n    } else if ((event.key === \"Escape\" || event.key === \"Tab\") && popover.open()) {\n      // Escape is only ours while the list is open; otherwise it has to reach an\n      // enclosing dialog or drawer.\n      if (event.key === \"Escape\") event.preventDefault();\n      close();\n    }\n  };\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <div class=\"k2b-combobox\" data-invalid={error() ? \"true\" : undefined}>\n        <div ref={popover.setTrigger} class=\"k2b-combobox__input\">\n          <i class=\"ti ti-search\" aria-hidden=\"true\" />\n          {/* A click, typing, or an arrow key opens the list. Focus alone (Tab, a dialog's initial focus) does not, so Escape still closes the enclosing dialog. */}\n          <input\n            ref={(element) => {\n              inputRef = element;\n            }}\n            id={meta.controlId}\n            type=\"text\"\n            value={query()}\n            placeholder={props.placeholder ?? messages().search}\n            disabled={props.disabled}\n            readOnly={props.readOnly}\n            aria-readonly={props.readOnly ? \"true\" : undefined}\n            role=\"combobox\"\n            autocomplete=\"off\"\n            aria-autocomplete=\"list\"\n            aria-expanded={popover.open()}\n            aria-controls={listboxId}\n            aria-activedescendant={focusedOption() ? `${listboxId}-${focusedIndex()}` : undefined}\n            {...fieldControlAria(meta, props)}\n            onClick={() => open()}\n            onInput={(event) => {\n              if (props.disabled || props.readOnly) {\n                event.currentTarget.value = query();\n                return;\n              }\n              const value = event.currentTarget.value;\n              setQuery(value);\n              focus(-1);\n              if (!searchable(value)) {\n                popover.hide();\n                loader.cancel();\n                return;\n              }\n              open(false);\n              if (!props.status) loader.load(value);\n            }}\n            onKeyDown={onKeyDown}\n          />\n          <Show when={loader.loading()} fallback={<i class=\"ti ti-chevron-down\" aria-hidden=\"true\" />}>\n            <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n          </Show>\n        </div>\n        <div ref={popover.setPopover} popover=\"manual\" class=\"k2b-choice-popover\">\n          <div class=\"k2b-choice-options\" role=\"listbox\" id={listboxId}>\n            <Show when={props.status}>{(status) => <div class=\"k2b-choice-status\">{status()}</div>}</Show>\n            <Show when={!props.status && loader.error()}>\n              {(message) => (\n                <div class=\"k2b-choice-status\" data-tone=\"danger\">\n                  <span>{message()}</span>\n                  <button type=\"button\" onClick={loader.retry}>\n                    {messages().retry}\n                  </button>\n                </div>\n              )}\n            </Show>\n            {/* Keyed by option ID, not object: each fetch returns new objects, and a row replaced between press and release\n                would swallow the click. */}\n            <For\n              each={options().map((option) => option.value)}\n              fallback={\n                <Show when={!props.status && !loader.error()}>\n                  <Show\n                    when={loader.loading()}\n                    fallback={\n                      <div class=\"k2b-choice-status\">\n                        {query().length >= 2 ? (props.empty ?? selectMessages().noResultsFound) : selectMessages().typeToSearch}\n                      </div>\n                    }\n                  >\n                    {/* The first search has nothing to keep visible yet: rows of the final size wait in its place. */}\n                    <div class=\"k2b-choice-loading\" role=\"status\">\n                      <span class=\"k2b-sr-only\">{messages().loading}</span>\n                      <For each={[62, 48, 55]}>\n                        {(width) => (\n                          <div class=\"k2b-choice-loading__row\" aria-hidden=\"true\">\n                            <span class=\"k2b-skeleton\" />\n                            <span class=\"k2b-skeleton\" style={{ width: `${width}%` }} />\n                          </div>\n                        )}\n                      </For>\n                    </div>\n                  </Show>\n                </Show>\n              }\n            >\n              {(id, index) => {\n                const first = optionsById().get(id)!;\n                const option = () => optionsById().get(id) ?? first;\n                return (\n                  <button\n                    ref={(element) => (optionRefs[index()] = element)}\n                    type=\"button\"\n                    id={`${listboxId}-${index()}`}\n                    class=\"k2b-choice-option\"\n                    role=\"option\"\n                    aria-selected={index() === focusedIndex()}\n                    data-focused={index() === focusedIndex() ? \"true\" : undefined}\n                    onPointerMove={() => focus(index())}\n                    onPointerDown={(event) => event.preventDefault()}\n                    onClick={() => select(option())}\n                  >\n                    <Show when={option().icon}>{(icon) => <i class={iconClass(icon())} aria-hidden=\"true\" />}</Show>\n                    <span>\n                      <strong>{option().label}</strong>\n                      <Show when={option().description}>{(description) => <small>{description()}</small>}</Show>\n                    </span>\n                  </button>\n                );\n              }}\n            </For>\n          </div>\n          <Show when={props.footer}>{(footer) => <div class=\"k2b-choice-footer\">{footer()}</div>}</Show>\n        </div>\n      </div>\n    </Field>\n  );\n}\n\nexport default Combobox;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/inputs/RichSelect.js

@@ -63,6 +63,7 @@ import { useRichSelectMessages } from "./rich-select-messages";
 export const RICH_SELECT_SEARCH_FROM = 8;
 const PHONE_QUERY = "(max-width: 47.999rem)";
 const PLACEHOLDER_ROWS = 4;
+const rowKey = row => row.kind === "heading" ? `heading:${row.id}` : `item:${row.item.value}`;
 const isPhone = () => typeof matchMedia === "function" && matchMedia(PHONE_QUERY).matches;
 function RichSelectVisual(props) {
   return _$createComponent(Switch, {
@@ -254,6 +255,9 @@ export function RichSelect(props) {
     });
     return result;
   });
+  // Rows are keyed by heading and value, not by object: a host that rebuilds equal items must not replace the option
+  // under a press, which would swallow its click.
+  const rowsByKey = createMemo(() => new Map(rows().map(row => [rowKey(row), row])));
   const selected = createMemo(() => {
     const current = value();
     return current === null ? undefined : props.items.find(item => item.value === current);
@@ -584,44 +588,59 @@ export function RichSelect(props) {
                 get children() {
                   return _$createComponent(For, {
                     get each() {
-                      return rows();
+                      return rows().map(rowKey);
                     },
                     get fallback() {
                       return _$ssr(_tmpl$25, _$escape(messages().noResults));
                     },
-                    children: row => row.kind === "heading" ? _$ssr(_tmpl$26, _$escape(row.label)) : // biome-ignore lint/a11y/useKeyWithClickEvents: the trigger or search field handles the keys through aria-activedescendant.
-                    _$ssr(_tmpl$27, _$ssrAttribute("id", _$escape(optionId(row.index), true), false), _$ssrAttribute("aria-selected", _$escape(row.item.value, true) === _$escape(value(), true), false) + _$ssrAttribute("aria-disabled", row.item.disabledReason ? "true" : _$escape(undefined, true), false), `${_$escape(optionId(row.index), true)}-label`, _$ssrAttribute("aria-describedby", _$escape([row.item.disabledReason || row.item.description ? `${optionId(row.index)}-line` : "", withPreview() && row.index === active() ? previewId : ""].filter(Boolean).join(" ") || undefined, true), false) + _$ssrAttribute("data-active", row.index === active() ? "true" : _$escape(undefined, true), false), _$escape(_$createComponent(Show, {
-                      get when() {
-                        return anyVisual();
-                      },
-                      get children() {
-                        return _$createComponent(Show, {
+                    children: key => {
+                      const first = rowsByKey().get(key);
+                      if (first.kind === "heading") {
+                        const label = () => {
+                          const current = rowsByKey().get(key);
+                          return current?.kind === "heading" ? current.label : first.label;
+                        };
+                        return _$ssr(_tmpl$26, _$escape(label()));
+                      }
+                      const entry = () => {
+                        const current = rowsByKey().get(key);
+                        return current?.kind === "item" ? current : first;
+                      };
+                      return (// biome-ignore lint/a11y/useKeyWithClickEvents: the trigger or search field handles the keys through aria-activedescendant.
+                        _$ssr(_tmpl$27, _$ssrAttribute("id", _$escape(optionId(entry().index), true), false), _$ssrAttribute("aria-selected", _$escape(entry().item.value, true) === _$escape(value(), true), false) + _$ssrAttribute("aria-disabled", entry().item.disabledReason ? "true" : _$escape(undefined, true), false), `${_$escape(optionId(entry().index), true)}-label`, _$ssrAttribute("aria-describedby", _$escape([entry().item.disabledReason || entry().item.description ? `${optionId(entry().index)}-line` : "", withPreview() && entry().index === active() ? previewId : ""].filter(Boolean).join(" ") || undefined, true), false) + _$ssrAttribute("data-active", entry().index === active() ? "true" : _$escape(undefined, true), false), _$escape(_$createComponent(Show, {
                           get when() {
-                            return hasVisual(row.item);
-                          },
-                          get fallback() {
-                            return _$ssr(_tmpl$28);
+                            return anyVisual();
                           },
                           get children() {
-                            return _$createComponent(RichSelectVisual, {
-                              get item() {
-                                return row.item;
+                            return _$createComponent(Show, {
+                              get when() {
+                                return hasVisual(entry().item);
+                              },
+                              get fallback() {
+                                return _$ssr(_tmpl$28);
+                              },
+                              get children() {
+                                return _$createComponent(RichSelectVisual, {
+                                  get item() {
+                                    return entry().item;
+                                  }
+                                });
                               }
                             });
                           }
-                        });
-                      }
-                    })), _$escape(_$createComponent(RichSelectRowText, {
-                      get item() {
-                        return row.item;
-                      },
-                      get labelId() {
-                        return `${optionId(row.index)}-label`;
-                      },
-                      get lineId() {
-                        return `${optionId(row.index)}-line`;
-                      }
-                    })))
+                        })), _$escape(_$createComponent(RichSelectRowText, {
+                          get item() {
+                            return entry().item;
+                          },
+                          get labelId() {
+                            return `${optionId(entry().index)}-label`;
+                          },
+                          get lineId() {
+                            return `${optionId(entry().index)}-line`;
+                          }
+                        })))
+                      );
+                    }
                   });
                 }
               })), _$escape(_$createComponent(Show, {