lintje 0.3.0 → 0.4.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": {
@@ -4782,7 +4850,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": [
@@ -4841,7 +4909,7 @@
     },
     "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 +4938,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 +5027,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 +5041,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 +5076,7 @@
     },
     "Rect": {
       "kind": "interface",
-      "module": "src/primitives/shared/place.ts",
+      "module": "src/components/shared/place.ts",
       "extends": [],
       "fields": [
         {
@@ -5558,13 +5654,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 +5677,7 @@
     },
     "SpinnerSize": {
       "kind": "alias",
-      "module": "src/primitives/spinner/spinner.ts",
+      "module": "src/components/feedback/spinner/spinner.ts",
       "text": "16 | 24 | 40"
     },
     "SplitPaneSide": {
@@ -5591,7 +5687,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 +6449,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 +6508,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 +6810,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 +6876,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-DRGvkF-r.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`, `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

@@ -3,6 +3,7 @@ import "./tag/segmented.js";
 import "./tag/textarea.js";
 import "./tag/text-input.js";
 import "./tag/field.js";
+import "./tag/find.js";
 import "./tag/number-input.js";
 import "./tag/select.js";
 import "./tag/combobox.js";

package/dist-elements/layout.js

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