@shineuix/core 1.0.0 → 1.0.1

package/dist/collection/components/sui-notification-center/sui-notification-center.css

@@ -1,4 +1,6 @@
 :host { position: relative; display: inline-flex; 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; }
 
 .bell {
   position: relative; box-sizing: border-box; width: 36px; height: 36px; margin: 0; padding: 0;

package/dist/collection/components/sui-notification-center/sui-notification-center.js

@@ -262,7 +262,7 @@ export class SuiNotificationCenter {
                     "references": {
                         "SuiNotificationItem": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-notification-center/sui-notification-center.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-notification-center/sui-notification-center.tsx",
                             "id": "src/components/sui-notification-center/sui-notification-center.tsx::SuiNotificationItem"
                         }
                     }
@@ -398,7 +398,7 @@ export class SuiNotificationCenter {
                     "references": {
                         "SuiNotificationItem": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-notification-center/sui-notification-center.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-notification-center/sui-notification-center.tsx",
                             "id": "src/components/sui-notification-center/sui-notification-center.tsx::SuiNotificationItem"
                         }
                     }
@@ -419,7 +419,7 @@ export class SuiNotificationCenter {
                     "references": {
                         "SuiNotificationItem": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-notification-center/sui-notification-center.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-notification-center/sui-notification-center.tsx",
                             "id": "src/components/sui-notification-center/sui-notification-center.tsx::SuiNotificationItem"
                         }
                     }
@@ -440,7 +440,7 @@ export class SuiNotificationCenter {
                     "references": {
                         "SuiNotificationItem": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-notification-center/sui-notification-center.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-notification-center/sui-notification-center.tsx",
                             "id": "src/components/sui-notification-center/sui-notification-center.tsx::SuiNotificationItem"
                         }
                     }

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

@@ -35,7 +35,7 @@ export class SuiOrderList {
     /** Hides the click controls; pointer drag and the keyboard lift remain. Reflected. */
     dragOnly = false;
     /** `single` picks one row at a time. `checkbox` draws a box on every row under a select-all
-     *  header, and the four controls carry the whole ticked set at once. Spelled as on `sui-tree`,
+     *  header, and the four controls carry the whole checked set at once. Spelled as on `sui-tree`,
      *  which names the same two ways of picking rows. Reflected. */
     selectionMode = 'single';
     /** Shows the filter box above the list. It narrows what is drawn (by label, description and
@@ -143,12 +143,12 @@ export class SuiOrderList {
     select(i) {
         this.setSel(i < 0 ? [] : [i]);
     }
-    /** Checkbox mode: adds or removes one row from the ticked set, keeping it in list order. */
+    /** Checkbox mode: adds or removes one row from the checked set, keeping it in list order. */
     toggle(i) {
         const cur = this.sel();
         this.setSel(cur.includes(i) ? cur.filter((x) => x !== i) : cur.concat([i]));
     }
-    /** Select-all header: ticks every row the filter shows, or clears them when they are all ticked. */
+    /** Select-all header: checks every row the filter shows, or clears them when they are all checked. */
     toggleAll = () => {
         const vis = this.visible();
         if (!vis.length)
@@ -167,7 +167,7 @@ export class SuiOrderList {
         next.splice(to, 0, it);
         return next;
     }
-    /** True when the ticked rows already sit together at one end, so that edge's controls are spent. */
+    /** True when the checked rows already sit together at one end, so that edge's controls are spent. */
     packed(end) {
         const p = this.sel();
         const n = this.list().length;
@@ -366,9 +366,9 @@ export class SuiOrderList {
         const dragging = this.dragIdx !== -1;
         const drags = !this.noDrag;
         const tabRow = this.tabRow();
-        const ticked = vis.filter((i) => picked.includes(i)).length;
-        const allOn = vis.length > 0 && ticked === vis.length;
-        const some = ticked > 0 && !allOn;
+        const checked = vis.filter((i) => picked.includes(i)).length;
+        const allOn = vis.length > 0 && checked === vis.length;
+        const some = checked > 0 && !allOn;
         const held = this.filtering || this.loading;
         const seen = {};
         const rows = [];
@@ -399,11 +399,11 @@ export class SuiOrderList {
             });
         if (dragging && this.overIdx === list.length)
             rows.push(h("li", { class: "sui-rl-dropline", role: "presentation", key: "dlend" }));
-        return (h(Host, { key: 'fb4815cbb5d1360d2066ca6c75c0e93eaf42494e' }, h("div", { key: '57e3a79d964e24e7700087dd8bed7a35d103098d', class: "wrap" }, !this.dragOnly ? (h("div", { class: "sui-rl-ctrls" }, this.ctrl(anglesUp, localeText(undefined, 'order-list.moveToTop', undefined, 'Move to top'), () => this.move('top'), held || this.packed('top')), this.ctrl(chevronUp, localeText(undefined, 'order-list.moveUp', undefined, 'Move up'), () => this.move('up'), held || this.packed('top')), this.ctrl(chevronDown, localeText(undefined, 'order-list.moveDown', undefined, 'Move down'), () => this.move('down'), held || this.packed('bottom')), this.ctrl(anglesDown, localeText(undefined, 'order-list.moveToBottom', undefined, 'Move to bottom'), () => this.move('bottom'), held || this.packed('bottom')))) : null, h("div", { key: '5187c5d85e762006486a8436ec1889baec4c3e8d', class: "main" }, this.heading ? h("div", { class: "sui-rl-header", id: `${this.fieldId}-h` }, this.heading) : null, this.filter ? (h("div", { class: "sui-rl-filter sui-frame" }, h(Glyph, { glyph: magnifyingGlass }), h("input", { type: "text", placeholder: localeText(undefined, 'order-list.filterPlaceholder', undefined, 'Filter'), "aria-label": filterName, value: this.query, onInput: (e) => (this.query = e.target.value) }))) : null, boxes ? (h("button", { type: "button", class: "sui-rl-all", role: "checkbox", "aria-checked": allOn ? 'true' : some ? 'mixed' : 'false', disabled: vis.length === 0, onClick: this.toggleAll }, h("span", { class: { 'sui-rl-box': true, on: allOn, mixed: some }, "aria-hidden": "true" }, allOn ? h(Glyph, { glyph: check }) : null, some ? h(Glyph, { glyph: minus }) : null), h("span", null, localeText(undefined, 'order-list.selectAll', undefined, 'Select all')))) : null, h("ol", { key: 'b8e12bcb8eac713b19234ccb6334e1b4f9b7f12a', class: "sui-rl-shell", role: "listbox", "aria-multiselectable": boxes ? 'true' : null, "aria-labelledby": this.heading ? `${this.fieldId}-h` : null, "aria-describedby": standIn ? `${this.fieldId}-empty ${this.fieldId}-hint` : `${this.fieldId}-hint`, "aria-busy": this.loading ? 'true' : null, style: { maxHeight: `${this.height}px` }, onDragOver: drags && !held ? (e) => e.preventDefault() : undefined, onDrop: drags && !held ? this.onDrop : undefined }, standIn ? h("li", { class: "sui-rl-empty empty", id: `${this.fieldId}-empty`, role: "presentation", "aria-hidden": "true" }, standIn) : null, rows), h("div", { key: '9142ec5a246968c1da2b0dc44c27bafe5d2ae34d', class: "sui-rl-live", id: `${this.fieldId}-hint` }, this.filtering
+        return (h(Host, { key: '22335d634b34b82b3fc9e2fd7ccbf6c83e9632a7' }, h("div", { key: '72c0fcaf558856a6ad242c1059f3a5ddd6bcb3fa', class: "wrap" }, !this.dragOnly ? (h("div", { class: "sui-rl-ctrls" }, this.ctrl(anglesUp, localeText(undefined, 'order-list.moveToTop', undefined, 'Move to top'), () => this.move('top'), held || this.packed('top')), this.ctrl(chevronUp, localeText(undefined, 'order-list.moveUp', undefined, 'Move up'), () => this.move('up'), held || this.packed('top')), this.ctrl(chevronDown, localeText(undefined, 'order-list.moveDown', undefined, 'Move down'), () => this.move('down'), held || this.packed('bottom')), this.ctrl(anglesDown, localeText(undefined, 'order-list.moveToBottom', undefined, 'Move to bottom'), () => this.move('bottom'), held || this.packed('bottom')))) : null, h("div", { key: '98c6d5c99f2dd3d6aa38a9281fcbef1a02a1cb72', class: "main" }, this.heading ? h("div", { class: "sui-rl-header", id: `${this.fieldId}-h` }, this.heading) : null, this.filter ? (h("div", { class: "sui-rl-filter sui-frame" }, h(Glyph, { glyph: magnifyingGlass }), h("input", { type: "text", placeholder: localeText(undefined, 'order-list.filterPlaceholder', undefined, 'Filter'), "aria-label": filterName, value: this.query, onInput: (e) => (this.query = e.target.value) }))) : null, boxes ? (h("button", { type: "button", class: "sui-rl-all", role: "checkbox", "aria-checked": allOn ? 'true' : some ? 'mixed' : 'false', disabled: vis.length === 0, onClick: this.toggleAll }, h("span", { class: { 'sui-rl-box': true, on: allOn, mixed: some }, "aria-hidden": "true" }, allOn ? h(Glyph, { glyph: check }) : null, some ? h(Glyph, { glyph: minus }) : null), h("span", null, localeText(undefined, 'order-list.selectAll', undefined, 'Select all')))) : null, h("ol", { key: '8190804259da240258706d3dae3215e377ff1305', class: "sui-rl-shell", role: "listbox", "aria-multiselectable": boxes ? 'true' : null, "aria-labelledby": this.heading ? `${this.fieldId}-h` : null, "aria-describedby": standIn ? `${this.fieldId}-empty ${this.fieldId}-hint` : `${this.fieldId}-hint`, "aria-busy": this.loading ? 'true' : null, style: { maxHeight: `${this.height}px` }, onDragOver: drags && !held ? (e) => e.preventDefault() : undefined, onDrop: drags && !held ? this.onDrop : undefined }, standIn ? h("li", { class: "sui-rl-empty empty", id: `${this.fieldId}-empty`, role: "presentation", "aria-hidden": "true" }, standIn) : null, rows), h("div", { key: '6b193dc245c0ce5eeaf5945041e9612248087a62', class: "sui-rl-live", id: `${this.fieldId}-hint` }, this.filtering
             ? localeText(undefined, 'order-list.filterHeld', undefined, 'Clear the filter to reorder the list.')
             : boxes
-                ? localeText(undefined, 'order-list.hintBoxes', undefined, 'Press Space to tick a row, Enter to lift it, the arrow keys to move it and Enter to drop it.')
-                : localeText(undefined, 'order-list.hint', undefined, 'Press Space to lift a row, the arrow keys to move it and Space to drop it.')), h("div", { key: '3eac4f74cabd623923bbeff6c2c66bbe54f8bf00', class: "sui-rl-live", "aria-live": "assertive", "aria-atomic": "true" }, this.live)))));
+                ? localeText(undefined, 'order-list.hintBoxes', undefined, 'Press Space to check a row, Enter to lift it, the arrow keys to move it and Enter to drop it.')
+                : localeText(undefined, 'order-list.hint', undefined, 'Press Space to lift a row, the arrow keys to move it and Space to drop it.')), h("div", { key: 'd2e15ff32f9749a49ea2875953db47752318c8d6', class: "sui-rl-live", "aria-live": "assertive", "aria-atomic": "true" }, this.live)))));
     }
     static get is() { return "sui-order-list"; }
     static get encapsulation() { return "scoped"; }
@@ -567,7 +567,7 @@ export class SuiOrderList {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "`single` picks one row at a time. `checkbox` draws a box on every row under a select-all\nheader, and the four controls carry the whole ticked set at once. Spelled as on `sui-tree`,\nwhich names the same two ways of picking rows. Reflected."
+                    "text": "`single` picks one row at a time. `checkbox` draws a box on every row under a select-all\nheader, and the four controls carry the whole checked set at once. Spelled as on `sui-tree`,\nwhich names the same two ways of picking rows. Reflected."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/sui-org-chart/sui-org-chart.js

@@ -329,7 +329,7 @@ export class SuiOrgChart {
                     "references": {
                         "SuiOrgNode": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-org-chart/sui-org-chart.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-org-chart/sui-org-chart.tsx",
                             "id": "src/components/sui-org-chart/sui-org-chart.tsx::SuiOrgNode"
                         }
                     }
@@ -396,7 +396,7 @@ export class SuiOrgChart {
                     "references": {
                         "SuiOrgChartSelectionMode": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-org-chart/sui-org-chart.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-org-chart/sui-org-chart.tsx",
                             "id": "src/components/sui-org-chart/sui-org-chart.tsx::SuiOrgChartSelectionMode"
                         }
                     }

package/dist/collection/components/sui-overlay-badge/sui-overlay-badge.css

@@ -5,7 +5,7 @@
 .anchor.top-left { top: -5px; left: -5px; }
 .anchor.bottom-right { bottom: -5px; right: -5px; }
 .anchor.bottom-left { bottom: -5px; left: -5px; }
-/* A dot sits on the corner itself, its centre 4px in: pushed out like a count, it floated off a tile
+/* A dot sits on the corner itself, its center 4px in: pushed out like a count, it floated off a tile
    and off the round avatar it marks. */
 .anchor.dot.top-right { top: 0; right: 0; }
 .anchor.dot.top-left { top: 0; left: 0; }

package/dist/collection/components/sui-overlay-badge/sui-overlay-badge.js

@@ -108,7 +108,7 @@ export class SuiOverlayBadge {
                     "references": {
                         "SuiOverlayBadgePosition": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-overlay-badge/sui-overlay-badge.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-overlay-badge/sui-overlay-badge.tsx",
                             "id": "src/components/sui-overlay-badge/sui-overlay-badge.tsx::SuiOverlayBadgePosition"
                         }
                     }

package/dist/collection/components/sui-page-header/sui-page-header.js

@@ -155,7 +155,7 @@ export class SuiPageHeader {
                     "references": {
                         "SuiPageHeaderLevel": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-page-header/sui-page-header.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-page-header/sui-page-header.tsx",
                             "id": "src/components/sui-page-header/sui-page-header.tsx::SuiPageHeaderLevel"
                         }
                     }

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

@@ -228,7 +228,7 @@ export class SuiPaginator {
         const atStart = page === 1;
         const atEnd = page === pages;
         const single = paginatorHides(total, size, this.pageSizes, this.hidePageSize, this.showOnSinglePage);
-        return (h(Host, { key: '05302da60c5d7a34ee5cc6178ff7546f747ca51f', class: { 'sui-pg-single': single } }, h("nav", { key: '7f229b2100fa57f5b2e0e0c49d99058eba616da9', class: { 'sui-pg': true, narrow: this.narrow }, "aria-label": this.landmarkName(), ref: (el) => (this.navEl = el) }, h("span", { key: '8b966e65476e5971c8061f4a9707e3d02e1f225f', class: "range-box" }, h("span", { key: 'af5718fe43ca1c9872442d4adbaf7a51a85e3e00', class: "range", role: "status" }, this.rangeText(from, to, total)), h("span", { key: '324bfde4f1b6e18b550efd086fe67a1400328704', class: "range-sizer", "aria-hidden": "true" }, this.rangeText(total, total, total))), h("div", { key: 'fa1379947681167089454cf061c65853f59016a9', class: "pages", onClick: this.onNav }, h("button", { key: 'bde5ba17da212474b4122eda663c2903df1308fe', type: "button", class: "pg", "data-go": 1, disabled: atStart, "aria-label": localeText(undefined, 'paginator.firstPage', undefined, 'First page') }, h(Glyph, { key: 'fd542f30cc4665056e716a069fbf3baf640bc847', glyph: anglesLeft })), h("button", { key: 'efc1bdb67af0214e4d3f7952b3e56ee775e22832', type: "button", class: "pg", "data-go": page - 1, disabled: atStart, "aria-label": localeText(undefined, 'paginator.previousPage', undefined, 'Previous page') }, h(Glyph, { key: '96eabeea2937862f18700332b0b55b012f5730ad', glyph: chevronLeft })), nums, h("button", { key: 'ceb331ca22dae9d0baf71ef06abdb31084aa355f', type: "button", class: "pg", "data-go": page + 1, disabled: atEnd, "aria-label": localeText(undefined, 'paginator.nextPage', undefined, 'Next page') }, h(Glyph, { key: 'e2012ba35746aff46b9f1717f2be633a1b5c4bc0', glyph: chevronRight })), h("button", { key: '0330ee3a6316745a96bef8cc4e59dfbb707f3e86', type: "button", class: "pg", "data-go": pages, disabled: atEnd, "aria-label": localeText(undefined, 'paginator.lastPage', undefined, 'Last page') }, h(Glyph, { key: '218f7f646c8986e50caced4b5c244aa78c7f5d7b', glyph: anglesRight }))), !this.hidePageSize ? (h("label", { class: "rows" }, h("span", null, localeText(undefined, 'paginator.rows', undefined, 'Rows')), h("sui-select", { class: "size", options: (this.pageSizes || []).map((s) => String(s)), value: String(size), size: "sm", "aria-label": localeText(undefined, 'paginator.rowsPerPage', undefined, 'Rows per page'), onSuiChange: this.onSize }))) : null)));
+        return (h(Host, { key: '953a76f5eb0c1582e10e508fc62da52ebce67544', class: { 'sui-pg-single': single } }, h("nav", { key: '70c5bb0e2573ca673e4c94e050f1e95765405d0e', class: { 'sui-pg': true, narrow: this.narrow }, "aria-label": this.landmarkName(), ref: (el) => (this.navEl = el) }, h("span", { key: '10cfc82992c7e4a97e5bbaf1ca53bf098260c732', class: "range-box" }, h("span", { key: 'b69954537f204ca7d53e737b6086fe9a2e5a5a88', class: "range", role: "status" }, this.rangeText(from, to, total)), h("span", { key: '23cfc8c137426843f0c0bb19ba7e4c64b78f7d2d', class: "range-sizer", "aria-hidden": "true" }, this.rangeText(total, total, total))), h("div", { key: 'ef62856b932f02166f5c9052e3eea1053bea8270', class: "pages", onClick: this.onNav }, h("button", { key: '0b12f5ab589a18f03c7a0d1f042ad0630604fbcd', type: "button", class: "pg", "data-go": 1, disabled: atStart, "aria-label": localeText(undefined, 'paginator.firstPage', undefined, 'First page') }, h(Glyph, { key: '159a0e02b52b361f31c65976fdfc33b5976a4a2e', glyph: anglesLeft })), h("button", { key: '15bfa922c899e0370265b09a9a86126c9c871276', type: "button", class: "pg", "data-go": page - 1, disabled: atStart, "aria-label": localeText(undefined, 'paginator.previousPage', undefined, 'Previous page') }, h(Glyph, { key: '15282c9992af838807d8bea86c91ba8f39858ddd', glyph: chevronLeft })), nums, h("button", { key: 'ab6298c67d603ceb81ee2bac13b27e3110176c36', type: "button", class: "pg", "data-go": page + 1, disabled: atEnd, "aria-label": localeText(undefined, 'paginator.nextPage', undefined, 'Next page') }, h(Glyph, { key: 'd22ae8530f1c261e020e019b3786552e74c24e55', glyph: chevronRight })), h("button", { key: '95b51f29ab7ae6264d3992079e4056a1e89bb39a', type: "button", class: "pg", "data-go": pages, disabled: atEnd, "aria-label": localeText(undefined, 'paginator.lastPage', undefined, 'Last page') }, h(Glyph, { key: 'b182173bb8bb45f558d0370a70670b67589c84a9', glyph: anglesRight }))), !this.hidePageSize ? (h("label", { class: "rows" }, h("span", null, localeText(undefined, 'paginator.rows', undefined, 'Rows')), h("sui-select", { class: "size", options: (this.pageSizes || []).map((s) => String(s)), value: String(size), size: "sm", "aria-label": localeText(undefined, 'paginator.rowsPerPage', undefined, 'Rows per page'), onSuiChange: this.onSize }))) : null)));
     }
     static get is() { return "sui-paginator"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/sui-panel/sui-panel.css

@@ -10,7 +10,7 @@
 }
 :host(.collapsible) .head { cursor: pointer; }
 :host(.closed) .head { border-bottom: none; }
-/* On navy the focus colour is the inverse ink: the navy ring would vanish into the ground. */
+/* On navy the focus color is the inverse ink: the navy ring would vanish into the ground. */
 :host(.head-brand) .head { background: var(--surface-navy); color: var(--ink-inverse); border-bottom-color: var(--surface-navy); --focus-ring: var(--ink-inverse); --focus-shadow: none; }
 
 .toggle {

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

@@ -26,7 +26,7 @@ export class SuiPanel {
      *  `aria-controls`. The body's height closes over the base duration, with the chevron, and the
      *  body unmounts once it has closed. Reflected. */
     collapsible = false;
-    /** Whether the body is hidden. Seeds the state (the reference `defaultCollapsed`) and tracks it afterwards; writing it from script emits nothing. */
+    /** Whether the body is hidden. Seeds the state (the reference `defaultCollapsed`) and tracks it afterward; writing it from script emits nothing. */
     collapsed = false;
     /** Ground of the header band: `brand` paints it on the brand fill under the inverse ink, for
      *  ledger groups and grouped sections; unset leaves the sunken surface header. The word the rails
@@ -149,10 +149,10 @@ export class SuiPanel {
     render() {
         const titles = [
             this.collapsible ? h(Glyph, { glyph: chevronDown, class: "chev" }) : null,
-            h("span", { key: '2510d6ed8c9c8bd84322c8b82768a9e8c38278db', class: "heading" }, this.heading),
+            h("span", { key: '11d8feec90ec5ccbd98c99e0cd1f8af08c8beed1', class: "heading" }, this.heading),
             this.meta ? h("span", { class: "meta" }, this.meta) : null,
         ];
-        return (h(Host, { key: '3a0afda19e71e1419d1acc625f382159afdecc9a', class: { collapsed: this.collapsed, closed: !this.mounted, 'head-brand': this.headerTone === 'brand', collapsible: this.collapsible } }, h("div", { key: '5517e6165fc74744fa196a9ca9dcecf273296346', class: "head", onClick: this.collapsible ? this.onHeadClick : undefined }, this.collapsible ? (h("button", { type: "button", class: "toggle", "aria-expanded": this.collapsed ? 'false' : 'true', "aria-controls": this.bodyId }, titles)) : (h("div", { class: "toggle" }, titles)), h("div", { key: '37208058762a513199bd08f2a9d2ed92d0d5c940', class: { end: true, has: this.hasHeaderEnd } }, h("slot", { key: '1203686dbb13deb9c046fcbfe5091dd4e823d245', name: "header-end" }))), h("div", { key: 'b58b51558cd1e5a1d993023331e0c9b6fd12d2fb', class: { reveal: true, open: !this.collapsed }, ref: (el) => (this.reveal = el) }, this.mounted ? (h("div", { class: "body", id: this.bodyId }, h("div", { class: "content" }, h("slot", null)))) : null)));
+        return (h(Host, { key: 'e9c4857f2b9bb6a9cc8601e830043c81d7f3a030', class: { collapsed: this.collapsed, closed: !this.mounted, 'head-brand': this.headerTone === 'brand', collapsible: this.collapsible } }, h("div", { key: '50bad9509d3c7313ea08c6f09efb5ff8f529e5ef', class: "head", onClick: this.collapsible ? this.onHeadClick : undefined }, this.collapsible ? (h("button", { type: "button", class: "toggle", "aria-expanded": this.collapsed ? 'false' : 'true', "aria-controls": this.bodyId }, titles)) : (h("div", { class: "toggle" }, titles)), h("div", { key: 'b47bba0bc5305989d47bb9afff433d0964105e53', class: { end: true, has: this.hasHeaderEnd } }, h("slot", { key: 'e84fb516cf8febc131a3d8c311833858651f59bc', name: "header-end" }))), h("div", { key: 'aec40cf18eee61a1fd92c828f9311415ace06a54', class: { reveal: true, open: !this.collapsed }, ref: (el) => (this.reveal = el) }, this.mounted ? (h("div", { class: "body", id: this.bodyId }, h("div", { class: "content" }, h("slot", null)))) : null)));
     }
     static get is() { return "sui-panel"; }
     static get encapsulation() { return "scoped"; }
@@ -239,7 +239,7 @@ export class SuiPanel {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Whether the body is hidden. Seeds the state (the reference `defaultCollapsed`) and tracks it afterwards; writing it from script emits nothing."
+                    "text": "Whether the body is hidden. Seeds the state (the reference `defaultCollapsed`) and tracks it afterward; writing it from script emits nothing."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/sui-panel-menu/sui-panel-menu.js

@@ -196,7 +196,7 @@ export class SuiPanelMenu {
                     "references": {
                         "SuiPanelMenuGroup": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-panel-menu/sui-panel-menu.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-panel-menu/sui-panel-menu.tsx",
                             "id": "src/components/sui-panel-menu/sui-panel-menu.tsx::SuiPanelMenuGroup"
                         }
                     }
@@ -309,7 +309,7 @@ export class SuiPanelMenu {
                     "references": {
                         "SuiPanelMenuItem": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-panel-menu/sui-panel-menu.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-panel-menu/sui-panel-menu.tsx",
                             "id": "src/components/sui-panel-menu/sui-panel-menu.tsx::SuiPanelMenuItem"
                         }
                     }

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

@@ -193,9 +193,9 @@ export class SuiPassword {
         ];
         const meterId = `${this.fieldId}-meter`;
         const size = SIZES.includes(this.size) ? this.size : 'md';
-        return (h(FieldShell, { key: 'e3ebc31ef14a37bbc7ab82bddcd564a85ee26071', label: this.label, required: this.required, help: this.help, error: this.error, htmlFor: this.fieldId, descId: this.fieldId }, h("div", { key: '4362b60eddcb35bfd2835fca9914b3250404ff43', class: { 'sui-input': true, 'sui-frame': true, 'sui-password': true, [size]: true, invalid, focus: this.focused, disabled: this.isDisabled, readonly: this.readOnly } }, h("input", { key: 'ea814eaf0dd0694859c2cd9cb55319acaf1c23c0', ref: (el) => (this.input = el), id: this.fieldId, class: "field", type: this.show ? 'text' : 'password', value: this.value, placeholder: this.placeholder, required: this.required, disabled: this.isDisabled, readOnly: this.readOnly, autocomplete: this.autocomplete, maxLength: this.maxLength, pattern: this.pattern, minLength: this.minLength, inputMode: this.hints.inputmode, enterKeyHint: this.hints.enterkeyhint, "aria-label": this.label ? undefined : this.hostLabel, "aria-labelledby": this.label ? undefined : this.hostLabelledby, "aria-invalid": invalid ? 'true' : null, "aria-describedby": [describedBy(this.fieldId, this.help, this.error), m ? meterId : null].filter(Boolean).join(' ') || null, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, onChange: this.onChange }), h("button", { key: 'fde40422cb0a2784c37d1649f8b80098f0d48f6a', type: "button", class: "eye", disabled: this.isDisabled, "aria-pressed": this.show ? 'true' : 'false', "aria-label": this.show
+        return (h(FieldShell, { key: 'a3466fae6e71f2ef04c3cb82710216af600afc26', label: this.label, required: this.required, help: this.help, error: this.error, htmlFor: this.fieldId, descId: this.fieldId }, h("div", { key: 'b63e25f24f40fd41b4223b4d136dc8a0ae2683c4', class: { 'sui-input': true, 'sui-frame': true, 'sui-password': true, [size]: true, invalid, focus: this.focused, disabled: this.isDisabled, readonly: this.readOnly } }, h("input", { key: '483b049014b7f61c1a44d1970548cd720541b358', ref: (el) => (this.input = el), id: this.fieldId, class: "field", type: this.show ? 'text' : 'password', value: this.value, placeholder: this.placeholder, required: this.required, disabled: this.isDisabled, readOnly: this.readOnly, autocomplete: this.autocomplete, maxLength: this.maxLength, pattern: this.pattern, minLength: this.minLength, inputMode: this.hints.inputmode, enterKeyHint: this.hints.enterkeyhint, "aria-label": this.label ? undefined : this.hostLabel, "aria-labelledby": this.label ? undefined : this.hostLabelledby, "aria-invalid": invalid ? 'true' : null, "aria-describedby": [describedBy(this.fieldId, this.help, this.error), m ? meterId : null].filter(Boolean).join(' ') || null, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, onChange: this.onChange }), h("button", { key: 'c52980c3ae054be93f7ef00de8f715aca37d0de3', type: "button", class: "eye", disabled: this.isDisabled, "aria-pressed": this.show ? 'true' : 'false', "aria-label": this.show
                 ? localeText(this.locale, 'password.hide', this.hideLabel, 'Hide password')
-                : localeText(this.locale, 'password.show', this.showLabel, 'Show password'), onClick: this.toggle }, h(Glyph, { key: 'b7aaa332215c079908007a592d54ba6104eceaca', glyph: this.show ? eyeSlashRegular : eyeRegular }))), m ? (h("div", { class: "meter", id: meterId, role: "status", "aria-live": "polite" }, h("div", { class: "track" }, h("div", { class: { fill: true, [m.tone]: true }, style: { width: m.w } })), h("span", { class: { 'meter-label': true, [m.tone]: true } }, words[sc]))) : null));
+                : localeText(this.locale, 'password.show', this.showLabel, 'Show password'), onClick: this.toggle }, h(Glyph, { key: '6c7a1b290503fb4d0c7021a939cf429d642d9837', glyph: this.show ? eyeSlashRegular : eyeRegular }))), m ? (h("div", { class: "meter", id: meterId, role: "status", "aria-live": "polite" }, h("div", { class: "track" }, h("div", { class: { fill: true, [m.tone]: true }, style: { width: m.w } })), h("span", { class: { 'meter-label': true, [m.tone]: true } }, words[sc]))) : null));
     }
     static get is() { return "sui-password"; }
     static get encapsulation() { return "scoped"; }

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

@@ -134,7 +134,7 @@ export class SuiPersona {
                     "references": {
                         "SuiPersonaSize": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-persona/sui-persona.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-persona/sui-persona.tsx",
                             "id": "src/components/sui-persona/sui-persona.tsx::SuiPersonaSize"
                         }
                     }
@@ -219,7 +219,7 @@ export class SuiPersona {
                     "references": {
                         "SuiPersonaWeight": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-persona/sui-persona.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-persona/sui-persona.tsx",
                             "id": "src/components/sui-persona/sui-persona.tsx::SuiPersonaWeight"
                         }
                     }

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

@@ -43,7 +43,7 @@ export class SuiPickList {
      *  keyboard lift remain. Reflected. */
     dragOnly = false;
     /** `single` picks one row at a time. `checkbox` draws a box on every row under a per-pane
-     *  select-all header, and the transfer controls carry the whole ticked set at once. Reflected. */
+     *  select-all header, and the transfer controls carry the whole checked set at once. Reflected. */
     selectionMode = 'single';
     /** Shows a filter box over each pane. It narrows what a pane draws (by label, description and
      *  meta), never the `source` and `target` arrays. Transfers still run while a pane is filtered,
@@ -494,9 +494,9 @@ export class SuiPickList {
         const drags = !this.noDrag;
         const overHere = !!this.drag && !!this.over && this.over.side === side;
         const picked = this.picked(side);
-        const ticked = vis.filter((i) => picked.includes(i)).length;
-        const allOn = vis.length > 0 && ticked === vis.length;
-        const some = ticked > 0 && !allOn;
+        const checked = vis.filter((i) => picked.includes(i)).length;
+        const allOn = vis.length > 0 && checked === vis.length;
+        const some = checked > 0 && !allOn;
         const seen = {};
         const rows = [];
         const held = this.filtering(side);
@@ -535,9 +535,9 @@ export class SuiPickList {
         const held = this.loading;
         const across = this.stacked ? { one: chevronDown, all: anglesDown } : { one: chevronRight, all: anglesRight };
         const back = this.stacked ? { one: chevronUp, all: anglesUp } : { one: chevronLeft, all: anglesLeft };
-        return (h(Host, { key: 'af9aa8dbe209e9b0c9022a83cba308c9f221a46f' }, h("div", { key: 'f729157b603b7ab2b37eb483748deb39a8c31c04', class: { wrap: true, stacked: this.stacked } }, this.pane('s'), !this.dragOnly ? (h("div", { class: "sui-rl-ctrls" }, this.ctrl(across.one, localeText(undefined, 'pick-list.moveToSelected', undefined, 'Move to selected'), () => this.moveSel(1), !canMove), this.ctrl(across.all, localeText(undefined, 'pick-list.moveAll', undefined, 'Move all'), () => this.moveAll(1), held || this.listOf('s').length === 0), this.ctrl(back.one, localeText(undefined, 'pick-list.remove', undefined, 'Remove'), () => this.moveSel(-1), !canBack), this.ctrl(back.all, localeText(undefined, 'pick-list.removeAll', undefined, 'Remove all'), () => this.moveAll(-1), held || this.listOf('t').length === 0))) : null, this.pane('t')), h("div", { key: 'c5c7d730b625da6f5138558da012ea04c9173ec9', class: "sui-rl-live", id: `${this.fieldId}-hint` }, this.boxes
-            ? localeText(undefined, 'pick-list.hintBoxes', undefined, 'Press Space to tick a row, Enter to lift it, and the arrow keys to move it between and within the lists.')
-            : localeText(undefined, 'pick-list.hint', undefined, 'Press Space to lift a row, the arrow keys to move it between and within the lists, and Space to drop it.')), h("div", { key: '404cfa67b7d96c8b8777cb69f73bcf0d800e545f', class: "sui-rl-live", "aria-live": "assertive", "aria-atomic": "true" }, this.live)));
+        return (h(Host, { key: '18fcc8f51cea3774bf06bc330ca3d546ca476693' }, h("div", { key: 'c805c7c1d32ce1715467d15c22d3b1c3d2c33590', class: { wrap: true, stacked: this.stacked } }, this.pane('s'), !this.dragOnly ? (h("div", { class: "sui-rl-ctrls" }, this.ctrl(across.one, localeText(undefined, 'pick-list.moveToSelected', undefined, 'Move to selected'), () => this.moveSel(1), !canMove), this.ctrl(across.all, localeText(undefined, 'pick-list.moveAll', undefined, 'Move all'), () => this.moveAll(1), held || this.listOf('s').length === 0), this.ctrl(back.one, localeText(undefined, 'pick-list.remove', undefined, 'Remove'), () => this.moveSel(-1), !canBack), this.ctrl(back.all, localeText(undefined, 'pick-list.removeAll', undefined, 'Remove all'), () => this.moveAll(-1), held || this.listOf('t').length === 0))) : null, this.pane('t')), h("div", { key: '36c2eb060d54db1d933d3d2b7be75627ca3da7e7', class: "sui-rl-live", id: `${this.fieldId}-hint` }, this.boxes
+            ? localeText(undefined, 'pick-list.hintBoxes', undefined, 'Press Space to check a row, Enter to lift it, and the arrow keys to move it between and within the lists.')
+            : localeText(undefined, 'pick-list.hint', undefined, 'Press Space to lift a row, the arrow keys to move it between and within the lists, and Space to drop it.')), h("div", { key: '5842ece0d6ebd92ec0a4281d464eb5082bc541ed', class: "sui-rl-live", "aria-live": "assertive", "aria-atomic": "true" }, this.live)));
     }
     static get is() { return "sui-pick-list"; }
     static get encapsulation() { return "scoped"; }
@@ -745,7 +745,7 @@ export class SuiPickList {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "`single` picks one row at a time. `checkbox` draws a box on every row under a per-pane\nselect-all header, and the transfer controls carry the whole ticked set at once. Reflected."
+                    "text": "`single` picks one row at a time. `checkbox` draws a box on every row under a per-pane\nselect-all header, and the transfer controls carry the whole checked set at once. Reflected."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/sui-popover/sui-popover.css

@@ -1,4 +1,6 @@
 :host { display: inline-flex; position: relative; font-family: var(--font-sans); }
+/* align is this element's prop, not the legacy attribute the browser maps to text-align. */
+:host([align]) { text-align: inherit; }
 .trigger { display: inline-flex; }
 .panel {
   position: fixed; top: 0; left: 0; z-index: var(--z-overlay); box-sizing: border-box;

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

@@ -328,7 +328,7 @@ export class SuiPopover {
     render() {
         const click = this.triggerOn === 'click';
         const dialog = click && !this.menu;
-        return (h(Host, { key: 'a2bc6860d9b4e6ee6f5d148dc38f4a2a8ebfe5bd', onMouseEnter: this.onEnter, onMouseLeave: this.onLeave, onFocusin: this.onFocusIn, onFocusout: this.onFocusOut }, h("span", { key: 'e47ee782ee8ca67165bb9696450e6d8fef4150ee', ref: (el) => (this.anchor = el), id: `${this.fieldId}-trigger`, class: "trigger", onClick: this.onTriggerClick, onKeyDown: this.onTriggerKey }, h("slot", { key: '5e84a9f67e8a7aca8fded32ecadeaba7f7a18b62', name: "trigger" })), this.open || this.closing ? (h("div", { ref: (el) => (this.panel = el), id: `${this.fieldId}-panel`, class: { panel: true, padded: !this.flush, closing: this.closing }, inert: this.closing, role: dialog ? 'dialog' : undefined, "aria-label": dialog && this.hostLabel ? this.hostLabel : undefined, "aria-labelledby": dialog && !this.hostLabel ? `${this.fieldId}-trigger` : undefined, tabindex: click ? '-1' : undefined, style: { width: `${this.width}px` }, onKeyDown: this.onPanelKey }, h("slot", null))) : null));
+        return (h(Host, { key: '84827ee8bc592ac8b56fcb51ac0a254eb281ecc8', onMouseEnter: this.onEnter, onMouseLeave: this.onLeave, onFocusin: this.onFocusIn, onFocusout: this.onFocusOut }, h("span", { key: '51078e975c3ed40d6109d84459f80dbeb1d11879', ref: (el) => (this.anchor = el), id: `${this.fieldId}-trigger`, class: "trigger", onClick: this.onTriggerClick, onKeyDown: this.onTriggerKey }, h("slot", { key: '680bf980cb1eff6c39508872b7ed7a27ba52d2b7', name: "trigger" })), this.open || this.closing ? (h("div", { ref: (el) => (this.panel = el), id: `${this.fieldId}-panel`, class: { panel: true, padded: !this.flush, closing: this.closing }, inert: this.closing, role: dialog ? 'dialog' : undefined, "aria-label": dialog && this.hostLabel ? this.hostLabel : undefined, "aria-labelledby": dialog && !this.hostLabel ? `${this.fieldId}-trigger` : undefined, tabindex: click ? '-1' : undefined, style: { width: `${this.width}px` }, onKeyDown: this.onPanelKey }, h("slot", null))) : null));
     }
     static get is() { return "sui-popover"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/sui-progress-bar/sui-progress-bar.js

@@ -71,7 +71,7 @@ export class SuiProgressBar {
         const v = Math.min(100, Math.max(0, Number(this.value) || 0));
         const radius = `${this.height / 2}px`;
         const showValue = this.showValue && !this.indeterminate;
-        return (h(Host, { key: 'e720ce2930a1841465132166883c1838f6b8d95b' }, this.label || showValue ? (h("div", { class: "head" }, h("span", { class: "label" }, this.label), showValue ? (h("span", { class: "value" }, this.hasValueSlot ? null : fmtPercent(Math.round(v)), h("slot", { name: "value" }))) : null)) : null, h("div", { key: '319e727f7a872631be44f92ef719168927385685', class: "track", role: "progressbar", "aria-valuenow": this.indeterminate ? null : v, "aria-valuemin": "0", "aria-valuemax": "100", "aria-label": this.label || this.hostLabel || undefined, style: { height: `${this.height}px`, borderRadius: radius } }, this.indeterminate ? (h("div", { class: { sweep: true, accent: this.accent }, style: { borderRadius: radius } })) : (h("div", { class: { fill: true, accent: this.accent }, style: { width: `${v}%`, borderRadius: radius } })))));
+        return (h(Host, { key: 'b3ee0e5d40f4a4a18b7205619c9018fc7cc5d699' }, this.label || showValue ? (h("div", { class: "head" }, h("span", { class: "label" }, this.label), showValue ? (h("span", { class: "value" }, this.hasValueSlot ? null : fmtPercent(Math.round(v)), h("slot", { name: "value" }))) : null)) : null, h("div", { key: '01e831c551455b1679f6c2bc0eb415197746e02c', class: "track", role: "progressbar", "aria-valuenow": this.indeterminate ? null : v, "aria-valuemin": "0", "aria-valuemax": "100", "aria-label": this.label || this.hostLabel || undefined, style: { height: `${this.height}px`, borderRadius: radius } }, this.indeterminate ? (h("div", { class: { sweep: true, accent: this.accent }, style: { borderRadius: radius } })) : (h("div", { class: { fill: true, accent: this.accent }, style: { width: `${v}%`, borderRadius: radius } })))));
     }
     static get is() { return "sui-progress-bar"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/sui-progress-ring/sui-progress-ring.js

@@ -74,7 +74,7 @@ export class SuiProgressRing {
         const c = 2 * Math.PI * r;
         const offset = c * (1 - pct / 100);
         const fontSize = `${Math.max(10, size / 4.2)}px`;
-        return (h(Host, { key: '8a6b3f8ee23a9ec1c56d7526f6c3f97ae1e414ea' }, h("div", { key: '4400c97c491420725cb678d5cbea48e35da49fc7', class: { ring: true, accent: this.accent }, role: "progressbar", "aria-valuenow": pct, "aria-valuemin": "0", "aria-valuemax": "100", "aria-label": this.label || this.hostLabel || undefined, style: { width: `${size}px`, height: `${size}px` } }, h("svg", { key: 'b0ff8285ca990cdfc03c2ffde797f92cab93dd28', viewBox: `0 0 ${size} ${size}`, width: size, height: size, "aria-hidden": "true", focusable: "false" }, h("circle", { key: '4165eaa7d93b4a785010813b76c71655cf9acab0', class: "track", cx: size / 2, cy: size / 2, r: r, fill: "none", "stroke-width": thickness }), h("circle", { key: '8b1d3eb19bf0cd5956a8cd0f7c8a6e77bf5a9ae6', class: "arc", cx: size / 2, cy: size / 2, r: r, fill: "none", "stroke-width": thickness, "stroke-dasharray": `${c} ${c}`, "stroke-dashoffset": offset, transform: `rotate(-90 ${size / 2} ${size / 2})` })), this.showValue ? (h("span", { class: "value", style: { fontSize } }, this.hasValueSlot ? null : fmtPercent(Math.round(pct)), h("slot", { name: "value" }))) : null), this.label ? h("span", { class: "label" }, this.label) : null));
+        return (h(Host, { key: '61c96a2e2743e3291de53d026396fdda05e2f1f1' }, h("div", { key: '77913475262cc0fc6071d42da2425173fb48f0c9', class: { ring: true, accent: this.accent }, role: "progressbar", "aria-valuenow": pct, "aria-valuemin": "0", "aria-valuemax": "100", "aria-label": this.label || this.hostLabel || undefined, style: { width: `${size}px`, height: `${size}px` } }, h("svg", { key: '2b11d899dfc33e911e5d2511753d06361a60a0e6', viewBox: `0 0 ${size} ${size}`, width: size, height: size, "aria-hidden": "true", focusable: "false" }, h("circle", { key: '5b8a67d521f5d2a7cef3fcc159e8964b1f695bf5', class: "track", cx: size / 2, cy: size / 2, r: r, fill: "none", "stroke-width": thickness }), h("circle", { key: '3700ed04ea8dcc921a7224477433f6ac4c9f36bf', class: "arc", cx: size / 2, cy: size / 2, r: r, fill: "none", "stroke-width": thickness, "stroke-dasharray": `${c} ${c}`, "stroke-dashoffset": offset, transform: `rotate(-90 ${size / 2} ${size / 2})` })), this.showValue ? (h("span", { class: "value", style: { fontSize } }, this.hasValueSlot ? null : fmtPercent(Math.round(pct)), h("slot", { name: "value" }))) : null), this.label ? h("span", { class: "label" }, this.label) : null));
     }
     static get is() { return "sui-progress-ring"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/sui-progress-spinner/sui-progress-spinner.js

@@ -32,7 +32,7 @@ export class SuiProgressSpinner {
     render() {
         const size = `${Number(this.diameter) || 32}px`;
         const thickness = `${Number(this.thickness) || 3}px`;
-        return (h(Host, { key: '4bbb3f4d31bb7b6fa4c1472f6a4361aa459c6493' }, h("div", { key: '9656fce46a0f63a80d34979c94ec2483546d41ce', class: { spinner: true, accent: this.accent }, role: "status", "aria-label": this.label || this.hostLabel || localeText(undefined, 'progress-spinner.loading', undefined, 'Loading'), style: { width: size, height: size, borderWidth: thickness } }), this.label ? h("span", { class: "label" }, this.label) : null));
+        return (h(Host, { key: '3339e6142c483fd7869a5b9d22b453846b2d727e' }, h("div", { key: '015efcda97b98847f61ebffeb940f9c4a568ca3e', class: { spinner: true, accent: this.accent }, role: "status", "aria-label": this.label || this.hostLabel || localeText(undefined, 'progress-spinner.loading', undefined, 'Loading'), style: { width: size, height: size, borderWidth: thickness } }), this.label ? h("span", { class: "label" }, this.label) : null));
     }
     static get is() { return "sui-progress-spinner"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/sui-qr-code/sui-qr-code.js

@@ -112,7 +112,7 @@ export class SuiQrCode {
     render() {
         const px = this.px();
         const dim = { width: `${px}px`, height: `${px}px` };
-        return (h(Host, { key: 'a086604f68f19b808c0d5f0f91db7404576995a6' }, h("figure", { key: 'ebb234de6564407f0fd2ab453ea3ab5c68322b7b', class: "sui-qr" }, this.label ? h("span", { class: "sui-qr-label" }, this.label) : null, h("div", { key: '054cf4ac9fef571070732ddb58a6a82b15ee2e94', class: "sui-qr-frame" }, h("div", { key: '5a3b5b2ee10260158830a8bd9a030f76d3667849', class: "sui-qr-stage", style: dim }, h("canvas", { key: '5389634a8a207b2dec12e6c95b7982d697b48dd9', ref: (el) => (this.canvas = el), class: "sui-qr-canvas", width: px, height: px, style: dim, role: "img", "aria-label": localeFormat(undefined, 'qr-code.label', undefined, 'QR code: {value}', { value: this.value }) }), this.err ? h("div", { class: "sui-qr-error" }, localeText(undefined, 'qr-code.qrEncoderUnavailable', undefined, 'QR encoder unavailable')) : null), this.caption ? h("figcaption", { class: "sui-qr-caption" }, this.caption) : null), this.downloadable && !this.err ? (h("sui-button", { class: "sui-qr-download", variant: "outline", size: "sm", onClick: () => this.download() }, h(Glyph, { glyph: download }), localeText(undefined, 'qr-code.downloadPng', undefined, 'Download PNG'))) : null)));
+        return (h(Host, { key: '42b38a27c2e764d5a51e7fd840f80d9ea2cae90b' }, h("figure", { key: '2f1af4a071dca2a60cd97d0ac29137ac0e596efe', class: "sui-qr" }, this.label ? h("span", { class: "sui-qr-label" }, this.label) : null, h("div", { key: 'd43caf51bf3fe6a6bd0c6f238bb4ed9762860e12', class: "sui-qr-frame" }, h("div", { key: 'c04df3b5092ad1851b61ecf2d92b6a09e5b27af6', class: "sui-qr-stage", style: dim }, h("canvas", { key: '53361ce796358c9003b41acb54cfbd7def3d1c59', ref: (el) => (this.canvas = el), class: "sui-qr-canvas", width: px, height: px, style: dim, role: "img", "aria-label": localeFormat(undefined, 'qr-code.label', undefined, 'QR code: {value}', { value: this.value }) }), this.err ? h("div", { class: "sui-qr-error" }, localeText(undefined, 'qr-code.qrEncoderUnavailable', undefined, 'QR encoder unavailable')) : null), this.caption ? h("figcaption", { class: "sui-qr-caption" }, this.caption) : null), this.downloadable && !this.err ? (h("sui-button", { class: "sui-qr-download", variant: "outline", size: "sm", onClick: () => this.download() }, h(Glyph, { glyph: download }), localeText(undefined, 'qr-code.downloadPng', undefined, 'Download PNG'))) : null)));
     }
     static get is() { return "sui-qr-code"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/sui-radio-button/sui-radio-button.js

@@ -206,7 +206,7 @@ export class SuiRadioButton {
     render() {
         const on = this.checked;
         const describedBy = this.description ? `${this.fieldId}-desc` : null;
-        return (h("label", { key: '693a89bebda2301bfe9883d7bc31ac8ace67afed', class: { 'sui-radio': true, [this.size === 'sm' ? 'sm' : 'md']: true, on, disabled: this.isDisabled, readonly: this.readOnly, invalid: this.invalid, 'has-desc': !!this.description } }, h("span", { key: 'a976e469de962fe5be28236f151bf9e0ade88b3b', class: "ctl" }, h("input", { key: '835359bb83aeb95f379765bddba7e8659ca17957', ref: (el) => (this.input = el), id: this.fieldId, type: "radio", checked: on, disabled: this.isDisabled, value: this.value, tabIndex: this.isDisabled ? -1 : this.tabIndexFor(), "aria-checked": on ? 'true' : 'false', "aria-invalid": this.invalid ? 'true' : null, "aria-readonly": this.readOnly ? 'true' : null, "aria-required": this.required && !this.host.closest?.('sui-radio-group') ? 'true' : null, "aria-describedby": describedBy, onClick: this.onClick, onChange: this.onChange, onKeyDown: this.onKeyDown }), h("span", { key: '05807e97da03c826b86bde2b76294dacf38d1268', class: "circle", "aria-hidden": "true" })), this.label || this.description ? (h("span", { class: "text" }, this.label ? h("span", { class: "lbl" }, this.label) : null, this.description ? h("span", { class: "desc", id: `${this.fieldId}-desc` }, this.description) : null)) : null));
+        return (h("label", { key: 'd8fa83087ff32f357a95b647fd29fd0a98ff2bd3', class: { 'sui-radio': true, [this.size === 'sm' ? 'sm' : 'md']: true, on, disabled: this.isDisabled, readonly: this.readOnly, invalid: this.invalid, 'has-desc': !!this.description } }, h("span", { key: 'feb71d773131aecbc3bf700926af3a33033fd173', class: "ctl" }, h("input", { key: '4ac192a0da1d1f9537abb8ff94365173c6563b98', ref: (el) => (this.input = el), id: this.fieldId, type: "radio", checked: on, disabled: this.isDisabled, value: this.value, tabIndex: this.isDisabled ? -1 : this.tabIndexFor(), "aria-checked": on ? 'true' : 'false', "aria-invalid": this.invalid ? 'true' : null, "aria-readonly": this.readOnly ? 'true' : null, "aria-required": this.required && !this.host.closest?.('sui-radio-group') ? 'true' : null, "aria-describedby": describedBy, onClick: this.onClick, onChange: this.onChange, onKeyDown: this.onKeyDown }), h("span", { key: 'd94ed2c2ba8ed1ab46ad3e0f48f6eadcda1986b0', class: "circle", "aria-hidden": "true" })), this.label || this.description ? (h("span", { class: "text" }, this.label ? h("span", { class: "lbl" }, this.label) : null, this.description ? h("span", { class: "desc", id: `${this.fieldId}-desc` }, this.description) : null)) : null));
     }
     static get is() { return "sui-radio-button"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/sui-radio-group/sui-radio-group.js

@@ -190,7 +190,7 @@ export class SuiRadioGroup {
                     "references": {
                         "SuiRadioGroupOptionInput": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-radio-group/sui-radio-group.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-radio-group/sui-radio-group.tsx",
                             "id": "src/components/sui-radio-group/sui-radio-group.tsx::SuiRadioGroupOptionInput"
                         }
                     }

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

@@ -185,7 +185,7 @@ export class SuiRating {
         const focusIdx = this.focusIndex();
         const checkedIdx = this.checkedIndex();
         const previewing = this.hover > 0;
-        return (h(FieldShell, { key: '70d84660ebdca743d6060ef6cfda783686693d30', help: this.help, error: this.error, descId: this.fieldId }, h("div", { key: 'ae6bb4593d557a729c59f95e1105e60aab2fe940', class: { 'sui-rating': true, [this.size]: true, disabled: this.isDisabled, 'read-only': this.readOnly, invalid: !!this.error } }, this.label ? (h("span", { class: "label" }, this.label, this.required ? h("span", { class: "sui-field-req", "aria-hidden": "true" }, "*") : null)) : null, h("div", { key: '7c7ebe7274760c8e3fc1fcdbcaca7160146b211a', class: "stars", role: "radiogroup", "aria-label": this.label || localeText(undefined, 'rating.label', undefined, 'Rating'), "aria-disabled": this.isDisabled ? 'true' : null, "aria-readonly": this.readOnly ? 'true' : null, "aria-invalid": this.error ? 'true' : null, "aria-describedby": describedBy(this.fieldId, this.help, this.error), "aria-required": this.required ? 'true' : null, onKeyDown: this.onKeyDown, onMouseLeave: () => (this.hover = 0) }, Array.from({ length: Math.max(0, this.count) }, (_, i) => {
+        return (h(FieldShell, { key: '79477d06d86afcb6132f3dc879f9db5674c74b4c', help: this.help, error: this.error, descId: this.fieldId }, h("div", { key: '6643c6a0d06cac9fb29a5a6055cb0975a45a0efa', class: { 'sui-rating': true, [this.size]: true, disabled: this.isDisabled, 'read-only': this.readOnly, invalid: !!this.error } }, this.label ? (h("span", { class: "label" }, this.label, this.required ? h("span", { class: "sui-field-req", "aria-hidden": "true" }, "*") : null)) : null, h("div", { key: '982ad7748121040ad715874b16a63a95340ff600', class: "stars", role: "radiogroup", "aria-label": this.label || localeText(undefined, 'rating.label', undefined, 'Rating'), "aria-disabled": this.isDisabled ? 'true' : null, "aria-readonly": this.readOnly ? 'true' : null, "aria-invalid": this.error ? 'true' : null, "aria-describedby": describedBy(this.fieldId, this.help, this.error), "aria-required": this.required ? 'true' : null, onKeyDown: this.onKeyDown, onMouseLeave: () => (this.hover = 0) }, Array.from({ length: Math.max(0, this.count) }, (_, i) => {
             const fill = active - i;
             const on = fill >= 1 || (!this.allowHalf && fill > 0);
             const half = !on && this.allowHalf && fill > 0;

package/dist/collection/components/sui-rich-text-editor/sui-rich-text-editor.js

@@ -506,7 +506,7 @@ export class SuiRichTextEditor {
         const s = this.snap;
         const showPlaceholder = this.ready && !!s?.empty && !locked;
         // Until the engine has mounted (on the server, and in the browser while ProseMirror loads), the
-        // document is drawn as static markup through the same sanitiser, so the text is there from the
+        // document is drawn as static markup through the same sanitizer, so the text is there from the
         // first paint; the engine's own surface replaces it in the render that marks it ready.
         const staticHtml = this.ready ? '' : sanitizeEditorHtml(this.html || '');
         return (h(Host, { key: 'f2d203ef4a5d0729bf496f9ecb0e8314a89f7784', class: { [this.variant]: true, 'read-only': locked, disabled: this.isDisabled, focused: this.focused, ready: this.ready, invalid: this.invalid || !!this.error } }, h(FieldShell, { key: '29fe86632f0aa40f64354551515e71fa0d8f5c2e', label: this.label, help: this.help, error: this.error, descId: this.fieldId }, h("div", { key: '5e50036b9048d055b6510f525e68d9aaef437d1f', class: { 'sui-rte-box': true, 'sui-frame': true, 'focus-own': true, focus: this.editing, invalid: this.invalid || !!this.error, disabled: this.isDisabled, readonly: locked && !this.isDisabled }, ref: (el) => (this.box = el), onFocusin: this.onFocusIn, onFocusout: this.onFocusOut, onKeyDown: this.onBoxKey }, !locked && !bubble ? this.renderToolbar() : null, bubble ? this.renderBubble() : null, h("div", { key: "loading", class: "sui-rte-loading", hidden: this.ready || !!staticHtml }, localeText(undefined, 'rich-text-editor.loading', undefined, 'Loading editor engine (ProseMirror)…')), h("div", { key: "body", class: "sui-rte-body" }, staticHtml ? (h("div", { key: "static", class: "sb-editor-mount sui-rte-static sc-sui-rich-text-editor-s", style: { minHeight: `${minHeight}px` }, innerHTML: trustedHTML(staticHtml) })) : null, h("div", { key: "mount", class: "sb-editor-mount sc-sui-rich-text-editor-s", hidden: !!staticHtml, ref: (el) => (this.mount = el), style: { minHeight: `${minHeight}px` } }), h("div", { key: "placeholder", class: "sui-rte-placeholder", hidden: !showPlaceholder, "aria-hidden": "true" }, localeText(undefined, 'rich-text-editor.placeholder', this.placeholder, 'Write here…'))), h("div", { key: "status", class: "sui-rte-status" }, locked ? (h("span", { class: "sui-rte-lock" }, h(Glyph, { glyph: lock }), this.isDisabled ? localeText(undefined, 'rich-text-editor.disabled', undefined, 'Disabled') : localeText(undefined, 'rich-text-editor.readOnly', undefined, 'Read-only'))) : null, s || !staticHtml ? h("span", { class: "sui-rte-count" }, wordCount(s?.words || 0), " \u00B7 ", charCount(s?.chars || 0)) : null, h("span", { key: '1cbe0d58336947a6bf9f97b287c2ddc28a49139d', class: "sui-rte-spacer" }), h("slot", { key: 'd253cf5b0893c41586ed5a30540959d7882a1bf2', name: "status" }))))));
@@ -769,7 +769,7 @@ export class SuiRichTextEditor {
                     "references": {
                         "SuiMergeField": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-rich-text-editor/sui-rich-text-editor.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-rich-text-editor/sui-rich-text-editor.tsx",
                             "id": "src/components/sui-rich-text-editor/sui-rich-text-editor.tsx::SuiMergeField"
                         }
                     }
@@ -817,7 +817,7 @@ export class SuiRichTextEditor {
                     "references": {
                         "SuiRichTextChangeDetail": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-rich-text-editor/sui-rich-text-editor.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-rich-text-editor/sui-rich-text-editor.tsx",
                             "id": "src/components/sui-rich-text-editor/sui-rich-text-editor.tsx::SuiRichTextChangeDetail"
                         }
                     }

package/dist/collection/components/sui-save-status/sui-save-status.js

@@ -9,16 +9,21 @@ const GLYPHS = {
     error: { glyph: circleExclamation },
 };
 /**
- * Autosave status line for record editors: saved, saving, dirty (unsaved changes) or error.
- * Slot it into `sui-form-layout` (`slot="status"`) or `sui-form-actions` (`slot="status"`).
+ * Autosave status line for record editors: nothing yet, saved, saving, dirty (unsaved changes) or
+ * error. Slot it into `sui-form-layout` (`slot="status"`) or `sui-form-actions` (`slot="status"`).
  * Announced politely as a live region.
  */
 export class SuiSaveStatus {
-    /** Which line to show. */
-    state = 'saved';
+    /**
+     * Which line to show. `idle`, the default, has nothing to report: a record opened and not yet
+     * edited. It draws nothing and stays in the page as the live region, so the first change is
+     * announced; a live region added to the page together with its text is often not read. Keep the
+     * element in place and change `state`, rather than adding it when there is something to say.
+     */
+    state = 'idle';
     /**
      * When the record was saved, in the page's language, e.g. "2 min ago". The saved line reads
-     * "Saved 2 min ago"; without it, "Saved just now".
+     * "Saved 2 min ago"; without it, "Saved just now". Read on the saved line only.
      */
     time;
     text(state) {
@@ -33,9 +38,10 @@ export class SuiSaveStatus {
             : localeText(undefined, 'save-status.savedJustNow', undefined, 'Saved just now');
     }
     render() {
-        const state = GLYPHS[this.state] ? this.state : 'saved';
-        const s = GLYPHS[state];
-        return (h(Host, { key: '2b2ff47dfdbe5e5bbed24648474cf9417aaaefac', role: "status", "aria-live": "polite" }, h(Glyph, { key: 'ebcefc26bba653ba5e91c0b143d35fe79bf37533', glyph: s.glyph, class: "icon", spin: s.spin }), h("span", { key: '0ba9900555885c1cb660235090515cc206d81316', class: "text" }, this.text(state))));
+        // A state the element does not know reports nothing rather than a save that may not have run.
+        const state = GLYPHS[this.state] ? this.state : null;
+        const s = state ? GLYPHS[state] : null;
+        return (h(Host, { key: 'e6b7c187d74595dabdc330a79178db005f7a8026', role: "status", "aria-live": "polite" }, state && s ? [h(Glyph, { glyph: s.glyph, class: "icon", spin: s.spin }), h("span", { class: "text" }, this.text(state))] : null));
     }
     static get is() { return "sui-save-status"; }
     static get encapsulation() { return "scoped"; }
@@ -56,11 +62,11 @@ export class SuiSaveStatus {
                 "mutable": false,
                 "complexType": {
                     "original": "SuiSaveState",
-                    "resolved": "\"dirty\" | \"error\" | \"saved\" | \"saving\"",
+                    "resolved": "\"dirty\" | \"error\" | \"idle\" | \"saved\" | \"saving\"",
                     "references": {
                         "SuiSaveState": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-save-status/sui-save-status.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-save-status/sui-save-status.tsx",
                             "id": "src/components/sui-save-status/sui-save-status.tsx::SuiSaveState"
                         }
                     }
@@ -69,13 +75,13 @@ export class SuiSaveStatus {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Which line to show."
+                    "text": "Which line to show. `idle`, the default, has nothing to report: a record opened and not yet\nedited. It draws nothing and stays in the page as the live region, so the first change is\nannounced; a live region added to the page together with its text is often not read. Keep the\nelement in place and change `state`, rather than adding it when there is something to say."
                 },
                 "getter": false,
                 "setter": false,
                 "reflect": true,
                 "attribute": "state",
-                "defaultValue": "'saved'"
+                "defaultValue": "'idle'"
             },
             "time": {
                 "type": "string",
@@ -89,7 +95,7 @@ export class SuiSaveStatus {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "When the record was saved, in the page's language, e.g. \"2 min ago\". The saved line reads\n\"Saved 2 min ago\"; without it, \"Saved just now\"."
+                    "text": "When the record was saved, in the page's language, e.g. \"2 min ago\". The saved line reads\n\"Saved 2 min ago\"; without it, \"Saved just now\". Read on the saved line only."
                 },
                 "getter": false,
                 "setter": false,