@nldd/design-system 0.8.82 → 0.8.84

package/dist/components/content/text/text.js

@@ -0,0 +1,81 @@
+/**
+ * Nederlandse Digitale Dienst Text Component (Lit + TypeScript)
+ *
+ * One run of body text at a size from the type scale. It is what you reach for
+ * where an app would otherwise write a bare `<p>` and inherit whatever the page
+ * happens to set: a line under a title, a sentence in a panel, a caption.
+ *
+ * Every combination it offers exists as a token, so it cannot invent typography
+ * — it only names what the scale already has. The three axes are the same three
+ * the tokens carry: size, weight and line height.
+ *
+ * Not for headings, which is `nldd-title`, and not for a block of prose with its
+ * own rhythm, spacing and media widths, which is `nldd-rich-text`. This is one
+ * run of text and nothing around it.
+ *
+ * Color follows the context channel a list item, menu or table sets on its
+ * content, so text inside a row travels with that row as it is hovered or
+ * selected. Standalone that channel is unset and the semantic color answers.
+ *
+ * @element nldd-text
+ * @attr {string} size - Text size on the body scale: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' (default: 'md')
+ * @attr {string} weight - Font weight: 'regular' | 'medium' | 'bold' (default: 'regular'). With 'bold' a slotted `<strong>` no longer stands out: there is nothing bolder in the scale.
+ * @attr {string} line-height - Line height: 'flat' | 'tight' | 'snug' | 'loose' (default: 'snug')
+ * @attr {string} color - Text color: 'default' | 'secondary' | 'accent' | 'success' | 'warning' | 'critical' | 'inherit' (default: 'default'). 'default' and 'secondary' follow the surrounding content channel; 'inherit' takes the color it inherits, for text on a painted surface.
+ * @attr {string} horizontal-alignment - Alignment of the text within the block: 'left' | 'center' | 'right' (default: 'left'). Aligns the words; `horizontal-alignment` on nldd-container moves the box.
+ *
+ * @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 __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { reflectNonDefault } from '../../../utilities/reflect-non-default.js';
+import { textStyles } from './text.styles.js';
+import { template } from './text.template.js';
+let NLDDText = class NLDDText extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.size = 'md';
+        this.weight = 'regular';
+        this.lineHeight = 'snug';
+        this.color = 'default';
+        this.horizontalAlignment = 'left';
+    }
+    render() {
+        return template();
+    }
+};
+NLDDText.styles = textStyles;
+__decorate([
+    property({ reflect: true, converter: reflectNonDefault('md') })
+], NLDDText.prototype, "size", void 0);
+__decorate([
+    property({ reflect: true, converter: reflectNonDefault('regular') })
+], NLDDText.prototype, "weight", void 0);
+__decorate([
+    property({
+        reflect: true,
+        attribute: 'line-height',
+        converter: reflectNonDefault('snug'),
+    })
+], NLDDText.prototype, "lineHeight", void 0);
+__decorate([
+    property({ reflect: true, converter: reflectNonDefault('default') })
+], NLDDText.prototype, "color", void 0);
+__decorate([
+    property({
+        reflect: true,
+        attribute: 'horizontal-alignment',
+        converter: reflectNonDefault('left'),
+    })
+], NLDDText.prototype, "horizontalAlignment", void 0);
+NLDDText = __decorate([
+    customElement('nldd-text')
+], NLDDText);
+export { NLDDText };
+//# sourceMappingURL=text.js.map

package/dist/components/content/text/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/content/text/text.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AASvC,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAAjC;;QAIN,SAAI,GAAS,IAAI,CAAC;QAGlB,WAAM,GAAW,SAAS,CAAC;QAO3B,eAAU,GAAe,MAAM,CAAC;QAGhC,UAAK,GAAU,SAAS,CAAC;QAOzB,wBAAmB,GAAwB,MAAM,CAAC;IAKnD,CAAC;IAHS,MAAM;QACd,OAAO,QAAQ,EAAE,CAAC;IACnB,CAAC;;AA3Be,eAAM,GAAG,UAAU,AAAb,CAAc;AAGpC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAO,IAAI,CAAC,EAAE,CAAC;sCACpD;AAGlB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAS,SAAS,CAAC,EAAE,CAAC;wCAClD;AAO3B;IALC,QAAQ,CAAC;QACT,OAAO,EAAE,IAAI;QACb,SAAS,EAAE,aAAa;QACxB,SAAS,EAAE,iBAAiB,CAAa,MAAM,CAAC;KAChD,CAAC;4CAC8B;AAGhC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAQ,SAAS,CAAC,EAAE,CAAC;uCACnD;AAOzB;IALC,QAAQ,CAAC;QACT,OAAO,EAAE,IAAI;QACb,SAAS,EAAE,sBAAsB;QACjC,SAAS,EAAE,iBAAiB,CAAsB,MAAM,CAAC;KACzD,CAAC;qDACgD;AAxBtC,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CA6BpB"}

package/dist/components/content/text/text.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const textStyles: import("lit").CSSResult;
+//# sourceMappingURL=text.styles.d.ts.map

package/dist/components/content/text/text.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/text/text.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAiHtB,CAAC"}

package/dist/components/content/text/text.styles.js

@@ -0,0 +1,116 @@
+import { css } from 'lit';
+export const textStyles = css `
+
+
+	/* # Host */
+
+	:host {
+		--_font-size: var(--primitives-font-size-100);
+		--_font-weight: var(--primitives-font-weight-body-regular);
+		--_line-height: var(--primitives-line-height-snug);
+		--_color: var(--context-content-color, var(--semantics-content-color));
+		--_text-align: left;
+
+		display: block;
+		color: var(--_color);
+		text-align: var(--_text-align);
+		font: var(--_font-weight) var(--_font-size) / var(--_line-height) var(--primitives-font-family-body);
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+
+	/* # Size */
+
+	:host([size="xxs"]) {
+		--_font-size: var(--primitives-font-size-70);
+	}
+
+	:host([size="xs"]) {
+		--_font-size: var(--primitives-font-size-80);
+	}
+
+	:host([size="sm"]) {
+		--_font-size: var(--primitives-font-size-90);
+	}
+
+	:host([size="lg"]) {
+		--_font-size: var(--primitives-font-size-200);
+	}
+
+
+	/* # Weight */
+
+	:host([weight="medium"]) {
+		--_font-weight: var(--primitives-font-weight-body-medium);
+	}
+
+	:host([weight="bold"]) {
+		--_font-weight: var(--primitives-font-weight-body-bold);
+	}
+
+	/* Not the browser's "bolder", which is relative: from medium it lands on 700
+	   and from bold it asks for a weight this font does not have, so the browser
+	   thickens the glyphs itself. */
+	::slotted(strong),
+	::slotted(b) {
+		color: inherit;
+		font-weight: var(--primitives-font-weight-body-bold);
+	}
+
+
+	/* # Line height */
+
+	:host([line-height="flat"]) {
+		--_line-height: var(--primitives-line-height-flat);
+	}
+
+	:host([line-height="tight"]) {
+		--_line-height: var(--primitives-line-height-tight);
+	}
+
+	:host([line-height="loose"]) {
+		--_line-height: var(--primitives-line-height-loose);
+	}
+
+
+	/* # Color */
+
+	:host([color="secondary"]) {
+		--_color: var(--context-content-secondary-color, var(--semantics-content-secondary-color));
+	}
+
+	:host([color="accent"]) {
+		--_color: var(--semantics-content-accent-color);
+	}
+
+	:host([color="success"]) {
+		--_color: var(--semantics-content-success-color);
+	}
+
+	:host([color="warning"]) {
+		--_color: var(--semantics-content-warning-color);
+	}
+
+	:host([color="critical"]) {
+		--_color: var(--semantics-content-critical-color);
+	}
+
+	:host([color="inherit"]) {
+		--_color: inherit;
+	}
+
+
+	/* # Alignment */
+
+	:host([horizontal-alignment="center"]) {
+		--_text-align: center;
+	}
+
+	:host([horizontal-alignment="right"]) {
+		--_text-align: right;
+	}
+`;
+//# sourceMappingURL=text.styles.js.map

package/dist/components/content/text/text.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.styles.js","sourceRoot":"","sources":["../../../../src/components/content/text/text.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiH5B,CAAC"}

package/dist/components/content/text/text.template.d.ts

@@ -0,0 +1,3 @@
+import { TemplateResult } from 'lit';
+export declare function template(): TemplateResult;
+//# sourceMappingURL=text.template.d.ts.map

package/dist/components/content/text/text.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/text/text.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAE3C,wBAAgB,QAAQ,IAAI,cAAc,CAIzC"}

package/dist/components/content/text/text.template.js

@@ -0,0 +1,7 @@
+import { html } from 'lit';
+export function template() {
+    return html `
+		<slot></slot>
+	`;
+}
+//# sourceMappingURL=text.template.js.map

package/dist/components/content/text/text.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.template.js","sourceRoot":"","sources":["../../../../src/components/content/text/text.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAE3C,MAAM,UAAU,QAAQ;IACvB,OAAO,IAAI,CAAA;;EAEV,CAAC;AACH,CAAC"}

package/dist/components/content/title/title.d.ts

@@ -7,10 +7,10 @@
  * @element nldd-title
  *
  * @attr {number} size - Visual size of the title: 1–6 (default: 3)
- * @attr {string} color - 'inherit' lets the title take the text color of the
- *   ondergrond volgen (voor gekleurde vlakken zoals de filled-categories);
- *   overline en subtitle krijgen dezelfde kleur op verlaagde dekking.
- *   Leeg = standaard contentkleuren.
+ * @attr {string} color - 'inherit' lets the title follow the text color of the
+ *   surface (for colored areas such as the filled categories); overline and
+ *   subtitle get the same color at a lowered opacity. Empty = the default
+ *   content colors.
  *
  * @slot overline - Optional overline above the title
  * @slot - Title text (use h1–h6 for semantics)

package/dist/components/content/title/title.js

@@ -13,10 +13,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * @element nldd-title
  *
  * @attr {number} size - Visual size of the title: 1–6 (default: 3)
- * @attr {string} color - 'inherit' lets the title take the text color of the
- *   ondergrond volgen (voor gekleurde vlakken zoals de filled-categories);
- *   overline en subtitle krijgen dezelfde kleur op verlaagde dekking.
- *   Leeg = standaard contentkleuren.
+ * @attr {string} color - 'inherit' lets the title follow the text color of the
+ *   surface (for colored areas such as the filled categories); overline and
+ *   subtitle get the same color at a lowered opacity. Empty = the default
+ *   content colors.
  *
  * @slot overline - Optional overline above the title
  * @slot - Title text (use h1–h6 for semantics)

package/dist/components/content/title/title.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"title.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/title/title.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW,yBA2PvB,CAAC"}
+{"version":3,"file":"title.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/title/title.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW,yBAuPvB,CAAC"}

package/dist/components/content/title/title.styles.js

@@ -208,13 +208,8 @@ export const titleStyles = css `
 		overflow-wrap: anywhere !important;
 	}
 
-	/* balance, not pretty: a heading is a handful of words, so evening out the
-	   line lengths reads better than only protecting the last line.
-	 *
-	 * The measure is in ch, so one value covers every size: ch scales with the
-	 * font, and 40 characters stays 40 characters whether the title is 18px or
-	 * 52px. It only bites in a wide container — inside a card or a column the
-	 * box is already narrower than the cap. */
+	/* The measure is in ch, so one value covers every size: ch scales with the
+	   font, and 40 characters stays 40 characters at 18px and at 52px. */
 	::slotted(:not([slot])) {
 		${slottedReset}
 		${inheritedTextReset}
@@ -231,15 +226,16 @@ export const titleStyles = css `
 		${inheritedTextReset}
 		margin: 0 !important;
 		color: var(--semantics-content-secondary-color) !important;
-		font: var(--primitives-font-body-sm-regular-tight) !important;
+		font: var(--primitives-font-body-md-regular-tight) !important;
 		overflow-wrap: anywhere !important;
 	}
 
-	/* color="inherit": follow the surface's text color (e.g. a
-	   filled-categories panel that sets a pure white/black content color);
-	   overline and subtitle take the same color at the system-wide
-	   secondary opacity tier. !important matches the hardened slotted
-	   rules above. */
+	:host([size="5"]) ::slotted([slot="subtitle"]),
+	:host([size="6"]) ::slotted([slot="subtitle"]) {
+		font: var(--primitives-font-body-sm-regular-tight) !important;
+	}
+
+	/* !important matches the hardened slotted rules above. */
 
 	:host([color="inherit"]) ::slotted(:not([slot])) {
 		color: inherit !important;

package/dist/components/content/title/title.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"title.styles.js","sourceRoot":"","sources":["../../../../src/components/content/title/title.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE3F,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;uBASP,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;IAI7C,kBAAkB;;;;;uBAKC,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiC7C,YAAY;IACZ,kBAAkB;;;;;;;;;;;;;;;IAelB,YAAY;IACZ,kBAAkB;;;;;;;;;;IAUlB,YAAY;IACZ,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BrB,CAAC"}
+{"version":3,"file":"title.styles.js","sourceRoot":"","sources":["../../../../src/components/content/title/title.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE3F,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;uBASP,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;IAI7C,kBAAkB;;;;;uBAKC,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiC7C,YAAY;IACZ,kBAAkB;;;;;;;;;;IAUlB,YAAY;IACZ,kBAAkB;;;;;;;;;;IAUlB,YAAY;IACZ,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BrB,CAAC"}

package/dist/components/content/tooltip/tooltip.d.ts

@@ -6,7 +6,7 @@
  *
  * @element nldd-tooltip
  * @attr {string} text - Tooltip text
- * @attr {boolean} open - Forces the tooltip visible, whatever hover or focus does. Use it for programmatic feedback ("Copied", for instance). Reset it to false to restore the hover behaviour.
+ * @attr {boolean} open - Forces the tooltip visible, whatever hover or focus does. Use it for programmatic feedback ("Copied", for instance). Reset it to false to restore the hover behavior.
  * @attr {string} placement - Position: 'top' | 'bottom' | 'left' | 'right' (default: 'bottom'; automatically 'top' on touch devices)
  * @attr {string} timing - When the tooltip appears on hover: 'instant' — right away, without a show delay. 'default' — after the standard show delay (700ms). 'never' — the tooltip is never shown; hover and focus events are ignored, aria-describedby is suppressed, and a tooltip that is already visible disappears. The hide delay and the touch suppression stay in force under every value. A focus trigger is always instant.
  *

package/dist/components/content/tooltip/tooltip.js

@@ -6,7 +6,7 @@
  *
  * @element nldd-tooltip
  * @attr {string} text - Tooltip text
- * @attr {boolean} open - Forces the tooltip visible, whatever hover or focus does. Use it for programmatic feedback ("Copied", for instance). Reset it to false to restore the hover behaviour.
+ * @attr {boolean} open - Forces the tooltip visible, whatever hover or focus does. Use it for programmatic feedback ("Copied", for instance). Reset it to false to restore the hover behavior.
  * @attr {string} placement - Position: 'top' | 'bottom' | 'left' | 'right' (default: 'bottom'; automatically 'top' on touch devices)
  * @attr {string} timing - When the tooltip appears on hover: 'instant' — right away, without a show delay. 'default' — after the standard show delay (700ms). 'never' — the tooltip is never shown; hover and focus events are ignored, aria-describedby is suppressed, and a tooltip that is already visible disappears. The hide delay and the touch suppression stay in force under every value. A focus trigger is always instant.
  *

package/dist/components/{decorate-BKn10QQi.js → decorate-lwt_OrAG.js}

@@ -1,4 +1,4 @@
-//#region \0@oxc-project+runtime@0.143.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.147.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);

package/dist/components/{dist-TpIL8G4G.js → dist-762GHPyH.js}

@@ -1,7 +1,7 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
-import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags, V as parseMixed, W as EditorView, at as EditorSelection, n as ExternalTokenizer, p as bracketMatchingHandle, r as LRParser, s as LRLanguage, t as ContextTracker, u as LanguageSupport, y as foldNodeProp } from "./dist-Ccw7ZfsU.js";
-import { n as cssLanguage, t as css } from "./dist-afrAoubg.js";
-import { a as tsxLanguage, i as jsxLanguage, n as javascript, o as typescriptLanguage, r as javascriptLanguage } from "./dist-C0PiB1dr.js";
+import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags, V as parseMixed, W as EditorView, at as EditorSelection, n as ExternalTokenizer, p as bracketMatchingHandle, r as LRParser, s as LRLanguage, t as ContextTracker, u as LanguageSupport, y as foldNodeProp } from "./dist-C6gnorjP.js";
+import { n as cssLanguage, t as css } from "./dist-C09E9-dJ.js";
+import { a as tsxLanguage, i as jsxLanguage, n as javascript, o as typescriptLanguage, r as javascriptLanguage } from "./dist-CjaG8dOI.js";
 //#region node_modules/@lezer/html/dist/index.js
 var scriptText = 55;
 var StartCloseScriptTag = 1;

package/dist/components/{dist-OBifyiJS.js → dist-BB7TxeMK.js}

@@ -1,5 +1,5 @@
-import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags, P as IterMode, R as NodeWeakMap, g as delimitedIndent, n as ExternalTokenizer, r as LRParser, s as LRLanguage, t as ContextTracker, u as LanguageSupport, v as foldInside, y as foldNodeProp } from "./dist-Ccw7ZfsU.js";
-import { a as ifNotIn, o as snippetCompletion, r as completeFromList } from "./dist-C400RcFU.js";
+import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags, P as IterMode, R as NodeWeakMap, g as delimitedIndent, n as ExternalTokenizer, r as LRParser, s as LRLanguage, t as ContextTracker, u as LanguageSupport, v as foldInside, y as foldNodeProp } from "./dist-C6gnorjP.js";
+import { a as ifNotIn, o as snippetCompletion, r as completeFromList } from "./dist-B_3OW7pC.js";
 //#region node_modules/@lezer/python/dist/index.js
 var printKeyword = 1;
 var indent = 194;

package/dist/components/{dist-CJR_Rwhh.js → dist-BJI4-6iQ.js}

@@ -1,4 +1,4 @@
-import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags, W as EditorView, at as EditorSelection, n as ExternalTokenizer, p as bracketMatchingHandle, r as LRParser, s as LRLanguage, t as ContextTracker, u as LanguageSupport, y as foldNodeProp } from "./dist-Ccw7ZfsU.js";
+import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags, W as EditorView, at as EditorSelection, n as ExternalTokenizer, p as bracketMatchingHandle, r as LRParser, s as LRLanguage, t as ContextTracker, u as LanguageSupport, y as foldNodeProp } from "./dist-C6gnorjP.js";
 //#region node_modules/@lezer/xml/dist/index.js
 var StartTag = 1;
 var StartCloseTag = 2;

package/dist/components/{dist-C400RcFU.js → dist-B_3OW7pC.js}

@@ -1,4 +1,4 @@
-import { A as syntaxTree, G as ViewPlugin, H as Decoration, K as WidgetType, Q as logException, T as indentUnit, U as Direction, W as EditorView, X as keymap, Y as getTooltip, _t as codePointSize, at as EditorSelection, ct as MapMode, dt as RangeValue, et as showTooltip, ft as StateEffect, gt as codePointAt, ht as Transaction, lt as Prec, mt as Text, pt as StateField, st as Facet, tt as Annotation, vt as combineConfig, xt as fromCodePoint } from "./dist-Ccw7ZfsU.js";
+import { A as syntaxTree, G as ViewPlugin, H as Decoration, K as WidgetType, Q as logException, T as indentUnit, U as Direction, W as EditorView, X as keymap, Y as getTooltip, _t as codePointSize, at as EditorSelection, ct as MapMode, dt as RangeValue, et as showTooltip, ft as StateEffect, gt as codePointAt, ht as Transaction, lt as Prec, mt as Text, pt as StateField, st as Facet, tt as Annotation, vt as combineConfig, xt as fromCodePoint } from "./dist-C6gnorjP.js";
 //#region node_modules/@codemirror/autocomplete/dist/index.js
 /**
 An instance of this is passed to completion source functions.