@shineuix/core 1.0.0 → 1.0.1

package/dist/collection/components/sui-data-grid/sui-data-grid.js

@@ -116,7 +116,7 @@ export class SuiDataGrid {
      *  plain-text copy prefixes such a cell with an apostrophe, the mark Excel and Sheets read as
      *  "this is text", so a cell holding `=HYPERLINK(…)` cannot run when pasted into a spreadsheet,
      *  as OWASP advises for CSV and clipboard output. A paste into a ShineUI grid gets the cells
-     *  exactly either way, from a private clipboard flavour the copy carries beside the plain text. */
+     *  exactly either way, from a private clipboard flavor the copy carries beside the plain text. */
     copyFormulas = false;
     /** Whether a cell can be edited in place, spelled as on `sui-data-table`: `cell` turns editing
      *  on and `none`, the default, leaves the cells read-only. A column opts out with
@@ -164,7 +164,7 @@ export class SuiDataGrid {
     /** Where a column's filter control lives: a row of boxes under the header, or a menu opened from
      *  a funnel on the header's end edge. A column takes part by declaring `filter: true`. The menu
      *  offers up to two conditions suited to the column's type, joined by all or any, or a list of
-     *  values to tick when the column sets `filterOptions`; it edits a draft and writes it on Apply.
+     *  values to check when the column sets `filterOptions`; it edits a draft and writes it on Apply.
      *  Either way the grid writes the rule into `filterModel` and emits `suiFilter`. */
     filterDisplay = 'none';
     /** Fires when the mounted window changes, and once after the first render. Fetch the rows the
@@ -222,7 +222,7 @@ export class SuiDataGrid {
     focusRevision = 0;
     /** The header cell that holds focus, as a column index, or -1 while focus is in the body. The
      *  header is a row in the arrow-key map: ArrowUp from the first row enters it, ArrowDown leaves
-     *  it, Enter and Space sort a column or tick the select-all box. */
+     *  it, Enter and Space sort a column or check the select-all box. */
     headerCol = -1;
     /** The cell a pointer range drag started from, while the button is down. */
     dragAnchor;
@@ -283,7 +283,7 @@ export class SuiDataGrid {
     redoStack = [];
     /** `rows` indexed by record, built when an event first needs it and again when `rows` changes. */
     sourceMap;
-    /** The clipboard fallback a Ctrl+V arms, cancelled when the browser's own paste event arrives. */
+    /** The clipboard fallback a Ctrl+V arms, canceled when the browser's own paste event arrives. */
     pasteFallback;
     /** Column being dragged to a new position; its header dims while it is carried. */
     dragKey;
@@ -952,7 +952,7 @@ export class SuiDataGrid {
     }
     /** The first column focus may land on: past the row numbers, which are never focused. The
      *  selection column is not skipped: each of its cells holds the row's box and takes focus like any
-     *  other cell, so Home and ArrowLeft reach it and Space or Enter ticks it, as in AG Grid. */
+     *  other cell, so Home and ArrowLeft reach it and Space or Enter checks it, as in AG Grid. */
     minCol() {
         return this.colModel?.all[0]?.key === ROWNUM_KEY ? 1 : 0;
     }
@@ -1048,7 +1048,7 @@ export class SuiDataGrid {
         this.focusRevision++;
         this.revealColumn(c);
     }
-    /** Enter or Space on a header: sorts a sortable column, or ticks the select-all box. */
+    /** Enter or Space on a header: sorts a sortable column, or checks the select-all box. */
     activateHeader(column) {
         const placed = this.colModel?.all[column];
         if (!placed)
@@ -1242,10 +1242,10 @@ export class SuiDataGrid {
         this.suiSelectionChange.emit(next);
     }
     /**
-     * Selects one row, honouring the modifiers a person expects from a file list.
+     * Selects one row, honoring the modifiers a person expects from a file list.
      *
      * Shift extends from the anchor and *sets* the run rather than flipping it, because flipping
-     * deselects the half that was already ticked, which is never what a drag across a range means.
+     * deselects the half that was already checked, which is never what a drag across a range means.
      */
     selectRow(index, e) {
         const mode = this.selectionMode;
@@ -1277,7 +1277,7 @@ export class SuiDataGrid {
         else
             this.setSelection(setRowsSelected(clearSelection(), [key], true));
     }
-    /** The header box: ticks everything in the view, or clears it. */
+    /** The header box: checks everything in the view, or clears it. */
     toggleSelectAll = () => {
         const total = this.viewRows().length;
         const n = selectedCount(this.selection, total);
@@ -1597,7 +1597,7 @@ export class SuiDataGrid {
         if (this.dropKey === cell.dataset.col)
             this.dropKey = undefined;
     };
-    /** A drag that ends anywhere, dropped or cancelled, lets its header go, so a later drag of
+    /** A drag that ends anywhere, dropped or canceled, lets its header go, so a later drag of
      *  something else over the header is not taken for a column. */
     onHeadDragEnd = () => {
         this.dragKey = undefined;
@@ -2278,7 +2278,7 @@ export class SuiDataGrid {
      * Copies the selected rectangle, or the focused cell when nothing is selected, as TSV.
      *
      * The plain text escapes a cell a spreadsheet would run as a formula unless `copyFormulas` is
-     * set; a private flavour beside it carries the cells exactly, so a paste into a grid is lossless.
+     * set; a private flavor beside it carries the cells exactly, so a paste into a grid is lossless.
      * Both go in one synchronous copy where the engine allows, else the plain text goes through
      * `utils/clipboard.ts`, whose fallback covers plain http and a refused Clipboard API. The boolean
      * says whether the text really reached the clipboard, so a caller never confirms a copy that did
@@ -2376,7 +2376,7 @@ export class SuiDataGrid {
      * paste: only the host knows whether a column may be emptied at all. The clipboard write happens
      * first and the event is only emitted when it succeeded, so a refused clipboard never costs
      * anybody their data. The clipboard holds what `copy()` would write, formula escapes and the
-     * private flavour included. Ctrl+X calls it; it does nothing unless `editMode` is `cell`.
+     * private flavor included. Ctrl+X calls it; it does nothing unless `editMode` is `cell`.
      */
     async cut() {
         if (!this.editing)
@@ -2537,7 +2537,7 @@ export class SuiDataGrid {
                 break;
             case 'Enter':
                 e.preventDefault();
-                // Enter on a row's box ticks it, as Enter on the select-all header ticks every row.
+                // Enter on a row's box checks it, as Enter on the select-all header checks every row.
                 if (this.isGutter(c))
                     this.selectRow(r, {});
                 else if (this.editing && this.canEdit(c))
@@ -3291,7 +3291,7 @@ export class SuiDataGrid {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Copies cells that a spreadsheet would read as a formula (text starting with `=`, `+`, `-`,\n`@`, a tab or a line break, other than a plain number) as they are. Off by default: the\nplain-text copy prefixes such a cell with an apostrophe, the mark Excel and Sheets read as\n\"this is text\", so a cell holding `=HYPERLINK(\u2026)` cannot run when pasted into a spreadsheet,\nas OWASP advises for CSV and clipboard output. A paste into a ShineUI grid gets the cells\nexactly either way, from a private clipboard flavour the copy carries beside the plain text."
+                    "text": "Copies cells that a spreadsheet would read as a formula (text starting with `=`, `+`, `-`,\n`@`, a tab or a line break, other than a plain number) as they are. Off by default: the\nplain-text copy prefixes such a cell with an apostrophe, the mark Excel and Sheets read as\n\"this is text\", so a cell holding `=HYPERLINK(\u2026)` cannot run when pasted into a spreadsheet,\nas OWASP advises for CSV and clipboard output. A paste into a ShineUI grid gets the cells\nexactly either way, from a private clipboard flavor the copy carries beside the plain text."
                 },
                 "getter": false,
                 "setter": false,
@@ -3544,7 +3544,7 @@ export class SuiDataGrid {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Where a column's filter control lives: a row of boxes under the header, or a menu opened from\na funnel on the header's end edge. A column takes part by declaring `filter: true`. The menu\noffers up to two conditions suited to the column's type, joined by all or any, or a list of\nvalues to tick when the column sets `filterOptions`; it edits a draft and writes it on Apply.\nEither way the grid writes the rule into `filterModel` and emits `suiFilter`."
+                    "text": "Where a column's filter control lives: a row of boxes under the header, or a menu opened from\na funnel on the header's end edge. A column takes part by declaring `filter: true`. The menu\noffers up to two conditions suited to the column's type, joined by all or any, or a list of\nvalues to check when the column sets `filterOptions`; it edits a draft and writes it on Apply.\nEither way the grid writes the rule into `filterModel` and emits `suiFilter`."
                 },
                 "getter": false,
                 "setter": false,
@@ -3601,7 +3601,7 @@ export class SuiDataGrid {
                     "references": {
                         "SuiGridViewportDetail": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-data-grid/sui-data-grid.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-data-grid/sui-data-grid.tsx",
                             "id": "src/components/sui-data-grid/sui-data-grid.tsx::SuiGridViewportDetail"
                         }
                     }
@@ -3791,7 +3791,7 @@ export class SuiDataGrid {
                     "references": {
                         "SuiGridContextMenuDetail": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-data-grid/sui-data-grid.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-data-grid/sui-data-grid.tsx",
                             "id": "src/components/sui-data-grid/sui-data-grid.tsx::SuiGridContextMenuDetail"
                         }
                     }
@@ -3812,7 +3812,7 @@ export class SuiDataGrid {
                     "references": {
                         "SuiGridFillDetail": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-data-grid/sui-data-grid.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-data-grid/sui-data-grid.tsx",
                             "id": "src/components/sui-data-grid/sui-data-grid.tsx::SuiGridFillDetail"
                         }
                     }
@@ -3863,7 +3863,7 @@ export class SuiDataGrid {
                     "references": {
                         "SuiGridFillDetail": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-data-grid/sui-data-grid.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-data-grid/sui-data-grid.tsx",
                             "id": "src/components/sui-data-grid/sui-data-grid.tsx::SuiGridFillDetail"
                         }
                     }
@@ -3884,7 +3884,7 @@ export class SuiDataGrid {
                     "references": {
                         "SuiGridPasteDetail": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-data-grid/sui-data-grid.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-data-grid/sui-data-grid.tsx",
                             "id": "src/components/sui-data-grid/sui-data-grid.tsx::SuiGridPasteDetail"
                         }
                     }
@@ -3992,7 +3992,7 @@ export class SuiDataGrid {
                         },
                         "SuiGridViewportDetail": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-data-grid/sui-data-grid.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-data-grid/sui-data-grid.tsx",
                             "id": "src/components/sui-data-grid/sui-data-grid.tsx::SuiGridViewportDetail"
                         }
                     },
@@ -4089,7 +4089,7 @@ export class SuiDataGrid {
                     "return": "Promise<boolean>"
                 },
                 "docs": {
-                    "text": "Copies the selected rectangle, or the focused cell when nothing is selected, as TSV.\n\nThe plain text escapes a cell a spreadsheet would run as a formula unless `copyFormulas` is\nset; a private flavour beside it carries the cells exactly, so a paste into a grid is lossless.\nBoth go in one synchronous copy where the engine allows, else the plain text goes through\n`utils/clipboard.ts`, whose fallback covers plain http and a refused Clipboard API. The boolean\nsays whether the text really reached the clipboard, so a caller never confirms a copy that did\nnot happen; `suiCopy` or `suiCopyError` says the same to a listener. Ctrl+C calls it, and\nCtrl+Shift+C calls it with `withHeaders`, the column headings as a first row.",
+                    "text": "Copies the selected rectangle, or the focused cell when nothing is selected, as TSV.\n\nThe plain text escapes a cell a spreadsheet would run as a formula unless `copyFormulas` is\nset; a private flavor beside it carries the cells exactly, so a paste into a grid is lossless.\nBoth go in one synchronous copy where the engine allows, else the plain text goes through\n`utils/clipboard.ts`, whose fallback covers plain http and a refused Clipboard API. The boolean\nsays whether the text really reached the clipboard, so a caller never confirms a copy that did\nnot happen; `suiCopy` or `suiCopyError` says the same to a listener. Ctrl+C calls it, and\nCtrl+Shift+C calls it with `withHeaders`, the column headings as a first row.",
                     "tags": []
                 }
             },
@@ -4152,7 +4152,7 @@ export class SuiDataGrid {
                     "return": "Promise<boolean>"
                 },
                 "docs": {
-                    "text": "Copies the selection and reports the rectangle to clear.\n\nThe grid does not blank the cells itself, for the same reason it does not write a fill or a\npaste: only the host knows whether a column may be emptied at all. The clipboard write happens\nfirst and the event is only emitted when it succeeded, so a refused clipboard never costs\nanybody their data. The clipboard holds what `copy()` would write, formula escapes and the\nprivate flavour included. Ctrl+X calls it; it does nothing unless `editMode` is `cell`.",
+                    "text": "Copies the selection and reports the rectangle to clear.\n\nThe grid does not blank the cells itself, for the same reason it does not write a fill or a\npaste: only the host knows whether a column may be emptied at all. The clipboard write happens\nfirst and the event is only emitted when it succeeded, so a refused clipboard never costs\nanybody their data. The clipboard holds what `copy()` would write, formula escapes and the\nprivate flavor included. Ctrl+X calls it; it does nothing unless `editMode` is `cell`.",
                     "tags": []
                 }
             }

package/dist/collection/components/sui-data-table/sui-data-table.js

@@ -93,7 +93,7 @@ export class SuiDataTable {
     sortIndicator = 'sorted';
     /** Where the filter controls live: nowhere, in a row under the headers, or behind a funnel button
      *  on each header's end edge. The menu offers up to two conditions suited to the column's type,
-     *  joined by all or any, or a list of values to tick when the column sets `filterOptions`; it
+     *  joined by all or any, or a list of values to check when the column sets `filterOptions`; it
      *  edits a draft and writes it on Apply. */
     filterDisplay = 'none';
     /** The filter model: one rule per column plus an optional global term. Named for the model, since
@@ -1243,7 +1243,7 @@ export class SuiDataTable {
         this.requestCloseMenu(true);
     };
     /** Applies a new selection and reports it. The model says what changed on its own: comparing it
-     *  with the one before tells a tick from an untick, which a list of the keys on screen cannot once
+     *  with the one before tells a check from an uncheck, which a list of the keys on screen cannot once
      *  only part of the set is loaded. */
     setSelection(next) {
         if (next === this.selection)
@@ -1251,7 +1251,7 @@ export class SuiDataTable {
         this.selection = next;
         this.suiSelectionChange.emit(next);
     }
-    /** Whether the header box is ticked, mixed or clear. Memoized on the selection and the rows,
+    /** Whether the header box is checked, mixed or clear. Memoized on the selection and the rows,
      *  because it walks every row and a scroll must not pay for it. */
     headState() {
         const rows = this.viewRows();
@@ -1463,7 +1463,7 @@ export class SuiDataTable {
             return;
         }
         if (target.closest('.sui-dt-box')) {
-            // The row's own box ticks the row and nothing else: no row click, which a host may answer by
+            // The row's own box checks the row and nothing else: no row click, which a host may answer by
             // opening the record.
             e.stopPropagation();
             this.focusRow(hit.index, false);
@@ -1727,7 +1727,7 @@ export class SuiDataTable {
         if (this.dropKey === th.dataset.col)
             this.dropKey = undefined;
     };
-    /** A drag that ends anywhere, dropped or cancelled, lets its header go. */
+    /** A drag that ends anywhere, dropped or canceled, lets its header go. */
     onHeadDragEnd = () => {
         this.dragKey = undefined;
         this.dropKey = undefined;
@@ -2208,7 +2208,7 @@ export class SuiDataTable {
         const sel = this.selection;
         const bulk = this.hasSelectionSlot && this.selectionMode !== 'none' && !!sel
             && (sel.mode === 'include' ? sel.keys.size > 0 : sel.keys.size < Math.max(totalRows, 1));
-        return (h("div", { key: '1335f269d07705b2115cbe41a1c35ac8ba2d4149', class: { 'sui-dt': true, striped: this.striped, gridlines: this.gridlines, stacked: this.stacked, virtual: this.virtual, 'selection-bar': !this.hideSelectionBar, 'under-start': this.underStart, 'under-end': this.underEnd }, ref: (el) => (this.frameEl = el) }, this.hasHeaderSlot || this.showColumnToggle || this.hasSelectionSlot ? (h("div", { class: { bar: true, top: true, 'has-sel': this.hasSelectionSlot, bulk } }, h("div", { class: "bar-slot" }, h("slot", { name: "header" })), this.showColumnToggle ? (h("button", { type: "button", class: "colbtn", "aria-haspopup": "dialog", "aria-expanded": this.columnsMenuOpen && !this.menuClosing ? 'true' : 'false', "aria-controls": this.columnsMenuOpen ? this.menuId : undefined, onClick: this.onColumnsButton, onKeyDown: this.onAnchorKeyDown }, h(Glyph, { glyph: tableColumns }), h("span", null, localeText(undefined, 'data-table.columns', undefined, 'Columns')))) : null, this.hasSelectionSlot ? h("div", { class: "sel-slot" }, h("slot", { name: "selection-actions" })) : null)) : null, h("div", { key: 'a7ca636a606436255140aaa8c6142442f985980a', class: "scroller", style: this.capHeight(), ref: (el) => (this.scrollEl = el), onScroll: this.onScroll }, h("table", { key: '4e983f15a99219a95e75ce6af71695fe944d7f51', ref: (el) => (this.tableEl = el), role: tree ? 'treegrid' : 'table', "aria-label": this.hostLabel, "aria-labelledby": this.hostLabelledby, style: this.viewWidth > 0 && !this.stacked ? { minWidth: `${this.floor(model)}px` } : undefined, "aria-rowcount": this.virtual || this.lazy ? totalRows + 1 : undefined, "aria-colcount": span, onKeyDown: this.onKeyDown }, this.viewWidth > 0 && !this.stacked ? (h("colgroup", null, hasExpander ? h("col", { style: { width: `${UTIL_WIDTH}px` } }) : null, hasCheck ? h("col", { style: { width: `${UTIL_WIDTH}px` } }) : null, cols.map((p) => h("col", { key: p.key, style: { width: this.colWidth(p, model) } })))) : null, h("thead", { key: '316bb9c3f3240c6266fdb120788edec360a5039b', role: "rowgroup", onClick: this.onHeadClick, onPointerEnter: this.filterDisplay === 'menu' && !this.filterUi ? this.preloadFilterUi : undefined, onFocusin: this.filterDisplay === 'menu' && !this.filterUi ? this.preloadFilterUi : undefined }, h("tr", { key: '54119ec78d596bd39acc605d3ad7f137060c42f2', role: "row", "aria-rowindex": this.virtual || this.lazy ? 1 : undefined }, hasExpander ? h("th", { class: { utilcol: true, 'pin-start': model.start.length > 0 }, style: this.stacked || model.start.length === 0 ? undefined : { insetInlineStart: '0px' }, role: "columnheader" }, h("span", { class: "sr-only" }, localeText(undefined, 'data-table.expand', undefined, 'Expand'))) : null, hasCheck ? (h("th", { class: { utilcol: true, 'pin-start': model.start.length > 0 }, style: this.stacked || model.start.length === 0 ? undefined : { insetInlineStart: `${hasExpander ? UTIL_WIDTH : 0}px` }, role: "columnheader" }, h("sui-checkbox", { size: "sm", class: { check: true, all: head.all, some: head.some }, "aria-label": localeText(undefined, 'data-table.selectAllRows', undefined, 'Select all rows'), checked: head.all, indeterminate: head.some, onSuiChange: this.onToggleAll }))) : null, cols.map((p) => this.renderHeadCell(p, model, sorted))), filterRow ? (h("tr", { class: "filter-row", role: "row" }, hasExpander ? h("th", { class: "utilcol", role: "columnheader" }) : null, hasCheck ? h("th", { class: "utilcol", role: "columnheader" }) : null, cols.map((p) => this.renderFilterCell(p, model)))) : null), h("tbody", { key: '0ff94490d7394c0509d32f3e1fa255821bfd7ecd', role: "rowgroup", "aria-busy": this.loading ? 'true' : undefined, onClick: this.onBodyClick, onDblClick: this.onBodyDblClick, onContextMenu: this.onBodyContextMenu, onFocusin: this.onBodyFocusIn, onFocusout: this.onBodyFocusOut }, body), this.footerTotals ? (h("tfoot", { role: "rowgroup" }, h("tr", { role: "row" }, hasExpander ? h("td", { class: "utilcol", role: "cell" }) : null, hasCheck ? h("td", { class: "utilcol", role: "cell" }) : null, cols.map((p) => (h("td", { class: this.cellClass(p, model), style: this.pinStyle(p, model), role: "cell", "data-label": p.column.header }, this.footerTotals[p.key] || '')))))) : null)), this.footerMeta || (this.hasFooterSlot && !this.footerOnlyHiddenPager(totalRows)) ? (h("div", { class: "bar foot" }, this.footerMeta ? h("div", { class: "meta" }, this.footerMeta) : null, this.hasFooterSlot ? h("div", { class: "foot-slot" }, h("slot", { name: "footer" })) : null)) : null, this.renderMenus(model)));
+        return (h("div", { key: 'ebb5f345cc5d24bf57098e98e6b9cf6e1f1fd78e', class: { 'sui-dt': true, striped: this.striped, gridlines: this.gridlines, stacked: this.stacked, virtual: this.virtual, 'selection-bar': !this.hideSelectionBar, 'under-start': this.underStart, 'under-end': this.underEnd }, ref: (el) => (this.frameEl = el) }, this.hasHeaderSlot || this.showColumnToggle || this.hasSelectionSlot ? (h("div", { class: { bar: true, top: true, 'has-sel': this.hasSelectionSlot, bulk } }, h("div", { class: "bar-slot" }, h("slot", { name: "header" })), this.showColumnToggle ? (h("button", { type: "button", class: "colbtn", "aria-haspopup": "dialog", "aria-expanded": this.columnsMenuOpen && !this.menuClosing ? 'true' : 'false', "aria-controls": this.columnsMenuOpen ? this.menuId : undefined, onClick: this.onColumnsButton, onKeyDown: this.onAnchorKeyDown }, h(Glyph, { glyph: tableColumns }), h("span", null, localeText(undefined, 'data-table.columns', undefined, 'Columns')))) : null, this.hasSelectionSlot ? h("div", { class: "sel-slot" }, h("slot", { name: "selection-actions" })) : null)) : null, h("div", { key: '405bb0e8dc7df68b95cdadb10691116c5ad2e76d', class: "scroller", style: this.capHeight(), ref: (el) => (this.scrollEl = el), onScroll: this.onScroll }, h("table", { key: 'e235bfe63d641d5592513495f0eb8be84f1ab8d8', ref: (el) => (this.tableEl = el), role: tree ? 'treegrid' : 'table', "aria-label": this.hostLabel, "aria-labelledby": this.hostLabelledby, style: this.viewWidth > 0 && !this.stacked ? { minWidth: `${this.floor(model)}px` } : undefined, "aria-rowcount": this.virtual || this.lazy ? totalRows + 1 : undefined, "aria-colcount": span, onKeyDown: this.onKeyDown }, this.viewWidth > 0 && !this.stacked ? (h("colgroup", null, hasExpander ? h("col", { style: { width: `${UTIL_WIDTH}px` } }) : null, hasCheck ? h("col", { style: { width: `${UTIL_WIDTH}px` } }) : null, cols.map((p) => h("col", { key: p.key, style: { width: this.colWidth(p, model) } })))) : null, h("thead", { key: '100fa8a5b72fe505c4c030938f6a101780d052bd', role: "rowgroup", onClick: this.onHeadClick, onPointerEnter: this.filterDisplay === 'menu' && !this.filterUi ? this.preloadFilterUi : undefined, onFocusin: this.filterDisplay === 'menu' && !this.filterUi ? this.preloadFilterUi : undefined }, h("tr", { key: 'bf9a6d8d38a908da8eed0240189a0c8393a36392', role: "row", "aria-rowindex": this.virtual || this.lazy ? 1 : undefined }, hasExpander ? h("th", { class: { utilcol: true, 'pin-start': model.start.length > 0 }, style: this.stacked || model.start.length === 0 ? undefined : { insetInlineStart: '0px' }, role: "columnheader" }, h("span", { class: "sr-only" }, localeText(undefined, 'data-table.expand', undefined, 'Expand'))) : null, hasCheck ? (h("th", { class: { utilcol: true, 'pin-start': model.start.length > 0 }, style: this.stacked || model.start.length === 0 ? undefined : { insetInlineStart: `${hasExpander ? UTIL_WIDTH : 0}px` }, role: "columnheader" }, h("sui-checkbox", { size: "sm", class: { check: true, all: head.all, some: head.some }, "aria-label": localeText(undefined, 'data-table.selectAllRows', undefined, 'Select all rows'), checked: head.all, indeterminate: head.some, onSuiChange: this.onToggleAll }))) : null, cols.map((p) => this.renderHeadCell(p, model, sorted))), filterRow ? (h("tr", { class: "filter-row", role: "row" }, hasExpander ? h("th", { class: "utilcol", role: "columnheader" }) : null, hasCheck ? h("th", { class: "utilcol", role: "columnheader" }) : null, cols.map((p) => this.renderFilterCell(p, model)))) : null), h("tbody", { key: '9de30c63890aee64ed8471e6bf6d2788351c0050', role: "rowgroup", "aria-busy": this.loading ? 'true' : undefined, onClick: this.onBodyClick, onDblClick: this.onBodyDblClick, onContextMenu: this.onBodyContextMenu, onFocusin: this.onBodyFocusIn, onFocusout: this.onBodyFocusOut }, body), this.footerTotals ? (h("tfoot", { role: "rowgroup" }, h("tr", { role: "row" }, hasExpander ? h("td", { class: "utilcol", role: "cell" }) : null, hasCheck ? h("td", { class: "utilcol", role: "cell" }) : null, cols.map((p) => (h("td", { class: this.cellClass(p, model), style: this.pinStyle(p, model), role: "cell", "data-label": p.column.header }, this.footerTotals[p.key] || '')))))) : null)), this.footerMeta || (this.hasFooterSlot && !this.footerOnlyHiddenPager(totalRows)) ? (h("div", { class: "bar foot" }, this.footerMeta ? h("div", { class: "meta" }, this.footerMeta) : null, this.hasFooterSlot ? h("div", { class: "foot-slot" }, h("slot", { name: "footer" })) : null)) : null, this.renderMenus(model)));
     }
     static get is() { return "sui-data-table"; }
     static get encapsulation() { return "scoped"; }
@@ -2233,7 +2233,7 @@ export class SuiDataTable {
                     "references": {
                         "SuiDataTableColumn": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-data-table/sui-data-table.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-data-table/sui-data-table.tsx",
                             "id": "src/components/sui-data-table/sui-data-table.tsx::SuiDataTableColumn"
                         }
                     }
@@ -2407,7 +2407,7 @@ export class SuiDataTable {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Where the filter controls live: nowhere, in a row under the headers, or behind a funnel button\non each header's end edge. The menu offers up to two conditions suited to the column's type,\njoined by all or any, or a list of values to tick when the column sets `filterOptions`; it\nedits a draft and writes it on Apply."
+                    "text": "Where the filter controls live: nowhere, in a row under the headers, or behind a funnel button\non each header's end edge. The menu offers up to two conditions suited to the column's type,\njoined by all or any, or a list of values to check when the column sets `filterOptions`; it\nedits a draft and writes it on Apply."
                 },
                 "getter": false,
                 "setter": false,
@@ -2600,7 +2600,7 @@ export class SuiDataTable {
                         },
                         "SuiDataTableRowTree": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-data-table/sui-data-table.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-data-table/sui-data-table.tsx",
                             "id": "src/components/sui-data-table/sui-data-table.tsx::SuiDataTableRowTree"
                         }
                     }
@@ -3307,7 +3307,7 @@ export class SuiDataTable {
                     "references": {
                         "SuiDataTableRowEventDetail": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-data-table/sui-data-table.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-data-table/sui-data-table.tsx",
                             "id": "src/components/sui-data-table/sui-data-table.tsx::SuiDataTableRowEventDetail"
                         }
                     }
@@ -3328,7 +3328,7 @@ export class SuiDataTable {
                     "references": {
                         "SuiDataTableRowEventDetail": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-data-table/sui-data-table.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-data-table/sui-data-table.tsx",
                             "id": "src/components/sui-data-table/sui-data-table.tsx::SuiDataTableRowEventDetail"
                         }
                     }
@@ -3349,7 +3349,7 @@ export class SuiDataTable {
                     "references": {
                         "SuiDataTableRowEventDetail": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-data-table/sui-data-table.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-data-table/sui-data-table.tsx",
                             "id": "src/components/sui-data-table/sui-data-table.tsx::SuiDataTableRowEventDetail"
                         }
                     }

package/dist/collection/components/sui-data-view/sui-data-view.js

@@ -315,7 +315,7 @@ export class SuiDataView {
                     "references": {
                         "SuiDataViewItem": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-data-view/sui-data-view.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-data-view/sui-data-view.tsx",
                             "id": "src/components/sui-data-view/sui-data-view.tsx::SuiDataViewItem"
                         }
                     }
@@ -339,7 +339,7 @@ export class SuiDataView {
                     "references": {
                         "SuiDataViewLayout": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-data-view/sui-data-view.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-data-view/sui-data-view.tsx",
                             "id": "src/components/sui-data-view/sui-data-view.tsx::SuiDataViewLayout"
                         }
                     }
@@ -405,12 +405,12 @@ export class SuiDataView {
                     "references": {
                         "SuiDataViewItem": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-data-view/sui-data-view.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-data-view/sui-data-view.tsx",
                             "id": "src/components/sui-data-view/sui-data-view.tsx::SuiDataViewItem"
                         },
                         "SuiDataViewLayout": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-data-view/sui-data-view.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-data-view/sui-data-view.tsx",
                             "id": "src/components/sui-data-view/sui-data-view.tsx::SuiDataViewLayout"
                         },
                         "SuiRenderResult": {
@@ -591,7 +591,7 @@ export class SuiDataView {
                     "references": {
                         "SuiDataViewLayout": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-data-view/sui-data-view.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-data-view/sui-data-view.tsx",
                             "id": "src/components/sui-data-view/sui-data-view.tsx::SuiDataViewLayout"
                         }
                     }

package/dist/collection/components/sui-date-picker/sui-date-picker.js

@@ -157,7 +157,7 @@ export class SuiDatePicker {
     variant = 'default';
     /**
      * Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover
-     * wash and the inverse focus colour, as `sui-button`'s tone of the same name does, so the value
+     * wash and the inverse focus color, as `sui-button`'s tone of the same name does, so the value
      * reads on a `tone="brand"` toolbar. Opening the field shows its shell in the card's own inks. The
      * default variant ignores it.
      */
@@ -226,7 +226,7 @@ export class SuiDatePicker {
     gridEl;
     pendingFocus = false;
     pendingTimeFocus = false;
-    /** A value written from outside while the time column shows: centre the new time on the next render. */
+    /** A value written from outside while the time column shows: center the new time on the next render. */
     pendingTimeScroll = false;
     /** True while the element writes `value` itself, so the column keeps the scroll the user left it at. */
     selfWrite = false;
@@ -557,7 +557,7 @@ export class SuiDatePicker {
     activeTimeRow() {
         return this.timeList?.querySelector('[role="option"][tabindex="0"]');
     }
-    /** Brings the active time row into view inside the column, centred on open; nothing else scrolls. */
+    /** Brings the active time row into view inside the column, centered on open; nothing else scrolls. */
     scrollTime(center) {
         const list = this.timeList;
         const row = this.activeTimeRow() || this.timeList?.querySelector('[role="option"]');
@@ -1198,7 +1198,7 @@ export class SuiDatePicker {
                     "references": {
                         "SuiDateValue": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-date-picker/sui-date-picker.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-date-picker/sui-date-picker.tsx",
                             "id": "src/components/sui-date-picker/sui-date-picker.tsx::SuiDateValue"
                         }
                     }
@@ -1347,7 +1347,7 @@ export class SuiDatePicker {
                     "references": {
                         "SuiDateFormat": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-date-picker/sui-date-picker.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-date-picker/sui-date-picker.tsx",
                             "id": "src/components/sui-date-picker/sui-date-picker.tsx::SuiDateFormat"
                         }
                     }
@@ -1430,7 +1430,7 @@ export class SuiDatePicker {
                     "references": {
                         "SuiDateInput": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-date-picker/sui-date-picker.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-date-picker/sui-date-picker.tsx",
                             "id": "src/components/sui-date-picker/sui-date-picker.tsx::SuiDateInput"
                         }
                     }
@@ -1455,7 +1455,7 @@ export class SuiDatePicker {
                     "references": {
                         "SuiDateInput": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-date-picker/sui-date-picker.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-date-picker/sui-date-picker.tsx",
                             "id": "src/components/sui-date-picker/sui-date-picker.tsx::SuiDateInput"
                         }
                     }
@@ -1480,7 +1480,7 @@ export class SuiDatePicker {
                     "references": {
                         "SuiDateInput": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-date-picker/sui-date-picker.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-date-picker/sui-date-picker.tsx",
                             "id": "src/components/sui-date-picker/sui-date-picker.tsx::SuiDateInput"
                         }
                     }
@@ -1623,7 +1623,7 @@ export class SuiDatePicker {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover\nwash and the inverse focus colour, as `sui-button`'s tone of the same name does, so the value\nreads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The\ndefault variant ignores it."
+                    "text": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover\nwash and the inverse focus color, as `sui-button`'s tone of the same name does, so the value\nreads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The\ndefault variant ignores it."
                 },
                 "getter": false,
                 "setter": false,
@@ -1679,7 +1679,7 @@ export class SuiDatePicker {
                     "references": {
                         "SuiDateInput": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-date-picker/sui-date-picker.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-date-picker/sui-date-picker.tsx",
                             "id": "src/components/sui-date-picker/sui-date-picker.tsx::SuiDateInput"
                         }
                     }
@@ -1704,7 +1704,7 @@ export class SuiDatePicker {
                     "references": {
                         "SuiDatePreset": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-date-picker/sui-date-picker.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-date-picker/sui-date-picker.tsx",
                             "id": "src/components/sui-date-picker/sui-date-picker.tsx::SuiDatePreset"
                         }
                     }
@@ -1810,7 +1810,7 @@ export class SuiDatePicker {
                     "references": {
                         "SuiDateViewDetail": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-date-picker/sui-date-picker.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-date-picker/sui-date-picker.tsx",
                             "id": "src/components/sui-date-picker/sui-date-picker.tsx::SuiDateViewDetail"
                         }
                     }

package/dist/collection/components/sui-description-list/sui-description-list.css

@@ -1,4 +1,6 @@
 :host { display: block; font-family: var(--font-sans); color: var(--ink); }
+/* align is this element's prop, not the legacy attribute the browser maps to text-align. */
+:host([align]) { text-align: inherit; }
 
 .sui-dl { margin: 0; padding: 0; }
 .sui-dl.columns { display: grid; gap: 8px; }
@@ -17,6 +19,10 @@
 .detail.strong { font-weight: 700; }
 .value { min-width: 0; overflow-wrap: anywhere; }
 
+/* align="end": the values line up on their last digit; in a cell the term goes with its value. */
+.end .detail { justify-content: flex-end; text-align: end; }
+.columns.end .item { align-items: flex-end; text-align: end; }
+
 .copy {
   appearance: none; display: inline-flex; align-items: center; justify-content: center;
   margin: 0; padding: 2px; border: 0; background: transparent; border-radius: var(--radius-xs);

package/dist/collection/components/sui-description-list/sui-description-list.js

@@ -22,6 +22,13 @@ export class SuiDescriptionList {
     columns = 2;
     /** Term column width in px in the rows layout. */
     termWidth = 150;
+    /**
+     * Which side the values sit on, in the reading direction. `end` lines figures up on their last
+     * digit, for a summary such as subtotal, tax and balance due. It is one side for the whole list,
+     * as a table column has one: a list that mixes names and dates with amounts reads best at the
+     * start. In the columns layout the term moves with its value.
+     */
+    align = 'start';
     /** Fires after a value reaches the clipboard, together with the short "Copied" state on the
      *  control; detail is the copied text, as on every element that copies. */
     suiCopy;
@@ -65,7 +72,7 @@ export class SuiDescriptionList {
     render() {
         const rows = this.layout === 'rows';
         const items = this.items || [];
-        return (h(Host, { key: 'da49cf66b779b2d428143f420ea4ce6e1a7a4473' }, h("dl", { key: '421493290ad688348e9e40814cd4cb916a792efd', class: { 'sui-dl': true, rows, columns: !rows }, style: !rows ? { gridTemplateColumns: `repeat(${Math.max(1, this.columns | 0)}, 1fr)` } : undefined }, items.map((it, i) => (h("div", { class: "item", key: i }, h("dt", { class: "term", style: rows ? { width: `${this.termWidth}px` } : undefined }, it.term), h("dd", { class: { detail: true, strong: !!it.strong } }, h("span", { class: "value", ref: (el) => mountContent(el, it.detail) }), it.copy ? this.renderCopy(it, i) : null))))), h("span", { key: '2397428704ca345e33c580c28d29cec8bd163d24', class: "sr-status", role: "status", "aria-live": "polite" }, this.copiedIdx >= 0 ? localeText(undefined, 'description-list.copied', undefined, 'Copied') : '')));
+        return (h(Host, { key: 'a1e220243fe7d55656465055ea99c5fd4f16b8b3' }, h("dl", { key: '40d4ded095fd72700df4e5b8eae9e2042f575d6f', class: { 'sui-dl': true, rows, columns: !rows, end: this.align === 'end' }, style: !rows ? { gridTemplateColumns: `repeat(${Math.max(1, this.columns | 0)}, 1fr)` } : undefined }, items.map((it, i) => (h("div", { class: "item", key: i }, h("dt", { class: "term", style: rows ? { width: `${this.termWidth}px` } : undefined }, it.term), h("dd", { class: { detail: true, strong: !!it.strong } }, h("span", { class: "value", ref: (el) => mountContent(el, it.detail) }), it.copy ? this.renderCopy(it, i) : null))))), h("span", { key: '6699245bda7806c9309dff4c92aaa7c2aab1f61a', class: "sr-status", role: "status", "aria-live": "polite" }, this.copiedIdx >= 0 ? localeText(undefined, 'description-list.copied', undefined, 'Copied') : '')));
     }
     static get is() { return "sui-description-list"; }
     static get encapsulation() { return "scoped"; }
@@ -90,7 +97,7 @@ export class SuiDescriptionList {
                     "references": {
                         "SuiDescriptionItem": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-description-list/sui-description-list.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-description-list/sui-description-list.tsx",
                             "id": "src/components/sui-description-list/sui-description-list.tsx::SuiDescriptionItem"
                         }
                     }
@@ -164,6 +171,26 @@ export class SuiDescriptionList {
                 "reflect": false,
                 "attribute": "term-width",
                 "defaultValue": "150"
+            },
+            "align": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'start' | 'end'",
+                    "resolved": "\"end\" | \"start\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Which side the values sit on, in the reading direction. `end` lines figures up on their last\ndigit, for a summary such as subtotal, tax and balance due. It is one side for the whole list,\nas a table column has one: a list that mixes names and dates with amounts reads best at the\nstart. In the columns layout the term moves with its value."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "align",
+                "defaultValue": "'start'"
             }
         };
     }

package/dist/collection/components/sui-dialog/sui-dialog.js

@@ -181,7 +181,7 @@ export class SuiDialog {
         this.modal = undefined;
         this.endDrag();
     }
-    /** The fade has run (or there was none): the layer goes, and a dragged card returns to centre
+    /** The fade has run (or there was none): the layer goes, and a dragged card returns to center
      *  for the next open rather than snapping there while still visible. */
     exited() {
         this.closing = false;
@@ -233,7 +233,7 @@ export class SuiDialog {
         const placed = this.offset && !this.maximized
             ? { top: `${this.offset.y}px`, left: `${this.offset.x}px`, right: 'auto', margin: '0' }
             : undefined;
-        return (h(Host, { key: '6683cfed73ece872aa5f28ed3a33d5a6d28fbce0' }, this.open || this.closing ? (h("div", { class: { layer: true, closing: this.closing }, inert: this.closing, ref: (el) => (this.layer = el) }, h("div", { class: "scrim", onMouseDown: this.onScrimPress, onClick: () => this.requestClose('scrim') }), h("div", { ref: (el) => (this.card = el), class: { card: true, [this.size]: true, maximized: this.maximized, dragging: this.dragging }, style: placed, role: "dialog", tabindex: "-1", "aria-labelledby": this.hasHeader ? titleId : undefined, "aria-label": this.hasHeader ? undefined : this.heading || undefined }, h("div", { class: { head: true, handle: this.movable && !this.maximized }, onPointerDown: this.onHeadPointerDown }, h("div", { class: "titles", id: titleId }, h("slot", { name: "header" }), !this.hasHeader ? h("div", { class: "heading" }, this.heading) : null, !this.hasHeader && this.subtitle ? h("div", { class: "subtitle" }, this.subtitle) : null), this.maximizable || !this.hideClose ? (h("div", { class: "controls" }, this.maximizable ? (h("sui-icon-button", { class: "maximize", size: "sm", "aria-label": this.maximized ? localeText(undefined, 'dialog.restore', undefined, 'Restore') : localeText(undefined, 'dialog.maximize', undefined, 'Maximize'), onClick: this.toggleMaximized }, h(Glyph, { glyph: this.maximized ? compress : expand }))) : null, !this.hideClose ? (h("sui-icon-button", { class: "close", size: "sm", "aria-label": localeText(undefined, 'dialog.close', undefined, 'Close'), onClick: () => this.requestClose('close-button') }, h(Glyph, { glyph: xmark }))) : null)) : null), h("div", { class: "body", ref: (el) => (this.body = el) }, h("slot", null)), h("div", { class: { foot: true, has: this.hasFooter } }, h("slot", { name: "footer" }))))) : null));
+        return (h(Host, { key: 'd1a87cd13fde55d1515d8917af49396c25bad092' }, this.open || this.closing ? (h("div", { class: { layer: true, closing: this.closing }, inert: this.closing, ref: (el) => (this.layer = el) }, h("div", { class: "scrim", onMouseDown: this.onScrimPress, onClick: () => this.requestClose('scrim') }), h("div", { ref: (el) => (this.card = el), class: { card: true, [this.size]: true, maximized: this.maximized, dragging: this.dragging }, style: placed, role: "dialog", tabindex: "-1", "aria-labelledby": this.hasHeader ? titleId : undefined, "aria-label": this.hasHeader ? undefined : this.heading || undefined }, h("div", { class: { head: true, handle: this.movable && !this.maximized }, onPointerDown: this.onHeadPointerDown }, h("div", { class: "titles", id: titleId }, h("slot", { name: "header" }), !this.hasHeader ? h("div", { class: "heading" }, this.heading) : null, !this.hasHeader && this.subtitle ? h("div", { class: "subtitle" }, this.subtitle) : null), this.maximizable || !this.hideClose ? (h("div", { class: "controls" }, this.maximizable ? (h("sui-icon-button", { class: "maximize", size: "sm", "aria-label": this.maximized ? localeText(undefined, 'dialog.restore', undefined, 'Restore') : localeText(undefined, 'dialog.maximize', undefined, 'Maximize'), onClick: this.toggleMaximized }, h(Glyph, { glyph: this.maximized ? compress : expand }))) : null, !this.hideClose ? (h("sui-icon-button", { class: "close", size: "sm", "aria-label": localeText(undefined, 'dialog.close', undefined, 'Close'), onClick: () => this.requestClose('close-button') }, h(Glyph, { glyph: xmark }))) : null)) : null), h("div", { class: "body", ref: (el) => (this.body = el) }, h("slot", null)), h("div", { class: { foot: true, has: this.hasFooter } }, h("slot", { name: "footer" }))))) : null));
     }
     static get is() { return "sui-dialog"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/sui-divider/sui-divider.js

@@ -24,7 +24,7 @@ export class SuiDivider {
             ? { minHeight: `${this.height}px`, margin: `0 ${this.spacing}px` }
             : { margin: `${this.spacing}px 0` };
         const labeled = !vertical && !!this.label;
-        return (h(Host, { key: '7bb2c5c6e090d1b9db4cfbfe0891c17172a29373', role: "separator", "aria-orientation": vertical ? 'vertical' : 'horizontal', class: { labeled, strong: this.strong, dashed: this.dashed }, style: style }, labeled ? [h("span", { class: "line" }), h("span", { class: "label" }, this.label), h("span", { class: "line" })] : null));
+        return (h(Host, { key: '74bbb0a2dc9ef0693f9516d0dbdd927e7804337f', role: "separator", "aria-orientation": vertical ? 'vertical' : 'horizontal', class: { labeled, strong: this.strong, dashed: this.dashed }, style: style }, labeled ? [h("span", { class: "line" }), h("span", { class: "label" }, this.label), h("span", { class: "line" })] : null));
     }
     static get is() { return "sui-divider"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/sui-dock/sui-dock.js

@@ -200,7 +200,7 @@ export class SuiDock {
                     "references": {
                         "SuiDockItem": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-dock/sui-dock.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-dock/sui-dock.tsx",
                             "id": "src/components/sui-dock/sui-dock.tsx::SuiDockItem"
                         }
                     }