@k2b/ui 0.9.0 → 0.10.0

package/dist/ssr/inputs/markdown/MarkdownEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/markdown/MarkdownEditor.tsx"],"sourcesContent":["import { highlight } from \"@k2b/stdlib\";\nimport { createEffect, createMemo, createSignal, createUniqueId, For, type JSX, onCleanup, onMount, Show, untrack } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../../internal/field\";\nimport { useUiMessages } from \"../../intl/messages\";\nimport {\n  abbreviations as abbreviationsCompletion,\n  buildSuggestContext,\n  type Completion,\n  collectKnownLabels,\n  createCompletionBehaviorState,\n  detectQuery,\n  displayLabel,\n  type QueryContext,\n  renderWithOverlay,\n  resolveSuggestions,\n  type Suggestion,\n} from \"../completion\";\nimport type { ValueFieldProps } from \"../field-contract\";\nimport { resolveMaybeAccessor } from \"../field-contract\";\nimport { computeActiveFormats } from \"./active-formats\";\nimport { handleListContinuation, handleShortcut, handleSmartPaste } from \"./behaviors\";\nimport { isInCodeZone } from \"./code-zone\";\nimport Toolbar from \"./Toolbar\";\n\nexport type MarkdownEditorProps = ValueFieldProps<string> & {\n  onSubmit?: () => void;\n  placeholder?: string;\n  lines?: number;\n  noToolbar?: boolean;\n  spellcheck?: boolean;\n  name?: string;\n  maxLength?: number;\n  textareaRef?: (element: HTMLTextAreaElement) => void;\n  abbreviations?: Record<string, string>;\n  completions?: readonly Completion[];\n  showStats?: boolean;\n  variant?: \"default\" | \"paper\" | \"embedded\";\n  fill?: boolean;\n  /** Groups save and close at the end of the toolbar. The caller owns navigation and unsaved-change confirmation. */\n  onClose?: () => void;\n  onSave?: () => void;\n  saveDisabled?: boolean;\n  saving?: boolean;\n  /** Shows a successful-save check. The caller clears it after a brief delay or the next edit. */\n  saved?: boolean;\n  toolbarTrailing?: JSX.Element;\n};\n\ntype CompletionState = {\n  context: QueryContext;\n  suggestions: readonly Suggestion[];\n  selectedIndex: number;\n};\n\nexport function MarkdownEditor(props: MarkdownEditorProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  let textarea: HTMLTextAreaElement | undefined;\n  let preview: HTMLDivElement | undefined;\n  let dropdown: HTMLDivElement | undefined;\n  let completionAbort: AbortController | null = null;\n  let completionTimer: ReturnType<typeof setTimeout> | null = null;\n  let overlayFrame: number | undefined;\n  let overlayInitialized = false;\n  let renderPendingOverlay: (() => void) | undefined;\n  const completionBehavior = createCompletionBehaviorState();\n\n  const [textareaSignal, setTextareaSignal] = createSignal<HTMLTextAreaElement | null>(null);\n  const [activeFormats, setActiveFormats] = createSignal<Set<string>>(new Set());\n  const [composing, setComposing] = createSignal(false);\n  const [localValue, setLocalValue] = createSignal(resolveMaybeAccessor(props.value) ?? \"\");\n  const error = () => resolveMaybeAccessor(props.error);\n  const [state, setState] = createSignal<CompletionState | null>(null);\n  const [loading, setLoading] = createSignal(false);\n  const [completionError, setCompletionError] = createSignal<string | null>(null);\n  const [dropdownOpen, setDropdownOpen] = createSignal(false);\n  const completionId = createUniqueId();\n  const listboxId = `${meta.controlId}-${completionId}-suggestions`;\n  const optionId = (index: number): string => `${listboxId}-${index}`;\n  const activeSuggestion = (): Suggestion | null => {\n    const current = state();\n    return current?.suggestions[current.selectedIndex] ?? null;\n  };\n\n  const mergedCompletions = createMemo<readonly Completion[] | undefined>(() => {\n    const merged: Completion[] = [];\n    if (props.abbreviations && Object.keys(props.abbreviations).length > 0) {\n      merged.push(abbreviationsCompletion(props.abbreviations));\n    }\n    if (props.completions) merged.push(...props.completions);\n    return merged.length > 0 ? merged : undefined;\n  });\n  const knownLabels = createMemo(() => collectKnownLabels(mergedCompletions()));\n\n  createEffect(() => {\n    const incoming = resolveMaybeAccessor(props.value);\n    if (incoming !== undefined && incoming !== null && incoming !== untrack(localValue)) {\n      setLocalValue(incoming);\n    }\n  });\n\n  createEffect(() => {\n    const target = localValue();\n    if (!composing() && textarea && textarea.value !== target) {\n      textarea.value = target;\n    }\n  });\n\n  createEffect(() => {\n    if (!preview) return;\n    const value = localValue();\n    const labels = knownLabels();\n    const current = state();\n    const active = activeSuggestion();\n    const ghost =\n      current && active\n        ? {\n            at: current.context.end,\n            text: active.text.slice(current.context.text.length),\n          }\n        : undefined;\n    const anchor = current && !ghost ? { at: current.context.end } : undefined;\n    renderPendingOverlay = () => {\n      if (!preview) return;\n      preview.innerHTML = renderWithOverlay(value, (text) => highlight.markdown(text, { knownLabels: labels }), { ghost, anchor });\n      if (textarea) {\n        preview.scrollTop = textarea.scrollTop;\n        preview.scrollLeft = textarea.scrollLeft;\n      }\n      if (dropdown?.matches(\":popover-open\")) positionDropdown();\n    };\n    if (!overlayInitialized) {\n      overlayInitialized = true;\n      renderPendingOverlay();\n      renderPendingOverlay = undefined;\n      return;\n    }\n    if (overlayFrame !== undefined) return;\n    overlayFrame = requestAnimationFrame(() => {\n      overlayFrame = undefined;\n      const render = renderPendingOverlay;\n      renderPendingOverlay = undefined;\n      render?.();\n    });\n  });\n\n  const updateActiveFormats = (): void => {\n    if (textarea) setActiveFormats(computeActiveFormats(textarea));\n  };\n\n  const closeDropdown = (): void => {\n    if (dropdown?.matches(\":popover-open\")) dropdown.hidePopover();\n    setDropdownOpen(false);\n  };\n\n  const clearCompletion = (): void => {\n    completionAbort?.abort();\n    completionAbort = null;\n    if (completionTimer) clearTimeout(completionTimer);\n    completionTimer = null;\n    setState(null);\n    setLoading(false);\n    setCompletionError(null);\n    closeDropdown();\n  };\n\n  const positionDropdown = (): void => {\n    if (!dropdown?.isConnected || !preview?.isConnected || !textarea?.isConnected) {\n      return;\n    }\n    const anchor = preview.querySelector<HTMLElement>(\"[data-completion-anchor]\");\n    const rect = anchor?.getBoundingClientRect() ?? textarea.getBoundingClientRect();\n    const maxHeight = 260;\n    const spaceBelow = window.innerHeight - rect.bottom;\n    const openAbove = spaceBelow < maxHeight && rect.top > spaceBelow;\n    const width = Math.min(280, window.innerWidth - 16);\n    const left = Math.min(rect.left, window.innerWidth - width - 8);\n    dropdown.style.setProperty(\"left\", `${Math.max(8, left)}px`, \"important\");\n    dropdown.style.setProperty(\"width\", `${width}px`, \"important\");\n    if (openAbove) {\n      dropdown.style.setProperty(\"top\", \"auto\", \"important\");\n      dropdown.style.setProperty(\"bottom\", `${window.innerHeight - rect.top + 4}px`, \"important\");\n    } else {\n      dropdown.style.setProperty(\"top\", `${rect.bottom + 4}px`, \"important\");\n      dropdown.style.setProperty(\"bottom\", \"auto\", \"important\");\n    }\n    if (!dropdown.matches(\":popover-open\")) dropdown.showPopover();\n  };\n\n  const isAbortError = (error: unknown): boolean =>\n    error instanceof DOMException\n      ? error.name === \"AbortError\"\n      : Boolean(error && typeof error === \"object\" && \"name\" in error && (error as { name: string }).name === \"AbortError\");\n\n  const applySuggestionList = (context: QueryContext, suggestions: readonly Suggestion[]): void => {\n    const value = localValue();\n    const normalized = context.text.toLowerCase();\n    const usable = suggestions.filter((suggestion) => {\n      if (suggestion.textEdit) {\n        const { start, end, text } = suggestion.textEdit;\n        return (\n          Number.isInteger(start) &&\n          Number.isInteger(end) &&\n          start >= 0 &&\n          end >= start &&\n          end <= value.length &&\n          value.slice(start, end) !== text\n        );\n      }\n      return suggestion.text.toLowerCase().startsWith(normalized) && suggestion.text.length > context.text.length;\n    });\n    if (usable.length === 0) {\n      setState(null);\n      closeDropdown();\n      return;\n    }\n    const previous = activeSuggestion()?.text;\n    const retained = previous ? usable.findIndex((suggestion) => suggestion.text === previous) : -1;\n    setState({\n      context,\n      suggestions: usable,\n      selectedIndex: retained >= 0 ? retained : 0,\n    });\n    if (context.completion.dropdown) {\n      setDropdownOpen(true);\n      queueMicrotask(positionDropdown);\n    } else {\n      closeDropdown();\n    }\n  };\n\n  const runAsyncCompletion = async (context: QueryContext, promise: Promise<readonly Suggestion[]>, signal: AbortSignal): Promise<void> => {\n    try {\n      const suggestions = await promise;\n      if (signal.aborted) return;\n      setLoading(false);\n      applySuggestionList(context, suggestions);\n    } catch (error) {\n      if (signal.aborted || isAbortError(error)) return;\n      setLoading(false);\n      setState(null);\n      setCompletionError(error instanceof Error ? error.message : \"Suggestions could not be loaded\");\n      setDropdownOpen(true);\n      queueMicrotask(positionDropdown);\n    }\n  };\n\n  const startCompletionResolution = (context: QueryContext, signal: AbortSignal): void => {\n    if (signal.aborted || !textarea) return;\n    setLoading(true);\n    setCompletionError(null);\n    setDropdownOpen(true);\n    queueMicrotask(positionDropdown);\n    try {\n      const result = resolveSuggestions(context.completion, context.query, buildSuggestContext(textarea, context), signal);\n      if (result.kind === \"sync\") {\n        setLoading(false);\n        applySuggestionList(context, result.data);\n      } else {\n        void runAsyncCompletion(context, result.promise, signal);\n      }\n    } catch (error) {\n      if (signal.aborted || isAbortError(error)) return;\n      setLoading(false);\n      setState(null);\n      setCompletionError(error instanceof Error ? error.message : \"Suggestions could not be loaded\");\n      queueMicrotask(positionDropdown);\n    }\n  };\n\n  const recomputeCompletion = (): void => {\n    if (!textarea) return;\n    const context = detectQuery(textarea, mergedCompletions(), {\n      isExcluded: isInCodeZone,\n    });\n    if (!context) {\n      clearCompletion();\n      return;\n    }\n    completionAbort?.abort();\n    if (completionTimer) clearTimeout(completionTimer);\n    completionTimer = null;\n    completionAbort = new AbortController();\n    const current = state();\n    if (\n      current &&\n      (current.context.start !== context.start ||\n        current.context.end !== context.end ||\n        current.context.text !== context.text ||\n        current.context.completion !== context.completion)\n    ) {\n      setState(null);\n      closeDropdown();\n    }\n    setCompletionError(null);\n    const delay = Math.max(0, context.completion.debounceMs ?? 0);\n    if (delay === 0) {\n      startCompletionResolution(context, completionAbort.signal);\n    } else {\n      setLoading(false);\n      if (!state()) closeDropdown();\n      const signal = completionAbort.signal;\n      completionTimer = setTimeout(() => {\n        completionTimer = null;\n        startCompletionResolution(context, signal);\n      }, delay);\n    }\n  };\n\n  const retryCompletion = (): void => {\n    if (!textarea) return;\n    const context = detectQuery(textarea, mergedCompletions(), {\n      isExcluded: isInCodeZone,\n    });\n    if (!context) return clearCompletion();\n    completionAbort?.abort();\n    if (completionTimer) clearTimeout(completionTimer);\n    completionTimer = null;\n    completionAbort = new AbortController();\n    startCompletionResolution(context, completionAbort.signal);\n  };\n\n  const activateSuggestion = (index = state()?.selectedIndex ?? -1): boolean => {\n    const current = state();\n    const active = current?.suggestions[index];\n    if (!textarea || !current || !active) return false;\n    if (!active.textEdit && active.text === current.context.text) {\n      closeDropdown();\n      setState(null);\n      return false;\n    }\n    const applied = completionBehavior.applySuggestion(textarea, current.context, active);\n    closeDropdown();\n    setState(null);\n    return applied;\n  };\n\n  const moveSelection = (direction: 1 | -1): void => {\n    const current = state();\n    if (!current || current.suggestions.length === 0) return;\n    setState({\n      ...current,\n      selectedIndex: (current.selectedIndex + direction + current.suggestions.length) % current.suggestions.length,\n    });\n  };\n\n  const stats = createMemo(() => {\n    const value = localValue();\n    return {\n      lines: value.length === 0 ? 0 : value.split(\"\\n\").length,\n      words: value.match(/\\S+/g)?.length ?? 0,\n      chars: value.length,\n    };\n  });\n\n  onMount(() => {\n    if (textarea) setTextareaSignal(textarea);\n    updateActiveFormats();\n    const selectionChange = (): void => {\n      if (document.activeElement === textarea) {\n        updateActiveFormats();\n        recomputeCompletion();\n      }\n    };\n    // Reposition an OPEN popover only. Calling `positionDropdown` blindly\n    // would `showPopover()` a dropdown that is deliberately closed (a\n    // ghost-only completion keeps state without a dropdown).\n    const reposition = (): void => {\n      if (dropdown?.matches(\":popover-open\")) positionDropdown();\n    };\n    document.addEventListener(\"selectionchange\", selectionChange);\n    window.addEventListener(\"resize\", reposition);\n    onCleanup(() => {\n      document.removeEventListener(\"selectionchange\", selectionChange);\n      window.removeEventListener(\"resize\", reposition);\n      if (dropdown?.matches(\":popover-open\")) dropdown.hidePopover();\n      completionAbort?.abort();\n      if (completionTimer) clearTimeout(completionTimer);\n      if (overlayFrame !== undefined) cancelAnimationFrame(overlayFrame);\n      overlayFrame = undefined;\n      renderPendingOverlay = undefined;\n      completionBehavior.reset();\n    });\n  });\n\n  const onInput = (event: InputEvent & { currentTarget: HTMLTextAreaElement }): void => {\n    if (\n      completionBehavior.tryExpand(event.currentTarget, mergedCompletions(), {\n        isExcluded: isInCodeZone,\n      })\n    ) {\n      return;\n    }\n    setLocalValue(event.currentTarget.value);\n    props.onValueChange?.(event.currentTarget.value);\n    updateActiveFormats();\n    recomputeCompletion();\n  };\n\n  const onKeyDown = (event: KeyboardEvent): void => {\n    if (!textarea || event.isComposing) return;\n    if (\n      event.key === \"Backspace\" &&\n      !event.metaKey &&\n      !event.ctrlKey &&\n      !event.altKey &&\n      !event.shiftKey &&\n      completionBehavior.tryRestore(textarea)\n    ) {\n      event.preventDefault();\n      return;\n    }\n    const current = state();\n    const dropdownCompletion = current?.context.completion.dropdown === true;\n    if (current && dropdownCompletion && (event.key === \"ArrowDown\" || event.key === \"ArrowUp\")) {\n      event.preventDefault();\n      moveSelection(event.key === \"ArrowDown\" ? 1 : -1);\n      return;\n    }\n    if (\n      event.key === \"Enter\" &&\n      !event.shiftKey &&\n      !event.metaKey &&\n      !event.ctrlKey &&\n      !event.altKey &&\n      current &&\n      dropdownCompletion &&\n      dropdownOpen()\n    ) {\n      event.preventDefault();\n      activateSuggestion();\n      return;\n    }\n    if (event.key === \"Tab\" && !event.shiftKey && !event.metaKey && !event.ctrlKey && !event.altKey && current) {\n      event.preventDefault();\n      activateSuggestion();\n      return;\n    }\n    if (event.key === \"Escape\") {\n      if (current) {\n        event.preventDefault();\n        closeDropdown();\n        setState(null);\n        return;\n      }\n      if ((mergedCompletions()?.length ?? 0) > 0) {\n        event.preventDefault();\n        textarea.blur();\n        return;\n      }\n    }\n    if (event.key === \"Enter\" && (event.metaKey || event.ctrlKey) && props.onSubmit) {\n      event.preventDefault();\n      props.onSubmit();\n      return;\n    }\n    if (handleShortcut(event, textarea)) {\n      event.preventDefault();\n      return;\n    }\n    if (event.key === \"Enter\" && !event.shiftKey && !event.metaKey && !event.ctrlKey && !event.altKey && handleListContinuation(textarea)) {\n      event.preventDefault();\n    }\n  };\n\n  const saveControls = (): JSX.Element => (\n    <>\n      <Show when={props.onSave}>\n        <button\n          type=\"button\"\n          class=\"k2b-markdown-editor__tool\"\n          title={messages().saveShortcut}\n          aria-label={messages().save}\n          tabIndex={-1}\n          disabled={props.disabled || props.saveDisabled || props.saving}\n          onMouseDown={(event) => event.preventDefault()}\n          onClick={() => props.onSave?.()}\n        >\n          <i class={props.saving ? \"ti ti-loader-2 k2b-spin\" : props.saved ? \"ti ti-check\" : \"ti ti-device-floppy\"} aria-hidden=\"true\" />\n        </button>\n      </Show>\n    </>\n  );\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={props.error}\n      fill={props.fill}\n      meta={meta}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <div\n        class=\"k2b-markdown-editor\"\n        role=\"group\"\n        aria-labelledby={props.label ? meta.labelId : undefined}\n        aria-label={!props.label ? props[\"aria-label\"] : undefined}\n        data-disabled={props.disabled ? \"true\" : undefined}\n        data-invalid={error() ? \"true\" : undefined}\n        data-variant={props.variant === \"default\" ? undefined : props.variant}\n        data-fill={props.fill ? \"true\" : undefined}\n        style={{\n          \"--k2b-editor-lines\": String(props.lines ?? 6),\n        }}\n        onKeyDown={(event) => {\n          if (props.onSave && (event.metaKey || event.ctrlKey) && event.key.toLowerCase() === \"s\") {\n            event.preventDefault();\n            if (!props.disabled && !props.saveDisabled && !props.saving) props.onSave();\n          }\n        }}\n      >\n        <Show when={!props.noToolbar}>\n          <Toolbar\n            textarea={textareaSignal}\n            activeFormats={activeFormats}\n            disabled={props.disabled}\n            trailing={\n              <>\n                {props.toolbarTrailing}\n                {saveControls()}\n                <Show when={props.onClose}>\n                  <button\n                    type=\"button\"\n                    class=\"k2b-markdown-editor__tool\"\n                    title={messages().close}\n                    aria-label={messages().close}\n                    tabIndex={props.disabled ? 0 : -1}\n                    onClick={() => props.onClose?.()}\n                  >\n                    <i class=\"ti ti-x\" aria-hidden=\"true\" />\n                  </button>\n                </Show>\n              </>\n            }\n          />\n        </Show>\n        <div class=\"k2b-markdown-editor__surface\">\n          <Show when={!localValue() && props.placeholder}>\n            <div class=\"k2b-markdown-editor__placeholder\" aria-hidden=\"true\">\n              {props.placeholder}\n            </div>\n          </Show>\n          <div ref={preview} class=\"k2b-markdown-editor__preview\" aria-hidden=\"true\" />\n          <textarea\n            ref={(element) => {\n              textarea = element;\n              props.textareaRef?.(element);\n            }}\n            id={meta.controlId}\n            name={props.name}\n            class=\"k2b-markdown-editor__input\"\n            onInput={onInput}\n            onChange={(event) => props.onValueCommit?.(event.currentTarget.value)}\n            onKeyDown={onKeyDown}\n            onPaste={(event) => {\n              if (textarea && handleSmartPaste(event, textarea)) {\n                event.preventDefault();\n              }\n            }}\n            onScroll={(event) => {\n              if (preview) {\n                preview.scrollTop = event.currentTarget.scrollTop;\n                preview.scrollLeft = event.currentTarget.scrollLeft;\n              }\n            }}\n            onCompositionStart={() => setComposing(true)}\n            onCompositionEnd={() => setComposing(false)}\n            onBlur={(event) => {\n              const next = event.relatedTarget as HTMLElement | null;\n              if (next && dropdown?.contains(next)) return;\n              completionBehavior.reset();\n              clearCompletion();\n            }}\n            disabled={props.disabled}\n            required={props.required}\n            spellcheck={props.spellcheck ?? true}\n            maxLength={props.maxLength}\n            {...fieldControlAria(meta, props)}\n            aria-haspopup=\"listbox\"\n            aria-autocomplete=\"list\"\n            aria-controls={dropdownOpen() ? listboxId : undefined}\n            aria-activedescendant={dropdownOpen() && state() ? optionId(state()!.selectedIndex) : undefined}\n          />\n        </div>\n        <Show when={(props.showStats ?? true) && !props.disabled}>\n          <div class=\"k2b-markdown-editor__stats\" aria-hidden=\"true\" data-empty={stats().chars === 0 ? \"true\" : undefined}>\n            <span>\n              {stats().lines} {stats().lines === 1 ? \"line\" : \"lines\"}\n            </span>\n            <span>\n              {stats().words} {stats().words === 1 ? \"word\" : \"words\"}\n            </span>\n            <span>\n              {stats().chars} {stats().chars === 1 ? \"char\" : \"chars\"}\n            </span>\n          </div>\n        </Show>\n        <Show when={state() || loading() || completionError()}>\n          <div\n            ref={dropdown}\n            popover=\"manual\"\n            class=\"k2b-autocomplete__options\"\n            role=\"presentation\"\n            aria-label={messages().completionSuggestions}\n          >\n            <div id={listboxId} class=\"k2b-autocomplete__listbox\" role=\"listbox\" aria-label={messages().suggestions}>\n              <Show when={loading()}>\n                <div class=\"k2b-autocomplete__status\" role=\"status\">\n                  <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n                  Loading suggestions\n                </div>\n              </Show>\n              <Show when={completionError()}>\n                {(message) => (\n                  <div class=\"k2b-autocomplete__status\" data-error=\"true\" role=\"alert\">\n                    <i class=\"ti ti-alert-circle\" aria-hidden=\"true\" />\n                    <span>{message()}</span>\n                    <button type=\"button\" onMouseDown={(event) => event.preventDefault()} onClick={retryCompletion}>\n                      {messages().retry}\n                    </button>\n                  </div>\n                )}\n              </Show>\n              <For each={state()?.suggestions ?? []}>\n                {(suggestion, index) => (\n                  // biome-ignore lint/a11y/useKeyWithClickEvents: the owning textarea handles keyboard activation through aria-activedescendant.\n                  <div\n                    id={optionId(index())}\n                    class=\"k2b-autocomplete__option\"\n                    role=\"option\"\n                    aria-selected={index() === state()?.selectedIndex}\n                    onMouseEnter={() => {\n                      const current = state();\n                      if (current) {\n                        setState({ ...current, selectedIndex: index() });\n                      }\n                    }}\n                    onMouseDown={(event) => {\n                      event.preventDefault();\n                    }}\n                    onClick={() => {\n                      activateSuggestion(index());\n                      textarea?.focus();\n                    }}\n                  >\n                    <span>{displayLabel(suggestion, state()!.context.completion)}</span>\n                    <Show when={suggestion.hint}>{(hint) => <small>{hint()}</small>}</Show>\n                  </div>\n                )}\n              </For>\n            </div>\n          </div>\n        </Show>\n      </div>\n    </Field>\n  );\n}\n\nexport type { Completion, SuggestContext, Suggestion } from \"../completion\";\nexport { abbreviations } from \"../completion\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/markdown/MarkdownEditor.tsx"],"sourcesContent":["import { highlight } from \"@k2b/stdlib\";\nimport { createEffect, createMemo, createSignal, createUniqueId, For, type JSX, onCleanup, onMount, Show, untrack } from \"solid-js\";\nimport { Tooltip } from \"../../feedback/Tooltip\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../../internal/field\";\nimport { useUiMessages } from \"../../intl/messages\";\nimport {\n  abbreviations as abbreviationsCompletion,\n  buildSuggestContext,\n  type Completion,\n  collectKnownLabels,\n  createCompletionBehaviorState,\n  detectQuery,\n  displayLabel,\n  type QueryContext,\n  renderWithOverlay,\n  resolveSuggestions,\n  type Suggestion,\n} from \"../completion\";\nimport type { ValueFieldProps } from \"../field-contract\";\nimport { resolveMaybeAccessor } from \"../field-contract\";\nimport { computeActiveFormats } from \"./active-formats\";\nimport { handleListContinuation, handleShortcut, handleSmartPaste } from \"./behaviors\";\nimport { isInCodeZone } from \"./code-zone\";\nimport Toolbar from \"./Toolbar\";\n\nexport type MarkdownEditorProps = ValueFieldProps<string> & {\n  onSubmit?: () => void;\n  placeholder?: string;\n  lines?: number;\n  noToolbar?: boolean;\n  spellcheck?: boolean;\n  name?: string;\n  maxLength?: number;\n  textareaRef?: (element: HTMLTextAreaElement) => void;\n  abbreviations?: Record<string, string>;\n  completions?: readonly Completion[];\n  showStats?: boolean;\n  variant?: \"default\" | \"paper\" | \"embedded\";\n  fill?: boolean;\n  /** Groups save and close at the end of the toolbar. The caller owns navigation and unsaved-change confirmation. */\n  onClose?: () => void;\n  onSave?: () => void;\n  saveDisabled?: boolean;\n  saving?: boolean;\n  /** Shows a successful-save check. The caller clears it after a brief delay or the next edit. */\n  saved?: boolean;\n  toolbarTrailing?: JSX.Element;\n};\n\ntype CompletionState = {\n  context: QueryContext;\n  suggestions: readonly Suggestion[];\n  selectedIndex: number;\n};\n\nexport function MarkdownEditor(props: MarkdownEditorProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  let textarea: HTMLTextAreaElement | undefined;\n  let preview: HTMLDivElement | undefined;\n  let dropdown: HTMLDivElement | undefined;\n  let completionAbort: AbortController | null = null;\n  let completionTimer: ReturnType<typeof setTimeout> | null = null;\n  let overlayFrame: number | undefined;\n  let overlayInitialized = false;\n  let renderPendingOverlay: (() => void) | undefined;\n  const completionBehavior = createCompletionBehaviorState();\n\n  const [textareaSignal, setTextareaSignal] = createSignal<HTMLTextAreaElement | null>(null);\n  const [activeFormats, setActiveFormats] = createSignal<Set<string>>(new Set());\n  const [composing, setComposing] = createSignal(false);\n  const [localValue, setLocalValue] = createSignal(resolveMaybeAccessor(props.value) ?? \"\");\n  const error = () => resolveMaybeAccessor(props.error);\n  const [state, setState] = createSignal<CompletionState | null>(null);\n  const [loading, setLoading] = createSignal(false);\n  const [completionError, setCompletionError] = createSignal<string | null>(null);\n  const [dropdownOpen, setDropdownOpen] = createSignal(false);\n  const completionId = createUniqueId();\n  const listboxId = `${meta.controlId}-${completionId}-suggestions`;\n  const optionId = (index: number): string => `${listboxId}-${index}`;\n  const activeSuggestion = (): Suggestion | null => {\n    const current = state();\n    return current?.suggestions[current.selectedIndex] ?? null;\n  };\n\n  const mergedCompletions = createMemo<readonly Completion[] | undefined>(() => {\n    const merged: Completion[] = [];\n    if (props.abbreviations && Object.keys(props.abbreviations).length > 0) {\n      merged.push(abbreviationsCompletion(props.abbreviations));\n    }\n    if (props.completions) merged.push(...props.completions);\n    return merged.length > 0 ? merged : undefined;\n  });\n  const knownLabels = createMemo(() => collectKnownLabels(mergedCompletions()));\n\n  createEffect(() => {\n    const incoming = resolveMaybeAccessor(props.value);\n    if (incoming !== undefined && incoming !== null && incoming !== untrack(localValue)) {\n      setLocalValue(incoming);\n    }\n  });\n\n  createEffect(() => {\n    const target = localValue();\n    if (!composing() && textarea && textarea.value !== target) {\n      textarea.value = target;\n    }\n  });\n\n  createEffect(() => {\n    if (!preview) return;\n    const value = localValue();\n    const labels = knownLabels();\n    const current = state();\n    const active = activeSuggestion();\n    const ghost =\n      current && active\n        ? {\n            at: current.context.end,\n            text: active.text.slice(current.context.text.length),\n          }\n        : undefined;\n    const anchor = current && !ghost ? { at: current.context.end } : undefined;\n    renderPendingOverlay = () => {\n      if (!preview) return;\n      preview.innerHTML = renderWithOverlay(value, (text) => highlight.markdown(text, { knownLabels: labels }), { ghost, anchor });\n      if (textarea) {\n        preview.scrollTop = textarea.scrollTop;\n        preview.scrollLeft = textarea.scrollLeft;\n      }\n      if (dropdown?.matches(\":popover-open\")) positionDropdown();\n    };\n    if (!overlayInitialized) {\n      overlayInitialized = true;\n      renderPendingOverlay();\n      renderPendingOverlay = undefined;\n      return;\n    }\n    if (overlayFrame !== undefined) return;\n    overlayFrame = requestAnimationFrame(() => {\n      overlayFrame = undefined;\n      const render = renderPendingOverlay;\n      renderPendingOverlay = undefined;\n      render?.();\n    });\n  });\n\n  const updateActiveFormats = (): void => {\n    if (textarea) setActiveFormats(computeActiveFormats(textarea));\n  };\n\n  const closeDropdown = (): void => {\n    if (dropdown?.matches(\":popover-open\")) dropdown.hidePopover();\n    setDropdownOpen(false);\n  };\n\n  const clearCompletion = (): void => {\n    completionAbort?.abort();\n    completionAbort = null;\n    if (completionTimer) clearTimeout(completionTimer);\n    completionTimer = null;\n    setState(null);\n    setLoading(false);\n    setCompletionError(null);\n    closeDropdown();\n  };\n\n  const positionDropdown = (): void => {\n    if (!dropdown?.isConnected || !preview?.isConnected || !textarea?.isConnected) {\n      return;\n    }\n    const anchor = preview.querySelector<HTMLElement>(\"[data-completion-anchor]\");\n    const rect = anchor?.getBoundingClientRect() ?? textarea.getBoundingClientRect();\n    const maxHeight = 260;\n    const spaceBelow = window.innerHeight - rect.bottom;\n    const openAbove = spaceBelow < maxHeight && rect.top > spaceBelow;\n    if (openAbove) {\n      dropdown.style.setProperty(\"top\", \"auto\", \"important\");\n      dropdown.style.setProperty(\"bottom\", `${window.innerHeight - rect.top + 4}px`, \"important\");\n    } else {\n      dropdown.style.setProperty(\"top\", `${rect.bottom + 4}px`, \"important\");\n      dropdown.style.setProperty(\"bottom\", \"auto\", \"important\");\n    }\n    if (!dropdown.matches(\":popover-open\")) dropdown.showPopover();\n    // The list sizes to its suggestions in CSS; measured once shown, it is\n    // clamped into the viewport before the next paint.\n    const width = dropdown.getBoundingClientRect().width;\n    const left = Math.min(rect.left, window.innerWidth - width - 8);\n    dropdown.style.setProperty(\"left\", `${Math.max(8, left)}px`, \"important\");\n  };\n\n  const isAbortError = (error: unknown): boolean =>\n    error instanceof DOMException\n      ? error.name === \"AbortError\"\n      : Boolean(error && typeof error === \"object\" && \"name\" in error && (error as { name: string }).name === \"AbortError\");\n\n  const applySuggestionList = (context: QueryContext, suggestions: readonly Suggestion[]): void => {\n    const value = localValue();\n    const normalized = context.text.toLowerCase();\n    const usable = suggestions.filter((suggestion) => {\n      if (suggestion.textEdit) {\n        const { start, end, text } = suggestion.textEdit;\n        return (\n          Number.isInteger(start) &&\n          Number.isInteger(end) &&\n          start >= 0 &&\n          end >= start &&\n          end <= value.length &&\n          value.slice(start, end) !== text\n        );\n      }\n      return suggestion.text.toLowerCase().startsWith(normalized) && suggestion.text.length > context.text.length;\n    });\n    if (usable.length === 0) {\n      setState(null);\n      closeDropdown();\n      return;\n    }\n    const previous = activeSuggestion()?.text;\n    const retained = previous ? usable.findIndex((suggestion) => suggestion.text === previous) : -1;\n    setState({\n      context,\n      suggestions: usable,\n      selectedIndex: retained >= 0 ? retained : 0,\n    });\n    if (context.completion.dropdown) {\n      setDropdownOpen(true);\n      queueMicrotask(positionDropdown);\n    } else {\n      closeDropdown();\n    }\n  };\n\n  const runAsyncCompletion = async (context: QueryContext, promise: Promise<readonly Suggestion[]>, signal: AbortSignal): Promise<void> => {\n    try {\n      const suggestions = await promise;\n      if (signal.aborted) return;\n      setLoading(false);\n      applySuggestionList(context, suggestions);\n    } catch (error) {\n      if (signal.aborted || isAbortError(error)) return;\n      setLoading(false);\n      setState(null);\n      setCompletionError(error instanceof Error ? error.message : \"Suggestions could not be loaded\");\n      setDropdownOpen(true);\n      queueMicrotask(positionDropdown);\n    }\n  };\n\n  const startCompletionResolution = (context: QueryContext, signal: AbortSignal): void => {\n    if (signal.aborted || !textarea) return;\n    setLoading(true);\n    setCompletionError(null);\n    setDropdownOpen(true);\n    queueMicrotask(positionDropdown);\n    try {\n      const result = resolveSuggestions(context.completion, context.query, buildSuggestContext(textarea, context), signal);\n      if (result.kind === \"sync\") {\n        setLoading(false);\n        applySuggestionList(context, result.data);\n      } else {\n        void runAsyncCompletion(context, result.promise, signal);\n      }\n    } catch (error) {\n      if (signal.aborted || isAbortError(error)) return;\n      setLoading(false);\n      setState(null);\n      setCompletionError(error instanceof Error ? error.message : \"Suggestions could not be loaded\");\n      queueMicrotask(positionDropdown);\n    }\n  };\n\n  const recomputeCompletion = (): void => {\n    if (!textarea) return;\n    const context = detectQuery(textarea, mergedCompletions(), {\n      isExcluded: isInCodeZone,\n    });\n    if (!context) {\n      clearCompletion();\n      return;\n    }\n    completionAbort?.abort();\n    if (completionTimer) clearTimeout(completionTimer);\n    completionTimer = null;\n    completionAbort = new AbortController();\n    const current = state();\n    if (\n      current &&\n      (current.context.start !== context.start ||\n        current.context.end !== context.end ||\n        current.context.text !== context.text ||\n        current.context.completion !== context.completion)\n    ) {\n      setState(null);\n      closeDropdown();\n    }\n    setCompletionError(null);\n    const delay = Math.max(0, context.completion.debounceMs ?? 0);\n    if (delay === 0) {\n      startCompletionResolution(context, completionAbort.signal);\n    } else {\n      setLoading(false);\n      if (!state()) closeDropdown();\n      const signal = completionAbort.signal;\n      completionTimer = setTimeout(() => {\n        completionTimer = null;\n        startCompletionResolution(context, signal);\n      }, delay);\n    }\n  };\n\n  const retryCompletion = (): void => {\n    if (!textarea) return;\n    const context = detectQuery(textarea, mergedCompletions(), {\n      isExcluded: isInCodeZone,\n    });\n    if (!context) return clearCompletion();\n    completionAbort?.abort();\n    if (completionTimer) clearTimeout(completionTimer);\n    completionTimer = null;\n    completionAbort = new AbortController();\n    startCompletionResolution(context, completionAbort.signal);\n  };\n\n  const activateSuggestion = (index = state()?.selectedIndex ?? -1): boolean => {\n    const current = state();\n    const active = current?.suggestions[index];\n    if (!textarea || !current || !active) return false;\n    if (!active.textEdit && active.text === current.context.text) {\n      closeDropdown();\n      setState(null);\n      return false;\n    }\n    const applied = completionBehavior.applySuggestion(textarea, current.context, active);\n    closeDropdown();\n    setState(null);\n    return applied;\n  };\n\n  const moveSelection = (direction: 1 | -1): void => {\n    const current = state();\n    if (!current || current.suggestions.length === 0) return;\n    setState({\n      ...current,\n      selectedIndex: (current.selectedIndex + direction + current.suggestions.length) % current.suggestions.length,\n    });\n  };\n\n  const stats = createMemo(() => {\n    const value = localValue();\n    return {\n      lines: value.length === 0 ? 0 : value.split(\"\\n\").length,\n      words: value.match(/\\S+/g)?.length ?? 0,\n      chars: value.length,\n    };\n  });\n\n  onMount(() => {\n    if (textarea) setTextareaSignal(textarea);\n    updateActiveFormats();\n    const selectionChange = (): void => {\n      if (document.activeElement === textarea) {\n        updateActiveFormats();\n        recomputeCompletion();\n      }\n    };\n    // Reposition an OPEN popover only. Calling `positionDropdown` blindly\n    // would `showPopover()` a dropdown that is deliberately closed (a\n    // ghost-only completion keeps state without a dropdown).\n    const reposition = (): void => {\n      if (dropdown?.matches(\":popover-open\")) positionDropdown();\n    };\n    document.addEventListener(\"selectionchange\", selectionChange);\n    window.addEventListener(\"resize\", reposition);\n    onCleanup(() => {\n      document.removeEventListener(\"selectionchange\", selectionChange);\n      window.removeEventListener(\"resize\", reposition);\n      if (dropdown?.matches(\":popover-open\")) dropdown.hidePopover();\n      completionAbort?.abort();\n      if (completionTimer) clearTimeout(completionTimer);\n      if (overlayFrame !== undefined) cancelAnimationFrame(overlayFrame);\n      overlayFrame = undefined;\n      renderPendingOverlay = undefined;\n      completionBehavior.reset();\n    });\n  });\n\n  const onInput = (event: InputEvent & { currentTarget: HTMLTextAreaElement }): void => {\n    if (\n      completionBehavior.tryExpand(event.currentTarget, mergedCompletions(), {\n        isExcluded: isInCodeZone,\n      })\n    ) {\n      return;\n    }\n    setLocalValue(event.currentTarget.value);\n    props.onValueChange?.(event.currentTarget.value);\n    updateActiveFormats();\n    recomputeCompletion();\n  };\n\n  const onKeyDown = (event: KeyboardEvent): void => {\n    if (!textarea || event.isComposing) return;\n    if (\n      event.key === \"Backspace\" &&\n      !event.metaKey &&\n      !event.ctrlKey &&\n      !event.altKey &&\n      !event.shiftKey &&\n      completionBehavior.tryRestore(textarea)\n    ) {\n      event.preventDefault();\n      return;\n    }\n    const current = state();\n    const dropdownCompletion = current?.context.completion.dropdown === true;\n    if (current && dropdownCompletion && (event.key === \"ArrowDown\" || event.key === \"ArrowUp\")) {\n      event.preventDefault();\n      moveSelection(event.key === \"ArrowDown\" ? 1 : -1);\n      return;\n    }\n    if (\n      event.key === \"Enter\" &&\n      !event.shiftKey &&\n      !event.metaKey &&\n      !event.ctrlKey &&\n      !event.altKey &&\n      current &&\n      dropdownCompletion &&\n      dropdownOpen()\n    ) {\n      event.preventDefault();\n      activateSuggestion();\n      return;\n    }\n    if (event.key === \"Tab\" && !event.shiftKey && !event.metaKey && !event.ctrlKey && !event.altKey && current) {\n      event.preventDefault();\n      activateSuggestion();\n      return;\n    }\n    if (event.key === \"Escape\") {\n      if (current) {\n        event.preventDefault();\n        closeDropdown();\n        setState(null);\n        return;\n      }\n      if ((mergedCompletions()?.length ?? 0) > 0) {\n        event.preventDefault();\n        textarea.blur();\n        return;\n      }\n    }\n    if (event.key === \"Enter\" && (event.metaKey || event.ctrlKey) && props.onSubmit) {\n      event.preventDefault();\n      props.onSubmit();\n      return;\n    }\n    if (handleShortcut(event, textarea)) {\n      event.preventDefault();\n      return;\n    }\n    if (event.key === \"Enter\" && !event.shiftKey && !event.metaKey && !event.ctrlKey && !event.altKey && handleListContinuation(textarea)) {\n      event.preventDefault();\n    }\n  };\n\n  const saveControls = (): JSX.Element => (\n    <>\n      <Show when={props.onSave}>\n        <Tooltip.Trigger\n          type=\"button\"\n          class=\"k2b-markdown-editor__tool\"\n          content={messages().saveShortcut}\n          aria-label={messages().save}\n          tabIndex={-1}\n          disabled={props.disabled || props.saveDisabled || props.saving}\n          onMouseDown={(event) => event.preventDefault()}\n          onClick={() => props.onSave?.()}\n        >\n          <i class={props.saving ? \"ti ti-loader-2 k2b-spin\" : props.saved ? \"ti ti-check\" : \"ti ti-device-floppy\"} aria-hidden=\"true\" />\n        </Tooltip.Trigger>\n      </Show>\n    </>\n  );\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={props.error}\n      fill={props.fill}\n      meta={meta}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <div\n        class=\"k2b-markdown-editor\"\n        role=\"group\"\n        aria-labelledby={props.label ? meta.labelId : undefined}\n        aria-label={!props.label ? props[\"aria-label\"] : undefined}\n        data-disabled={props.disabled ? \"true\" : undefined}\n        data-invalid={error() ? \"true\" : undefined}\n        data-variant={props.variant === \"default\" ? undefined : props.variant}\n        data-fill={props.fill ? \"true\" : undefined}\n        style={{\n          \"--k2b-editor-lines\": String(props.lines ?? 6),\n        }}\n        onKeyDown={(event) => {\n          if (props.onSave && (event.metaKey || event.ctrlKey) && event.key.toLowerCase() === \"s\") {\n            event.preventDefault();\n            if (!props.disabled && !props.saveDisabled && !props.saving) props.onSave();\n          }\n        }}\n      >\n        <Show when={!props.noToolbar}>\n          <Toolbar\n            textarea={textareaSignal}\n            activeFormats={activeFormats}\n            disabled={props.disabled}\n            trailing={\n              <>\n                {props.toolbarTrailing}\n                {saveControls()}\n                <Show when={props.onClose}>\n                  <Tooltip.Trigger\n                    type=\"button\"\n                    class=\"k2b-markdown-editor__tool\"\n                    content={messages().close}\n                    aria-label={messages().close}\n                    tabIndex={props.disabled ? 0 : -1}\n                    onClick={() => props.onClose?.()}\n                  >\n                    <i class=\"ti ti-x\" aria-hidden=\"true\" />\n                  </Tooltip.Trigger>\n                </Show>\n              </>\n            }\n          />\n        </Show>\n        <div class=\"k2b-markdown-editor__surface\">\n          <Show when={!localValue() && props.placeholder}>\n            <div class=\"k2b-markdown-editor__placeholder\" aria-hidden=\"true\">\n              {props.placeholder}\n            </div>\n          </Show>\n          <div ref={preview} class=\"k2b-markdown-editor__preview\" aria-hidden=\"true\" />\n          <textarea\n            ref={(element) => {\n              textarea = element;\n              props.textareaRef?.(element);\n            }}\n            id={meta.controlId}\n            name={props.name}\n            class=\"k2b-markdown-editor__input\"\n            onInput={onInput}\n            onChange={(event) => props.onValueCommit?.(event.currentTarget.value)}\n            onKeyDown={onKeyDown}\n            onPaste={(event) => {\n              if (textarea && handleSmartPaste(event, textarea)) {\n                event.preventDefault();\n              }\n            }}\n            onScroll={(event) => {\n              if (preview) {\n                preview.scrollTop = event.currentTarget.scrollTop;\n                preview.scrollLeft = event.currentTarget.scrollLeft;\n              }\n            }}\n            onCompositionStart={() => setComposing(true)}\n            onCompositionEnd={() => setComposing(false)}\n            onBlur={(event) => {\n              const next = event.relatedTarget as HTMLElement | null;\n              if (next && dropdown?.contains(next)) return;\n              completionBehavior.reset();\n              clearCompletion();\n            }}\n            disabled={props.disabled}\n            required={props.required}\n            spellcheck={props.spellcheck ?? true}\n            maxLength={props.maxLength}\n            {...fieldControlAria(meta, props)}\n            aria-haspopup=\"listbox\"\n            aria-autocomplete=\"list\"\n            aria-controls={dropdownOpen() ? listboxId : undefined}\n            aria-activedescendant={dropdownOpen() && state() ? optionId(state()!.selectedIndex) : undefined}\n          />\n        </div>\n        <Show when={(props.showStats ?? true) && !props.disabled}>\n          <div class=\"k2b-markdown-editor__stats\" aria-hidden=\"true\" data-empty={stats().chars === 0 ? \"true\" : undefined}>\n            <span>\n              {stats().lines} {stats().lines === 1 ? \"line\" : \"lines\"}\n            </span>\n            <span>\n              {stats().words} {stats().words === 1 ? \"word\" : \"words\"}\n            </span>\n            <span>\n              {stats().chars} {stats().chars === 1 ? \"char\" : \"chars\"}\n            </span>\n          </div>\n        </Show>\n        <Show when={state() || loading() || completionError()}>\n          <div\n            ref={dropdown}\n            popover=\"manual\"\n            class=\"k2b-autocomplete__options\"\n            role=\"presentation\"\n            aria-label={messages().completionSuggestions}\n          >\n            <div id={listboxId} class=\"k2b-autocomplete__listbox\" role=\"listbox\" aria-label={messages().suggestions}>\n              <Show when={loading()}>\n                <div class=\"k2b-autocomplete__status\" role=\"status\">\n                  <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n                  Loading suggestions\n                </div>\n              </Show>\n              <Show when={completionError()}>\n                {(message) => (\n                  <div class=\"k2b-autocomplete__status\" data-error=\"true\" role=\"alert\">\n                    <i class=\"ti ti-alert-circle\" aria-hidden=\"true\" />\n                    <span>{message()}</span>\n                    <button type=\"button\" onMouseDown={(event) => event.preventDefault()} onClick={retryCompletion}>\n                      {messages().retry}\n                    </button>\n                  </div>\n                )}\n              </Show>\n              <For each={state()?.suggestions ?? []}>\n                {(suggestion, index) => (\n                  // biome-ignore lint/a11y/useKeyWithClickEvents: the owning textarea handles keyboard activation through aria-activedescendant.\n                  <div\n                    id={optionId(index())}\n                    class=\"k2b-autocomplete__option\"\n                    role=\"option\"\n                    aria-selected={index() === state()?.selectedIndex}\n                    onMouseEnter={() => {\n                      const current = state();\n                      if (current) {\n                        setState({ ...current, selectedIndex: index() });\n                      }\n                    }}\n                    onMouseDown={(event) => {\n                      event.preventDefault();\n                    }}\n                    onClick={() => {\n                      activateSuggestion(index());\n                      textarea?.focus();\n                    }}\n                  >\n                    <span>{displayLabel(suggestion, state()!.context.completion)}</span>\n                    <Show when={suggestion.hint}>{(hint) => <small>{hint()}</small>}</Show>\n                  </div>\n                )}\n              </For>\n            </div>\n          </div>\n        </Show>\n      </div>\n    </Field>\n  );\n}\n\nexport type { Completion, SuggestContext, Suggestion } from \"../completion\";\nexport { abbreviations } from \"../completion\";\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/inputs/markdown/Toolbar.js

@@ -1,3 +1,4 @@
+import { memo as _$memo } from "solid-js/web";
 import { ssr as _$ssr } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
 import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
@@ -5,8 +6,9 @@ import { escape as _$escape } from "solid-js/web";
 var _tmpl$ = ["<span class=\"k2b-markdown-editor__trailing\">", "</span>"],
   _tmpl$2 = ["<div class=\"k2b-markdown-editor__toolbar\" role=\"toolbar\"", ">", "", "</div>"],
   _tmpl$3 = "<span class=\"k2b-markdown-editor__separator\" aria-hidden=\"true\"></span>",
-  _tmpl$4 = ["<button type=\"button\" class=\"k2b-markdown-editor__tool\"", "", "><i", " aria-hidden=\"true\"></i></button>"];
+  _tmpl$4 = ["<i", " aria-hidden=\"true\"></i>"];
 import { For, Show } from "solid-js";
+import { Tooltip } from "../../feedback/Tooltip";
 import { useUiMessages } from "../../intl/messages";
 import { insertLink, toggleBold, toggleBulletList, toggleCode, toggleHeading, toggleItalic, toggleNumberedList, toggleQuote } from "./actions";
 const TOOLS = [{
@@ -102,7 +104,33 @@ export default function Toolbar(props) {
   };
   return _$ssr(_tmpl$2, _$ssrAttribute("aria-label", _$escape(messages().markdownFormatting, true), false), _$escape(_$createComponent(For, {
     each: TOOLS,
-    children: (tool, index) => tool.kind === "separator" ? _$ssr(_tmpl$3) : _$ssr(_tmpl$4, _$ssrAttribute("title", _$escape(title(tool.id, tool.title), true), false) + _$ssrAttribute("aria-label", _$escape(title(tool.id, tool.title), true), false) + _$ssrAttribute("aria-pressed", props.activeFormats?.().has(tool.id) ? "true" : _$escape(undefined, true), false), _$ssrAttribute("disabled", props.disabled, true) + _$ssrAttribute("tabindex", index() === 0 ? 0 : -1, false), _$ssrAttribute("class", _$escape(tool.icon, true), false))
+    children: (tool, index) => tool.kind === "separator" ? _$ssr(_tmpl$3) : _$createComponent(Tooltip.Trigger, {
+      type: "button",
+      "class": "k2b-markdown-editor__tool",
+      get content() {
+        return title(tool.id, tool.title);
+      },
+      get ["aria-label"]() {
+        return title(tool.id, tool.title);
+      },
+      get ["aria-pressed"]() {
+        return props.activeFormats?.().has(tool.id) ? "true" : undefined;
+      },
+      get disabled() {
+        return props.disabled;
+      },
+      get tabIndex() {
+        return index() === 0 ? 0 : -1;
+      },
+      onMouseDown: event => event.preventDefault(),
+      onClick: () => {
+        const textarea = props.textarea();
+        if (textarea) tool.run(textarea);
+      },
+      get children() {
+        return _$ssr(_tmpl$4, _$ssrAttribute("class", _$escape(tool.icon, true), false));
+      }
+    })
   })), _$escape(_$createComponent(Show, {
     get when() {
       return props.trailing;

package/dist/ssr/inputs/markdown/Toolbar.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/markdown/Toolbar.tsx"],"sourcesContent":["import { For, type JSX, Show } from \"solid-js\";\nimport { useUiMessages } from \"../../intl/messages\";\nimport {\n  insertLink,\n  toggleBold,\n  toggleBulletList,\n  toggleCode,\n  toggleHeading,\n  toggleItalic,\n  toggleNumberedList,\n  toggleQuote,\n} from \"./actions\";\n\ntype ToolbarProps = {\n  textarea: () => HTMLTextAreaElement | null;\n  activeFormats?: () => Set<string>;\n  disabled?: boolean;\n  trailing?: JSX.Element;\n};\n\ntype Tool =\n  | {\n      kind: \"button\";\n      id: string;\n      icon: string;\n      title: string;\n      run: (textarea: HTMLTextAreaElement) => void;\n    }\n  | { kind: \"separator\" };\n\nconst TOOLS: readonly Tool[] = [\n  { kind: \"button\", id: \"bold\", icon: \"ti ti-bold\", title: \"Bold (Ctrl/Cmd+B)\", run: toggleBold },\n  { kind: \"button\", id: \"italic\", icon: \"ti ti-italic\", title: \"Italic (Ctrl/Cmd+I)\", run: toggleItalic },\n  { kind: \"button\", id: \"code\", icon: \"ti ti-code\", title: \"Inline code (Ctrl/Cmd+E)\", run: toggleCode },\n  { kind: \"button\", id: \"link\", icon: \"ti ti-link\", title: \"Link (Ctrl/Cmd+K)\", run: insertLink },\n  { kind: \"separator\" },\n  { kind: \"button\", id: \"h1\", icon: \"ti ti-h-1\", title: \"Heading 1 (Ctrl/Cmd+Shift+1)\", run: (textarea) => toggleHeading(textarea, 1) },\n  { kind: \"button\", id: \"h2\", icon: \"ti ti-h-2\", title: \"Heading 2 (Ctrl/Cmd+Shift+2)\", run: (textarea) => toggleHeading(textarea, 2) },\n  { kind: \"button\", id: \"h3\", icon: \"ti ti-h-3\", title: \"Heading 3 (Ctrl/Cmd+Shift+3)\", run: (textarea) => toggleHeading(textarea, 3) },\n  { kind: \"separator\" },\n  { kind: \"button\", id: \"bullet\", icon: \"ti ti-list\", title: \"Bullet list (Ctrl/Cmd+Shift+8)\", run: toggleBulletList },\n  { kind: \"button\", id: \"ordered\", icon: \"ti ti-list-numbers\", title: \"Numbered list (Ctrl/Cmd+Shift+7)\", run: toggleNumberedList },\n  { kind: \"button\", id: \"quote\", icon: \"ti ti-quote\", title: \"Quote\", run: toggleQuote },\n];\n\nexport default function Toolbar(props: ToolbarProps): JSX.Element {\n  const messages = useUiMessages();\n  const title = (id: string, fallback: string): string =>\n    ({\n      bold: messages().boldShortcut,\n      italic: messages().italicShortcut,\n      code: messages().inlineCodeShortcut,\n      link: messages().linkShortcut,\n      h1: messages().heading1Shortcut,\n      h2: messages().heading2Shortcut,\n      h3: messages().heading3Shortcut,\n      bullet: messages().bulletListShortcut,\n      ordered: messages().numberedListShortcut,\n      quote: messages().quote,\n    })[id] ?? fallback;\n  let toolbar!: HTMLDivElement;\n  const moveFocus = (event: KeyboardEvent): void => {\n    if (![\"ArrowLeft\", \"ArrowRight\", \"Home\", \"End\"].includes(event.key)) return;\n    const buttons = Array.from(toolbar.querySelectorAll<HTMLButtonElement>(\".k2b-markdown-editor__tool:not(:disabled)\"));\n    if (buttons.length === 0) return;\n    const current = Math.max(\n      0,\n      buttons.findIndex((button) => button === document.activeElement),\n    );\n    const next =\n      event.key === \"Home\"\n        ? 0\n        : event.key === \"End\"\n          ? buttons.length - 1\n          : event.key === \"ArrowLeft\"\n            ? (current - 1 + buttons.length) % buttons.length\n            : (current + 1) % buttons.length;\n    event.preventDefault();\n    for (const button of buttons) button.tabIndex = -1;\n    buttons[next]!.tabIndex = 0;\n    buttons[next]!.focus();\n  };\n\n  return (\n    <div ref={toolbar} class=\"k2b-markdown-editor__toolbar\" role=\"toolbar\" aria-label={messages().markdownFormatting} onKeyDown={moveFocus}>\n      <For each={TOOLS}>\n        {(tool, index) =>\n          tool.kind === \"separator\" ? (\n            <span class=\"k2b-markdown-editor__separator\" aria-hidden=\"true\" />\n          ) : (\n            <button\n              type=\"button\"\n              class=\"k2b-markdown-editor__tool\"\n              title={title(tool.id, tool.title)}\n              aria-label={title(tool.id, tool.title)}\n              aria-pressed={props.activeFormats?.().has(tool.id) ? \"true\" : undefined}\n              disabled={props.disabled}\n              tabIndex={index() === 0 ? 0 : -1}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => {\n                const textarea = props.textarea();\n                if (textarea) tool.run(textarea);\n              }}\n            >\n              <i class={tool.icon} aria-hidden=\"true\" />\n            </button>\n          )\n        }\n      </For>\n      <Show when={props.trailing}>\n        <span class=\"k2b-markdown-editor__trailing\">{props.trailing}</span>\n      </Show>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/markdown/Toolbar.tsx"],"sourcesContent":["import { For, type JSX, Show } from \"solid-js\";\nimport { Tooltip } from \"../../feedback/Tooltip\";\nimport { useUiMessages } from \"../../intl/messages\";\nimport {\n  insertLink,\n  toggleBold,\n  toggleBulletList,\n  toggleCode,\n  toggleHeading,\n  toggleItalic,\n  toggleNumberedList,\n  toggleQuote,\n} from \"./actions\";\n\ntype ToolbarProps = {\n  textarea: () => HTMLTextAreaElement | null;\n  activeFormats?: () => Set<string>;\n  disabled?: boolean;\n  trailing?: JSX.Element;\n};\n\ntype Tool =\n  | {\n      kind: \"button\";\n      id: string;\n      icon: string;\n      title: string;\n      run: (textarea: HTMLTextAreaElement) => void;\n    }\n  | { kind: \"separator\" };\n\nconst TOOLS: readonly Tool[] = [\n  { kind: \"button\", id: \"bold\", icon: \"ti ti-bold\", title: \"Bold (Ctrl/Cmd+B)\", run: toggleBold },\n  { kind: \"button\", id: \"italic\", icon: \"ti ti-italic\", title: \"Italic (Ctrl/Cmd+I)\", run: toggleItalic },\n  { kind: \"button\", id: \"code\", icon: \"ti ti-code\", title: \"Inline code (Ctrl/Cmd+E)\", run: toggleCode },\n  { kind: \"button\", id: \"link\", icon: \"ti ti-link\", title: \"Link (Ctrl/Cmd+K)\", run: insertLink },\n  { kind: \"separator\" },\n  { kind: \"button\", id: \"h1\", icon: \"ti ti-h-1\", title: \"Heading 1 (Ctrl/Cmd+Shift+1)\", run: (textarea) => toggleHeading(textarea, 1) },\n  { kind: \"button\", id: \"h2\", icon: \"ti ti-h-2\", title: \"Heading 2 (Ctrl/Cmd+Shift+2)\", run: (textarea) => toggleHeading(textarea, 2) },\n  { kind: \"button\", id: \"h3\", icon: \"ti ti-h-3\", title: \"Heading 3 (Ctrl/Cmd+Shift+3)\", run: (textarea) => toggleHeading(textarea, 3) },\n  { kind: \"separator\" },\n  { kind: \"button\", id: \"bullet\", icon: \"ti ti-list\", title: \"Bullet list (Ctrl/Cmd+Shift+8)\", run: toggleBulletList },\n  { kind: \"button\", id: \"ordered\", icon: \"ti ti-list-numbers\", title: \"Numbered list (Ctrl/Cmd+Shift+7)\", run: toggleNumberedList },\n  { kind: \"button\", id: \"quote\", icon: \"ti ti-quote\", title: \"Quote\", run: toggleQuote },\n];\n\nexport default function Toolbar(props: ToolbarProps): JSX.Element {\n  const messages = useUiMessages();\n  const title = (id: string, fallback: string): string =>\n    ({\n      bold: messages().boldShortcut,\n      italic: messages().italicShortcut,\n      code: messages().inlineCodeShortcut,\n      link: messages().linkShortcut,\n      h1: messages().heading1Shortcut,\n      h2: messages().heading2Shortcut,\n      h3: messages().heading3Shortcut,\n      bullet: messages().bulletListShortcut,\n      ordered: messages().numberedListShortcut,\n      quote: messages().quote,\n    })[id] ?? fallback;\n  let toolbar!: HTMLDivElement;\n  const moveFocus = (event: KeyboardEvent): void => {\n    if (![\"ArrowLeft\", \"ArrowRight\", \"Home\", \"End\"].includes(event.key)) return;\n    const buttons = Array.from(toolbar.querySelectorAll<HTMLButtonElement>(\".k2b-markdown-editor__tool:not(:disabled)\"));\n    if (buttons.length === 0) return;\n    const current = Math.max(\n      0,\n      buttons.findIndex((button) => button === document.activeElement),\n    );\n    const next =\n      event.key === \"Home\"\n        ? 0\n        : event.key === \"End\"\n          ? buttons.length - 1\n          : event.key === \"ArrowLeft\"\n            ? (current - 1 + buttons.length) % buttons.length\n            : (current + 1) % buttons.length;\n    event.preventDefault();\n    for (const button of buttons) button.tabIndex = -1;\n    buttons[next]!.tabIndex = 0;\n    buttons[next]!.focus();\n  };\n\n  return (\n    <div ref={toolbar} class=\"k2b-markdown-editor__toolbar\" role=\"toolbar\" aria-label={messages().markdownFormatting} onKeyDown={moveFocus}>\n      <For each={TOOLS}>\n        {(tool, index) =>\n          tool.kind === \"separator\" ? (\n            <span class=\"k2b-markdown-editor__separator\" aria-hidden=\"true\" />\n          ) : (\n            <Tooltip.Trigger\n              type=\"button\"\n              class=\"k2b-markdown-editor__tool\"\n              content={title(tool.id, tool.title)}\n              aria-label={title(tool.id, tool.title)}\n              aria-pressed={props.activeFormats?.().has(tool.id) ? \"true\" : undefined}\n              disabled={props.disabled}\n              tabIndex={index() === 0 ? 0 : -1}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => {\n                const textarea = props.textarea();\n                if (textarea) tool.run(textarea);\n              }}\n            >\n              <i class={tool.icon} aria-hidden=\"true\" />\n            </Tooltip.Trigger>\n          )\n        }\n      </For>\n      <Show when={props.trailing}>\n        <span class=\"k2b-markdown-editor__trailing\">{props.trailing}</span>\n      </Show>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/internal/focus-return.js

@@ -0,0 +1,61 @@
+/**
+ * Overlays return focus to the control that opened them, and the ring comes
+ * back only for a keyboard user: a pointer user gets focus back silently, a
+ * keyboard user keeps seeing where they are.
+ */
+
+const showsFocusRing = element => element?.matches(":focus-visible") ?? false;
+
+/**
+ * Keys that do not make someone a keyboard user: modifiers come with pointer
+ * gestures, and pointer users close overlays with Escape too.
+ */
+const passiveKeys = new Set(["Alt", "AltGraph", "CapsLock", "Control", "Escape", "Meta", "Shift"]);
+let lastInput;
+
+// Tracked from the start, so the first overlay on a page knows the last input
+// as well. The trigger's ring cannot tell it: Chromium and Firefox do not light
+// the ring of an element that got focus back silently when a key is pressed on it.
+if (typeof window !== "undefined") {
+  window.addEventListener("keydown", event => {
+    if (!passiveKeys.has(event.key)) lastInput = "keyboard";
+  }, true);
+  window.addEventListener("pointerdown", () => lastInput = "pointer", true);
+}
+const keyboardLast = () => lastInput === "keyboard";
+
+/**
+ * Read as an overlay opens, while its trigger still holds focus: whether the
+ * keyboard opened it. The trigger's ring answers before the first input.
+ */
+export const ringOnReturn = trigger => keyboardLast() || showsFocusRing(trigger);
+
+/**
+ * Moves focus back to `trigger`. It shows a ring when the keyboard opened the
+ * overlay (`openedByKeyboard`, what `ringOnReturn` reported as it opened) or
+ * worked it since, so a pointer open closed with Escape alone returns silently.
+ * Engines without the option focus as before.
+ *
+ * Call it before the overlay hides: a native popover or dialog that closes
+ * with focus inside restores it on its own, with a ring of the browser's choosing.
+ */
+export const returnFocus = (trigger, openedByKeyboard) => {
+  if (!trigger) return;
+  // Text fields always show where typing goes, so the browser decides.
+  if (trigger.matches("input, textarea, [contenteditable]:not([contenteditable='false'])")) {
+    trigger.focus();
+    return;
+  }
+  const ring = openedByKeyboard || keyboardLast();
+  // The key that closed an overlay can light the ring of a trigger that kept
+  // focus, and focusing the focused element changes nothing.
+  if (trigger === document.activeElement) {
+    if (showsFocusRing(trigger) === ring) return;
+    trigger.blur();
+  }
+  const options = {
+    focusVisible: ring
+  };
+  trigger.focus(options);
+};
+//# sourceMappingURL=focus-return.js.map

package/dist/ssr/internal/focus-return.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["internal/focus-return.ts"],"sourcesContent":["/**\n * Overlays return focus to the control that opened them, and the ring comes\n * back only for a keyboard user: a pointer user gets focus back silently, a\n * keyboard user keeps seeing where they are.\n */\n\nconst showsFocusRing = (element: Element | null | undefined): boolean => element?.matches(\":focus-visible\") ?? false;\n\n/**\n * Keys that do not make someone a keyboard user: modifiers come with pointer\n * gestures, and pointer users close overlays with Escape too.\n */\nconst passiveKeys = new Set([\"Alt\", \"AltGraph\", \"CapsLock\", \"Control\", \"Escape\", \"Meta\", \"Shift\"]);\nlet lastInput: \"keyboard\" | \"pointer\" | undefined;\n\n// Tracked from the start, so the first overlay on a page knows the last input\n// as well. The trigger's ring cannot tell it: Chromium and Firefox do not light\n// the ring of an element that got focus back silently when a key is pressed on it.\nif (typeof window !== \"undefined\") {\n  window.addEventListener(\n    \"keydown\",\n    (event) => {\n      if (!passiveKeys.has(event.key)) lastInput = \"keyboard\";\n    },\n    true,\n  );\n  window.addEventListener(\"pointerdown\", () => (lastInput = \"pointer\"), true);\n}\n\nconst keyboardLast = (): boolean => lastInput === \"keyboard\";\n\n/**\n * Read as an overlay opens, while its trigger still holds focus: whether the\n * keyboard opened it. The trigger's ring answers before the first input.\n */\nexport const ringOnReturn = (trigger: Element | null | undefined): boolean => keyboardLast() || showsFocusRing(trigger);\n\n/**\n * Moves focus back to `trigger`. It shows a ring when the keyboard opened the\n * overlay (`openedByKeyboard`, what `ringOnReturn` reported as it opened) or\n * worked it since, so a pointer open closed with Escape alone returns silently.\n * Engines without the option focus as before.\n *\n * Call it before the overlay hides: a native popover or dialog that closes\n * with focus inside restores it on its own, with a ring of the browser's choosing.\n */\nexport const returnFocus = (trigger: HTMLElement | null | undefined, openedByKeyboard: boolean): void => {\n  if (!trigger) return;\n  // Text fields always show where typing goes, so the browser decides.\n  if (trigger.matches(\"input, textarea, [contenteditable]:not([contenteditable='false'])\")) {\n    trigger.focus();\n    return;\n  }\n  const ring = openedByKeyboard || keyboardLast();\n  // The key that closed an overlay can light the ring of a trigger that kept\n  // focus, and focusing the focused element changes nothing.\n  if (trigger === document.activeElement) {\n    if (showsFocusRing(trigger) === ring) return;\n    trigger.blur();\n  }\n  const options: FocusOptions & { focusVisible?: boolean } = { focusVisible: ring };\n  trigger.focus(options);\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA,MAAM,cAAc,GAAI,OAAmC,IAAc,OAAO,EAAE,OAAO,CAAC,gBAAgB,CAAC,IAAI,KAAK;;AAEpH;AACA;AACA;AACA;AACA,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;AAClG,IAAI,SAA6C;;AAEjD;AACA;AACA;AACA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;EACjC,MAAM,CAAC,gBAAgB,CACrB,SAAS,EACR,KAAK,IAAK;IACT,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,SAAS,GAAG,UAAU;EACzD,CAAC,EACD,IACF,CAAC;EACD,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,MAAO,SAAS,GAAG,SAAU,EAAE,IAAI,CAAC;AAC7E;AAEA,MAAM,YAAY,GAAG,MAAe,SAAS,KAAK,UAAU;;AAE5D;AACA;AACA;AACA;AACA,OAAO,MAAM,YAAY,GAAI,OAAmC,IAAc,YAAY,CAAC,CAAC,IAAI,cAAc,CAAC,OAAO,CAAC;;AAEvH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAM,WAAW,GAAG,CAAC,OAAuC,EAAE,gBAAyB,KAAW;EACvG,IAAI,CAAC,OAAO,EAAE;EACd;EACA,IAAI,OAAO,CAAC,OAAO,CAAC,mEAAmE,CAAC,EAAE;IACxF,OAAO,CAAC,KAAK,CAAC,CAAC;IACf;EACF;EACA,MAAM,IAAI,GAAG,gBAAgB,IAAI,YAAY,CAAC,CAAC;EAC/C;EACA;EACA,IAAI,OAAO,KAAK,QAAQ,CAAC,aAAa,EAAE;IACtC,IAAI,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE;IACtC,OAAO,CAAC,IAAI,CAAC,CAAC;EAChB;EACA,MAAM,OAAkD,GAAG;IAAE,YAAY,EAAE;EAAK,CAAC;EACjF,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC;AACxB,CAAC","ignoreList":[]}

package/dist/ssr/layout/AppOverview.js

@@ -3,7 +3,7 @@ import { memo as _$memo } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
 import { ssr as _$ssr } from "solid-js/web";
 import { escape as _$escape } from "solid-js/web";
-var _tmpl$ = ["<p>", "</p>"],
+var _tmpl$ = ["<p class=\"k2b-app-overview__panel-description\">", "</p>"],
   _tmpl$2 = ["<div class=\"k2b-app-overview__toolbar\">", "</div>"],
   _tmpl$3 = ["<div class=\"k2b-app-overview__panel-header\"><div><h2>", "</h2>", "</div>", "</div>"],
   _tmpl$4 = ["<section class=\"", "\">", "", "</section>"],

package/dist/ssr/layout/AppOverview.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["layout/AppOverview.tsx"],"sourcesContent":["import { type JSX, Show } from \"solid-js\";\nimport Placeholder from \"../surfaces/Placeholder\";\nimport { PanelHeader } from \"./PanelHeader\";\n\nexport type AppOverviewProps = {\n  title: string;\n  subtitle?: string;\n  icon: string;\n  /** The page's single primary action, such as a create button or menu. */\n  actions?: JSX.Element;\n  class?: string;\n  children: JSX.Element;\n};\n\nexport type AppOverviewPanelProps = {\n  title: string;\n  description?: JSX.Element;\n  toolbar?: JSX.Element;\n  class?: string;\n  children: JSX.Element;\n};\n\nexport type AppOverviewEmptyStateProps = {\n  title: string;\n  description?: JSX.Element;\n  icon?: string;\n  class?: string;\n  children?: JSX.Element;\n};\n\nexport type AppOverviewCardsProps = {\n  class?: string;\n  children: JSX.Element;\n};\n\ntype AppOverviewComponent = ((props: AppOverviewProps) => JSX.Element) & {\n  Main: (props: AppOverviewPanelProps) => JSX.Element;\n  Aside: (props: AppOverviewPanelProps) => JSX.Element;\n  Cards: (props: AppOverviewCardsProps) => JSX.Element;\n  EmptyState: (props: AppOverviewEmptyStateProps) => JSX.Element;\n};\n\nconst tablerIconClass = (icon: string | null | undefined, fallback: string): string => {\n  const value = icon?.trim() || fallback;\n  return value.startsWith(\"ti \") ? value : `ti ${value}`;\n};\n\nconst AppOverviewPanelHeader = (props: Pick<AppOverviewPanelProps, \"title\" | \"description\" | \"toolbar\">): JSX.Element => (\n  <div class=\"k2b-app-overview__panel-header\">\n    <div>\n      <h2>{props.title}</h2>\n      <Show when={props.description}>\n        <p>{props.description}</p>\n      </Show>\n    </div>\n    <Show when={props.toolbar}>\n      <div class=\"k2b-app-overview__toolbar\">{props.toolbar}</div>\n    </Show>\n  </div>\n);\n\nconst AppOverviewMain = (props: AppOverviewPanelProps): JSX.Element => (\n  <section class={`k2b-app-overview__main ${props.class ?? \"\"}`}>\n    <AppOverviewPanelHeader title={props.title} description={props.description} toolbar={props.toolbar} />\n    {props.children}\n  </section>\n);\n\nconst AppOverviewAside = (props: AppOverviewPanelProps): JSX.Element => (\n  <aside class={`k2b-app-overview__aside ${props.class ?? \"\"}`}>\n    <AppOverviewPanelHeader title={props.title} description={props.description} toolbar={props.toolbar} />\n    {props.children}\n  </aside>\n);\n\nconst AppOverviewCards = (props: AppOverviewCardsProps): JSX.Element => (\n  <div class={`k2b-app-overview__cards ${props.class ?? \"\"}`}>{props.children}</div>\n);\n\nconst AppOverviewEmptyState = (props: AppOverviewEmptyStateProps): JSX.Element => (\n  <Placeholder\n    surface=\"paper\"\n    variant=\"panel\"\n    title={props.title}\n    description={props.description}\n    icon={props.icon ? tablerIconClass(props.icon, \"ti-inbox\") : undefined}\n    action={props.children}\n    class={props.class}\n  />\n);\n\nconst AppOverview = ((props: AppOverviewProps): JSX.Element => (\n  <div class={`k2b-app-overview ${props.class ?? \"\"}`}>\n    <header class=\"k2b-app-overview__header\">\n      <span class=\"k2b-app-overview__icon\" aria-hidden=\"true\">\n        <i class={tablerIconClass(props.icon, \"ti-apps\")} />\n      </span>\n      <PanelHeader as=\"h1\" size=\"lg\" title={props.title} subtitle={props.subtitle} actions={props.actions} />\n    </header>\n    <div class=\"k2b-app-overview__columns\">{props.children}</div>\n  </div>\n)) as AppOverviewComponent;\n\nAppOverview.Main = AppOverviewMain;\nAppOverview.Aside = AppOverviewAside;\nAppOverview.Cards = AppOverviewCards;\nAppOverview.EmptyState = AppOverviewEmptyState;\n\nexport default AppOverview;\n"],"mappings":";;;;;;;;;;;;AAAA,SAAmB,IAAI,QAAQ,UAAU;AACzC,OAAO,WAAW,MAAM,yBAAyB;AACjD,SAAS,WAAW,QAAQ,eAAe;AAwC3C,MAAM,eAAe,GAAG,CAAC,IAA+B,EAAE,QAAgB,KAAa;EACrF,MAAM,KAAK,GAAG,IAAI,EAAE,IAAI,CAAC,CAAC,IAAI,QAAQ;EACtC,OAAO,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,MAAM,KAAK,EAAE;AACxD,CAAC;AAED,MAAM,sBAAsB,GAAI,KAAuE,4BAG5F,KAAK,CAAC,KAAK,8BACf,IAAI;EAAA,IAAC,IAAI;IAAA,OAAE,KAAK,CAAC,WAAW;EAAA;EAAA;IAAA,8BACvB,KAAK,CAAC,WAAW;EAAA;AAAA,gCAGxB,IAAI;EAAA,IAAC,IAAI;IAAA,OAAE,KAAK,CAAC,OAAO;EAAA;EAAA;IAAA,+BACiB,KAAK,CAAC,OAAO;EAAA;AAAA,IAG1D;AAED,MAAM,eAAe,GAAI,KAA4B,mBACnC,mCAA0B,KAAK,CAAC,KAAK,IAAI,EAAE,SAAE,6BAC1D,sBAAsB;EAAA,IAAC,KAAK;IAAA,OAAE,KAAK,CAAC,KAAK;EAAA;EAAA,IAAE,WAAW;IAAA,OAAE,KAAK,CAAC,WAAW;EAAA;EAAA,IAAE,OAAO;IAAA,OAAE,KAAK,CAAC,OAAO;EAAA;AAAA,cACjG,KAAK,CAAC,QAAQ,EAElB;AAED,MAAM,gBAAgB,GAAI,KAA4B,mBACtC,oCAA2B,KAAK,CAAC,KAAK,IAAI,EAAE,SAAE,6BACzD,sBAAsB;EAAA,IAAC,KAAK;IAAA,OAAE,KAAK,CAAC,KAAK;EAAA;EAAA,IAAE,WAAW;IAAA,OAAE,KAAK,CAAC,WAAW;EAAA;EAAA,IAAE,OAAO;IAAA,OAAE,KAAK,CAAC,OAAO;EAAA;AAAA,cACjG,KAAK,CAAC,QAAQ,EAElB;AAED,MAAM,gBAAgB,GAAI,KAA4B,mBACxC,oCAA2B,KAAK,CAAC,KAAK,IAAI,EAAE,SAAE,WAAG,KAAK,CAAC,QAAQ,EAC5E;AAED,MAAM,qBAAqB,GAAI,KAAiC,sBAC7D,WAAW;EACV,OAAO;EACP,OAAO;EAAA,IACP,KAAK;IAAA,OAAE,KAAK,CAAC,KAAK;EAAA;EAAA,IAClB,WAAW;IAAA,OAAE,KAAK,CAAC,WAAW;EAAA;EAAA,IAC9B,IAAI;IAAA,OAAE,oBAAK,CAAC,IAAI,MAAG,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,UAAU,CAAC,GAAG,SAAS;EAAA;EAAA,IACtE,MAAM;IAAA,OAAE,KAAK,CAAC,QAAQ;EAAA;EAAA;IAAA,OACf,KAAK,CAAC,KAAK;EAAA;AAAA,EAErB;AAED,MAAM,WAAW,GAAK,KAAuB,mBAC/B,6BAAoB,KAAK,CAAC,KAAK,IAAI,EAAE,SAAE,mCAGnC,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,4CAEjD,WAAW;EAAC,EAAE;EAAM,IAAI;EAAA,IAAM,KAAK;IAAA,OAAE,KAAK,CAAC,KAAK;EAAA;EAAA,IAAE,QAAQ;IAAA,OAAE,KAAK,CAAC,QAAQ;EAAA;EAAA,IAAE,OAAO;IAAA,OAAE,KAAK,CAAC,OAAO;EAAA;AAAA,cAE7D,KAAK,CAAC,QAAQ,EAEhC;AAE1B,WAAW,CAAC,IAAI,GAAG,eAAe;AAClC,WAAW,CAAC,KAAK,GAAG,gBAAgB;AACpC,WAAW,CAAC,KAAK,GAAG,gBAAgB;AACpC,WAAW,CAAC,UAAU,GAAG,qBAAqB;AAE9C,eAAe,WAAW","ignoreList":[]}
+{"version":3,"names":[],"sources":["layout/AppOverview.tsx"],"sourcesContent":["import { type JSX, Show } from \"solid-js\";\nimport Placeholder from \"../surfaces/Placeholder\";\nimport { PanelHeader } from \"./PanelHeader\";\n\nexport type AppOverviewProps = {\n  title: string;\n  subtitle?: string;\n  icon: string;\n  /** The page's single primary action, such as a create button or menu. */\n  actions?: JSX.Element;\n  class?: string;\n  children: JSX.Element;\n};\n\nexport type AppOverviewPanelProps = {\n  title: string;\n  description?: JSX.Element;\n  toolbar?: JSX.Element;\n  class?: string;\n  children: JSX.Element;\n};\n\nexport type AppOverviewEmptyStateProps = {\n  title: string;\n  description?: JSX.Element;\n  icon?: string;\n  class?: string;\n  children?: JSX.Element;\n};\n\nexport type AppOverviewCardsProps = {\n  class?: string;\n  children: JSX.Element;\n};\n\ntype AppOverviewComponent = ((props: AppOverviewProps) => JSX.Element) & {\n  Main: (props: AppOverviewPanelProps) => JSX.Element;\n  Aside: (props: AppOverviewPanelProps) => JSX.Element;\n  Cards: (props: AppOverviewCardsProps) => JSX.Element;\n  EmptyState: (props: AppOverviewEmptyStateProps) => JSX.Element;\n};\n\nconst tablerIconClass = (icon: string | null | undefined, fallback: string): string => {\n  const value = icon?.trim() || fallback;\n  return value.startsWith(\"ti \") ? value : `ti ${value}`;\n};\n\nconst AppOverviewPanelHeader = (props: Pick<AppOverviewPanelProps, \"title\" | \"description\" | \"toolbar\">): JSX.Element => (\n  <div class=\"k2b-app-overview__panel-header\">\n    <div>\n      <h2>{props.title}</h2>\n      <Show when={props.description}>\n        <p class=\"k2b-app-overview__panel-description\">{props.description}</p>\n      </Show>\n    </div>\n    <Show when={props.toolbar}>\n      <div class=\"k2b-app-overview__toolbar\">{props.toolbar}</div>\n    </Show>\n  </div>\n);\n\nconst AppOverviewMain = (props: AppOverviewPanelProps): JSX.Element => (\n  <section class={`k2b-app-overview__main ${props.class ?? \"\"}`}>\n    <AppOverviewPanelHeader title={props.title} description={props.description} toolbar={props.toolbar} />\n    {props.children}\n  </section>\n);\n\nconst AppOverviewAside = (props: AppOverviewPanelProps): JSX.Element => (\n  <aside class={`k2b-app-overview__aside ${props.class ?? \"\"}`}>\n    <AppOverviewPanelHeader title={props.title} description={props.description} toolbar={props.toolbar} />\n    {props.children}\n  </aside>\n);\n\nconst AppOverviewCards = (props: AppOverviewCardsProps): JSX.Element => (\n  <div class={`k2b-app-overview__cards ${props.class ?? \"\"}`}>{props.children}</div>\n);\n\nconst AppOverviewEmptyState = (props: AppOverviewEmptyStateProps): JSX.Element => (\n  <Placeholder\n    surface=\"paper\"\n    variant=\"panel\"\n    title={props.title}\n    description={props.description}\n    icon={props.icon ? tablerIconClass(props.icon, \"ti-inbox\") : undefined}\n    action={props.children}\n    class={props.class}\n  />\n);\n\nconst AppOverview = ((props: AppOverviewProps): JSX.Element => (\n  <div class={`k2b-app-overview ${props.class ?? \"\"}`}>\n    <header class=\"k2b-app-overview__header\">\n      <span class=\"k2b-app-overview__icon\" aria-hidden=\"true\">\n        <i class={tablerIconClass(props.icon, \"ti-apps\")} />\n      </span>\n      <PanelHeader as=\"h1\" size=\"lg\" title={props.title} subtitle={props.subtitle} actions={props.actions} />\n    </header>\n    <div class=\"k2b-app-overview__columns\">{props.children}</div>\n  </div>\n)) as AppOverviewComponent;\n\nAppOverview.Main = AppOverviewMain;\nAppOverview.Aside = AppOverviewAside;\nAppOverview.Cards = AppOverviewCards;\nAppOverview.EmptyState = AppOverviewEmptyState;\n\nexport default AppOverview;\n"],"mappings":";;;;;;;;;;;;AAAA,SAAmB,IAAI,QAAQ,UAAU;AACzC,OAAO,WAAW,MAAM,yBAAyB;AACjD,SAAS,WAAW,QAAQ,eAAe;AAwC3C,MAAM,eAAe,GAAG,CAAC,IAA+B,EAAE,QAAgB,KAAa;EACrF,MAAM,KAAK,GAAG,IAAI,EAAE,IAAI,CAAC,CAAC,IAAI,QAAQ;EACtC,OAAO,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,MAAM,KAAK,EAAE;AACxD,CAAC;AAED,MAAM,sBAAsB,GAAI,KAAuE,4BAG5F,KAAK,CAAC,KAAK,8BACf,IAAI;EAAA,IAAC,IAAI;IAAA,OAAE,KAAK,CAAC,WAAW;EAAA;EAAA;IAAA,8BACqB,KAAK,CAAC,WAAW;EAAA;AAAA,gCAGpE,IAAI;EAAA,IAAC,IAAI;IAAA,OAAE,KAAK,CAAC,OAAO;EAAA;EAAA;IAAA,+BACiB,KAAK,CAAC,OAAO;EAAA;AAAA,IAG1D;AAED,MAAM,eAAe,GAAI,KAA4B,mBACnC,mCAA0B,KAAK,CAAC,KAAK,IAAI,EAAE,SAAE,6BAC1D,sBAAsB;EAAA,IAAC,KAAK;IAAA,OAAE,KAAK,CAAC,KAAK;EAAA;EAAA,IAAE,WAAW;IAAA,OAAE,KAAK,CAAC,WAAW;EAAA;EAAA,IAAE,OAAO;IAAA,OAAE,KAAK,CAAC,OAAO;EAAA;AAAA,cACjG,KAAK,CAAC,QAAQ,EAElB;AAED,MAAM,gBAAgB,GAAI,KAA4B,mBACtC,oCAA2B,KAAK,CAAC,KAAK,IAAI,EAAE,SAAE,6BACzD,sBAAsB;EAAA,IAAC,KAAK;IAAA,OAAE,KAAK,CAAC,KAAK;EAAA;EAAA,IAAE,WAAW;IAAA,OAAE,KAAK,CAAC,WAAW;EAAA;EAAA,IAAE,OAAO;IAAA,OAAE,KAAK,CAAC,OAAO;EAAA;AAAA,cACjG,KAAK,CAAC,QAAQ,EAElB;AAED,MAAM,gBAAgB,GAAI,KAA4B,mBACxC,oCAA2B,KAAK,CAAC,KAAK,IAAI,EAAE,SAAE,WAAG,KAAK,CAAC,QAAQ,EAC5E;AAED,MAAM,qBAAqB,GAAI,KAAiC,sBAC7D,WAAW;EACV,OAAO;EACP,OAAO;EAAA,IACP,KAAK;IAAA,OAAE,KAAK,CAAC,KAAK;EAAA;EAAA,IAClB,WAAW;IAAA,OAAE,KAAK,CAAC,WAAW;EAAA;EAAA,IAC9B,IAAI;IAAA,OAAE,oBAAK,CAAC,IAAI,MAAG,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,UAAU,CAAC,GAAG,SAAS;EAAA;EAAA,IACtE,MAAM;IAAA,OAAE,KAAK,CAAC,QAAQ;EAAA;EAAA;IAAA,OACf,KAAK,CAAC,KAAK;EAAA;AAAA,EAErB;AAED,MAAM,WAAW,GAAK,KAAuB,mBAC/B,6BAAoB,KAAK,CAAC,KAAK,IAAI,EAAE,SAAE,mCAGnC,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,4CAEjD,WAAW;EAAC,EAAE;EAAM,IAAI;EAAA,IAAM,KAAK;IAAA,OAAE,KAAK,CAAC,KAAK;EAAA;EAAA,IAAE,QAAQ;IAAA,OAAE,KAAK,CAAC,QAAQ;EAAA;EAAA,IAAE,OAAO;IAAA,OAAE,KAAK,CAAC,OAAO;EAAA;AAAA,cAE7D,KAAK,CAAC,QAAQ,EAEhC;AAE1B,WAAW,CAAC,IAAI,GAAG,eAAe;AAClC,WAAW,CAAC,KAAK,GAAG,gBAAgB;AACpC,WAAW,CAAC,KAAK,GAAG,gBAAgB;AACpC,WAAW,CAAC,UAAU,GAAG,qBAAqB;AAE9C,eAAe,WAAW","ignoreList":[]}

package/dist/ssr/layout/DetailPanel.js

@@ -28,12 +28,13 @@ var _tmpl$ = ["<div class=\"k2b-detail-panel__header-leading\">", "</div>"],
   _tmpl$20 = ["<span class=\"k2b-detail-panel__section-copy\"><span id=\"", "\" class=\"k2b-detail-panel__section-title\">", "</span>", "</span>"],
   _tmpl$21 = ["<span class=\"k2b-detail-panel__section-meta\">", "</span>"],
   _tmpl$22 = "<i class=\"ti ti-chevron-down\" aria-hidden=\"true\"></i>",
-  _tmpl$23 = ["<div class=\"k2b-detail-panel__section-meta\">", "</div>"],
-  _tmpl$24 = "<i class=\"ti ti-chevron-up\" aria-hidden=\"true\"></i>",
-  _tmpl$25 = ["<section", "><div", ">", "</div><div", "><header class=\"k2b-detail-panel__section-header\">", "<div class=\"k2b-detail-panel__section-copy\"><h3", ">", "</h3>", "</div>", "", "</header></div><div", "", " class=\"k2b-detail-panel__section-body\">", "</div></section>"],
-  _tmpl$26 = ["<div class=\"k2b-detail-panel__section-actions\">", "</div>"],
-  _tmpl$27 = ["<div class=\"k2b-detail-panel__section-body\">", "</div>"],
-  _tmpl$28 = ["<section", "><header class=\"k2b-detail-panel__section-header\">", "<div class=\"k2b-detail-panel__section-copy\"><h3", ">", "</h3>", "</div>", "", "</header>", "</section>"];
+  _tmpl$23 = ["<p class=\"k2b-detail-panel__section-description\">", "</p>"],
+  _tmpl$24 = ["<div class=\"k2b-detail-panel__section-meta\">", "</div>"],
+  _tmpl$25 = "<i class=\"ti ti-chevron-up\" aria-hidden=\"true\"></i>",
+  _tmpl$26 = ["<section", "><div", ">", "</div><div", "><header class=\"k2b-detail-panel__section-header\">", "<div class=\"k2b-detail-panel__section-copy\"><h3", ">", "</h3>", "</div>", "", "</header></div><div", "", " class=\"k2b-detail-panel__section-body\">", "</div></section>"],
+  _tmpl$27 = ["<div class=\"k2b-detail-panel__section-actions\">", "</div>"],
+  _tmpl$28 = ["<div class=\"k2b-detail-panel__section-body\">", "</div>"],
+  _tmpl$29 = ["<section", "><header class=\"k2b-detail-panel__section-header\">", "<div class=\"k2b-detail-panel__section-copy\"><h3", ">", "</h3>", "</div>", "", "</header>", "</section>"];
 import { children, createEffect, createSignal, createUniqueId, Show, splitProps } from "solid-js";
 import { Button, ButtonLink, IconButton } from "../actions/Button";
 import { Dropdown } from "../actions/Dropdown";
@@ -273,7 +274,7 @@ const DetailPanelSection = props => {
       return props.collapsible;
     },
     get fallback() {
-      return _$ssr(_tmpl$28, _$ssrAttribute("class", _$escape(className(), true), false) + _$ssrAttribute("aria-labelledby", _$escape(headingId, true), false), _$escape(_$createComponent(DetailPanelSectionIcon, {
+      return _$ssr(_tmpl$29, _$ssrAttribute("class", _$escape(className(), true), false) + _$ssrAttribute("aria-labelledby", _$escape(headingId, true), false), _$escape(_$createComponent(DetailPanelSectionIcon, {
         get icon() {
           return props.icon;
         },
@@ -285,33 +286,33 @@ const DetailPanelSection = props => {
           return props.description;
         },
         get children() {
-          return _$ssr(_tmpl$2, _$escape(props.description));
+          return _$ssr(_tmpl$23, _$escape(props.description));
         }
       })), _$escape(_$createComponent(Show, {
         get when() {
           return props.meta;
         },
         get children() {
-          return _$ssr(_tmpl$23, _$escape(props.meta));
+          return _$ssr(_tmpl$24, _$escape(props.meta));
         }
       })), _$escape(_$createComponent(Show, {
         get when() {
           return props.actions;
         },
         get children() {
-          return _$ssr(_tmpl$26, _$escape(props.actions));
+          return _$ssr(_tmpl$27, _$escape(props.actions));
         }
       })), _$escape(_$createComponent(Show, {
         get when() {
           return resolved();
         },
         get children() {
-          return _$ssr(_tmpl$27, _$escape(resolved()));
+          return _$ssr(_tmpl$28, _$escape(resolved()));
         }
       })));
     },
     get children() {
-      return _$ssr(_tmpl$25, _$ssrAttribute("class", _$escape(className(), true), false) + _$ssrAttribute("aria-labelledby", open() ? _$escape(headingId, true) : `${_$escape(headingId, true)}-closed`, false) + _$ssrAttribute("data-open", _$escape(open(), true), false), _$ssrAttribute("hidden", open(), true), _$escape(_$createComponent(Button, {
+      return _$ssr(_tmpl$26, _$ssrAttribute("class", _$escape(className(), true), false) + _$ssrAttribute("aria-labelledby", open() ? _$escape(headingId, true) : `${_$escape(headingId, true)}-closed`, false) + _$ssrAttribute("data-open", _$escape(open(), true), false), _$ssrAttribute("hidden", open(), true), _$escape(_$createComponent(Button, {
         variant: "ghost",
         "class": "k2b-detail-panel__section-summary",
         get disabled() {
@@ -356,14 +357,14 @@ const DetailPanelSection = props => {
           return props.description;
         },
         get children() {
-          return _$ssr(_tmpl$2, _$escape(props.description));
+          return _$ssr(_tmpl$23, _$escape(props.description));
         }
       })), _$escape(_$createComponent(Show, {
         get when() {
           return props.meta;
         },
         get children() {
-          return _$ssr(_tmpl$23, _$escape(props.meta));
+          return _$ssr(_tmpl$24, _$escape(props.meta));
         }
       })), _$escape(_$createComponent(Button, {
         variant: "ghost",
@@ -376,7 +377,7 @@ const DetailPanelSection = props => {
         "aria-controls": bodyId,
         onClick: () => toggle(false),
         get children() {
-          return _$ssr(_tmpl$24);
+          return _$ssr(_tmpl$25);
         }
       })), _$ssrAttribute("id", _$escape(bodyId, true), false), _$ssrAttribute("hidden", !open(), true), _$escape(props.children));
     }