lintje 0.3.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-CbmWxUig.js";
-import { n as o } from "../chunks/focus-trap-BwOxE5BX.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-CbmWxUig.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-CbmWxUig.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-CbmWxUig.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-CbmWxUig.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-CbmWxUig.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,6 @@
-import { Yt as e, Zt as t, en as n, lt as r, nn as i } from "../chunks/base-CbmWxUig.js";
-import { r as a, t as o } from "../chunks/input-CRW_exv_.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
 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,5 +1,6 @@
-import { Yt as e, Zt as t, en as n, lt as r, nn as i, st as a } from "../chunks/base-CbmWxUig.js";
-import { r as o, t as s } from "../chunks/input-CRW_exv_.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 {
 	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-CbmWxUig.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,6 @@
-import { Yt as e, Zt as t, en as n, lt as r, m as i, nn as a, st as o, ut as s } from "../chunks/base-CbmWxUig.js";
-import { r as c, t as l } from "../chunks/input-CRW_exv_.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
 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";
@@ -127,8 +128,8 @@ var h = "lintje-combobox-list", g = (e) => `lintje-combobox-option-${e}`, _ = cl
 		e.stopPropagation(), this.restore();
 	}
 	renderOption(e, t) {
-		let [r, i, s] = p(e.label, this.text ?? ""), c = e.value === this.value;
-		return a`<li
+		let [r, a, s] = p(e.label, this.text ?? ""), c = e.value === this.value;
+		return i`<li
       id=${g(t)}
       class=${o({
 			"lintje-combobox__option": !0,
@@ -139,16 +140,16 @@ var h = "lintje-combobox-list", g = (e) => `lintje-combobox-option-${e}`, _ = cl
       aria-selected=${c ? "true" : "false"}
       @click=${() => this.choose(e)}
     >
-      ${r}${i ? a`<strong class="lintje-combobox__match">${i}</strong>` : n}${s}
+      ${r}${a ? i`<strong class="lintje-combobox__match">${a}</strong>` : n}${s}
     </li>`;
 	}
 	renderList() {
 		if (!this.open) return n;
-		if (this.loading) return a`<div class="lintje-combobox__status">
+		if (this.loading) return i`<div class="lintje-combobox__status">
         <lintje-spinner label=${this.loadingLabel}></lintje-spinner>
       </div>`;
 		let e = this.visible;
-		return e.length ? a`<ul
+		return e.length ? i`<ul
       id=${h}
       class="lintje-combobox__list"
       role="listbox"
@@ -156,11 +157,11 @@ var h = "lintje-combobox-list", g = (e) => `lintje-combobox-option-${e}`, _ = cl
       aria-labelledby=${this.labelId}
     >
       ${e.map((e, t) => this.renderOption(e, t))}
-    </ul>` : a`<p class="lintje-combobox__empty">${this.emptyLabel} “${this.text ?? ""}”</p>`;
+    </ul>` : i`<p class="lintje-combobox__empty">${this.emptyLabel} “${this.text ?? ""}”</p>`;
 	}
 	render() {
 		let e = this.open && !this.disabled, t = e && !this.loading && this.visible.length > 0, r = e && !this.loading ? m(this.visible.length) : "";
-		return a`<div class="lintje-field">
+		return i`<div class="lintje-field">
       ${this.renderLabel(this.controlId)}
       <div class="lintje-combobox">
         <input
@@ -170,7 +171,7 @@ var h = "lintje-combobox-list", g = (e) => `lintje-combobox-option-${e}`, _ = cl
 			"lintje-combobox__control": !0,
 			"is-error": !!this.error
 		})}
-          .value=${i(this.text ?? this.chosenText)}
+          .value=${a(this.text ?? this.chosenText)}
           placeholder=${this.placeholder || n}
           autocomplete="off"
           role="combobox"

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-CbmWxUig.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-CbmWxUig.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