lintje 0.4.0 → 0.5.1

package/dist-elements/tag/chat-answer.js

@@ -1,5 +1,5 @@
-import { Jt as e, Q as t, Yt as n, Zt as r, en as i, nn as a } from "../chunks/base-DRGvkF-r.js";
-import { n as o } from "../chunks/focus-trap-Dv8zu64A.js";
+import { Jt as e, Q as t, Yt as n, Zt as r, en as i, nn as a } from "../chunks/base-Bd2pmq86.js";
+import { n as o } from "../chunks/focus-trap-Cl99vti9.js";
 import { t as s } from "../chunks/copied-7BXYVkXT.js";
 import "./announcement.js";
 import "./prose.js";

package/dist-elements/tag/chat-composer.js

@@ -1,6 +1,6 @@
-import { Jt as e, Kt as t, Q as n, Yt as r, Zt as i, bt as a, en as o, nn as s, nt as c, st as l } from "../chunks/base-DRGvkF-r.js";
+import { Jt as e, Kt as t, Q as n, Yt as r, Zt as i, bt as a, en as o, nn as s, nt as c, st as l } from "../chunks/base-Bd2pmq86.js";
 import "./radio-group.js";
-import { t as u } from "../chunks/key-CuuOw1KE.js";
+import { t as u } from "../chunks/key-D5wy9ZTj.js";
 import "./multiselect.js";
 //#region src/components/chat/shared/chat-terms.ts
 function d(e, t = []) {
@@ -45,7 +45,7 @@ function h(e, t = []) {
 }
 //#endregion
 //#region src/components/chat/chat-composer/chat-composer.css?inline
-var g = ":host {\n  display: block;\n  min-width: 0;\n}\n:host([hidden]) { display: none; }\n\n/* ------------------------------------------------------------------------ */\n\n.lintje-chat-composer { position: relative; }\n\n/* The frame is the field, so it takes the field's resting border (3:1). */\n.lintje-chat-composer__frame {\n  display: flex; flex-direction: column;\n  background: var(--color-bg-surface);\n  border: 1px solid var(--color-border-field);\n}\n\n/* Grows with the text and scrolls at four lines, the captions with it. A line this tall leaves\n   a term's caption room above the word. */\n.lintje-chat-composer__field {\n  position: relative;\n  max-height: calc(var(--h-control) * 4 + var(--space-5));\n  overflow-y: auto;\n}\n.lintje-chat-composer__input {\n  display: block;\n  min-height: calc(var(--h-control) + var(--space-5));\n  padding: var(--space-3) var(--space-4) var(--space-2);\n  font: var(--text-body);\n  line-height: var(--h-control);\n  color: var(--color-text-primary);\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n}\n.lintje-chat-composer__input.is-empty::before {\n  /* The field's `aria-placeholder` says it; the empty alternative keeps it from being read twice. */\n  content: attr(data-placeholder);\n  content: attr(data-placeholder) / '';\n  position: absolute;\n  color: var(--color-text-placeholder);\n  opacity: 1;\n  pointer-events: none;\n}\n/* The frame takes the ring; without `:has()` the field keeps its own. */\n@supports selector(:has(*)) {\n  .lintje-chat-composer__input:focus-visible { outline: none; }\n  .lintje-chat-composer__frame:has(.lintje-chat-composer__input:focus-visible) {\n    outline: var(--focus-width) solid var(--color-focus);\n    outline-offset: var(--focus-offset);\n  }\n}\n\n/* Dashed gray marks an uncertain term: ambiguous, or of a source that is switched off. */\n.lintje-chat-composer__input::highlight(lintje-term) {\n  background-color: var(--color-term-bg);\n  text-decoration: underline solid var(--color-term-line);\n  text-decoration-thickness: 2px;\n  text-underline-offset: var(--space-1);\n}\n.lintje-chat-composer__input::highlight(lintje-term-uncertain) {\n  text-decoration: underline dashed var(--color-border-suggestion);\n  text-decoration-thickness: 2px;\n  text-underline-offset: var(--space-1);\n}\n\n.lintje-chat-composer__captions { position: absolute; inset: 0; pointer-events: none; }\n.lintje-chat-composer__caption {\n  position: absolute;\n  transform: translateY(-100%);\n  font-size: var(--label-size); font-weight: var(--label-weight);\n  line-height: 1;\n  letter-spacing: var(--label-tracking); text-transform: uppercase;\n  white-space: nowrap;\n  overflow: hidden; text-overflow: ellipsis;\n  color: var(--color-accent-text);\n}\n.lintje-chat-composer__caption.is-uncertain { color: var(--color-text-muted); }\n\n.lintje-chat-composer__bar {\n  display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end;\n  gap: var(--space-2);\n  padding: var(--space-2);\n}\n.lintje-chat-composer__sources { flex: 0 1 auto; width: auto; min-width: 0; }\n.lintje-chat-composer__hint {\n  flex: 1 1 auto; min-width: 0;\n  font: var(--text-meta);\n  color: var(--color-text-muted);\n  text-align: right;\n}\n\n/* A joined group is drawn at the target height itself, so both halves are as tall as \"Versturen\". */\n.lintje-chat-composer__send { position: relative; flex: none; display: flex; gap: 1px; }\n.lintje-chat-composer__send-half { --h-icon-button: var(--h-button); }\n\n.lintje-chat-composer__scrim { position: fixed; inset: 0; z-index: 45; }\n.lintje-chat-composer__options {\n  position: absolute; right: 0; bottom: calc(100% + var(--space-2)); z-index: 46;\n  width: 320px; max-width: calc(100vw - 2 * var(--space-4));\n  display: flex; flex-direction: column; gap: var(--space-4);\n  padding: var(--space-4);\n  background: var(--color-bg-surface);\n  border: 1px solid var(--color-border-popover);\n  box-shadow: var(--shadow-popover);\n  color: var(--color-text-primary);\n  animation: lintje-rise var(--dur-popover) var(--ease-in-motion);\n}\n.lintje-chat-composer__shortcuts { display: flex; flex-direction: column; gap: var(--space-2); }\n.lintje-chat-composer__shortcuts-label { font: var(--text-small); font-weight: 700; }\n.lintje-chat-composer__keys {\n  display: grid; grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  gap: var(--space-2) var(--space-3);\n  margin: 0;\n  font: var(--text-ui);\n}\n.lintje-chat-composer__key { margin: 0; }\n\n.lintje-chat-composer__completions {\n  position: absolute; left: 0; bottom: calc(100% + var(--space-2)); z-index: 46;\n  width: 360px; max-width: 100%;\n  background: var(--color-bg-surface);\n  border: 1px solid var(--color-border-popover);\n  box-shadow: var(--shadow-popover);\n  animation: lintje-rise var(--dur-popover) var(--ease-in-motion);\n}\n.lintje-chat-composer__completion {\n  display: flex; align-items: center; justify-content: space-between;\n  gap: var(--space-3);\n  min-height: var(--h-option);\n  padding: 0 var(--space-3);\n  border-bottom: 1px solid var(--color-border-default);\n  font: var(--text-ui);\n  color: var(--color-text-primary);\n  cursor: pointer;\n}\n.lintje-chat-composer__completion:last-child { border-bottom: 0; }\n.lintje-chat-composer__completion:hover,\n.lintje-chat-composer__completion.is-active { background: var(--color-bg-subtle); }\n.lintje-chat-composer__completion-kind { font: var(--text-meta); color: var(--color-text-muted); }\n\n/* A phone: the field stays at 1rem, since a smaller size makes iOS zoom in on focus. */\n@media screen and (max-width: 767px) {\n  .lintje-chat-composer__input { padding: var(--space-3) var(--space-3) var(--space-1); }\n  .lintje-chat-composer__hint:not(:empty) { flex-basis: 100%; order: -1; text-align: left; }\n}\n\n/* Forced colours drop the chosen completion's fill, so it takes an outline. */\n@media (forced-colors: active) {\n  .lintje-chat-composer__completion.is-active { outline: 1px solid Highlight; outline-offset: -1px; }\n}\n", _ = [
+var g = ":host {\n  display: block;\n  min-width: 0;\n}\n:host([hidden]) { display: none; }\n\n/* ------------------------------------------------------------------------ */\n\n.lintje-chat-composer { position: relative; }\n\n/* The frame is the field, so it takes the field's resting border (3:1). */\n.lintje-chat-composer__frame {\n  display: flex; flex-direction: column;\n  background: var(--color-bg-surface);\n  border: 1px solid var(--color-border-field);\n}\n\n/* Grows with the text and scrolls at four lines, the captions with it. A line this tall leaves\n   a term's caption room above the word. */\n.lintje-chat-composer__field {\n  position: relative;\n  max-height: calc(var(--h-control) * 4 + var(--space-5));\n  overflow-y: auto;\n}\n.lintje-chat-composer__input {\n  display: block;\n  min-height: calc(var(--h-control) + var(--space-5));\n  padding: var(--space-3) var(--space-4) var(--space-2);\n  font: var(--text-body);\n  line-height: var(--h-control);\n  color: var(--color-text-primary);\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n}\n.lintje-chat-composer__input.is-empty::before {\n  /* The field's `aria-placeholder` says it; the empty alternative keeps it from being read twice. */\n  content: attr(data-placeholder);\n  content: attr(data-placeholder) / '';\n  position: absolute;\n  color: var(--color-text-placeholder);\n  opacity: 1;\n  pointer-events: none;\n}\n/* The frame takes the ring; without `:has()` the field keeps its own. */\n@supports selector(:has(*)) {\n  .lintje-chat-composer__input:focus-visible { outline: none; }\n  .lintje-chat-composer__frame:has(.lintje-chat-composer__input:focus-visible) {\n    outline: var(--focus-width) solid var(--color-focus);\n    outline-offset: var(--focus-offset);\n  }\n}\n\n/* Dashed gray marks an uncertain term: ambiguous, or of a source that is switched off. */\n.lintje-chat-composer__input::highlight(lintje-term) {\n  background-color: var(--color-term-bg);\n  text-decoration: underline solid var(--color-term-line);\n  text-decoration-thickness: 2px;\n  text-underline-offset: var(--space-1);\n}\n.lintje-chat-composer__input::highlight(lintje-term-uncertain) {\n  text-decoration: underline dashed var(--color-border-suggestion);\n  text-decoration-thickness: 2px;\n  text-underline-offset: var(--space-1);\n}\n\n.lintje-chat-composer__captions { position: absolute; inset: 0; pointer-events: none; }\n.lintje-chat-composer__caption {\n  position: absolute;\n  transform: translateY(-100%);\n  font-size: var(--label-size); font-weight: var(--label-weight);\n  line-height: 1;\n  letter-spacing: var(--label-tracking); text-transform: uppercase;\n  white-space: nowrap;\n  overflow: hidden; text-overflow: ellipsis;\n  color: var(--color-accent-text);\n}\n.lintje-chat-composer__caption.is-uncertain { color: var(--color-text-muted); }\n\n.lintje-chat-composer__bar {\n  display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end;\n  gap: var(--space-2);\n  padding: var(--space-2);\n}\n.lintje-chat-composer__sources { flex: 0 1 auto; width: auto; min-width: 0; }\n.lintje-chat-composer__hint {\n  flex: 1 1 auto; min-width: 0;\n  font: var(--text-small);\n  color: var(--color-text-muted);\n  text-align: right;\n}\n\n/* A joined group is drawn at the target height itself, so both halves are as tall as \"Versturen\". */\n.lintje-chat-composer__send { position: relative; flex: none; display: flex; gap: 1px; }\n.lintje-chat-composer__send-half { --h-icon-button: var(--h-button); }\n\n.lintje-chat-composer__scrim { position: fixed; inset: 0; z-index: 45; }\n.lintje-chat-composer__options {\n  position: absolute; right: 0; bottom: calc(100% + var(--space-2)); z-index: 46;\n  width: 320px; max-width: calc(100vw - 2 * var(--space-4));\n  display: flex; flex-direction: column; gap: var(--space-4);\n  padding: var(--space-4);\n  background: var(--color-bg-surface);\n  border: 1px solid var(--color-border-popover);\n  box-shadow: var(--shadow-popover);\n  color: var(--color-text-primary);\n  animation: lintje-rise var(--dur-popover) var(--ease-in-motion);\n}\n.lintje-chat-composer__shortcuts { display: flex; flex-direction: column; gap: var(--space-2); }\n.lintje-chat-composer__shortcuts-label { font: var(--text-small); font-weight: 700; }\n.lintje-chat-composer__keys {\n  display: grid; grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  gap: var(--space-2) var(--space-3);\n  margin: 0;\n  font: var(--text-ui);\n}\n.lintje-chat-composer__key { margin: 0; }\n\n.lintje-chat-composer__completions {\n  position: absolute; left: 0; bottom: calc(100% + var(--space-2)); z-index: 46;\n  width: 360px; max-width: 100%;\n  background: var(--color-bg-surface);\n  border: 1px solid var(--color-border-popover);\n  box-shadow: var(--shadow-popover);\n  animation: lintje-rise var(--dur-popover) var(--ease-in-motion);\n}\n.lintje-chat-composer__completion {\n  display: flex; align-items: center; justify-content: space-between;\n  gap: var(--space-3);\n  min-height: var(--h-option);\n  padding: 0 var(--space-3);\n  border-bottom: 1px solid var(--color-border-default);\n  font: var(--text-ui);\n  color: var(--color-text-primary);\n  cursor: pointer;\n}\n.lintje-chat-composer__completion:last-child { border-bottom: 0; }\n.lintje-chat-composer__completion:hover,\n.lintje-chat-composer__completion.is-active { background: var(--color-bg-subtle); }\n.lintje-chat-composer__completion-kind { font: var(--text-small); color: var(--color-text-muted); }\n\n/* A phone: the field stays at 1rem, since a smaller size makes iOS zoom in on focus. */\n@media screen and (max-width: 767px) {\n  .lintje-chat-composer__input { padding: var(--space-3) var(--space-3) var(--space-1); }\n  .lintje-chat-composer__hint:not(:empty) { flex-basis: 100%; order: -1; text-align: left; }\n}\n\n/* Forced colours drop the chosen completion's fill, so it takes an outline. */\n@media (forced-colors: active) {\n  .lintje-chat-composer__completion.is-active { outline: 1px solid Highlight; outline-offset: -1px; }\n}\n", _ = [
 	{
 		value: "auto",
 		label: "Automatisch (de assistent kiest)"

package/dist-elements/tag/chat-message.js

@@ -1,7 +1,7 @@
-import { Jt as e, Yt as t, Zt as n, en as r, nn as i, st as a } from "../chunks/base-DRGvkF-r.js";
+import { Jt as e, Yt as t, Zt as n, en as r, nn as i, st as a } from "../chunks/base-Bd2pmq86.js";
 import { t as o } from "./chat-composer.js";
 //#region src/components/chat/chat-message/chat-message.css?inline
-var s = "/* The host is a full-width block, so a view can make it stick while its answer scrolls. */\n:host {\n  display: block;\n  min-width: 0;\n}\n:host([hidden]) { display: none; }\n\n/* ------------------------------------------------------------------------ */\n\n/* Visual order is reversed from document order, so the question is read first. The gaps keep\n   the edit button's hit area off the time and the bar. */\n.lintje-chat-message {\n  display: flex; flex-direction: row-reverse; align-items: center;\n  gap: var(--space-2);\n  max-width: var(--w-message);\n  margin-left: auto;\n}\n.lintje-chat-message__text {\n  min-width: 0;\n  padding: var(--space-3) var(--space-4);\n  background: var(--color-bg-subtle);\n  font: var(--text-body);\n  color: var(--color-text-primary);\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n}\n.lintje-chat-message__meta {\n  flex: none;\n  display: flex; flex-direction: row-reverse; align-items: center;\n  gap: var(--space-2);\n}\n.lintje-chat-message__time { font: var(--text-meta); color: var(--color-text-muted); }\n\n/* A term is underlined, never recoloured; dashed gray marks an uncertain one. */\n.lintje-chat-message__term {\n  text-decoration: underline solid var(--color-term-line);\n  text-decoration-thickness: 2px;\n  text-underline-offset: var(--space-1);\n}\n.lintje-chat-message__term.is-uncertain {\n  text-decoration-style: dashed;\n  text-decoration-color: var(--color-border-suggestion);\n}\n\n.lintje-chat-message--editing {\n  flex-direction: column; align-items: flex-end;\n  gap: var(--space-2);\n  width: 100%;\n}\n.lintje-chat-message__head { display: flex; align-items: baseline; gap: var(--space-2); }\n.lintje-chat-message__label {\n  font-size: var(--label-size); font-weight: var(--label-weight);\n  letter-spacing: var(--label-tracking); text-transform: uppercase;\n  color: var(--color-text-muted);\n}\n.lintje-chat-message__frame { align-self: stretch; }\n.lintje-chat-message__note { font: var(--text-small); color: var(--color-text-muted); }\n\n/* A phone keeps room on the left so the bar reads as the reader's side. */\n@media screen and (max-width: 767px) {\n  .lintje-chat-message { flex-direction: column; align-items: flex-end; margin-left: var(--space-10); }\n  .lintje-chat-message--editing { margin-left: 0; }\n}\n\n/* Forced colours drop the bar's fill; a line keeps the question apart from the answer. */\n@media (forced-colors: active) {\n  .lintje-chat-message__text { outline: 1px solid CanvasText; outline-offset: -1px; }\n}\n", c = class extends e {
+var s = "/* The host is a full-width block, so a view can make it stick while its answer scrolls. */\n:host {\n  display: block;\n  min-width: 0;\n}\n:host([hidden]) { display: none; }\n\n/* ------------------------------------------------------------------------ */\n\n/* Visual order is reversed from document order, so the question is read first. The gaps keep\n   the edit button's hit area off the time and the bar. */\n.lintje-chat-message {\n  display: flex; flex-direction: row-reverse; align-items: center;\n  gap: var(--space-2);\n  max-width: var(--w-message);\n  margin-left: auto;\n}\n.lintje-chat-message__text {\n  min-width: 0;\n  padding: var(--space-3) var(--space-4);\n  background: var(--color-bg-subtle);\n  font: var(--text-body);\n  color: var(--color-text-primary);\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n}\n.lintje-chat-message__meta {\n  flex: none;\n  display: flex; flex-direction: row-reverse; align-items: center;\n  gap: var(--space-2);\n}\n.lintje-chat-message__time { font: var(--text-small); color: var(--color-text-muted); }\n\n/* A term is underlined, never recoloured; dashed gray marks an uncertain one. */\n.lintje-chat-message__term {\n  text-decoration: underline solid var(--color-term-line);\n  text-decoration-thickness: 2px;\n  text-underline-offset: var(--space-1);\n}\n.lintje-chat-message__term.is-uncertain {\n  text-decoration-style: dashed;\n  text-decoration-color: var(--color-border-suggestion);\n}\n\n.lintje-chat-message--editing {\n  flex-direction: column; align-items: flex-end;\n  gap: var(--space-2);\n  width: 100%;\n}\n.lintje-chat-message__head { display: flex; align-items: baseline; gap: var(--space-2); }\n.lintje-chat-message__label {\n  font-size: var(--label-size); font-weight: var(--label-weight);\n  letter-spacing: var(--label-tracking); text-transform: uppercase;\n  color: var(--color-text-muted);\n}\n.lintje-chat-message__frame { align-self: stretch; }\n.lintje-chat-message__note { font: var(--text-small); color: var(--color-text-muted); }\n\n/* A phone keeps room on the left so the bar reads as the reader's side. */\n@media screen and (max-width: 767px) {\n  .lintje-chat-message { flex-direction: column; align-items: flex-end; margin-left: var(--space-10); }\n  .lintje-chat-message--editing { margin-left: 0; }\n}\n\n/* Forced colours drop the bar's fill; a line keeps the question apart from the answer. */\n@media (forced-colors: active) {\n  .lintje-chat-message__text { outline: 1px solid CanvasText; outline-offset: -1px; }\n}\n", c = class extends e {
 	constructor(...e) {
 		super(...e), this.text = "", this.editable = !1, this.editing = !1;
 	}

package/dist-elements/tag/chat-strip.js

@@ -1,5 +1,5 @@
-import { Jt as e, Yt as t, Zt as n, en as r, lt as i, nn as a, st as o, ut as s } from "../chunks/base-DRGvkF-r.js";
-import { t as c } from "../chunks/disclosure-D39vAR5q.js";
+import { Jt as e, Yt as t, Zt as n, en as r, lt as i, nn as a, st as o, ut as s } from "../chunks/base-Bd2pmq86.js";
+import { t as c } from "../chunks/disclosure-BK-MJsEn.js";
 //#region src/components/chat/chat-strip/chat-strip.css?inline
 var l = ":host {\n  display: block;\n  min-width: 0;\n}\n:host([hidden]) { display: none; }\n\n/* ------------------------------------------------------------------------ */\n\n.lintje-chat-strip {\n  border-top: 1px solid var(--color-border-default);\n  border-bottom: 1px solid var(--color-border-default);\n  color: var(--color-text-primary);\n}\n.lintje-chat-strip__row {\n  display: flex; flex-wrap: wrap; align-items: flex-end;\n  gap: var(--space-2) var(--space-6);\n  padding: var(--space-2) 0;\n}\n.lintje-chat-strip__items {\n  flex: 1 1 auto; min-width: 0;\n  display: flex; flex-wrap: wrap; align-items: flex-end;\n  gap: var(--space-2) var(--space-6);\n  margin: 0;\n}\n.lintje-chat-strip__item { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-1); min-width: 0; }\n.lintje-chat-strip__label {\n  font-size: var(--label-size); font-weight: var(--label-weight);\n  letter-spacing: var(--label-tracking); text-transform: uppercase;\n  color: var(--color-text-muted);\n}\n.lintje-chat-strip__value { margin: 0; min-width: 0; font: var(--text-ui); }\n\n/* Every form of a value is one line, so a row of mixed forms shares a baseline. */\n.lintje-chat-strip__text,\n.lintje-chat-strip__term,\n.lintje-chat-strip__suggestion {\n  display: inline-flex; align-items: center;\n  min-height: var(--h-chip-field);\n  font: var(--text-ui);\n  color: var(--color-text-primary);\n}\n\n.lintje-chat-strip__term,\n.lintje-chat-strip__suggestion.is-pressed {\n  background: var(--color-term-bg);\n  border-bottom: 2px solid var(--color-term-line);\n}\n.lintje-chat-strip__term {\n  position: relative;\n  gap: var(--space-1);\n  padding: 0 0 0 var(--space-1);\n}\n/* The native select lies invisibly over the drawing for pointer, keyboard and the phone's picker.\n   It reaches the target height above and below only, never over a neighbouring value. */\n.lintje-chat-strip__select {\n  position: absolute; inset: min(0px, calc((100% - var(--h-target)) / 2)) 0;\n  width: 100%; height: auto;\n  opacity: 0;\n  cursor: pointer;\n  appearance: none;\n}\n.lintje-chat-strip__term:focus-within {\n  outline: var(--focus-width) solid var(--color-focus);\n  outline-offset: var(--focus-offset);\n}\n\n/* Dashed while only a suggestion. Like the select, it and the toggle get a transparent hit area. */\n.lintje-chat-strip__suggestion,\n.lintje-chat-strip__toggle { position: relative; }\n.lintje-chat-strip__suggestion::after,\n.lintje-chat-strip__toggle::after {\n  content: '';\n  position: absolute;\n  inset: min(0px, calc((100% - var(--h-target)) / 2)) 0;\n}\n.lintje-chat-strip__suggestion {\n  padding: 0 var(--space-1);\n  border-bottom: 2px dashed var(--color-border-suggestion);\n  transition: background var(--dur-hover);\n}\n.lintje-chat-strip__suggestion:hover { background: var(--color-bg-subtle); }\n.lintje-chat-strip__suggestion.is-pressed:hover { background: var(--color-term-bg); }\n\n.lintje-chat-strip__toggle {\n  display: inline-flex; align-items: center; gap: var(--space-1);\n  min-height: var(--h-chip-field);\n  margin-left: auto;\n  font: var(--text-small); font-weight: 700;\n  color: var(--color-text-primary);\n}\n\n.lintje-chat-strip__details {\n  display: grid;\n  grid-template-columns: max-content minmax(0, 1fr);\n  gap: var(--space-2) var(--space-4);\n  margin: 0;\n  padding: 0 0 var(--space-3);\n  font: var(--text-ui);\n}\n.lintje-chat-strip__detail { display: contents; }\n.lintje-chat-strip__detail-term { color: var(--color-text-muted); }\n.lintje-chat-strip__detail-text { margin: 0; color: var(--color-text-primary); }\n\n/* Below 768 px the strip switches representation (rule 9). */\n@media screen and (max-width: 767px) {\n  .lintje-chat-strip__row { display: block; padding: var(--space-1) 0 0; }\n  .lintje-chat-strip__items {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 0 var(--space-4);\n    align-items: stretch;\n  }\n  .lintje-chat-strip__item { justify-content: center; min-height: var(--h-touch); }\n  .lintje-chat-strip__item--fixed { grid-column: 1 / -1; }\n  .lintje-chat-strip__select,\n  .lintje-chat-strip__suggestion::after { inset: calc(var(--space-6) * -1) 0 calc(var(--space-2) * -1); }\n  .lintje-chat-strip__toggle {\n    width: 100%; min-height: var(--h-touch);\n    justify-content: space-between;\n    margin: var(--space-1) 0 0;\n    border-top: 1px solid var(--color-border-default);\n    font: var(--text-ui); font-weight: 700;\n  }\n  .lintje-chat-strip__details { grid-template-columns: minmax(0, 1fr); gap: 0; }\n  .lintje-chat-strip__detail-text { margin-bottom: var(--space-2); }\n}\n", u = class extends e {
 	constructor(...e) {

package/dist-elements/tag/chat-suggestions.js

@@ -1,4 +1,4 @@
-import { Jt as e, Yt as t, Zt as n, en as r, nn as i, nt as a } from "../chunks/base-DRGvkF-r.js";
+import { Jt as e, Yt as t, Zt as n, en as r, nn as i, nt as a } from "../chunks/base-Bd2pmq86.js";
 //#region src/components/chat/chat-suggestions/chat-suggestions.css?inline
 var o = ":host {\n  display: block;\n  min-width: 0;\n}\n:host([hidden]) { display: none; }\n\n/* ------------------------------------------------------------------------ */\n\n.lintje-chat-suggestions {\n  display: flex; flex-direction: column; align-items: flex-end;\n  gap: var(--space-2);\n  max-width: var(--w-message);\n  margin-left: auto;\n}\n.lintje-chat-suggestions__label {\n  font-size: var(--label-size); font-weight: var(--label-weight);\n  letter-spacing: var(--label-tracking); text-transform: uppercase;\n  color: var(--color-text-muted);\n}\n.lintje-chat-suggestions__list {\n  display: flex; flex-direction: column; align-items: flex-end;\n  gap: var(--space-2);\n}\n.lintje-chat-suggestions--choice .lintje-chat-suggestions__list {\n  flex-direction: row; flex-wrap: wrap; justify-content: flex-end;\n}\n\n.lintje-chat-suggestions__item {\n  min-height: var(--h-touch);\n  padding: var(--space-2) var(--space-4);\n  font: var(--text-body);\n  color: var(--color-text-primary);\n  text-align: left;\n  transition: background var(--dur-hover);\n}\n.lintje-chat-suggestions__item:hover { background: var(--color-bg-subtle); }\n\n.lintje-chat-suggestions--suggestion .lintje-chat-suggestions__item {\n  border: 1px dashed var(--color-border-suggestion);\n}\n.lintje-chat-suggestions--choice .lintje-chat-suggestions__item {\n  background: var(--color-bg-surface);\n  border: 1px solid var(--color-border-choice);\n}\n.lintje-chat-suggestions--choice .lintje-chat-suggestions__item:hover { background: var(--color-bg-subtle); }\n\n.lintje-chat-suggestions__hint { font: var(--text-small); color: var(--color-text-muted); }\n\n/* Outside a conversation: left, the sentences side by side, the full width of the column. */\n.lintje-chat-suggestions--start { align-items: flex-start; max-width: none; margin-left: 0; }\n.lintje-chat-suggestions--start .lintje-chat-suggestions__list {\n  flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: flex-start;\n}\n\n@media screen and (max-width: 767px) {\n  .lintje-chat-suggestions { margin-left: var(--space-10); }\n  .lintje-chat-suggestions--start { margin-left: 0; }\n}\n", s = class extends e {
 	constructor(...e) {

package/dist-elements/tag/chat.js

@@ -1,4 +1,4 @@
-import { Jt as e, Q as t, Ut as n, Yt as r, Z as i, Zt as a, en as o, h as s, nn as c, st as l, y as u } from "../chunks/base-DRGvkF-r.js";
+import { Jt as e, Q as t, Ut as n, Yt as r, Z as i, Zt as a, en as o, g as s, nn as c, st as l, y as u } from "../chunks/base-Bd2pmq86.js";
 import "./chat-suggestions.js";
 import "./chat-answer.js";
 import "./chat-composer.js";

package/dist-elements/tag/checkbox-group.js

@@ -1,6 +1,6 @@
-import { Yt as e, Zt as t, en as n, lt as r, nn as i } from "../chunks/base-DRGvkF-r.js";
-import { n as a } from "../chunks/input-BGMLam-O.js";
-import { t as o } from "../chunks/input-lQTmOMOz.js";
+import { Yt as e, Zt as t, en as n, lt as r, nn as i } from "../chunks/base-Bd2pmq86.js";
+import { n as a } from "../chunks/input-KqBT3qWD.js";
+import { t as o } from "../chunks/input-Dg1o0Sfu.js";
 import "./checkbox.js";
 //#region src/components/inputs/checkbox-group/checkbox-group.css?inline
 var s = "/* The group's stack; each row is a `lintje-checkbox`, which draws the box and its hint. */\n\n.lintje-checkbox-group { display: flex; flex-direction: column; }\n", c = class extends a {

package/dist-elements/tag/checkbox.js

@@ -1,6 +1,6 @@
-import { Yt as e, Zt as t, en as n, lt as r, nn as i, st as a } from "../chunks/base-DRGvkF-r.js";
-import { n as o } from "../chunks/input-BGMLam-O.js";
-import { t as s } from "../chunks/input-lQTmOMOz.js";
+import { Yt as e, Zt as t, en as n, lt as r, nn as i, st as a } from "../chunks/base-Bd2pmq86.js";
+import { n as o } from "../chunks/input-KqBT3qWD.js";
+import { t as s } from "../chunks/input-Dg1o0Sfu.js";
 //#region src/components/inputs/checkbox/checkbox.ts
 var c = class extends o {
 	constructor(...e) {

package/dist-elements/tag/code.js

@@ -1,4 +1,4 @@
-import { P as e, Yt as t, Zt as n, en as r, nn as i, st as a } from "../chunks/base-DRGvkF-r.js";
+import { P as e, Yt as t, Zt as n, en as r, nn as i, st as a } from "../chunks/base-Bd2pmq86.js";
 //#region src/components/content/code/code.css?inline
 var o = "/* No syntax colouring: the chart grammar is the only place colour carries meaning. */\n:host {\n  display: block;\n  min-width: 0;\n}\n:host([hidden]) { display: none; }\n\n/* --- */\n\n.lintje-code { position: relative; }\n.lintje-code__language {\n  /* Inside the border, on the block's surface: a long line scrolls under the label. */\n  position: absolute; top: 1px; right: 1px;\n  z-index: 1;\n  padding: calc(var(--space-2) - 1px) calc(var(--space-3) - 1px) var(--space-1) var(--space-2);\n  background: var(--color-bg-subtle);\n  font-size: var(--label-size);\n  font-weight: var(--label-weight);\n  letter-spacing: var(--label-tracking);\n  text-transform: uppercase;\n  color: var(--color-text-muted);\n  pointer-events: none;\n}\n.lintje-code__block {\n  margin: 0;\n  padding: var(--space-3) var(--space-4);\n  background: var(--color-bg-subtle);\n  border: 1px solid var(--color-border-default);\n  border-radius: var(--radius);\n  font-family: var(--font-mono);\n  font-size: 0.875rem;\n  line-height: 1.6;\n  color: var(--color-text-primary);\n  font-variant-numeric: normal;\n  overflow-x: auto;\n  white-space: pre;\n  tab-size: 2;\n}\n.lintje-code--labelled .lintje-code__block { padding-right: var(--space-10); }\n.lintje-code__block.is-wrapped { white-space: pre-wrap; overflow-wrap: anywhere; }\n\n/* Line numbers are a CSS counter, so a copy is only the code. The line spans stay inline and\n   carry their own newline: a block-level line would break twice and blank every second line. */\n.lintje-code__line { counter-increment: lintje-code-line; }\n.lintje-code--numbered .lintje-code__block { counter-reset: lintje-code-line; }\n.lintje-code--numbered .lintje-code__line::before {\n  /* A screen reader reads the code, not a number before each line. */\n  content: counter(lintje-code-line);\n  content: counter(lintje-code-line) / '';\n  display: inline-block;\n  width: var(--space-6);\n  padding-right: var(--space-3);\n  text-align: right;\n  color: var(--color-text-disabled);\n  user-select: none;\n}\n", s = class extends e {
 	constructor(...e) {

package/dist-elements/tag/combobox.js

@@ -1,6 +1,6 @@
-import { Yt as e, Zt as t, en as n, lt as r, nn as i, s as a, st as o, ut as s } from "../chunks/base-DRGvkF-r.js";
-import { n as c } from "../chunks/input-BGMLam-O.js";
-import { t as l } from "../chunks/input-lQTmOMOz.js";
+import { Yt as e, Zt as t, en as n, lt as r, nn as i, s as a, st as o, ut as s } from "../chunks/base-Bd2pmq86.js";
+import { n as c } from "../chunks/input-KqBT3qWD.js";
+import { t as l } from "../chunks/input-Dg1o0Sfu.js";
 import { t as u } from "../chunks/debounce-JXnLMCcF.js";
 //#region src/components/inputs/combobox/combobox.css?inline
 var d = "/* The combobox: the text field with the chevron, and the list slotted into a `lintje-popover`. */\n:host { display: block; min-width: 0; }\n:host([hidden]) { display: none; }\n/* Below 768 px: the touch height and the full width, as `stacked`. */\n@media screen and (max-width: 767px) {\n  :host {\n    width: 100%;\n    --h-control: var(--h-touch);\n  }\n}\n\n/* --- */\n\n.lintje-combobox { position: relative; display: flex; align-items: center; }\n.lintje-combobox__control {\n  width: 100%; height: var(--h-control);\n  padding: 0 var(--space-10) 0 14px;\n  border: 1px solid var(--color-border-field);\n  border-radius: var(--radius);\n  background: var(--color-bg-surface);\n  color: var(--color-text-primary);\n  font-size: 1rem;\n}\n.lintje-combobox__control::placeholder { color: var(--color-text-placeholder); opacity: 1; }\n.lintje-combobox__control.is-error { border: 2px solid var(--color-error); }\n/* Disabled wins over error: after it, the whole border back to 1 px strong. */\n.lintje-combobox__control:disabled {\n  border: 1px solid var(--color-border-strong);\n  background: var(--color-bg-subtle);\n  color: var(--color-text-disabled);\n  cursor: not-allowed;\n}\n/* The chevron is drawing, not a control: a press on it lands in the field. */\n.lintje-combobox__chevron {\n  position: absolute; right: var(--space-3);\n  color: var(--color-text-muted);\n  pointer-events: none;\n}\n\n/* A dense list (`--h-option`): at most seven rows in view, then it scrolls. */\n.lintje-combobox__list {\n  max-height: calc(7 * var(--h-option) + var(--space-2));\n  overflow-y: auto;\n  padding: var(--space-1) 0;\n  font: var(--text-ui);\n}\n.lintje-combobox__option {\n  display: flex; align-items: center;\n  min-height: var(--h-option);\n  padding: 0 14px;\n  color: var(--color-text-primary);\n  cursor: pointer;\n}\n.lintje-combobox__option:hover,\n.lintje-combobox__option.is-active { background: var(--color-bg-subtle); }\n/* The option the keys stand on: the fill alone is about 1.1:1, so the focus ring inside the row. */\n.lintje-combobox__option.is-active {\n  outline: var(--focus-width) solid var(--color-focus);\n  outline-offset: calc(var(--focus-width) * -1);\n}\n.lintje-combobox__option.is-selected { background: var(--color-bg-selected); font-weight: 700; }\n.lintje-combobox__match { font-weight: 700; }\n\n.lintje-combobox__status,\n.lintje-combobox__empty {\n  padding: 10px 14px;\n  font: var(--text-ui);\n  color: var(--color-text-muted);\n}\n\n/* Forced colours drop fills: both rows take an edge inside the row, so none changes size. */\n@media (forced-colors: active) {\n  .lintje-combobox__option.is-active { outline: 1px solid CanvasText; outline-offset: -1px; }\n  .lintje-combobox__option.is-selected { outline: 2px solid Highlight; outline-offset: -2px; }\n}\n";

package/dist-elements/tag/conflict-alert.js

@@ -1,8 +1,8 @@
-import { Gt as e, Jt as t, Kt as n, Yt as r, Zt as i, en as a, nn as o } from "../chunks/base-DRGvkF-r.js";
+import { Gt as e, Jt as t, Kt as n, Yt as r, Zt as i, en as a, nn as o } from "../chunks/base-Bd2pmq86.js";
 import "./announcement.js";
 import "./highlight.js";
 //#region src/components/feedback/conflict-alert/conflict-alert.css?inline
-var s = ":host { display: block; min-width: 0; }\n:host([hidden]) { display: none; }\n\n/* ------------------------------------------------------------------------ */\n\n.lintje-conflict-alert { display: flex; flex-direction: column; gap: var(--space-2); }\n\n/* The gap keeps the buttons' hit areas apart. */\n.lintje-conflict-alert__actions { display: flex; flex-wrap: wrap; gap: var(--space-2); }\n\n.lintje-conflict-alert__changes {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-3);\n  padding: var(--space-3) var(--space-4);\n  border: 1px solid var(--color-border-default);\n  font: var(--text-ui);\n  color: var(--color-text-primary);\n}\n.lintje-conflict-alert__label { margin-bottom: var(--space-1); font-size: 0.875rem; font-weight: 700; }\n.lintje-conflict-alert__versions { overflow-wrap: anywhere; }\n.lintje-conflict-alert__legend { font: var(--text-meta); color: var(--color-text-muted); }\n\n@media screen and (max-width: 767px) {\n  .lintje-conflict-alert__actions { flex-direction: column; align-self: stretch; }\n}\n";
+var s = ":host { display: block; min-width: 0; }\n:host([hidden]) { display: none; }\n\n/* ------------------------------------------------------------------------ */\n\n.lintje-conflict-alert { display: flex; flex-direction: column; gap: var(--space-2); }\n\n/* The gap keeps the buttons' hit areas apart. */\n.lintje-conflict-alert__actions { display: flex; flex-wrap: wrap; gap: var(--space-2); }\n\n.lintje-conflict-alert__changes {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-3);\n  padding: var(--space-3) var(--space-4);\n  border: 1px solid var(--color-border-default);\n  font: var(--text-ui);\n  color: var(--color-text-primary);\n}\n.lintje-conflict-alert__label { margin-bottom: var(--space-1); font-size: 0.875rem; font-weight: 700; }\n.lintje-conflict-alert__versions { overflow-wrap: anywhere; }\n.lintje-conflict-alert__legend { font: var(--text-small); color: var(--color-text-muted); }\n\n@media screen and (max-width: 767px) {\n  .lintje-conflict-alert__actions { flex-direction: column; align-self: stretch; }\n}\n";
 //#endregion
 //#region src/components/feedback/conflict-alert/conflict-alert.ts
 function c(e, t, n = "dit item") {

package/dist-elements/tag/copy-button.js

@@ -1,4 +1,4 @@
-import { Jt as e, Yt as t, Zt as n, en as r, nn as i, nt as a, st as o } from "../chunks/base-DRGvkF-r.js";
+import { Jt as e, Yt as t, Zt as n, en as r, nn as i, nt as a, st as o } from "../chunks/base-Bd2pmq86.js";
 import "./toast.js";
 import { t as s } from "../chunks/copied-7BXYVkXT.js";
 //#region src/components/actions/copy-button/copy-button.css?inline