lintje 0.2.0 → 0.4.0

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

@@ -1,21 +1,17 @@
 /**
  * `<lintje-notifications>` — the bell with its unread counter, and the panel it opens.
  *
- * An unread item has the selected surface, a bold title and a dot, so colour is never the only
- * carrier (rule 13). A new counter pops in; a figure that replaces another rises in, as a KPI tile
- * does. Above 768 px the panel is a non-modal popover; below it a full-screen modal sheet on the
- * focus-trap stack. It fetches and marks nothing: the host sets `.items`.
+ * It fetches and marks nothing: the host sets `items`. More unread items than before are spoken
+ * from a status region beside the bell. Above 768 px the panel is a popover; below, a full-screen
+ * sheet that traps the focus.
  *
- * More unread items than before are spoken from a status region beside the bell ("2 nieuwe
- * meldingen"). When "Alles gelezen" goes with the focus on it, the focus moves to the first item.
- *
- * Events: `lintje-notification-open` `{ id, href? }` — a plain click on a title with an `href`
- * is cancelled and left to the host —, `lintje-notifications-read` ("Alles gelezen").
+ * Events: `lintje-notification-open` `{ id, href? }` (a title was clicked; with an `href`, cancel
+ * it to route), `lintje-notifications-read` ("Alles gelezen" was pressed).
  */
 import { type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
 import { LintjeElement } from '../../../core/element.js';
-import '../../../primitives/badge/badge.js';
-import '../../../primitives/popover/popover.js';
+import '../../feedback/badge/badge.js';
+import '../../overlays/popover/popover.js';
 export interface NotificationItem {
     id: string;
     title: string;

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

@@ -1,38 +1,35 @@
 /**
  * `<lintje-page-header>` — the title zone of a page, with an announcement above it.
  *
- * The title is an h2: the page's h1 is the shell's `name`.
- * Slots: `breadcrumbs` above the title, `actions` on its right.
+ * The title is an h2: the page's h1 is the shell's `name`. Actions that do not fit on one line go
+ * into one menu, "Meer": the first goes first, the last never, and a chosen row clicks its button,
+ * so the host's own listener sees the click. In the page's content it is a band that tells the
+ * shell when the title scrolls under the top bar.
  *
- * In the page's content it is a band, and tells the shell through the shared store when the
- * title scrolls under the top bar. The observer watches the title itself: a sentinel element in
- * this column would pick up the gap and push the page down 6 px.
- *
- * In `lintje-shell`'s `header` slot it stands flush in the shell's content column, as an
- * application's title row: no band, the description at every width, no observer.
- *
- * `editable` puts a pencil beside the title, shown while the title is pointed at or focused: the
- * way to rename what the page is about. The page renames; the header only asks.
- *
- * Events: `lintje-title-edit` (the pencil was pressed).
+ * Events: `lintje-title-edit` (the pencil was pressed: the page renames, the header only asks).
  */
 import { nothing, type PropertyDeclarations, type TemplateResult, type PropertyValues } from 'lit';
 import { LintjeElement, type FrameSettings } from '../../../core/element.js';
 import '../../feedback/announcement/announcement.js';
-import '../../../primitives/icon-button/icon-button.js';
+import '../../actions/menu-button/menu-button.js';
+import '../../actions/icon-button/icon-button.js';
 import type { PageHeaderData } from '../../../types.js';
 export declare class LintjePageHeader extends LintjeElement {
     static styles: import("lit").CSSResult;
     static properties: PropertyDeclarations;
     data?: PageHeaderData | null;
-    /** In `lintje-shell`'s `header` slot: an application's title row, with no top bar to tell. */
+    /**
+     * In `lintje-shell`'s `header` slot: an application's title row, flush in the content column,
+     * with no band, the description at every width and no top bar to tell.
+     */
     inShell: boolean;
     /** An empty actions slot takes no place, so a long title never wraps onto an empty line. */
     hasActions: boolean;
-    /** A pencil beside the title asks to rename it. */
+    /** A pencil beside the title, shown while it is pointed at or focused, asks to rename it. */
     editable: boolean;
     protected get dataSettings(): FrameSettings | undefined;
     private readonly mobile;
+    private readonly overflow;
     private observer;
     connectedCallback(): void;
     disconnectedCallback(): void;

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

@@ -1,24 +1,22 @@
 /**
- * `<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.
+ * `<lintje-shell>` — the frame around a page: the Rijkshuisstijl header above it or the menu
+ * beside it, 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`.
+ * It never fetches and never reads the URL: the active page and the reader's settings are the
+ * host's, and a change goes out as `lintje-view-change` and comes back as data. `full` runs edge
+ * to edge above the content, `header` holds the `lintje-page-header` and `footer` the
+ * `lintje-footer`. The events of its parts (`lintje-action`, `lintje-logout`,
+ * `lintje-notification-open`, `lintje-notifications-read`) reach the host as they are.
  *
- * 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`.
+ * Events: `lintje-navigate` `{ href }`, `lintje-view-change` `ShellViewChange`,
+ * `lintje-search-open`.
  */
 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/button/button.js';
 import '../../actions/logo/logo.js';
 import '../../feedback/toast/toast.js';
+import type { ToastKind } from '../../feedback/toast/toast.js';
 import '../../actions/qr-code/qr-code.js';
 import '../notifications/notifications.js';
 import '../user-menu/user-menu.js';
@@ -58,6 +56,7 @@ export declare class LintjeShell extends LintjeElement {
     /** The `header` or default slot holds something; without, `full` takes the room. */
     hasContent: boolean;
     toast?: string | null;
+    toastKind: ToastKind;
     readonly wide: MediaController;
     readonly mobile: MediaController;
     readonly submenu: SubmenuController;
@@ -88,7 +87,7 @@ export declare class LintjeShell extends LintjeElement {
     /** 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;
+    showToast(text: string, kind?: ToastKind): 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;
@@ -97,6 +96,8 @@ export declare class LintjeShell extends LintjeElement {
     renderUserMenu(inline: boolean): TemplateResult | typeof nothing;
     private renderSkipLink;
     private renderLogo;
+    /** Paper has no bars: the logo, the application's name and the environment say what it is. */
+    private renderPrintHead;
     private renderNavEnd;
     /** The slot of the nav bar keeps its height while the bar itself is pinned to the viewport. */
     private renderTop;

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

@@ -1,12 +1,11 @@
 /**
  * `<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.
+ * Groups of links and one action below them ("Nieuw …"). The host marks the reader's page with
+ * `active`; the element never reads the URL. Below 768 px it is one button with the reader's
+ * page, which opens the list in place.
  *
- * Events: `lintje-navigate` `{ href }`, `lintje-action` `{ value }` (the action).
+ * Events: `lintje-navigate` `{ href }`, `lintje-action` `{ value }` (the action was pressed).
  */
 import { nothing, type PropertyDeclarations, type TemplateResult } from 'lit';
 import { LintjeElement } from '../../../core/element.js';
@@ -25,7 +24,7 @@ export interface SubNavItem {
     };
     /** 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. */
+    /** The level below, shown while this item or one of them is active, or with `expanded`. */
     items?: SubNavItem[];
 }
 export interface SubNavGroup {
@@ -55,6 +54,11 @@ export declare class LintjeSubNav extends LintjeElement {
     action?: SubNavAction;
     /** The navigation's accessible name: "Instellingen". */
     label: string;
+    /**
+     * Every level shows, not only the one on the reader's path: for the list of a long page's
+     * sections, which must not shift while it is read.
+     */
+    expanded: boolean;
     /** Whether the phone's list is open. */
     open: boolean;
     private follow;

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

@@ -1,20 +1,18 @@
 /**
  * `<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.
+ * role, the host's rows (`MenuEntry`), "Afmelden" and 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.
+ * A menu, not a dialog: it traps no focus, and an Escape in a dialog opened over it is the
+ * dialog's.
  *
- * Events: `lintje-action` (the row's value), `lintje-navigate` `{ href }` for a link row,
- * `lintje-logout` (only without `logout-action`).
+ * Events: `lintje-action` `string` (the row's value), `lintje-navigate` `{ href }` (a link row),
+ * `lintje-logout` (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 '../../overlays/popover/popover.js';
+import '../../overlays/tooltip/tooltip.js';
 import type { UserMenuUser } from '../../../types.js';
 export declare class LintjeUserMenu extends LintjeElement {
     #private;
@@ -24,11 +22,14 @@ export declare class LintjeUserMenu extends LintjeElement {
     items: MenuEntry[];
     /** Shown at the bottom: "Versie 2.4.1". */
     version?: string;
-    /** The URL "Afmelden" posts to; without it "Afmelden" sends `lintje-logout`. */
+    /**
+     * The URL "Afmelden" posts a real `<form>` to: signing out leaves the page, which a fetch
+     * cannot do. Without it "Afmelden" sends `lintje-logout`.
+     */
     logoutAction?: string;
-    /** The session's CSRF token, posted with "Afmelden". */
+    /** The session's CSRF token, posted with "Afmelden" in a hidden `csrf_token` field. */
     csrf: string;
-    /** The content without button and popover, on the navigation's colours. */
+    /** The content without button and popover, on the navigation's colours: for the mobile sheet. */
     inline: boolean;
     open: boolean;
     private get trigger();

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

@@ -1,10 +1,23 @@
 /**
- * The components of every category. Importing this module registers every tag it defines;
+ * The tags 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 './actions/icon/icon.js';
+import './actions/button/button.js';
+import './actions/icon-button/icon-button.js';
+import './feedback/status-dot/status-dot.js';
+import './feedback/skeleton/skeleton.js';
+import './layout/grid/grid.js';
+import './layout/grid-item/grid-item.js';
+import './layout/tile/tile.js';
+import './feedback/badge/badge.js';
+import './feedback/spinner/spinner.js';
+import './feedback/progress-bar/progress-bar.js';
+import './overlays/popover/popover.js';
+import './overlays/tooltip/tooltip.js';
 import './frame/shell/shell.js';
 import './frame/user-menu/user-menu.js';
 import './frame/page-header/page-header.js';
@@ -30,9 +43,11 @@ import './content/prose/prose.js';
 import './feedback/toast/toast.js';
 import './overlays/toggletip/toggletip.js';
 import './inputs/checkbox/checkbox.js';
+import './inputs/checkbox-group/checkbox-group.js';
 import './inputs/number-input/number-input.js';
 import './inputs/radio-group/radio-group.js';
 import './inputs/text-input/text-input.js';
+import './inputs/find/find.js';
 import './inputs/toggle/toggle.js';
 import './actions/logo/logo.js';
 import './inputs/field/field.js';
@@ -47,7 +62,7 @@ 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 './overlays/dialog/dialog.js';
 import './inputs/textarea/textarea.js';
 import './inputs/file-upload/file-upload.js';
 import './inputs/combobox/combobox.js';
@@ -78,11 +93,13 @@ 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 './feedback/error-page/error-page.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 './content/token-value/token-value.js';
 import './feedback/job-list/job-list.js';
 import './feedback/streaming-text/streaming-text.js';
 import './content/audio-player/audio-player.js';
@@ -91,9 +108,30 @@ 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 { LintjeIcon, ICON_NAMES } from './actions/icon/icon.js';
+export { LintjeButton } from './actions/button/button.js';
+export type { ButtonSize, ButtonVariant } from './actions/button/button.js';
+export { LintjeIconButton } from './actions/icon-button/icon-button.js';
+export type { IconButtonVariant } from './actions/icon-button/icon-button.js';
+export { LintjeStatusDot, STATUS_LABEL } from './feedback/status-dot/status-dot.js';
+export { TONE_ICON, TONE_WORD, WORK_STATE_LABEL, WORK_STATE_TONE } from './shared/tone.js';
+export type { ContentStateKind, Tone, WorkState } from './shared/tone.js';
+export { LintjeSkeleton } from './feedback/skeleton/skeleton.js';
+export { LintjeGrid } from './layout/grid/grid.js';
+export { LintjeGridItem } from './layout/grid-item/grid-item.js';
+export { LintjeGridItemElement, spanStyles } from './shared/grid-item-element.js';
+export { LintjeTile } from './layout/tile/tile.js';
+export { LintjeBadge, badgeStyles, renderBadge } from './feedback/badge/badge.js';
+export type { BadgeOptions, BadgeTone, BadgeVariant } from './feedback/badge/badge.js';
+export { LintjeSpinner } from './feedback/spinner/spinner.js';
+export type { SpinnerSize } from './feedback/spinner/spinner.js';
+export { LintjeProgressBar } from './feedback/progress-bar/progress-bar.js';
+export type { ProgressState } from './feedback/progress-bar/progress-bar.js';
+export { LintjePopover } from './overlays/popover/popover.js';
+export { LintjeTooltip } from './overlays/tooltip/tooltip.js';
+export { place } from './shared/place.js';
+export type { Place, Placement } from './shared/place.js';
 export { LintjeAnnouncement } from './feedback/announcement/announcement.js';
 export { LintjeChart } from './charts/chart/chart.js';
 export { LintjeChat } from './chat/chat/chat.js';
@@ -126,9 +164,11 @@ 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 { LintjeCheckboxGroup } from './inputs/checkbox-group/checkbox-group.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 { LintjeFind } from './inputs/find/find.js';
 export { LintjeToggle } from './inputs/toggle/toggle.js';
 export { LintjeLogo } from './actions/logo/logo.js';
 export { LintjeField } from './inputs/field/field.js';
@@ -150,8 +190,8 @@ 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 { LintjeDialog } from './overlays/dialog/dialog.js';
+export type { DialogCloseReason } from './overlays/dialog/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';
@@ -201,6 +241,8 @@ 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 { LintjeErrorPage } from './feedback/error-page/error-page.js';
+export type { ErrorPageLink } from './feedback/error-page/error-page.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';
@@ -208,6 +250,7 @@ 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 { LintjeTokenValue, formatColour } from './content/token-value/token-value.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';
@@ -215,8 +258,8 @@ 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 { speakerColours, SPEAKER_COLOURS } from './content/shared/playback.js';
+export type { SpeakerColour } from './content/shared/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';
@@ -225,10 +268,6 @@ export { LintjeDocumentViewer } from './content/document-viewer/document-viewer.
 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';

package/dist-elements/types/components/inputs/checkbox/checkbox.d.ts

@@ -1,15 +1,15 @@
 /**
- * `<lintje-checkbox>` — a checkbox; `indeterminate` shows a dash. The value is `checked`, a
- * boolean, not `value` (the string a native checkbox submits). `lintje-values-change` goes out
- * only with a `name`, so `lintje-multiselect`'s unnamed rows leak nothing to the host.
+ * `<lintje-checkbox>` — a checkbox; `indeterminate` shows a dash.
  *
- * Events: `lintje-change` with the boolean; with a `name` also `lintje-values-change`.
+ * Events: `lintje-change` `boolean`, `lintje-values-change` `{ [name]: value }` (with a `name`),
+ * `lintje-reset` (the reset link was pressed).
  */
 import { type PropertyDeclarations, type TemplateResult } from 'lit';
 import { LintjeInputElement } from '../shared/input.js';
 export declare class LintjeCheckbox extends LintjeInputElement {
     static styles: import("lit").CSSResult[];
     static properties: PropertyDeclarations;
+    /** The value: a boolean, not `value` (the string a native checkbox submits). */
     checked: boolean;
     indeterminate: boolean;
     private change;

package/dist-elements/types/components/inputs/checkbox-group/checkbox-group.d.ts

@@ -0,0 +1,33 @@
+/**
+ * `<lintje-checkbox-group>` — several options under one label, a checkbox per line, with one hint
+ * and one message for the group.
+ *
+ * Only the group tells the host: its rows carry no `name`. `required` draws nothing and sets no
+ * ARIA, since a group cannot carry `aria-required`: the host's message says what is missing.
+ *
+ * Events: `lintje-change` `string[]` (the checked values), `lintje-values-change`
+ * `{ [name]: value }` (with a `name`), `lintje-reset` (the reset link was pressed).
+ */
+import { type PropertyDeclarations, type TemplateResult } from 'lit';
+import { LintjeInputElement } from '../shared/input.js';
+import '../checkbox/checkbox.js';
+import type { FilterOption } from '../../../types.js';
+export declare class LintjeCheckboxGroup extends LintjeInputElement {
+    static styles: import("lit").CSSResult[];
+    static properties: PropertyDeclarations;
+    /** A `description` stands under its option. */
+    options?: FilterOption[];
+    /**
+     * The checked values, in the order of `options`; a value the options do not hold is kept after
+     * them. A property, not an attribute: a server-rendered page sets it as data.
+     */
+    selected: string[];
+    private toggle;
+    protected focusControl(options?: FocusOptions): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lintje-checkbox-group': LintjeCheckboxGroup;
+    }
+}

package/dist-elements/types/components/inputs/combobox/combobox.d.ts

@@ -1,15 +1,17 @@
 /**
- * `<lintje-combobox>` — search while typing and choose one value. Typing narrows `.options`
- * itself; with `remote` it sends `lintje-search` after typing stops and shows a busy row until
- * the host sets new `.options` (it never fetches). Text that matches no option is never a value;
- * emptying the field commits `null`. Escape closes and restores the previous value.
+ * `<lintje-combobox>` — search while typing and choose one value.
  *
- * Events: `lintje-change`; with a `name` also the composed `lintje-values-change`. With
- * `remote`: composed `lintje-search` `{ query }`.
+ * Typing narrows `options` itself, unless `remote`; the element never fetches. Text that matches
+ * no option is never a value, and emptying the field commits `null`. Escape closes and restores
+ * the previous value.
+ *
+ * Events: `lintje-change` `string | null`, `lintje-values-change` `{ [name]: value }` (with a
+ * `name`), `lintje-reset` (the reset link was pressed), `lintje-search` `{ query }` (with
+ * `remote`, after typing stops).
  */
 import { type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
-import '../../../primitives/popover/popover.js';
-import '../../../primitives/spinner/spinner.js';
+import '../../overlays/popover/popover.js';
+import '../../feedback/spinner/spinner.js';
 import { LintjeInputElement } from '../shared/input.js';
 import type { FilterOption } from '../../../types.js';
 export declare function filterOptions(options: FilterOption[], query: string): FilterOption[];
@@ -21,6 +23,10 @@ export declare class LintjeCombobox extends LintjeInputElement {
     value: string | null;
     options?: FilterOption[];
     placeholder: string;
+    /**
+     * The host searches: `lintje-search` goes out after typing stops, and a busy row shows until
+     * the host sets new `options`.
+     */
     remote: boolean;
     loadingLabel: string;
     emptyLabel: string;

package/dist-elements/types/components/inputs/date-input/date-input.d.ts

@@ -1,16 +1,16 @@
 /**
  * `<lintje-date-input>` — one day, typed or picked in a calendar popover.
  *
- * The field shows `dd-mm-jjjj`; what crosses is ISO, or `null` when empty. Typed text is read on
- * leaving the field or Enter (`date-format.ts`). The element checks its own text and shows a
- * message in place of the hint; a host's `error` wins. A calendar day is no time zone. Tab out of
- * the element closes the calendar, so it does not cover the next field.
+ * The field shows `dd-mm-jjjj`; what crosses is ISO, or `null` when empty. The element reads typed
+ * text on leaving the field or Enter, checks it and shows a message in place of the hint; a host's
+ * `error` wins. A calendar day knows no time zone. Tab out of the element closes the calendar.
  *
- * Events: `lintje-change` with the ISO day or `null`; with a `name` also `lintje-values-change`.
+ * Events: `lintje-change` `string | null` (the ISO day), `lintje-values-change`
+ * `{ [name]: value }` (with a `name`), `lintje-reset` (the reset link was pressed).
  */
 import { type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
 import { LintjeInputElement } from '../shared/input.js';
-import '../../../primitives/popover/popover.js';
+import '../../overlays/popover/popover.js';
 export declare class LintjeDateInput extends LintjeInputElement {
     static styles: import("lit").CSSResult[];
     static properties: PropertyDeclarations;

package/dist-elements/types/components/inputs/date-range/date-range.d.ts

@@ -1,17 +1,17 @@
 /**
  * `<lintje-date-range>` — the date range picker: a field and a popover with a calendar, presets
- * and "Wissen"/"Toepassen". Dates cross as `dd-mm-yyyy`; a change carries `{from, to}`.
+ * and "Wissen"/"Toepassen".
  *
- * `accessible-name` names the field inside, which `aria-label` on the host would not; the field's
- * name ends in the chosen range. The calendar is one tab stop, walked with the date input's keys.
- * Escape closes only the popover (`ownsEscape`); it and "Toepassen" give the focus back to the
- * field. Tab out of the element closes the popover. Events: `lintje-change`; with a `name` also
- * `lintje-values-change` (`shared/input.ts`).
+ * Escape closes only the popover; it and "Toepassen" give the focus back to the field. Tab out of
+ * the element closes the popover.
+ *
+ * Events: `lintje-change` `{ from, to }`, `lintje-values-change` `{ [name]: value }` (with a
+ * `name`), `lintje-reset` (the reset link was pressed).
  */
 import { type PropertyDeclarations, type TemplateResult } from 'lit';
 import { LintjeInputElement } from '../shared/input.js';
-import '../../../primitives/button/button.js';
-import '../../../primitives/icon-button/icon-button.js';
+import '../../actions/button/button.js';
+import '../../actions/icon-button/icon-button.js';
 /**
  * Each preset as its first and last day. "Afgelopen n dagen" runs back from today; the calendar
  * periods run past today while they last, and `presetRange` cuts them at the data's last day.
@@ -28,9 +28,14 @@ export declare function formatDate(date: Date): string;
 export declare class LintjeDateRange extends LintjeInputElement {
     static styles: import("lit").CSSResult[];
     static properties: PropertyDeclarations;
+    /**
+     * Names the field inside, which `aria-label` on the host would not; the name ends in the
+     * chosen range.
+     */
     accessibleName: string;
     stacked: boolean;
     open: boolean;
+    /** The chosen days, as `dd-mm-yyyy`. */
     range: DateRange;
     /** A form gets the days as the URL does: ISO. */
     protected get postedValue(): unknown;

package/dist-elements/types/components/inputs/field/field.d.ts

@@ -1,7 +1,9 @@
 /**
- * `<lintje-field>` — the label above a filter control. No `for`: a `<label for>` cannot name a
- * control in another shadow root, so each control carries its own `aria-label`; a click on the
- * label focuses the first slotted control that takes focus.
+ * `<lintje-field>` — the label above a filter control.
+ *
+ * A click on the label focuses the first slotted control that takes focus. There is no `for`: a
+ * `<label for>` cannot name a control in another shadow root, so each control carries its own
+ * `aria-label`.
  */
 import { type PropertyDeclarations, type TemplateResult } from 'lit';
 import { LintjeElement } from '../../../core/element.js';

package/dist-elements/types/components/inputs/file-upload/file-upload.d.ts

@@ -1,19 +1,17 @@
 /**
  * `<lintje-file-upload>` — choose or drop files, and see per file how far it is and how it ended.
- * It never uploads: it checks files against `accept` and `max-size`, sends the ones that pass
- * with `lintje-files-add`, and draws the rows from `.files`. A file it refuses itself never
- * reaches the host. Its value is the ids of the rows that are done.
  *
- * The button is the one control: it carries the label in its name and the types, the size and
- * the hint or error as its description. When a row with the focus goes, the focus moves to the
- * row in its place, else the one before, else the button.
+ * It never uploads: it checks files against `accept` and `max-size`, sends the ones that pass with
+ * `lintje-files-add` and draws the rows from `files`. A file it refuses never reaches the host.
+ * Its value is the ids of the rows that are done.
  *
- * Events: `lintje-files-add` (the `File[]`), `lintje-file-remove` `{ id }`, `lintje-file-cancel`
- * `{ id }` — composed; `lintje-change` and, with a `name`, `lintje-values-change`.
+ * Events: `lintje-files-add` `File[]`, `lintje-file-remove` `{ id }`, `lintje-file-cancel`
+ * `{ id }`, `lintje-change` `string[]`, `lintje-values-change` `{ [name]: value }` (with a
+ * `name`), `lintje-reset` (the reset link was pressed).
  */
 import { type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
-import '../../../primitives/button/button.js';
-import '../../../primitives/progress-bar/progress-bar.js';
+import '../../actions/button/button.js';
+import '../../feedback/progress-bar/progress-bar.js';
 import { LintjeInputElement } from '../shared/input.js';
 /** One row, as the host keeps it. */
 export interface UploadFile {