@kouji-ui/components 0.4.2 → 0.4.4

package/types/kouji-ui-components.d.ts

@@ -1,11 +1,15 @@
 import * as i1 from '@kouji-ui/core';
-import { KjAlertMode, KjAvatarShape, KjBadgeVariant, KjButtonGroupOrientation, KjCarousel, KjLiveRegion, KjCarouselSlide, KjCarouselAlign, KjColorFormat, KjColorPreset, KjColorValue, KjColorPicker, KjCombobox, KjOverlayTriggerLike, KjDatePicker, KjFileRejection, KjUploadableFile, KjFileUpload, KjInput, KjDividerOrientation, KjDividerAlign, KjListAs, KjListOrientation, KjPasswordAutocomplete, KjPasswordScore, KjSkeletonShape, KjSkeletonAnimation, KjSpinnerAnimation, KjResourceResult, KjStorageAdapter, KjTableState, KjTable, KjNumberFilterType, KjTabPanel, KjTextareaResize, KjTextareaAutoresize, KjHourCycle, TimeParts, KjToastVariant, KjCascadeSelectOption, KjTreeSelect, KjTreeNode } from '@kouji-ui/core';
-export { KJ_DROPDOWN_MENU, KjAvatarGroupAriaLabelFormat, KjBlockquote, KjCarouselAlign, KjCarouselControlPattern, KjCarouselOrientation, KjChatRole, KjChatSide, KjChatState, KjCode, KjColorFormat, KjColorPreset, KjColorValue, KjDialog, KjDialogOpenOptions, KjDialogRef, KjDialogService, KjDrawer, KjDrawerOpenOptions, KjDrawerRef, KjDrawerService, KjDrawerSide, KjDropdownMenuCloseReason, KjDropdownMenuContent, KjDropdownMenuContext, KjDropdownMenuGroup, KjDropdownMenuItem, KjDropdownMenuLabel, KjDropdownMenuMount, KjDropdownMenuSeparator, KjDropdownMenuTrigger, KjDropdownMenuTriggerKind, KjLead, KjMuted, KjPopoverArrow, KjPopoverClose, KjPopoverContent, KjPopoverTitle, KjPopoverTrigger, KjSpeedDialDirection, KjTooltipArrow, KjTooltipContent, KjTooltipGroup, KjTooltipTrigger, KjTruncate } from '@kouji-ui/core';
+import { KjAlertMode, KjAvatarShape, KjBadgeVariant, KjButtonGroupOrientation, KjCarousel, KjLiveRegion, KjCarouselSlide, KjCarouselAlign, KjChatStore, KjChatAnnouncer, KjChatMessageData, KjSlashCommand, KjColorFormat, KjColorPreset, KjColorValue, KjColorPicker, KjCombobox, KjOverlayTriggerLike, KjDatePicker, KjDateRange as KjDateRange$1, KjDateRangePreset, KjEditorLanguage, KjEditorLineNumbers, KjEditorWordWrap, KjEditorInstance, KjFileRejection, KjUploadableFile, KjFileUpload, KjInput, KjDividerOrientation, KjDividerAlign, KjListAs, KjListOrientation, KjPasswordAutocomplete, KjPasswordScore, KjRichTextFeature, KjRichTextEditor, KjRteToolbarItem, KjActiveOverlay, KjSkeletonShape, KjSkeletonAnimation, KjSpinnerAnimation, KjResourceResult, KjStorageAdapter, KjTableState, KjTable, KjNumberFilterType, KjTabPanel, KjTextareaResize, KjTextareaAutoresize, KjHourCycle, TimeParts, KjToastVariant, KjCascadeSelectOption, KjTreeSelect, KjTreeNode } from '@kouji-ui/core';
+export { KJ_DROPDOWN_MENU, KjAvatarGroupAriaLabelFormat, KjBlockquote, KjCarouselAlign, KjCarouselControlPattern, KjCarouselOrientation, KjChatRole, KjChatSide, KjChatState, KjCode, KjColorFormat, KjColorPreset, KjColorValue, KjDialog, KjDialogOpenOptions, KjDialogRef, KjDialogService, KjDrawer, KjDrawerOpenOptions, KjDrawerRef, KjDrawerService, KjDrawerSide, KjDropdownMenuCloseReason, KjDropdownMenuContent, KjDropdownMenuContext, KjDropdownMenuGroup, KjDropdownMenuItem, KjDropdownMenuLabel, KjDropdownMenuMount, KjDropdownMenuSeparator, KjDropdownMenuTrigger, KjDropdownMenuTriggerKind, KjLead, KjMuted, KjOverlayPanel, KjOverlayTriggerLike, KjPopoverArrow, KjPopoverClose, KjPopoverContent, KjPopoverTitle, KjPopoverTrigger, KjSheet, KjSheetDetent, KjSheetOpenOptions, KjSheetRef, KjSheetService, KjSpeedDialDirection, KjTooltipArrow, KjTooltipContent, KjTooltipGroup, KjTooltipTrigger, KjTruncate, SHEET_ARIA_LABEL, SHEET_DATA, SHEET_DETENT, SHEET_DISMISSIBLE } from '@kouji-ui/core';
 import * as _angular_core from '@angular/core';
-import { TemplateRef, ModelSignal, AfterViewInit, OnDestroy, EventEmitter, EnvironmentProviders, ElementRef, OnInit, ResourceRef, Type, InjectionToken } from '@angular/core';
+import { TemplateRef, ModelSignal, AfterViewInit, ElementRef, OnDestroy, EventEmitter, EnvironmentProviders, OnInit, Injector, ResourceRef, Type, InjectionToken } from '@angular/core';
 import { ControlValueAccessor, FormControl } from '@angular/forms';
 import * as _tanstack_angular_table from '@tanstack/angular-table';
 import { RowData, Cell, Row, Header, Column, Table } from '@tanstack/angular-table';
+import { Observable } from 'rxjs';
+import { EChartsOption } from 'echarts';
+import { SafeHtml } from '@angular/platform-browser';
+import * as monaco_editor from 'monaco-editor';
 import { VirtualItem } from '@tanstack/virtual-core';
 
 /**
@@ -116,6 +120,142 @@ declare class KjAccordionContentComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjAccordionContentComponent, "kj-accordion-content", never, {}, {}, never, ["*"], true, never>;
 }
 
+/** Presentation role of an action-sheet row. */
+type KjActionSheetRole = 'default' | 'destructive';
+/** A single selectable action in an action sheet. */
+interface KjActionSheetAction<V = unknown> {
+    /** Visible label. */
+    label: string;
+    /** Value resolved through the ref when this action is chosen. */
+    value: V;
+    /** Optional leading lucide icon name. */
+    icon?: string;
+    /** `'destructive'` renders danger styling. Defaults to `'default'`. */
+    role?: KjActionSheetRole;
+    /** Whether the row is non-interactive. */
+    disabled?: boolean;
+}
+/** Configuration for {@link KjActionSheetService.open}. */
+interface KjActionSheetOptions<V = unknown> {
+    /** Optional heading shown above the actions. */
+    title?: string;
+    /** Optional supporting text below the title. */
+    description?: string;
+    /** The selectable actions, top to bottom. */
+    actions: KjActionSheetAction<V>[];
+    /** Label for the separated cancel row. Defaults to `'Cancel'`. Pass `null` to omit. */
+    cancelLabel?: string | null;
+}
+/**
+ * Reference returned by {@link KjActionSheetService.open}. Resolves the chosen
+ * action's `value`, or `undefined` when dismissed (Escape / backdrop / cancel).
+ *
+ * @doc-category Library/Overlay
+ */
+declare class KjActionSheetRef<V = unknown> {
+    private readonly sheetRef;
+    /** Emits the selected value (or `undefined`) once the sheet has closed. */
+    readonly afterClosed$: Observable<V | undefined>;
+    /** Promise resolving with the selected value (or `undefined`). */
+    readonly result: Promise<V | undefined>;
+    constructor(sheetRef: {
+        afterClosed$: Observable<V | undefined>;
+        result: Promise<V | undefined>;
+        close(result?: V): void;
+    });
+    /** Dismiss the action sheet programmatically. */
+    close(result?: V): void;
+}
+/**
+ * Programmatic service for opening an **action sheet** — a data-driven,
+ * iOS-style list of actions presented in a bottom sheet. Built on
+ * {@link KjSheetService}; it adds no new overlay surface, only a styled
+ * `role="menu"` action list on top of the bottom-sheet primitive.
+ *
+ * @doc-category Library/Overlay
+ */
+declare class KjActionSheetService {
+    private readonly sheet;
+    /**
+     * Open an action sheet.
+     *
+     * @param opts - Title, description, actions, and cancel label.
+     * @returns A {@link KjActionSheetRef} resolving the selected value.
+     */
+    open<V = unknown>(opts: KjActionSheetOptions<V>): KjActionSheetRef<V>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KjActionSheetService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<KjActionSheetService>;
+}
+
+/**
+ * Render body for an action sheet. Rendered programmatically by
+ * {@link import('./action-sheet.service').KjActionSheetService} inside the
+ * bottom-sheet primitive; reads its config from `SHEET_DATA` and resolves the
+ * chosen action's `value` through the {@link KjSheetRef}.
+ *
+ * The action list is `role="menu"` with `role="menuitem"` rows; each row is a
+ * ≥ 44px touch target.
+ *
+ * @internal
+ */
+declare class KjActionSheet<V = unknown> {
+    /** Config injected via `SHEET_DATA` by the action-sheet service. */
+    protected readonly config: KjActionSheetOptions<V>;
+    private readonly ref;
+    protected get cancelLabel(): string | null;
+    /** Resolve the chosen action's value and close. */
+    protected select(action: KjActionSheetAction<V>): void;
+    /** Dismiss with `undefined`. */
+    protected cancel(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KjActionSheet<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjActionSheet<any>, "kj-action-sheet", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Service-launched **action sheet** — a data-driven, iOS-style list of actions
+ * presented in a bottom sheet. Inject `KjActionSheetService` and call `open()`
+ * with a list of actions; selecting one resolves its `value`. Built entirely
+ * on the bottom-sheet primitive, so it inherits the same focus trap, scroll
+ * lock, drag-to-dismiss, and Escape handling. The wrapper component exists to
+ * host this documentation page.
+ *
+ * @doc
+ * @doc-name action-sheet
+ * @doc-is-main
+ * @doc-example Default
+ *   A titled action sheet with a destructive action and a cancel row.
+ *   @doc-file action-sheet.example.ts
+ * @doc-example With icons
+ *   Actions with leading icons; the selected value resolves through the ref.
+ *   @doc-file action-sheet.icons.example.ts
+ *
+ * @doc-keyboard
+ *   Escape        — Dismisses the sheet (resolves undefined)
+ *   Tab / Shift+Tab — Cycles focus across the action rows (focus trap)
+ *   Enter / Space — Activates the focused action row
+ *
+ * @doc-aria
+ *   role      — Panel is "dialog"; the action list is "menu" with "menuitem" rows
+ *   aria-label — The sheet is named by its title (or "Actions" fallback)
+ *
+ * @doc-touch
+ *   Every action row and the cancel row is a ≥ 44px touch target (WCAG 2.5.5).
+ *   The bottom sheet's grab handle dismisses via drag.
+ *
+ * @doc-a11y
+ *   Inherits the bottom sheet's a11y contract: focus trapped and restored to
+ *   the trigger on close, siblings inert while open, only the topmost overlay
+ *   receives Escape and outside-click. Destructive rows use `--kj-danger-*`
+ *   tokens which meet AAA contrast in both themes.
+ *
+ * @doc-related sheet,dialog,dropdown-menu
+ *
+ * @doc-category Library/Overlay
+ */
+declare class KjActionSheetComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KjActionSheetComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjActionSheetComponent, "kj-action-sheet-shell", never, {}, {}, never, ["*"], true, never>;
+}
+
 /**
  * Styled wrapper around the `KjAlert` directive family. Provides the
  * persistent in-flow notification surface (severity-aware chrome, severity
@@ -1326,6 +1466,92 @@ declare class KjCarouselPauseComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjCarouselPauseComponent, "kj-carousel-pause", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+/**
+ * Reusable charting surface wrapping Apache ECharts.
+ *
+ * SSR-safe: the ECharts instance is created lazily in the browser only, after
+ * the host element has rendered. `option` changes are pushed through
+ * `setOption`, and a `ResizeObserver` keeps the chart sized to its container.
+ *
+ * ECharts paints into an opaque `<canvas>` that assistive technology cannot
+ * read. The host therefore carries `role="img"` plus a required-in-practice
+ * `ariaLabel`, giving screen readers a one-line description. Pass `caption`
+ * for a longer summary — it renders in a visually-hidden `<span>` wired to the
+ * host via `aria-describedby`, so it is announced even though the host is an
+ * image (a leaf) to AT.
+ *
+ * @example
+ * ```html
+ * <kj-chart [option]="chartOption" height="320px" ariaLabel="Revenue by month" />
+ * ```
+ *
+ * @doc-example Default
+ *   The default playground — a labelled bar chart with auto-resize.
+ *   @doc-file chart.example.ts
+ * @doc-example Usage
+ *   A bar chart and a donut, side by side, each with an accessible name and
+ *   summary. Use this as the copy-paste starting point.
+ *   @doc-file chart.usage.example.ts
+ * @doc-example Donut
+ *   A pie series with an inner radius for part-to-whole breakdowns.
+ *   @doc-file chart.donut.example.ts
+ *
+ * @doc-aria
+ *   role              — Always `img`; the canvas is decorative-with-label
+ *   aria-label        — Bound from `ariaLabel`; the chart's accessible name
+ *   aria-describedby  — Present only when `caption` is set; points at the sr-only summary
+ *
+ * @doc-a11y
+ *   Screen readers get the `ariaLabel` as the accessible name and, when set,
+ *   the `caption` as the accessible description. The host is never focusable
+ *   and the canvas takes no tab stop, so keyboard users are not trapped. For
+ *   dense data, mirror the series in an adjacent `<table>` or export link.
+ *
+ * @doc-related card,table
+ *
+ * @doc-css-var
+ *   --kj-chart-height — Container height. Bound from the `height` input.
+ *
+ * @doc-category Library/Data display
+ * @doc
+ * @doc-name chart
+ * @doc-description Accessible Apache ECharts wrapper with reactive options, auto-resize, and SSR-safe lazy init.
+ * @doc-is-main
+ */
+declare class KjChartComponent {
+    /** The ECharts option object driving the chart. */
+    readonly option: _angular_core.InputSignal<EChartsOption | undefined>;
+    /** Container height — number is treated as pixels. Default `'280px'`. */
+    readonly height: _angular_core.InputSignal<string | number>;
+    /** Optional registered ECharts theme name. */
+    readonly theme: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Accessible name for the chart — required in practice. Surfaced via
+     * `role="img"` + `aria-label` so screen readers describe the opaque canvas.
+     * Keep it to a short phrase, e.g. `"Revenue by month"`.
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /**
+     * Optional longer summary read to screen readers. Rendered in a
+     * visually-hidden `<span>` and linked via `aria-describedby`. Use it to
+     * spell out the takeaway a sighted user gets from the shape of the data.
+     */
+    readonly caption: _angular_core.InputSignal<string>;
+    /** Stable id linking the sr-only caption span to `aria-describedby`. */
+    protected readonly captionId: string;
+    private readonly host;
+    private readonly platformId;
+    private readonly destroyRef;
+    private chart;
+    private observer;
+    protected readonly resolvedHeight: () => string;
+    constructor();
+    private init;
+    private dispose;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KjChartComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjChartComponent, "kj-chart", never, { "option": { "alias": "option"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 /**
  * Typed bubble variant set. Mirrors the analysis preset list so consumer
  * templates get IDE autocomplete; the underlying `KjVariant` widens to
@@ -1495,6 +1721,186 @@ declare class KjChatFooterComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjChatFooterComponent, "kj-chat-footer", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.KjChatFooter; inputs: { "kjState": "kjState"; }; outputs: {}; }]>;
 }
 
+/**
+ * The AI thread surface: a scrollable message log driven by a {@link KjChatStore}.
+ *
+ * **Reuses `KjChatLog`** (core) for the `role="log"` message-log container, but
+ * sets `kjChatLogLive="off"` because streamed tokens mutate an *existing*
+ * message node — announcing every mutation would spam AT. Instead a single
+ * dedicated **visually-hidden `aria-live="polite"` region** carries
+ * announcements, fed by {@link KjChatAnnouncer}'s **coalescer** so the reply is
+ * announced as whole sentences (never char-by-char, never duplicated). This is
+ * the kit's accessibility differentiator.
+ *
+ * Provider-agnostic: pair with `KjPromptInput` and drive `KjChatStore` from any
+ * model / stream — the kit ships **no** LLM SDK or backend.
+ *
+ * @doc-example Streaming (simulated)
+ *   A full send → simulated-stream → reply loop with slash commands, a Stop
+ *   button, tool-call cards and citations. No backend — a fake token generator
+ *   feeds the store on a timer.
+ *   @doc-file ai-chat.example.ts
+ *
+ * @doc-keyboard
+ *   Enter        — Send the message
+ *   Shift+Enter  — Insert a newline
+ *   Esc          — Stop generating (while streaming) / close the slash menu
+ *   ArrowUp/Down — Move the slash-command selection
+ *
+ * @doc-aria
+ *   role       — `log` on the thread container (reuses `KjChatLog`)
+ *   aria-live  — `off` on the visible log; a dedicated visually-hidden
+ *                `polite` region carries coalesced sentence announcements
+ *   article    — each message is an `article` (via `KjChat`) named by its role
+ *
+ * @doc-a11y
+ *   Streaming replies are announced by a coalesced polite live region on
+ *   sentence boundaries — never char-by-char — so screen-reader users hear
+ *   whole sentences once each. Keyboard send/stop, reduced-motion typing dots,
+ *   and ≥44px controls complete the AAA story.
+ *
+ * @doc-related chat,command-palette,textarea
+ *
+ * @doc-category Library/AI
+ * @doc
+ * @doc-name ai-chat
+ * @doc-is-main
+ * @doc-description Provider-agnostic AI chat thread with streaming append, coalesced live-region announcements, slash commands, tool-call cards, and citations.
+ */
+declare class KjChatThread {
+    /** The store driving this thread. */
+    readonly store: _angular_core.InputSignal<KjChatStore>;
+    /** Accessible label for the log landmark. */
+    readonly kjLabel: _angular_core.InputSignal<string | undefined>;
+    /** @internal — the coalescing announcer for the polite live region. */
+    readonly announcer: KjChatAnnouncer;
+    private readonly injector;
+    private readonly logEl;
+    private lastId;
+    private lastLen;
+    private prevStatus;
+    constructor();
+    private scrollToBottom;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KjChatThread, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjChatThread, "kj-chat-thread", never, { "store": { "alias": "store"; "required": true; "isSignal": true; }; "kjLabel": { "alias": "kjLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * A parsed markdown block. Prose blocks carry a **pre-sanitised** HTML string
+ * (escaped first, then a whitelist of inline tags applied); code blocks are
+ * kept structural so the view can render a `<pre><code>` with a copy button.
+ */
+type KjMdBlock = {
+    readonly kind: 'prose';
+    readonly html: string;
+} | {
+    readonly kind: 'code';
+    readonly lang: string;
+    readonly code: string;
+};
+/**
+ * Parse a lightweight markdown subset into blocks: fenced code blocks
+ * (```lang) become structural `code` blocks; everything else becomes `prose`
+ * blocks with sanitised inline HTML.
+ *
+ * Deliberately minimal (no tables / nested lists) and **self-contained** — the
+ * repo ships no markdown engine on `main`. Swap in a full parser later without
+ * touching the view.
+ */
+declare function renderMarkdown(src: string): KjMdBlock[];
+
+/**
+ * Renders a single AI-thread message. Reuses the core `KjChat` row directive
+ * for `role="article"` + side semantics, and renders the body per role:
+ * user/assistant get a bubble with **safe markdown** (code blocks carry a copy
+ * button), system gets a centered note, tool gets a tool-call card. Assistant
+ * turns also surface tool-call cards, citations, and a reduced-motion typing
+ * indicator while streaming.
+ *
+ * The message is given an `aria-label` (its role name) so AT announces
+ * "Assistant, article" rather than an anonymous region — the visible content is
+ * the message text itself.
+ *
+ * @doc
+ * @doc-name ai-chat
+ */
+declare class KjChatMessage {
+    private readonly sanitizer;
+    /** The message to render. */
+    readonly message: _angular_core.InputSignal<KjChatMessageData>;
+    /** User messages sit on the `end` side; everyone else on `start`. */
+    readonly side: _angular_core.Signal<"start" | "end">;
+    readonly roleLabel: _angular_core.Signal<string>;
+    readonly avatarGlyph: _angular_core.Signal<string>;
+    readonly showAvatar: _angular_core.Signal<boolean>;
+    /** Parsed markdown blocks for the body. */
+    readonly blocks: _angular_core.Signal<KjMdBlock[]>;
+    private readonly _copied;
+    readonly copiedIndex: _angular_core.Signal<number | null>;
+    safe(html: string): SafeHtml;
+    copy(code: string, index: number): Promise<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KjChatMessage, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjChatMessage, "kj-chat-message", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Prompt composer for an AI thread: an auto-growing textarea with send / stop
+ * controls, an optional attachment slot (`[kjPromptAttachments]`), and a
+ * slash-command menu.
+ *
+ * **Keyboard:** `Enter` sends, `Shift+Enter` inserts a newline, `Esc` stops the
+ * stream (when streaming) or closes the slash menu; `↑/↓` move the slash
+ * selection and `Enter` picks it. The menu is a `role="listbox"`; the textarea
+ * keeps DOM focus and points `aria-activedescendant` at the active option.
+ *
+ * **Slash matching reuses the command-palette engine** via
+ * `matchSlashCommands` (backed by the palette's `kjSubstringFilter`).
+ *
+ * @doc
+ * @doc-name ai-chat
+ */
+declare class KjPromptInput {
+    private readonly uid;
+    readonly textareaId: string;
+    readonly listboxId: string;
+    /** Two-way bound draft text. */
+    readonly kjValue: _angular_core.ModelSignal<string>;
+    /** Placeholder text. */
+    readonly kjPlaceholder: _angular_core.InputSignal<string>;
+    /** Accessible label for the textarea. */
+    readonly kjLabel: _angular_core.InputSignal<string>;
+    /** When true, show the Stop button instead of Send. */
+    readonly kjStreaming: _angular_core.InputSignal<boolean>;
+    /** Disable the composer entirely. */
+    readonly kjDisabled: _angular_core.InputSignal<boolean>;
+    /** Available slash commands. */
+    readonly kjSlashCommands: _angular_core.InputSignal<readonly KjSlashCommand[]>;
+    /** Emits the trimmed message text on send. */
+    readonly kjSend: _angular_core.OutputEmitterRef<string>;
+    /** Emits when the user requests a stop. */
+    readonly kjStop: _angular_core.OutputEmitterRef<void>;
+    /** Emits the picked slash command. */
+    readonly kjSlashSelect: _angular_core.OutputEmitterRef<KjSlashCommand>;
+    private readonly ta;
+    private readonly _active;
+    readonly activeIndex: _angular_core.Signal<number>;
+    private readonly slash;
+    readonly slashMatches: _angular_core.Signal<KjSlashCommand[]>;
+    readonly slashOpen: _angular_core.Signal<boolean>;
+    constructor();
+    optionId(i: number): string;
+    onInput(ev: Event): void;
+    onKeydown(ev: KeyboardEvent): void;
+    onSubmit(ev: Event): void;
+    onStop(): void;
+    pickSlash(ev: Event, cmd: KjSlashCommand): void;
+    private commitSlash;
+    private send;
+    private autogrow;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KjPromptInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjPromptInput, "kj-prompt-input", never, { "kjValue": { "alias": "kjValue"; "required": false; "isSignal": true; }; "kjPlaceholder": { "alias": "kjPlaceholder"; "required": false; "isSignal": true; }; "kjLabel": { "alias": "kjLabel"; "required": false; "isSignal": true; }; "kjStreaming": { "alias": "kjStreaming"; "required": false; "isSignal": true; }; "kjDisabled": { "alias": "kjDisabled"; "required": false; "isSignal": true; }; "kjSlashCommands": { "alias": "kjSlashCommands"; "required": false; "isSignal": true; }; }, { "kjValue": "kjValueChange"; "kjSend": "kjSend"; "kjStop": "kjStop"; "kjSlashSelect": "kjSlashSelect"; }, never, ["[kjPromptAttachments]"], true, never>;
+}
+
 /**
  * Styled wrapper around the headless `KjCheckbox` directive.
  *
@@ -2077,6 +2483,70 @@ declare class KjDatePickerComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjDatePickerComponent, "kj-date-picker", never, { "kjValue": { "alias": "kjValue"; "required": false; "isSignal": true; }; "kjOpen": { "alias": "kjOpen"; "required": false; "isSignal": true; }; "kjMin": { "alias": "kjMin"; "required": false; "isSignal": true; }; "kjMax": { "alias": "kjMax"; "required": false; "isSignal": true; }; "kjDisabledDates": { "alias": "kjDisabledDates"; "required": false; "isSignal": true; }; "kjLocale": { "alias": "kjLocale"; "required": false; "isSignal": true; }; "kjFirstDayOfWeek": { "alias": "kjFirstDayOfWeek"; "required": false; "isSignal": true; }; "kjPlaceholder": { "alias": "kjPlaceholder"; "required": false; "isSignal": true; }; "kjReadonly": { "alias": "kjReadonly"; "required": false; "isSignal": true; }; "kjDisabled": { "alias": "kjDisabled"; "required": false; "isSignal": true; }; "kjSize": { "alias": "kjSize"; "required": false; "isSignal": true; }; }, { "kjValue": "kjValueChange"; "kjOpen": "kjOpenChange"; }, never, never, true, never>;
 }
 
+/**
+ * Styled Date Range Presets — a compact, keyboard-navigable list of named
+ * quick-selects ("Today", "Last 7 days", "This quarter", …). Picking one
+ * resolves its inclusive `{ start, end }` range and commits the two-way
+ * `kjValue`.
+ *
+ * Built as the reusable presets primitive from the date/time roadmap slice:
+ * it slots beside a range calendar, but works standalone against any
+ * `signal<KjDateRange | null>`.
+ *
+ * **Accessibility (WCAG 2.1 AAA):**
+ * - the list is `role="listbox"` with an accessible name; each preset is a
+ *   `role="option"` `<button>` carrying `aria-selected`.
+ * - roving tabindex — one tab stop; Up/Down (and Home/End) move between
+ *   options; Enter / Space select (native button activation).
+ * - the selected preset is conveyed by `aria-selected`, not color alone.
+ *
+ * @doc-example Default
+ *   The ten built-in presets bound to a `signal<KjDateRange | null>`.
+ *   @doc-file date-range-presets.example.ts
+ * @doc-example Custom presets
+ *   Spread `defaultDateRangePresets()` and append your own `getRange`.
+ *   @doc-file date-range-presets.custom.example.ts
+ *
+ * @doc-keyboard
+ *   ArrowDown|ArrowUp — Moves between presets
+ *   Home|End          — Jumps to the first / last preset
+ *   Enter|Space       — Selects the focused preset
+ *
+ * @doc-aria
+ *   role="listbox"  — On the container; `aria-orientation="vertical"`
+ *   aria-label      — Names the list ("Date range presets" by default)
+ *   role="option"   — On each preset button
+ *   aria-selected   — Reflects the chosen preset
+ *
+ * @doc-css-var
+ *   --kj-date-range-presets-min-width — Min width of the list. Default 12rem.
+ *
+ * @doc-touch
+ *   Preset rows are 44px tall to meet the WCAG 2.5.5 target size.
+ *
+ * @doc-related date-picker,calendar
+ *
+ * @doc-category Library/Data input
+ * @doc
+ * @doc-name date-range-presets
+ * @doc-description Themed listbox of date-range quick-selects that resolve to an inclusive start/end range.
+ * @doc-is-main
+ */
+declare class KjDateRangePresetsComponent {
+    /** Selected range. Two-way bindable — `[(kjValue)]`. `null` clears. */
+    readonly kjValue: _angular_core.ModelSignal<KjDateRange$1 | null>;
+    /** Presets to render. Defaults to the ten built-ins. */
+    readonly kjPresets: _angular_core.InputSignal<readonly KjDateRangePreset[]>;
+    /** Accessible name for the list. */
+    readonly kjLabel: _angular_core.InputSignal<string>;
+    /** Injectable "now" for the preset math. Defaults to the current instant. */
+    readonly kjNow: _angular_core.InputSignal<Date | null>;
+    /** Disable the whole list. */
+    readonly kjDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KjDateRangePresetsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjDateRangePresetsComponent, "kj-date-range-presets", never, { "kjValue": { "alias": "kjValue"; "required": false; "isSignal": true; }; "kjPresets": { "alias": "kjPresets"; "required": false; "isSignal": true; }; "kjLabel": { "alias": "kjLabel"; "required": false; "isSignal": true; }; "kjNow": { "alias": "kjNow"; "required": false; "isSignal": true; }; "kjDisabled": { "alias": "kjDisabled"; "required": false; "isSignal": true; }; }, { "kjValue": "kjValueChange"; }, never, never, true, never>;
+}
+
 /** Format a Date as a locale short date + HH:mm time. */
 declare function formatDateTime(d: Date, locale: string): string;
 /**
@@ -2210,6 +2680,79 @@ declare class KjDialogComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjDialogComponent, "kj-dialog-shell", never, {}, {}, never, ["*"], true, never>;
 }
 
+/**
+ * A visible, keyboard-native control that flips the application's logical text
+ * direction between `ltr` and `rtl`.
+ *
+ * It is the concrete UI the locale provider pointed at: it reads
+ * `KjLocale.isRtl()` and calls `KjLocale.setDirection(...)`. Paired with
+ * `provideKjDocumentDirection()`, one click mirrors the whole page —
+ * `<html dir>` flips and every logical-property layout follows.
+ *
+ * Renders a real `<button type="button">` so it is reachable by Tab and
+ * operable with Enter / Space for free. `aria-pressed` reflects the RTL state
+ * (pressed = RTL), and an accessible name is always present via
+ * `[kjAriaLabel]`. Project custom content to replace the default `LTR` / `RTL`
+ * text label.
+ *
+ * @example
+ * ```html
+ * <kj-direction-toggle />
+ * <kj-direction-toggle kjAriaLabel="Toggle Arabic layout">اتجاه</kj-direction-toggle>
+ * ```
+ *
+ * @doc-example Default
+ *   The toggle wired to `KjLocale` — click to flip `<html dir>` and mirror the page.
+ *   @doc-file direction-toggle.example.ts
+ *
+ * @doc-keyboard
+ *   Enter — Toggles the direction (native button activation)
+ *   Space — Toggles the direction (native button activation)
+ *   Tab   — Moves focus to / from the toggle
+ *
+ * @doc-aria
+ *   aria-pressed  — Reflects the RTL state (true when direction is rtl)
+ *   aria-label    — Accessible name; defaults to "Toggle right-to-left layout"
+ *   data-direction — Mirrors the resolved direction (ltr | rtl) for theme CSS
+ *
+ * @doc-touch
+ *   The button reserves a 44×44px hit area (WCAG 2.5.5) regardless of label size.
+ *
+ * @doc-a11y
+ *   A native `<button>` with `aria-pressed` — AT announces "toggle button,
+ *   pressed/not pressed". Because mirroring is CSS-logical only, DOM and tab
+ *   order are unchanged in both directions (WCAG 1.3.2).
+ *
+ * @doc-related locale
+ *
+ * @doc-css-var
+ *   --kj-direction-toggle-bg           — Background at rest.
+ *   --kj-direction-toggle-fg           — Text color.
+ *   --kj-direction-toggle-border-color — Border color.
+ *   --kj-direction-toggle-radius       — Corner radius.
+ *   --kj-direction-toggle-padding-x    — Inline padding.
+ *   --kj-direction-toggle-padding-y    — Block padding.
+ *
+ * @doc-category Library/Navigation
+ * @doc
+ * @doc-name direction-toggle
+ * @doc-description Accessible LTR/RTL toggle button that drives KjLocale.direction and mirrors the page.
+ * @doc-is-main
+ */
+declare class KjDirectionToggle {
+    private readonly locale;
+    /** Resolved logical direction from the shared `KjLocale`. */
+    readonly direction: _angular_core.Signal<i1.KjDirection>;
+    /** `true` when the resolved direction is `rtl`. Drives `aria-pressed`. */
+    readonly isRtl: _angular_core.Signal<boolean>;
+    /** Accessible name for the toggle button. */
+    readonly kjAriaLabel: _angular_core.InputSignal<string>;
+    /** Flip the direction: `ltr` ⇄ `rtl`. */
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KjDirectionToggle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjDirectionToggle, "kj-direction-toggle", never, { "kjAriaLabel": { "alias": "kjAriaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
 /**
  * Service-launched drawer (edge-anchored panel). Inject `KjDrawerService` and
  * call `open()` with a template; the drawer absorbs the bottom-sheet pattern
@@ -2368,6 +2911,109 @@ declare class KjDropdownMenuComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjDropdownMenuComponent, "kj-dropdown-menu", never, {}, {}, never, ["*"], true, never>;
 }
 
+/**
+ * Styled code editor — a themed `<kj-editor>` wrapping the headless `KjEditor`
+ * directive (which wraps Monaco). Adds a kj-token-synced Monaco theme that
+ * re-applies on theme switch, an optional toolbar (language badge + copy) and
+ * status bar (cursor position + a keyboard-escape hint), reduced-motion, and a
+ * loading region.
+ *
+ * Monaco is browser-only and heavy; it loads lazily after first render via
+ * `KjEditorLoader`. Configure the source app-wide with `provideMonaco()`
+ * (defaults to a CDN loader so the base bundle stays lean).
+ *
+ * @example
+ * ```html
+ * <kj-editor [(kjValue)]="code" kjLanguage="typescript" style="height:340px" />
+ * ```
+ * @doc-category Components/Data
+ * @doc
+ * @doc-name editor
+ * @doc-is-main
+ * @doc-description Themed Monaco code editor — syntax highlighting, two-way value, kj-theme sync, and AAA keyboard access.
+ * @doc-example Default [full]
+ *   A TypeScript editor with the toolbar and status bar, two-way bound to a signal.
+ *   @doc-file editor.example.ts
+ * @doc-example Languages [full]
+ *   Switch the `kjLanguage` to re-tokenise the same buffer across TS / HTML / CSS / JSON.
+ *   @doc-file editor.languages.example.ts
+ * @doc-example Read-only [full]
+ *   A read-only viewer with the minimap enabled and line numbers on.
+ *   @doc-file editor.readonly.example.ts
+ * @doc-example Options [full]
+ *   Toggle readonly, minimap, word wrap, line numbers and font size live.
+ *   @doc-file editor.options.example.ts
+ *
+ * @doc-keyboard
+ *   Tab                     Inserts a tab / indents (Monaco default)
+ *   Ctrl+M                  Toggles Tab-trapping — flips Tab to move focus in/out (no keyboard trap)
+ *   Alt+F1                  Opens Monaco's accessibility help
+ *   Standard editing keys   Arrow / Home / End / PageUp-Down / selection / undo-redo
+ *
+ * @doc-aria
+ *   aria-label   Monaco's textarea is labelled from kjAriaLabel (defaults to "Code editor")
+ *   role=status  The loading region announces the editor is loading
+ */
+declare class KjEditorComponent {
+    private readonly hostRef;
+    private readonly destroyRef;
+    private readonly loader;
+    readonly editorHost: _angular_core.Signal<ElementRef<HTMLDivElement>>;
+    /** Two-way editor text. */
+    readonly kjValue: _angular_core.ModelSignal<string>;
+    /** Code language — friendly name or Monaco id; short aliases (`ts`, `md`) normalised. */
+    readonly kjLanguage: _angular_core.InputSignal<KjEditorLanguage>;
+    /** Read-only mode. */
+    readonly kjReadonly: _angular_core.InputSignal<boolean>;
+    /** Show the minimap. */
+    readonly kjMinimap: _angular_core.InputSignal<boolean>;
+    /** Gutter line-number mode. */
+    readonly kjLineNumbers: _angular_core.InputSignal<KjEditorLineNumbers>;
+    /** Soft wrap. */
+    readonly kjWordWrap: _angular_core.InputSignal<KjEditorWordWrap>;
+    /** Font size in px. */
+    readonly kjFontSize: _angular_core.InputSignal<number>;
+    /** Grow to fit content instead of filling the container (great for code snippets). */
+    readonly kjAutoHeight: _angular_core.InputSignal<boolean>;
+    /** Cap for `kjAutoHeight` in px (content scrolls past it). Uncapped when unset. */
+    readonly kjMaxHeight: _angular_core.InputSignal<number | undefined>;
+    /** Accessible name for the editor. */
+    readonly kjAriaLabel: _angular_core.InputSignal<string>;
+    /** Start with Tab moving focus out instead of indenting. */
+    readonly kjTabFocusMode: _angular_core.InputSignal<boolean>;
+    /** Escape hatch — merged last into Monaco's construction options. */
+    readonly kjOptions: _angular_core.InputSignal<monaco_editor.editor.IStandaloneEditorConstructionOptions>;
+    /** Show the toolbar (language badge + copy button). */
+    readonly kjShowToolbar: _angular_core.InputSignal<boolean>;
+    /** Show the status bar (cursor position + keyboard hint). */
+    readonly kjShowStatusBar: _angular_core.InputSignal<boolean>;
+    /** True until Monaco has mounted. */
+    readonly loading: _angular_core.WritableSignal<boolean>;
+    /** Cursor position for the status bar. */
+    readonly line: _angular_core.WritableSignal<number>;
+    readonly column: _angular_core.WritableSignal<number>;
+    readonly copied: _angular_core.WritableSignal<boolean>;
+    /** Current kj-derived Monaco theme id, bound onto the directive. */
+    readonly themeId: _angular_core.WritableSignal<string>;
+    /** Human label for the platform-appropriate tab-escape shortcut. */
+    readonly escapeHint: _angular_core.Signal<string>;
+    private monaco;
+    constructor();
+    /** Wired from the directive's `kjReady` output. */
+    onReady(editor: KjEditorInstance): void;
+    copy(): Promise<void>;
+    /**
+     * Read the resolved `--kj-*` surface tokens off the host, derive the scheme
+     * from background luminance (theme-agnostic — works for any kj theme), define
+     * a Monaco theme tinted with those tokens, and apply it globally.
+     */
+    private syncTheme;
+    /** Resolve a CSS custom property to [r,g,b] via a probe element. */
+    private resolveColor;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KjEditorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjEditorComponent, "kj-editor", never, { "kjValue": { "alias": "kjValue"; "required": false; "isSignal": true; }; "kjLanguage": { "alias": "kjLanguage"; "required": false; "isSignal": true; }; "kjReadonly": { "alias": "kjReadonly"; "required": false; "isSignal": true; }; "kjMinimap": { "alias": "kjMinimap"; "required": false; "isSignal": true; }; "kjLineNumbers": { "alias": "kjLineNumbers"; "required": false; "isSignal": true; }; "kjWordWrap": { "alias": "kjWordWrap"; "required": false; "isSignal": true; }; "kjFontSize": { "alias": "kjFontSize"; "required": false; "isSignal": true; }; "kjAutoHeight": { "alias": "kjAutoHeight"; "required": false; "isSignal": true; }; "kjMaxHeight": { "alias": "kjMaxHeight"; "required": false; "isSignal": true; }; "kjAriaLabel": { "alias": "kjAriaLabel"; "required": false; "isSignal": true; }; "kjTabFocusMode": { "alias": "kjTabFocusMode"; "required": false; "isSignal": true; }; "kjOptions": { "alias": "kjOptions"; "required": false; "isSignal": true; }; "kjShowToolbar": { "alias": "kjShowToolbar"; "required": false; "isSignal": true; }; "kjShowStatusBar": { "alias": "kjShowStatusBar"; "required": false; "isSignal": true; }; }, { "kjValue": "kjValueChange"; }, never, never, true, never>;
+}
+
 /** Tonal variant for the empty state. */
 type KjEmptyStateVariant = 'neutral' | 'error';
 /** Live-region politeness setting. `false` opts out entirely. */
@@ -2981,7 +3627,7 @@ declare class KjFormSummaryComponent {
  * ```
  *
  * @doc-example Gallery
- *   @doc-file ../icon.gallery.example.ts
+ *   @doc-file ../_examples/icon.gallery.example.ts
  *
  * @doc-css-var
  *   --kj-icon       — Resolved icon value (url("...") or "glyph"). Set by the directive — read by the rendered .kj-icon.
@@ -5069,6 +5715,150 @@ declare class KjRadioComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjRadioComponent, "kj-radio", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+/**
+ * Styled, accessible rich-text editor composing the headless
+ * {@link KjRichTextEditor} core directive with a **dynamic** `role="toolbar"`
+ * that renders whatever the active features contribute (sorted by group then
+ * order) — no hardcoded buttons. Feature overlays (link/image editors) render in
+ * an accessible `role="dialog"` popover.
+ *
+ * Zero-config gives the full editor via {@link defaultFeatures}; pass a subset to
+ * `kjFeatures` (or `provideKjRichText(...)`) to load only the packages you need.
+ *
+ * @example
+ * ```html
+ * <kj-rich-text-editor kjLabel="Message" [(kjValue)]="html" />
+ * <kj-rich-text-editor [kjFeatures]="[bold(), italic(), link()]" />
+ * ```
+ * @doc-category Library/Forms
+ * @doc
+ * @doc-name rich-text-editor
+ * @doc-is-main
+ * @doc-description Accessible, feature-composed rich-text editor wrapping Lexical with a dynamic toolbar.
+ * @doc-example Default [full]
+ *   The full editor: the toolbar renders every default feature's contribution.
+ *   @doc-file rich-text-editor.example.ts
+ * @doc-example Minimal (subset of features) [full]
+ *   Only bold, italic and link — the toolbar and loaded packages shrink to match.
+ *   @doc-file rich-text-editor.minimal.example.ts
+ * @doc-example Custom feature [full]
+ *   A feature contributing its own toolbar button + node in a few lines.
+ *   @doc-file rich-text-editor.custom-node.example.ts
+ * @doc-example Readonly [full]
+ *   Renders existing content without editing affordances.
+ *   @doc-file rich-text-editor.readonly.example.ts
+ * @doc-aria role="textbox" — the editable surface, with aria-multiline="true".
+ * @doc-aria role="toolbar" — the formatting controls, arrow-key navigable.
+ * @doc-a11y Toggle items expose aria-pressed; feature actions announce via an aria-live region.
+ * @doc-css-var --kj-rte-bg — Editor background.
+ * @doc-css-var --kj-rte-border-color — Border colour.
+ * @doc-css-var --kj-rte-radius — Corner radius.
+ * @doc-css-var --kj-rte-min-height — Minimum height of the editable area.
+ * @doc-related input,form,field
+ */
+declare class KjRichTextEditorComponent {
+    private readonly env;
+    /** Active features. Defaults to the full {@link defaultFeatures} bundle. */
+    readonly kjFeatures: _angular_core.InputSignal<readonly KjRichTextFeature[]>;
+    /** Initial HTML content. */
+    readonly kjValue: _angular_core.InputSignal<string>;
+    /** Accessible label for the editable region (ignored when `kjLabelledBy` is set). */
+    readonly kjLabel: _angular_core.InputSignal<string>;
+    /** ID of an external element that labels the editable region. */
+    readonly kjLabelledBy: _angular_core.InputSignal<string>;
+    /** Placeholder shown while the editor is empty. */
+    readonly kjPlaceholder: _angular_core.InputSignal<string>;
+    /** Render read-only (non-editable) content. */
+    readonly kjReadonly: _angular_core.InputSignal<boolean>;
+    /** Accessible label for the toolbar. */
+    readonly kjToolbarLabel: _angular_core.InputSignal<string>;
+    /** Whether the formatting toolbar is shown. */
+    readonly kjShowToolbar: _angular_core.InputSignal<boolean>;
+    /** Emits the serialized HTML whenever the content changes. */
+    readonly valueChange: _angular_core.OutputEmitterRef<string>;
+    /** Emits the plain text whenever the content changes. */
+    readonly textChange: _angular_core.OutputEmitterRef<string>;
+    /** Emits the Lexical serialized state whenever the content changes. */
+    readonly jsonChange: _angular_core.OutputEmitterRef<unknown>;
+    /** @internal Stable id used for aria-controls / labelledby wiring. */
+    protected readonly contentId: string;
+    private readonly live;
+    private readonly overlayInjectors;
+    /** Run a toolbar item and announce toggle state changes to AT. */
+    protected onRun(ed: KjRichTextEditor, item: KjRteToolbarItem): void;
+    /** Announce a message via the live region (also handles feature announcements). */
+    protected announce(message: string): void;
+    /** Injector that exposes the overlay's data via KJ_RTE_OVERLAY_DATA. */
+    protected overlayInjector(active: KjActiveOverlay): Injector;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KjRichTextEditorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjRichTextEditorComponent, "kj-rich-text-editor", never, { "kjFeatures": { "alias": "kjFeatures"; "required": false; "isSignal": true; }; "kjValue": { "alias": "kjValue"; "required": false; "isSignal": true; }; "kjLabel": { "alias": "kjLabel"; "required": false; "isSignal": true; }; "kjLabelledBy": { "alias": "kjLabelledBy"; "required": false; "isSignal": true; }; "kjPlaceholder": { "alias": "kjPlaceholder"; "required": false; "isSignal": true; }; "kjReadonly": { "alias": "kjReadonly"; "required": false; "isSignal": true; }; "kjToolbarLabel": { "alias": "kjToolbarLabel"; "required": false; "isSignal": true; }; "kjShowToolbar": { "alias": "kjShowToolbar"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "textChange": "textChange"; "jsonChange": "jsonChange"; }, never, never, true, never>;
+}
+
+/** Bold (Ctrl/Cmd+B). */
+declare function bold(): KjRichTextFeature;
+/** Italic (Ctrl/Cmd+I). */
+declare function italic(): KjRichTextFeature;
+/** Underline (Ctrl/Cmd+U). */
+declare function underline(): KjRichTextFeature;
+/** Strikethrough. */
+declare function strike(): KjRichTextFeature;
+/** Inline code. */
+declare function inlineCode(): KjRichTextFeature;
+
+/** Heading levels this feature can contribute. */
+type KjHeadingLevel = 1 | 2 | 3;
+/**
+ * Heading feature. Lazily loads `@lexical/rich-text` for the heading node +
+ * creator, and contributes one toolbar toggle per configured level.
+ */
+declare function heading(options?: {
+    levels?: readonly KjHeadingLevel[];
+}): KjRichTextFeature;
+
+/** Bullet (unordered) list. Lazily loads `@lexical/list`. */
+declare function bulletList(): KjRichTextFeature;
+/** Ordered (numbered) list. Lazily loads `@lexical/list`. */
+declare function orderedList(): KjRichTextFeature;
+
+/** Blockquote feature. Lazily loads `@lexical/rich-text` for the quote node. */
+declare function quote(): KjRichTextFeature;
+
+/** Code block feature. Lazily loads `@lexical/code` (and its Prism grammars). */
+declare function codeBlock(): KjRichTextFeature;
+
+/**
+ * Link feature. Lazily loads core `lexical` (for selection reads) and
+ * `@lexical/link`. Contributes the link node, a Ctrl/Cmd+K shortcut, a toolbar
+ * toggle, and the link-editor overlay.
+ */
+declare function link(): KjRichTextFeature;
+
+/**
+ * Image feature. Lazily loads core `lexical` and builds a self-rendering image
+ * node via `createKjImageNode`. Contributes a toolbar button + the image-editor
+ * overlay (which collects URL + alt text).
+ */
+declare function image(): KjRichTextFeature;
+
+/**
+ * Markdown shortcuts (`# `, `- `, `1. `, `> `, `` ``` ``, `**bold**`, …). Lazily
+ * loads `@lexical/markdown`. No toolbar UI — it's a typing behaviour.
+ */
+declare function markdownShortcuts(): KjRichTextFeature;
+
+/**
+ * Undo/redo history. Lazily loads `@lexical/history` and contributes undo/redo
+ * toolbar buttons (disabled until the respective action is available).
+ */
+declare function history(): KjRichTextFeature;
+
+/**
+ * The full default feature bundle, so a zero-config `<kj-rich-text-editor>`
+ * still gives a complete editor. Compose your own subset with the individual
+ * factories to load only the packages you need.
+ */
+declare function defaultFeatures(): KjRichTextFeature[];
+
 /**
  * Select root. Two-way bind via `[(value)]`.
  *
@@ -5183,6 +5973,73 @@ declare class KjOptionComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjOptionComponent, "kj-option", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "kjLabel": { "alias": "kjLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+/**
+ * Service-launched **bottom sheet** — a mobile-first, bottom-anchored modal
+ * surface with a grab handle and drag-to-dismiss. Inject `KjSheetService` and
+ * call `open()` with a body component; the sheet slides up from the bottom
+ * edge, traps focus, and locks background scroll. It reuses the same overlay
+ * primitive stack as the drawer and dialog — bottom sheet is the mobile
+ * composition of that engine, not a new one. The wrapper component exists to
+ * host this documentation page.
+ *
+ * @doc
+ * @doc-name sheet
+ * @doc-is-main
+ * @doc-example Default
+ *   A service-launched bottom sheet with a grab handle and drag-to-dismiss.
+ *   @doc-file sheet.example.ts
+ * @doc-example Detents
+ *   `detent` sets the initial resting height — auto / half / full.
+ *   @doc-file sheet.detents.example.ts
+ * @doc-example Scrollable
+ *   A tall body scrolls inside the sheet while the grab handle stays pinned.
+ *   @doc-file sheet.scrollable.example.ts
+ *
+ * @doc-keyboard
+ *   Escape    — Closes the sheet (only the topmost overlay when stacked)
+ *   Enter / Space — Dismisses when the grab handle is focused
+ *   Tab       — Cycles focus within the sheet (focus trap via `tabCycle({ returnFocus: true })`)
+ *   Shift+Tab — Cycles backward
+ *
+ * @doc-aria
+ *   role            — "dialog"; `aria-modal="true"` while the backdrop is active
+ *   aria-label      — Set via the `ariaLabel` option when no heading is projected
+ *   aria-labelledby — Wire to the id of your sheet heading for the accessible name
+ *   data-state      — "open" / "closed" — drives the slide-up transform
+ *   data-kj-detent  — Mirrors the resolved initial height for theming hooks
+ *
+ * @doc-css-var
+ *   --kj-sheet-bg            — Panel background fill. Defaults to --kj-bg-elevated.
+ *   --kj-sheet-fg            — Foreground text color. Defaults to --kj-fg-default.
+ *   --kj-sheet-shadow        — Box shadow off the panel. Defaults to --kj-shadow-lg.
+ *   --kj-sheet-radius        — Top corner radius. Defaults to --kj-radius-box.
+ *   --kj-sheet-max-height    — Cap on the sheet height. Defaults to 92vh.
+ *   --kj-sheet-grip-color    — Grab-handle pill color. Defaults to --kj-border-strong.
+ *
+ * @doc-touch
+ *   The grab handle is a ≥ 44px-tall touch target (WCAG 2.5.5) even though the
+ *   visible grip pill is small. Downward drag past 40% of the sheet height (or
+ *   600 px/s) dismisses. Footer action buttons should use `kj-button`
+ *   `size="lg"` (≥ 44px).
+ *
+ * @doc-a11y
+ *   Focus is trapped inside the sheet while open and returned to the triggering
+ *   element on close (`returnFocus: true`). Siblings outside the sheet are
+ *   marked `inert` while it is open. Stacking is safe — only the topmost overlay
+ *   receives Escape and outside-click. The wrapper does not generate an
+ *   accessible name; provide one via `aria-labelledby` (a visible heading) or
+ *   the `ariaLabel` option. Slide transitions respect
+ *   `prefers-reduced-motion`, falling back to an opacity fade.
+ *
+ * @doc-related drawer,dialog,action-sheet
+ *
+ * @doc-category Library/Overlay
+ */
+declare class KjSheetComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KjSheetComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjSheetComponent, "kj-sheet-shell", never, {}, {}, never, ["*"], true, never>;
+}
+
 /**
  * Styled wrapper around the headless `KjSkeleton` directive.
  *
@@ -5293,6 +6150,74 @@ declare class KjSkeletonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjSkeletonComponent, "kj-skeleton", never, { "kjSkeletonShape": { "alias": "kjSkeletonShape"; "required": false; "isSignal": true; }; "kjSkeletonAnimation": { "alias": "kjSkeletonAnimation"; "required": false; "isSignal": true; }; "kjWidth": { "alias": "kjWidth"; "required": false; "isSignal": true; }; "kjHeight": { "alias": "kjHeight"; "required": false; "isSignal": true; }; "kjLines": { "alias": "kjLines"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.KjSkeleton; inputs: { "kjSkeletonShape": "kjSkeletonShape"; "kjSkeletonAnimation": "kjSkeletonAnimation"; }; outputs: {}; }]>;
 }
 
+/**
+ * Themed "skip to content" link — the styled wrapper around the headless
+ * `KjSkipLink` directive. Implements [WCAG 2.4.1 Bypass
+ * Blocks](https://www.w3.org/TR/WCAG21/#bypass-blocks): a keyboard user's first
+ * Tab reveals it, and Enter jumps focus past the navbar / sidebar to the main
+ * content landmark.
+ *
+ * Place it as the **first focusable element** of the app shell and give the main
+ * landmark a matching `id` (default `main-content`):
+ *
+ * ```html
+ * <kj-skip-link />
+ * <kj-navbar />
+ * <main id="main-content" tabindex="-1"><router-outlet /></main>
+ * ```
+ *
+ * The visible label is projected content and defaults to "Skip to main content".
+ * The link is visually hidden (parked above the viewport) until focused, then
+ * slides into view with a solid high-contrast background so it is legible over
+ * any page chrome.
+ *
+ * @example
+ * ```html
+ * <kj-skip-link />
+ * <kj-skip-link kjTarget="page-body">Skip to article</kj-skip-link>
+ * ```
+ *
+ * @doc-example Default
+ *   The shell-level skip link. Tab into the demo frame to reveal it, then
+ *   activate it to move focus to the demo's main region.
+ *   @doc-file skip-link.example.ts
+ *
+ * @doc-keyboard
+ *   Tab   — Reveals the link when it receives focus (it is the first focusable element)
+ *   Enter — Activates it; keyboard focus moves to the target landmark
+ *
+ * @doc-aria
+ *   role=link   — Native `<a>` semantics; accessible name from the projected label
+ *   href        — Reflects `#<target>` so it works before hydration and is bookmarkable
+ *   tabindex=-1 — Applied to the target on activation so `focus()` lands and the
+ *                 next Tab continues from the content, not the navigation
+ *
+ * @doc-a11y
+ *   Satisfies WCAG 2.4.1 Bypass Blocks. Hidden-until-focused (not
+ *   `display:none`, so it stays in the tab order), fully on-screen and
+ *   high-contrast when focused, and moves real keyboard focus — not just scroll.
+ *
+ * @doc-css-var
+ *   --kj-skip-link-bg      — Background when focused. Defaults to the theme's primary surface.
+ *   --kj-skip-link-fg      — Text color when focused. Pairs with the background for AAA contrast.
+ *   --kj-skip-link-radius  — Corner radius of the focused pill.
+ *   --kj-skip-link-shadow  — Elevation shadow when focused.
+ *   --kj-skip-link-offset  — Inset from the top-left corner when focused.
+ *   --kj-skip-link-z       — Stacking order. Must sit above the navbar and overlays.
+ *
+ * @doc-category Library/Navigation
+ * @doc
+ * @doc-name skip-link
+ * @doc-description Themed, focus-moving "skip to main content" link for the app shell (WCAG 2.4.1).
+ * @doc-is-main
+ */
+declare class KjSkipLinkComponent {
+    /** `id` of the main-content landmark to move focus to. Defaults to `'main-content'`. */
+    readonly kjTarget: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KjSkipLinkComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjSkipLinkComponent, "kj-skip-link", never, { "kjTarget": { "alias": "kjTarget"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
 /**
  * Styled wrapper around the headless `KjSlider` directive family.
  *
@@ -5378,11 +6303,11 @@ declare class KjSliderComponent {
     readonly kjPageStep: _angular_core.InputSignal<number>;
     readonly kjStepBase: _angular_core.InputSignal<number>;
     readonly kjOrientation: _angular_core.InputSignal<"horizontal" | "vertical">;
-    readonly kjDirection: _angular_core.InputSignal<"ltr" | "rtl" | "auto">;
+    readonly kjDirection: _angular_core.InputSignal<"auto" | "ltr" | "rtl">;
     readonly kjInverted: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly kjMinDistance: _angular_core.InputSignal<number>;
     readonly kjAllowThumbCross: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly kjTicks: _angular_core.InputSignal<false | readonly number[] | "auto">;
+    readonly kjTicks: _angular_core.InputSignal<false | "auto" | readonly number[]>;
     readonly kjDisplayWith: _angular_core.InputSignal<(value: number, thumbIndex: number) => string>;
     readonly kjReadonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly kjDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -6167,10 +7092,8 @@ declare class KjBulkAction {
  * The toolbar must sit inside a `<kj-table>` (or any element hosting
  * the `KJ_TABLE` token) so it can resolve the table instance via DI.
  *
- * @doc-category Components/Data
- * @doc
- * @doc-name table-toolbar
- * @doc-description Toolbar chrome above the data table — quick filter, density, column visibility, export, and bulk-action slot.
+ * Documented as part of the data table on the `table` page — not a standalone
+ * docs entry.
  */
 declare class KjTableToolbarComponent {
     /** The host table — resolved through `KJ_TABLE` injected from any ancestor. */
@@ -6222,10 +7145,8 @@ declare class KjTableToolbarComponent {
  * </kj-table>
  * ```
  *
- * @doc-category Components/Data
- * @doc
- * @doc-name table-pagination
- * @doc-description Page-size selector, First/Prev/Next/Last nav, and "Showing N–M of total" summary bound to the parent table.
+ * Documented as part of the data table on the `table` page — not a standalone
+ * docs entry.
  */
 declare class KjTablePaginationComponent {
     /** Available page sizes for the selector. */
@@ -6308,10 +7229,8 @@ declare class KjTableSidePanelContent {
  * </kj-table>
  * ```
  *
- * @doc-category Components/Data
- * @doc
- * @doc-name table-side-panel
- * @doc-description Service-launched drawer listing every column with visibility, pin, and group controls.
+ * Documented as part of the data table on the `table` page — not a standalone
+ * docs entry.
  */
 declare class KjTableSidePanelComponent {
     /** Whether the side panel is visible. Two-way bindable. */
@@ -6343,10 +7262,8 @@ declare class KjTableSidePanelComponent {
  * </table>
  * ```
  *
- * @doc-category Components/Data
- * @doc
- * @doc-name table-status-bar
- * @doc-description Counts strip showing row count, selected count, and filtered indicator.
+ * Documented as part of the data table on the `table` page — not a standalone
+ * docs entry.
  */
 declare class KjTableStatusBarComponent {
     private readonly table;
@@ -6406,10 +7323,8 @@ declare function copyToClipboard(text: string): Promise<void>;
  * </div>
  * ```
  *
- * @doc-category Components/Data
- * @doc
- * @doc-name table-virtual
- * @doc-description Row virtualization adapter on @tanstack/virtual-core. Exposes virtualRows / paddingTop / paddingBottom / totalSize signals for the styled data table.
+ * Documented as part of the data table on the `table` page — not a standalone
+ * docs entry.
  */
 declare class KjTableVirtual {
     /** Total number of rows in the underlying dataset. */
@@ -7801,10 +8716,10 @@ declare class KjCascadeSubPanelComponent {
  *   --kj-command-item-align     — Cross-axis alignment of row contents. Defaults to `center`.
  *   --kj-command-item-gap       — Gap between icon and label inside a row. Defaults to --kj-space-md.
  *
+ * @doc-category Library/Actions
  * @doc
  * @doc-name command-palette
  * @doc-description Themed Cmd-K modal command palette with fuzzy filtering, grouped results, and keyboard navigation.
- * @doc-is-main
  */
 declare class KjCommandPaletteFooter {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KjCommandPaletteFooter, never>;
@@ -7895,6 +8810,7 @@ declare class KjCommandPaletteItemTemplate<T = unknown> {
  * @doc-category Library/Actions
  * @doc
  * @doc-name command-palette
+ * @doc-is-main
  */
 declare class KjCommandPaletteComponent {
     /** Input placeholder text. */
@@ -7919,6 +8835,8 @@ declare class KjCommandPaletteComponent {
     protected readonly customFooter: _angular_core.Signal<KjCommandPaletteFooter | undefined>;
     private readonly destroyRef;
     private readonly platformId;
+    /** The composed headless palette (host directive) — owns query + active state. */
+    private readonly palette;
     constructor();
     /** Programmatically close the palette. */
     close(): void;
@@ -8159,5 +9077,5 @@ declare class KjTreeSelectComponent {
 
 declare const KJ_COMPONENTS_VERSION = "0.0.1";
 
-export { KJ_COMPONENTS_VERSION, KJ_EDITOR_CONTRACT, KJ_FILTER_CONTEXT, KjAccordionComponent, KjAccordionContentComponent, KjAccordionItemComponent, KjAccordionTriggerComponent, KjAlertActionsComponent, KjAlertComponent, KjAlertDescriptionComponent, KjAlertDismissComponent, KjAlertIconComponent, KjAlertTitleComponent, KjAvatarComponent, KjAvatarGroupComponent, KjBadgeComponent, KjBooleanEditor, KjBreadcrumbComponent, KjBreadcrumbCurrentComponent, KjBreadcrumbEllipsisComponent, KjBreadcrumbItemComponent, KjBreadcrumbLinkComponent, KjBreadcrumbListComponent, KjBreadcrumbSeparatorComponent, KjBulkAction, KjButtonComponent, KjButtonGroupComponent, KjCalendarComponent, KjCardComponent, KjCardContentComponent, KjCardCoverComponent, KjCardFooterComponent, KjCardHeaderComponent, KjCardSubtitleComponent, KjCardTitleComponent, KjCarouselAutoplayComponent, KjCarouselComponent, KjCarouselIndicatorsComponent, KjCarouselNextComponent, KjCarouselPauseComponent, KjCarouselPreviousComponent, KjCarouselSlideComponent, KjCarouselViewportComponent, KjCascadeOptionComponent, KjCascadeSelectComponent, KjCascadeSubPanelComponent, KjCellEditorOutlet, KjCellTemplateDirective, KjChatAvatarComponent, KjChatBubbleComponent, KjChatComponent, KjChatFooterComponent, KjChatHeaderComponent, KjChatLogComponent, KjCheckboxComponent, KjColorPickerComponent, KjComboboxComponent, KjComboboxEmptyComponent, KjComboboxLoadingComponent, KjComboboxOptionComponent, KjCommandEmptyComponent, KjCommandGroupComponent, KjCommandInputComponent, KjCommandItemComponent, KjCommandPaletteComponent, KjCommandPaletteFooter, KjCommandPaletteItemTemplate, KjCommandSeparatorComponent, KjConfirmPopupActionComponent, KjConfirmPopupActionsComponent, KjConfirmPopupCancelComponent, KjConfirmPopupComponent, KjConfirmPopupContentComponent, KjConfirmPopupMessageComponent, KjConfirmPopupTriggerComponent, KjDateEditor, KjDateFilter, KjDatePickerComponent, KjDatetimePickerComponent, KjDialogComponent, KjDividerComponent, KjDrawerComponent, KjDropdownMenuComponent, KjEmptyStateActionsComponent, KjEmptyStateComponent, KjEmptyStateDescriptionComponent, KjEmptyStateIconComponent, KjEmptyStateTitleComponent, KjFieldComponent, KjFieldErrorComponent, KjFieldGroupComponent, KjFieldHelpComponent, KjFieldLabelComponent, KjFileUploadComponent, KjFilterCellOutlet, KjFormActionsComponent, KjFormComponent, KjFormSummaryComponent, KjIconGalleryExample, KjIconUsageExample, KjInputComponent, KjInputGroupAddonComponent, KjInputGroupComponent, KjInputMaskComponent, KjInputMaskCreditCardExample, KjInputMaskCustomTokensExample, KjInputMaskDateExample, KjInputMaskExample, KjInputMaskUsageExample, KjInputMaskValidationExample, KjInputOtpComponent, KjKbdComponent, KjLinkComponent, KjListComponent, KjListItemComponent, KjMenubarComponent, KjMenubarItemComponent, KjNumberEditor, KjNumberFilter, KjNumberInputComponent, KjOptionComponent, KjOverlayBadgeComponent, KjOverlayBadgeContentComponent, KjPaginationComponent, KjPaginationDefaultComponent, KjPaginationEllipsisComponent, KjPaginationFirstComponent, KjPaginationInfoComponent, KjPaginationItemComponent, KjPaginationLastComponent, KjPaginationNextComponent, KjPaginationPreviousComponent, KjPasswordInputComponent, KjPopoverComponent, KjProgressBarComponent, KjRadioComponent, KjRadioGroupComponent, KjSelectComponent, KjSelectEditor, KjSelectFilter, KjSkeletonComponent, KjSliderComponent, KjSpeedDialActionComponent, KjSpeedDialActionsComponent, KjSpeedDialComponent, KjSpeedDialTriggerComponent, KjSpinnerComponent, KjStepComponent, KjStepContentComponent, KjStepLabelComponent, KjStepperComponent, KjStepperNextComponent, KjStepperPreviousComponent, KjStepperResetComponent, KjTabComponent, KjTabListComponent, KjTabPanelComponent, KjTableComponent, KjTablePaginationComponent, KjTableSidePanelComponent, KjTableSidePanelContent, KjTableStatusBarComponent, KjTableToolbarComponent, KjTableVirtual, KjTabsComponent, KjTagComponent, KjTagListComponent, KjTagRemoveComponent, KjTextEditor, KjTextFilter, KjTextareaComponent, KjTimePickerComponent, KjToastCloseComponent, KjToastComponent, KjToastViewportComponent, KjToastWrapperComponent, KjToggleComponent, KjTooltipComponent, KjTreeSelectComponent, KjTreeSelectNodeComponent, LUCIDE_ICON_NAMES, copyToClipboard, downloadString, exportCsv, exportJson, provideLucideIcons, toTsv };
-export type { ExportOptions, KjCellEditEvent, KjCellTemplateContext, KjChatBubbleSize, KjChatBubbleVariant, KjDateRange, KjEditorContract, KjEmptyStateLevel, KjEmptyStateLive, KjEmptyStateVariant, KjFilterContext, KjInputSize, KjInputType, KjInputVariant, KjNumberRange, KjRowClickEvent, KjSelectEditorOption, KjSelectFilterOption, KjSpeedDialPosition, KjTableDensity, KjTableExportFormat };
+export { KJ_COMPONENTS_VERSION, KJ_EDITOR_CONTRACT, KJ_FILTER_CONTEXT, KjAccordionComponent, KjAccordionContentComponent, KjAccordionItemComponent, KjAccordionTriggerComponent, KjActionSheet, KjActionSheetComponent, KjActionSheetRef, KjActionSheetService, KjAlertActionsComponent, KjAlertComponent, KjAlertDescriptionComponent, KjAlertDismissComponent, KjAlertIconComponent, KjAlertTitleComponent, KjAvatarComponent, KjAvatarGroupComponent, KjBadgeComponent, KjBooleanEditor, KjBreadcrumbComponent, KjBreadcrumbCurrentComponent, KjBreadcrumbEllipsisComponent, KjBreadcrumbItemComponent, KjBreadcrumbLinkComponent, KjBreadcrumbListComponent, KjBreadcrumbSeparatorComponent, KjBulkAction, KjButtonComponent, KjButtonGroupComponent, KjCalendarComponent, KjCardComponent, KjCardContentComponent, KjCardCoverComponent, KjCardFooterComponent, KjCardHeaderComponent, KjCardSubtitleComponent, KjCardTitleComponent, KjCarouselAutoplayComponent, KjCarouselComponent, KjCarouselIndicatorsComponent, KjCarouselNextComponent, KjCarouselPauseComponent, KjCarouselPreviousComponent, KjCarouselSlideComponent, KjCarouselViewportComponent, KjCascadeOptionComponent, KjCascadeSelectComponent, KjCascadeSubPanelComponent, KjCellEditorOutlet, KjCellTemplateDirective, KjChartComponent, KjChatAvatarComponent, KjChatBubbleComponent, KjChatComponent, KjChatFooterComponent, KjChatHeaderComponent, KjChatLogComponent, KjChatMessage, KjChatThread, KjCheckboxComponent, KjColorPickerComponent, KjComboboxComponent, KjComboboxEmptyComponent, KjComboboxLoadingComponent, KjComboboxOptionComponent, KjCommandEmptyComponent, KjCommandGroupComponent, KjCommandInputComponent, KjCommandItemComponent, KjCommandPaletteComponent, KjCommandPaletteFooter, KjCommandPaletteItemTemplate, KjCommandSeparatorComponent, KjConfirmPopupActionComponent, KjConfirmPopupActionsComponent, KjConfirmPopupCancelComponent, KjConfirmPopupComponent, KjConfirmPopupContentComponent, KjConfirmPopupMessageComponent, KjConfirmPopupTriggerComponent, KjDateEditor, KjDateFilter, KjDatePickerComponent, KjDateRangePresetsComponent, KjDatetimePickerComponent, KjDialogComponent, KjDirectionToggle, KjDividerComponent, KjDrawerComponent, KjDropdownMenuComponent, KjEditorComponent, KjEmptyStateActionsComponent, KjEmptyStateComponent, KjEmptyStateDescriptionComponent, KjEmptyStateIconComponent, KjEmptyStateTitleComponent, KjFieldComponent, KjFieldErrorComponent, KjFieldGroupComponent, KjFieldHelpComponent, KjFieldLabelComponent, KjFileUploadComponent, KjFilterCellOutlet, KjFormActionsComponent, KjFormComponent, KjFormSummaryComponent, KjIconGalleryExample, KjIconUsageExample, KjInputComponent, KjInputGroupAddonComponent, KjInputGroupComponent, KjInputMaskComponent, KjInputMaskCreditCardExample, KjInputMaskCustomTokensExample, KjInputMaskDateExample, KjInputMaskExample, KjInputMaskUsageExample, KjInputMaskValidationExample, KjInputOtpComponent, KjKbdComponent, KjLinkComponent, KjListComponent, KjListItemComponent, KjMenubarComponent, KjMenubarItemComponent, KjNumberEditor, KjNumberFilter, KjNumberInputComponent, KjOptionComponent, KjOverlayBadgeComponent, KjOverlayBadgeContentComponent, KjPaginationComponent, KjPaginationDefaultComponent, KjPaginationEllipsisComponent, KjPaginationFirstComponent, KjPaginationInfoComponent, KjPaginationItemComponent, KjPaginationLastComponent, KjPaginationNextComponent, KjPaginationPreviousComponent, KjPasswordInputComponent, KjPopoverComponent, KjProgressBarComponent, KjPromptInput, KjRadioComponent, KjRadioGroupComponent, KjRichTextEditorComponent, KjSelectComponent, KjSelectEditor, KjSelectFilter, KjSheetComponent, KjSkeletonComponent, KjSkipLinkComponent, KjSliderComponent, KjSpeedDialActionComponent, KjSpeedDialActionsComponent, KjSpeedDialComponent, KjSpeedDialTriggerComponent, KjSpinnerComponent, KjStepComponent, KjStepContentComponent, KjStepLabelComponent, KjStepperComponent, KjStepperNextComponent, KjStepperPreviousComponent, KjStepperResetComponent, KjTabComponent, KjTabListComponent, KjTabPanelComponent, KjTableComponent, KjTablePaginationComponent, KjTableSidePanelComponent, KjTableSidePanelContent, KjTableStatusBarComponent, KjTableToolbarComponent, KjTableVirtual, KjTabsComponent, KjTagComponent, KjTagListComponent, KjTagRemoveComponent, KjTextEditor, KjTextFilter, KjTextareaComponent, KjTimePickerComponent, KjToastCloseComponent, KjToastComponent, KjToastViewportComponent, KjToastWrapperComponent, KjToggleComponent, KjTooltipComponent, KjTreeSelectComponent, KjTreeSelectNodeComponent, LUCIDE_ICON_NAMES, bold, bulletList, codeBlock, copyToClipboard, defaultFeatures, downloadString, exportCsv, exportJson, heading, history, image, inlineCode, italic, link, markdownShortcuts, orderedList, provideLucideIcons, quote, renderMarkdown, strike, toTsv, underline };
+export type { ExportOptions, KjActionSheetAction, KjActionSheetOptions, KjActionSheetRole, KjCellEditEvent, KjCellTemplateContext, KjChatBubbleSize, KjChatBubbleVariant, KjDateRange, KjEditorContract, KjEmptyStateLevel, KjEmptyStateLive, KjEmptyStateVariant, KjFilterContext, KjHeadingLevel, KjInputSize, KjInputType, KjInputVariant, KjMdBlock, KjNumberRange, KjRowClickEvent, KjSelectEditorOption, KjSelectFilterOption, KjSpeedDialPosition, KjTableDensity, KjTableExportFormat };