lintje 0.1.1

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

@@ -0,0 +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/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/logo/logo.js';

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

@@ -0,0 +1,6 @@
+/** The charts category (Kerncijfers en grafieken): importing it defines its tags. */
+import '../components/charts/kpi-row/kpi-row.js';
+import '../components/charts/kpi/kpi.js';
+import '../components/charts/chart-tile/chart-tile.js';
+import '../components/charts/note/note.js';
+import '../components/charts/explainer/explainer.js';

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

@@ -0,0 +1,7 @@
+/** The chat category (Chat met data): importing it defines its tags. */
+import '../components/chat/chat/chat.js';
+import '../components/chat/chat-message/chat-message.js';
+import '../components/chat/chat-answer/chat-answer.js';
+import '../components/chat/chat-composer/chat-composer.js';
+import '../components/chat/chat-strip/chat-strip.js';
+import '../components/chat/chat-suggestions/chat-suggestions.js';

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

@@ -0,0 +1,10 @@
+/** The content category (Tekst en media): importing it defines its tags. */
+import '../components/content/prose/prose.js';
+import '../components/content/code/code.js';
+import '../components/content/highlight/highlight.js';
+import '../components/content/translator/translator.js';
+import '../components/content/audio-player/audio-player.js';
+import '../components/content/video-player/video-player.js';
+import '../components/content/transcript/transcript.js';
+import '../components/content/document-viewer/document-viewer.js';
+import '../components/content/gallery/gallery.js';

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

@@ -0,0 +1,21 @@
+/**
+ * The host API without a tag, for a page that loads categories or single tags. Entries of one build
+ * share these modules, so there is one host config, icon source and shortcut register.
+ */
+export { LINTJE_VERSION } from '../core/version.js';
+export { LintjeElement, define } from '../core/element.js';
+export type { Mode } from '../core/element.js';
+export { shadowCss, toShadowCss, baseStyles, tokenStyles } from '../core/styles.js';
+export { MediaController, MOBILE, WIDE } from '../core/media.js';
+export { setHostConfig, scrollRoot, lockScroll } from '../core/host-config.js';
+export type { HostConfig } from '../core/host-config.js';
+export { FrameStateController, getFrameState, setFrameState, setScrolled, setTitleHidden, subscribeToFrameState, } from '../core/frame-state.js';
+export type { FrameState } from '../core/frame-state.js';
+export { registerShortcut, shortcuts, keyLabels, ariaKeyShortcuts, isTypingTarget, characterKeys, setCharacterKeys, } from '../core/shortcuts.js';
+export type { ShortcutOptions, ShortcutInfo } from '../core/shortcuts.js';
+export { ICONS } from '../icons/register.js';
+export type { IconGlyph, IconName } from '../icons/register.js';
+export { renderIcon, iconGlyph, iconStyles } from '../icons/render.js';
+export type { IconOptions } from '../icons/render.js';
+export { setIconSource, iconSource, loadIcon, loadedIcon, loadedIconNames, iconIsMissing, onIconChange, } from '../icons/loader.js';
+export type { IconSource } from '../icons/loader.js';

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

@@ -0,0 +1,7 @@
+/**
+ * Loaded by a host while developing: warns once per tag for every `lintje-…` element in the
+ * document that no module defined. Shadow roots are not searched.
+ */
+export declare function undefinedTags(root?: ParentNode): string[];
+/** Warns for every undefined tag it has not warned for yet; returns the new ones. */
+export declare function reportUndefinedTags(root?: ParentNode): string[];

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

@@ -0,0 +1,15 @@
+/** The feedback category (Meldingen en status): importing it defines its tags. */
+import '../components/feedback/announcement/announcement.js';
+import '../components/feedback/toast/toast.js';
+import '../components/feedback/conflict-alert/conflict-alert.js';
+import '../components/feedback/empty-state/empty-state.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/job-list/job-list.js';
+import '../components/feedback/streaming-text/streaming-text.js';
+import '../components/feedback/ai-label/ai-label.js';
+import '../components/feedback/level-meter/level-meter.js';
+import '../components/feedback/recording-status/recording-status.js';

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

@@ -0,0 +1,4 @@
+/** The filters category (Filters): importing it defines its tags. */
+import '../components/filters/filter-bar/filter-bar.js';
+import '../components/filters/filter-zone/filter-zone.js';
+import '../components/filters/filter-sheet/filter-sheet.js';

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

@@ -0,0 +1,8 @@
+/** The forms category (Formulier): importing it defines its tags. */
+import './inputs.js';
+import '../components/forms/form/form.js';
+import '../components/forms/form-section/form-section.js';
+import '../components/forms/stepper/stepper.js';
+import '../components/forms/repeater/repeater.js';
+import '../components/forms/error-summary/error-summary.js';
+import '../components/forms/form-actions/form-actions.js';

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

@@ -0,0 +1,12 @@
+/** The frame category (Paginakader): importing it defines its tags. */
+import '../components/frame/shell/shell.js';
+import '../components/frame/page-header/page-header.js';
+import '../components/frame/breadcrumbs/breadcrumbs.js';
+import '../components/frame/sub-nav/sub-nav.js';
+import '../components/frame/hero/hero.js';
+import '../components/frame/footer/footer.js';
+import '../components/frame/user-menu/user-menu.js';
+import '../components/frame/app-search/app-search.js';
+import '../components/frame/notifications/notifications.js';
+import '../components/frame/shortcuts/shortcuts.js';
+import '../components/frame/session-expiry/session-expiry.js';

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

@@ -0,0 +1,24 @@
+/**
+ * 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';
+export type { Category } from '../categories.js';
+export type * from '../types.js';
+/** Every tag this bundle defines, for a host that wants to check. */
+export declare const LINTJE_TAGS: readonly string[];
+/** The views a host mounts: the tags that take a `data` object straight from the host. */
+export declare const LINTJE_VIEWS: readonly ['shell', 'page-header', 'filter-bar', 'kpi-row', 'chart-tile', 'data-table', 'announcement', 'map-tile', 'explainer', 'note', 'chat'];
+export type LintjeViewName = (typeof LINTJE_VIEWS)[number];
+/** The tag of a view: `lintje-` plus its name. */
+export declare const tagFor: (view: LintjeViewName) => string;
+export declare const LINTJE_VIEW_TAGS: readonly string[];

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

@@ -0,0 +1,19 @@
+/** 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/textarea/textarea.js';
+import '../components/inputs/number-input/number-input.js';
+import '../components/inputs/select/select.js';
+import '../components/inputs/combobox/combobox.js';
+import '../components/inputs/multiselect/multiselect.js';
+import '../components/inputs/tag-input/tag-input.js';
+import '../components/inputs/checkbox/checkbox.js';
+import '../components/inputs/radio-group/radio-group.js';
+import '../components/inputs/toggle/toggle.js';
+import '../components/inputs/segmented/segmented.js';
+import '../components/inputs/range/range.js';
+import '../components/inputs/date-input/date-input.js';
+import '../components/inputs/time-input/time-input.js';
+import '../components/inputs/date-range/date-range.js';
+import '../components/inputs/file-upload/file-upload.js';
+import '../components/inputs/text-editor/text-editor.js';

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

@@ -0,0 +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/tabs/tabs.js';
+import '../components/layout/expander/expander.js';
+import '../components/layout/split-pane/split-pane.js';

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

@@ -0,0 +1,2 @@
+/** The map category (Kaart): importing it defines its tags. */
+import '../components/map/map-tile/map-tile.js';

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

@@ -0,0 +1,7 @@
+/** The overlays category (Vensters en panelen): importing it defines its tags. */
+import '../components/overlays/modal/modal.js';
+import '../components/overlays/confirm-dialog/confirm-dialog.js';
+import '../components/overlays/drawer/drawer.js';
+import '../primitives/popover/popover.js';
+import '../primitives/tooltip/tooltip.js';
+import '../components/overlays/toggletip/toggletip.js';

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

@@ -0,0 +1,10 @@
+/** The tables category (Tabellen en lijsten): importing it defines its tags. */
+import '../components/tables/data-table/data-table.js';
+import '../components/tables/pagination/pagination.js';
+import '../components/tables/list/list.js';
+import '../components/tables/card/card.js';
+import '../components/tables/card-list/card-list.js';
+import '../components/tables/description-list/description-list.js';
+import '../components/tables/tree-view/tree-view.js';
+import '../components/tables/sortable-list/sortable-list.js';
+import '../components/tables/activity-log/activity-log.js';

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

@@ -0,0 +1,17 @@
+export interface Category {
+    /** The name in folders, files, addresses and exports. */
+    name: string;
+    /** The style guide's menu heading the category stands under. */
+    heading: string;
+    /** What a reader sees. */
+    label: string;
+    icon: string;
+    intro: string;
+    /** Tags without `lintje-`, or the id of a style guide section that shows no single tag. */
+    elements: readonly string[];
+}
+export declare const CATEGORIES: readonly Category[];
+/** The style guide's sections that show no single tag. */
+export declare const SECTIONS: readonly string[];
+/** A category's tags, with their prefix. */
+export declare const tagsOf: (category: Category) => string[];

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

@@ -0,0 +1,52 @@
+/**
+ * `<lintje-copy-button>` — text to the clipboard, with a confirmation.
+ *
+ * Copies `text`, or the text of the element whose id is in `for` (same root, read on press).
+ * Disabled with nothing to copy; a `for` target that appears later enables it. A second copy
+ * empties the status first so a screen reader hears it again.
+ *
+ * Events: `lintje-copy` (detail: the text) after a copy, `lintje-copy-error` (detail: the
+ * text) when the browser refused.
+ */
+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 '../../feedback/toast/toast.js';
+export declare class LintjeCopyButton extends LintjeElement {
+    static styles: import("lit").CSSResult;
+    static properties: PropertyDeclarations;
+    /** The string to copy. */
+    text?: string;
+    /** The id of the element whose text is copied, in the same root (the `for` attribute). */
+    target?: string;
+    /** The outlined icon button instead of the labelled one. */
+    iconOnly: boolean;
+    /** `primary` where copying is the page's goal; `flat` for the icon-only button beside other
+     * quiet tools. Without it the labelled button is secondary and the icon-only one outlined. */
+    variant?: 'primary' | 'flat';
+    /** `compact` stands level with 40 px icon buttons. */
+    size: 'regular' | 'compact';
+    disabled: boolean;
+    copied: boolean;
+    failed: boolean;
+    protected status: string;
+    private timer;
+    private gap;
+    /** Watches the root for the `for` target while it is missing. */
+    private watch;
+    disconnectedCallback(): void;
+    private get source();
+    protected updated(changed: PropertyValues<this>): void;
+    private resolveText;
+    private get unavailable();
+    private copy;
+    private onToastClose;
+    private renderButton;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lintje-copy-button': LintjeCopyButton;
+    }
+}

package/dist-elements/types/components/actions/logo/logo.d.ts

@@ -0,0 +1,36 @@
+/**
+ * `<lintje-logo>` — the theme's emblem: the ribbon, with the organisation's name as text.
+ *
+ * Every emblem file stands on `viewBox="0 0 346 75"` with the 38 × 75 ribbon at x 154…192;
+ * the element changes only how much of it is in frame, so the ribbon never moves. A file on any
+ * other viewBox is drawn whole. The name is text (`aria-hidden`; the drawing carries `alt`).
+ */
+import { type PropertyDeclarations, type TemplateResult } from 'lit';
+import { LintjeElement } from '../../../core/element.js';
+export declare class LintjeLogo extends LintjeElement {
+    #private;
+    static styles: import("lit").CSSResult;
+    static properties: PropertyDeclarations;
+    /** The ribbon's width in pixels; the height follows the emblem's own ratio. */
+    width: number;
+    /** URL of an emblem the host resolved itself. Wins over `name`. */
+    src?: string;
+    /** The organisation, as the emblem's text alternative. */
+    alt: string;
+    /** The ribbon-only emblem, by file name. */
+    name?: string;
+    /** A second line under the organisation's name, e.g. the ministry a service belongs to. */
+    byline?: string;
+    /** The menu is expanded: the name stands beside the ribbon. */
+    open: boolean;
+    /** The whole emblem drawing is in frame: the ribbon in the middle of its box. */
+    full: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lintje-logo': LintjeLogo;
+    }
+}

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

@@ -0,0 +1,121 @@
+/**
+ * `<lintje-menu-button>` — a button with a menu of actions.
+ *
+ * The trigger is a native `<button>` so `aria-haspopup`, `aria-expanded` and `aria-controls` sit
+ * on the focused element; `aria-controls` names the popover because the `role="menu"` panel is
+ * in the popover's shadow root. A disabled trigger is `aria-disabled`: it stays in the tab order
+ * and refuses to open. Keys reach disabled rows too, so their `reason` tooltip shows on focus.
+ * While `busyLabel` is set the trigger is disabled and the sentence stands beside it with a
+ * spinner; the `role="status"` is always present so the sentence is read out when it appears.
+ *
+ * `split` makes it two halves of one button, 1 px apart: the label does the usual action
+ * (`action`), the arrow beside it opens the other ways to do it. Busy, a split button keeps its
+ * size and colours: only its icon turns into the spinner, and the sentence is for the screen
+ * reader.
+ *
+ * Events: `lintje-action` (the row's value, or `action` from a split button's own half),
+ * `lintje-navigate` `{ href }` for a link row.
+ */
+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';
+export interface MenuItem {
+    /** What `lintje-action` carries. */
+    value: string;
+    label: string;
+    /** An icon file name. */
+    icon?: string;
+    /** The row is a link. */
+    href?: string;
+    disabled?: boolean;
+    /** Why the row is disabled: the tooltip on it. */
+    reason?: string;
+    /** An action that cannot be undone; the host puts it last, after a separator. */
+    danger?: boolean;
+    /** Right-aligned mono text: a format, a size, a shortcut. */
+    hint?: string;
+    /** A switch: the row is a `menuitemcheckbox` with a check while on. */
+    checked?: boolean;
+    /** With `checked`: one choice of its group, a `menuitemradio`. */
+    radio?: boolean;
+}
+/** The name above a group of rows; the group runs to the next separator or heading. */
+export interface MenuHeading {
+    heading: string;
+}
+/** A row, a group's heading, or the line between two groups. */
+export type MenuEntry = MenuItem | MenuHeading | 'separator';
+/** `flat` is the tertiary without its border, for a trigger among flat icon buttons. */
+export type MenuButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'flat' | 'ellipsis';
+/**
+ * The entries of a menu: a heading and the rows under it form a `group` named by it, since a menu
+ * takes no loose text. Shared with the user menu, which draws its own rows.
+ */
+export declare function renderMenuEntries(entries: MenuEntry[], idPrefix: string, renderRow: (item: MenuItem) => TemplateResult): TemplateResult[];
+/**
+ * The next row from `from` in `direction`, wrapping; `-1` when there is none. A disabled row is
+ * reached too, so its reason can be read. `from = -1` with 1 is the first row.
+ */
+export declare function nextRow(rows: MenuItem[], from: number, direction: 1 | -1): number;
+/** The next row after `from` whose label starts with `letter`; `-1` when none does. */
+export declare function rowByLetter(rows: MenuItem[], from: number, letter: string): number;
+export declare class LintjeMenuButton extends LintjeElement {
+    static styles: import("lit").CSSResult[];
+    static properties: PropertyDeclarations;
+    label: string;
+    /**
+     * The trigger's and the menu's name when `label` alone does not say what it chooses ("1×").
+     * It contains the label, so speech input finds the button by what it shows.
+     */
+    accessibleLabel: string;
+    variant: MenuButtonVariant;
+    /**
+     * The icon-button form: `functioneel-meer`; `label` is then its accessible name. Outlined, or
+     * flat with `variant="tertiary"` where it repeats, as at the end of every table row.
+     */
+    icon: boolean;
+    /** An icon file name before the label, saying what the label is a value of (the speed's "1×"). */
+    leadingIcon: string;
+    disabled: boolean;
+    /** An action is under way: the sentence beside the spinner. Empty when none is. */
+    busyLabel: string;
+    placement: 'bottom-start' | 'bottom-end' | 'top-end';
+    items: MenuEntry[];
+    /** Reflected, so a sheet around it can see a menu is open and leave Escape to it. */
+    open: boolean;
+    /** The label is a button of its own, and the arrow beside it opens the menu. */
+    split: boolean;
+    /** What a split button's own half sends as `lintje-action`. */
+    action: string;
+    private readonly menuId;
+    private pendingFocus;
+    private get unavailable();
+    private get rows();
+    private get trigger();
+    private rowElements;
+    private show;
+    private hide;
+    private readonly onFocusOut;
+    constructor();
+    private focusRow;
+    private currentRow;
+    private readonly onTriggerKeydown;
+    private readonly onTriggerClick;
+    private readonly onMenuKeydown;
+    private onPopoverClose;
+    private choose;
+    protected willUpdate(changed: PropertyValues<this>): void;
+    protected updated(changed: PropertyValues<this>): void;
+    /** The usual action on the label, the arrow beside it for the rest: one group, 1 px apart. */
+    private renderSplit;
+    private renderTrigger;
+    private renderRow;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lintje-menu-button': LintjeMenuButton;
+    }
+}

package/dist-elements/types/components/actions/qr-code/qr-code.d.ts

@@ -0,0 +1,50 @@
+/**
+ * `<lintje-qr-code>` — a QR code a phone camera reads, with a button that copies it as an
+ * image.
+ *
+ * The host sets `value`, the text the code holds, and the element makes the code. A host that
+ * makes its own sets `src` instead: an image of only the dark modules, without a margin. The
+ * element sets the code on a light quiet zone in every mode and theme, because many camera apps do
+ * not read an inverted code.
+ *
+ * Events: `lintje-copy` after the image is on the clipboard, `lintje-copy-error` when the
+ * browser refused.
+ */
+import { type PropertyDeclarations, type TemplateResult } from 'lit';
+import { LintjeElement } from '../../../core/element.js';
+import '../../../primitives/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;
+export declare class LintjeQrCode extends LintjeElement {
+    static styles: import("lit").CSSResult;
+    static properties: PropertyDeclarations;
+    /** URL or data URI of an image of the code the host made; it goes before `value`. */
+    src: string;
+    /** The text the code holds, usually a link: the element makes the code. */
+    value: string;
+    /** The image's accessible name: what the code opens. Without it: "QR-code: " and `value`. */
+    label?: string;
+    copied: boolean;
+    failed: boolean;
+    protected status: string;
+    protected made: string;
+    protected tooLong: boolean;
+    private timer;
+    private gap;
+    /** The image drawn: the host's, or the one made from `value`. */
+    private get drawn();
+    protected willUpdate(changed: Map<PropertyKey, unknown>): void;
+    disconnectedCallback(): void;
+    /** The code as a PNG on its quiet zone, in the colour the page resolved for it. */
+    private image;
+    private copy;
+    private get alt();
+    private onToastClose;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lintje-qr-code': LintjeQrCode;
+    }
+}

package/dist-elements/types/components/actions/qr-code/qrcodegen.d.ts

@@ -0,0 +1,91 @@
+type bit = number;
+type byte = number;
+type int = number;
+export declare class QrCode {
+    readonly version: int;
+    readonly errorCorrectionLevel: QrCode.Ecc;
+    static encodeText(text: string, ecl: QrCode.Ecc): QrCode;
+    static encodeBinary(data: Readonly<Array<byte>>, ecl: QrCode.Ecc): QrCode;
+    static encodeSegments(segs: Readonly<Array<QrSegment>>, ecl: QrCode.Ecc, minVersion?: int, maxVersion?: int, mask?: int, boostEcl?: boolean): QrCode;
+    readonly size: int;
+    readonly mask: int;
+    private readonly modules;
+    private readonly isFunction;
+    constructor(version: int, errorCorrectionLevel: QrCode.Ecc, dataCodewords: Readonly<Array<byte>>, msk: int);
+    getModule(x: int, y: int): boolean;
+    private drawFunctionPatterns;
+    private drawFormatBits;
+    private drawVersion;
+    private drawFinderPattern;
+    private drawAlignmentPattern;
+    private setFunctionModule;
+    private addEccAndInterleave;
+    private drawCodewords;
+    private applyMask;
+    private getPenaltyScore;
+    private getAlignmentPatternPositions;
+    private static getNumRawDataModules;
+    private static getNumDataCodewords;
+    private static reedSolomonComputeDivisor;
+    private static reedSolomonComputeRemainder;
+    private static reedSolomonMultiply;
+    private finderPenaltyCountPatterns;
+    private finderPenaltyTerminateAndCount;
+    private finderPenaltyAddHistory;
+    static readonly MIN_VERSION: int;
+    static readonly MAX_VERSION: int;
+    private static readonly PENALTY_N1;
+    private static readonly PENALTY_N2;
+    private static readonly PENALTY_N3;
+    private static readonly PENALTY_N4;
+    private static readonly ECC_CODEWORDS_PER_BLOCK;
+    private static readonly NUM_ERROR_CORRECTION_BLOCKS;
+}
+export declare class QrSegment {
+    readonly mode: QrSegment.Mode;
+    readonly numChars: int;
+    private readonly bitData;
+    static makeBytes(data: Readonly<Array<byte>>): QrSegment;
+    static makeNumeric(digits: string): QrSegment;
+    static makeAlphanumeric(text: string): QrSegment;
+    static makeSegments(text: string): Array<QrSegment>;
+    static makeEci(assignVal: int): QrSegment;
+    static isNumeric(text: string): boolean;
+    static isAlphanumeric(text: string): boolean;
+    constructor(mode: QrSegment.Mode, numChars: int, bitData: Array<bit>);
+    getData(): Array<bit>;
+    static getTotalBits(segs: Readonly<Array<QrSegment>>, version: int): number;
+    private static toUtf8ByteArray;
+    private static readonly NUMERIC_REGEX;
+    private static readonly ALPHANUMERIC_REGEX;
+    private static readonly ALPHANUMERIC_CHARSET;
+}
+export declare namespace QrCode {
+    type int = number;
+    export class Ecc {
+        readonly ordinal: int;
+        readonly formatBits: int;
+        static readonly LOW: Ecc;
+        static readonly MEDIUM: Ecc;
+        static readonly QUARTILE: Ecc;
+        static readonly HIGH: Ecc;
+        private constructor();
+    }
+    export {};
+}
+export declare namespace QrSegment {
+    type int = number;
+    export class Mode {
+        readonly modeBits: int;
+        private readonly numBitsCharCount;
+        static readonly NUMERIC: Mode;
+        static readonly ALPHANUMERIC: Mode;
+        static readonly BYTE: Mode;
+        static readonly KANJI: Mode;
+        static readonly ECI: Mode;
+        private constructor();
+        numCharCountBits(ver: int): int;
+    }
+    export {};
+}
+export {};

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

@@ -0,0 +1,49 @@
+/**
+ * `<lintje-chart-tile>` — a chart in its tile, with loading, empty and error states.
+ *
+ * Events: `lintje-mark-select` `{id, label, href}` when a mark with a `href` is clicked, and
+ * `{id: null, label: null, href: clearHref}` when it is deselected. Expand and download stay here.
+ *
+ * Two controllers: the tile and the modal draw the same chart and must not share hover or width.
+ * The table view is built from the CSV rows; it is element state, not URL state (rule 14).
+ */
+import { nothing, type PropertyDeclarations, type TemplateResult } from 'lit';
+import { type FrameSettings } from '../../../core/element.js';
+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 type { ChartTileData } from '../../../types.js';
+type ChartTileView = 'chart' | 'table';
+export declare class LintjeChartTile extends LintjeContentTileElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    static properties: PropertyDeclarations;
+    data?: ChartTileData | null;
+    view: ChartTileView;
+    protected get dataSettings(): FrameSettings | undefined;
+    disconnectedCallback(): void;
+    private get ready();
+    private get showsTable();
+    private get expandable();
+    private get downloadName();
+    private csv;
+    private png;
+    protected expandChanged(open: boolean): void;
+    protected render(): TemplateResult | typeof nothing;
+    private content;
+    /** Header actions from 768 px; below that a row of its own in the `notice` slot. */
+    private viewSwitch;
+    private table;
+    /** Returns focus to the cleared mark, or to the drawing when the mark is gone. */
+    private focusMark;
+    /** Clearing sends the same event with `id: null` and `clearHref`. */
+    private chartOptions;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lintje-chart-tile': LintjeChartTile;
+    }
+}
+export {};

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

@@ -0,0 +1,27 @@
+/**
+ * `<lintje-explainer>` — "Hoe deze cijfers worden berekend": a collapsible term/description list.
+ *
+ * Takes `ExplainerData`; starts open unless `defaultOpen` says otherwise. The header is the
+ * shared disclosure of `lintje-expander`.
+ */
+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 type { ExplainerData } from '../../../types.js';
+export declare class LintjeExplainer extends LintjeGridItemElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    static properties: PropertyDeclarations;
+    data?: ExplainerData | null;
+    span: number;
+    open: boolean;
+    protected get dataSettings(): FrameSettings | undefined;
+    protected willUpdate(changed: PropertyValues<this>): void;
+    protected updated(changed: PropertyValues<this>): void;
+    protected render(): TemplateResult | typeof nothing;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lintje-explainer': LintjeExplainer;
+    }
+}