lintje 0.3.0 → 0.5.0

package/dist-elements/data-types.json

@@ -33,7 +33,7 @@
     },
     "AnnouncementBlockOptions": {
       "kind": "interface",
-      "module": "src/primitives/shared/announcement-block.ts",
+      "module": "src/components/shared/announcement-block.ts",
       "extends": [],
       "fields": [
         {
@@ -144,7 +144,7 @@
     },
     "AnnouncementKind": {
       "kind": "alias",
-      "module": "src/primitives/shared/announcement-block.ts",
+      "module": "src/components/shared/announcement-block.ts",
       "description": "`outage` interrupts and cannot be closed; `error` is a failure the reader may put away.",
       "text": "'warning' | 'outage' | 'error' | 'info' | 'ok'"
     },
@@ -189,7 +189,7 @@
     },
     "BadgeOptions": {
       "kind": "interface",
-      "module": "src/primitives/badge/badge.ts",
+      "module": "src/components/feedback/badge/badge.ts",
       "extends": [],
       "fields": [
         {
@@ -240,12 +240,12 @@
     },
     "BadgeTone": {
       "kind": "alias",
-      "module": "src/primitives/badge/badge.ts",
+      "module": "src/components/feedback/badge/badge.ts",
       "text": "Tone"
     },
     "BadgeVariant": {
       "kind": "alias",
-      "module": "src/primitives/badge/badge.ts",
+      "module": "src/components/feedback/badge/badge.ts",
       "text": "'label' | 'count' | 'unread'"
     },
     "BarSeriesData": {
@@ -306,12 +306,12 @@
     },
     "ButtonSize": {
       "kind": "alias",
-      "module": "src/primitives/button/button.ts",
+      "module": "src/components/actions/button/button.ts",
       "text": "'regular' | 'compact' | 'chrome'"
     },
     "ButtonVariant": {
       "kind": "alias",
-      "module": "src/primitives/button/button.ts",
+      "module": "src/components/actions/button/button.ts",
       "text": "'primary' | 'secondary' | 'tertiary' | 'link' | 'danger' | 'danger-secondary'"
     },
     "CardAction": {
@@ -563,6 +563,12 @@
           "type": "readonly string[]",
           "optional": false,
           "description": "Tags without `lintje-`, or the id of a style guide section that shows no single tag."
+        },
+        {
+          "name": "composite",
+          "type": "readonly string[]",
+          "optional": true,
+          "description": "The composite tags among `elements`; every other tag is a building block."
         }
       ]
     },
@@ -1449,6 +1455,68 @@
               "optional": true
             }
           ]
+        },
+        {
+          "value": "radar",
+          "fields": [
+            {
+              "name": "axes",
+              "type": "string[]",
+              "optional": false,
+              "description": "The axes' names, five to eight, clockwise from the top. All share one scale."
+            },
+            {
+              "name": "series",
+              "type": "RadarSeriesData[]",
+              "optional": false,
+              "description": "The layers: at most three variables and one comparison."
+            },
+            {
+              "name": "max",
+              "type": "number",
+              "optional": false,
+              "description": "The outer ring. The scale starts at 0 in the centre: the area carries the value."
+            },
+            {
+              "name": "step",
+              "type": "number",
+              "optional": true,
+              "description": "The distance between the rings; without it five rings."
+            },
+            {
+              "name": "unit",
+              "type": "string",
+              "optional": true
+            },
+            {
+              "name": "threshold",
+              "type": "number",
+              "optional": true,
+              "description": "A norm on every axis: a dashed polygon in the emphasis colour."
+            },
+            {
+              "name": "thresholdLabel",
+              "type": "string",
+              "optional": true
+            },
+            {
+              "name": "area",
+              "type": "'emphasis' | 'always' | 'never'",
+              "optional": true,
+              "description": "Which layer fills. `emphasis` (the default): one layer always does, of more only the\none the reader points at in the legend, as overlapping areas mix into a colour no\nvariable has. `always` fills every layer, `never` none."
+            },
+            {
+              "name": "dataLabels",
+              "type": "boolean",
+              "optional": true,
+              "description": "The value under each axis name; with one layer only (all or nothing). Default true."
+            },
+            {
+              "name": "small",
+              "type": "boolean",
+              "optional": true
+            }
+          ]
         }
       ]
     },
@@ -1977,7 +2045,7 @@
     },
     "ContentStateKind": {
       "kind": "alias",
-      "module": "src/primitives/shared/tone.ts",
+      "module": "src/components/shared/tone.ts",
       "description": "How content stands: drawn, still coming, nothing to draw, or failed.",
       "text": "'ready' | 'loading' | 'empty' | 'error'"
     },
@@ -2428,7 +2496,7 @@
     },
     "EmptyStateBlockOptions": {
       "kind": "interface",
-      "module": "src/primitives/shared/empty-state-block.ts",
+      "module": "src/components/shared/empty-state-block.ts",
       "extends": [],
       "fields": [
         {
@@ -2966,7 +3034,7 @@
     },
     "HeadingLevel": {
       "kind": "alias",
-      "module": "src/primitives/shared/empty-state-block.ts",
+      "module": "src/components/shared/empty-state-block.ts",
       "text": "2 | 3 | 4 | 5 | 6"
     },
     "HeatmapClass": {
@@ -3019,7 +3087,7 @@
     },
     "IconButtonVariant": {
       "kind": "alias",
-      "module": "src/primitives/icon-button/icon-button.ts",
+      "module": "src/components/actions/icon-button/icon-button.ts",
       "text": "'flat' | 'outlined' | 'tile'"
     },
     "IconGlyph": {
@@ -3435,6 +3503,59 @@
         }
       ]
     },
+    "LayerMotion": {
+      "kind": "interface",
+      "module": "src/components/shared/charts/shared/layer-motion.ts",
+      "description": "The weight each part is drawn with, 0 (off) to 1 (on), eased between the two over `--dur-layer`\nafter a legend switch. Points and `d` do not transition in every engine, so the edges are\nworked out per frame.",
+      "extends": [],
+      "fields": [
+        {
+          "name": "key",
+          "type": "string",
+          "optional": false
+        },
+        {
+          "name": "from",
+          "type": "number[]",
+          "optional": false
+        },
+        {
+          "name": "to",
+          "type": "number[]",
+          "optional": false
+        },
+        {
+          "name": "start",
+          "type": "number",
+          "optional": false
+        },
+        {
+          "name": "duration",
+          "type": "number",
+          "optional": false
+        },
+        {
+          "name": "ease",
+          "type": "(t: number) => number",
+          "optional": false
+        },
+        {
+          "name": "frame",
+          "type": "number",
+          "optional": true
+        },
+        {
+          "name": "element",
+          "type": "Element",
+          "optional": true
+        },
+        {
+          "name": "attach",
+          "type": "(element: Element | undefined) => void",
+          "optional": false
+        }
+      ]
+    },
     "LeafletSyncOptions": {
       "kind": "interface",
       "module": "src/components/shared/charts/map-chart/leaflet.ts",
@@ -3561,7 +3682,7 @@
           "name": "fixed",
           "type": "boolean",
           "optional": true,
-          "description": "Not a series but a reference, such as a norm: never a toggle."
+          "description": "Never a switch: a key such as \"geen gegevens\", or a lone series with nothing beside it, which\nswitched off would leave an empty frame. A reference such as a norm is a switch."
         },
         {
           "name": "key",
@@ -3721,6 +3842,89 @@
         }
       ]
     },
+    "LogEntry": {
+      "kind": "interface",
+      "module": "src/types.ts",
+      "description": "One line of a log. Everything but `id` and `message` may be missing: it is then left out, never guessed.",
+      "extends": [],
+      "fields": [
+        {
+          "name": "id",
+          "type": "string",
+          "optional": false
+        },
+        {
+          "name": "message",
+          "type": "string",
+          "optional": false,
+          "description": "The text, over more lines where the source wrote them (a stack trace)."
+        },
+        {
+          "name": "at",
+          "type": "string",
+          "optional": true,
+          "description": "The moment as ISO 8601."
+        },
+        {
+          "name": "time",
+          "type": "string",
+          "optional": true,
+          "description": "The moment as the host writes it: `14:03:27.118`."
+        },
+        {
+          "name": "level",
+          "type": "LogLevel",
+          "optional": true
+        },
+        {
+          "name": "source",
+          "type": "string",
+          "optional": true,
+          "description": "Where it came from: `import`, `api`."
+        },
+        {
+          "name": "line",
+          "type": "number",
+          "optional": true,
+          "description": "The line number in the source, for output without time or level."
+        },
+        {
+          "name": "details",
+          "type": "string",
+          "optional": true,
+          "description": "A longer text or JSON the host has laid out, shown when the line opens."
+        }
+      ]
+    },
+    "LogFilter": {
+      "kind": "interface",
+      "module": "src/types.ts",
+      "description": "What the reader filters on; the host keeps it in the URL and sends only matching lines.",
+      "extends": [],
+      "fields": [
+        {
+          "name": "level",
+          "type": "LogLevel | 'all'",
+          "optional": true
+        },
+        {
+          "name": "search",
+          "type": "string",
+          "optional": true,
+          "description": "The term `lintje-find` looks for. Finding marks; it filters only with `onlyHits`."
+        },
+        {
+          "name": "onlyHits",
+          "type": "boolean",
+          "optional": true
+        }
+      ]
+    },
+    "LogLevel": {
+      "kind": "alias",
+      "module": "src/types.ts",
+      "text": "'error' | 'warning' | 'info' | 'debug'"
+    },
     "LogoBarOptions": {
       "kind": "interface",
       "module": "src/components/frame/shell/header.ts",
@@ -3758,6 +3962,59 @@
         }
       ]
     },
+    "LogViewerData": {
+      "kind": "interface",
+      "module": "src/types.ts",
+      "description": "Events: `lintje-log-filter-change` `LogFilter`, `lintje-log-select` `string | null` (the chosen\nline), `lintje-log-action` `string` (one of `actions`), `lintje-log-retry`.",
+      "extends": [
+        "FrameSettings",
+        "TileData",
+        "ContentState"
+      ],
+      "fields": [
+        {
+          "name": "entries",
+          "type": "LogEntry[]",
+          "optional": false,
+          "description": "Oldest first."
+        },
+        {
+          "name": "live",
+          "type": "boolean",
+          "optional": true,
+          "description": "The source still writes: the live badge, and the view follows the newest line."
+        },
+        {
+          "name": "filter",
+          "type": "LogFilter",
+          "optional": true
+        },
+        {
+          "name": "counts",
+          "type": "Partial<Record<LogLevel | 'all', number>>",
+          "optional": true,
+          "description": "Lines per level in the whole log, for the counts in the level filter."
+        },
+        {
+          "name": "truncated",
+          "type": "number",
+          "optional": true,
+          "description": "How many older lines the host no longer sends."
+        },
+        {
+          "name": "selected",
+          "type": "string | null",
+          "optional": true,
+          "description": "The chosen line's `id`."
+        },
+        {
+          "name": "actions",
+          "type": "MenuEntry[]",
+          "optional": true,
+          "description": "The host's own actions, in the \"Meer\" menu after the view's own."
+        }
+      ]
+    },
     "MapArea": {
       "kind": "union",
       "module": "src/components/shared/charts/shared/types.ts",
@@ -4782,7 +5039,7 @@
     },
     "ParsedDate": {
       "kind": "union",
-      "module": "src/components/inputs/date-input/date-format.ts",
+      "module": "src/components/shared/date-format.ts",
       "description": "The date input's arithmetic. Typed `3-10-26` / `03.10.2026` (day, month, year), shown\n`03-10-2026`, sent as ISO `2026-10-03`. `Date` objects are made at noon UTC so no time zone\nor daylight-saving shift can move a day.",
       "discriminant": "kind",
       "variants": [
@@ -4839,9 +5096,27 @@
         }
       ]
     },
+    "Part": {
+      "kind": "interface",
+      "module": "src/components/content/log-viewer/lines.ts",
+      "extends": [],
+      "fields": [
+        {
+          "name": "text",
+          "type": "string",
+          "optional": false
+        },
+        {
+          "name": "hit",
+          "type": "number",
+          "optional": true,
+          "description": "The hit's number in the whole log, from 1; absent for the text between hits."
+        }
+      ]
+    },
     "Place": {
       "kind": "interface",
-      "module": "src/primitives/shared/place.ts",
+      "module": "src/components/shared/place.ts",
       "description": "`bottom` is set instead of `top` when the box stands above the anchor.",
       "extends": [],
       "fields": [
@@ -4870,7 +5145,7 @@
     },
     "Placement": {
       "kind": "alias",
-      "module": "src/primitives/shared/place.ts",
+      "module": "src/components/shared/place.ts",
       "description": "Where a floating box stands against its anchor, in viewport pixels: below or above at a fixed\ngap, flipped when the room is too small and the other side has more, never past the viewport.\nShared by the popover and the tooltip.",
       "text": "'bottom-start' | 'bottom-end' | 'top-start' | 'top-end' | 'top-center' | 'left-center' | 'left-start'"
     },
@@ -4959,7 +5234,7 @@
     },
     "ProgressState": {
       "kind": "alias",
-      "module": "src/primitives/progress-bar/progress-bar.ts",
+      "module": "src/components/feedback/progress-bar/progress-bar.ts",
       "text": "Extract<WorkState, 'busy' | 'done' | 'error' | 'paused'>"
     },
     "Project": {
@@ -4973,6 +5248,34 @@
       "module": "src/components/content/prose/prose.ts",
       "text": "'default' | 'muted'"
     },
+    "RadarSeriesData": {
+      "kind": "interface",
+      "module": "src/components/shared/charts/shared/types.ts",
+      "description": "A layer of a radar chart: one value per axis, `null` for no data (rule 15). Without a colour\nthe layers take the data colours in their order; a comparison is grey and dashed.",
+      "extends": [],
+      "fields": [
+        {
+          "name": "label",
+          "type": "string",
+          "optional": false
+        },
+        {
+          "name": "values",
+          "type": "(number | null)[]",
+          "optional": false
+        },
+        {
+          "name": "color",
+          "type": "ChartColor",
+          "optional": true
+        },
+        {
+          "name": "comparison",
+          "type": "boolean",
+          "optional": true
+        }
+      ]
+    },
     "RecordingConnection": {
       "kind": "alias",
       "module": "src/components/feedback/recording-status/recording-status.ts",
@@ -4980,7 +5283,7 @@
     },
     "Rect": {
       "kind": "interface",
-      "module": "src/primitives/shared/place.ts",
+      "module": "src/components/shared/place.ts",
       "extends": [],
       "fields": [
         {
@@ -5558,13 +5861,13 @@
     },
     "SpeakerColour": {
       "kind": "alias",
-      "module": "src/components/content/audio-player/playback.ts",
+      "module": "src/components/content/shared/playback.ts",
       "description": "A speaker past the six colours takes the gray of \"other\".",
       "text": "(typeof SPEAKER_COLOURS)[number] | 'other'"
     },
     "SpeakerTurn": {
       "kind": "interface",
-      "module": "src/components/content/audio-player/playback.ts",
+      "module": "src/components/content/shared/playback.ts",
       "extends": [],
       "fields": [
         {
@@ -5581,7 +5884,7 @@
     },
     "SpinnerSize": {
       "kind": "alias",
-      "module": "src/primitives/spinner/spinner.ts",
+      "module": "src/components/feedback/spinner/spinner.ts",
       "text": "16 | 24 | 40"
     },
     "SplitPaneSide": {
@@ -5591,7 +5894,7 @@
     },
     "StatusTone": {
       "kind": "alias",
-      "module": "src/primitives/status-dot/status-dot.ts",
+      "module": "src/components/feedback/status-dot/status-dot.ts",
       "description": "A source's delivery status: the element's own words, each a tone.",
       "text": "'complete' | 'delayed' | 'outage' | 'no-data'"
     },
@@ -6353,7 +6656,7 @@
     },
     "Tone": {
       "kind": "alias",
-      "module": "src/primitives/shared/tone.ts",
+      "module": "src/components/shared/tone.ts",
       "description": "A status colour with its glyph. `subtle` and `live` are the quiet and the recording form.",
       "text": "'neutral' | 'subtle' | 'busy' | 'success' | 'warning' | 'error' | 'info' | 'attention' | 'live'"
     },
@@ -6412,6 +6715,12 @@
           "type": "SeriesKey",
           "optional": true,
           "description": "The series' shape instead of a square swatch, as its legend draws it."
+        },
+        {
+          "name": "marker",
+          "type": "'line' | 'dashed'",
+          "optional": true,
+          "description": "A line instead of a square swatch, plain or dashed (a norm), as its legend draws it."
         }
       ]
     },
@@ -6708,7 +7017,7 @@
     },
     "WorkState": {
       "kind": "alias",
-      "module": "src/primitives/shared/tone.ts",
+      "module": "src/components/shared/tone.ts",
       "description": "What a task is doing: the queue, a progress bar and a status word share it.",
       "text": "'queued' | 'busy' | 'paused' | 'done' | 'error' | 'cancelled'"
     },
@@ -6774,24 +7083,24 @@
   },
   "duplicates": [
     {
-      "name": "FilterValue",
+      "name": "ContentState",
       "modules": [
         "src/types.ts",
-        "src/components/tables/data-table/filters.ts"
+        "src/components/layout/tile/tile.ts"
       ]
     },
     {
-      "name": "FrameSettings",
+      "name": "FilterValue",
       "modules": [
         "src/types.ts",
-        "src/core/element.ts"
+        "src/components/tables/data-table/filters.ts"
       ]
     },
     {
-      "name": "ContentState",
+      "name": "FrameSettings",
       "modules": [
         "src/types.ts",
-        "src/primitives/tile/tile.ts"
+        "src/core/element.ts"
       ]
     }
   ]

package/dist-elements/feedback.js

@@ -1,4 +1,4 @@
-import "./chunks/base-CbmWxUig.js";
+import "./chunks/base-CVKIPSLx.js";
 import "./tag/toast.js";
 import "./tag/announcement.js";
 import "./tag/empty-state.js";

package/dist-elements/guides/loading.md

@@ -58,9 +58,9 @@ setIconSource({ base: './icons/' })
 | `layout.js` — Indeling | `grid`, `grid-item`, `tile`, `tabs`, `expander`, `split-pane` |
 | `overlays.js` — Vensters en panelen | `modal`, `dialog`, `drawer`, `popover`, `tooltip`, `toggletip` |
 | `actions.js` — Knoppen en iconen | `button`, `icon-button`, `menu-button`, `copy-button`, `qr-code`, `icon`, `logo` |
-| `content.js` — Tekst en media | `prose`, `code`, `highlight`, `translator`, `audio-player`, `video-player`, `transcript`, `document-viewer`, `gallery` |
+| `content.js` — Tekst en media | `prose`, `code`, `highlight`, `token-value`, `translator`, `audio-player`, `video-player`, `transcript`, `log-viewer`, `document-viewer`, `gallery` |
 | `feedback.js` — Meldingen en status | `announcement`, `toast`, `conflict-alert`, `empty-state`, `error-page`, `badge`, `status-dot`, `spinner`, `skeleton`, `progress-bar`, `job-list`, `streaming-text`, `ai-label`, `level-meter`, `recording-status` |
-| `inputs.js` — Invoervelden | `field`, `text-input`, `textarea`, `number-input`, `select`, `combobox`, `multiselect`, `tag-input`, `checkbox`, `checkbox-group`, `radio-group`, `toggle`, `segmented`, `range`, `date-input`, `time-input`, `date-range`, `slot-picker`, `file-upload`, `text-editor` |
+| `inputs.js` — Invoervelden | `field`, `text-input`, `find`, `textarea`, `number-input`, `select`, `combobox`, `multiselect`, `tag-input`, `checkbox`, `checkbox-group`, `radio-group`, `toggle`, `segmented`, `range`, `date-input`, `time-input`, `date-range`, `slot-picker`, `file-upload`, `text-editor` |
 | `forms.js` — Formulier | `form`, `form-section`, `stepper`, `repeater`, `repeater-row`, `error-summary`, `form-actions` |
 | `filters.js` — Filters | `filter-bar`, `filter-zone`, `filter-sheet` |
 | `charts.js` — Kerncijfers en grafieken | `kpi-row`, `kpi`, `chart`, `note`, `explainer` |
@@ -78,7 +78,7 @@ geldt voor deze manier van laden:
   (`document.createElement('lintje-toast')`) wordt bovenaan geïmporteerd zoals de andere. Niets wordt
   op verzoek opgehaald.
 - **Elk bestand laadt de basis**: Lit, de tokens, de iconen die de componenten tekenen en de
-  primitives. Een primitive als `button` of `grid` hoef je dus niet apart te laden. De kaart, met Leaflet en zijn geometrie, is de zwaarste tag.
+  bouwstenen die bijna elke tag tekent. Een bouwsteen als `button` of `grid` hoef je dus niet apart te laden. De kaart, met Leaflet en zijn geometrie, is de zwaarste tag.
 - **Het zijn tientallen kleine bestanden.** Serveer de map over HTTP/2, of met verbindingen die
   open blijven: een server die de verbinding na elk bestand sluit, laat er een paar vallen, en één module die
   niet laadt, laat de pagina zonder zijn tags. De bestanden in `chunks/` dragen een hash en mogen

package/dist-elements/inputs.js

@@ -1,10 +1,11 @@
 import "./tag/radio-group.js";
 import "./tag/segmented.js";
 import "./tag/textarea.js";
+import "./tag/find.js";
+import "./tag/select.js";
 import "./tag/text-input.js";
 import "./tag/field.js";
 import "./tag/number-input.js";
-import "./tag/select.js";
 import "./tag/combobox.js";
 import "./tag/checkbox.js";
 import "./tag/multiselect.js";

package/dist-elements/layout.js

@@ -1,4 +1,4 @@
-import "./chunks/base-CbmWxUig.js";
+import "./chunks/base-CVKIPSLx.js";
 import "./tag/tabs.js";
 import "./tag/expander.js";
 import "./tag/split-pane.js";