@nldd/design-system 0.8.94 → 0.8.95

package/dist/components/components.js

@@ -1,16 +1,16 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
 import { n as slottedReset, t as inheritedTextReset } from "./shadow-resets-aG-rgyNQ.js";
-import { i as linkRel, n as setTranslations, r as translate, t as withTranslations } from "./with-translations-Dt2DTXJF.js";
-import { t as __decorate } from "./decorate-lwt_OrAG.js";
+import { i as linkRel, n as setTranslations, r as translate, t as withTranslations } from "./with-translations-C8_0-9y8.js";
+import { t as __decorate } from "./decorate-CO88j7Lc.js";
 import { t as reflectNonDefault } from "./reflect-non-default-OLaK60rT.js";
-import { i as PopupAnchorController, n as NLDDTooltip, r as NLDDActivityIndicator, t as NLDDIconButton } from "./icon-button-DHzLMmj0.js";
-import { t as NLDDIcon } from "./icon-DWNVcttg.js";
+import { i as PopupAnchorController, n as NLDDTooltip, r as NLDDActivityIndicator, t as NLDDIconButton } from "./icon-button-9mo3oIyL.js";
+import { t as NLDDIcon } from "./icon-Typdp4av.js";
 import { n as isPointerMode, r as isTouchMode, t as isKeyboardMode } from "./input-modality-DhTeUxKi.js";
 import { t as breakpoints } from "./breakpoints-CkxsiRgH.js";
-import { t as VisibilityMixin } from "./visibility-mixin-BU1vIMW7.js";
-import { $ as layer, A as syntaxTree, B as Tree, C as indentNodeProp, Ct as countColumn, D as matchBrackets, E as languageDataProp, F as NodeProp, G as RectangleMarker, H as Decoration, I as NodeSet, J as drawSelection, K as ViewPlugin, L as NodeType, M as styleTags, N as tags, Q as keymap, S as getIndentation, St as combineConfig, T as indentUnit, U as Direction, V as parseMixed, W as EditorView, X as getDrawSelectionConfig, Y as dropCursor, _t as StateField, a as HighlightStyle, at as Annotation, b as foldService, c as Language, ct as Compartment, d as ParseContext, dt as Facet, et as lineNumbers, f as StreamLanguage, gt as StateEffect, h as defineLanguageFacet, it as tooltips, j as Tag, k as syntaxHighlighting, l as LanguageDescription, lt as EditorSelection, mt as RangeSetBuilder, nt as placeholder, o as IndentContext, ot as ChangeDesc, pt as Prec, q as WidgetType, rt as showTooltip, st as ChangeSet, u as LanguageSupport, ut as EditorState, vt as Text, w as indentString, wt as findClusterBreak, x as getIndentUnit, y as foldNodeProp, yt as Transaction, z as Parser } from "./dist-Dn3c5gfb.js";
-import { i as completionStatus, n as autocompletion, s as startCompletion, t as CompletionContext } from "./dist-BUu-NW5O.js";
-import { n as html$2, r as htmlCompletionSource } from "./dist-Dxn9Up8K.js";
+import { t as VisibilityMixin } from "./visibility-mixin-Crbt8PFP.js";
+import { $ as layer, A as syntaxTree, B as Tree, C as indentNodeProp, Ct as countColumn, D as matchBrackets, E as languageDataProp, F as NodeProp, G as RectangleMarker, H as Decoration, I as NodeSet, J as drawSelection, K as ViewPlugin, L as NodeType, M as styleTags, N as tags, Q as keymap, S as getIndentation, St as combineConfig, T as indentUnit, U as Direction, V as parseMixed, W as EditorView, X as getDrawSelectionConfig, Y as dropCursor, _t as StateField, a as HighlightStyle, at as Annotation, b as foldService, c as Language, ct as Compartment, d as ParseContext, dt as Facet, et as lineNumbers, f as StreamLanguage, gt as StateEffect, h as defineLanguageFacet, it as tooltips, j as Tag, k as syntaxHighlighting, l as LanguageDescription, lt as EditorSelection, mt as RangeSetBuilder, nt as placeholder, o as IndentContext, ot as ChangeDesc, pt as Prec, q as WidgetType, rt as showTooltip, st as ChangeSet, u as LanguageSupport, ut as EditorState, vt as Text, w as indentString, wt as findClusterBreak, x as getIndentUnit, y as foldNodeProp, yt as Transaction, z as Parser } from "./dist-CpW8MF-L.js";
+import { i as completionStatus, n as autocompletion, s as startCompletion, t as CompletionContext } from "./dist-DTOshgo1.js";
+import { n as html$2, r as htmlCompletionSource } from "./dist-DV6Mp5N1.js";
 import { LitElement, css, html, nothing, svg, unsafeCSS } from "lit";
 import { customElement, property, query, state } from "lit/decorators.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
@@ -836,8 +836,7 @@ function DescribedBy(Base) {
 *
 * @fires click - When button is clicked (not fired when disabled)
 */
-var _NLDDButton;
-var NLDDButton = (_NLDDButton = class NLDDButton extends DescribedBy(withTranslations(LitElement, nlddButtonTranslations)) {
+var _NLDDButton = class NLDDButton extends DescribedBy(withTranslations(LitElement, nlddButtonTranslations)) {
 	constructor(..._args) {
 		super(..._args);
 		this._internals = this.attachInternals();
@@ -940,7 +939,8 @@ var NLDDButton = (_NLDDButton = class NLDDButton extends DescribedBy(withTransla
 	render() {
 		return template$23.call(this, { handleClick: this._handleClick.bind(this) });
 	}
-}, _NLDDButton.styles = buttonStyles, _NLDDButton.formAssociated = true, _NLDDButton);
+};
+var NLDDButton = (_NLDDButton.styles = buttonStyles, _NLDDButton.formAssociated = true, _NLDDButton);
 __decorate([property({
 	reflect: true,
 	converter: reflectNonDefault("neutral-tinted")
@@ -2016,8 +2016,7 @@ function template$21() {
 * @csspart icon - The glyph itself, whether it comes from `icon` or from the slot. Transform this rather than the cell: a transform on the host changes the box `getBoundingClientRect()` reports, and a row measures its cells to place the divider.
 */
 var icon_cell_exports = /* @__PURE__ */ __exportAll({ NLDDIconCell: () => NLDDIconCell });
-var _NLDDIconCell;
-var NLDDIconCell = (_NLDDIconCell = class NLDDIconCell extends VisibilityMixin(LitElement, "cells-container") {
+var _NLDDIconCell = class NLDDIconCell extends VisibilityMixin(LitElement, "cells-container") {
 	constructor(..._args) {
 		super(..._args);
 		this.size = "24";
@@ -2028,7 +2027,8 @@ var NLDDIconCell = (_NLDDIconCell = class NLDDIconCell extends VisibilityMixin(L
 	render() {
 		return template$21.call(this);
 	}
-}, _NLDDIconCell.styles = iconCellStyles, _NLDDIconCell);
+};
+var NLDDIconCell = (_NLDDIconCell.styles = iconCellStyles, _NLDDIconCell);
 __decorate([property({
 	type: String,
 	reflect: true
@@ -2108,8 +2108,7 @@ var spacerCellStyles = css`
 * @element nldd-spacer-cell
 * @attr {string} size - Spacer size in pixels: '2' | '4' | '6' | '8' | '10' | '12' | '16' | '20' | '24' | '28' | '32' | '40' | '44' | '48' | '56' | '64' | '80' | '96' (default: '16')
 */
-var _NLDDSpacerCell;
-var NLDDSpacerCell = (_NLDDSpacerCell = class NLDDSpacerCell extends VisibilityMixin(LitElement, "cells-container") {
+var _NLDDSpacerCell = class NLDDSpacerCell extends VisibilityMixin(LitElement, "cells-container") {
 	constructor(..._args) {
 		super(..._args);
 		this.size = "16";
@@ -2117,7 +2116,8 @@ var NLDDSpacerCell = (_NLDDSpacerCell = class NLDDSpacerCell extends VisibilityM
 	render() {
 		return null;
 	}
-}, _NLDDSpacerCell.styles = spacerCellStyles, _NLDDSpacerCell);
+};
+var NLDDSpacerCell = (_NLDDSpacerCell.styles = spacerCellStyles, _NLDDSpacerCell);
 __decorate([property({
 	type: String,
 	reflect: true
@@ -2456,8 +2456,7 @@ function template$20() {
 * @attr {string} query-mark-mode - 'match' | 'predictive' (default: 'predictive')
 */
 var text_cell_exports = /* @__PURE__ */ __exportAll({ NLDDTextCell: () => NLDDTextCell });
-var _NLDDTextCell;
-var NLDDTextCell = (_NLDDTextCell = class NLDDTextCell extends VisibilityMixin(LitElement, "cells-container") {
+var _NLDDTextCell = class NLDDTextCell extends VisibilityMixin(LitElement, "cells-container") {
 	constructor(..._args) {
 		super(..._args);
 		this.size = "md";
@@ -2511,7 +2510,8 @@ var NLDDTextCell = (_NLDDTextCell = class NLDDTextCell extends VisibilityMixin(L
 	render() {
 		return template$20.call(this);
 	}
-}, _NLDDTextCell.styles = [textCellStyles], _NLDDTextCell);
+};
+var NLDDTextCell = (_NLDDTextCell.styles = [textCellStyles], _NLDDTextCell);
 __decorate([property({
 	reflect: true,
 	converter: reflectNonDefault("md")
@@ -2798,8 +2798,7 @@ function detectOS() {
 *
 * @slot - Optional custom <kbd> elements. Ignored when keys is set.
 */
-var _NLDDKeyboardShortcut;
-var NLDDKeyboardShortcut = (_NLDDKeyboardShortcut = class NLDDKeyboardShortcut extends LitElement {
+var _NLDDKeyboardShortcut = class NLDDKeyboardShortcut extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.keys = "";
@@ -2832,7 +2831,8 @@ var NLDDKeyboardShortcut = (_NLDDKeyboardShortcut = class NLDDKeyboardShortcut e
 	render() {
 		return template$19(this);
 	}
-}, _NLDDKeyboardShortcut.styles = keyboardShortcutStyles, _NLDDKeyboardShortcut);
+};
+var NLDDKeyboardShortcut = (_NLDDKeyboardShortcut.styles = keyboardShortcutStyles, _NLDDKeyboardShortcut);
 __decorate([property({
 	reflect: true,
 	converter: reflectNonDefault("")
@@ -3220,8 +3220,7 @@ function template$18() {
 *
 * @csspart group - The button group container
 */
-var _NLDDButtonGroup;
-var NLDDButtonGroup = (_NLDDButtonGroup = class NLDDButtonGroup extends LitElement {
+var _NLDDButtonGroup = class NLDDButtonGroup extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.size = "md";
@@ -3277,7 +3276,8 @@ var NLDDButtonGroup = (_NLDDButtonGroup = class NLDDButtonGroup extends LitEleme
 	render() {
 		return template$18.call(this);
 	}
-}, _NLDDButtonGroup.styles = buttonGroupStyles, _NLDDButtonGroup);
+};
+var NLDDButtonGroup = (_NLDDButtonGroup.styles = buttonGroupStyles, _NLDDButtonGroup);
 __decorate([property({
 	reflect: true,
 	converter: reflectNonDefault("md")
@@ -3310,8 +3310,7 @@ NLDDButtonGroup = __decorate([customElement("nldd-button-group")], NLDDButtonGro
 * @slot - Optional custom content between text and actions
 * @slot actions - nldd-button elements, wrapped in nldd-button-group (max 3)
 */
-var _NLDDInlineDialog;
-var NLDDInlineDialog = (_NLDDInlineDialog = class NLDDInlineDialog extends LitElement {
+var _NLDDInlineDialog = class NLDDInlineDialog extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.variant = "";
@@ -3361,7 +3360,8 @@ var NLDDInlineDialog = (_NLDDInlineDialog = class NLDDInlineDialog extends LitEl
 	render() {
 		return inlineDialogTemplate(this);
 	}
-}, _NLDDInlineDialog.styles = inlineDialogStyles, _NLDDInlineDialog);
+};
+var NLDDInlineDialog = (_NLDDInlineDialog.styles = inlineDialogStyles, _NLDDInlineDialog);
 __decorate([property({
 	reflect: true,
 	converter: reflectNonDefault("")
@@ -4823,8 +4823,7 @@ if (!customElements.get("nldd-menu")) customElements.define("nldd-menu", NLDDMen
 * @fires action-click - Fired when the main button is clicked
 * @fires menu-click - Fired when the dropdown trigger is clicked and no overlay is slotted
 */
-var _NLDDSplitButton;
-var NLDDSplitButton = (_NLDDSplitButton = class NLDDSplitButton extends LitElement {
+var _NLDDSplitButton = class NLDDSplitButton extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.size = "md";
@@ -4888,7 +4887,8 @@ var NLDDSplitButton = (_NLDDSplitButton = class NLDDSplitButton extends LitEleme
 	render() {
 		return template$22.call(this);
 	}
-}, _NLDDSplitButton.styles = splitButtonStyles, _NLDDSplitButton);
+};
+var NLDDSplitButton = (_NLDDSplitButton.styles = splitButtonStyles, _NLDDSplitButton);
 __decorate([property({
 	reflect: true,
 	converter: reflectNonDefault("md")
@@ -5422,7 +5422,7 @@ var toolbarTitleStyles = css`
 	/* # Host */
 
 	:host {
-		--_title-group-min-width: 0px;
+		--_title-group-min-width: min-content;
 		--_title-width: auto;
 		--_title-max-width: var(--primitives-area-240);
 		--_title-group-height: var(--semantics-controls-md-min-size);
@@ -5473,7 +5473,8 @@ var toolbarTitleStyles = css`
 	   trailing action, as one unit) along the row's main axis instead. Scoped to
 	   solo-fluid so a title balanced by real start/end items keeps using the
 	   toolbar spacers. */
-	:host([solo-fluid][align="center"]) {
+	:host([solo-fluid][align="center"]),
+	:host([solo-fluid][slot="center"]) {
 		justify-content: center;
 	}
 
@@ -5697,7 +5698,7 @@ var nlddToolbarTranslations = {
 *
 * @element nldd-toolbar-title
 * @attr {string} width - Preferred (fluid) width as a CSS length or percentage; the title grows toward it and shrinks to min-width.
-* @attr {string} min-width - Minimum width as a CSS length (default: '0', so the title shrink-wraps its content and the next element sits against it).
+* @attr {string} min-width - Minimum width as a CSS length (default: the width of its own text, up to `max-width`). Items move into the overflow menu before the title gets narrower than this; only when no item is left to move does the title truncate below it. Set `0` to let the title shrink first.
 * @attr {string} max-width - Maximum width as a CSS length (default: '240px'); the title text truncates with an ellipsis beyond it. The cap is lifted while the title is the sole toolbar element (it then stretches to fill the row).
 * @attr {string} align - Text alignment: 'left' | 'center' (default: 'left').
 * @attr {string} text - Title text.
@@ -5711,10 +5712,7 @@ var nlddToolbarTranslations = {
 * @slot media - Optional leading image before the title: a logo, a product mark, a file-type icon. Its height is capped to the title group so it cannot stretch the row; pick the size within that yourself. With no `text` the media stands alone and carries the name, so give it one (an `alt`, or an accessible label).
 * @slot action - Optional trailing control (e.g. an xs nldd-icon-button), shown inline after the title and tuned to sit against it. Empty by default.
 */
-var _NLDDToolbarItem;
-var _NLDDToolbarTitle;
-var _NLDDToolbar;
-var NLDDToolbarItem = (_NLDDToolbarItem = class NLDDToolbarItem extends LitElement {
+var _NLDDToolbarItem = class NLDDToolbarItem extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.width = "";
@@ -5735,7 +5733,10 @@ var NLDDToolbarItem = (_NLDDToolbarItem = class NLDDToolbarItem extends LitEleme
 	render() {
 		return toolbarItemTemplate(this);
 	}
-}, _NLDDToolbarItem.styles = toolbarItemStyles, _NLDDToolbarItem);
+};
+var _NLDDToolbarTitle;
+var _NLDDToolbar;
+var NLDDToolbarItem = (_NLDDToolbarItem.styles = toolbarItemStyles, _NLDDToolbarItem);
 __decorate([property({
 	reflect: true,
 	converter: reflectNonDefault("")
@@ -6108,7 +6109,7 @@ var NLDDToolbar = (_NLDDToolbar = class NLDDToolbar extends LitElement {
 		const { leftZero, rightZero } = this._computeSpacerZeros(hostWidth, itemGap, overflowButtonWidth, startWidth, centerWidth, endWidth);
 		if (leftZero !== this._leftSpacerZero) this._leftSpacerZero = leftZero;
 		if (rightZero !== this._rightSpacerZero) this._rightSpacerZero = rightZero;
-		const centerOnly = !this._hasRenderedChild(this._startChildren) && !this._hasRenderedChild(this._endChildren) && this._centerChildren.length > 0;
+		const centerOnly = !this._hasPresentChild(this._startChildren) && !this._hasPresentChild(this._endChildren) && this._centerChildren.length > 0;
 		if (centerOnly !== this._centerOnly) this._centerOnly = centerOnly;
 		const rendered = this._allHostChildren().filter((c) => !this._overflowIds.has(c.id) && c.element.getClientRects().length > 0);
 		const soloFluid = rendered.length === 1 && (rendered[0].type === "title" || rendered[0].type === "item" && rendered[0].isFluid);
@@ -6120,6 +6121,10 @@ var NLDDToolbar = (_NLDDToolbar = class NLDDToolbar extends LitElement {
 	_hasRenderedChild(children) {
 		return children.some((c) => c.element.getClientRects().length > 0);
 	}
+	/** Rendered, or moved into the overflow menu by the toolbar itself. */
+	_hasPresentChild(children) {
+		return children.some((c) => this._overflowIds.has(c.id)) || this._hasRenderedChild(children);
+	}
 	_measureAndUpdate() {
 		if (this._isMeasuring) return;
 		const itemsEl = this.shadowRoot?.querySelector(".toolbar__items");
@@ -6147,10 +6152,8 @@ var NLDDToolbar = (_NLDDToolbar = class NLDDToolbar extends LitElement {
 		});
 		titleChildren.forEach((child) => {
 			const host = child.element;
-			if (host.hasAttribute("solo-fluid")) {
-				host.removeAttribute("solo-fluid");
-				host.style.removeProperty("min-width");
-			}
+			host.removeAttribute("solo-fluid");
+			host.style.removeProperty("min-width");
 		});
 		if (this._pinnedOverflowItems.length > 0) overflowButtonEl?.classList.remove("is-hidden");
 		else overflowButtonEl?.classList.add("is-hidden");
@@ -6212,6 +6215,10 @@ var NLDDToolbar = (_NLDDToolbar = class NLDDToolbar extends LitElement {
 			host.style.setProperty("min-width", "0px");
 			itemsEl.offsetWidth;
 		}
+		if (itemsEl.scrollWidth > itemsEl.clientWidth + 1) {
+			remainingTitles.forEach((c) => c.element.style.setProperty("min-width", "0px"));
+			itemsEl.offsetWidth;
+		}
 	}
 	_buildChildrenForSlot(slotName) {
 		return Array.from(this.children).filter((el) => el.getAttribute("slot") === slotName).map((el) => {
@@ -6899,6 +6906,7 @@ var blockquoteStyles = css`
 		flex-direction: column;
 		gap: calc(var(--_spacing) / 2);
 		color: var(--semantics-content-color);
+		text-wrap: pretty;
 	}
 
 
@@ -6969,8 +6977,7 @@ function template$15(component) {
 * @slot - The paragraph or paragraphs of the quote; prefer <p> elements
 * @slot attribution - Optional source attribution (author, title, and so on). An nldd-identity is allowed here; the em dash ("— ") is then left out.
 */
-var _NLDDBlockquote;
-var NLDDBlockquote = (_NLDDBlockquote = class NLDDBlockquote extends LitElement {
+var _NLDDBlockquote = class NLDDBlockquote extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.cite = void 0;
@@ -6988,7 +6995,8 @@ var NLDDBlockquote = (_NLDDBlockquote = class NLDDBlockquote extends LitElement
 	render() {
 		return template$15(this);
 	}
-}, _NLDDBlockquote.styles = blockquoteStyles, _NLDDBlockquote);
+};
+var NLDDBlockquote = (_NLDDBlockquote.styles = blockquoteStyles, _NLDDBlockquote);
 __decorate([property({ type: String })], NLDDBlockquote.prototype, "cite", void 0);
 __decorate([state()], NLDDBlockquote.prototype, "_hasAttribution", void 0);
 __decorate([state()], NLDDBlockquote.prototype, "_hasIdentityAttribution", void 0);
@@ -11209,8 +11217,7 @@ var template$12 = () => html`<slot></slot>`;
 *
 * @slot - Default slot for any content (buttons, switches, icons, etc.)
 */
-var _NLDDCell;
-var NLDDCell = (_NLDDCell = class NLDDCell extends VisibilityMixin(LitElement, "cells-container") {
+var _NLDDCell = class NLDDCell extends VisibilityMixin(LitElement, "cells-container") {
 	constructor(..._args) {
 		super(..._args);
 		this.width = "fit-content";
@@ -11238,7 +11245,8 @@ var NLDDCell = (_NLDDCell = class NLDDCell extends VisibilityMixin(LitElement, "
 	render() {
 		return template$12();
 	}
-}, _NLDDCell.styles = [cellStyles], _NLDDCell);
+};
+var NLDDCell = (_NLDDCell.styles = [cellStyles], _NLDDCell);
 __decorate([property({
 	reflect: true,
 	converter: reflectNonDefault("fit-content")
@@ -11303,8 +11311,7 @@ var nlddAvatarGroupTranslations = {
 *
 * @slot - One or more `nldd-avatar` elements
 */
-var _NLDDAvatarGroup;
-var NLDDAvatarGroup = (_NLDDAvatarGroup = class NLDDAvatarGroup extends withTranslations(LitElement, nlddAvatarGroupTranslations) {
+var _NLDDAvatarGroup = class NLDDAvatarGroup extends withTranslations(LitElement, nlddAvatarGroupTranslations) {
 	constructor(..._args) {
 		super(..._args);
 		this.size = "40";
@@ -11372,7 +11379,8 @@ var NLDDAvatarGroup = (_NLDDAvatarGroup = class NLDDAvatarGroup extends withTran
 	render() {
 		return avatarGroupTemplate(this);
 	}
-}, _NLDDAvatarGroup.styles = avatarGroupStyles, _NLDDAvatarGroup);
+};
+var NLDDAvatarGroup = (_NLDDAvatarGroup.styles = avatarGroupStyles, _NLDDAvatarGroup);
 __decorate([property({
 	type: String,
 	reflect: true
@@ -11584,8 +11592,7 @@ function identityTemplate(component) {
 * @slot text - Name line as rich content (a link to the author's profile, for instance)
 * @slot supporting-text - Supporting text as rich content (a time element, for instance)
 */
-var _NLDDIdentity;
-var NLDDIdentity = (_NLDDIdentity = class NLDDIdentity extends LitElement {
+var _NLDDIdentity = class NLDDIdentity extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.text = "";
@@ -11610,7 +11617,8 @@ var NLDDIdentity = (_NLDDIdentity = class NLDDIdentity extends LitElement {
 	render() {
 		return identityTemplate(this);
 	}
-}, _NLDDIdentity.styles = identityStyles, _NLDDIdentity);
+};
+var NLDDIdentity = (_NLDDIdentity.styles = identityStyles, _NLDDIdentity);
 __decorate([property({
 	reflect: true,
 	converter: reflectNonDefault("")
@@ -11888,16 +11896,16 @@ var nlddCodeMirrorTheme = [baseTheme, syntaxHighlighting(highlightStyle)];
 //#endregion
 //#region src/utilities/codemirror/languages.ts
 var loaders = {
-	json: async () => (await import("./dist-CoUVHSu-.js")).json(),
-	yaml: async () => (await import("./dist-OlffRM7-.js")).yaml(),
-	javascript: async () => (await import("./dist-CGOykrJw.js").then((n) => n.t)).javascript(),
-	typescript: async () => (await import("./dist-CGOykrJw.js").then((n) => n.t)).javascript({ typescript: true }),
-	css: async () => (await import("./dist-CQzaKTa8.js").then((n) => n.r)).css(),
-	html: async () => (await import("./dist-Dxn9Up8K.js").then((n) => n.t)).html(),
-	xml: async () => (await import("./dist-M6GKopqu.js")).xml(),
-	python: async () => (await import("./dist-CSYXsT7W.js")).python(),
-	rust: async () => (await import("./dist-B5ie2Bo9.js")).rust(),
-	sql: async () => (await import("./dist-RPaf2J9c.js")).sql(),
+	json: async () => (await import("./dist-CH9m014O.js")).json(),
+	yaml: async () => (await import("./dist-BWRYv3Mp.js")).yaml(),
+	javascript: async () => (await import("./dist-DMHTTJRJ.js").then((n) => n.t)).javascript(),
+	typescript: async () => (await import("./dist-DMHTTJRJ.js").then((n) => n.t)).javascript({ typescript: true }),
+	css: async () => (await import("./dist-PlhQXXtE.js").then((n) => n.r)).css(),
+	html: async () => (await import("./dist-DV6Mp5N1.js").then((n) => n.t)).html(),
+	xml: async () => (await import("./dist-BWEAw34D.js")).xml(),
+	python: async () => (await import("./dist-Bi4EHsFY.js")).python(),
+	rust: async () => (await import("./dist-C3uWRipu.js")).rust(),
+	sql: async () => (await import("./dist-CvL6_ezZ.js")).sql(),
 	markdown: async () => (await Promise.resolve().then(() => dist_exports)).markdown(),
 	bash: async () => new LanguageSupport(StreamLanguage.define((await import("./shell-C61GCsJA.js")).shell)),
 	toml: async () => new LanguageSupport(StreamLanguage.define((await import("./toml-C2HBbPgG.js")).toml)),
@@ -12978,8 +12986,7 @@ var nlddImageTranslations = {
 *   error state (e.g. swapping the slot content or styling a fallback).
 * @slot caption - Rich caption content (overrides the `caption` attribute)
 */
-var _NLDDImage;
-var NLDDImage = (_NLDDImage = class NLDDImage extends LitElement {
+var _NLDDImage = class NLDDImage extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.src = "";
@@ -13126,7 +13133,8 @@ var NLDDImage = (_NLDDImage = class NLDDImage extends LitElement {
 	render() {
 		return imageTemplate(this);
 	}
-}, _NLDDImage.styles = imageStyles, _NLDDImage);
+};
+var NLDDImage = (_NLDDImage.styles = imageStyles, _NLDDImage);
 __decorate([property({
 	type: String,
 	reflect: true
@@ -13583,8 +13591,7 @@ function template$11(component) {
 * @slot - Tag text
 * @slot icon - Custom icon before the text
 */
-var _NLDDTag;
-var NLDDTag = (_NLDDTag = class NLDDTag extends LitElement {
+var _NLDDTag = class NLDDTag extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.variant = "";
@@ -13636,7 +13643,8 @@ var NLDDTag = (_NLDDTag = class NLDDTag extends LitElement {
 	render() {
 		return template$11(this);
 	}
-}, _NLDDTag.styles = tagStyles, _NLDDTag);
+};
+var NLDDTag = (_NLDDTag.styles = tagStyles, _NLDDTag);
 __decorate([property({
 	reflect: true,
 	converter: reflectNonDefault("")
@@ -13823,8 +13831,7 @@ function template$10() {
 *
 * @slot - The text. Inline elements work as they are: `<strong>` and `<b>` take the bold weight from the scale, `<a>`, `<em>` and components such as `nldd-tag` are left alone.
 */
-var _NLDDText;
-var NLDDText = (_NLDDText = class NLDDText extends LitElement {
+var _NLDDText = class NLDDText extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.size = "md";
@@ -13836,7 +13843,8 @@ var NLDDText = (_NLDDText = class NLDDText extends LitElement {
 	render() {
 		return template$10();
 	}
-}, _NLDDText.styles = textStyles, _NLDDText);
+};
+var NLDDText = (_NLDDText.styles = textStyles, _NLDDText);
 __decorate([property({
 	reflect: true,
 	converter: reflectNonDefault("md")
@@ -14220,8 +14228,7 @@ function titleTemplate(component) {
 * @slot supporting-text - Supporting text that is more than text. Takes the place of the supporting-text attribute.
 * @slot end - Whatever belongs at the end of the title line: a button, a menu, a status badge, a version. Named for the position, not for a kind of content, because anything can sit there.
 */
-var _NLDDTitle;
-var NLDDTitle = (_NLDDTitle = class NLDDTitle extends LitElement {
+var _NLDDTitle = class NLDDTitle extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.size = 3;
@@ -14245,7 +14252,8 @@ var NLDDTitle = (_NLDDTitle = class NLDDTitle extends LitElement {
 	render() {
 		return titleTemplate(this);
 	}
-}, _NLDDTitle.styles = titleStyles, _NLDDTitle);
+};
+var NLDDTitle = (_NLDDTitle.styles = titleStyles, _NLDDTitle);
 __decorate([property({
 	type: Number,
 	reflect: true
@@ -14478,8 +14486,7 @@ var nlddTokenTranslations = {
 *
 * @fires dismiss - When the dismiss button is clicked
 */
-var _NLDDToken;
-var NLDDToken = (_NLDDToken = class NLDDToken extends LitElement {
+var _NLDDToken = class NLDDToken extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.text = "";
@@ -14593,7 +14600,8 @@ var NLDDToken = (_NLDDToken = class NLDDToken extends LitElement {
 	render() {
 		return tokenTemplate(this);
 	}
-}, _NLDDToken.styles = tokenStyles, _NLDDToken);
+};
+var NLDDToken = (_NLDDToken.styles = tokenStyles, _NLDDToken);
 __decorate([property({ type: String })], NLDDToken.prototype, "text", void 0);
 __decorate([property({
 	reflect: true,
@@ -14969,8 +14977,7 @@ function formActionsTemplate() {
 *
 * @slot - Action elements (button, button-group, and so on)
 */
-var _NLDDFormActions;
-var NLDDFormActions = (_NLDDFormActions = class NLDDFormActions extends LitElement {
+var _NLDDFormActions = class NLDDFormActions extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.labelAlignment = void 0;
@@ -14978,7 +14985,8 @@ var NLDDFormActions = (_NLDDFormActions = class NLDDFormActions extends LitEleme
 	render() {
 		return formActionsTemplate();
 	}
-}, _NLDDFormActions.styles = formActionsStyles, _NLDDFormActions);
+};
+var NLDDFormActions = (_NLDDFormActions.styles = formActionsStyles, _NLDDFormActions);
 __decorate([property({
 	type: String,
 	reflect: true,
@@ -15681,9 +15689,7 @@ function validationItemTemplate(_component) {
 *   </nldd-validation-list>
 * </nldd-form-field>
 */
-var _NLDDValidationItem;
-var _NLDDValidationList;
-var NLDDValidationItem = (_NLDDValidationItem = class NLDDValidationItem extends LitElement {
+var _NLDDValidationItem = class NLDDValidationItem extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.match = "";
@@ -15721,7 +15727,9 @@ var NLDDValidationItem = (_NLDDValidationItem = class NLDDValidationItem extends
 	render() {
 		return validationItemTemplate(this);
 	}
-}, _NLDDValidationItem.styles = validationItemStyles, _NLDDValidationItem);
+};
+var _NLDDValidationList;
+var NLDDValidationItem = (_NLDDValidationItem.styles = validationItemStyles, _NLDDValidationItem);
 __decorate([property({ type: String })], NLDDValidationItem.prototype, "match", void 0);
 __decorate([property({ type: Number })], NLDDValidationItem.prototype, "minlength", void 0);
 __decorate([property({ type: Number })], NLDDValidationItem.prototype, "maxlength", void 0);
@@ -16384,8 +16392,7 @@ function checkboxTemplate(component) {
 *
 * @fires change - Fired when the checkbox state changes; detail: { checked: boolean, value: string }
 */
-var _NLDDCheckbox;
-var NLDDCheckbox = (_NLDDCheckbox = class NLDDCheckbox extends DescribedBy(FormAssociated(LitElement)) {
+var _NLDDCheckbox = class NLDDCheckbox extends DescribedBy(FormAssociated(LitElement)) {
 	constructor(..._args) {
 		super(..._args);
 		this._initialChecked = false;
@@ -16451,7 +16458,8 @@ var NLDDCheckbox = (_NLDDCheckbox = class NLDDCheckbox extends DescribedBy(FormA
 	render() {
 		return checkboxTemplate(this);
 	}
-}, _NLDDCheckbox.styles = checkboxStyles, _NLDDCheckbox.isFormInput = true, _NLDDCheckbox);
+};
+var NLDDCheckbox = (_NLDDCheckbox.styles = checkboxStyles, _NLDDCheckbox.isFormInput = true, _NLDDCheckbox);
 __decorate([property({
 	type: Boolean,
 	reflect: true
@@ -16591,8 +16599,7 @@ function checkboxFieldTemplate(component) {
 *
 * @fires change - When checked state changes; detail: { checked: boolean, value: string }
 */
-var _NLDDCheckboxField;
-var NLDDCheckboxField = (_NLDDCheckboxField = class NLDDCheckboxField extends DescribedBy(FormAssociated(LitElement)) {
+var _NLDDCheckboxField = class NLDDCheckboxField extends DescribedBy(FormAssociated(LitElement)) {
 	constructor(..._args) {
 		super(..._args);
 		this._initialChecked = false;
@@ -16652,7 +16659,8 @@ var NLDDCheckboxField = (_NLDDCheckboxField = class NLDDCheckboxField extends De
 	render() {
 		return checkboxFieldTemplate(this);
 	}
-}, _NLDDCheckboxField.styles = checkboxFieldStyles, _NLDDCheckboxField.isFormInput = true, _NLDDCheckboxField);
+};
+var NLDDCheckboxField = (_NLDDCheckboxField.styles = checkboxFieldStyles, _NLDDCheckboxField.isFormInput = true, _NLDDCheckboxField);
 __decorate([property({
 	type: Boolean,
 	reflect: true
@@ -18588,8 +18596,7 @@ function codeEditorTemplate(_component) {
 * @fires input - When the content changes (detail: { value })
 * @fires change - When the content is committed on blur (detail: { value })
 */
-var _NLDDCodeEditor;
-var NLDDCodeEditor = (_NLDDCodeEditor = class NLDDCodeEditor extends DescribedBy(FormAssociated(NLDDCodeMirrorElement)) {
+var _NLDDCodeEditor = class NLDDCodeEditor extends DescribedBy(FormAssociated(NLDDCodeMirrorElement)) {
 	constructor(..._args) {
 		super(..._args);
 		this._initialValue = "";
@@ -18767,7 +18774,8 @@ var NLDDCodeEditor = (_NLDDCodeEditor = class NLDDCodeEditor extends DescribedBy
 	render() {
 		return codeEditorTemplate(this);
 	}
-}, _NLDDCodeEditor.shadowRootOptions = {
+};
+var NLDDCodeEditor = (_NLDDCodeEditor.shadowRootOptions = {
 	...LitElement.shadowRootOptions,
 	delegatesFocus: true
 }, _NLDDCodeEditor.styles = codeEditorStyles, _NLDDCodeEditor.isFormInput = true, _NLDDCodeEditor);
@@ -20289,8 +20297,7 @@ function topTitleBarTemplate(component) {
 * @fires dismiss - Fired when the dismiss button is clicked. Bubbles and is composed, with the same caveat as `back`.
 */
 var top_title_bar_exports = /* @__PURE__ */ __exportAll({ NLDDTopTitleBar: () => NLDDTopTitleBar });
-var _NLDDTopTitleBar;
-var NLDDTopTitleBar = (_NLDDTopTitleBar = class NLDDTopTitleBar extends LitElement {
+var _NLDDTopTitleBar = class NLDDTopTitleBar extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.text = "";
@@ -20433,7 +20440,8 @@ var NLDDTopTitleBar = (_NLDDTopTitleBar = class NLDDTopTitleBar extends LitEleme
 	render() {
 		return topTitleBarTemplate(this);
 	}
-}, _NLDDTopTitleBar.styles = topTitleBarStyles, _NLDDTopTitleBar);
+};
+var NLDDTopTitleBar = (_NLDDTopTitleBar.styles = topTitleBarStyles, _NLDDTopTitleBar);
 __decorate([property({
 	reflect: true,
 	converter: reflectNonDefault("")
@@ -22653,8 +22661,7 @@ function dropdownTemplate(component) {
 * </nldd-dropdown>
 * ```
 */
-var _NLDDDropdown;
-var NLDDDropdown = (_NLDDDropdown = class NLDDDropdown extends DescribedBy(LitElement) {
+var _NLDDDropdown = class NLDDDropdown extends DescribedBy(LitElement) {
 	constructor(..._args) {
 		super(..._args);
 		this.size = "md";
@@ -22779,7 +22786,8 @@ var NLDDDropdown = (_NLDDDropdown = class NLDDDropdown extends DescribedBy(LitEl
 	render() {
 		return dropdownTemplate(this);
 	}
-}, _NLDDDropdown.styles = dropdownStyles, _NLDDDropdown.isFormInput = true, _NLDDDropdown);
+};
+var NLDDDropdown = (_NLDDDropdown.styles = dropdownStyles, _NLDDDropdown.isFormInput = true, _NLDDDropdown);
 __decorate([property({
 	reflect: true,
 	converter: reflectNonDefault("md")
@@ -23060,8 +23068,7 @@ var nlddFileFieldTranslations = {
 *
 * @fires change - When the chosen files change, including a clear; detail: { files: File[] }
 */
-var _NLDDFileField;
-var NLDDFileField = (_NLDDFileField = class NLDDFileField extends DescribedBy(FormAssociated(LitElement)) {
+var _NLDDFileField = class NLDDFileField extends DescribedBy(FormAssociated(LitElement)) {
 	constructor(..._args) {
 		super(..._args);
 		this.size = "md";
@@ -23175,7 +23182,8 @@ var NLDDFileField = (_NLDDFileField = class NLDDFileField extends DescribedBy(Fo
 	render() {
 		return fileFieldTemplate(this);
 	}
-}, _NLDDFileField.styles = fileFieldStyles, _NLDDFileField.isFormInput = true, _NLDDFileField);
+};
+var NLDDFileField = (_NLDDFileField.styles = fileFieldStyles, _NLDDFileField.isFormInput = true, _NLDDFileField);
 __decorate([property({
 	reflect: true,
 	converter: reflectNonDefault("md")
@@ -23459,8 +23467,7 @@ function multiLineTextFieldTemplate(component) {
 * @fires input - When value changes
 * @fires change - When value is committed (blur)
 */
-var _NLDDMultiLineTextField;
-var NLDDMultiLineTextField = (_NLDDMultiLineTextField = class NLDDMultiLineTextField extends DescribedBy(FormAssociated(LitElement)) {
+var _NLDDMultiLineTextField = class NLDDMultiLineTextField extends DescribedBy(FormAssociated(LitElement)) {
 	constructor(..._args) {
 		super(..._args);
 		this._initialValue = "";
@@ -23530,7 +23537,8 @@ var NLDDMultiLineTextField = (_NLDDMultiLineTextField = class NLDDMultiLineTextF
 	render() {
 		return multiLineTextFieldTemplate(this);
 	}
-}, _NLDDMultiLineTextField.shadowRootOptions = {
+};
+var NLDDMultiLineTextField = (_NLDDMultiLineTextField.shadowRootOptions = {
 	...LitElement.shadowRootOptions,
 	delegatesFocus: true
 }, _NLDDMultiLineTextField.styles = multiLineTextFieldStyles, _NLDDMultiLineTextField.isFormInput = true, _NLDDMultiLineTextField);
@@ -23820,8 +23828,7 @@ var nlddNumberFieldTranslations = {
 * @fires input - When the value changes (typing, +/- button, or on-commit correction); detail: { value: number }
 * @fires change - When the value is committed (blur/Enter or +/- button), clamped to [min, max]; empty input falls back to the last valid value. When the committed value differs from the typed value, a matching input event is fired immediately before this one. detail: { value: number }
 */
-var _NLDDNumberField;
-var NLDDNumberField = (_NLDDNumberField = class NLDDNumberField extends DescribedBy(FormAssociated(LitElement)) {
+var _NLDDNumberField = class NLDDNumberField extends DescribedBy(FormAssociated(LitElement)) {
 	constructor(..._args) {
 		super(..._args);
 		this._initialValue = 0;
@@ -23932,7 +23939,8 @@ var NLDDNumberField = (_NLDDNumberField = class NLDDNumberField extends Describe
 	render() {
 		return numberFieldTemplate(this);
 	}
-}, _NLDDNumberField.styles = numberFieldStyles, _NLDDNumberField.isFormInput = true, _NLDDNumberField.blocksImplicitSubmission = true, _NLDDNumberField);
+};
+var NLDDNumberField = (_NLDDNumberField.styles = numberFieldStyles, _NLDDNumberField.isFormInput = true, _NLDDNumberField.blocksImplicitSubmission = true, _NLDDNumberField);
 __decorate([property({ type: Number })], NLDDNumberField.prototype, "value", void 0);
 __decorate([property({ type: Number })], NLDDNumberField.prototype, "min", void 0);
 __decorate([property({ type: Number })], NLDDNumberField.prototype, "max", void 0);
@@ -24252,8 +24260,7 @@ function passwordFieldTemplate(component) {
 * @fires input - When the input value changes ({ detail: { value } })
 * @fires change - When the input value is committed ({ detail: { value } })
 */
-var _NLDDPasswordField;
-var NLDDPasswordField = (_NLDDPasswordField = class NLDDPasswordField extends DescribedBy(FormAssociated(LitElement)) {
+var _NLDDPasswordField = class NLDDPasswordField extends DescribedBy(FormAssociated(LitElement)) {
 	constructor(..._args) {
 		super(..._args);
 		this._initialValue = "";
@@ -24335,7 +24342,8 @@ var NLDDPasswordField = (_NLDDPasswordField = class NLDDPasswordField extends De
 	render() {
 		return passwordFieldTemplate(this);
 	}
-}, _NLDDPasswordField.shadowRootOptions = {
+};
+var NLDDPasswordField = (_NLDDPasswordField.shadowRootOptions = {
 	...LitElement.shadowRootOptions,
 	delegatesFocus: true
 }, _NLDDPasswordField.styles = passwordFieldStyles, _NLDDPasswordField.isFormInput = true, _NLDDPasswordField.blocksImplicitSubmission = true, _NLDDPasswordField);
@@ -24715,8 +24723,7 @@ var RadioGrouping = class RadioGrouping {
 *
 * @fires change - When checked state changes; detail: { checked: boolean, value: string, name: string }
 */
-var _NLDDRadioButton;
-var NLDDRadioButton = (_NLDDRadioButton = class NLDDRadioButton extends DescribedBy(FormAssociated(LitElement)) {
+var _NLDDRadioButton = class NLDDRadioButton extends DescribedBy(FormAssociated(LitElement)) {
 	constructor(..._args) {
 		super(..._args);
 		this._initialChecked = false;
@@ -24849,7 +24856,8 @@ var NLDDRadioButton = (_NLDDRadioButton = class NLDDRadioButton extends Describe
 	render() {
 		return radioButtonTemplate(this);
 	}
-}, _NLDDRadioButton.styles = radioButtonStyles, _NLDDRadioButton.isFormInput = true, _NLDDRadioButton);
+};
+var NLDDRadioButton = (_NLDDRadioButton.styles = radioButtonStyles, _NLDDRadioButton.isFormInput = true, _NLDDRadioButton);
 __decorate([property({
 	type: Boolean,
 	reflect: true
@@ -25010,8 +25018,7 @@ function radioButtonFieldTemplate(component) {
 *
 * @fires change - When checked state changes; detail: { checked: boolean, value: string }
 */
-var _NLDDRadioButtonField;
-var NLDDRadioButtonField = (_NLDDRadioButtonField = class NLDDRadioButtonField extends DescribedBy(FormAssociated(LitElement)) {
+var _NLDDRadioButtonField = class NLDDRadioButtonField extends DescribedBy(FormAssociated(LitElement)) {
 	constructor(..._args) {
 		super(..._args);
 		this._initialChecked = false;
@@ -25151,7 +25158,8 @@ var NLDDRadioButtonField = (_NLDDRadioButtonField = class NLDDRadioButtonField e
 	render() {
 		return radioButtonFieldTemplate(this);
 	}
-}, _NLDDRadioButtonField.styles = radioButtonFieldStyles, _NLDDRadioButtonField.isFormInput = true, _NLDDRadioButtonField);
+};
+var NLDDRadioButtonField = (_NLDDRadioButtonField.styles = radioButtonFieldStyles, _NLDDRadioButtonField.isFormInput = true, _NLDDRadioButtonField);
 __decorate([property({
 	type: Boolean,
 	reflect: true
@@ -25235,8 +25243,7 @@ function radioButtonGroupTemplate(component) {
 *
 * @fires change - Bubbles up from the checked field; detail: { checked: boolean, value: string }
 */
-var _NLDDRadioButtonGroup;
-var NLDDRadioButtonGroup = (_NLDDRadioButtonGroup = class NLDDRadioButtonGroup extends LitElement {
+var _NLDDRadioButtonGroup = class NLDDRadioButtonGroup extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.name = "";
@@ -25357,7 +25364,8 @@ var NLDDRadioButtonGroup = (_NLDDRadioButtonGroup = class NLDDRadioButtonGroup e
 	render() {
 		return radioButtonGroupTemplate(this);
 	}
-}, _NLDDRadioButtonGroup.styles = radioButtonGroupStyles, _NLDDRadioButtonGroup.isFormInput = true, _NLDDRadioButtonGroup);
+};
+var NLDDRadioButtonGroup = (_NLDDRadioButtonGroup.styles = radioButtonGroupStyles, _NLDDRadioButtonGroup.isFormInput = true, _NLDDRadioButtonGroup);
 __decorate([property({ type: String })], NLDDRadioButtonGroup.prototype, "name", void 0);
 __decorate([property({
 	type: Boolean,
@@ -25638,8 +25646,7 @@ var nlddSearchFieldTranslations = {
 * @fires change - When the input value is committed; detail: { value: string }
 * @fires search - When search is submitted via Enter or the search button; detail: { value: string }
 */
-var _NLDDSearchField;
-var NLDDSearchField = (_NLDDSearchField = class NLDDSearchField extends DescribedBy(FormAssociated(LitElement)) {
+var _NLDDSearchField = class NLDDSearchField extends DescribedBy(FormAssociated(LitElement)) {
 	constructor(..._args) {
 		super(..._args);
 		this._initialValue = "";
@@ -25740,7 +25747,8 @@ var NLDDSearchField = (_NLDDSearchField = class NLDDSearchField extends Describe
 	render() {
 		return searchFieldTemplate(this);
 	}
-}, _NLDDSearchField.styles = searchFieldStyles, _NLDDSearchField.isFormInput = true, _NLDDSearchField.blocksImplicitSubmission = true, _NLDDSearchField);
+};
+var NLDDSearchField = (_NLDDSearchField.styles = searchFieldStyles, _NLDDSearchField.isFormInput = true, _NLDDSearchField.blocksImplicitSubmission = true, _NLDDSearchField);
 __decorate([property({
 	reflect: true,
 	converter: reflectNonDefault("md")
@@ -26820,8 +26828,7 @@ var nlddStepperTranslations = {
 *
 * @fires change - When the value changes; detail: { value: number }
 */
-var _NLDDStepper;
-var NLDDStepper = (_NLDDStepper = class NLDDStepper extends DescribedBy(FormAssociated(LitElement)) {
+var _NLDDStepper = class NLDDStepper extends DescribedBy(FormAssociated(LitElement)) {
 	constructor(..._args) {
 		super(..._args);
 		this._initialValue = 0;
@@ -26920,7 +26927,8 @@ var NLDDStepper = (_NLDDStepper = class NLDDStepper extends DescribedBy(FormAsso
 	render() {
 		return stepperTemplate(this);
 	}
-}, _NLDDStepper.styles = stepperStyles, _NLDDStepper.isFormInput = true, _NLDDStepper);
+};
+var NLDDStepper = (_NLDDStepper.styles = stepperStyles, _NLDDStepper.isFormInput = true, _NLDDStepper);
 __decorate([property({ type: Number })], NLDDStepper.prototype, "value", void 0);
 __decorate([property({ type: Number })], NLDDStepper.prototype, "min", void 0);
 __decorate([property({ type: Number })], NLDDStepper.prototype, "max", void 0);
@@ -27348,8 +27356,7 @@ function switchFieldTemplate(component) {
 *
 * @fires change - When checked state changes; detail: { checked: boolean, value: string }
 */
-var _NLDDSwitchField;
-var NLDDSwitchField = (_NLDDSwitchField = class NLDDSwitchField extends DescribedBy(LitElement) {
+var _NLDDSwitchField = class NLDDSwitchField extends DescribedBy(LitElement) {
 	constructor(..._args) {
 		super(..._args);
 		this.checked = false;
@@ -27391,7 +27398,8 @@ var NLDDSwitchField = (_NLDDSwitchField = class NLDDSwitchField extends Describe
 	render() {
 		return switchFieldTemplate(this);
 	}
-}, _NLDDSwitchField.styles = switchFieldStyles, _NLDDSwitchField.isFormInput = true, _NLDDSwitchField);
+};
+var NLDDSwitchField = (_NLDDSwitchField.styles = switchFieldStyles, _NLDDSwitchField.isFormInput = true, _NLDDSwitchField);
 __decorate([property({
 	type: Boolean,
 	reflect: true
@@ -33143,8 +33151,7 @@ var nlddTextEditorTranslations = {
 * @fires nldd-text-editor-typeahead - When a candidate from one of the `typeaheads` is chosen (detail: TypeaheadChosenDetail with trigger, candidate, from, to; clean offsets)
 * @fires nldd-text-editor-annotation-click - When an annotation's count badge is clicked (detail: { ids: string[], rect: DOMRect }); rect is the badge's viewport box so a consumer can anchor its own note UI to it
 */
-var _NLDDTextEditor;
-var NLDDTextEditor = (_NLDDTextEditor = class NLDDTextEditor extends DescribedBy(FormAssociated(NLDDCodeMirrorElement)) {
+var _NLDDTextEditor = class NLDDTextEditor extends DescribedBy(FormAssociated(NLDDCodeMirrorElement)) {
 	constructor(..._args) {
 		super(..._args);
 		this._initialValue = "";
@@ -33895,7 +33902,8 @@ var NLDDTextEditor = (_NLDDTextEditor = class NLDDTextEditor extends DescribedBy
 	render() {
 		return textEditorTemplate(this);
 	}
-}, _NLDDTextEditor.shadowRootOptions = {
+};
+var NLDDTextEditor = (_NLDDTextEditor.shadowRootOptions = {
 	...LitElement.shadowRootOptions,
 	delegatesFocus: true
 }, _NLDDTextEditor.styles = textEditorStyles, _NLDDTextEditor.isFormInput = true, _NLDDTextEditor);
@@ -34864,14 +34872,14 @@ var spacerStyles = css`
 * @attr {string} lg-size - Spacer size at lg breakpoint (min-width: 1008px).
 * @attr {string} direction - Direction: 'horizontal' | 'vertical' | 'both' (default: 'both')
 */
-var _NLDDSpacer;
-var NLDDSpacer = (_NLDDSpacer = class NLDDSpacer extends LitElement {
+var _NLDDSpacer = class NLDDSpacer extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.size = "16";
 		this.direction = "both";
 	}
-}, _NLDDSpacer.styles = spacerStyles, _NLDDSpacer);
+};
+var NLDDSpacer = (_NLDDSpacer.styles = spacerStyles, _NLDDSpacer);
 __decorate([property({
 	type: String,
 	reflect: true
@@ -36514,8 +36522,7 @@ function toggleButtonTemplate(component) {
 *
 * @fires change - When selection changes; detail: { selected: boolean, value: string }
 */
-var _NLDDToggleButton;
-var NLDDToggleButton = (_NLDDToggleButton = class NLDDToggleButton extends DescribedBy(FormAssociated(LitElement)) {
+var _NLDDToggleButton = class NLDDToggleButton extends DescribedBy(FormAssociated(LitElement)) {
 	constructor(..._args) {
 		super(..._args);
 		this.required = false;
@@ -36700,7 +36707,8 @@ var NLDDToggleButton = (_NLDDToggleButton = class NLDDToggleButton extends Descr
 	render() {
 		return toggleButtonTemplate(this);
 	}
-}, _NLDDToggleButton.styles = toggleButtonStyles, _NLDDToggleButton.isFormInput = true, _NLDDToggleButton);
+};
+var NLDDToggleButton = (_NLDDToggleButton.styles = toggleButtonStyles, _NLDDToggleButton.isFormInput = true, _NLDDToggleButton);
 __decorate([property({
 	type: Boolean,
 	reflect: true
@@ -36833,8 +36841,7 @@ function toggleButtonGroupTemplate(component) {
 *
 * @fires change - Bubbles up from the changed button; detail: { selected: boolean, value: string }
 */
-var _NLDDToggleButtonGroup;
-var NLDDToggleButtonGroup = (_NLDDToggleButtonGroup = class NLDDToggleButtonGroup extends LitElement {
+var _NLDDToggleButtonGroup = class NLDDToggleButtonGroup extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.required = false;
@@ -36976,7 +36983,8 @@ var NLDDToggleButtonGroup = (_NLDDToggleButtonGroup = class NLDDToggleButtonGrou
 	render() {
 		return toggleButtonGroupTemplate(this);
 	}
-}, _NLDDToggleButtonGroup.styles = toggleButtonGroupStyles, _NLDDToggleButtonGroup.isFormInput = true, _NLDDToggleButtonGroup);
+};
+var NLDDToggleButtonGroup = (_NLDDToggleButtonGroup.styles = toggleButtonGroupStyles, _NLDDToggleButtonGroup.isFormInput = true, _NLDDToggleButtonGroup);
 __decorate([property({
 	type: Boolean,
 	reflect: true
@@ -38614,8 +38622,7 @@ function splitViewDividerTemplate(component) {
 * @attr {string} orientation - Orientation: 'vertical' | 'horizontal'
 * @attr {boolean} has-drag-handle - Show a drag handle
 */
-var _NLDDSplitViewDivider;
-var NLDDSplitViewDivider = (_NLDDSplitViewDivider = class NLDDSplitViewDivider extends LitElement {
+var _NLDDSplitViewDivider = class NLDDSplitViewDivider extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.orientation = "vertical";
@@ -38624,7 +38631,8 @@ var NLDDSplitViewDivider = (_NLDDSplitViewDivider = class NLDDSplitViewDivider e
 	render() {
 		return splitViewDividerTemplate(this);
 	}
-}, _NLDDSplitViewDivider.styles = splitViewDividerStyles, _NLDDSplitViewDivider);
+};
+var NLDDSplitViewDivider = (_NLDDSplitViewDivider.styles = splitViewDividerStyles, _NLDDSplitViewDivider);
 __decorate([property({
 	reflect: true,
 	converter: reflectNonDefault("vertical")
@@ -39312,8 +39320,7 @@ function navigationSplitViewTemplate(component) {
 * @method showSidebarSheet() - @deprecated alias for showPrimarySidebarSheet() (kept for backwards compatibility)
 * @method hideSidebarSheet() - @deprecated alias for hidePrimarySidebarSheet() (kept for backwards compatibility)
 */
-var _NLDDNavigationSplitView;
-var NLDDNavigationSplitView = (_NLDDNavigationSplitView = class NLDDNavigationSplitView extends LitElement {
+var _NLDDNavigationSplitView = class NLDDNavigationSplitView extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this._scrollMode = new ScrollModeController(this);
@@ -39612,7 +39619,8 @@ var NLDDNavigationSplitView = (_NLDDNavigationSplitView = class NLDDNavigationSp
 	render() {
 		return navigationSplitViewTemplate(this);
 	}
-}, _NLDDNavigationSplitView.styles = navigationSplitViewStyles, _NLDDNavigationSplitView);
+};
+var NLDDNavigationSplitView = (_NLDDNavigationSplitView.styles = navigationSplitViewStyles, _NLDDNavigationSplitView);
 __decorate([property({
 	type: Boolean,
 	reflect: true,
@@ -39792,8 +39800,7 @@ function sideBySideSplitViewTemplate(component) {
 * @slot pane-2 - Second pane
 * @slot pane-n - Each subsequent pane based on the `panes` attribute
 */
-var _NLDDSideBySideSplitView;
-var NLDDSideBySideSplitView = (_NLDDSideBySideSplitView = class NLDDSideBySideSplitView extends LitElement {
+var _NLDDSideBySideSplitView = class NLDDSideBySideSplitView extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this._scrollMode = new ScrollModeController(this);
@@ -39843,7 +39850,8 @@ var NLDDSideBySideSplitView = (_NLDDSideBySideSplitView = class NLDDSideBySideSp
 	render() {
 		return sideBySideSplitViewTemplate(this);
 	}
-}, _NLDDSideBySideSplitView.styles = sideBySideSplitViewStyles, _NLDDSideBySideSplitView);
+};
+var NLDDSideBySideSplitView = (_NLDDSideBySideSplitView.styles = sideBySideSplitViewStyles, _NLDDSideBySideSplitView);
 __decorate([property({
 	type: String,
 	reflect: true
@@ -39992,8 +40000,7 @@ function stackedSplitViewTemplate(component) {
 * @slot pane-2 - Second pane
 * @slot pane-n - Each subsequent pane based on the `panes` attribute
 */
-var _NLDDStackedSplitView;
-var NLDDStackedSplitView = (_NLDDStackedSplitView = class NLDDStackedSplitView extends LitElement {
+var _NLDDStackedSplitView = class NLDDStackedSplitView extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this._scrollMode = new ScrollModeController(this);
@@ -40029,7 +40036,8 @@ var NLDDStackedSplitView = (_NLDDStackedSplitView = class NLDDStackedSplitView e
 	render() {
 		return stackedSplitViewTemplate(this);
 	}
-}, _NLDDStackedSplitView.styles = stackedSplitViewStyles, _NLDDStackedSplitView);
+};
+var NLDDStackedSplitView = (_NLDDStackedSplitView.styles = stackedSplitViewStyles, _NLDDStackedSplitView);
 __decorate([property({
 	type: String,
 	reflect: true
@@ -40175,8 +40183,7 @@ function splitViewPaneTemplate(_component) {
 *
 * @slot - Pane content
 */
-var _NLDDSplitViewPane;
-var NLDDSplitViewPane = (_NLDDSplitViewPane = class NLDDSplitViewPane extends LitElement {
+var _NLDDSplitViewPane = class NLDDSplitViewPane extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this._scrollMode = new ScrollModeController(this);
@@ -40192,7 +40199,8 @@ var NLDDSplitViewPane = (_NLDDSplitViewPane = class NLDDSplitViewPane extends Li
 	render() {
 		return splitViewPaneTemplate(this);
 	}
-}, _NLDDSplitViewPane.styles = splitViewPaneStyles, _NLDDSplitViewPane);
+};
+var NLDDSplitViewPane = (_NLDDSplitViewPane.styles = splitViewPaneStyles, _NLDDSplitViewPane);
 __decorate([property({
 	type: String,
 	reflect: true
@@ -41184,8 +41192,7 @@ function simpleSectionTemplate(component) {
 * @slot footer - Content below the main content
 */
 var simple_section_exports = /* @__PURE__ */ __exportAll({ NLDDSimpleSection: () => NLDDSimpleSection });
-var _NLDDSimpleSection;
-var NLDDSimpleSection = (_NLDDSimpleSection = class NLDDSimpleSection extends PageSectionMixin(LitElement) {
+var _NLDDSimpleSection = class NLDDSimpleSection extends PageSectionMixin(LitElement) {
 	constructor(..._args) {
 		super(..._args);
 		this.width = "";
@@ -41203,7 +41210,8 @@ var NLDDSimpleSection = (_NLDDSimpleSection = class NLDDSimpleSection extends Pa
 	render() {
 		return simpleSectionTemplate(this);
 	}
-}, _NLDDSimpleSection.styles = simpleSectionStyles, _NLDDSimpleSection);
+};
+var NLDDSimpleSection = (_NLDDSimpleSection.styles = simpleSectionStyles, _NLDDSimpleSection);
 __decorate([property({
 	type: String,
 	reflect: true
@@ -41672,8 +41680,7 @@ function heroTemplate(component) {
 *   otherwise give a describing alt text.
 * @slot - Content of the text panel (nldd-title and nldd-rich-text with color="inherit", for instance)
 */
-var _NLDDHero;
-var NLDDHero = (_NLDDHero = class NLDDHero extends PageSectionMixin(LitElement) {
+var _NLDDHero = class NLDDHero extends PageSectionMixin(LitElement) {
 	constructor(..._args) {
 		super(..._args);
 		this.width = "";
@@ -41716,7 +41723,8 @@ var NLDDHero = (_NLDDHero = class NLDDHero extends PageSectionMixin(LitElement)
 	render() {
 		return heroTemplate(this);
 	}
-}, _NLDDHero.styles = heroStyles, _NLDDHero);
+};
+var NLDDHero = (_NLDDHero.styles = heroStyles, _NLDDHero);
 __decorate([property({
 	type: String,
 	reflect: true
@@ -41918,8 +41926,7 @@ function fullBleedSectionTemplate(component) {
 * @slot - Main content
 * @slot footer - Content below the main content
 */
-var _NLDDFullBleedSection;
-var NLDDFullBleedSection = (_NLDDFullBleedSection = class NLDDFullBleedSection extends PageSectionMixin(LitElement) {
+var _NLDDFullBleedSection = class NLDDFullBleedSection extends PageSectionMixin(LitElement) {
 	constructor(..._args) {
 		super(..._args);
 		this.width = "";
@@ -41935,7 +41942,8 @@ var NLDDFullBleedSection = (_NLDDFullBleedSection = class NLDDFullBleedSection e
 	render() {
 		return fullBleedSectionTemplate(this);
 	}
-}, _NLDDFullBleedSection.styles = fullBleedSectionStyles, _NLDDFullBleedSection);
+};
+var NLDDFullBleedSection = (_NLDDFullBleedSection.styles = fullBleedSectionStyles, _NLDDFullBleedSection);
 __decorate([property({
 	type: String,
 	reflect: true
@@ -42140,8 +42148,7 @@ function oneThirdTwoThirdsSectionTemplate(component) {
 * @slot right - Right column (2/3)
 * @slot footer - Content below the columns
 */
-var _NLDDOneThirdTwoThirdsSection;
-var NLDDOneThirdTwoThirdsSection = (_NLDDOneThirdTwoThirdsSection = class NLDDOneThirdTwoThirdsSection extends PageSectionMixin(LitElement) {
+var _NLDDOneThirdTwoThirdsSection = class NLDDOneThirdTwoThirdsSection extends PageSectionMixin(LitElement) {
 	constructor(..._args) {
 		super(..._args);
 		this.width = "";
@@ -42157,7 +42164,8 @@ var NLDDOneThirdTwoThirdsSection = (_NLDDOneThirdTwoThirdsSection = class NLDDOn
 	render() {
 		return oneThirdTwoThirdsSectionTemplate(this);
 	}
-}, _NLDDOneThirdTwoThirdsSection.styles = oneThirdTwoThirdsSectionStyles, _NLDDOneThirdTwoThirdsSection);
+};
+var NLDDOneThirdTwoThirdsSection = (_NLDDOneThirdTwoThirdsSection.styles = oneThirdTwoThirdsSectionStyles, _NLDDOneThirdTwoThirdsSection);
 __decorate([property({
 	type: String,
 	reflect: true
@@ -42362,8 +42370,7 @@ function twoThirdsOneThirdSectionTemplate(component) {
 * @slot right - Right column (1/3)
 * @slot footer - Content below the columns
 */
-var _NLDDTwoThirdsOneThirdSection;
-var NLDDTwoThirdsOneThirdSection = (_NLDDTwoThirdsOneThirdSection = class NLDDTwoThirdsOneThirdSection extends PageSectionMixin(LitElement) {
+var _NLDDTwoThirdsOneThirdSection = class NLDDTwoThirdsOneThirdSection extends PageSectionMixin(LitElement) {
 	constructor(..._args) {
 		super(..._args);
 		this.width = "";
@@ -42379,7 +42386,8 @@ var NLDDTwoThirdsOneThirdSection = (_NLDDTwoThirdsOneThirdSection = class NLDDTw
 	render() {
 		return twoThirdsOneThirdSectionTemplate(this);
 	}
-}, _NLDDTwoThirdsOneThirdSection.styles = twoThirdsOneThirdSectionStyles, _NLDDTwoThirdsOneThirdSection);
+};
+var NLDDTwoThirdsOneThirdSection = (_NLDDTwoThirdsOneThirdSection.styles = twoThirdsOneThirdSectionStyles, _NLDDTwoThirdsOneThirdSection);
 __decorate([property({
 	type: String,
 	reflect: true
@@ -42575,8 +42583,7 @@ function oneHalfOneHalfSectionTemplate(component) {
 * @slot right - Right column (1/2)
 * @slot footer - Content below the columns
 */
-var _NLDDOneHalfOneHalfSection;
-var NLDDOneHalfOneHalfSection = (_NLDDOneHalfOneHalfSection = class NLDDOneHalfOneHalfSection extends PageSectionMixin(LitElement) {
+var _NLDDOneHalfOneHalfSection = class NLDDOneHalfOneHalfSection extends PageSectionMixin(LitElement) {
 	constructor(..._args) {
 		super(..._args);
 		this.width = "";
@@ -42592,7 +42599,8 @@ var NLDDOneHalfOneHalfSection = (_NLDDOneHalfOneHalfSection = class NLDDOneHalfO
 	render() {
 		return oneHalfOneHalfSectionTemplate(this);
 	}
-}, _NLDDOneHalfOneHalfSection.styles = oneHalfOneHalfSectionStyles, _NLDDOneHalfOneHalfSection);
+};
+var NLDDOneHalfOneHalfSection = (_NLDDOneHalfOneHalfSection.styles = oneHalfOneHalfSectionStyles, _NLDDOneHalfOneHalfSection);
 __decorate([property({
 	type: String,
 	reflect: true
@@ -43468,8 +43476,7 @@ NLDDSheet = __decorate([customElement("nldd-sheet")], NLDDSheet);
 * @method hide() - Closes the sidebar sheet.
 * @method toggle() - Opens or closes the sidebar sheet (collapsed only).
 */
-var _NLDDSidebarSection;
-var NLDDSidebarSection = (_NLDDSidebarSection = class NLDDSidebarSection extends PageSectionMixin(LitElement) {
+var _NLDDSidebarSection = class NLDDSidebarSection extends PageSectionMixin(LitElement) {
 	constructor(..._args) {
 		super(..._args);
 		this.width = "";
@@ -43564,7 +43571,8 @@ var NLDDSidebarSection = (_NLDDSidebarSection = class NLDDSidebarSection extends
 	render() {
 		return sidebarSectionTemplate(this);
 	}
-}, _NLDDSidebarSection.styles = sidebarSectionStyles, _NLDDSidebarSection);
+};
+var NLDDSidebarSection = (_NLDDSidebarSection.styles = sidebarSectionStyles, _NLDDSidebarSection);
 __decorate([property({
 	type: String,
 	reflect: true
@@ -43687,8 +43695,7 @@ function boxTemplate(_component) {
 * @slot - Place components inside the box, usually wrapped in an nldd-container
 * that carries the padding
 */
-var _NLDDBox;
-var NLDDBox = (_NLDDBox = class NLDDBox extends LitElement {
+var _NLDDBox = class NLDDBox extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.background = "tinted";
@@ -43696,7 +43703,8 @@ var NLDDBox = (_NLDDBox = class NLDDBox extends LitElement {
 	render() {
 		return boxTemplate(this);
 	}
-}, _NLDDBox.styles = boxStyles, _NLDDBox);
+};
+var NLDDBox = (_NLDDBox.styles = boxStyles, _NLDDBox);
 __decorate([property({
 	reflect: true,
 	converter: reflectNonDefault("tinted")
@@ -43938,8 +43946,7 @@ var nlddCardTranslations = { "components.card.opens-in-new-tab-label": "Opent in
 * @slot - Body content
 * @slot footer - Footer content (e.g. nldd-button-group), always at the bottom
 */
-var _NLDDCard;
-var NLDDCard = (_NLDDCard = class NLDDCard extends withTranslations(LitElement, nlddCardTranslations) {
+var _NLDDCard = class NLDDCard extends withTranslations(LitElement, nlddCardTranslations) {
 	constructor(..._args) {
 		super(..._args);
 		this.background = "base";
@@ -43980,7 +43987,8 @@ var NLDDCard = (_NLDDCard = class NLDDCard extends withTranslations(LitElement,
 	render() {
 		return cardTemplate(this);
 	}
-}, _NLDDCard.styles = cardStyles, _NLDDCard);
+};
+var NLDDCard = (_NLDDCard.styles = cardStyles, _NLDDCard);
 __decorate([property({
 	reflect: true,
 	converter: reflectNonDefault("base")
@@ -44287,8 +44295,7 @@ var nlddCollectionTranslations = {
 *
 * @fires load-more - When the load-more button is clicked
 */
-var _NLDDCollection;
-var NLDDCollection = (_NLDDCollection = class NLDDCollection extends LitElement {
+var _NLDDCollection = class NLDDCollection extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.layout = "grid";
@@ -44434,7 +44441,8 @@ var NLDDCollection = (_NLDDCollection = class NLDDCollection extends LitElement
 	render() {
 		return collectionTemplate(this);
 	}
-}, _NLDDCollection.styles = collectionStyles, _NLDDCollection);
+};
+var NLDDCollection = (_NLDDCollection.styles = collectionStyles, _NLDDCollection);
 __decorate([property({
 	reflect: true,
 	converter: reflectNonDefault("grid")
@@ -44540,12 +44548,12 @@ function dividerTemplate(_component) {
 *
 * @element nldd-divider
 */
-var _NLDDDivider;
-var NLDDDivider = (_NLDDDivider = class NLDDDivider extends LitElement {
+var _NLDDDivider = class NLDDDivider extends LitElement {
 	render() {
 		return dividerTemplate(this);
 	}
-}, _NLDDDivider.styles = dividerStyles, _NLDDDivider);
+};
+var NLDDDivider = (_NLDDDivider.styles = dividerStyles, _NLDDDivider);
 NLDDDivider = __decorate([customElement("nldd-divider")], NLDDDivider);
 //#endregion
 //#region src/components/layout/window/window.styles.ts
@@ -44684,8 +44692,7 @@ var nlddWindowTranslations = { "components.window.accessible-label": "Venster" }
 * @method show() - Opens the window
 * @method hide() - Closes the window
 */
-var _NLDDWindow;
-var NLDDWindow = (_NLDDWindow = class NLDDWindow extends LitElement {
+var _NLDDWindow = class NLDDWindow extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.scheme = "inherit";
@@ -44840,7 +44847,8 @@ var NLDDWindow = (_NLDDWindow = class NLDDWindow extends LitElement {
 	render() {
 		return windowTemplate(this);
 	}
-}, _NLDDWindow.styles = windowStyles, _NLDDWindow);
+};
+var NLDDWindow = (_NLDDWindow.styles = windowStyles, _NLDDWindow);
 __decorate([property({
 	type: String,
 	reflect: true
@@ -45550,8 +45558,7 @@ function template$9(control, href, target, rel, checked, expanded, current, disa
 }
 //#endregion
 //#region src/components/lists-and-tables/list-item-segment/list-item-segment.ts
-var _NLDDListItemSegment;
-var NLDDListItemSegment = (_NLDDListItemSegment = class NLDDListItemSegment extends LitElement {
+var _NLDDListItemSegment = class NLDDListItemSegment extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.width = "fit-content";
@@ -45653,7 +45660,8 @@ var NLDDListItemSegment = (_NLDDListItemSegment = class NLDDListItemSegment exte
 	render() {
 		return template$9(this._controlType, this.href, this.target, this.rel, this.checked, this.disclosure ? this._rowExpanded : this.expanded, this.current, this.disabled, this.accessibleLabel, this._tabbable === void 0 ? void 0 : this._tabbable ? "0" : "-1", this.popupType, this.popovertarget, this.popoverTargetElement, this.popoverTargetAction);
 	}
-}, _NLDDListItemSegment.styles = [listItemSegmentStyles], _NLDDListItemSegment);
+};
+var NLDDListItemSegment = (_NLDDListItemSegment.styles = [listItemSegmentStyles], _NLDDListItemSegment);
 __decorate([property({
 	reflect: true,
 	converter: reflectNonDefault("fit-content")
@@ -46429,8 +46437,7 @@ var template$8 = function() {
 * @attr {string} query - Query substring to bold-highlight across text fields. Empty = no marking.
 * @attr {string} query-mark-mode - 'match' | 'predictive' (default: 'predictive')
 */
-var _NLDDTitleCell;
-var NLDDTitleCell = (_NLDDTitleCell = class NLDDTitleCell extends VisibilityMixin(LitElement, "cells-container") {
+var _NLDDTitleCell = class NLDDTitleCell extends VisibilityMixin(LitElement, "cells-container") {
 	constructor(..._args) {
 		super(..._args);
 		this.size = 5;
@@ -46485,7 +46492,8 @@ var NLDDTitleCell = (_NLDDTitleCell = class NLDDTitleCell extends VisibilityMixi
 	render() {
 		return template$8.call(this);
 	}
-}, _NLDDTitleCell.styles = [titleCellStyles], _NLDDTitleCell);
+};
+var NLDDTitleCell = (_NLDDTitleCell.styles = [titleCellStyles], _NLDDTitleCell);
 __decorate([property({
 	type: Number,
 	reflect: true
@@ -46701,8 +46709,7 @@ var template$7 = () => html`
 * @slot title - The label displayed above the description
 * @slot description - The description content
 */
-var _NLDDDescriptionCell;
-var NLDDDescriptionCell = (_NLDDDescriptionCell = class NLDDDescriptionCell extends VisibilityMixin(LitElement, "cells-container") {
+var _NLDDDescriptionCell = class NLDDDescriptionCell extends VisibilityMixin(LitElement, "cells-container") {
 	constructor(..._args) {
 		super(..._args);
 		this.width = "full";
@@ -46729,7 +46736,8 @@ var NLDDDescriptionCell = (_NLDDDescriptionCell = class NLDDDescriptionCell exte
 	render() {
 		return template$7();
 	}
-}, _NLDDDescriptionCell.styles = [descriptionCellStyles], _NLDDDescriptionCell);
+};
+var NLDDDescriptionCell = (_NLDDDescriptionCell.styles = [descriptionCellStyles], _NLDDDescriptionCell);
 __decorate([property({
 	reflect: true,
 	converter: reflectNonDefault("full")
@@ -46973,8 +46981,7 @@ var nlddDragHandleCellTranslations = { "components.drag-handle-cell.accessible-l
 * @attr {string} size - Handle size: 'sm' | 'md' (default: 'md')
 * @attr {object} translations - Override translation keys; unset keys fall back to Dutch. Sets the handle's accessible label.
 */
-var _NLDDDragHandleCell;
-var NLDDDragHandleCell = (_NLDDDragHandleCell = class NLDDDragHandleCell extends LitElement {
+var _NLDDDragHandleCell = class NLDDDragHandleCell extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.size = "md";
@@ -46987,7 +46994,8 @@ var NLDDDragHandleCell = (_NLDDDragHandleCell = class NLDDDragHandleCell extends
 		const label = this._t("components.drag-handle-cell.accessible-label");
 		return template$6(this.size, label);
 	}
-}, _NLDDDragHandleCell.styles = dragHandleCellStyles, _NLDDDragHandleCell);
+};
+var NLDDDragHandleCell = (_NLDDDragHandleCell.styles = dragHandleCellStyles, _NLDDDragHandleCell);
 __decorate([property({
 	reflect: true,
 	converter: reflectNonDefault("md")
@@ -47222,15 +47230,14 @@ function timelineTrackCellTemplate(component) {
 * @attr {'past' | 'current' | 'future'} status - How far along this row is (default 'past'); the same values as `nldd-step-indicator-item`. It colors the dot and the track around it: covered above where you are, still ahead below
 * @attr {'sm' | 'md'} size - How wide the lane is and so how big the dot: `sm` (default, 16px) for a timeline of events, `md` (24px) where a number or an icon has to fit. Every row in one list takes the same size, or the track jumps
 * @attr {'down' | 'up'} direction - The direction the timeline moves forward in: `down` (default) puts the past above, `up` below. Only the current step has half a track, so this only has an effect there
-* @attr {'first' | 'between' | 'last' | 'only'} position - Place in the series (default 'between'): decides whether the line continues above the dot, below it, or on both sides. `only` is the single row in the series and gets a line on neither side: a track of one dot leads nowhere. On a `level="none"` row, which is nothing but line, `only` leaves it out altogether: the track ends above it
+* @attr {'first' | 'between' | 'last' | 'only'} position - Place of the row in the list as it stands on screen (default 'between'): decides whether the line continues above the dot, below it, or on both sides. `first` is the top row and only has a line below, `last` the bottom row and only has a line above, also with `direction="up"`: position is about where the row stands, `direction` about which way time runs. `only` is the single row in the series and gets a line on neither side: a track of one dot leads nowhere. On a `level="none"` row, which is nothing but line, `only` leaves it out altogether: the track ends above it
 * @attr {'auto' | 'top' | 'bottom' | 'both' | 'none'} line - Which halves of the track you have covered, when `status` and `direction` get it wrong (default 'auto', which is what those two say). The halves you name are drawn as covered and the other one as still ahead, so `none` covers neither. Which halves are drawn at all stays with `position`, except that naming a half draws it: `line="both"` on a `first` row draws one above too. A row that opens a group of its own is the case for `both`, since the going carries on below it. A `level="none"` row has one line rather than two halves, and no point where a fill could change over, so there the status colors the whole of it and `line` overrules the whole of it. On a `current` row that leans the way the timeline runs: what belongs to a point usually comes after it, so going `down` the stretch reads as still ahead and going `up` as behind you
 * @attr {string} text - Number or short text in the dot
 * @attr {string} icon - Icon name in the dot; wins over `text`
 *
 * @slot - Custom content in the dot (an alternative to `text` and `icon`)
 */
-var _NLDDTimelineTrackCell;
-var NLDDTimelineTrackCell = (_NLDDTimelineTrackCell = class NLDDTimelineTrackCell extends VisibilityMixin(LitElement, "cells-container") {
+var _NLDDTimelineTrackCell = class NLDDTimelineTrackCell extends VisibilityMixin(LitElement, "cells-container") {
 	constructor(..._args) {
 		super(..._args);
 		this.level = "major";
@@ -47254,7 +47261,8 @@ var NLDDTimelineTrackCell = (_NLDDTimelineTrackCell = class NLDDTimelineTrackCel
 	render() {
 		return timelineTrackCellTemplate(this);
 	}
-}, _NLDDTimelineTrackCell.styles = timelineTrackCellStyles, _NLDDTimelineTrackCell);
+};
+var NLDDTimelineTrackCell = (_NLDDTimelineTrackCell.styles = timelineTrackCellStyles, _NLDDTimelineTrackCell);
 __decorate([property({
 	reflect: true,
 	converter: reflectNonDefault("major")
@@ -47853,8 +47861,7 @@ function template$4(component) {
 *   accessible-label, translations, filterFn and so on). Event listeners on
 *   items work directly, because nothing is cloned anymore.
 */
-var _NLDDMenuBarItem;
-var NLDDMenuBarItem = (_NLDDMenuBarItem = class NLDDMenuBarItem extends LitElement {
+var _NLDDMenuBarItem = class NLDDMenuBarItem extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.text = "";
@@ -47956,7 +47963,8 @@ var NLDDMenuBarItem = (_NLDDMenuBarItem = class NLDDMenuBarItem extends LitEleme
 	render() {
 		return template$4(this);
 	}
-}, _NLDDMenuBarItem.styles = menuBarItemStyles, _NLDDMenuBarItem);
+};
+var NLDDMenuBarItem = (_NLDDMenuBarItem.styles = menuBarItemStyles, _NLDDMenuBarItem);
 __decorate([property({
 	reflect: true,
 	converter: reflectNonDefault("")
@@ -48025,8 +48033,7 @@ NLDDMenuBarItem = __decorate([customElement("nldd-menu-bar-item")], NLDDMenuBarI
 *
 * @slot - nldd-menu-bar-item elements
 */
-var _NLDDMenuBar;
-var NLDDMenuBar = (_NLDDMenuBar = class NLDDMenuBar extends withTranslations(LitElement, nlddMenuBarTranslations) {
+var _NLDDMenuBar = class NLDDMenuBar extends withTranslations(LitElement, nlddMenuBarTranslations) {
 	constructor(..._args) {
 		super(..._args);
 		this.overflowText = "";
@@ -48229,7 +48236,8 @@ var NLDDMenuBar = (_NLDDMenuBar = class NLDDMenuBar extends withTranslations(Lit
 	render() {
 		return template$5(this);
 	}
-}, _NLDDMenuBar.styles = menuBarStyles, _NLDDMenuBar);
+};
+var NLDDMenuBar = (_NLDDMenuBar.styles = menuBarStyles, _NLDDMenuBar);
 __decorate([property({
 	reflect: true,
 	attribute: "overflow-text",
@@ -48476,8 +48484,7 @@ var nlddLinkTranslations = { "components.link.opens-in-new-tab-label": "Opent in
 * @slot start-icon - Custom icon before the text
 * @slot end-icon - Custom icon after the text
 */
-var _NLDDLink;
-var NLDDLink = (_NLDDLink = class NLDDLink extends withTranslations(LitElement, nlddLinkTranslations) {
+var _NLDDLink = class NLDDLink extends withTranslations(LitElement, nlddLinkTranslations) {
 	constructor(..._args) {
 		super(..._args);
 		this.href = void 0;
@@ -48500,7 +48507,8 @@ var NLDDLink = (_NLDDLink = class NLDDLink extends withTranslations(LitElement,
 	render() {
 		return template$3.call(this, { handleClick: this._handleClick.bind(this) });
 	}
-}, _NLDDLink.styles = linkStyles, _NLDDLink);
+};
+var NLDDLink = (_NLDDLink.styles = linkStyles, _NLDDLink);
 __decorate([property({
 	type: String,
 	reflect: true
@@ -48658,8 +48666,7 @@ var nlddSkipLinkTranslations = { "components.skip-link.action": "Sla over" };
 *
 * @slot - Content that can be skipped
 */
-var _NLDDSkipLink;
-var NLDDSkipLink = (_NLDDSkipLink = class NLDDSkipLink extends withTranslations(LitElement, nlddSkipLinkTranslations) {
+var _NLDDSkipLink = class NLDDSkipLink extends withTranslations(LitElement, nlddSkipLinkTranslations) {
 	constructor(..._args) {
 		super(..._args);
 		this.text = "";
@@ -48683,7 +48690,8 @@ var NLDDSkipLink = (_NLDDSkipLink = class NLDDSkipLink extends withTranslations(
 	render() {
 		return template$2(this);
 	}
-}, _NLDDSkipLink.styles = skipLinkStyles, _NLDDSkipLink);
+};
+var NLDDSkipLink = (_NLDDSkipLink.styles = skipLinkStyles, _NLDDSkipLink);
 __decorate([property({
 	reflect: true,
 	converter: reflectNonDefault("")
@@ -48793,7 +48801,9 @@ var topNavigationBarStyles = css`
 		justify-content: center;
 	}
 
-	@supports (animation-timeline: scroll()) {
+	/* WebKit only: Chrome paints nothing above the page and leaves the fixed
+	   ::after behind, so a hard pull shows a gap between it and the logo. */
+	@supports (animation-timeline: scroll()) and (font: -apple-system-body) {
 		.top-navigation-bar__logo {
 			position: relative;
 		}
@@ -48867,10 +48877,22 @@ var topNavigationBarStyles = css`
 		grid-column: 2;
 	}
 
+	/* The link spans the wordmark's whole track so the ribbon stays centered;
+	   only the ribbon and the text take the click, not the space beside them. */
 	a.top-navigation-bar__logo-and-wordmark {
+		pointer-events: none;
 		text-decoration: none;
 	}
 
+	a.top-navigation-bar__logo-and-wordmark > .top-navigation-bar__logo,
+	a.top-navigation-bar__logo-and-wordmark .top-navigation-bar__wordmark-content > p {
+		pointer-events: auto;
+	}
+
+	a.top-navigation-bar__logo-and-wordmark .top-navigation-bar__wordmark-content > p {
+		width: fit-content;
+	}
+
 	a.top-navigation-bar__logo-and-wordmark:focus-visible {
 		outline: none;
 	}
@@ -49295,8 +49317,7 @@ var nlddTopNavigationBarTranslations = {
 * @slot global - The global navigation: an nldd-menu-bar with nldd-menu-bar-item elements. On narrow widths these items move into the menu sheet behind the menu button.
 * @slot utility - The utility navigation, such as search and language: an nldd-menu-bar with nldd-menu-bar-item elements. Stays in the bar on every width.
 */
-var _NLDDTopNavigationBar;
-var NLDDTopNavigationBar = (_NLDDTopNavigationBar = class NLDDTopNavigationBar extends withTranslations(LitElement, nlddTopNavigationBarTranslations) {
+var _NLDDTopNavigationBar = class NLDDTopNavigationBar extends withTranslations(LitElement, nlddTopNavigationBarTranslations) {
 	constructor(..._args) {
 		super(..._args);
 		this.websiteTitle = "";
@@ -49545,7 +49566,7 @@ var NLDDTopNavigationBar = (_NLDDTopNavigationBar = class NLDDTopNavigationBar e
 			Promise.resolve().then(() => list_item_exports),
 			Promise.resolve().then(() => text_cell_exports),
 			Promise.resolve().then(() => icon_cell_exports),
-			import("./icon-DWNVcttg.js").then((n) => n.n)
+			import("./icon-Typdp4av.js").then((n) => n.n)
 		]);
 	}
 	_createGlobalMenuSheet() {
@@ -49656,7 +49677,8 @@ var NLDDTopNavigationBar = (_NLDDTopNavigationBar = class NLDDTopNavigationBar e
 	render() {
 		return template$1(this);
 	}
-}, _NLDDTopNavigationBar.styles = topNavigationBarStyles, _NLDDTopNavigationBar);
+};
+var NLDDTopNavigationBar = (_NLDDTopNavigationBar.styles = topNavigationBarStyles, _NLDDTopNavigationBar);
 __decorate([property({
 	reflect: true,
 	attribute: "website-title",
@@ -50099,9 +50121,7 @@ function tabBarItemTemplate(component) {
 *
 * @fires select - When the item is activated; detail: { item: NLDDTabBarItem }
 */
-var _NLDDTabBarItem;
-var _NLDDTabBar;
-var NLDDTabBarItem = (_NLDDTabBarItem = class NLDDTabBarItem extends LitElement {
+var _NLDDTabBarItem = class NLDDTabBarItem extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.current = false;
@@ -50155,7 +50175,9 @@ var NLDDTabBarItem = (_NLDDTabBarItem = class NLDDTabBarItem extends LitElement
 	render() {
 		return tabBarItemTemplate(this);
 	}
-}, _NLDDTabBarItem.styles = tabBarItemStyles, _NLDDTabBarItem);
+};
+var _NLDDTabBar;
+var NLDDTabBarItem = (_NLDDTabBarItem.styles = tabBarItemStyles, _NLDDTabBarItem);
 __decorate([property({
 	type: Boolean,
 	reflect: true
@@ -51957,8 +51979,7 @@ var nlddPaginationTranslations = {
 *
 * @fires page-change - On a page change (detail: { page: number, href?: string }). Only cancelable in href mode: preventDefault() blocks navigation (SPA).
 */
-var _NLDDPagination;
-var NLDDPagination = (_NLDDPagination = class NLDDPagination extends LitElement {
+var _NLDDPagination = class NLDDPagination extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.current = 1;
@@ -52046,7 +52067,8 @@ var NLDDPagination = (_NLDDPagination = class NLDDPagination extends LitElement
 	render() {
 		return paginationTemplate(this);
 	}
-}, _NLDDPagination.styles = paginationStyles, _NLDDPagination);
+};
+var NLDDPagination = (_NLDDPagination.styles = paginationStyles, _NLDDPagination);
 __decorate([property({
 	type: Number,
 	reflect: true
@@ -53957,8 +53979,7 @@ var nlddBadgeTranslations = { "components.badge.notification-label": "Notificati
 * @attr {string} accessible-label - Accessible label for screen readers. Falls back to text/number; otherwise to the i18n default ("Notificatie").
 * @attr {boolean} decorative - Hides the badge from assistive software (use when the text beside it says the same, such as a dot next to a status word)
 */
-var _NLDDBadge;
-var NLDDBadge = (_NLDDBadge = class NLDDBadge extends withTranslations(LitElement, nlddBadgeTranslations) {
+var _NLDDBadge = class NLDDBadge extends withTranslations(LitElement, nlddBadgeTranslations) {
 	constructor(..._args) {
 		super(..._args);
 		this.size = "md";
@@ -53999,7 +54020,8 @@ var NLDDBadge = (_NLDDBadge = class NLDDBadge extends withTranslations(LitElemen
 	render() {
 		return template(this);
 	}
-}, _NLDDBadge.styles = badgeStyles, _NLDDBadge);
+};
+var NLDDBadge = (_NLDDBadge.styles = badgeStyles, _NLDDBadge);
 __decorate([property({
 	reflect: true,
 	converter: reflectNonDefault("md")
@@ -56091,9 +56113,15 @@ function stepIndicatorItemTemplate(component) {
 * number (or a check mark on what is done), a label under each and a line
 * connecting them.
 *
-* The parent holds the truth: `current` (1-based) derives the status of every
-* child — `past` before it, `future` after. A child can override that with a
-* `status` of its own, for flows that jump back or skip a step.
+* Mark the step you are on with `status="current"`. The parent derives the
+* rest from its position: `past` before it, `future` after. With none marked,
+* step 1 is current. With more than one, the last one wins and a warning goes
+* to the console in a dev build: a flow that forgets to clear the previous
+* step still points at the furthest one. A `status="past"` or
+* `status="future"` on another step overrides what is derived for that step,
+* for flows that jump back or skip a step. One attribute, the same three
+* values as `nldd-timeline-track-cell`, so a flow reads in one vocabulary
+* whether it runs across or down.
 *
 * Horizontal only. For steps under each other, build an `nldd-list` with an
 * `nldd-timeline-track-cell` and an `nldd-title-cell` per row: vertical steps
@@ -56113,18 +56141,14 @@ function stepIndicatorItemTemplate(component) {
 *
 * @attr {string} accessible-label - Name of the nav; defaults to the i18n value ("Voortgang")
 * @attr {object} translations - Override translation keys; unset keys fall back to Dutch
-* @attr {number} current - 1-based number of the current step (default 1)
 *
 * @slot - `nldd-step-indicator-item` children
 *
 * @example
 * ```html
-* <nldd-step-indicator
-* 	current="2"
-* 	accessible-label="Voortgang aanvraag"
-* >
+* <nldd-step-indicator accessible-label="Voortgang aanvraag">
 *   <nldd-step-indicator-item text="Gegevens"></nldd-step-indicator-item>
-*   <nldd-step-indicator-item text="Controle"></nldd-step-indicator-item>
+*   <nldd-step-indicator-item text="Controle" status="current"></nldd-step-indicator-item>
 *   <nldd-step-indicator-item text="Bevestigen"></nldd-step-indicator-item>
 * </nldd-step-indicator>
 * ```
@@ -56132,16 +56156,17 @@ function stepIndicatorItemTemplate(component) {
 var _NLDDStepIndicatorItem;
 var _NLDDStepIndicator;
 /**
-* One step in an `nldd-step-indicator`. The parent decides the status and the
-* number; those live here as internal state rather than as public API, except
-* for `status`, which overrides what `current` derives.
+* One step in an `nldd-step-indicator`. `status="current"` marks the step you
+* are on; the parent derives the status of the others and the number of each,
+* which live here as internal state rather than as public API. `past` and
+* `future` override what is derived for this step.
 *
 * @element nldd-step-indicator-item
 *
-* @attr {string} status - `past` | `current` | `future`; overrides what the parent derives
-* @attr {string} text   - Label under the disc
-* @attr {string} icon   - Icon in the disc instead of the number or the check mark
-* @attr {string} href   - Makes the step a link (back to a completed step, for instance)
+* @attr {'past' | 'current' | 'future'} status - How far along this step is. `current` marks the step you are on (`aria-current="step"`) and the parent derives the others from it: with none marked step 1 is current, with more than one the last wins. `past` and `future` override what is derived for this step only
+* @attr {string} text - Label under the disc
+* @attr {string} icon - Icon in the disc instead of the number or the check mark
+* @attr {string} href - Makes the step a link (back to a completed step, for instance)
 * @attr {boolean} button - Makes the step a button, for flows without a URL per step; ignored when `href` is set
 *
 * @slot - Label (an alternative to `text`)
@@ -56157,9 +56182,12 @@ var NLDDStepIndicatorItem = class extends LitElement {
 		this._index = 1;
 		this._statusText = "";
 	}
-	/** The status that counts: the item's own wins over the derived one. */
+	/** The status that counts. An own `past` or `future` wins over the derived
+	*  one. An own `current` is what the parent derives from, so the derived
+	*  status already says it, and on a step that lost to a later one it does not
+	*  hold. */
 	get resolvedStatus() {
-		return this.status ?? this._derivedStatus;
+		return this.status && this.status !== "current" ? this.status : this._derivedStatus;
 	}
 	connectedCallback() {
 		super.connectedCallback();
@@ -56202,8 +56230,9 @@ var NLDDStepIndicator = (_NLDDStepIndicator = class NLDDStepIndicator extends wi
 	constructor(..._args2) {
 		super(..._args2);
 		this.accessibleLabel = "";
-		this.current = 1;
 		this._items = [];
+		this._observer = new MutationObserver(() => this.requestUpdate());
+		this._warnedMultipleCurrent = false;
 		this._onSlotChange = (e) => {
 			const slot = e.target;
 			this._items = slot.assignedElements({ flatten: true }).filter((el) => el.localName === "nldd-step-indicator-item");
@@ -56212,25 +56241,46 @@ var NLDDStepIndicator = (_NLDDStepIndicator = class NLDDStepIndicator extends wi
 	get total() {
 		return this._items.length;
 	}
-	/** The current step, clamped to the number of steps: an out-of-range
-	*  `current` would otherwise mark every step past (or none at all). */
+	/** 1-based position of the last item with `status="current"`, or 1 when none has it. */
 	get resolvedCurrent() {
-		if (this.total === 0) return this.current;
-		return Math.min(Math.max(this.current, 1), this.total);
+		const index = this._items.map((item) => item.status).lastIndexOf("current");
+		return index === -1 ? 1 : index + 1;
 	}
 	get currentItem() {
 		return this._items.find((item) => item.resolvedStatus === "current") ?? this._items[this.resolvedCurrent - 1];
 	}
+	connectedCallback() {
+		super.connectedCallback();
+		this._observer.observe(this, {
+			subtree: true,
+			attributes: true,
+			attributeFilter: ["status"]
+		});
+	}
+	/** `current` is no longer an attribute of this element. Watched anyway, so a
+	*  leftover one gets a hint, also when a framework sets it after the first
+	*  render: Vue and React fall back to the attribute for an unknown property. */
+	static get observedAttributes() {
+		return [...super.observedAttributes, "current"];
+	}
+	attributeChangedCallback(name, old, value) {
+		super.attributeChangedCallback(name, old, value);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		this._observer.disconnect();
+	}
 	/** Before render, not after: the compact view reads the current item back out
 	*  of the children, so their statuses have to be fresh by the time this
 	*  element renders. */
 	willUpdate(changed) {
 		super.willUpdate(changed);
-		if (changed.has("current") || changed.has("_items")) this._syncItems();
+		this._syncItems();
+		this._warnOnMultipleCurrent();
 	}
+	_warnOnMultipleCurrent() {}
 	/** Push position, derived status and status text down to the children. Push
-	*  rather than pull: a child reading its own parent has no way of knowing
-	*  when `current` changes. */
+	*  rather than pull: a child cannot see where the current step sits. */
 	_syncItems() {
 		const current = this.resolvedCurrent;
 		this._items.forEach((item, index) => {
@@ -56248,10 +56298,6 @@ __decorate([property({
 	type: String,
 	attribute: "accessible-label"
 })], NLDDStepIndicator.prototype, "accessibleLabel", void 0);
-__decorate([property({
-	type: Number,
-	reflect: true
-})], NLDDStepIndicator.prototype, "current", void 0);
 __decorate([state()], NLDDStepIndicator.prototype, "_items", void 0);
 NLDDStepIndicator = __decorate([customElement("nldd-step-indicator")], NLDDStepIndicator);
 //#endregion
@@ -56468,8 +56514,7 @@ function statusBarTemplate(component) {
 * @attr {string} rel - Link rel, used with href; with target '_blank', 'noopener noreferrer' is added to whatever you set
 * @attr {boolean} button - Makes the whole bar a button; ignored when href is set
 */
-var _NLDDStatusBar;
-var NLDDStatusBar = (_NLDDStatusBar = class NLDDStatusBar extends LitElement {
+var _NLDDStatusBar = class NLDDStatusBar extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.variant = "neutral";
@@ -56499,7 +56544,8 @@ var NLDDStatusBar = (_NLDDStatusBar = class NLDDStatusBar extends LitElement {
 	render() {
 		return statusBarTemplate(this);
 	}
-}, _NLDDStatusBar.styles = statusBarStyles, _NLDDStatusBar);
+};
+var NLDDStatusBar = (_NLDDStatusBar.styles = statusBarStyles, _NLDDStatusBar);
 __decorate([property({
 	reflect: true,
 	converter: reflectNonDefault("neutral")