lintje 0.4.0 → 0.5.0

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-CVKIPSLx.js";
+import { n as o } from "../chunks/focus-trap-rje9Oz19.js";
 import { t as s } from "../chunks/copied-7BXYVkXT.js";
 import "./announcement.js";
 import "./prose.js";

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

@@ -1,4 +1,4 @@
-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-CVKIPSLx.js";
 import "./radio-group.js";
 import { t as u } from "../chunks/key-CuuOw1KE.js";
 import "./multiselect.js";

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

@@ -1,4 +1,4 @@
-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-CVKIPSLx.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 {

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

@@ -1,4 +1,4 @@
-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 { 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-CVKIPSLx.js";
 import { t as c } from "../chunks/disclosure-D39vAR5q.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 {

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-CVKIPSLx.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-CVKIPSLx.js";
 import "./chat-suggestions.js";
 import "./chat-answer.js";
 import "./chat-composer.js";

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

@@ -1,5 +1,5 @@
-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 { Yt as e, Zt as t, en as n, lt as r, nn as i } from "../chunks/base-CVKIPSLx.js";
+import { n as a } from "../chunks/input-DEHA2Z_0.js";
 import { t as o } from "../chunks/input-lQTmOMOz.js";
 import "./checkbox.js";
 //#region src/components/inputs/checkbox-group/checkbox-group.css?inline

package/dist-elements/tag/checkbox.js

@@ -1,5 +1,5 @@
-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 { Yt as e, Zt as t, en as n, lt as r, nn as i, st as a } from "../chunks/base-CVKIPSLx.js";
+import { n as o } from "../chunks/input-DEHA2Z_0.js";
 import { t as s } from "../chunks/input-lQTmOMOz.js";
 //#region src/components/inputs/checkbox/checkbox.ts
 var c = class extends o {

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-CVKIPSLx.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,5 +1,5 @@
-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 { 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-CVKIPSLx.js";
+import { n as c } from "../chunks/input-DEHA2Z_0.js";
 import { t as l } from "../chunks/input-lQTmOMOz.js";
 import { t as u } from "../chunks/debounce-JXnLMCcF.js";
 //#region src/components/inputs/combobox/combobox.css?inline

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

@@ -1,4 +1,4 @@
-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-CVKIPSLx.js";
 import "./announcement.js";
 import "./highlight.js";
 //#region src/components/feedback/conflict-alert/conflict-alert.css?inline

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-CVKIPSLx.js";
 import "./toast.js";
 import { t as s } from "../chunks/copied-7BXYVkXT.js";
 //#region src/components/actions/copy-button/copy-button.css?inline