lintje 0.1.1

package/dist-elements/types/components/frame/shell/mobile-header.d.ts

@@ -0,0 +1,18 @@
+/** The header below 768 px and the menu under it: render functions of `<lintje-shell>`. */
+import { type TemplateResult } from 'lit';
+import { type NavGroup } from './header.js';
+import type { ShellLink } from '../../../types.js';
+import type { LintjeShell } from './shell.js';
+/**
+ * The environment and feedback rows in the mobile panel: below 768 px there is no rail to show
+ * them, and a page's own footer is the host's. The version stands in the user menu, or here
+ * without a user.
+ */
+export declare function renderMobileMeta(shell: LintjeShell): TemplateResult;
+/**
+ * Mobile header. The header and the panel stand in one region, `.lintje-mobile-chrome`: while the
+ * menu is open it is the modal dialog and the focus trap keeps Tab inside, so the dialog's own
+ * close button is not hidden from a screen reader.
+ */
+export declare function renderMobileHeader(shell: LintjeShell, groups: NavGroup[]): TemplateResult;
+export declare function renderMobileItem(shell: LintjeShell, item: ShellLink): TemplateResult;

package/dist-elements/types/components/frame/shell/navigation.d.ts

@@ -0,0 +1,49 @@
+/** The side menu (pinned panel, rail, foot): render functions of `<lintje-shell>`. */
+import { nothing, type ReactiveController, type ReactiveControllerHost, type TemplateResult } from 'lit';
+import { type NavGroup } from './header.js';
+import type { ShellData, ShellLink } from '../../../types.js';
+import type { LintjeShell } from './shell.js';
+/** The pin's name stays the same; `aria-pressed` says whether the menu is pinned. */
+export declare const PIN_LABEL = "Menu vastzetten";
+export declare function pinContent(pinned: boolean): {
+    content: TemplateResult | string;
+    asText: boolean;
+};
+/**
+ * The menu's own scrollbar. A styled native bar takes width in every browser, which pulls the
+ * rows' fill off the menu's edge, so the list hides its bar and this sizes and places an overlay
+ * thumb; showing and fading it is CSS. Only the pointer uses it: keys and the wheel scroll the list.
+ */
+export declare class NavScrollbar implements ReactiveController {
+    #private;
+    constructor(host: ReactiveControllerHost & HTMLElement & {
+        renderRoot: ParentNode;
+    });
+    hostUpdated(): void;
+    hostDisconnected(): void;
+    /** The list's `scroll`, a resize of the list and every update. */
+    readonly draw: () => void;
+    /** Dragging the thumb scrolls the list; the capture keeps the drag past the menu's edge. */
+    readonly grab: (event: PointerEvent) => void;
+}
+/** The lock, or the words "geen toegang": the strikethrough alone is not a reason (rule 13). */
+export declare function noAccessMark(className: string): TemplateResult;
+export declare const versionText: (version: string) => string;
+export declare const feedbackLabel: (feedback: NonNullable<ShellData['feedback']>) => string;
+/** The logo as a link to `data.home`, or the logo alone. */
+export declare function homeLink(shell: LintjeShell, className: string, width: number, onNavigate?: () => void): TemplateResult;
+export declare function navRow(shell: LintjeShell, item: ShellLink, open: boolean): TemplateResult;
+export declare function renderNavigation(shell: LintjeShell, groups: NavGroup[]): TemplateResult;
+/**
+ * The block above the user: "Vragen of feedback" with the version, or the version alone. The
+ * version-only row is not a `lintje-nav__item` (that class carries the hover) but keeps its
+ * geometry, so the block below stands in the same place in both cases.
+ */
+export declare function renderNavMeta(shell: LintjeShell, open: boolean): TemplateResult | typeof nothing;
+/**
+ * Afmelden, in its own form and not a fetch: the server answers with a redirect to the
+ * identity provider, which only a navigation follows. The token travels in `csrf_token`,
+ * which the middleware reads from a form-encoded body. Collapsed, the form is `hidden` and
+ * not merely transparent, so nothing invisible is in the tab order.
+ */
+export declare function logoutButton(logout: NonNullable<ShellData['logout']>, buttonClass: string, open: boolean): TemplateResult;

package/dist-elements/types/components/frame/shell/shell.d.ts

@@ -0,0 +1,112 @@
+/**
+ * `<lintje-shell>` — the frame around a page: the Rijkshuisstijl header above it (`layout`
+ * `top`, the default) or the menu beside it (`side`), the mobile header and menu below 768 px,
+ * and a `<main>` with the host's content.
+ *
+ * It never fetches and never reads the URL: the active page (`active`) and the reader's settings
+ * (`view`, `menu`, `layout`) are the host's. A change goes out as `lintje-view-change` and comes
+ * back as data. `name` is the page's one `h1`.
+ *
+ * Slots: `full` runs edge to edge above the content (a hero, a filter bar, a conversation); `header`
+ * holds the page's title (`lintje-page-header`); the default slot the content, at the page's
+ * width and padding; `footer` runs edge to edge under it all (`lintje-footer`).
+ *
+ * Events: `lintje-navigate` `{ href }`, `lintje-view-change`, `lintje-search-open`; from its
+ * parts `lintje-action`, `lintje-logout`, `lintje-notification-open`, `lintje-notifications-read`.
+ */
+import { nothing, type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
+import { LintjeElement, type FrameSettings } from '../../../core/element.js';
+import '../../../primitives/button/button.js';
+import '../../actions/logo/logo.js';
+import '../../feedback/toast/toast.js';
+import '../../actions/qr-code/qr-code.js';
+import '../notifications/notifications.js';
+import '../user-menu/user-menu.js';
+import { MediaController } from '../../../core/media.js';
+import { FrameStateController } from '../../../core/frame-state.js';
+import type { ShellData, ShellGroup, ShellLink, ShellViewChange } from '../../../types.js';
+import { NavScrollbar } from './navigation.js';
+import { SubmenuController, type NavGroup } from './header.js';
+/** Adjacent pages form one group without a heading; a group keeps its label as heading. */
+export declare function toGroups(navigation: (ShellLink | ShellGroup)[]): NavGroup[];
+export declare class LintjeShell extends LintjeElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    static properties: PropertyDeclarations;
+    data?: ShellData | null;
+    protected get dataSettings(): FrameSettings | undefined;
+    /** `data.layout`, mirrored on the element so its stylesheet can tell the two apart. */
+    layout: 'side' | 'top';
+    /** Top layout: index of the open group; `WHOLE_MENU`; or `null`. */
+    openGroup: number | null;
+    /** Top layout: the logo bar has scrolled away and the bar under it is pinned. */
+    barStuck: boolean;
+    railExpanded: boolean;
+    /** The next focus in the rail is the shell's own hand-on after Escape: it does not expand. */
+    railRefocus: boolean;
+    menuOpen: boolean;
+    /** The mobile menu is sliding out: still drawn, no longer open (see `willUpdate`). */
+    menuLeaving: boolean;
+    shareOpen: boolean;
+    /** The share menu shows the QR code instead of its items. */
+    sharePhone: boolean;
+    viewOpen: boolean;
+    /** Side layout: the name and the labelled tools do not fit in the top bar, so the tools are bare icons. */
+    toolsCompact: boolean;
+    /** Below 768 px: the header's tools do not fit, so "Filters" and "Menu" show only their glyph. */
+    headerCompact: boolean;
+    /** The `header` or default slot holds something; without, `full` takes the room. */
+    hasContent: boolean;
+    toast?: string | null;
+    readonly wide: MediaController;
+    readonly mobile: MediaController;
+    readonly submenu: SubmenuController;
+    readonly navScrollbar: NavScrollbar;
+    readonly store: FrameStateController;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected willUpdate(changed: PropertyValues<this>): void;
+    /**
+     * Closing the mobile menu returns the focus to its button: what had it may leave the DOM with
+     * the panel.
+     */
+    protected updated(changed: PropertyValues<this>): void;
+    menuLeft(): void;
+    /**
+     * Like the navigation bar's entries, the bars' tools give way when they do not fit, measured and
+     * not by breakpoint: the top bar's to bare icons, the mobile header's words to their glyphs.
+     * Each width compared is independent of the outcome, so neither can flip back and forth.
+     */
+    measureFit(): void;
+    /** The bar pins once its place in the flow has left the viewport and unpins on return. */
+    measureScroll(): void;
+    /** A plain click on a page: the host routes it, or the browser follows the link. */
+    follow(href: string, event: Event): void;
+    /** The host holds the setting: it hears the change and sets `data` again. */
+    changeView(change: ShellViewChange): void;
+    askSearch(): void;
+    /** Closes "Weergave" or "Delen" with the focus on its tool, in the bar that shows: each bar has
+     * one, and below 768 px the top bar's is hidden. A `lintje-button` hands the focus inside. */
+    closePanel(tool: string): void;
+    showToast(text: string): void;
+    /** The main region lies under the bars that stay; the page scrolls it up to just below them. */
+    skipToContent(event: Event): void;
+    renderSearch(): TemplateResult | typeof nothing;
+    renderNotifications(): TemplateResult | typeof nothing;
+    /** In the bar the avatar opens it; `inline`, it is the foot of the mobile menu. */
+    renderUserMenu(inline: boolean): TemplateResult | typeof nothing;
+    private renderSkipLink;
+    private renderLogo;
+    private renderNavEnd;
+    /** The slot of the nav bar keeps its height while the bar itself is pinned to the viewport. */
+    private renderTop;
+    private renderTopPhone;
+    private renderMain;
+    private renderToast;
+    protected render(): TemplateResult | typeof nothing;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lintje-shell': LintjeShell;
+    }
+}

package/dist-elements/types/components/frame/shell/top-bar.d.ts

@@ -0,0 +1,29 @@
+/**
+ * The side layout's top bar: the name, the tools, "Zoeken", "Weergave" and "Delen". Render
+ * functions of `<lintje-shell>`, drawn in its shadow root. The top layout has no top bar;
+ * `renderBarTools` puts "Weergave" and "Delen" in its navigation bar, as bare icons — and in the
+ * top bar too when the labelled buttons do not fit (`toolsCompact`).
+ */
+import { type TemplateResult } from 'lit';
+import '../../inputs/radio-group/radio-group.js';
+import type { ShellData, ShellView } from '../../../types.js';
+import type { LintjeShell } from './shell.js';
+/** The e-mail's subject: the page and the application, as the top bar names them. */
+export declare function mailSubject(data: ShellData | null | undefined): string;
+/** One icon in the share menu, or the empty box that keeps the label aligned. */
+export declare function shareGlyph(name: string): TemplateResult;
+/** The top bar: matters of the whole page only, never filters. */
+export declare function renderTopBar(shell: LintjeShell): TemplateResult;
+/** "Weergave" and "Delen" as bare tools at the end of the navigation bar. */
+export declare function renderBarTools(shell: LintjeShell): TemplateResult;
+/** The panel of "Weergave": a choice applies at once and the panel stays; a press beside closes. */
+export declare function renderView(shell: LintjeShell, view: ShellView): TemplateResult;
+/** One option in a toggle group; `text` shows while the icon has no file, or where `words` is set. */
+export declare function toggle(label: string, icon: string, text: string, active: boolean, onClick: () => void, words?: boolean): TemplateResult;
+/** This view's link for a phone, under the host's scheme so an app opens it (`mibrowsers`). */
+export declare function phoneLink(href: string, scheme?: string): string;
+/**
+ * The panel of "Delen": a disclosure of plain buttons, not a menu, so Tab walks it. An item that
+ * is done closes it and gives the focus back to "Delen"; so does Escape (`<lintje-shell>`).
+ */
+export declare function renderShare(shell: LintjeShell): TemplateResult;

package/dist-elements/types/components/frame/shortcuts/shortcuts.d.ts

@@ -0,0 +1,41 @@
+/**
+ * `<lintje-shortcuts>` — the overview of the keyboard shortcuts this page has registered.
+ *
+ * The list is the register's (`core/shortcuts.ts`), read when the window opens. The element
+ * registers `?` itself and asks to be opened (`lintje-open`). The owner holds `open`, as with
+ * `<lintje-confirm-dialog>`, whose frame and stylesheet this uses. Under the list a switch turns
+ * the one-character keys off and on (WCAG 2.1.4); with them off, `?` opens nothing, so a page
+ * also opens the overview from a button or a menu.
+ *
+ * Events: `lintje-open`, `lintje-close` `{ reason: 'escape' | 'scrim' | 'button' }`.
+ */
+import { nothing, type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
+import { LintjeElement } from '../../../core/element.js';
+import { type ShortcutInfo } from '../../../core/shortcuts.js';
+import '../../../primitives/button/button.js';
+import '../../inputs/toggle/toggle.js';
+export type ShortcutsCloseReason = 'escape' | 'scrim' | 'button';
+export declare class LintjeShortcuts extends LintjeElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    static properties: PropertyDeclarations;
+    /** The owner's: the window asks to be closed and never closes itself. */
+    open: boolean;
+    heading: string;
+    protected list: ShortcutInfo[];
+    protected characterKeys: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private close;
+    protected willUpdate(changed: PropertyValues<this>): void;
+    protected updated(changed: PropertyValues<this>): void;
+    private renderRow;
+    private onCharacterKeys;
+    private renderSetting;
+    protected render(): TemplateResult | typeof nothing;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lintje-shortcuts': LintjeShortcuts;
+    }
+}

package/dist-elements/types/components/frame/sub-nav/sub-nav.d.ts

@@ -0,0 +1,72 @@
+/**
+ * `<lintje-sub-nav>` — the navigation within one part of an application, beside its content.
+ *
+ * Groups of links, optionally under a label, and one action below them ("Nieuw …"). The host
+ * marks the reader's page with `active`; an item's `items` show while it or one of them is active.
+ * Below 768 px it is one button with the reader's page, which opens the list in place. It never
+ * reads the URL.
+ *
+ * Events: `lintje-navigate` `{ href }`, `lintje-action` `{ value }` (the action).
+ */
+import { nothing, type PropertyDeclarations, type TemplateResult } from 'lit';
+import { LintjeElement } from '../../../core/element.js';
+export interface SubNavItem {
+    label: string;
+    /** Without it the item has no page and is drawn muted. */
+    href?: string;
+    /** The page the reader is on; the host decides. */
+    active?: boolean;
+    /** An icon file name, drawn before the label. */
+    icon?: string;
+    /** A count after the label; `label` is what a screen reader hears: "2 ongelezen". */
+    badge?: {
+        value: string | number;
+        label?: string;
+    };
+    /** The page exists but the reader may not open it: struck through, with a lock. */
+    noAccess?: boolean;
+    /** The level below, shown while this item or one of them is active. */
+    items?: SubNavItem[];
+}
+export interface SubNavGroup {
+    /** Names the group; without it the group stands apart by space alone. */
+    label?: string;
+    items: SubNavItem[];
+}
+/** The one action below the groups; its `value` comes back in `lintje-action`. */
+export interface SubNavAction {
+    label: string;
+    value: string;
+    /** An icon file name; `functioneel-plus` when left out. */
+    icon?: string;
+}
+/** The active item and the label of its group, for the phone's button. */
+export declare function activeEntry(groups: SubNavGroup[]): {
+    item: SubNavItem;
+    group?: string;
+} | null;
+export declare class LintjeSubNav extends LintjeElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    static properties: PropertyDeclarations;
+    /** The groups, in order. One group without a label is a plain list. */
+    groups: SubNavGroup[];
+    /** The action below the groups, or none. */
+    action?: SubNavAction;
+    /** The navigation's accessible name: "Instellingen". */
+    label: string;
+    /** Whether the phone's list is open. */
+    open: boolean;
+    private follow;
+    private act;
+    private onKeydown;
+    private renderItem;
+    private renderGroups;
+    private renderPhone;
+    protected render(): TemplateResult | typeof nothing;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lintje-sub-nav': LintjeSubNav;
+    }
+}

package/dist-elements/types/components/frame/user-menu/user-menu.d.ts

@@ -0,0 +1,58 @@
+/**
+ * `<lintje-user-menu>` — the user's avatar in the navigation bar and the menu it opens: name and
+ * role, the host's rows (`MenuEntry`, as `lintje-menu-button`), "Afmelden", the version.
+ *
+ * A menu, not a dialog: no trap, and an Escape pressed in a dialog opened over it is the
+ * dialog's. With `logout-action` "Afmelden" is a real `<form method="post">` with the CSRF
+ * token in a hidden `csrf_token` field: signing out leaves the page, which a fetch cannot do.
+ * `inline` draws the content without button and popover, for the shell's mobile sheet.
+ *
+ * Events: `lintje-action` (the row's value), `lintje-navigate` `{ href }` for a link row,
+ * `lintje-logout` (only without `logout-action`).
+ */
+import { type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
+import { LintjeElement } from '../../../core/element.js';
+import { type MenuEntry } from '../../actions/menu-button/menu-button.js';
+import '../../../primitives/popover/popover.js';
+import '../../../primitives/tooltip/tooltip.js';
+import type { UserMenuUser } from '../../../types.js';
+export declare class LintjeUserMenu extends LintjeElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    static properties: PropertyDeclarations;
+    user?: UserMenuUser | null;
+    items: MenuEntry[];
+    /** Shown at the bottom: "Versie 2.4.1". */
+    version?: string;
+    /** The URL "Afmelden" posts to; without it "Afmelden" sends `lintje-logout`. */
+    logoutAction?: string;
+    /** The session's CSRF token, posted with "Afmelden". */
+    csrf: string;
+    /** The content without button and popover, on the navigation's colours. */
+    inline: boolean;
+    open: boolean;
+    private get trigger();
+    private rowElements;
+    /** The rows as `nextRow()` reads them: only whether each one is disabled counts. */
+    private rowStates;
+    private focusRow;
+    private show;
+    private hide;
+    private readonly onFocusOut;
+    constructor();
+    private readonly onTriggerKeydown;
+    private readonly onMenuKeydown;
+    private onPopoverClose;
+    private choose;
+    private logout;
+    protected updated(changed: PropertyValues<this>): void;
+    private renderRow;
+    private renderLogout;
+    private renderContent;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lintje-user-menu': LintjeUserMenu;
+    }
+}

package/dist-elements/types/components/index.d.ts

@@ -0,0 +1,241 @@
+/**
+ * The components of every category. Importing this module registers every tag it defines;
+ * `define()` leaves a tag another bundle already defined alone. The modal's and the toast's
+ * events are stopped by the content tiles and `<lintje-shell>`, so one action is one line in a
+ * host's log. Put one filter bar on a page: two would both write the count in the mobile header
+ * and both own the sheet.
+ */
+import './frame/shell/shell.js';
+import './frame/user-menu/user-menu.js';
+import './frame/page-header/page-header.js';
+import './filters/filter-bar/filter-bar.js';
+import './feedback/announcement/announcement.js';
+import './charts/chart-tile/chart-tile.js';
+import './chat/chat/chat.js';
+import './chat/chat-answer/chat-answer.js';
+import './chat/chat-composer/chat-composer.js';
+import './chat/chat-message/chat-message.js';
+import './chat/chat-strip/chat-strip.js';
+import './chat/chat-suggestions/chat-suggestions.js';
+import './content/code/code.js';
+import './tables/data-table/data-table.js';
+import './layout/expander/expander.js';
+import './charts/explainer/explainer.js';
+import './charts/kpi/kpi.js';
+import './charts/kpi-row/kpi-row.js';
+import './map/map-tile/map-tile.js';
+import './overlays/modal/modal.js';
+import './charts/note/note.js';
+import './content/prose/prose.js';
+import './feedback/toast/toast.js';
+import './overlays/toggletip/toggletip.js';
+import './inputs/checkbox/checkbox.js';
+import './inputs/number-input/number-input.js';
+import './inputs/radio-group/radio-group.js';
+import './inputs/text-input/text-input.js';
+import './inputs/toggle/toggle.js';
+import './actions/logo/logo.js';
+import './inputs/field/field.js';
+import './inputs/segmented/segmented.js';
+import './inputs/select/select.js';
+import './inputs/multiselect/multiselect.js';
+import './inputs/range/range.js';
+import './inputs/date-range/date-range.js';
+import './filters/filter-zone/filter-zone.js';
+import './filters/filter-sheet/filter-sheet.js';
+import './forms/form/form.js';
+import './forms/form-section/form-section.js';
+import './forms/error-summary/error-summary.js';
+import './forms/form-actions/form-actions.js';
+import './overlays/confirm-dialog/confirm-dialog.js';
+import './inputs/textarea/textarea.js';
+import './inputs/file-upload/file-upload.js';
+import './inputs/combobox/combobox.js';
+import './inputs/tag-input/tag-input.js';
+import './inputs/date-input/date-input.js';
+import './inputs/time-input/time-input.js';
+import './inputs/text-editor/text-editor.js';
+import './forms/repeater/repeater.js';
+import './layout/tabs/tabs.js';
+import './frame/hero/hero.js';
+import './content/translator/translator.js';
+import './forms/stepper/stepper.js';
+import './layout/split-pane/split-pane.js';
+import './overlays/drawer/drawer.js';
+import './actions/menu-button/menu-button.js';
+import './frame/breadcrumbs/breadcrumbs.js';
+import './feedback/level-meter/level-meter.js';
+import './feedback/recording-status/recording-status.js';
+import './frame/sub-nav/sub-nav.js';
+import './tables/pagination/pagination.js';
+import './tables/list/list.js';
+import './tables/card/card.js';
+import './tables/card-list/card-list.js';
+import './content/gallery/gallery.js';
+import './frame/footer/footer.js';
+import './tables/tree-view/tree-view.js';
+import './tables/sortable-list/sortable-list.js';
+import './tables/description-list/description-list.js';
+import './feedback/empty-state/empty-state.js';
+import './tables/activity-log/activity-log.js';
+import './actions/copy-button/copy-button.js';
+import './actions/qr-code/qr-code.js';
+import './feedback/ai-label/ai-label.js';
+import './content/highlight/highlight.js';
+import './feedback/job-list/job-list.js';
+import './feedback/streaming-text/streaming-text.js';
+import './content/audio-player/audio-player.js';
+import './content/video-player/video-player.js';
+import './content/transcript/transcript.js';
+import './content/document-viewer/document-viewer.js';
+import './feedback/conflict-alert/conflict-alert.js';
+import './frame/app-search/app-search.js';
+import './frame/shortcuts/shortcuts.js';
+import './frame/session-expiry/session-expiry.js';
+import './frame/notifications/notifications.js';
+export { LintjeAnnouncement } from './feedback/announcement/announcement.js';
+export { LintjeChartTile } from './charts/chart-tile/chart-tile.js';
+export { LintjeChat } from './chat/chat/chat.js';
+export { LintjeChatAnswer } from './chat/chat-answer/chat-answer.js';
+export type { ChatRating } from './chat/chat-answer/chat-answer.js';
+export { LintjeChatComposer } from './chat/chat-composer/chat-composer.js';
+export type { ChatComposerVariant, ChatSendKey } from './chat/chat-composer/chat-composer.js';
+export { LintjeChatMessage } from './chat/chat-message/chat-message.js';
+export { completions, recogniseTerms, termParts, wordBefore } from './chat/shared/chat-terms.js';
+export type { ChatTextPart } from './chat/shared/chat-terms.js';
+export { LintjeChatStrip } from './chat/chat-strip/chat-strip.js';
+export { LintjeChatSuggestions } from './chat/chat-suggestions/chat-suggestions.js';
+export type { ChatSuggestionKind } from './chat/chat-suggestions/chat-suggestions.js';
+export { LintjeCode } from './content/code/code.js';
+export { LintjeContentTileElement } from './shared/content-tile.js';
+export type { ExpandModalOptions } from './shared/content-tile.js';
+export { LintjeDataTable } from './tables/data-table/data-table.js';
+export { LintjeExpander } from './layout/expander/expander.js';
+export { LintjeExplainer } from './charts/explainer/explainer.js';
+export { LintjeKpi } from './charts/kpi/kpi.js';
+export { LintjeKpiRow } from './charts/kpi-row/kpi-row.js';
+export { LintjeMapTile } from './map/map-tile/map-tile.js';
+export { LintjeModal } from './overlays/modal/modal.js';
+export { LintjeNote } from './charts/note/note.js';
+export { LintjeProse } from './content/prose/prose.js';
+export type { ProseTone } from './content/prose/prose.js';
+export { LintjeToast } from './feedback/toast/toast.js';
+export { LintjeToggletip } from './overlays/toggletip/toggletip.js';
+export type { ToggletipPlacement } from './overlays/toggletip/toggletip.js';
+export { LintjeInputElement } from './inputs/shared/input.js';
+export type { InputValue } from './inputs/shared/input.js';
+export { LintjeCheckbox } from './inputs/checkbox/checkbox.js';
+export { LintjeNumberInput } from './inputs/number-input/number-input.js';
+export { LintjeRadioGroup } from './inputs/radio-group/radio-group.js';
+export { LintjeTextInput } from './inputs/text-input/text-input.js';
+export { LintjeToggle } from './inputs/toggle/toggle.js';
+export { LintjeLogo } from './actions/logo/logo.js';
+export { LintjeField } from './inputs/field/field.js';
+export { LintjeSegmented } from './inputs/segmented/segmented.js';
+export { LintjeSelect } from './inputs/select/select.js';
+export { LintjeMultiselect } from './inputs/multiselect/multiselect.js';
+export { LintjeRange } from './inputs/range/range.js';
+export { LintjeDateRange, formatDate } from './inputs/date-range/date-range.js';
+export type { DateRange } from './inputs/date-range/date-range.js';
+export { LintjeFilterZone } from './filters/filter-zone/filter-zone.js';
+export { LintjeFilterSheet } from './filters/filter-sheet/filter-sheet.js';
+export { filterSentence, sentenceText } from './filters/shared/sentence.js';
+export type { SentencePart } from './filters/shared/sentence.js';
+export { LintjeForm, readDraft, DRAFT_PREFIX } from './forms/form/form.js';
+export type { FormValues, FormErrors, StoredDraft } from './forms/form/form.js';
+export { LintjeFormSection } from './forms/form-section/form-section.js';
+export type { FormSectionVariant } from './forms/form-section/form-section.js';
+export { LintjeErrorSummary } from './forms/error-summary/error-summary.js';
+export type { ErrorSummaryItem } from './forms/error-summary/error-summary.js';
+export { LintjeFormActions } from './forms/form-actions/form-actions.js';
+export type { FormActionsState } from './forms/form-actions/form-actions.js';
+export { LintjeConfirmDialog } from './overlays/confirm-dialog/confirm-dialog.js';
+export type { ConfirmTone, ConfirmCloseReason } from './overlays/confirm-dialog/confirm-dialog.js';
+export { LintjeTextarea } from './inputs/textarea/textarea.js';
+export { LintjeFileUpload } from './inputs/file-upload/file-upload.js';
+export type { UploadFile } from './inputs/file-upload/file-upload.js';
+export { LintjeCombobox } from './inputs/combobox/combobox.js';
+export { LintjeTagInput } from './inputs/tag-input/tag-input.js';
+export { LintjeDateInput } from './inputs/date-input/date-input.js';
+export { LintjeTimeInput } from './inputs/time-input/time-input.js';
+export { LintjeTextEditor } from './inputs/text-editor/text-editor.js';
+export type { EditorFormat } from './inputs/text-editor/text-editor.js';
+export { LintjeRepeater, LintjeRepeaterRow } from './forms/repeater/repeater.js';
+export { LintjeTabs } from './layout/tabs/tabs.js';
+export type { TabItem, TabsVariant } from './layout/tabs/tabs.js';
+export { LintjeHero } from './frame/hero/hero.js';
+export { LintjeTranslator } from './content/translator/translator.js';
+export { LintjeStepper } from './forms/stepper/stepper.js';
+export type { Step, StepState } from './forms/stepper/stepper.js';
+export { LintjeSplitPane } from './layout/split-pane/split-pane.js';
+export type { SplitPaneSide } from './layout/split-pane/split-pane.js';
+export { LintjeDrawer } from './overlays/drawer/drawer.js';
+export type { DrawerCloseReason } from './overlays/drawer/drawer.js';
+export { LintjeMenuButton } from './actions/menu-button/menu-button.js';
+export type { MenuEntry, MenuHeading, MenuItem, MenuButtonVariant, } from './actions/menu-button/menu-button.js';
+export { LintjeBreadcrumbs } from './frame/breadcrumbs/breadcrumbs.js';
+export type { Crumb } from './frame/breadcrumbs/breadcrumbs.js';
+export { LintjeLevelMeter } from './feedback/level-meter/level-meter.js';
+export { LintjeRecordingStatus } from './feedback/recording-status/recording-status.js';
+export type { RecordingConnection } from './feedback/recording-status/recording-status.js';
+export { LintjeSubNav } from './frame/sub-nav/sub-nav.js';
+export type { SubNavAction, SubNavGroup, SubNavItem } from './frame/sub-nav/sub-nav.js';
+export { LintjePagination, pageRange } from './tables/pagination/pagination.js';
+export type { PageSlot } from './tables/pagination/pagination.js';
+export { LintjeList } from './tables/list/list.js';
+export type { ListItem, RowClickDetail } from './tables/list/list.js';
+export { LintjeCard } from './tables/card/card.js';
+export type { CardAction, CardData, CardFact, CardLayout, CardMedia, CardStatus, CardStatusTone, } from './tables/card/card.js';
+export { LintjeCardList } from './tables/card-list/card-list.js';
+export { LintjeGallery } from './content/gallery/gallery.js';
+export type { GalleryItem } from './content/gallery/gallery.js';
+export { LintjeFooter } from './frame/footer/footer.js';
+export type { FooterColumn, FooterData, FooterLink } from './frame/footer/footer.js';
+export { LintjeTreeView } from './tables/tree-view/tree-view.js';
+export type { TreeNode } from './tables/tree-view/tree-view.js';
+export { LintjeSortableList } from './tables/sortable-list/sortable-list.js';
+export type { SortableItem } from './tables/sortable-list/sortable-list.js';
+export { LintjeDescriptionList } from './tables/description-list/description-list.js';
+export type { DescriptionItem, DescriptionAction } from './tables/description-list/description-list.js';
+export { LintjeEmptyState } from './feedback/empty-state/empty-state.js';
+export { LintjeActivityLog } from './tables/activity-log/activity-log.js';
+export type { ActivityEntry } from './tables/activity-log/activity-log.js';
+export { LintjeCopyButton } from './actions/copy-button/copy-button.js';
+export { LintjeQrCode } from './actions/qr-code/qr-code.js';
+export { LintjeAiLabel } from './feedback/ai-label/ai-label.js';
+export { LintjeHighlight } from './content/highlight/highlight.js';
+export type { HighlightKind } from './content/highlight/highlight.js';
+export { LintjeJobList } from './feedback/job-list/job-list.js';
+export type { Job, JobState } from './feedback/job-list/job-list.js';
+export { LintjeStreamingText } from './feedback/streaming-text/streaming-text.js';
+export type { StreamState } from './feedback/streaming-text/streaming-text.js';
+export { LintjeConflictAlert } from './feedback/conflict-alert/conflict-alert.js';
+export type { ConflictChange, ConflictChoice } from './feedback/conflict-alert/conflict-alert.js';
+export { LintjeAudioPlayer } from './content/audio-player/audio-player.js';
+export { speakerColours, SPEAKER_COLOURS } from './content/audio-player/playback.js';
+export type { SpeakerColour } from './content/audio-player/playback.js';
+export { LintjeVideoPlayer } from './content/video-player/video-player.js';
+export type { TimedText } from './content/video-player/video-player.js';
+export { LintjeTranscript } from './content/transcript/transcript.js';
+export type { TranscriptSegment, TranscriptMatches, TranscriptMatch, } from './content/transcript/transcript.js';
+export { LintjeDocumentViewer } from './content/document-viewer/document-viewer.js';
+export type { ZoomLevel } from './content/document-viewer/document-viewer.js';
+export { LintjeAppSearch } from './frame/app-search/app-search.js';
+export type { SearchGroup, SearchResult, AppSearchCloseReason } from './frame/app-search/app-search.js';
+export { LintjeShortcuts } from './frame/shortcuts/shortcuts.js';
+export type { ShortcutsCloseReason } from './frame/shortcuts/shortcuts.js';
+export { LintjeSessionExpiry } from './frame/session-expiry/session-expiry.js';
+export type { SessionPhase, RestoredReason } from './frame/session-expiry/session-expiry.js';
+export { LintjeNotifications } from './frame/notifications/notifications.js';
+export type { NotificationItem } from './frame/notifications/notifications.js';
+export { MediaController, MOBILE, WIDE } from '../core/media.js';
+export { setHostConfig, scrollRoot } from '../core/host-config.js';
+export type { HostConfig } from '../core/host-config.js';
+export { toCsv, downloadCsv, downloadPng } from './shared/download.js';
+export type { CsvCell } from './shared/download.js';
+export type { AnnouncementData, AnnouncementKind, AnnouncementViewData, CellValue, ChartTileData, DataTableData, ExplainerData, KpiData, KpiRowData, MapTileViewData, NoteData, SortState, TableColumnData, TileData, } from '../types.js';
+export { LintjeShell } from './frame/shell/shell.js';
+export { LintjeUserMenu } from './frame/user-menu/user-menu.js';
+export { LintjePageHeader } from './frame/page-header/page-header.js';
+export { LintjeFilterBar } from './filters/filter-bar/filter-bar.js';
+export type { FilterBarData, FilterDefinition, FilterKind, FilterOption, FilterValue, ModeSetting, PageHeaderData, ShellData, ShellGroup, ShellLink, ShellView, ShellViewChange, UserMenuUser, } from '../types.js';