@shineuix/core 1.0.0 → 1.0.1

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

@@ -38,12 +38,12 @@ function persistableSheet(css) {
  */
 export class SuiThemePicker {
     host;
-    /** Named palette or `custom`. Unrecognised values become `shineui`. */
+    /** Named palette or `custom`. Unrecognized values become `shineui`. */
     preset = 'shineui';
     /** `light`, `dark`, or `system`, which follows the operating system's `prefers-color-scheme` for
      *  as long as the element is connected and writes whichever it resolves to. It is the starting
      *  state: the switch in the kit shows what is painted and, pressed, picks light or dark outright,
-     *  so `mode="system"` follows the OS until the reader chooses. Unrecognised values become
+     *  so `mode="system"` follows the OS until the reader chooses. Unrecognized values become
      *  `light`. Light removes `data-sui-theme`. */
     mode = 'light';
     /** `brand` (default) keeps the status badges on the brand and accent hues; `semantic` makes them
@@ -51,7 +51,7 @@ export class SuiThemePicker {
     status = 'brand';
     /** Code panes and consoles: `dark` (default) or `light`, written as `data-sui-code`. Independent
      *  of `mode`, because the light set is computed from the theme rather than from the site's light
-     *  or dark, so a dark site with a light code pane is a supported pair. Unrecognised values become
+     *  or dark, so a dark site with a light code pane is a supported pair. Unrecognized values become
      *  `dark`. */
     code = 'dark';
     /** Primary hex. Used when the choice leaves a shipped pair. */
@@ -62,7 +62,7 @@ export class SuiThemePicker {
     accentColor;
     /** Suggested chips, match primary, or a custom accent well. UI labels: Suggested | Primary | Custom. */
     accentMode = 'custom';
-    /** Neutral family. Unrecognised values become `tint`. */
+    /** Neutral family. Unrecognized values become `tint`. */
     neutral = 'tint';
     /** `compact` is an outline trigger (two live dots, the preset name with `label`, a chevron) that
      *  opens a non-modal dialog, as a popover does; `panel` lays the same kit out in flow. The kit is a Preset menu, Swap,
@@ -107,7 +107,7 @@ export class SuiThemePicker {
     titleId = uid('sui-theme-picker-title');
     dialogId = uid('sui-theme-picker-dialog');
     /** Surfaces in the top layer right now, each with the function that takes it down: the compact
-     *  dialog's layer while it is open, and a list or the colour editor while it is open. */
+     *  dialog's layer while it is open, and a list or the color editor while it is open. */
     raised = [];
     trigger;
     bodyEl;
@@ -283,7 +283,7 @@ export class SuiThemePicker {
         if (this.exit.begin(this.bodyEl))
             this.closing = true;
     }
-    /** A closing colour editor that held focus hands it back to its well. */
+    /** A closing color editor that held focus hands it back to its well. */
     onEditorChange(now, was) {
         if (now || !was || typeof document === 'undefined')
             return;
@@ -922,7 +922,7 @@ export class SuiThemePicker {
         }
         native?.click();
     }
-    /** Keys inside the colour editor, which renders right after its well, so Tab from the well goes
+    /** Keys inside the color editor, which renders right after its well, so Tab from the well goes
      *  into it: Tab past either end closes it and hands focus to its well, so the same Tab carries on
      *  from the well (see `tabOutOfOverlay`); Escape closes it. */
     onEditorKey = (e) => {
@@ -944,7 +944,7 @@ export class SuiThemePicker {
         if (this.disabled)
             return;
         if (e.key === 'Tab' && this.open && this.bodyEl && this.resolvedAppearance() === 'compact') {
-            // A list or the colour editor handles Tab at its own edges first; only a Tab that starts on
+            // A list or the color editor handles Tab at its own edges first; only a Tab that starts on
             // the dialog's own controls can leave the dialog.
             const from = (typeof e.composedPath === 'function' ? e.composedPath()[0] : e.target);
             const nested = [this.flyEl, this.editorEl].some((el) => !!el && !!from && el.contains(from));
@@ -1102,8 +1102,8 @@ export class SuiThemePicker {
     render() {
         const compact = this.resolvedAppearance() === 'compact';
         const c = this.normalizeCurrent();
-        const labelled = !!this.showPresetName;
-        return (h(Host, { key: '373411d6f4702b058a1c8440f34f401d4402d9b4', class: { compact, panel: !compact, disabled: this.disabled }, onKeyDown: this.onKeyDown }, compact ? (h("sui-button", { ref: (el) => (this.trigger = el), class: "trig-host", variant: "outline", size: "md", disabled: this.disabled, "aria-label": this.triggerName(), onClick: this.toggle }, h("span", { class: "face" }, this.dots(c.preset, true), labelled ? h("span", { class: "grow" }, this.namedOf(c.preset)) : null, h(Glyph, { glyph: chevronDown, class: "chev" })))) : null, (!compact || this.open || this.closing) ? (h("div", { ref: (el) => (this.layerEl = el), class: { layer: true, pop: compact } }, h("div", { ref: (el) => (this.bodyEl = el), id: compact ? this.dialogId : undefined, class: { body: true, pop: compact, flow: !compact, closing: this.closing }, inert: this.closing, role: compact ? 'dialog' : undefined, tabIndex: compact ? -1 : undefined, "aria-labelledby": compact ? this.titleId : undefined }, compact ? h("h2", { class: "sr-only", id: this.titleId }, this.triggerName()) : null, this.renderControls()))) : null));
+        const labeled = !!this.showPresetName;
+        return (h(Host, { key: '38dc813ca97274ababa46e58322819ce86d9b742', class: { compact, panel: !compact, disabled: this.disabled }, onKeyDown: this.onKeyDown }, compact ? (h("sui-button", { ref: (el) => (this.trigger = el), class: "trig-host", variant: "outline", size: "md", disabled: this.disabled, "aria-label": this.triggerName(), onClick: this.toggle }, h("span", { class: "face" }, this.dots(c.preset, true), labeled ? h("span", { class: "grow" }, this.namedOf(c.preset)) : null, h(Glyph, { glyph: chevronDown, class: "chev" })))) : null, (!compact || this.open || this.closing) ? (h("div", { ref: (el) => (this.layerEl = el), class: { layer: true, pop: compact } }, h("div", { ref: (el) => (this.bodyEl = el), id: compact ? this.dialogId : undefined, class: { body: true, pop: compact, flow: !compact, closing: this.closing }, inert: this.closing, role: compact ? 'dialog' : undefined, tabIndex: compact ? -1 : undefined, "aria-labelledby": compact ? this.titleId : undefined }, compact ? h("h2", { class: "sr-only", id: this.titleId }, this.triggerName()) : null, this.renderControls()))) : null));
     }
     static get is() { return "sui-theme-picker"; }
     static get encapsulation() { return "scoped"; }
@@ -1128,7 +1128,7 @@ export class SuiThemePicker {
                     "references": {
                         "SuiThemePreset": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-theme-picker/sui-theme-picker.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-theme-picker/sui-theme-picker.tsx",
                             "id": "src/components/sui-theme-picker/sui-theme-picker.tsx::SuiThemePreset"
                         }
                     }
@@ -1137,7 +1137,7 @@ export class SuiThemePicker {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Named palette or `custom`. Unrecognised values become `shineui`."
+                    "text": "Named palette or `custom`. Unrecognized values become `shineui`."
                 },
                 "getter": false,
                 "setter": false,
@@ -1154,7 +1154,7 @@ export class SuiThemePicker {
                     "references": {
                         "SuiThemeMode": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-theme-picker/sui-theme-picker.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-theme-picker/sui-theme-picker.tsx",
                             "id": "src/components/sui-theme-picker/sui-theme-picker.tsx::SuiThemeMode"
                         }
                     }
@@ -1163,7 +1163,7 @@ export class SuiThemePicker {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "`light`, `dark`, or `system`, which follows the operating system's `prefers-color-scheme` for\nas long as the element is connected and writes whichever it resolves to. It is the starting\nstate: the switch in the kit shows what is painted and, pressed, picks light or dark outright,\nso `mode=\"system\"` follows the OS until the reader chooses. Unrecognised values become\n`light`. Light removes `data-sui-theme`."
+                    "text": "`light`, `dark`, or `system`, which follows the operating system's `prefers-color-scheme` for\nas long as the element is connected and writes whichever it resolves to. It is the starting\nstate: the switch in the kit shows what is painted and, pressed, picks light or dark outright,\nso `mode=\"system\"` follows the OS until the reader chooses. Unrecognized values become\n`light`. Light removes `data-sui-theme`."
                 },
                 "getter": false,
                 "setter": false,
@@ -1180,7 +1180,7 @@ export class SuiThemePicker {
                     "references": {
                         "SuiThemeStatus": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-theme-picker/sui-theme-picker.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-theme-picker/sui-theme-picker.tsx",
                             "id": "src/components/sui-theme-picker/sui-theme-picker.tsx::SuiThemeStatus"
                         }
                     }
@@ -1206,7 +1206,7 @@ export class SuiThemePicker {
                     "references": {
                         "SuiThemeCode": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-theme-picker/sui-theme-picker.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-theme-picker/sui-theme-picker.tsx",
                             "id": "src/components/sui-theme-picker/sui-theme-picker.tsx::SuiThemeCode"
                         }
                     }
@@ -1215,7 +1215,7 @@ export class SuiThemePicker {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Code panes and consoles: `dark` (default) or `light`, written as `data-sui-code`. Independent\nof `mode`, because the light set is computed from the theme rather than from the site's light\nor dark, so a dark site with a light code pane is a supported pair. Unrecognised values become\n`dark`."
+                    "text": "Code panes and consoles: `dark` (default) or `light`, written as `data-sui-code`. Independent\nof `mode`, because the light set is computed from the theme rather than from the site's light\nor dark, so a dark site with a light code pane is a supported pair. Unrecognized values become\n`dark`."
                 },
                 "getter": false,
                 "setter": false,
@@ -1270,7 +1270,7 @@ export class SuiThemePicker {
                     "references": {
                         "SuiThemeAccentMode": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-theme-picker/sui-theme-picker.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-theme-picker/sui-theme-picker.tsx",
                             "id": "src/components/sui-theme-picker/sui-theme-picker.tsx::SuiThemeAccentMode"
                         }
                     }
@@ -1296,7 +1296,7 @@ export class SuiThemePicker {
                     "references": {
                         "SuiThemeNeutral": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-theme-picker/sui-theme-picker.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-theme-picker/sui-theme-picker.tsx",
                             "id": "src/components/sui-theme-picker/sui-theme-picker.tsx::SuiThemeNeutral"
                         }
                     }
@@ -1305,7 +1305,7 @@ export class SuiThemePicker {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Neutral family. Unrecognised values become `tint`."
+                    "text": "Neutral family. Unrecognized values become `tint`."
                 },
                 "getter": false,
                 "setter": false,
@@ -1449,7 +1449,7 @@ export class SuiThemePicker {
                     "references": {
                         "SuiThemeChoice": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-theme-picker/sui-theme-picker.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-theme-picker/sui-theme-picker.tsx",
                             "id": "src/components/sui-theme-picker/sui-theme-picker.tsx::SuiThemeChoice"
                         }
                     }
@@ -1477,7 +1477,7 @@ export class SuiThemePicker {
                         },
                         "SuiThemeChoice": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-theme-picker/sui-theme-picker.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-theme-picker/sui-theme-picker.tsx",
                             "id": "src/components/sui-theme-picker/sui-theme-picker.tsx::SuiThemeChoice"
                         }
                     },

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

@@ -287,7 +287,7 @@ export class SuiTieredMenu {
     render() {
         this.menus = [];
         this.flyouts = [];
-        return (h(Host, { key: 'f33343222bf881c86335ae5c8023e2138c57e2ad' }, h("div", { key: '6079be116d138808fc20c8781d4037a35d3247ed', class: { root: true, card: this.variant === 'card' } }, h(NestedMenu, { key: 'fe89293f863a5b6f0f6ee2aceb99e2d6b34c9026', items: this.items || [], path: this.openPath, active: this.active, width: this.width, fill: this.variant !== 'card', idBase: this.fieldId, menuRef: (d, el) => {
+        return (h(Host, { key: '2e3528d3d2e424322a60e8cac19b7217138f44a1' }, h("div", { key: '37e72a3c59f5f141c89e5d5207f7a813d9b4b64b', class: { root: true, card: this.variant === 'card' } }, h(NestedMenu, { key: '4a96397094cc36dc85725f72f1f7b35d9e590b0d', items: this.items || [], path: this.openPath, active: this.active, width: this.width, fill: this.variant !== 'card', idBase: this.fieldId, menuRef: (d, el) => {
                 if (el)
                     this.menus[d] = el;
             }, flyRef: (d, el) => {

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

@@ -620,7 +620,7 @@ export class SuiTimePicker {
                     "references": {
                         "SuiTimeFormat": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-time-picker/sui-time-picker.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-time-picker/sui-time-picker.tsx",
                             "id": "src/components/sui-time-picker/sui-time-picker.tsx::SuiTimeFormat"
                         }
                     }

package/dist/collection/components/sui-timeline/sui-timeline.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; }
 
 .list { list-style: none; margin: 0; padding: 0; display: flex; }
 .list.vertical { flex-direction: column; }
@@ -10,7 +12,7 @@
   display: flex; align-items: center; justify-content: center;
 }
 /* A font icon sits on its em box (line-height 1, no inline baseline) and a drawn glyph on its own
-   box, so the flex centre is the glyph's centre whatever the icon. A drawn glyph is 12px: the dot's
+   box, so the flex center is the glyph's center whatever the icon. A drawn glyph is 12px: the dot's
    inside is 24px, and an odd size there lands on a half pixel (measured 0.5px right and low). */
 .dot i, .dot .sui-glyph { font-size: 11px; line-height: 1; display: block; }
 .dot .sui-glyph { font-size: 12px; }

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

@@ -117,7 +117,7 @@ export class SuiTimeline {
                     "references": {
                         "SuiTimelineItem": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-timeline/sui-timeline.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-timeline/sui-timeline.tsx",
                             "id": "src/components/sui-timeline/sui-timeline.tsx::SuiTimelineItem"
                         }
                     }
@@ -161,7 +161,7 @@ export class SuiTimeline {
                     "references": {
                         "SuiTimelineAlign": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-timeline/sui-timeline.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-timeline/sui-timeline.tsx",
                             "id": "src/components/sui-timeline/sui-timeline.tsx::SuiTimelineAlign"
                         }
                     }
@@ -187,7 +187,7 @@ export class SuiTimeline {
                     "references": {
                         "SuiTimelineVariant": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-timeline/sui-timeline.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-timeline/sui-timeline.tsx",
                             "id": "src/components/sui-timeline/sui-timeline.tsx::SuiTimelineVariant"
                         }
                     }

package/dist/collection/components/sui-toast-host/sui-toast-host.js

@@ -24,7 +24,7 @@ export class SuiToastHost {
      *  viewport. A top stack grows downward and a bottom stack grows upward, so the newest toast is
      *  always the one nearest the middle of the screen; `center` grows both ways and stays centered.
      *  The corner names are sides of the screen in either reading direction; inside a toast the
-     *  severity edge and the icon lead and the X trails. An unrecognised value falls back to `top-right`.
+     *  severity edge and the icon lead and the X trails. An unrecognized value falls back to `top-right`.
      *  While toasts show, the stack paints in the browser's top layer, above dialogs and every other
      *  surface but tooltips, so it answers to the viewport even inside a transformed or clipping box.
      *  The live regions that announce the toasts stay where the element is, and stay live while a
@@ -324,8 +324,8 @@ export class SuiToastHost {
     }
     render() {
         const position = POSITIONS.includes(this.position) ? this.position : 'top-right';
-        const line = (s) => (h("div", { key: s.id }, h("div", { key: 'ebd4b5c3aa90dba2c0dc7dda770cfbad8b5f540e' }, s.title), s.detail ? h("div", null, s.detail) : null));
-        return (h(Host, { key: 'd3141e0dfa14c835a5c09419cc5a3601f33d1e17' }, h("div", { key: '8a61d43a3f381ef034e1da34c26448377d99516a', class: "announce polite", role: "status", "aria-live": "polite", "aria-atomic": "false" }, this.spoken.filter((s) => !s.critical).map(line)), h("div", { key: 'cc2be11e48fd723ebbf52db98d72b72e8ea7ea30', class: "announce assertive", role: "alert", "aria-live": "assertive", "aria-atomic": "false" }, this.spoken.filter((s) => s.critical).map(line)), h("div", { key: '3e01c5238a2b12592faaf5b098b3f095439693d9', ref: (el) => (this.stack = el), class: `stack ${position}`, onFocusin: this.onStackFocusIn }, this.items.map((t) => {
+        const line = (s) => (h("div", { key: s.id }, h("div", { key: '8debd72bd4650f3bf27e220dd5da7f3800b81d68' }, s.title), s.detail ? h("div", null, s.detail) : null));
+        return (h(Host, { key: 'fe55edb367d5c75d056fbc397d52a31b67f59e34' }, h("div", { key: '65458211004f370dc879eead021c1109ffd5ef2c', class: "announce polite", role: "status", "aria-live": "polite", "aria-atomic": "false" }, this.spoken.filter((s) => !s.critical).map(line)), h("div", { key: '4908327fb8d5b0319435d390ff8204f1a4884628', class: "announce assertive", role: "alert", "aria-live": "assertive", "aria-atomic": "false" }, this.spoken.filter((s) => s.critical).map(line)), h("div", { key: 'b41b0d5cb29284457cbe745a7401de1a15c822e4', ref: (el) => (this.stack = el), class: `stack ${position}`, onFocusin: this.onStackFocusIn }, this.items.map((t) => {
             const sev = resolveSeverity(t.severity, 'info');
             const closing = this.leaving.includes(t.id);
             return (h("div", { key: t.id, ref: (el) => {
@@ -357,7 +357,7 @@ export class SuiToastHost {
                     "references": {
                         "SuiToastPosition": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-toast-host/sui-toast-host.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-toast-host/sui-toast-host.tsx",
                             "id": "src/components/sui-toast-host/sui-toast-host.tsx::SuiToastPosition"
                         }
                     }
@@ -366,7 +366,7 @@ export class SuiToastHost {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Where the stack sits: a corner, the middle of the top or bottom edge, or the center of the\nviewport. A top stack grows downward and a bottom stack grows upward, so the newest toast is\nalways the one nearest the middle of the screen; `center` grows both ways and stays centered.\nThe corner names are sides of the screen in either reading direction; inside a toast the\nseverity edge and the icon lead and the X trails. An unrecognised value falls back to `top-right`.\nWhile toasts show, the stack paints in the browser's top layer, above dialogs and every other\nsurface but tooltips, so it answers to the viewport even inside a transformed or clipping box.\nThe live regions that announce the toasts stay where the element is, and stay live while a\nmodal is open; Tab reaches the stack from the modal's last control and goes back."
+                    "text": "Where the stack sits: a corner, the middle of the top or bottom edge, or the center of the\nviewport. A top stack grows downward and a bottom stack grows upward, so the newest toast is\nalways the one nearest the middle of the screen; `center` grows both ways and stays centered.\nThe corner names are sides of the screen in either reading direction; inside a toast the\nseverity edge and the icon lead and the X trails. An unrecognized value falls back to `top-right`.\nWhile toasts show, the stack paints in the browser's top layer, above dialogs and every other\nsurface but tooltips, so it answers to the viewport even inside a transformed or clipping box.\nThe live regions that announce the toasts stay where the element is, and stay live while a\nmodal is open; Tab reaches the stack from the modal's last control and goes back."
                 },
                 "getter": false,
                 "setter": false,
@@ -439,7 +439,7 @@ export class SuiToastHost {
                     "references": {
                         "SuiToastItem": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-toast-host/sui-toast-host.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-toast-host/sui-toast-host.tsx",
                             "id": "src/components/sui-toast-host/sui-toast-host.tsx::SuiToastItem"
                         }
                     }
@@ -460,7 +460,7 @@ export class SuiToastHost {
                     "references": {
                         "SuiToastItem": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-toast-host/sui-toast-host.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-toast-host/sui-toast-host.tsx",
                             "id": "src/components/sui-toast-host/sui-toast-host.tsx::SuiToastItem"
                         }
                     }
@@ -490,7 +490,7 @@ export class SuiToastHost {
                         },
                         "SuiToastItem": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-toast-host/sui-toast-host.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-toast-host/sui-toast-host.tsx",
                             "id": "src/components/sui-toast-host/sui-toast-host.tsx::SuiToastItem"
                         }
                     },

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

@@ -105,7 +105,7 @@ export class SuiToggleButton {
         const icon = on ? this.iconOn : this.iconOff;
         const invalid = this.invalid || !!this.error;
         const size = SIZES.includes(this.size) ? this.size : 'md';
-        return (h(FieldShell, { key: '155361652d30c5eed271c7321ba773daf99bf9e9', help: this.help, error: this.error, descId: this.fieldId }, h("button", { key: 'a5b2d09a7657aa801425c8ffe5a938756b709d5e', ref: (el) => (this.btn = el), type: "button", class: { 'sui-toggle-btn': true, [size]: true, on, invalid, readonly: this.readOnly }, "aria-pressed": on ? 'true' : 'false', "aria-readonly": this.readOnly ? 'true' : null, "aria-invalid": invalid ? 'true' : null, "aria-describedby": describedBy(this.fieldId, this.help, this.error), disabled: this.isDisabled, onClick: this.onClick }, icon ? h("i", { class: `${icon} icon`, "aria-hidden": "true" }) : null, h("span", { key: '8d0d24863b88e1b58c950888516ca278cbb86e9d', class: "lbl" }, on ? this.onLabel() : localeText(undefined, 'toggle-button.labelOff', this.labelOff, 'Off')))));
+        return (h(FieldShell, { key: 'dc39e25791dccc9b7ae8a95c6acd092c4f4397e4', help: this.help, error: this.error, descId: this.fieldId }, h("button", { key: 'c4aed3b907c71e0d30d61284f9369eda830424ed', ref: (el) => (this.btn = el), type: "button", class: { 'sui-toggle-btn': true, [size]: true, on, invalid, readonly: this.readOnly }, "aria-pressed": on ? 'true' : 'false', "aria-readonly": this.readOnly ? 'true' : null, "aria-invalid": invalid ? 'true' : null, "aria-describedby": describedBy(this.fieldId, this.help, this.error), disabled: this.isDisabled, onClick: this.onClick }, icon ? h("i", { class: `${icon} icon`, "aria-hidden": "true" }) : null, h("span", { key: 'a8607cfef732fab72a5bb2d6e921fb0764eeba68', class: "lbl" }, on ? this.onLabel() : localeText(undefined, 'toggle-button.labelOff', this.labelOff, 'Off')))));
     }
     static get is() { return "sui-toggle-button"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/sui-toggle-switch/sui-toggle-switch.js

@@ -136,7 +136,7 @@ export class SuiToggleSwitch {
         const described = [this.description ? `${this.fieldId}-desc` : null, describedBy(this.fieldId, this.help, this.error)].filter(Boolean).join(' ') || null;
         const glyph = knobGlyph(on ? this.iconOn : this.iconOff);
         const invalid = this.invalid || !!this.error;
-        return (h(FieldShell, { key: 'f30eec970970e0647fa2d1bfbb2212b531c62304', help: this.help, error: this.error, descId: this.fieldId }, h("label", { key: '090041f4a2989ed3c3661257de78e4bc8cf01e00', class: {
+        return (h(FieldShell, { key: 'f98662e910f898ab3b0b313891e523ddc5923522', help: this.help, error: this.error, descId: this.fieldId }, h("label", { key: '2c97f07243a496dc38d63c7777b99789c5be3318', class: {
                 'sui-switch': true,
                 [this.size]: true,
                 on,
@@ -146,7 +146,7 @@ export class SuiToggleSwitch {
                 'has-desc': !!this.description,
                 'label-start': this.labelPos === 'start',
                 'has-knob-icon': !!glyph,
-            } }, h("span", { key: 'a08d9ed27d364c7b96ff40eb05609d6150075e51', class: "ctl" }, h("input", { key: '72b5bb424f19bc76ae76b7c50a73376d0d98d043', ref: (el) => (this.input = el), id: this.fieldId, type: "checkbox", role: "switch", checked: on, disabled: this.isDisabled, required: this.required, "aria-checked": on ? 'true' : 'false', "aria-label": this.label ? null : this.hostLabel, "aria-invalid": invalid ? 'true' : null, "aria-readonly": this.readOnly ? 'true' : null, "aria-describedby": described, onClick: this.onClick, onChange: this.onChange }), h("span", { key: 'bcb9772b44b3a214eb84074af20e9c21366a1324', class: "track", "aria-hidden": "true" }, h("span", { key: 'e649105ce7a20007553efdcc695527b693748c65', class: "knob" }, glyph ? h("i", { class: glyph }) : null))), this.label || this.description ? (h("span", { class: "text" }, this.label ? (h("span", { class: "lbl" }, this.label, this.required ? h("span", { class: "sui-field-req", "aria-hidden": "true" }, "*") : null)) : null, this.description ? h("span", { class: "desc", id: `${this.fieldId}-desc` }, this.description) : null)) : null)));
+            } }, h("span", { key: 'c989fc44215ef128b38b0277b0d60d330602a9d2', class: "ctl" }, h("input", { key: '26b6025c13ba9e694e3a384ba4b7a4ecbfa4ddb1', ref: (el) => (this.input = el), id: this.fieldId, type: "checkbox", role: "switch", checked: on, disabled: this.isDisabled, required: this.required, "aria-checked": on ? 'true' : 'false', "aria-label": this.label ? null : this.hostLabel, "aria-invalid": invalid ? 'true' : null, "aria-readonly": this.readOnly ? 'true' : null, "aria-describedby": described, onClick: this.onClick, onChange: this.onChange }), h("span", { key: '0aa50a9f80eed31acd85ab4e8f8de1f58fdf57bb', class: "track", "aria-hidden": "true" }, h("span", { key: 'bccece745a8a4dce7035b5de08816e049964c25f', class: "knob" }, glyph ? h("i", { class: glyph }) : null))), this.label || this.description ? (h("span", { class: "text" }, this.label ? (h("span", { class: "lbl" }, this.label, this.required ? h("span", { class: "sui-field-req", "aria-hidden": "true" }, "*") : null)) : null, this.description ? h("span", { class: "desc", id: `${this.fieldId}-desc` }, this.description) : null)) : null)));
     }
     static get is() { return "sui-toggle-switch"; }
     static get encapsulation() { return "scoped"; }

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

@@ -8,7 +8,7 @@
 :host(.surface) { background: var(--surface); }
 :host(.canvas) { background: var(--canvas); }
 :host(.sunken) { background: var(--surface-sunken); }
-/* 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(.brand) { background: var(--surface-navy); color: var(--ink-inverse); border-color: var(--border-inverse); --focus-ring: var(--ink-inverse); --focus-shadow: none; }
 :host(.sticky) { position: sticky; top: 0; z-index: var(--z-sticky); }
 :host(.elevated) { box-shadow: var(--shadow-raised); }

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

@@ -88,7 +88,7 @@ export class SuiToolbar {
         const variant = VARIANTS.includes(this.variant) ? this.variant : 'plain';
         const tone = this.tone && TONES.includes(this.tone) ? this.tone : undefined;
         const brand = tone === 'brand';
-        return (h(Host, { key: '7706b83c5b35d2c8653a820441f08edba7599b17', role: this.landmark === 'banner' || this.landmark === 'region' ? this.landmark : 'toolbar', class: {
+        return (h(Host, { key: '2b80bae87a5d3ced2775416cc635354abd99b3ad', role: this.landmark === 'banner' || this.landmark === 'region' ? this.landmark : 'toolbar', class: {
                 card: variant === 'card',
                 flush: variant === 'flush',
                 surface: tone === 'surface',
@@ -99,7 +99,7 @@ export class SuiToolbar {
                 padded: variant !== 'plain' || !!tone,
                 sticky: this.sticky,
                 elevated: this.elevated,
-            } }, h("div", { key: 'dabcfa8e9c7e9922b285cd8dd390b84469399269', class: "group start" }, h("slot", { key: 'c63539c53785636e378c560a13a85e25d3495a56', name: "start" })), h("div", { key: '56f73e1ac524f6ceee8acc5051b5f8256f3bbd64', class: "group center" }, h("slot", { key: '2250492cd91dfd07af0eaf074e5d2116e61fe40d', name: "center" })), h("div", { key: '9a66ab6d730136429504897017d6800082ad5fcb', class: "group end" }, h("slot", { key: '5941764e4556e760bcebdbd2717244d85c4813c3', name: "end" }))));
+            } }, h("div", { key: '44b050c9ffb512bd2439d6fed6708b57469fd9e5', class: "group start" }, h("slot", { key: '6ddf2f3b9de4adffe21cd342274657ee9414db8f', name: "start" })), h("div", { key: '3a2b6e1acb2307c22e2b65902dc7f304d1afbfa1', class: "group center" }, h("slot", { key: '40f9547184977e868aa9584e741668186165df15', name: "center" })), h("div", { key: '9faab94997bc17ad9dd94ebeead247cc4810405a', class: "group end" }, h("slot", { key: '29a4d9bcb73988aed671f2247ae660ae4f7ceefa', name: "end" }))));
     }
     static get is() { return "sui-toolbar"; }
     static get encapsulation() { return "scoped"; }
@@ -124,7 +124,7 @@ export class SuiToolbar {
                     "references": {
                         "SuiToolbarVariant": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-toolbar/sui-toolbar.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-toolbar/sui-toolbar.tsx",
                             "id": "src/components/sui-toolbar/sui-toolbar.tsx::SuiToolbarVariant"
                         }
                     }
@@ -150,7 +150,7 @@ export class SuiToolbar {
                     "references": {
                         "SuiToolbarTone": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-toolbar/sui-toolbar.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-toolbar/sui-toolbar.tsx",
                             "id": "src/components/sui-toolbar/sui-toolbar.tsx::SuiToolbarTone"
                         }
                     }

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

@@ -303,7 +303,7 @@ export class SuiTooltip {
     };
     render() {
         const visible = this.visible;
-        return (h(Host, { key: 'c2b806fa8cb59b97cdd534e5e6c929c24a344f1e', onMouseEnter: this.enter, onMouseLeave: this.leave, onFocusin: this.focusIn, onFocusout: this.focusOut }, h("slot", { key: '54a259d6aa71871c48b723ebf93c89d0dfc87cf7' }), h("span", { key: '3cf9600e29d6aba103a92194273a0dbcbe5bb40f', ref: (el) => (this.tip = el), id: this.fieldId, role: "tooltip", class: { tip: true, [this.capsuleTone]: true, show: visible || this.closing, closing: this.closing }, "aria-hidden": visible ? null : 'true' }, this.content, h("slot", { key: '2ab16a55c9bb969a66145c5ae5f5d910d05fa75e', name: "content" }))));
+        return (h(Host, { key: '566c9b3cce3ff2cae343afb51ef70eb471d2d828', onMouseEnter: this.enter, onMouseLeave: this.leave, onFocusin: this.focusIn, onFocusout: this.focusOut }, h("slot", { key: 'c91b9ad296ecce16529cda5982f2131820d00246' }), h("span", { key: 'e6c36ce6cc53fca76eb04c8ce1dad194386901e0', ref: (el) => (this.tip = el), id: this.fieldId, role: "tooltip", class: { tip: true, [this.capsuleTone]: true, show: visible || this.closing, closing: this.closing }, "aria-hidden": visible ? null : 'true' }, this.content, h("slot", { key: '29de9b98a960e9269705616c807dedfbe4f499f5', name: "content" }))));
     }
     static get is() { return "sui-tooltip"; }
     static get encapsulation() { return "scoped"; }

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

@@ -402,7 +402,7 @@ export class SuiTour {
                     "references": {
                         "SuiTourStep": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-tour/sui-tour.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-tour/sui-tour.tsx",
                             "id": "src/components/sui-tour/sui-tour.tsx::SuiTourStep"
                         }
                     }
@@ -446,7 +446,7 @@ export class SuiTour {
                     "references": {
                         "SuiTourTarget": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-tour/sui-tour.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-tour/sui-tour.tsx",
                             "id": "src/components/sui-tour/sui-tour.tsx::SuiTourTarget"
                         }
                     }

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

@@ -181,7 +181,7 @@ export class SuiTree {
         return out;
     }
     /** Every node the filter keeps, open or shut. The select-all header works on these, so a box a
-        filter has hidden is never ticked behind the user's back. */
+        filter has hidden is never checked behind the user's back. */
     filtered() {
         const out = [];
         const walk = (list) => {
@@ -218,7 +218,7 @@ export class SuiTree {
             return;
         this.suiSelectionChange.emit(this.selection);
     }
-    /** Select-all header: ticks every node the filter shows, or clears them when they are all ticked. */
+    /** Select-all header: checks every node the filter shows, or clears them when they are all checked. */
     toggleAll = () => {
         const all = this.filtered().map((n) => n.key);
         if (!all.length)
@@ -497,13 +497,13 @@ export class SuiTree {
         const list = this.flat();
         const tabKey = this.tabKey(list);
         const all = this.filtered();
-        const ticked = all.filter((n) => (this.selection || []).includes(n.key)).length;
-        const allOn = all.length > 0 && ticked === all.length;
-        const some = ticked > 0 && !allOn;
+        const checked = all.filter((n) => (this.selection || []).includes(n.key)).length;
+        const allOn = all.length > 0 && checked === all.length;
+        const some = checked > 0 && !allOn;
         const loadingText = localeText(undefined, 'tree.loading', this.loadingMessage, 'Loading');
         const searching = !!this.query.trim();
         const noMatches = localeText(undefined, 'tree.emptyFilter', this.emptyFilterMessage, 'No matches.');
-        return (h("div", { key: '8abcfbc1dc76caa96f8a4d66ae00fa5dd7b75739', class: "sui-tree" }, h(PopupStatus, { key: '346cc2347132eb6cc3d53c0f42285bf34ad83271', message: this.loading ? loadingText : searching && list.length === 0 ? noMatches : '' }), this.loading ? h(PopupLoading, { message: loadingText }) : [
+        return (h("div", { key: '2b479f4dd8003158237f3c9db68a63083556aea4', class: "sui-tree" }, h(PopupStatus, { key: 'b96d9880eb84639b7921a2351d65fd4a3eb56147', message: this.loading ? loadingText : searching && list.length === 0 ? noMatches : '' }), this.loading ? h(PopupLoading, { message: loadingText }) : [
             this.filter ? (h("div", { class: "filter" }, h("div", { class: "filter-box sui-frame" }, h(Glyph, { glyph: magnifyingGlass }), h("input", { type: "text", placeholder: localeText(undefined, 'tree.filterPlaceholder', undefined, 'Filter'), "aria-label": localeText(undefined, 'tree.filter', undefined, 'Filter'), value: this.query, onInput: (e) => (this.query = e.target.value) })))) : null,
             this.selectionMode === 'checkbox' ? (h("button", { type: "button", class: "all", role: "checkbox", "aria-checked": allOn ? 'true' : some ? 'mixed' : 'false', disabled: all.length === 0, onClick: this.toggleAll }, h("span", { class: { box: true, on: allOn, mixed: some }, "aria-hidden": "true" }, allOn ? h(Glyph, { glyph: check }) : null, some ? h(Glyph, { glyph: minus }) : null), h("span", { class: "all-label" }, localeText(undefined, 'tree.selectAll', undefined, 'Select all')))) : null,
             h("div", { role: "tree", class: "tree", "aria-label": this.hostLabel, "aria-labelledby": this.hostLabelledby, "aria-multiselectable": this.selectionMode === 'checkbox' ? 'true' : null, onClick: this.onClick, onKeyDown: this.onKeyDown }, list.length === 0 ? null : this.renderNodes(this.nodes || [], 0, tabKey)),
@@ -538,7 +538,7 @@ export class SuiTree {
                     "references": {
                         "SuiTreeNode": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-tree/sui-tree.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-tree/sui-tree.tsx",
                             "id": "src/components/sui-tree/sui-tree.tsx::SuiTreeNode"
                         }
                     }
@@ -587,7 +587,7 @@ export class SuiTree {
                     "references": {
                         "SuiTreeSelectionMode": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-tree/sui-tree.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-tree/sui-tree.tsx",
                             "id": "src/components/sui-tree/sui-tree.tsx::SuiTreeSelectionMode"
                         }
                     }
@@ -821,7 +821,7 @@ export class SuiTree {
                     "references": {
                         "SuiTreeNode": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-tree/sui-tree.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-tree/sui-tree.tsx",
                             "id": "src/components/sui-tree/sui-tree.tsx::SuiTreeNode"
                         }
                     }
@@ -842,7 +842,7 @@ export class SuiTree {
                     "references": {
                         "SuiTreeNode": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-tree/sui-tree.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-tree/sui-tree.tsx",
                             "id": "src/components/sui-tree/sui-tree.tsx::SuiTreeNode"
                         }
                     }

package/dist/collection/components/sui-tree-select/sui-tree-select.js

@@ -88,7 +88,7 @@ export class SuiTreeSelect {
     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.
      */
@@ -674,9 +674,9 @@ export class SuiTreeSelect {
         const triggerClass = inline
             ? { 'sui-inline': true, [size]: true, open: this.open, shell: this.open, invalid, placeholder: !display, readonly: this.readOnly, inverse: this.tone === 'inverse' }
             : { 'sui-popup-trigger': true, 'sui-frame': true, trigger: true, [size]: true, focus: this.focused, open: this.open, invalid, placeholder: !display, readonly: this.readOnly };
-        return (h(FieldShell, { key: '6dbc7900d126a08175a78520e7e930380c5fff4e', label: inline ? undefined : this.label, required: this.required, help: this.help, error: this.error, htmlFor: this.fieldId, descId: this.fieldId }, h("div", { key: '323e1f84f08796f4ad045844db11bad6ed0d18ba', class: { 'sui-tree-select': true, open: this.open, inline }, onKeyDown: this.onKeyDown }, h("button", { key: 'a87db84e97eaa536d5d45092f60b58753a26432e', ref: (el) => (this.trigger = el), id: this.fieldId, type: "button", class: triggerClass, disabled: this.isDisabled, role: "combobox", "aria-label": inline ? this.label || this.hostLabel : this.label ? undefined : this.hostLabel, "aria-haspopup": "tree", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `${this.fieldId}-tree`, "aria-activedescendant": activeId, "aria-invalid": invalid ? 'true' : null, "aria-describedby": describedBy(this.fieldId, this.help, this.error), "aria-required": this.required ? 'true' : null, "aria-readonly": this.readOnly ? 'true' : null, "aria-keyshortcuts": canClear ? 'Delete' : null, "aria-busy": this.loading ? 'true' : null, onClick: () => (this.open ? this.requestClose('trigger') : this.show()), onFocus: () => (this.focused = true), onBlur: () => (this.focused = false) }, h("span", { key: 'c27ba4253aa271fd1ea1ac9b2f3d51097330bf57', class: "val" }, display || localeText(undefined, 'tree-select.placeholder', this.placeholder, 'Select')), canClear ? (h("span", { class: "clear", "aria-hidden": "true", onClick: this.clear }, h(Glyph, { glyph: xmark }))) : null, this.loading
+        return (h(FieldShell, { key: '3cc695f501768dbe3757a290aeb21780bafd1933', label: inline ? undefined : this.label, required: this.required, help: this.help, error: this.error, htmlFor: this.fieldId, descId: this.fieldId }, h("div", { key: 'deec66ce6e76b425f24ca60c95e56e16f2751890', class: { 'sui-tree-select': true, open: this.open, inline }, onKeyDown: this.onKeyDown }, h("button", { key: '50af3a401f53ebefe9528675fdfb45b8671aeef5', ref: (el) => (this.trigger = el), id: this.fieldId, type: "button", class: triggerClass, disabled: this.isDisabled, role: "combobox", "aria-label": inline ? this.label || this.hostLabel : this.label ? undefined : this.hostLabel, "aria-haspopup": "tree", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `${this.fieldId}-tree`, "aria-activedescendant": activeId, "aria-invalid": invalid ? 'true' : null, "aria-describedby": describedBy(this.fieldId, this.help, this.error), "aria-required": this.required ? 'true' : null, "aria-readonly": this.readOnly ? 'true' : null, "aria-keyshortcuts": canClear ? 'Delete' : null, "aria-busy": this.loading ? 'true' : null, onClick: () => (this.open ? this.requestClose('trigger') : this.show()), onFocus: () => (this.focused = true), onBlur: () => (this.focused = false) }, h("span", { key: '2e8c545e94610267072611d286dfd95f11f280ee', class: "val" }, display || localeText(undefined, 'tree-select.placeholder', this.placeholder, 'Select')), canClear ? (h("span", { class: "clear", "aria-hidden": "true", onClick: this.clear }, h(Glyph, { glyph: xmark }))) : null, this.loading
             ? h(Glyph, { glyph: circleNotch, class: "spin sui-popup-spin" })
-            : h(Glyph, { glyph: chevronDown, class: "chev" })), this.open || this.closing ? (h("div", { key: "panel", ref: (el) => (this.panel = el), class: { 'sui-popup-panel': true, panel: true, closing: this.closing }, inert: this.closing, role: "presentation", onScroll: this.onPanelScroll, onKeyDown: this.onPanelKey, ...{ onSuiChange: (e) => e.stopPropagation() } }, this.filter ? (h("div", { class: "sui-popup-search" }, h("div", { class: "sui-popup-search-box sui-frame" }, h(Glyph, { glyph: magnifyingGlass }), h("input", { ref: (el) => (this.filterInput = el), type: "text", placeholder: localeText(undefined, 'tree-select.search', undefined, 'Search'), "aria-label": localeText(undefined, 'tree-select.searchOptions', undefined, 'Search options'), "aria-controls": `${this.fieldId}-tree`, "aria-activedescendant": activeId, value: this.query, onInput: (e) => this.onQuery(e.target.value) })))) : null, this.loading ? h(PopupLoading, { message: loadingText }) : null, empty ? h("div", { key: "empty", class: "sui-popup-empty" }, emptyText) : null, h("div", { key: "tree", id: `${this.fieldId}-tree`, role: "tree", "aria-label": this.label || this.hostLabel, "aria-multiselectable": this.multiple ? 'true' : null, "aria-busy": this.loading ? 'true' : null }, this.loading ? null : this.renderRows(rows, win)))) : null, h(PopupStatus, { key: '9e12e04e58ee21ea38adb7734cd264cbbb4f7a12', message: !this.open ? '' : this.loading ? loadingText : empty ? emptyText : '' }))));
+            : h(Glyph, { glyph: chevronDown, class: "chev" })), this.open || this.closing ? (h("div", { key: "panel", ref: (el) => (this.panel = el), class: { 'sui-popup-panel': true, panel: true, closing: this.closing }, inert: this.closing, role: "presentation", onScroll: this.onPanelScroll, onKeyDown: this.onPanelKey, ...{ onSuiChange: (e) => e.stopPropagation() } }, this.filter ? (h("div", { class: "sui-popup-search" }, h("div", { class: "sui-popup-search-box sui-frame" }, h(Glyph, { glyph: magnifyingGlass }), h("input", { ref: (el) => (this.filterInput = el), type: "text", placeholder: localeText(undefined, 'tree-select.search', undefined, 'Search'), "aria-label": localeText(undefined, 'tree-select.searchOptions', undefined, 'Search options'), "aria-controls": `${this.fieldId}-tree`, "aria-activedescendant": activeId, value: this.query, onInput: (e) => this.onQuery(e.target.value) })))) : null, this.loading ? h(PopupLoading, { message: loadingText }) : null, empty ? h("div", { key: "empty", class: "sui-popup-empty" }, emptyText) : null, h("div", { key: "tree", id: `${this.fieldId}-tree`, role: "tree", "aria-label": this.label || this.hostLabel, "aria-multiselectable": this.multiple ? 'true' : null, "aria-busy": this.loading ? 'true' : null }, this.loading ? null : this.renderRows(rows, win)))) : null, h(PopupStatus, { key: '987c8b92d05fac33db67b7611cedf1a0f3f72121', message: !this.open ? '' : this.loading ? loadingText : empty ? emptyText : '' }))));
     }
     static get is() { return "sui-tree-select"; }
     static get encapsulation() { return "scoped"; }
@@ -759,7 +759,7 @@ export class SuiTreeSelect {
                     "references": {
                         "SuiTreeSelectNode": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-tree-select/sui-tree-select.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-tree-select/sui-tree-select.tsx",
                             "id": "src/components/sui-tree-select/sui-tree-select.tsx::SuiTreeSelectNode"
                         }
                     }
@@ -1008,7 +1008,7 @@ export class SuiTreeSelect {
                 "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,