@nldd/design-system 0.8.40 → 0.8.42

package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.d.ts

@@ -8,7 +8,7 @@
  * @element nldd-icon-cell
  * @attr {string} vertical-alignment - Vertical alignment: 'top' | 'center' | 'bottom' (default: 'center')
  * @attr {string} size - Size: '16' | '20' | '24' | '32' (default: '24')
- * @attr {string} color - Color: 'default' | 'inherit' (default: 'default')
+ * @attr {'default' | 'secondary' | 'accent' | 'success' | 'warning' | 'critical'} color - Color variant of the icon (default: 'default')
  * @attr {string} icon - Icon name (renders `<nldd-icon>`). Takes precedence over the default slot.
  *
  * @slot - Fallback for custom icon content when `icon` is not set.
@@ -17,7 +17,7 @@ import { LitElement } from 'lit';
 import '../../../content/icon/icon.js';
 type VerticalAlignment = 'top' | 'center' | 'bottom';
 type Size = '16' | '20' | '24' | '32';
-type Color = 'default' | 'inherit';
+type Color = 'default' | 'secondary' | 'accent' | 'success' | 'warning' | 'critical';
 declare const NLDDIconCell_base: typeof LitElement & (new (...args: any[]) => LitElement & {
     hideBelow?: string;
     hideAbove?: string;

package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/icon-cell/icon-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,+BAA+B,CAAC;AAEvC,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACrD,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtC,KAAK,KAAK,GAAG,SAAS,GAAG,SAAS,CAAC;;;;;AAEnC,qBACa,YAAa,SAAQ,iBAA2B;IAC5D,OAAgB,MAAM,0BAAkB;IAGxC,iBAAiB,EAAE,iBAAiB,CAAY;IAGhD,IAAI,EAAE,IAAI,CAAQ;IAGlB,KAAK,EAAE,KAAK,CAAa;IAGzB,IAAI,SAAM;IAED,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,YAAY,CAAC;KAC/B;CACD"}
+{"version":3,"file":"icon-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/icon-cell/icon-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,+BAA+B,CAAC;AAEvC,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACrD,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtC,KAAK,KAAK,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;;;;;AAErF,qBACa,YAAa,SAAQ,iBAA2B;IAC5D,OAAgB,MAAM,0BAAkB;IAGxC,iBAAiB,EAAE,iBAAiB,CAAY;IAGhD,IAAI,EAAE,IAAI,CAAQ;IAGlB,KAAK,EAAE,KAAK,CAAa;IAGzB,IAAI,SAAM;IAED,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,YAAY,CAAC;KAC/B;CACD"}

package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.js

@@ -14,7 +14,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * @element nldd-icon-cell
  * @attr {string} vertical-alignment - Vertical alignment: 'top' | 'center' | 'bottom' (default: 'center')
  * @attr {string} size - Size: '16' | '20' | '24' | '32' (default: '24')
- * @attr {string} color - Color: 'default' | 'inherit' (default: 'default')
+ * @attr {'default' | 'secondary' | 'accent' | 'success' | 'warning' | 'critical'} color - Color variant of the icon (default: 'default')
  * @attr {string} icon - Icon name (renders `<nldd-icon>`). Takes precedence over the default slot.
  *
  * @slot - Fallback for custom icon content when `icon` is not set.

package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/icon-cell/icon-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAoG1B,CAAC"}
+{"version":3,"file":"icon-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/icon-cell/icon-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAwI1B,CAAC"}

package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.js

@@ -8,7 +8,6 @@ export const iconCellStyles = css `
 		display: flex;
 		flex-direction: column;
 		align-items: center;
-		color: var(--context-cell-content-color, var(--semantics-content-color));
 	}
 
 	:host([hidden]) {
@@ -16,9 +15,9 @@ export const iconCellStyles = css `
 	}
 
 
-	/* # vertical-alignment */
+	/* # Vertical alignment */
 
-	/* ## vertical-alignment: center (default) */
+	/* ## Vertical alignment: center (default) */
 
 	:host([vertical-alignment="center"]),
 	:host(:not([vertical-alignment])) {
@@ -26,14 +25,14 @@ export const iconCellStyles = css `
 		justify-content: center;
 	}
 
-	/* ## vertical-alignment: top */
+	/* ## Vertical alignment: top */
 
 	:host([vertical-alignment="top"]) {
 		align-self: flex-start;
 		justify-content: flex-start;
 	}
 
-	/* ## vertical-alignment: bottom */
+	/* ## Vertical alignment: bottom */
 
 	:host([vertical-alignment="bottom"]) {
 		align-self: flex-end;
@@ -41,14 +40,17 @@ export const iconCellStyles = css `
 	}
 
 
-	/* # size */
+	/* # Slotted icon */
 
 	::slotted(*) {
 		display: block;
 		flex-shrink: 0;
 	}
 
-	/* ## size: 16 */
+
+	/* # Size */
+
+	/* ## Size: 16 */
 
 	:host([size="16"]) {
 		width: var(--primitives-space-16);
@@ -59,7 +61,7 @@ export const iconCellStyles = css `
 		height: var(--primitives-space-16);
 	}
 
-	/* ## size: 20 */
+	/* ## Size: 20 */
 
 	:host([size="20"]) {
 		width: var(--primitives-space-20);
@@ -70,9 +72,10 @@ export const iconCellStyles = css `
 		height: var(--primitives-space-20);
 	}
 
-	/* ## size: 24 (default) */
+	/* ## Size: 24 (default) */
 
-	:host([size="24"]) {
+	:host([size="24"]),
+	:host(:not([size])) {
 		width: var(--primitives-space-24);
 	}
 
@@ -82,7 +85,7 @@ export const iconCellStyles = css `
 		height: var(--primitives-space-24);
 	}
 
-	/* ## size: 32 */
+	/* ## Size: 32 */
 
 	:host([size="32"]) {
 		width: var(--primitives-space-32);
@@ -94,10 +97,43 @@ export const iconCellStyles = css `
 	}
 
 
-	/* # color: inherit */
+	/* # Color */
+
+	/* ## Color: default */
+
+	:host([color="default"]),
+	:host(:not([color])) {
+		color: var(--context-cell-content-color, var(--semantics-content-color));
+	}
+
+	/* ## Color: secondary */
+
+	:host([color="secondary"]) {
+		color: var(--context-cell-content-secondary-color, var(--semantics-content-secondary-color));
+	}
+
+	/* ## Color: accent */
+
+	:host([color="accent"]) {
+		color: var(--context-cell-content-accent-color, var(--semantics-content-accent-color));
+	}
+
+	/* ## Color: success */
+
+	:host([color="success"]) {
+		color: var(--context-cell-content-success-color, var(--semantics-content-success-color));
+	}
+
+	/* ## Color: warning */
+
+	:host([color="warning"]) {
+		color: var(--context-cell-content-warning-color, var(--semantics-content-warning-color));
+	}
+
+	/* ## Color: critical */
 
-	:host([color="inherit"]) {
-		color: inherit;
+	:host([color="critical"]) {
+		color: var(--context-cell-content-critical-color, var(--semantics-content-critical-color));
 	}
 `;
 //# sourceMappingURL=icon-cell.styles.js.map

package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/icon-cell/icon-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoGhC,CAAC"}
+{"version":3,"file":"icon-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/icon-cell/icon-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwIhC,CAAC"}

package/dist/components/lists-and-menus/cells/text-cell/text-cell.d.ts

@@ -10,9 +10,18 @@
  * a minimum centered region. For strict top alignment without a minimum height,
  * use `vertical-alignment="top"`.
  *
+ * ### Slots vs attributes
+ * Each text region (overline, main text, supporting text) accepts either a
+ * string attribute or slotted DOM content. The slot is the source of truth: if
+ * the consumer provides slotted content, it replaces the attribute-based render
+ * for that region. Use slots when you need inline elements like `<nldd-tag>`,
+ * `<a>` or `<nldd-icon>` mixed with text. Note that `query` highlighting and
+ * `**bold**` parsing only apply to the attribute path — slotted content is
+ * rendered as-is.
+ *
  * @element nldd-text-cell
  * @attr {string} size - Cell size: 'sm' | 'md' (default: 'md')
- * @attr {string} color - Text color variant: 'default' | 'secondary' | 'inherit' (default: 'default')
+ * @attr {string} color - Text color variant: 'default' | 'secondary' | 'accent' | 'success' | 'warning' | 'critical' (default: 'default'). All non-default/-secondary variants apply to all three text fields so the cell reads as a coherent state.
  * @attr {string} width - 'stretch' | 'fit-content' | CSS length (e.g. '200px', '20rem'). Default: 'stretch'
  * @attr {string} min-width - Minimum width as CSS length (e.g. '80px', '5rem')
  * @attr {string} max-width - Maximum width as CSS length (e.g. '200px', '20rem')
@@ -20,9 +29,13 @@
  * @attr {string} horizontal-alignment - Horizontal alignment: 'left' | 'right' (default: 'left')
  * @attr {string} vertical-alignment - Vertical alignment: 'top' | 'center' | 'bottom' (default: 'center')
  *
- * @attr {string} text - Main text content. Supports **bold** syntax for inline bold segments.
- * @attr {string} overline - Optional overline text displayed above the main content. Supports **bold**.
- * @attr {string} supporting-text - Optional supporting text displayed below the main content. Supports **bold**.
+ * @attr {string} text - Main text content. Supports **bold** syntax for inline bold segments. Falls back to default slot.
+ * @attr {string} overline - Optional overline text displayed above the main content. Supports **bold**. Falls back to `overline` slot.
+ * @attr {string} supporting-text - Optional supporting text displayed below the main content. Supports **bold**. Falls back to `supporting-text` slot.
+ *
+ * @slot overline - Rich content for the overline region. Overrides the `overline` attribute when content is assigned.
+ * @slot - (default) Rich content for the main text region. Overrides the `text` attribute when content is assigned.
+ * @slot supporting-text - Rich content for the supporting text region. Overrides the `supporting-text` attribute when content is assigned.
  *
  * ### Query mark
  * Set `query` to a substring to bold-highlight the match across text, overline
@@ -33,6 +46,8 @@
  *   in longer text.
  *
  * When `query` is set, `**bold**` markdown in the same field is ignored.
+ * Query highlighting only applies to the attribute path; slotted content is
+ * not modified.
  *
  * @attr {string} query - Query substring to bold-highlight across text fields. Empty = no marking.
  * @attr {string} query-mark-mode - 'match' | 'predictive' (default: 'predictive')
@@ -40,7 +55,7 @@
 import { LitElement } from 'lit';
 import type { QueryMarkMode } from '../../../../utilities/render-marked.js';
 type Size = 'sm' | 'md';
-type Color = 'default' | 'secondary' | 'inherit';
+type Color = 'default' | 'secondary' | 'accent' | 'success' | 'warning' | 'critical';
 type HorizontalAlignment = 'left' | 'right';
 type VerticalAlignment = 'top' | 'center' | 'bottom';
 declare const NLDDTextCell_base: typeof LitElement & (new (...args: any[]) => LitElement & {
@@ -63,8 +78,16 @@ export declare class NLDDTextCell extends NLDDTextCell_base {
     supportingText: string;
     query: string;
     queryMarkMode: QueryMarkMode;
+    /** @internal */
+    _hasOverlineSlotted: boolean;
+    /** @internal */
+    _hasDefaultSlotted: boolean;
+    /** @internal */
+    _hasSupportingTextSlotted: boolean;
     updated(changed: Map<string, unknown>): void;
     private _applyDimensionStyles;
+    /** @internal */
+    _onSlotChange: (e: Event) => void;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/components/lists-and-menus/cells/text-cell/text-cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/text-cell/text-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAE5E,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACxB,KAAK,KAAK,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;AACjD,KAAK,mBAAmB,GAAG,MAAM,GAAG,OAAO,CAAC;AAC5C,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;;;;;AAErD,qBACa,YAAa,SAAQ,iBAA2B;IAC5D,OAAgB,MAAM,4BAAoB;IAG1C,IAAI,EAAE,IAAI,CAAQ;IAGlB,KAAK,EAAE,KAAK,CAAa;IAEzB,sEAAsE;IAEtE,KAAK,EAAE,MAAM,CAAa;IAG1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,mBAAmB,EAAE,mBAAmB,CAAU;IAGlD,iBAAiB,EAAE,iBAAiB,CAAY;IAGhD,IAAI,SAAM;IAGV,QAAQ,SAAM;IAGd,cAAc,SAAM;IAGpB,KAAK,SAAM;IAGX,aAAa,EAAE,aAAa,CAAgB;IAEnC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAO9C,OAAO,CAAC,qBAAqB;IA0BpB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,YAAY,CAAC;KAC/B;CACD"}
+{"version":3,"file":"text-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/text-cell/text-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAE5E,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACxB,KAAK,KAAK,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AACrF,KAAK,mBAAmB,GAAG,MAAM,GAAG,OAAO,CAAC;AAC5C,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;;;;;AAErD,qBACa,YAAa,SAAQ,iBAA2B;IAC5D,OAAgB,MAAM,4BAAoB;IAG1C,IAAI,EAAE,IAAI,CAAQ;IAGlB,KAAK,EAAE,KAAK,CAAa;IAEzB,sEAAsE;IAEtE,KAAK,EAAE,MAAM,CAAa;IAG1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,mBAAmB,EAAE,mBAAmB,CAAU;IAGlD,iBAAiB,EAAE,iBAAiB,CAAY;IAGhD,IAAI,SAAM;IAGV,QAAQ,SAAM;IAGd,cAAc,SAAM;IAGpB,KAAK,SAAM;IAGX,aAAa,EAAE,aAAa,CAAgB;IAE5C,gBAAgB;IACP,mBAAmB,UAAS;IACrC,gBAAgB;IACP,kBAAkB,UAAS;IACpC,gBAAgB;IACP,yBAAyB,UAAS;IAElC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAO9C,OAAO,CAAC,qBAAqB;IA0B7B,gBAAgB;IAChB,aAAa,GAAI,GAAG,KAAK,KAAG,IAAI,CAqB9B;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,YAAY,CAAC;KAC/B;CACD"}

package/dist/components/lists-and-menus/cells/text-cell/text-cell.js

@@ -16,9 +16,18 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * a minimum centered region. For strict top alignment without a minimum height,
  * use `vertical-alignment="top"`.
  *
+ * ### Slots vs attributes
+ * Each text region (overline, main text, supporting text) accepts either a
+ * string attribute or slotted DOM content. The slot is the source of truth: if
+ * the consumer provides slotted content, it replaces the attribute-based render
+ * for that region. Use slots when you need inline elements like `<nldd-tag>`,
+ * `<a>` or `<nldd-icon>` mixed with text. Note that `query` highlighting and
+ * `**bold**` parsing only apply to the attribute path — slotted content is
+ * rendered as-is.
+ *
  * @element nldd-text-cell
  * @attr {string} size - Cell size: 'sm' | 'md' (default: 'md')
- * @attr {string} color - Text color variant: 'default' | 'secondary' | 'inherit' (default: 'default')
+ * @attr {string} color - Text color variant: 'default' | 'secondary' | 'accent' | 'success' | 'warning' | 'critical' (default: 'default'). All non-default/-secondary variants apply to all three text fields so the cell reads as a coherent state.
  * @attr {string} width - 'stretch' | 'fit-content' | CSS length (e.g. '200px', '20rem'). Default: 'stretch'
  * @attr {string} min-width - Minimum width as CSS length (e.g. '80px', '5rem')
  * @attr {string} max-width - Maximum width as CSS length (e.g. '200px', '20rem')
@@ -26,9 +35,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * @attr {string} horizontal-alignment - Horizontal alignment: 'left' | 'right' (default: 'left')
  * @attr {string} vertical-alignment - Vertical alignment: 'top' | 'center' | 'bottom' (default: 'center')
  *
- * @attr {string} text - Main text content. Supports **bold** syntax for inline bold segments.
- * @attr {string} overline - Optional overline text displayed above the main content. Supports **bold**.
- * @attr {string} supporting-text - Optional supporting text displayed below the main content. Supports **bold**.
+ * @attr {string} text - Main text content. Supports **bold** syntax for inline bold segments. Falls back to default slot.
+ * @attr {string} overline - Optional overline text displayed above the main content. Supports **bold**. Falls back to `overline` slot.
+ * @attr {string} supporting-text - Optional supporting text displayed below the main content. Supports **bold**. Falls back to `supporting-text` slot.
+ *
+ * @slot overline - Rich content for the overline region. Overrides the `overline` attribute when content is assigned.
+ * @slot - (default) Rich content for the main text region. Overrides the `text` attribute when content is assigned.
+ * @slot supporting-text - Rich content for the supporting text region. Overrides the `supporting-text` attribute when content is assigned.
  *
  * ### Query mark
  * Set `query` to a substring to bold-highlight the match across text, overline
@@ -39,12 +52,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  *   in longer text.
  *
  * When `query` is set, `**bold**` markdown in the same field is ignored.
+ * Query highlighting only applies to the attribute path; slotted content is
+ * not modified.
  *
  * @attr {string} query - Query substring to bold-highlight across text fields. Empty = no marking.
  * @attr {string} query-mark-mode - 'match' | 'predictive' (default: 'predictive')
  */
 import { LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
+import { customElement, property, state } from 'lit/decorators.js';
 import { textCellStyles } from './text-cell.styles.js';
 import { template } from './text-cell.template.js';
 import { VisibilityMixin } from '../../../../utilities/visibility-mixin.js';
@@ -62,6 +77,35 @@ let NLDDTextCell = class NLDDTextCell extends VisibilityMixin(LitElement) {
         this.supportingText = '';
         this.query = '';
         this.queryMarkMode = 'predictive';
+        /** @internal */
+        this._hasOverlineSlotted = false;
+        /** @internal */
+        this._hasDefaultSlotted = false;
+        /** @internal */
+        this._hasSupportingTextSlotted = false;
+        /** @internal */
+        this._onSlotChange = (e) => {
+            const slot = e.target;
+            // Use assignedNodes() (not flatten) so we only count what the consumer
+            // actually slotted — fallback content is excluded by design.
+            const hasContent = slot.assignedNodes().some((node) => {
+                if (node.nodeType === Node.TEXT_NODE) {
+                    return (node.textContent ?? '').trim().length > 0;
+                }
+                return node.nodeType === Node.ELEMENT_NODE;
+            });
+            switch (slot.name) {
+                case 'overline':
+                    this._hasOverlineSlotted = hasContent;
+                    break;
+                case 'supporting-text':
+                    this._hasSupportingTextSlotted = hasContent;
+                    break;
+                default:
+                    this._hasDefaultSlotted = hasContent;
+                    break;
+            }
+        };
     }
     updated(changed) {
         super.updated(changed);
@@ -142,6 +186,15 @@ __decorate([
 __decorate([
     property({ type: String, attribute: 'query-mark-mode' })
 ], NLDDTextCell.prototype, "queryMarkMode", void 0);
+__decorate([
+    state()
+], NLDDTextCell.prototype, "_hasOverlineSlotted", void 0);
+__decorate([
+    state()
+], NLDDTextCell.prototype, "_hasDefaultSlotted", void 0);
+__decorate([
+    state()
+], NLDDTextCell.prototype, "_hasSupportingTextSlotted", void 0);
 NLDDTextCell = __decorate([
     customElement('nldd-text-cell')
 ], NLDDTextCell);

package/dist/components/lists-and-menus/cells/text-cell/text-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/text-cell/text-cell.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"text-cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/text-cell/text-cell.ts"],"names":[],"mappings":"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"}

package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/text-cell/text-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAqL1B,CAAC"}
+{"version":3,"file":"text-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/text-cell/text-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAkN1B,CAAC"}

package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js

@@ -5,13 +5,14 @@ export const textCellStyles = css `
 	/* # Host */
 
 	:host {
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
 		--_width: auto;
 		--_min-width: 0;
 		--_max-width: none;
 		--_min-height: 0;
+
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
 		width: var(--_width);
 		min-width: var(--_min-width);
 		max-width: var(--_max-width);
@@ -28,7 +29,7 @@ export const textCellStyles = css `
 	:host([width='stretch']),
 	:host(:not([width])) {
 		flex-grow: 1;
-		min-width: 0;
+		flex-shrink: 1;
 	}
 
 	:host([width='fit-content']) {
@@ -42,6 +43,10 @@ export const textCellStyles = css `
 		flex-shrink: 0;
 	}
 
+	:host([max-width]) {
+		flex-basis: var(--_max-width);
+	}
+
 
 	/* # Vertical alignment
 	 *
@@ -140,12 +145,36 @@ export const textCellStyles = css `
 		color: var(--context-cell-content-secondary-color, var(--semantics-content-secondary-color));
 	}
 
-	/* ## Color: inherit */
+	/* ## Color: accent */
+
+	:host([color='accent']) .text-cell__text,
+	:host([color='accent']) .text-cell__overline,
+	:host([color='accent']) .text-cell__supporting-text {
+		color: var(--context-cell-content-accent-color, var(--semantics-content-accent-color));
+	}
+
+	/* ## Color: success */
+
+	:host([color='success']) .text-cell__text,
+	:host([color='success']) .text-cell__overline,
+	:host([color='success']) .text-cell__supporting-text {
+		color: var(--context-cell-content-success-color, var(--semantics-content-success-color));
+	}
+
+	/* ## Color: warning */
+
+	:host([color='warning']) .text-cell__text,
+	:host([color='warning']) .text-cell__overline,
+	:host([color='warning']) .text-cell__supporting-text {
+		color: var(--context-cell-content-warning-color, var(--semantics-content-warning-color));
+	}
+
+	/* ## Color: critical */
 
-	:host([color='inherit']) .text-cell__text,
-	:host([color='inherit']) .text-cell__overline,
-	:host([color='inherit']) .text-cell__supporting-text {
-		color: inherit;
+	:host([color='critical']) .text-cell__text,
+	:host([color='critical']) .text-cell__overline,
+	:host([color='critical']) .text-cell__supporting-text {
+		color: var(--context-cell-content-critical-color, var(--semantics-content-critical-color));
 	}
 
 

package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/text-cell/text-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqLhC,CAAC"}
+{"version":3,"file":"text-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/text-cell/text-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkNhC,CAAC"}

package/dist/components/lists-and-menus/cells/text-cell/text-cell.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-cell.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/text-cell/text-cell.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,YAAY,wCAM1C"}
+{"version":3,"file":"text-cell.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/text-cell/text-cell.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,YAAY,wCAoC1C"}

package/dist/components/lists-and-menus/cells/text-cell/text-cell.template.js

@@ -1,10 +1,40 @@
 import { html, nothing } from 'lit';
 import { renderQueryMark } from '../../../../utilities/render-marked.js';
 export function template() {
+    // Fallback content is rendered as a sibling of the slot, NOT inside it.
+    // Native slot fallback gets suppressed as soon as ANY node is assigned to
+    // the slot — including whitespace-only text nodes that consumers introduce
+    // inadvertently (e.g. from formatting or self-closing custom-element tags).
+    // By rendering the attribute path outside the slot, we control visibility
+    // purely via the `_has*Slotted` state (which filters whitespace).
     return html `
-		${this.overline ? html `<p class="text-cell__overline">${renderQueryMark(this.overline, this.query, this.queryMarkMode)}</p>` : nothing}
-		${this.text ? html `<p class="text-cell__text">${renderQueryMark(this.text, this.query, this.queryMarkMode)}</p>` : nothing}
-		${this.supportingText ? html `<p class="text-cell__supporting-text">${renderQueryMark(this.supportingText, this.query, this.queryMarkMode)}</p>` : nothing}
+		<p
+			class="text-cell__overline"
+			?hidden=${!this.overline && !this._hasOverlineSlotted}
+		>
+			${this.overline && !this._hasOverlineSlotted
+        ? renderQueryMark(this.overline, this.query, this.queryMarkMode)
+        : nothing}
+			<slot name="overline" @slotchange=${this._onSlotChange}></slot>
+		</p>
+		<p
+			class="text-cell__text"
+			?hidden=${!this.text && !this._hasDefaultSlotted}
+		>
+			${this.text && !this._hasDefaultSlotted
+        ? renderQueryMark(this.text, this.query, this.queryMarkMode)
+        : nothing}
+			<slot @slotchange=${this._onSlotChange}></slot>
+		</p>
+		<p
+			class="text-cell__supporting-text"
+			?hidden=${!this.supportingText && !this._hasSupportingTextSlotted}
+		>
+			${this.supportingText && !this._hasSupportingTextSlotted
+        ? renderQueryMark(this.supportingText, this.query, this.queryMarkMode)
+        : nothing}
+			<slot name="supporting-text" @slotchange=${this._onSlotChange}></slot>
+		</p>
 	`;
 }
 //# sourceMappingURL=text-cell.template.js.map

package/dist/components/lists-and-menus/cells/text-cell/text-cell.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-cell.template.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/text-cell/text-cell.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAEpC,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAEzE,MAAM,UAAU,QAAQ;IACvB,OAAO,IAAI,CAAA;IACR,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,kCAAkC,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;IACpI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,8BAA8B,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;IACxH,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA,yCAAyC,eAAe,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;EACzJ,CAAC;AACH,CAAC"}
+{"version":3,"file":"text-cell.template.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/text-cell/text-cell.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAEpC,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAEzE,MAAM,UAAU,QAAQ;IACvB,wEAAwE;IACxE,0EAA0E;IAC1E,2EAA2E;IAC3E,4EAA4E;IAC5E,0EAA0E;IAC1E,kEAAkE;IAClE,OAAO,IAAI,CAAA;;;aAGC,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,mBAAmB;;KAEnD,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,mBAAmB;QAC3C,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC;QAChE,CAAC,CAAC,OAAO;uCAC0B,IAAI,CAAC,aAAa;;;;aAI5C,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,kBAAkB;;KAE9C,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,kBAAkB;QACtC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC;QAC5D,CAAC,CAAC,OAAO;uBACU,IAAI,CAAC,aAAa;;;;aAI5B,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,yBAAyB;;KAE/D,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,yBAAyB;QACvD,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC;QACtE,CAAC,CAAC,OAAO;8CACiC,IAAI,CAAC,aAAa;;EAE9D,CAAC;AACH,CAAC"}

package/dist/components/lists-and-menus/cells/title-cell/title-cell.d.ts

@@ -9,9 +9,18 @@
  * a minimum centered region. For strict top alignment without a minimum height,
  * use `vertical-alignment="top"`.
  *
+ * ### Slots vs attributes
+ * Each text region (overline, title, supporting text) accepts either a string
+ * attribute or slotted DOM content. The slot is the source of truth: if the
+ * consumer provides slotted content, it replaces the attribute-based render
+ * for that region. Use slots when you need inline elements like `<nldd-tag>`,
+ * `<nldd-icon>` or other components mixed with text. Note that `query`
+ * highlighting and `**bold**` parsing only apply to the attribute path —
+ * slotted content is rendered as-is.
+ *
  * @element nldd-title-cell
  * @attr {1|2|3|4|5|6} size - Visual size of the title (default: 5)
- * @attr {'default' | 'inherit'} color - Text color variant (default: 'default')
+ * @attr {'default' | 'secondary' | 'accent' | 'success' | 'warning' | 'critical'} color - Text color variant (default: 'default'). `secondary` demotes the title to match the muted overline/supporting-text. `accent`, `success`, `warning` and `critical` tint all three regions so the cell reads as a coherent state.
  * @attr {string} width - 'stretch' | 'fit-content' | CSS length (e.g. '200px', '20rem'). Default: 'stretch'
  * @attr {string} min-width - Minimum width as CSS length (e.g. '80px', '5rem')
  * @attr {string} max-width - Maximum width as CSS length (e.g. '300px', '20rem')
@@ -19,11 +28,15 @@
  * @attr {'left' | 'right'} horizontal-alignment - Horizontal alignment (default: 'left')
  * @attr {'top' | 'center' | 'bottom'} vertical-alignment - Vertical alignment (default: 'center')
  *
- * @attr {string} text - Title text content. Supports **bold** syntax for inline bold segments.
- * @attr {string} overline - Optional overline text displayed above the title. Supports **bold**.
- * @attr {string} supporting-text - Optional supporting text displayed below the title. Supports **bold**.
+ * @attr {string} text - Title text content. Supports **bold** syntax for inline bold segments. Falls back to default slot.
+ * @attr {string} overline - Optional overline text displayed above the title. Supports **bold**. Falls back to `overline` slot.
+ * @attr {string} supporting-text - Optional supporting text displayed below the title. Supports **bold**. Falls back to `supporting-text` slot.
  * @attr {number} heading-level - Heading level for the title element: 1–6 (default: none, renders a <p>)
  *
+ * @slot overline - Rich content for the overline region. Overrides the `overline` attribute when content is assigned.
+ * @slot - (default) Rich content for the title. Overrides the `text` attribute when content is assigned.
+ * @slot supporting-text - Rich content for the supporting text region. Overrides the `supporting-text` attribute when content is assigned.
+ *
  * ### Query mark
  * Set `query` to a substring to bold-highlight the match across text, overline
  * and supporting-text. `query-mark-mode` selects the strategy:
@@ -33,6 +46,8 @@
  *   in longer text.
  *
  * When `query` is set, `**bold**` markdown in the same field is ignored.
+ * Query highlighting only applies to the attribute path; slotted content is
+ * not modified.
  *
  * @attr {string} query - Query substring to bold-highlight across text fields. Empty = no marking.
  * @attr {string} query-mark-mode - 'match' | 'predictive' (default: 'predictive')
@@ -40,7 +55,7 @@
 import { LitElement } from 'lit';
 import type { QueryMarkMode } from '../../../../utilities/render-marked.js';
 export type TitleCellSize = 1 | 2 | 3 | 4 | 5 | 6;
-type Color = 'default' | 'inherit';
+type Color = 'default' | 'secondary' | 'accent' | 'success' | 'warning' | 'critical';
 type HorizontalAlignment = 'left' | 'right';
 type VerticalAlignment = 'top' | 'center' | 'bottom';
 declare const NLDDTitleCell_base: typeof LitElement & (new (...args: any[]) => LitElement & {
@@ -65,8 +80,16 @@ export declare class NLDDTitleCell extends NLDDTitleCell_base {
     headingLevel: number | undefined;
     query: string;
     queryMarkMode: QueryMarkMode;
+    /** @internal */
+    _hasOverlineSlotted: boolean;
+    /** @internal */
+    _hasDefaultSlotted: boolean;
+    /** @internal */
+    _hasSupportingTextSlotted: boolean;
     updated(changed: Map<string, unknown>): void;
     private _applyDimensionStyles;
+    /** @internal */
+    _onSlotChange: (e: Event) => void;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/components/lists-and-menus/cells/title-cell/title-cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"title-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/title-cell/title-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAClD,KAAK,KAAK,GAAG,SAAS,GAAG,SAAS,CAAC;AACnC,KAAK,mBAAmB,GAAG,MAAM,GAAG,OAAO,CAAC;AAC5C,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;;;;;AAErD,qBACa,aAAc,SAAQ,kBAA2B;IAC7D,OAAgB,MAAM,4BAAqB;IAG3C,IAAI,EAAE,aAAa,CAAK;IAGxB,KAAK,EAAE,KAAK,CAAa;IAEzB,sEAAsE;IAEtE,KAAK,EAAE,MAAM,CAAa;IAG1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,mBAAmB,EAAE,mBAAmB,CAAU;IAGlD,iBAAiB,EAAE,iBAAiB,CAAY;IAGhD,IAAI,SAAM;IAGV,QAAQ,SAAM;IAGd,cAAc,SAAM;IAEpB,8EAA8E;IAE9E,YAAY,EAAE,MAAM,GAAG,SAAS,CAAa;IAG7C,KAAK,SAAM;IAGX,aAAa,EAAE,aAAa,CAAgB;IAEnC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAO9C,OAAO,CAAC,qBAAqB;IAwBpB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,aAAa,CAAC;KACjC;CACD"}
+{"version":3,"file":"title-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/title-cell/title-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAClD,KAAK,KAAK,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AACrF,KAAK,mBAAmB,GAAG,MAAM,GAAG,OAAO,CAAC;AAC5C,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;;;;;AAErD,qBACa,aAAc,SAAQ,kBAA2B;IAC7D,OAAgB,MAAM,4BAAqB;IAG3C,IAAI,EAAE,aAAa,CAAK;IAGxB,KAAK,EAAE,KAAK,CAAa;IAEzB,sEAAsE;IAEtE,KAAK,EAAE,MAAM,CAAa;IAG1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,mBAAmB,EAAE,mBAAmB,CAAU;IAGlD,iBAAiB,EAAE,iBAAiB,CAAY;IAGhD,IAAI,SAAM;IAGV,QAAQ,SAAM;IAGd,cAAc,SAAM;IAEpB,8EAA8E;IAE9E,YAAY,EAAE,MAAM,GAAG,SAAS,CAAa;IAG7C,KAAK,SAAM;IAGX,aAAa,EAAE,aAAa,CAAgB;IAE5C,gBAAgB;IACP,mBAAmB,UAAS;IACrC,gBAAgB;IACP,kBAAkB,UAAS;IACpC,gBAAgB;IACP,yBAAyB,UAAS;IAElC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAO9C,OAAO,CAAC,qBAAqB;IAwB7B,gBAAgB;IAChB,aAAa,GAAI,GAAG,KAAK,KAAG,IAAI,CAqB9B;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,aAAa,CAAC;KACjC;CACD"}