lintje 0.3.0 → 0.4.0

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

@@ -10,8 +10,8 @@
  */
 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

@@ -12,7 +12,7 @@ import { nothing, type PropertyDeclarations, type TemplateResult, type PropertyV
 import { LintjeElement, type FrameSettings } from '../../../core/element.js';
 import '../../feedback/announcement/announcement.js';
 import '../../actions/menu-button/menu-button.js';
-import '../../../primitives/icon-button/icon-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;

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

@@ -13,7 +13,7 @@
  */
 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';

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

@@ -11,8 +11,8 @@
 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;

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';
@@ -34,6 +47,7 @@ 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';
@@ -85,6 +99,7 @@ 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';
@@ -94,6 +109,29 @@ import './content/document-viewer/document-viewer.js';
 import './feedback/conflict-alert/conflict-alert.js';
 import './frame/app-search/app-search.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';
@@ -130,6 +168,7 @@ 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';
@@ -211,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';
@@ -218,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';

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

@@ -10,8 +10,8 @@
  * `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[];

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

@@ -10,7 +10,7 @@
  */
 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

@@ -10,8 +10,8 @@
  */
 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.

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

@@ -10,8 +10,8 @@
  * `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 {

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

@@ -0,0 +1,51 @@
+/**
+ * `<lintje-find>` — a field that finds a word in content already shown, and steps through the hits.
+ *
+ * It searches nothing itself: the host, or the element around it, counts the hits, sets `total`
+ * and `current`, and marks them in its content with `lintje-highlight`. Finding filters nothing.
+ * The count and the buttons stand inside the field, so nothing around it moves while typing. A
+ * host that counts asynchronously sets `busy` until it knows the total.
+ *
+ * Events: `lintje-change` `string` (the term, 300 ms after the last key; `''` when cleared),
+ * `lintje-values-change` `{ [name]: term }` (with a `name`), `lintje-find-step` `1 | -1` (to the
+ * next or the previous hit; the host answers with `current`).
+ */
+import { type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
+import '../../feedback/spinner/spinner.js';
+import { LintjeInputElement } from '../shared/input.js';
+export declare class LintjeFind extends LintjeInputElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    static properties: PropertyDeclarations;
+    value: string;
+    /** Without one, the field shows its label. */
+    placeholder: string;
+    /** The number of hits; `null` while there is no count. */
+    total: number | null;
+    /** The current hit, from 1; `0` for none. */
+    current: number;
+    /** The host is still counting: the field says "Zoeken…" and cannot step. */
+    busy: boolean;
+    protected message: string;
+    private readonly typing;
+    constructor();
+    private get navigable();
+    private get countText();
+    protected willUpdate(changed: PropertyValues<this>): void;
+    protected updated(changed: PropertyValues<this>): void;
+    disconnectedCallback(): void;
+    private say;
+    private send;
+    private onInput;
+    private onKeydown;
+    private step;
+    private clear;
+    private keepTyping;
+    private renderButton;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lintje-find': LintjeFind;
+    }
+}

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

@@ -8,7 +8,7 @@
  * `lintje-reset` (the reset link was pressed).
  */
 import { type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
-import '../../../primitives/badge/badge.js';
+import '../../feedback/badge/badge.js';
 import { LintjeInputElement } from '../shared/input.js';
 import type { FilterOption } from '../../../types.js';
 export declare class LintjeSegmented extends LintjeInputElement {

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

@@ -6,7 +6,7 @@
  * is set, so an input inside another component's shadow root does not leak a filter change.
  */
 import { nothing, type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
-import { LintjeGridItemElement } from '../../../primitives/shared/grid-item-element.js';
+import { LintjeGridItemElement } from '../../shared/grid-item-element.js';
 /** What an input may commit. A host serialises it into the URL. */
 export type InputValue = string | number | boolean | null;
 export declare abstract class LintjeInputElement extends LintjeGridItemElement {

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

@@ -9,7 +9,7 @@
  * `lintje-reset` (the reset link was pressed).
  */
 import { type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
-import '../../../primitives/popover/popover.js';
+import '../../overlays/popover/popover.js';
 import { LintjeInputElement } from '../shared/input.js';
 import type { FilterOption } from '../../../types.js';
 export declare function splitWords(text: string): string[];

package/dist-elements/types/components/inputs/text-editor/text-editor.d.ts

@@ -9,8 +9,8 @@
  */
 import { type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
 import { LintjeInputElement } from '../shared/input.js';
-import '../../../primitives/popover/popover.js';
-import '../../../primitives/button/button.js';
+import '../../overlays/popover/popover.js';
+import '../../actions/button/button.js';
 import '../text-input/text-input.js';
 export type EditorFormat = 'bold' | 'italic' | 'heading' | 'list' | 'link';
 export declare class LintjeTextEditor extends LintjeInputElement {

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

@@ -9,7 +9,7 @@
  * `lintje-reset` (the reset link was pressed).
  */
 import { nothing, type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
-import '../../../primitives/button/button.js';
+import '../../actions/button/button.js';
 import { LintjeFormInputElement } from '../shared/input.js';
 export type TextInputType = 'text' | 'search' | 'password' | 'email';
 /** When a typed value is committed: on leaving the field, or 300 ms after the last key. */

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

@@ -10,7 +10,7 @@
  */
 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 LintjeTimeInput extends LintjeInputElement {
     static styles: import("lit").CSSResult[];
     static properties: PropertyDeclarations;

package/dist-elements/types/components/layout/expander/expander.d.ts

@@ -8,7 +8,7 @@
  * Events: `lintje-toggle` `boolean` (open, after the reader pressed the title).
  */
 import { type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
-import { LintjeGridItemElement } from '../../../primitives/shared/grid-item-element.js';
+import { LintjeGridItemElement } from '../../shared/grid-item-element.js';
 export declare class LintjeExpander extends LintjeGridItemElement {
     #private;
     static styles: import("lit").CSSResult[];

package/dist-elements/types/{primitives → components/layout}/grid/grid.d.ts

@@ -4,7 +4,7 @@
  * Its items are its own children; a tile carries `span` itself and needs no wrapper.
  */
 import { type PropertyValues, type TemplateResult } from 'lit';
-import { LintjeElement } from '../../core/element.js';
+import { LintjeElement } from '../../../core/element.js';
 export declare class LintjeGrid extends LintjeElement {
     static styles: import("lit").CSSResult;
     static properties: {

package/dist-elements/types/{primitives → components/layout}/grid-item/grid-item.d.ts

@@ -1,6 +1,6 @@
 /** `<lintje-grid-item>` — a grid cell for non-`lintje-` content. */
 import { type TemplateResult } from 'lit';
-import { LintjeGridItemElement } from '../shared/grid-item-element.js';
+import { LintjeGridItemElement } from '../../shared/grid-item-element.js';
 export declare class LintjeGridItem extends LintjeGridItemElement {
     static styles: import("lit").CSSResult;
     protected render(): TemplateResult;

package/dist-elements/types/components/layout/tabs/tabs.d.ts

@@ -10,7 +10,7 @@
  */
 import { type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
 import { LintjeElement } from '../../../core/element.js';
-import '../../../primitives/badge/badge.js';
+import '../../feedback/badge/badge.js';
 export interface TabItem {
     /** What `lintje-tab-change` carries and the name of the panel's slot. */
     value: string;

package/dist-elements/types/{primitives → components/layout}/tile/tile.d.ts

@@ -9,12 +9,12 @@
  * Events: `lintje-tile-expand`, `lintje-tile-download`.
  */
 import { type PropertyValues, type TemplateResult } from 'lit';
-import { LintjeGridItemElement } from '../shared/grid-item-element.js';
-import '../button/button.js';
-import '../icon-button/icon-button.js';
-import '../status-dot/status-dot.js';
-import '../skeleton/skeleton.js';
-import type { ContentStateKind } from '../shared/tone.js';
+import { LintjeGridItemElement } from '../../shared/grid-item-element.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 type { ContentStateKind } from '../../shared/tone.js';
 /** The same four as `ContentState` in the contract. */
 export type ContentState = ContentStateKind;
 export declare class LintjeTile extends LintjeGridItemElement {

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

@@ -14,8 +14,8 @@ import { nothing, type PropertyDeclarations, type PropertyValues, type TemplateR
 import { type FrameSettings } from '../../../core/element.js';
 import { LintjeContentTileElement } from '../../shared/content-tile.js';
 import '../../feedback/announcement/announcement.js';
-import '../../../primitives/tile/tile.js';
-import '../../../primitives/tooltip/tooltip.js';
+import '../../layout/tile/tile.js';
+import '../../overlays/tooltip/tooltip.js';
 import type { MapData } from '../../../types.js';
 export declare class LintjeMap extends LintjeContentTileElement {
     #private;

package/dist-elements/types/components/overlays/modal/modal.d.ts

@@ -9,8 +9,8 @@
  */
 import { nothing, type PropertyDeclarations, type TemplateResult } from 'lit';
 import { LintjeElement } from '../../../core/element.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';
 export declare class LintjeModal extends LintjeElement {
     #private;
     static styles: import("lit").CSSResult[];

package/dist-elements/types/{primitives → components/overlays}/popover/popover.d.ts

@@ -7,8 +7,8 @@
  * Events: `lintje-close` `{ reason: 'escape' | 'outside' }`.
  */
 import { nothing, type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
-import { LintjeElement } from '../../core/element.js';
-import { type Place, type Placement } from '../shared/place.js';
+import { LintjeElement } from '../../../core/element.js';
+import { type Place, type Placement } from '../../shared/place.js';
 export declare class LintjePopover extends LintjeElement {
     static styles: import("lit").CSSResult;
     static properties: PropertyDeclarations;

package/dist-elements/types/components/overlays/toggletip/toggletip.d.ts

@@ -8,7 +8,7 @@
  */
 import { type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
 import { LintjeElement } from '../../../core/element.js';
-import { type Place } from '../../../primitives/shared/place.js';
+import { type Place } from '../../shared/place.js';
 export type ToggletipPlacement = 'bottom-start' | 'bottom-end';
 export declare class LintjeToggletip extends LintjeElement {
     static styles: import("lit").CSSResult[];

package/dist-elements/types/{primitives → components/overlays}/tooltip/tooltip.d.ts

@@ -6,8 +6,8 @@
  * description.
  */
 import { type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
-import { LintjeElement } from '../../core/element.js';
-import { type Place } from '../shared/place.js';
+import { LintjeElement } from '../../../core/element.js';
+import { type Place } from '../../shared/place.js';
 export declare const TOOLTIP_DELAY = 300;
 /** How long the bubble waits after the pointer leaves: time to cross the gap onto it. */
 export declare const TOOLTIP_LINGER = 150;

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

@@ -15,6 +15,7 @@ export { renderStackedAreaChart } from './stacked-area-chart/stacked-area-chart.
 export { renderPieChart } from './pie-chart/pie-chart.js';
 export { renderDualAxisChart } from './dual-axis-chart/dual-axis-chart.js';
 export { renderScatterChart } from './scatter-chart/scatter-chart.js';
+export { renderRadarChart } from './radar-chart/radar-chart.js';
 export { renderHeatmap, heatmapBounds, heatmapClasses } from './heatmap-chart/heatmap-chart.js';
 export type { HeatmapClass } from './heatmap-chart/heatmap-chart.js';
 export { renderHistogramChart } from './histogram-chart/histogram-chart.js';

package/dist-elements/types/components/shared/charts/kinds.d.ts

@@ -47,6 +47,12 @@ export declare const CHART_KINDS: {
         readonly use: 'Twee of drie reeksen naast elkaar per groep, om ze binnen de groep te vergelijken.';
         readonly avoid: 'Meer dan drie reeksen: de groepen worden onleesbaar. Neem een lijn of een tabel.';
     };
+    readonly radar: {
+        readonly label: 'Spinnendiagram';
+        readonly question: 'compare';
+        readonly use: 'Het profiel van één tot drie eenheden over vijf tot acht maten op één schaal, tegen een vergelijking in grijs of een norm.';
+        readonly avoid: 'Maten met elk een eigen eenheid, of meer dan drie eenheden: neem horizontale staven of een tabel. Precies aflezen: een tabel.';
+    };
     readonly 'stacked-bar': {
         readonly label: 'Gestapelde staven';
         readonly question: 'parts';

package/dist-elements/types/components/shared/charts/map-chart/map-chart.d.ts

@@ -6,7 +6,7 @@
 import { type TemplateResult } from 'lit';
 import type { ChartOptions } from '../shared/controller.js';
 import type { MapArea, MapSpec, MapValue } from '../shared/types.js';
-import '../../../../primitives/popover/popover.js';
+import '../../../overlays/popover/popover.js';
 /** The map's own height in a tile: on a phone taller, so all its buttons fit on the touch size. */
 export declare const MAP_HEIGHT: {
     readonly desktop: 400;

package/dist-elements/types/components/shared/charts/radar-chart/radar-chart.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Radar chart: the profile of one to three variables over five to eight axes that share one
+ * scale, from 0 in the centre to `max` on the outer ring, with a grey comparison and a norm.
+ * Dashed is the norm only: a dashed comparison over it would read as a second norm.
+ * Overlapping areas mix into a colour no variable has, so of more layers only the one the
+ * reader points at in the legend fills. Below 768 px each axis becomes a row of bars (rule 9).
+ */
+import { type TemplateResult } from 'lit';
+import type { ChartOptions } from '../shared/controller.js';
+import type { ChartSpec } from '../shared/types.js';
+type RadarSpec = Extract<ChartSpec, {
+    kind: 'radar';
+}>;
+/**
+ * The runs of known values around the circle, as axis indices. Without a gap the one run closes
+ * on itself; a gap breaks the line there, as nothing is known to bridge it (rule 15).
+ */
+export declare function radarRuns(values: (number | null)[]): {
+    closed: boolean;
+    runs: number[][];
+};
+/** The rings: every `step` up to `max`, and `max` itself as the outer one. */
+export declare function radarTicks(max: number, step?: number): number[];
+/** Which layers fill: one alone does; of more, the emphasised one (`emphasis`), all or none. */
+export declare function radarFills(spec: Pick<RadarSpec, 'area'>, shown: {
+    label: string;
+    comparison: boolean;
+    complete: boolean;
+}[], emphasis: string | null): Set<string>;
+export declare function renderRadarChart(spec: RadarSpec, options: ChartOptions): TemplateResult;
+export {};

package/dist-elements/types/components/shared/charts/shared/axes.d.ts

@@ -23,9 +23,11 @@ export interface LegendItem {
  * dark-yellow one with the edge of its text colour (`lineCasing`).
  */
 export declare function renderSymbol(symbol: SeriesKey, color: string | undefined, centre: number): SVGTemplateResult;
-export declare function renderLegend({ items, onToggle, position, }: {
+export declare function renderLegend({ items, onToggle, onEmphasis, position, }: {
     items: LegendItem[];
     onToggle?: (label: string) => void;
+    /** A series pointed at or focused, and `null` once it is left. */
+    onEmphasis?: (label: string | null) => void;
     position?: 'top' | 'bottom' | 'right';
 }): TemplateResult;
 type XAnchor = 'start' | 'middle' | 'end';

package/dist-elements/types/components/shared/charts/shared/controller.d.ts

@@ -35,6 +35,8 @@ export interface TooltipRow {
     divider?: boolean;
     /** The series' shape instead of a square swatch, as its legend draws it. */
     symbol?: SeriesKey;
+    /** A line instead of a square swatch, plain or dashed (a norm), as its legend draws it. */
+    marker?: 'line' | 'dashed';
 }
 export interface TooltipContent {
     title: string;
@@ -71,6 +73,8 @@ export declare class ChartController {
     /** What the keyboard's tooltip says, for the chart's status region; empty otherwise. */
     status: string;
     hiddenSeries: string[];
+    /** The series the reader points at or focuses in the legend; `null` for none. */
+    emphasis: string | null;
     /** The layers of a stacked map switched off in its legend, by their place in the stack. */
     hiddenLayers: number[];
     hoverSegment: number | null;
@@ -147,6 +151,7 @@ export declare class ChartController {
     private watchEscape;
     private unwatchEscape;
     toggleLayer(index: number): void;
+    emphasise(label: string | null): void;
     toggleSeries(label: string): void;
     private read;
     /**

package/dist-elements/types/components/shared/charts/shared/types.d.ts

@@ -238,7 +238,40 @@ export type ChartSpec = {
     /** The text beside the threshold line; default "norm" with its value and unit. */
     thresholdLabel?: string;
     small?: boolean;
+} | {
+    kind: 'radar';
+    /** The axes' names, five to eight, clockwise from the top. All share one scale. */
+    axes: string[];
+    /** The layers: at most three variables and one comparison. */
+    series: RadarSeriesData[];
+    /** The outer ring. The scale starts at 0 in the centre: the area carries the value. */
+    max: number;
+    /** The distance between the rings; without it five rings. */
+    step?: number;
+    unit?: string;
+    /** A norm on every axis: a dashed polygon in the emphasis colour. */
+    threshold?: number;
+    thresholdLabel?: string;
+    /**
+     * Which layer fills. `emphasis` (the default): one layer always does, of more only the
+     * one the reader points at in the legend, as overlapping areas mix into a colour no
+     * variable has. `always` fills every layer, `never` none.
+     */
+    area?: 'emphasis' | 'always' | 'never';
+    /** The value under each axis name; with one layer only (all or nothing). Default true. */
+    dataLabels?: boolean;
+    small?: boolean;
 };
+/**
+ * A layer of a radar chart: one value per axis, `null` for no data (rule 15). Without a colour
+ * the layers take the data colours in their order; a comparison is grey and dashed.
+ */
+export interface RadarSeriesData {
+    label: string;
+    values: (number | null)[];
+    color?: ChartColor;
+    comparison?: boolean;
+}
 export type ChartKind = ChartSpec['kind'];
 /**
  * What a map draws. `polygons` are areas that carry their own outline (`MapValue.polygon`);

package/dist-elements/types/components/shared/content-tile.d.ts

@@ -4,7 +4,7 @@
  * data. The modal's events stop here, like the tile's own, so one action is one line in a log.
  */
 import { type PropertyDeclarations, type TemplateResult } from 'lit';
-import { LintjeGridItemElement } from '../../primitives/shared/grid-item-element.js';
+import { LintjeGridItemElement } from './grid-item-element.js';
 import '../overlays/modal/modal.js';
 export interface ExpandModalOptions {
     heading?: string;

package/dist-elements/types/components/{forms/form → shared}/controls.d.ts

@@ -1,6 +1,7 @@
 /**
- * What `lintje-form`, `lintje-form-section` and `lintje-form-actions` share: finding the controls
- * in their light DOM, and setting a property on them that can be handed back.
+ * What the holders of controls (`lintje-form`, `lintje-form-section`, `lintje-form-actions`,
+ * `lintje-dialog`) and the controls themselves share: finding the controls in a light DOM,
+ * reading and writing their values, and setting a property on them that can be handed back.
  *
  * A `<fieldset disabled>` in a shadow root disables nothing slotted into it, so each holder
  * disables controls itself and hands back the state it found, or a control the host had

package/dist-elements/types/components/shared/overflow.d.ts

@@ -10,7 +10,7 @@
  * action goes first, the last never goes, and a menu of one row does not exist.
  */
 import type { ReactiveController, ReactiveControllerHost } from 'lit';
-import type { LintjeButton } from '../../primitives/button/button.js';
+import type { LintjeButton } from '../actions/button/button.js';
 import type { MenuEntry } from '../actions/menu-button/menu-button.js';
 export interface OverflowItem {
     width: number;

package/dist-elements/types/components/tables/activity-log/activity-log.d.ts

@@ -6,7 +6,7 @@
  */
 import { type PropertyDeclarations, type TemplateResult } from 'lit';
 import { LintjeElement } from '../../../core/element.js';
-import '../../../primitives/button/button.js';
+import '../../actions/button/button.js';
 export interface ActivityEntry {
     /** A name, or "Systeem". */
     who: string;