@nldd/design-system 0.8.42 → 0.8.44

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

@@ -11,14 +11,14 @@ export const cellStyles = css `
 		--_min-height: 0;
 
 		display: flex;
-		flex-direction: column;
-		align-items: stretch;
-		flex-shrink: 0;
-		justify-content: center;
 		width: var(--_width);
 		min-width: var(--_min-width);
 		max-width: var(--_max-width);
 		min-height: var(--_min-height);
+		flex-direction: column;
+		align-items: flex-start;
+		flex-shrink: 0;
+		justify-content: center;
 	}
 
 	:host([hidden]) {
@@ -28,19 +28,20 @@ export const cellStyles = css `
 
 	/* # Width */
 
-	:host([width='stretch']) {
+	:host([width='full']) {
 		flex-grow: 1;
 		flex-shrink: 1;
 	}
 
 	:host([width='fit-content']),
-	:host(:not([width])) {
+	:host(:not([width])),
+	:host([width='']) {
+		width: fit-content;
 		flex-grow: 0;
 		flex-basis: auto;
-		width: fit-content;
 	}
 
-	:host([width]:not([width='stretch']):not([width='fit-content'])) {
+	:host([width]:not([width='full']):not([width='fit-content']):not([width=''])) {
 		flex-shrink: 0;
 	}
 
@@ -49,13 +50,7 @@ export const cellStyles = css `
 	}
 
 
-	/* # Vertical alignment
-	 *
-	 * 'center' (default): the cell stretches to fill the full row height, then
-	 * centers its content within that space. When min-height is set, the cell is
-	 * at least that tall and the content sits centered inside it. For strict top
-	 * alignment without a minimum height, use vertical-alignment="top".
-	 */
+	/* # Vertical alignment */
 
 	:host([vertical-alignment='center']),
 	:host(:not([vertical-alignment])) {
@@ -71,6 +66,22 @@ export const cellStyles = css `
 	}
 
 
+	/* # Horizontal alignment */
+
+	:host([horizontal-alignment='left']),
+	:host(:not([horizontal-alignment])) {
+		align-items: flex-start;
+	}
+
+	:host([horizontal-alignment='center']) {
+		align-items: center;
+	}
+
+	:host([horizontal-alignment='right']) {
+		align-items: flex-end;
+	}
+
+
 	/* # Slotted content */
 
 	::slotted(*) {

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

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

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

@@ -10,7 +10,7 @@
  * use `vertical-alignment="top"`.
  *
  * @element nldd-description-cell
- * @attr {string} width - 'stretch' | 'fit-content' | CSS length (e.g. '200px', '20rem'). Default: 'stretch'
+ * @attr {string} width - 'full' | 'fit-content' | CSS length (e.g. '200px', '20rem'). Default: 'full'
  * @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')
  * @attr {string} min-height - Minimum height as CSS length (e.g. '44px', '3rem')
@@ -27,7 +27,7 @@ declare const NLDDDescriptionCell_base: typeof LitElement & (new (...args: any[]
 });
 export declare class NLDDDescriptionCell extends NLDDDescriptionCell_base {
     static styles: import("lit").CSSResult[];
-    /** 'stretch' | 'fit-content' | CSS length (e.g. '200px', '20rem'). */
+    /** 'full' | 'fit-content' | CSS length (e.g. '200px', '20rem'). */
     width: string;
     minWidth?: string;
     maxWidth?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"description-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/description-cell/description-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;;;;;AAErD,qBACa,mBAAoB,SAAQ,wBAA2B;IACnE,OAAgB,MAAM,4BAA2B;IAEjD,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,iBAAiB,EAAE,iBAAiB,CAAY;IAEvC,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,uBAAuB,EAAE,mBAAmB,CAAC;KAC7C;CACD"}
+{"version":3,"file":"description-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/description-cell/description-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;;;;;AAErD,qBACa,mBAAoB,SAAQ,wBAA6C;IACrF,OAAgB,MAAM,4BAA2B;IAEjD,mEAAmE;IAEnE,KAAK,EAAE,MAAM,CAAU;IAGvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,iBAAiB,EAAE,iBAAiB,CAAY;IAEvC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAO9C,OAAO,CAAC,qBAAqB;IA6BpB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,uBAAuB,EAAE,mBAAmB,CAAC;KAC7C;CACD"}

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

@@ -16,7 +16,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * use `vertical-alignment="top"`.
  *
  * @element nldd-description-cell
- * @attr {string} width - 'stretch' | 'fit-content' | CSS length (e.g. '200px', '20rem'). Default: 'stretch'
+ * @attr {string} width - 'full' | 'fit-content' | CSS length (e.g. '200px', '20rem'). Default: 'full'
  * @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')
  * @attr {string} min-height - Minimum height as CSS length (e.g. '44px', '3rem')
@@ -30,11 +30,11 @@ import { customElement, property } from 'lit/decorators.js';
 import { descriptionCellStyles } from './description-cell.styles.js';
 import { template } from './description-cell.template.js';
 import { VisibilityMixin } from '../../../../utilities/visibility-mixin.js';
-let NLDDDescriptionCell = class NLDDDescriptionCell extends VisibilityMixin(LitElement) {
+let NLDDDescriptionCell = class NLDDDescriptionCell extends VisibilityMixin(LitElement, 'list-container') {
     constructor() {
         super(...arguments);
-        /** 'stretch' | 'fit-content' | CSS length (e.g. '200px', '20rem'). */
-        this.width = 'stretch';
+        /** 'full' | 'fit-content' | CSS length (e.g. '200px', '20rem'). */
+        this.width = 'full';
         this.verticalAlignment = 'center';
     }
     updated(changed) {
@@ -44,13 +44,18 @@ let NLDDDescriptionCell = class NLDDDescriptionCell extends VisibilityMixin(LitE
         }
     }
     _applyDimensionStyles() {
-        const widthIsKeyword = this.width === 'stretch' || this.width === 'fit-content';
-        if (this.width && !widthIsKeyword) {
-            this.style.setProperty('--_width', this.width);
+        const w = this.width;
+        const widthIsKeyword = w === 'full' || w === 'fit-content';
+        const widthIsValidLength = !!w && !widthIsKeyword && CSS.supports('width', w);
+        if (widthIsValidLength) {
+            this.style.setProperty('--_width', w);
         }
         else {
             this.style.removeProperty('--_width');
         }
+        if (w && !widthIsKeyword && !widthIsValidLength) {
+            this.width = '';
+        }
         if (this.minWidth) {
             this.style.setProperty('--_min-width', this.minWidth);
         }

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

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

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

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

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

@@ -11,12 +11,12 @@ export const descriptionCellStyles = css `
 		--_min-height: 0;
 
 		display: flex;
-		flex-direction: column;
-		justify-content: center;
 		width: var(--_width);
 		min-width: var(--_min-width);
 		max-width: var(--_max-width);
 		min-height: var(--_min-height);
+		flex-direction: column;
+		justify-content: center;
 	}
 
 	:host([hidden]) {
@@ -26,20 +26,21 @@ export const descriptionCellStyles = css `
 
 	/* # Width */
 
-	:host([width='stretch']),
-	:host(:not([width])) {
+	:host([width='full']),
+	:host(:not([width])),
+	:host([width='']) {
 		flex-grow: 1;
 		flex-shrink: 1;
 	}
 
 	:host([width='fit-content']) {
+		width: fit-content;
 		flex-grow: 0;
 		flex-shrink: 0;
 		flex-basis: auto;
-		width: fit-content;
 	}
 
-	:host([width]:not([width='stretch']):not([width='fit-content'])) {
+	:host([width]:not([width='full']):not([width='fit-content']):not([width=''])) {
 		flex-shrink: 0;
 	}
 
@@ -74,8 +75,8 @@ export const descriptionCellStyles = css `
 
 	::slotted([slot='title']) {
 		margin: 0;
-		align-self: stretch;
 		min-width: 0;
+		align-self: stretch;
 		font: var(--primitives-font-body-sm-regular-flat);
 		color: var(--context-cell-content-color, var(--semantics-content-secondary-color));
 	}
@@ -85,8 +86,8 @@ export const descriptionCellStyles = css `
 
 	::slotted([slot='description']) {
 		margin: 0;
-		align-self: stretch;
 		min-width: 0;
+		align-self: stretch;
 		font: var(--primitives-font-body-md-regular-tight);
 		color: var(--context-cell-content-color, var(--semantics-content-color));
 	}

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

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

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

@@ -6,10 +6,10 @@ export const dragHandleCellStyles = css `
 
 	:host {
 		display: inline-flex;
+		cursor: grab;
+		width: fit-content;
 		align-items: center;
 		justify-content: center;
-		width: fit-content;
-		cursor: grab;
 	}
 
 	:host([hidden]) {
@@ -25,13 +25,13 @@ export const dragHandleCellStyles = css `
 
 	.drag-handle-cell__control {
 		display: flex;
-		align-items: center;
-		justify-content: center;
-		background-color: var(--semantics-grab-handles-background-color);
-		border: none;
-		padding: 0;
 		margin: 0;
+		border: none;
+		background-color: var(--semantics-grab-handles-background-color);
 		cursor: inherit;
+		padding: 0;
+		align-items: center;
+		justify-content: center;
 		-webkit-appearance: none;
 		appearance: none;
 	}
@@ -47,18 +47,18 @@ export const dragHandleCellStyles = css `
 
 	:host([size="md"]) .drag-handle-cell__control,
 	:host(:not([size])) .drag-handle-cell__control {
+		border-radius: var(--semantics-controls-md-corner-radius);
 		width: var(--semantics-controls-sm-min-size);
 		height: var(--semantics-controls-md-min-size);
-		border-radius: var(--semantics-controls-md-corner-radius);
 	}
 
 
 	/* ## Size: SM */
 
 	:host([size="sm"]) .drag-handle-cell__control {
+		border-radius: var(--semantics-controls-sm-corner-radius);
 		width: var(--semantics-controls-xs-min-size);
 		height: var(--semantics-controls-sm-min-size);
-		border-radius: var(--semantics-controls-sm-corner-radius);
 	}
 
 

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,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"}
+{"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,iBAA6C;IAC9E,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

@@ -25,7 +25,7 @@ import { iconCellStyles } from './icon-cell.styles.js';
 import { template } from './icon-cell.template.js';
 import { VisibilityMixin } from '../../../../utilities/visibility-mixin.js';
 import '../../../content/icon/icon.js';
-let NLDDIconCell = class NLDDIconCell extends VisibilityMixin(LitElement) {
+let NLDDIconCell = class NLDDIconCell extends VisibilityMixin(LitElement, 'list-container') {
     constructor() {
         super(...arguments);
         this.verticalAlignment = 'center';

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

@@ -1 +1 @@
-{"version":3,"file":"icon-cell.js","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;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,+BAA+B,CAAC;AAOhC,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,eAAe,CAAC,UAAU,CAAC;IAAtD;;QAIN,sBAAiB,GAAsB,QAAQ,CAAC;QAGhD,SAAI,GAAS,IAAI,CAAC;QAGlB,UAAK,GAAU,SAAS,CAAC;QAGzB,SAAI,GAAG,EAAE,CAAC;IAKX,CAAC;IAHS,MAAM;QACd,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC;;AAhBe,mBAAM,GAAG,cAAc,AAAjB,CAAkB;AAGxC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;uDAC3B;AAGhD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CACxB;AAGlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CACjB;AAGzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAChC;AAbE,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAkBxB"}
+{"version":3,"file":"icon-cell.js","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;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,+BAA+B,CAAC;AAOhC,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,eAAe,CAAC,UAAU,EAAE,gBAAgB,CAAC;IAAxE;;QAIN,sBAAiB,GAAsB,QAAQ,CAAC;QAGhD,SAAI,GAAS,IAAI,CAAC;QAGlB,UAAK,GAAU,SAAS,CAAC;QAGzB,SAAI,GAAG,EAAE,CAAC;IAKX,CAAC;IAHS,MAAM;QACd,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC;;AAhBe,mBAAM,GAAG,cAAc,AAAjB,CAAkB;AAGxC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;uDAC3B;AAGhD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CACxB;AAGlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CACjB;AAGzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAChC;AAbE,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAkBxB"}

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

@@ -1 +1 @@
-{"version":3,"file":"spacer-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/spacer-cell/spacer-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,UAAU,CAAC;;;;;AAEjJ,qBACa,cAAe,SAAQ,mBAA2B;IAC9D,OAAgB,MAAM,0BAAoB;IAG1C,IAAI,EAAE,IAAI,CAAQ;IAET,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD"}
+{"version":3,"file":"spacer-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/spacer-cell/spacer-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,UAAU,CAAC;;;;;AAEjJ,qBACa,cAAe,SAAQ,mBAA6C;IAChF,OAAgB,MAAM,0BAAoB;IAG1C,IAAI,EAAE,IAAI,CAAQ;IAET,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD"}

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

@@ -16,7 +16,7 @@ import { LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { spacerCellStyles } from './spacer-cell.styles.js';
 import { VisibilityMixin } from '../../../../utilities/visibility-mixin.js';
-let NLDDSpacerCell = class NLDDSpacerCell extends VisibilityMixin(LitElement) {
+let NLDDSpacerCell = class NLDDSpacerCell extends VisibilityMixin(LitElement, 'list-container') {
     constructor() {
         super(...arguments);
         this.size = '16';

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

@@ -1 +1 @@
-{"version":3,"file":"spacer-cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/spacer-cell/spacer-cell.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAKrE,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,eAAe,CAAC,UAAU,CAAC;IAAxD;;QAIN,SAAI,GAAS,IAAI,CAAC;IAKnB,CAAC;IAHS,MAAM;QACd,OAAO,IAAI,CAAC;IACb,CAAC;;AAPe,qBAAM,GAAG,gBAAgB,AAAnB,CAAoB;AAG1C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CACxB;AAJN,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAS1B"}
+{"version":3,"file":"spacer-cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/spacer-cell/spacer-cell.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAKrE,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,eAAe,CAAC,UAAU,EAAE,gBAAgB,CAAC;IAA1E;;QAIN,SAAI,GAAS,IAAI,CAAC;IAKnB,CAAC;IAHS,MAAM;QACd,OAAO,IAAI,CAAC;IACb,CAAC;;AAPe,qBAAM,GAAG,gBAAgB,AAAnB,CAAoB;AAG1C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CACxB;AAJN,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAS1B"}

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

@@ -40,8 +40,8 @@ export const spacerCellStyles = css `
 	:host([size="96"]) { width: var(--primitives-space-96); }
 
 	:host([size="flexible"]) {
-		flex-grow: 1;
 		width: auto;
+		flex-grow: 1;
 	}
 `;
 //# sourceMappingURL=spacer-cell.styles.js.map

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

@@ -22,11 +22,11 @@
  * @element nldd-text-cell
  * @attr {string} size - Cell size: 'sm' | 'md' (default: 'md')
  * @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} width - 'full' | 'fit-content' | CSS length (e.g. '200px', '20rem'). Default: 'full'
  * @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')
  * @attr {string} min-height - Minimum height as CSS length (e.g. '44px', '3rem')
- * @attr {string} horizontal-alignment - Horizontal alignment: 'left' | 'right' (default: 'left')
+ * @attr {string} horizontal-alignment - Horizontal alignment: 'left' | 'center' | '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. Falls back to default slot.
@@ -56,7 +56,7 @@ import { LitElement } from 'lit';
 import type { QueryMarkMode } from '../../../../utilities/render-marked.js';
 type Size = 'sm' | 'md';
 type Color = 'default' | 'secondary' | 'accent' | 'success' | 'warning' | 'critical';
-type HorizontalAlignment = 'left' | 'right';
+type HorizontalAlignment = 'left' | 'center' | 'right';
 type VerticalAlignment = 'top' | 'center' | 'bottom';
 declare const NLDDTextCell_base: typeof LitElement & (new (...args: any[]) => LitElement & {
     hideBelow?: string;
@@ -66,7 +66,6 @@ export declare class NLDDTextCell extends NLDDTextCell_base {
     static styles: import("lit").CSSResult[];
     size: Size;
     color: Color;
-    /** 'stretch' | 'fit-content' | CSS length (e.g. '200px', '20rem'). */
     width: string;
     minWidth?: string;
     maxWidth?: string;

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}
+{"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,QAAQ,GAAG,OAAO,CAAC;AACvD,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;;;;;AAErD,qBACa,YAAa,SAAQ,iBAA6C;IAC9E,OAAgB,MAAM,4BAAoB;IAG1C,IAAI,EAAE,IAAI,CAAQ;IAGlB,KAAK,EAAE,KAAK,CAAa;IAGzB,KAAK,EAAE,MAAM,CAAU;IAGvB,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;IA+B7B,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

@@ -28,11 +28,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * @element nldd-text-cell
  * @attr {string} size - Cell size: 'sm' | 'md' (default: 'md')
  * @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} width - 'full' | 'fit-content' | CSS length (e.g. '200px', '20rem'). Default: 'full'
  * @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')
  * @attr {string} min-height - Minimum height as CSS length (e.g. '44px', '3rem')
- * @attr {string} horizontal-alignment - Horizontal alignment: 'left' | 'right' (default: 'left')
+ * @attr {string} horizontal-alignment - Horizontal alignment: 'left' | 'center' | '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. Falls back to default slot.
@@ -63,13 +63,12 @@ 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';
-let NLDDTextCell = class NLDDTextCell extends VisibilityMixin(LitElement) {
+let NLDDTextCell = class NLDDTextCell extends VisibilityMixin(LitElement, 'list-container') {
     constructor() {
         super(...arguments);
         this.size = 'md';
         this.color = 'default';
-        /** 'stretch' | 'fit-content' | CSS length (e.g. '200px', '20rem'). */
-        this.width = 'stretch';
+        this.width = 'full';
         this.horizontalAlignment = 'left';
         this.verticalAlignment = 'center';
         this.text = '';
@@ -114,15 +113,20 @@ let NLDDTextCell = class NLDDTextCell extends VisibilityMixin(LitElement) {
         }
     }
     _applyDimensionStyles() {
-        // width's 'stretch' and 'fit-content' are handled via [width] attribute
+        // width's 'full' and 'fit-content' are handled via [width] attribute
         // selectors in CSS; any other value is a CSS length fed through --_width.
-        const widthIsKeyword = this.width === 'stretch' || this.width === 'fit-content';
-        if (this.width && !widthIsKeyword) {
-            this.style.setProperty('--_width', this.width);
+        const w = this.width;
+        const widthIsKeyword = w === 'full' || w === 'fit-content';
+        const widthIsValidLength = !!w && !widthIsKeyword && CSS.supports('width', w);
+        if (widthIsValidLength) {
+            this.style.setProperty('--_width', w);
         }
         else {
             this.style.removeProperty('--_width');
         }
+        if (w && !widthIsKeyword && !widthIsValidLength) {
+            this.width = '';
+        }
         if (this.minWidth) {
             this.style.setProperty('--_min-width', this.minWidth);
         }

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,yBAkN1B,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,yBAmO1B,CAAC"}

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

@@ -11,12 +11,12 @@ export const textCellStyles = css `
 		--_min-height: 0;
 
 		display: flex;
-		flex-direction: column;
-		justify-content: center;
 		width: var(--_width);
 		min-width: var(--_min-width);
 		max-width: var(--_max-width);
 		min-height: var(--_min-height);
+		flex-direction: column;
+		justify-content: center;
 	}
 
 	:host([hidden]) {
@@ -26,20 +26,21 @@ export const textCellStyles = css `
 
 	/* # Width */
 
-	:host([width='stretch']),
-	:host(:not([width])) {
+	:host([width='full']),
+	:host(:not([width])),
+	:host([width='']) {
 		flex-grow: 1;
 		flex-shrink: 1;
 	}
 
 	:host([width='fit-content']) {
+		width: fit-content;
 		flex-grow: 0;
 		flex-shrink: 0;
 		flex-basis: auto;
-		width: fit-content;
 	}
 
-	:host([width]:not([width='stretch']):not([width='fit-content'])) {
+	:host([width]:not([width='full']):not([width='fit-content']):not([width=''])) {
 		flex-shrink: 0;
 	}
 
@@ -77,6 +78,10 @@ export const textCellStyles = css `
 		align-items: flex-start;
 	}
 
+	:host([horizontal-alignment='center']) {
+		align-items: center;
+	}
+
 	:host([horizontal-alignment='right']) {
 		align-items: flex-end;
 	}
@@ -86,8 +91,8 @@ export const textCellStyles = css `
 
 	.text-cell__overline {
 		margin: 0;
-		align-self: stretch;
 		min-width: 0;
+		align-self: stretch;
 		overflow-wrap: anywhere;
 		color: var(--context-cell-content-color, var(--semantics-content-secondary-color));
 	}
@@ -101,6 +106,10 @@ export const textCellStyles = css `
 		font: var(--primitives-font-body-xxs-regular-tight);
 	}
 
+	:host([horizontal-alignment='center']) .text-cell__overline {
+		text-align: center;
+	}
+
 	:host([horizontal-alignment='right']) .text-cell__overline {
 		text-align: right;
 	}
@@ -110,8 +119,8 @@ export const textCellStyles = css `
 
 	.text-cell__text {
 		margin: 0;
-		align-self: stretch;
 		min-width: 0;
+		align-self: stretch;
 		overflow-wrap: anywhere;
 		text-wrap: pretty;
 	}
@@ -125,6 +134,10 @@ export const textCellStyles = css `
 		font: var(--primitives-font-body-sm-regular-tight);
 	}
 
+	:host([horizontal-alignment='center']) .text-cell__text {
+		text-align: center;
+	}
+
 	:host([horizontal-alignment='right']) .text-cell__text {
 		text-align: right;
 	}
@@ -182,8 +195,8 @@ export const textCellStyles = css `
 
 	.text-cell__supporting-text {
 		margin: 0;
-		align-self: stretch;
 		min-width: 0;
+		align-self: stretch;
 		overflow-wrap: anywhere;
 		color: var(--context-cell-content-color, var(--semantics-content-secondary-color));
 	}
@@ -197,6 +210,10 @@ export const textCellStyles = css `
 		font: var(--primitives-font-body-xxs-regular-tight);
 	}
 
+	:host([horizontal-alignment='center']) .text-cell__supporting-text {
+		text-align: center;
+	}
+
 	:host([horizontal-alignment='right']) .text-cell__supporting-text {
 		text-align: right;
 	}

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkNhC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmOhC,CAAC"}

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

@@ -21,11 +21,11 @@
  * @element nldd-title-cell
  * @attr {1|2|3|4|5|6} size - Visual size of the title (default: 5)
  * @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} width - 'full' | 'fit-content' | CSS length (e.g. '200px', '20rem'). Default: 'full'
  * @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')
  * @attr {string} min-height - Minimum height as CSS length (e.g. '44px', '3rem')
- * @attr {'left' | 'right'} horizontal-alignment - Horizontal alignment (default: 'left')
+ * @attr {'left' | 'center' | '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. Falls back to default slot.
@@ -56,7 +56,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' | 'secondary' | 'accent' | 'success' | 'warning' | 'critical';
-type HorizontalAlignment = 'left' | 'right';
+type HorizontalAlignment = 'left' | 'center' | 'right';
 type VerticalAlignment = 'top' | 'center' | 'bottom';
 declare const NLDDTitleCell_base: typeof LitElement & (new (...args: any[]) => LitElement & {
     hideBelow?: string;
@@ -66,7 +66,6 @@ export declare class NLDDTitleCell extends NLDDTitleCell_base {
     static styles: import("lit").CSSResult[];
     size: TitleCellSize;
     color: Color;
-    /** 'stretch' | 'fit-content' | CSS length (e.g. '200px', '20rem'). */
     width: string;
     minWidth?: string;
     maxWidth?: string;