lintje 0.3.0 → 0.4.0

package/dist-elements/types/bundle/actions.d.ts

@@ -1,8 +1,8 @@
 /** The actions category (Knoppen en iconen): importing it defines its tags. */
-import '../primitives/button/button.js';
-import '../primitives/icon-button/icon-button.js';
+import '../components/actions/button/button.js';
+import '../components/actions/icon-button/icon-button.js';
 import '../components/actions/menu-button/menu-button.js';
 import '../components/actions/copy-button/copy-button.js';
 import '../components/actions/qr-code/qr-code.js';
-import '../icons/icon/icon.js';
+import '../components/actions/icon/icon.js';
 import '../components/actions/logo/logo.js';

package/dist-elements/types/bundle/content.d.ts

@@ -2,6 +2,7 @@
 import '../components/content/prose/prose.js';
 import '../components/content/code/code.js';
 import '../components/content/highlight/highlight.js';
+import '../components/content/token-value/token-value.js';
 import '../components/content/translator/translator.js';
 import '../components/content/audio-player/audio-player.js';
 import '../components/content/video-player/video-player.js';

package/dist-elements/types/bundle/feedback.d.ts

@@ -4,11 +4,11 @@ import '../components/feedback/toast/toast.js';
 import '../components/feedback/conflict-alert/conflict-alert.js';
 import '../components/feedback/empty-state/empty-state.js';
 import '../components/feedback/error-page/error-page.js';
-import '../primitives/badge/badge.js';
-import '../primitives/status-dot/status-dot.js';
-import '../primitives/spinner/spinner.js';
-import '../primitives/skeleton/skeleton.js';
-import '../primitives/progress-bar/progress-bar.js';
+import '../components/feedback/badge/badge.js';
+import '../components/feedback/status-dot/status-dot.js';
+import '../components/feedback/spinner/spinner.js';
+import '../components/feedback/skeleton/skeleton.js';
+import '../components/feedback/progress-bar/progress-bar.js';
 import '../components/feedback/job-list/job-list.js';
 import '../components/feedback/streaming-text/streaming-text.js';
 import '../components/feedback/ai-label/ai-label.js';

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

@@ -1,14 +1,4 @@
-/**
- * The bundle: one module a plain HTML page includes; every `lintje-…` tag is registered.
- * `define()` leaves a tag another copy already defined alone. `tokens.css` and `fonts.css` stay
- * files: themes are document-level and a shadow root ignores `@font-face`. A page takes this
- * module or the category/tag entries (`core.ts`, `forms.ts`, `tag/<name>.js`), never both: they
- * do not share module state.
- */
-import '../icons/icon/icon.js';
 export * from './core.js';
-export { LintjeIcon, ICON_NAMES } from '../icons/icon/icon.js';
-export * from '../primitives/index.js';
 export * from '../components/index.js';
 export * from '../components/shared/charts/index.js';
 export { CATEGORIES, SECTIONS, tagsOf } from '../categories.js';

package/dist-elements/types/bundle/inputs.d.ts

@@ -1,6 +1,7 @@
 /** The inputs category (Invoervelden): importing it defines its tags. */
 import '../components/inputs/field/field.js';
 import '../components/inputs/text-input/text-input.js';
+import '../components/inputs/find/find.js';
 import '../components/inputs/textarea/textarea.js';
 import '../components/inputs/number-input/number-input.js';
 import '../components/inputs/select/select.js';

package/dist-elements/types/bundle/layout.d.ts

@@ -1,7 +1,7 @@
 /** The layout category (Indeling): importing it defines its tags. */
-import '../primitives/grid/grid.js';
-import '../primitives/grid-item/grid-item.js';
-import '../primitives/tile/tile.js';
+import '../components/layout/grid/grid.js';
+import '../components/layout/grid-item/grid-item.js';
+import '../components/layout/tile/tile.js';
 import '../components/layout/tabs/tabs.js';
 import '../components/layout/expander/expander.js';
 import '../components/layout/split-pane/split-pane.js';

package/dist-elements/types/bundle/overlays.d.ts

@@ -2,6 +2,6 @@
 import '../components/overlays/modal/modal.js';
 import '../components/overlays/dialog/dialog.js';
 import '../components/overlays/drawer/drawer.js';
-import '../primitives/popover/popover.js';
-import '../primitives/tooltip/tooltip.js';
+import '../components/overlays/popover/popover.js';
+import '../components/overlays/tooltip/tooltip.js';
 import '../components/overlays/toggletip/toggletip.js';

package/dist-elements/types/categories.d.ts

@@ -9,9 +9,13 @@ export interface Category {
     intro: string;
     /** Tags without `lintje-`, or the id of a style guide section that shows no single tag. */
     elements: readonly string[];
+    /** The composite tags among `elements`; every other tag is a building block. */
+    composite?: readonly string[];
 }
 export declare const CATEGORIES: readonly Category[];
 /** The style guide's sections that show no single tag. */
 export declare const SECTIONS: readonly string[];
+/** Every composite tag, with its prefix. */
+export declare const COMPOSITE: readonly string[];
 /** A category's tags, with their prefix. */
 export declare const tagsOf: (category: Category) => string[];

package/dist-elements/types/{primitives → components/actions}/button/button.d.ts

@@ -6,7 +6,7 @@
  * there is a property; focusing the host focuses the inner control.
  */
 import { type PropertyDeclarations, type TemplateResult } from 'lit';
-import { LintjeElement } from '../../core/element.js';
+import { LintjeElement } from '../../../core/element.js';
 export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'link' | 'danger' | 'danger-secondary';
 export type ButtonSize = 'regular' | 'compact' | 'chrome';
 export declare class LintjeButton extends LintjeElement {

package/dist-elements/types/components/actions/copy-button/copy-button.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/icon-button/icon-button.js';
+import '../button/button.js';
+import '../icon-button/icon-button.js';
 import '../../feedback/toast/toast.js';
 export declare class LintjeCopyButton extends LintjeElement {
     static styles: import("lit").CSSResult[];

package/dist-elements/types/{icons → components/actions}/icon/icon.d.ts

@@ -5,8 +5,8 @@
  * through. It takes `src`, else the register, else a loaded file; without any it draws nothing.
  */
 import { nothing, type TemplateResult } from 'lit';
-import { LintjeElement } from '../../core/element.js';
-import { ICONS, type IconGlyph, type IconName } from '../register.js';
+import { LintjeElement } from '../../../core/element.js';
+import { ICONS, type IconGlyph, type IconName } from '../../../icons/register.js';
 export type { IconName, IconGlyph };
 export { ICONS };
 /** The names the bundle carries; every other name is fetched. */

package/dist-elements/types/{primitives → components/actions}/icon-button/icon-button.d.ts

@@ -5,7 +5,7 @@
  * `disabled` keeps it focusable but swallows the press: no listener on the host sees it.
  */
 import { type TemplateResult } from 'lit';
-import { LintjeElement } from '../../core/element.js';
+import { LintjeElement } from '../../../core/element.js';
 export type IconButtonVariant = 'flat' | 'outlined' | 'tile';
 export declare class LintjeIconButton extends LintjeElement {
     static styles: import("lit").CSSResult[];

package/dist-elements/types/components/actions/menu-button/menu-button.d.ts

@@ -9,9 +9,9 @@
  */
 import { type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
 import { LintjeElement } from '../../../core/element.js';
-import '../../../primitives/popover/popover.js';
-import '../../../primitives/spinner/spinner.js';
-import '../../../primitives/tooltip/tooltip.js';
+import '../../overlays/popover/popover.js';
+import '../../feedback/spinner/spinner.js';
+import '../../overlays/tooltip/tooltip.js';
 export interface MenuItem {
     /** What `lintje-action` carries. */
     value: string;

package/dist-elements/types/components/actions/qr-code/qr-code.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 '../button/button.js';
 import '../../feedback/toast/toast.js';
 /** The code of `text` as an SVG of its dark modules, one path of horizontal runs. */
 export declare function codeImage(text: string, colour: string): string;

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

@@ -13,7 +13,7 @@ import { LintjeContentTileElement } from '../../shared/content-tile.js';
 import '../../feedback/announcement/announcement.js';
 import '../../tables/data-table/data-table.js';
 import '../../inputs/segmented/segmented.js';
-import '../../../primitives/tile/tile.js';
+import '../../layout/tile/tile.js';
 import type { ChartData } from '../../../types.js';
 type ChartView = 'chart' | 'table';
 export declare class LintjeChart extends LintjeContentTileElement {

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

@@ -6,7 +6,7 @@
  */
 import { nothing, type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
 import { type FrameSettings } from '../../../core/element.js';
-import { LintjeGridItemElement } from '../../../primitives/shared/grid-item-element.js';
+import { LintjeGridItemElement } from '../../shared/grid-item-element.js';
 import type { ExplainerData } from '../../../types.js';
 export declare class LintjeExplainer extends LintjeGridItemElement {
     #private;

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

@@ -5,9 +5,9 @@
  * `prefers-reduced-motion` both stand at once.
  */
 import { type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
-import { LintjeGridItemElement } from '../../../primitives/shared/grid-item-element.js';
-import '../../../primitives/status-dot/status-dot.js';
-import '../../../primitives/skeleton/skeleton.js';
+import { LintjeGridItemElement } from '../../shared/grid-item-element.js';
+import '../../feedback/status-dot/status-dot.js';
+import '../../feedback/skeleton/skeleton.js';
 import type { KpiGauge, KpiItem, KpiSparkline, ContentStateKind, KpiTrend, KpiVariable } from '../../../types.js';
 type Point = [number, number];
 /** The points of each unbroken run of values: a `null` ends a run (rule 15). */

package/dist-elements/types/components/charts/kpi-row/kpi-row.d.ts

@@ -1,7 +1,7 @@
 /** `<lintje-kpi-row>` — the KPI row: one grid, the KPIs staggered in from left to right. */
 import { type PropertyDeclarations, type TemplateResult } from 'lit';
 import { type FrameSettings } from '../../../core/element.js';
-import { LintjeGridItemElement } from '../../../primitives/shared/grid-item-element.js';
+import { LintjeGridItemElement } from '../../shared/grid-item-element.js';
 import '../kpi/kpi.js';
 import type { KpiRowData } from '../../../types.js';
 export declare class LintjeKpiRow extends LintjeGridItemElement {

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

@@ -1,7 +1,7 @@
 /** `<lintje-note>` — the analyst's note ("Toelichting analist"). */
 import { nothing, type PropertyDeclarations, type TemplateResult } from 'lit';
 import { type FrameSettings } from '../../../core/element.js';
-import { LintjeGridItemElement } from '../../../primitives/shared/grid-item-element.js';
+import { LintjeGridItemElement } from '../../shared/grid-item-element.js';
 import type { NoteData } from '../../../types.js';
 export declare class LintjeNote extends LintjeGridItemElement {
     static styles: import("lit").CSSResult[];

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

@@ -12,7 +12,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 '../chat-answer/chat-answer.js';
 import '../chat-composer/chat-composer.js';
 import '../chat-message/chat-message.js';

package/dist-elements/types/components/chat/chat-answer/chat-answer.d.ts

@@ -11,9 +11,9 @@
  */
 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 '../../../primitives/spinner/spinner.js';
+import '../../actions/button/button.js';
+import '../../actions/icon-button/icon-button.js';
+import '../../feedback/spinner/spinner.js';
 import '../../feedback/announcement/announcement.js';
 import '../../charts/chart/chart.js';
 import '../chat-strip/chat-strip.js';

package/dist-elements/types/components/chat/chat-composer/chat-composer.d.ts

@@ -12,8 +12,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';
 import '../../inputs/multiselect/multiselect.js';
 import '../../inputs/radio-group/radio-group.js';
 import type { ChatAnswerForm, ChatDraftTerms, ChatSourceData, ChatTermData } from '../../../types.js';

package/dist-elements/types/components/chat/chat-message/chat-message.d.ts

@@ -10,7 +10,7 @@
  */
 import { type PropertyDeclarations, type TemplateResult } from 'lit';
 import { LintjeElement } from '../../../core/element.js';
-import '../../../primitives/icon-button/icon-button.js';
+import '../../actions/icon-button/icon-button.js';
 import '../chat-composer/chat-composer.js';
 import type { ChatSourceData, ChatTermData, ChatTermRange } from '../../../types.js';
 export declare class LintjeChatMessage extends LintjeElement {

package/dist-elements/types/components/content/audio-player/audio-player.d.ts

@@ -8,13 +8,13 @@
  * `number` (seconds: the reader moved the position), `lintje-play`, `lintje-pause`.
  */
 import { type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
-import '../../../primitives/button/button.js';
-import '../../../primitives/skeleton/skeleton.js';
+import '../../actions/button/button.js';
+import '../../feedback/skeleton/skeleton.js';
 import '../../feedback/announcement/announcement.js';
 import '../../actions/menu-button/menu-button.js';
-import { type SpeakerTurn } from './playback.js';
-import { LintjePlayerElement } from './player.js';
-export type { SpeakerTurn } from './playback.js';
+import { type SpeakerTurn } from '../shared/playback.js';
+import { LintjePlayerElement } from '../shared/player.js';
+export type { SpeakerTurn } from '../shared/playback.js';
 export declare class LintjeAudioPlayer extends LintjePlayerElement {
     static styles: import("lit").CSSResult[];
     static properties: PropertyDeclarations;

package/dist-elements/types/components/content/code/code.d.ts

@@ -4,7 +4,7 @@
  * It scrolls sideways by default, because a broken line is a changed line. No syntax colouring.
  */
 import { type PropertyDeclarations, type TemplateResult } from 'lit';
-import { LintjeGridItemElement } from '../../../primitives/shared/grid-item-element.js';
+import { LintjeGridItemElement } from '../../shared/grid-item-element.js';
 export declare class LintjeCode extends LintjeGridItemElement {
     static styles: import("lit").CSSResult;
     static properties: PropertyDeclarations;

package/dist-elements/types/components/content/document-viewer/document-viewer.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/skeleton/skeleton.js';
+import '../../actions/button/button.js';
+import '../../feedback/skeleton/skeleton.js';
 import '../../feedback/empty-state/empty-state.js';
 export type ZoomLevel = number | 'fit';
 export declare const ZOOM_MIN = 50;

package/dist-elements/types/components/content/highlight/highlight.d.ts

@@ -7,7 +7,7 @@
  */
 import { type PropertyDeclarations, type TemplateResult } from 'lit';
 import { LintjeElement } from '../../../core/element.js';
-import '../../../primitives/tooltip/tooltip.js';
+import '../../overlays/tooltip/tooltip.js';
 export type HighlightKind = 'uncertain' | 'term' | 'match' | 'added' | 'removed';
 export declare class LintjeHighlight extends LintjeElement {
     static styles: import("lit").CSSResult;

package/dist-elements/types/components/content/prose/prose.d.ts

@@ -5,7 +5,7 @@
  * stands.
  */
 import { type PropertyDeclarations, type TemplateResult } from 'lit';
-import { LintjeGridItemElement } from '../../../primitives/shared/grid-item-element.js';
+import { LintjeGridItemElement } from '../../shared/grid-item-element.js';
 export type ProseTone = 'default' | 'muted';
 export declare class LintjeProse extends LintjeGridItemElement {
     static styles: import("lit").CSSResult;

package/dist-elements/types/components/content/token-value/token-value.d.ts

@@ -0,0 +1,42 @@
+/**
+ * `<lintje-token-value>` — what a design token computes to, here and now: a colour as a swatch
+ * and hex, a length in rem also in px, a text style as weight, size and line height.
+ *
+ * The value is read from the computed style, since a token ends in a `color-mix()` or an
+ * `oklch()` of the theme's `--primary`. A change of mode redraws it like any element; a change
+ * of theme is watched on the document.
+ */
+import { type PropertyDeclarations, type TemplateResult } from 'lit';
+import { LintjeElement } from '../../../core/element.js';
+export declare const NO_VALUE = "\u2014";
+/**
+ * A computed sRGB colour as upper-case hex, with its alpha in percent when it is not opaque;
+ * `null` for anything else. Browsers compute to `rgb(14, 61, 110)` or `color(srgb 0.05 0.24 0.43)`.
+ */
+export declare function formatColour(computed: string): string | null;
+export declare class LintjeTokenValue extends LintjeElement {
+    static styles: import("lit").CSSResult;
+    static properties: PropertyDeclarations;
+    /** The custom property to show, with its dashes: `--color-accent`. */
+    name?: string;
+    /** Without the swatch, where the colour already stands beside it, larger. */
+    noSwatch: boolean;
+    private observer?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(): void;
+    /**
+     * Set on the nodes, not bound: the probe exists only after render, and a reactive property
+     * set from `updated()` would schedule a second render per reading.
+     */
+    private reread;
+    /** The CSSOM keeps a valid declaration and drops the rest, so the probe tells what a value is. */
+    private colourOf;
+    private describe;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lintje-token-value': LintjeTokenValue;
+    }
+}

package/dist-elements/types/components/content/transcript/transcript.d.ts

@@ -13,13 +13,13 @@
  */
 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';
 import '../highlight/highlight.js';
 import '../../inputs/textarea/textarea.js';
 import '../../actions/menu-button/menu-button.js';
 import type { MenuEntry } from '../../actions/menu-button/menu-button.js';
-import { type BadgeTone } from '../../../primitives/badge/badge.js';
+import { type BadgeTone } from '../../feedback/badge/badge.js';
 export interface TranscriptSegment {
     id: string;
     /** When it starts, in seconds. */

package/dist-elements/types/components/content/translator/translator.d.ts

@@ -12,7 +12,7 @@
 import { type PropertyDeclarations, type TemplateResult } from 'lit';
 import { LintjeElement } from '../../../core/element.js';
 import '../../inputs/textarea/textarea.js';
-import '../../../primitives/icon-button/icon-button.js';
+import '../../actions/icon-button/icon-button.js';
 export declare class LintjeTranslator extends LintjeElement {
     #private;
     static styles: import("lit").CSSResult;

package/dist-elements/types/components/content/video-player/video-player.d.ts

@@ -11,7 +11,7 @@
  */
 import { type PropertyDeclarations, type TemplateResult } from 'lit';
 import '../../actions/menu-button/menu-button.js';
-import { LintjePlayerElement } from '../audio-player/player.js';
+import { LintjePlayerElement } from '../shared/player.js';
 export interface TimedText {
     start: number;
     text: string;

package/dist-elements/types/components/feedback/announcement/announcement.d.ts

@@ -7,8 +7,8 @@
  */
 import { nothing, type PropertyDeclarations, type PropertyValues, type TemplateResult } from 'lit';
 import { type FrameSettings } from '../../../core/element.js';
-import { LintjeGridItemElement } from '../../../primitives/shared/grid-item-element.js';
-import '../../../primitives/tile/tile.js';
+import { LintjeGridItemElement } from '../../shared/grid-item-element.js';
+import '../../layout/tile/tile.js';
 import type { AnnouncementViewData } from '../../../types.js';
 export declare class LintjeAnnouncement extends LintjeGridItemElement {
     static styles: import("lit").CSSResult[];

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

@@ -6,8 +6,8 @@
  * as `renderIcon()` / `iconStyles` do.
  */
 import { type CSSResult, type PropertyDeclarations, 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';
 export type BadgeTone = Tone;
 export type BadgeVariant = 'label' | 'count' | 'unread';
 export declare const badgeStyles: CSSResult;

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;