lintje 0.3.0 → 0.5.0

package/dist-elements/types/components/feedback/conflict-alert/conflict-alert.d.ts

@@ -9,7 +9,7 @@
  */
 import { type PropertyDeclarations, type TemplateResult } from 'lit';
 import { LintjeElement } from '../../../core/element.js';
-import '../../../primitives/button/button.js';
+import '../../actions/button/button.js';
 import '../announcement/announcement.js';
 import '../../content/highlight/highlight.js';
 import type { AnnouncementViewData } from '../../../types.js';

package/dist-elements/types/components/feedback/empty-state/empty-state.d.ts

@@ -6,8 +6,8 @@
  */
 import { type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
 import { LintjeElement } from '../../../core/element.js';
-import { type HeadingLevel } from '../../../primitives/shared/empty-state-block.js';
-export type { HeadingLevel } from '../../../primitives/shared/empty-state-block.js';
+import { type HeadingLevel } from '../../shared/empty-state-block.js';
+export type { HeadingLevel } from '../../shared/empty-state-block.js';
 export declare class LintjeEmptyState extends LintjeElement {
     #private;
     static styles: import("lit").CSSResult[];

package/dist-elements/types/components/feedback/job-list/job-list.d.ts

@@ -13,7 +13,7 @@ import { type PropertyDeclarations, type PropertyValues, type TemplateResult } f
 import { LintjeElement } from '../../../core/element.js';
 import '../../tables/list/list.js';
 import type { ListItem } from '../../tables/list/list.js';
-import { type WorkState } from '../../../primitives/shared/tone.js';
+import { type WorkState } from '../../shared/tone.js';
 export type JobState = WorkState;
 export interface Job {
     id: string;

package/dist-elements/types/{primitives → components/feedback}/progress-bar/progress-bar.d.ts

@@ -5,8 +5,8 @@
  * the value text and marked by a glyph.
  */
 import { type PropertyDeclarations, type TemplateResult } from 'lit';
-import { LintjeElement } from '../../core/element.js';
-import { type WorkState } from '../shared/tone.js';
+import { LintjeElement } from '../../../core/element.js';
+import { type WorkState } from '../../shared/tone.js';
 export type ProgressState = Extract<WorkState, 'busy' | 'done' | 'error' | 'paused'>;
 export declare class LintjeProgressBar extends LintjeElement {
     static styles: import("lit").CSSResult[];

package/dist-elements/types/{primitives → components/feedback}/skeleton/skeleton.d.ts

@@ -1,6 +1,6 @@
 /** `<lintje-skeleton>` — the shimmer that holds a box while its content loads. */
 import { type PropertyValues, type TemplateResult } from 'lit';
-import { LintjeElement } from '../../core/element.js';
+import { LintjeElement } from '../../../core/element.js';
 export declare class LintjeSkeleton extends LintjeElement {
     static styles: import("lit").CSSResult;
     static properties: {

package/dist-elements/types/{primitives → components/feedback}/spinner/spinner.d.ts

@@ -3,7 +3,7 @@
  * use `<lintje-skeleton>`.
  */
 import { type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
-import { LintjeElement } from '../../core/element.js';
+import { LintjeElement } from '../../../core/element.js';
 export type SpinnerSize = 16 | 24 | 40;
 export declare class LintjeSpinner extends LintjeElement {
     #private;

package/dist-elements/types/{primitives → components/feedback}/status-dot/status-dot.d.ts

@@ -1,7 +1,7 @@
 /** `<lintje-status-dot>` — a status as a dot with its word; colour is never the only carrier. */
 import { type TemplateResult } from 'lit';
-import { LintjeElement } from '../../core/element.js';
-import { type Tone } from '../shared/tone.js';
+import { LintjeElement } from '../../../core/element.js';
+import { type Tone } from '../../shared/tone.js';
 /** A source's delivery status: the element's own words, each a tone. */
 export type StatusTone = 'complete' | 'delayed' | 'outage' | 'no-data';
 export declare const STATUS_LABEL: Record<StatusTone, string>;

package/dist-elements/types/components/feedback/streaming-text/streaming-text.d.ts

@@ -9,8 +9,8 @@
  */
 import { type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
 import { LintjeElement } from '../../../core/element.js';
-import '../../../primitives/button/button.js';
-import '../../../primitives/spinner/spinner.js';
+import '../../actions/button/button.js';
+import '../spinner/spinner.js';
 import { sentenceEnd } from '../../shared/sentence-end.js';
 export { sentenceEnd };
 export type StreamState = 'waiting' | 'streaming' | 'done' | 'stopped' | 'error';

package/dist-elements/types/components/filters/filter-sheet/filter-sheet.d.ts

@@ -8,8 +8,8 @@
  */
 import { nothing, type PropertyDeclarations, type TemplateResult, type PropertyValues } 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';
 import { type SentencePart } from '../shared/sentence.js';
 export declare class LintjeFilterSheet extends LintjeElement {
     #private;

package/dist-elements/types/components/forms/error-summary/error-summary.d.ts

@@ -9,7 +9,7 @@
  */
 import { nothing, type PropertyDeclarations, type TemplateResult } from 'lit';
 import { LintjeElement } from '../../../core/element.js';
-import '../../../primitives/button/button.js';
+import '../../actions/button/button.js';
 /** `field` is the field's `name`; without it (a field not on the page) the line is plain text. */
 export interface ErrorSummaryItem {
     field?: string;

package/dist-elements/types/components/forms/form-actions/form-actions.d.ts

@@ -7,7 +7,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 type FormActionsState = '' | 'dirty' | 'busy' | 'saved' | 'draft';
 /** "10:42" from "10:42", an ISO moment or a `Date`; `''` for what is not a time. */
 export declare function clockTime(value: string | Date | null | undefined): string;

package/dist-elements/types/components/forms/repeater/repeater.d.ts

@@ -11,8 +11,8 @@
  */
 import { type PropertyDeclarations, type PropertyValues, 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';
 /** The first focusable control inside an element, through the shadow roots on the way. */
 export declare function firstFocusable(root: Element): HTMLElement | null;
 /**

package/dist-elements/types/components/forms/stepper/stepper.d.ts

@@ -10,7 +10,7 @@
  */
 import { type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
 import { LintjeElement } from '../../../core/element.js';
-import '../../../primitives/progress-bar/progress-bar.js';
+import '../../feedback/progress-bar/progress-bar.js';
 export type StepState = 'done' | 'current' | 'next';
 export interface Step {
     label: string;

package/dist-elements/types/components/frame/app-search/app-search.d.ts

@@ -11,7 +11,7 @@
  */
 import { nothing, type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
 import { LintjeElement } from '../../../core/element.js';
-import '../../../primitives/spinner/spinner.js';
+import '../../feedback/spinner/spinner.js';
 export interface SearchResult {
     /** What `lintje-action` carries. */
     id: string;

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,15 +99,40 @@ 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';
 import './content/video-player/video-player.js';
 import './content/transcript/transcript.js';
+import './content/log-viewer/log-viewer.js';
 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 +169,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 +251,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,11 +259,12 @@ 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';
+export { LintjeLogViewer } from './content/log-viewer/log-viewer.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';

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,52 @@
+/**
+ * `<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 holdFocus;
+    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';