@shineuix/core 1.0.0 → 1.0.1

package/dist/collection/components/sui-scheduler-builder/sui-scheduler-builder.js

@@ -604,7 +604,7 @@ export class SuiSchedulerBuilder {
                     "references": {
                         "SuiScheduleChangeDetail": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-scheduler-builder/sui-scheduler-builder.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-scheduler-builder/sui-scheduler-builder.tsx",
                             "id": "src/components/sui-scheduler-builder/sui-scheduler-builder.tsx::SuiScheduleChangeDetail"
                         }
                     }

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

@@ -102,7 +102,7 @@ export class SuiScrollPanel {
         this.atBottom = el.scrollTop >= range - EDGE;
     };
     render() {
-        return (h(Host, { key: '3bc8103387774825da35821902c89660eec9c2ce' }, h("div", { key: 'af4deb8848a97cd9a5759dbc08ba06356f30dd4c', class: "viewport", ref: (el) => (this.viewport = el), style: { height: `${this.height}px` }, tabindex: this.overflowing ? '0' : undefined, role: this.hostLabel ? 'region' : undefined, "aria-label": this.hostLabel || undefined, onScroll: this.measure }, h("div", { key: 'd222f3fd435ea470d353423be9b62d75304e22a2', class: "content", ref: (el) => (this.content = el) }, h("slot", { key: '92d71107fd2499c86c62074a19a42549a15823e5' }))), h("div", { key: '5d75598c86729ef4d058c9f60857d5b9ea4c0548', class: { fade: true, top: true, on: !this.atTop }, "aria-hidden": "true" }), h("div", { key: '0a381cfdcb95708abc3fb0fd4944dabcd7790a57', class: { fade: true, bottom: true, on: !this.atBottom }, "aria-hidden": "true" })));
+        return (h(Host, { key: '8988eecd590ae436c6d76013e1072f2b8310cfcd' }, h("div", { key: 'a5f3079b2be410e78aafa26fb9f2ebb413fdc8ce', class: "viewport", ref: (el) => (this.viewport = el), style: { height: `${this.height}px` }, tabindex: this.overflowing ? '0' : undefined, role: this.hostLabel ? 'region' : undefined, "aria-label": this.hostLabel || undefined, onScroll: this.measure }, h("div", { key: '9d20f67cdc37a42a350895908ad3a866b487f857', class: "content", ref: (el) => (this.content = el) }, h("slot", { key: 'ad8de745a31baac43902021700e474b77a278ad1' }))), h("div", { key: '9a312926faf4d7f3fbe298fc7c8a0f4994483a3c', class: { fade: true, top: true, on: !this.atTop }, "aria-hidden": "true" }), h("div", { key: '8a732de0e1e7686438b9e01c2cc7035e8d36a161', class: { fade: true, bottom: true, on: !this.atBottom }, "aria-hidden": "true" })));
     }
     static get is() { return "sui-scroll-panel"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/sui-scroll-top/sui-scroll-top.js

@@ -116,7 +116,7 @@ export class SuiScrollTop {
             el.scrollTop = 0;
     };
     render() {
-        return (h(Host, { key: '1766543a8c8e1ae405007d1d58e6663896dfa831' }, this.visible ? (h("button", { type: "button", class: { 'sui-scroll-top': true, inside: this.inside }, "aria-label": localeText(undefined, 'scroll-top.backToTop', undefined, 'Back to top'), onClick: this.toTop }, h(Glyph, { glyph: arrowUp }))) : null));
+        return (h(Host, { key: '63e7a26a0330440bb7218970290a07a50702ef6c' }, this.visible ? (h("button", { type: "button", class: { 'sui-scroll-top': true, inside: this.inside }, "aria-label": localeText(undefined, 'scroll-top.backToTop', undefined, 'Back to top'), onClick: this.toTop }, h(Glyph, { glyph: arrowUp }))) : null));
     }
     static get is() { return "sui-scroll-top"; }
     static get encapsulation() { return "scoped"; }

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

@@ -96,7 +96,7 @@ export class SuiSelect {
     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.
      */
@@ -520,7 +520,7 @@ export class SuiSelect {
         const triggerClass = inline
             ? { 'sui-inline': true, [size]: true, open: this.open, shell: this.open, invalid, placeholder: !sel, readonly: this.readOnly, inverse: this.tone === 'inverse' }
             : { 'sui-popup-trigger': true, 'sui-frame': true, [size]: true, open: this.open, focus: this.focused, invalid, placeholder: !sel, readonly: this.readOnly };
-        return (h(FieldShell, { key: '3e43436a5f0c6f30c29ffbbe0f4b846897264d15', label: inline ? undefined : this.label, required: this.required, help: this.help, error: this.error, htmlFor: this.fieldId, descId: this.fieldId }, h("div", { key: 'a7609f4a6b07cca3bb666e0bb77cbab6f8cddc63', class: { 'sui-select': true, inline }, onKeyDown: this.onKeyDown }, h("button", { key: 'ad461b35b4a51c6cbcd6d9cf76ca012583728c62', ref: (el) => (this.trigger = el), id: this.fieldId, class: triggerClass, type: "button", disabled: this.isDisabled, role: "combobox", "aria-label": inline ? this.label || this.hostLabel : this.label ? undefined : this.hostLabel, "aria-haspopup": "listbox", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `${this.fieldId}-list`, "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) }, sel ? this.renderIcon(sel) : null, sel && sel.render
+        return (h(FieldShell, { key: 'c7dea087307f1e8d0ec499295752d99dbf0da435', label: inline ? undefined : this.label, required: this.required, help: this.help, error: this.error, htmlFor: this.fieldId, descId: this.fieldId }, h("div", { key: '15feb4f281bc318bea8b94f850bc84c338368fdd', class: { 'sui-select': true, inline }, onKeyDown: this.onKeyDown }, h("button", { key: '37dfed4dace9dcd4b3a9f0f5f3f61849c0ac9567', ref: (el) => (this.trigger = el), id: this.fieldId, class: triggerClass, type: "button", disabled: this.isDisabled, role: "combobox", "aria-label": inline ? this.label || this.hostLabel : this.label ? undefined : this.hostLabel, "aria-haspopup": "listbox", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `${this.fieldId}-list`, "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) }, sel ? this.renderIcon(sel) : null, sel && sel.render
             ? h("span", { key: "val-custom", class: "val custom", ref: (el) => {
                     if (el)
                         mountContent(el, callRender(sel.render, ['value'], sel.label));
@@ -529,7 +529,7 @@ export class SuiSelect {
             ? 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, closing: this.closing }, inert: this.closing, role: "presentation", onScroll: this.onPanelScroll, onKeyDown: this.onPanelKey }, 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, 'select.search', undefined, 'Search'), "aria-label": localeText(undefined, 'select.searchOptions', undefined, 'Search options'), "aria-controls": `${this.fieldId}-list`, "aria-activedescendant": activeId, value: this.query, onInput: (e) => { this.query = e.target.value; this.hoverIdx = 0; this.resetScroll(); } })))) : null, this.loading ? h(PopupLoading, { message: loadingText }) : null, !this.loading && list.length === 0 ? h("div", { key: "empty", class: "sui-popup-empty" }, emptyText) : null, h("div", { key: "list", id: `${this.fieldId}-list`, role: "listbox", "aria-label": this.label || this.hostLabel, "aria-busy": this.loading ? 'true' : null }, this.loading || list.length === 0
             ? null
-            : popupRows(runs, win, (r) => `${this.fieldId}-grp-${r}`, (o, i) => this.renderRow(o, i, list.length))))) : null, h(PopupStatus, { key: '7761ce644cbeedffc56f084e1e7f273a5e984d69', message: !this.open ? '' : this.loading ? loadingText : list.length === 0 ? emptyText : '' }))));
+            : popupRows(runs, win, (r) => `${this.fieldId}-grp-${r}`, (o, i) => this.renderRow(o, i, list.length))))) : null, h(PopupStatus, { key: '2cf3588de6b3d13ae763322a3482406d8d9fd25f', message: !this.open ? '' : this.loading ? loadingText : list.length === 0 ? emptyText : '' }))));
     }
     static get is() { return "sui-select"; }
     static get encapsulation() { return "scoped"; }
@@ -612,7 +612,7 @@ export class SuiSelect {
                     "references": {
                         "SuiSelectEntry": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-select/sui-select.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-select/sui-select.tsx",
                             "id": "src/components/sui-select/sui-select.tsx::SuiSelectEntry"
                         }
                     }
@@ -921,7 +921,7 @@ export class SuiSelect {
                 "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,

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

@@ -224,7 +224,7 @@ export class SuiSelectButton {
         const opts = this.norm();
         const linked = this.linked(opts);
         const labelId = this.label ? `${this.fieldId}-label` : undefined;
-        return (h(FieldShell, { key: 'b8fe3e006c63e7dcac2bd8b66fe3b5e7d1b98170', help: this.help, error: this.error, descId: this.fieldId }, this.label ? (h("div", { class: "sui-field-label", id: labelId }, this.label, this.required ? h("span", { class: "sui-field-req", "aria-hidden": "true" }, "*") : null)) : null, h("div", { key: '933f8c2e5d65e6857757f24209d5eafe5847d5d5', ref: (el) => (this.track = el), class: { track: true, pill: this.pill, [this.size]: true, invalid: this.invalid || !!this.error, disabled: this.isDisabled, readonly: this.readOnly }, role: linked ? 'navigation' : this.multiple ? 'group' : 'radiogroup', "aria-labelledby": labelId, "aria-label": labelId ? null : this.hostLabel, "aria-describedby": describedBy(this.fieldId, this.help, this.error), "aria-invalid": this.invalid || this.error ? 'true' : null, "aria-required": this.required && !this.multiple && !linked ? 'true' : null, "aria-readonly": this.readOnly ? 'true' : null, "aria-disabled": this.isDisabled ? 'true' : null }, opts.map((o) => {
+        return (h(FieldShell, { key: 'a8d1ce9734af2a7b62b42ba7d8453dffacac20b2', help: this.help, error: this.error, descId: this.fieldId }, this.label ? (h("div", { class: "sui-field-label", id: labelId }, this.label, this.required ? h("span", { class: "sui-field-req", "aria-hidden": "true" }, "*") : null)) : null, h("div", { key: '68ef71aaf46fefd472d6fbf3f9c7b6030495dc1a', ref: (el) => (this.track = el), class: { track: true, pill: this.pill, [this.size]: true, invalid: this.invalid || !!this.error, disabled: this.isDisabled, readonly: this.readOnly }, role: linked ? 'navigation' : this.multiple ? 'group' : 'radiogroup', "aria-labelledby": labelId, "aria-label": labelId ? null : this.hostLabel, "aria-describedby": describedBy(this.fieldId, this.help, this.error), "aria-invalid": this.invalid || this.error ? 'true' : null, "aria-required": this.required && !this.multiple && !linked ? 'true' : null, "aria-readonly": this.readOnly ? 'true' : null, "aria-disabled": this.isDisabled ? 'true' : null }, opts.map((o) => {
             const sel = this.isSel(o.value);
             const link = this.isLink(o, linked);
             const Segment = (link ? 'a' : 'button');
@@ -312,7 +312,7 @@ export class SuiSelectButton {
                     "references": {
                         "SuiSelectButtonOptionInput": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-select-button/sui-select-button.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-select-button/sui-select-button.tsx",
                             "id": "src/components/sui-select-button/sui-select-button.tsx::SuiSelectButtonOptionInput"
                         }
                     }

package/dist/collection/components/sui-side-nav/sui-side-nav.css

@@ -18,7 +18,7 @@
   border-radius: var(--radius-lg);
   transition: width var(--duration-base) var(--ease-out);
 }
-/* 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. */
 .rail.brand, .fly.brand { --focus-ring: var(--ink-inverse); --focus-shadow: none; }
 .rail.brand {
   --logo-quiet: color-mix(in srgb, currentColor var(--logo-quiet-inverse, 82%), transparent);
@@ -61,7 +61,9 @@
 .scroll { flex: 1; overflow-x: hidden; overflow-y: auto; padding: 2px 0 10px; }
 .scroll.has-bottom { display: flex; flex-direction: column; }
 .section.push { margin-top: auto; }
-.heading { padding: 13px 16px 5px; white-space: nowrap; overflow: hidden; font-size: 10px; font-weight: 650; letter-spacing: var(--tracking-wider); color: var(--sn-quiet); }
+/* A section heading is an eyebrow, set in capitals as every tracked label in the library is: the
+   wide tracking is drawn for capitals and loosens lower-case letters into a stammer. */
+.heading { padding: 13px 16px 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 10px; font-weight: 650; letter-spacing: var(--tracking-wider); text-transform: uppercase; color: var(--sn-quiet); }
 .rule { height: 1px; background: var(--sn-hair); margin: 8px 12px; }
 .list { list-style: none; margin: 0; padding: 0; }
 

package/dist/collection/components/sui-side-nav/sui-side-nav.js

@@ -240,7 +240,7 @@ export class SuiSideNav {
         return this.active != null && this.kids(it).some((ch) => this.keyOf(ch) === this.active);
     }
     /** Opens the group holding the active item, so a page that routes straight to a child never draws
-     *  a rail with no active row. The load and `sections` passes are initialisation and stay quiet;
+     *  a rail with no active row. The load and `sections` passes are initialization and stay quiet;
      *  a later `active` move reports through `suiExpandedChange`. */
     openActiveGroup(report) {
         const owner = (this.sections || [])
@@ -430,7 +430,7 @@ export class SuiSideNav {
         const label = c
             ? localeText(undefined, 'side-nav.expandNavigation', undefined, 'Expand navigation')
             : localeText(undefined, 'side-nav.collapseNavigation', undefined, 'Collapse navigation');
-        return (h(Host, { key: '8f3f6b52b684bd790935408772ab3fef80c43d46', class: { flush: this.variant === 'flush' }, style: this.height != null ? { height: `${this.height}px` } : undefined }, h("div", { key: 'a813bb1c38e1656f9cde6b60c96c835cae098c15', class: { rail: true, collapsed: c, brand: tone === 'brand', surface: tone === 'surface', canvas: tone === 'canvas', flush: this.variant === 'flush' }, style: size != null ? { width: `${size}px` } : undefined }, showBrand ? (h("div", { class: "brand-row" }, this.hasIcon ? h("span", { class: "mark" }, h("slot", { name: "icon" })) : null, !c && this.hasBrand ? h("span", { class: "word" }, h("slot", { name: "brand" })) : null)) : null, showHeader ? (h("div", { class: "head-slot" }, c ? h("slot", { name: "header-collapsed" }) : h("slot", { name: "header" }))) : null, h("nav", { key: '6fba41edce6b46b00ae12ac18dde5a4f7098c863', class: { scroll: true, 'has-bottom': foot >= 0 }, id: navId, "data-scroll": tone === 'brand' ? 'navy' : null, "aria-label": this.hostLabel || localeText(undefined, 'side-nav.primary', undefined, 'Primary') }, list.map((sec, si) => (h("div", { class: { section: true, push: foot === si } }, si > 0 && (sec.divider || (!!sec.heading && c)) ? h("div", { class: "rule" }) : null, sec.heading && !c ? h("div", { class: "heading" }, sec.heading) : null, h("ul", { class: "list" }, (sec.items || []).map((it, ii) => this.renderItem(it, false, `${this.fieldId}-g${si}-${ii}`))))))), showFooter || control ? (h("div", { class: "foot" }, showFooter ? (h("div", { class: "foot-slot", key: "foot-slot" }, c ? h("slot", { name: "footer-collapsed" }) : h("slot", { name: "footer" }))) : null, control ? (h("button", { type: "button", class: "ctl", key: "collapse", "aria-label": label, "aria-expanded": c ? 'false' : 'true', "aria-controls": navId, onClick: () => this.setCollapsed(!c), onMouseEnter: (e) => this.showTip(e, label), onMouseLeave: this.hideTip, onFocus: (e) => this.showTip(e, label), onBlur: this.hideTip }, h(Glyph, { glyph: c ? anglesRight : anglesLeft }))) : null)) : null), c && this.tip ? (h("span", { class: "tip", role: "presentation", style: { left: `${this.tip.x}px`, top: `${this.tip.y}px` } }, this.tip.label)) : null, this.fly ? (h("div", { class: { fly: true, closing: this.flyClosing, brand: tone === 'brand', surface: tone === 'surface', canvas: tone === 'canvas' }, id: `${this.fieldId}-fly`, ref: (el) => (this.flyPanel = el), onKeyDown: this.onFlyKey }, h("div", { class: "heading" }, this.fly.label), h("ul", { class: "list" }, this.kids(this.fly).map((ch) => this.renderItem(ch, false, undefined, true))))) : null));
+        return (h(Host, { key: '16b2629bb9eb89ddd61ba200d8da1aff615b7c4b', class: { flush: this.variant === 'flush' }, style: this.height != null ? { height: `${this.height}px` } : undefined }, h("div", { key: 'e871e5ad05ab29c50244703bf336140db92014c5', class: { rail: true, collapsed: c, brand: tone === 'brand', surface: tone === 'surface', canvas: tone === 'canvas', flush: this.variant === 'flush' }, style: size != null ? { width: `${size}px` } : undefined }, showBrand ? (h("div", { class: "brand-row" }, this.hasIcon ? h("span", { class: "mark" }, h("slot", { name: "icon" })) : null, !c && this.hasBrand ? h("span", { class: "word" }, h("slot", { name: "brand" })) : null)) : null, showHeader ? (h("div", { class: "head-slot" }, c ? h("slot", { name: "header-collapsed" }) : h("slot", { name: "header" }))) : null, h("nav", { key: 'ccea0536de10f80dc7a76ef1108f86b284a942ac', class: { scroll: true, 'has-bottom': foot >= 0 }, id: navId, "data-scroll": tone === 'brand' ? 'navy' : null, "aria-label": this.hostLabel || localeText(undefined, 'side-nav.primary', undefined, 'Primary') }, list.map((sec, si) => (h("div", { class: { section: true, push: foot === si } }, si > 0 && (sec.divider || (!!sec.heading && c)) ? h("div", { class: "rule" }) : null, sec.heading && !c ? h("div", { class: "heading" }, sec.heading) : null, h("ul", { class: "list" }, (sec.items || []).map((it, ii) => this.renderItem(it, false, `${this.fieldId}-g${si}-${ii}`))))))), showFooter || control ? (h("div", { class: "foot" }, showFooter ? (h("div", { class: "foot-slot", key: "foot-slot" }, c ? h("slot", { name: "footer-collapsed" }) : h("slot", { name: "footer" }))) : null, control ? (h("button", { type: "button", class: "ctl", key: "collapse", "aria-label": label, "aria-expanded": c ? 'false' : 'true', "aria-controls": navId, onClick: () => this.setCollapsed(!c), onMouseEnter: (e) => this.showTip(e, label), onMouseLeave: this.hideTip, onFocus: (e) => this.showTip(e, label), onBlur: this.hideTip }, h(Glyph, { glyph: c ? anglesRight : anglesLeft }))) : null)) : null), c && this.tip ? (h("span", { class: "tip", role: "presentation", style: { left: `${this.tip.x}px`, top: `${this.tip.y}px` } }, this.tip.label)) : null, this.fly ? (h("div", { class: { fly: true, closing: this.flyClosing, brand: tone === 'brand', surface: tone === 'surface', canvas: tone === 'canvas' }, id: `${this.fieldId}-fly`, ref: (el) => (this.flyPanel = el), onKeyDown: this.onFlyKey }, h("div", { class: "heading" }, this.fly.label), h("ul", { class: "list" }, this.kids(this.fly).map((ch) => this.renderItem(ch, false, undefined, true))))) : null));
     }
     static get is() { return "sui-side-nav"; }
     static get encapsulation() { return "scoped"; }
@@ -455,7 +455,7 @@ export class SuiSideNav {
                     "references": {
                         "SuiSideNavSection": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-side-nav/sui-side-nav.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-side-nav/sui-side-nav.tsx",
                             "id": "src/components/sui-side-nav/sui-side-nav.tsx::SuiSideNavSection"
                         }
                     }

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

@@ -33,7 +33,7 @@ export class SuiSkeleton {
         const d = DEFAULTS[this.shape] || DEFAULTS.text;
         const width = len(this.width) || d.width;
         const height = len(this.height) || (this.shape === 'circle' ? len(this.width) : undefined) || d.height;
-        return h(Host, { key: '9eebc3140ff49c1f16bef16710d81ae7e3795c30', "aria-hidden": "true", style: { width, height, borderRadius: d.radius } });
+        return h(Host, { key: '2791580a991b2557f57d19f5e01b2d29b9fab85a', "aria-hidden": "true", style: { width, height, borderRadius: d.radius } });
     }
     static get is() { return "sui-skeleton"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/sui-skeleton-card/sui-skeleton-card.js

@@ -11,7 +11,7 @@ export class SuiSkeletonCard {
      *  of cards; see `sui-skeleton`. */
     animation = 'wave';
     render() {
-        return (h(Host, { key: 'fc0e0e51f435b81b903cf4f2c13fb56e738f075a', "aria-hidden": "true" }, h("div", { key: '693aeabe2c1619e7e34c16d8479e811909539ab4', class: "head" }, h("sui-skeleton", { key: '17a37729368b77cbbc4c699d9e404eb4eea24c57', shape: "circle", animation: this.animation }), h("div", { key: 'bad001d493bf6868330b79877bdc104b9da0c046', class: "titles" }, h("sui-skeleton", { key: 'c7aea9cece4a48f1a941b864622b1fc13b8b8794', shape: "title", width: "55%", animation: this.animation }), h("sui-skeleton", { key: '14a910a25e3cd6fa02c27263af20ac322ea19916', width: "35%", animation: this.animation }))), h("div", { key: '7eef67f9b4aaade85547f30708d48ef35b779747', class: "lines" }, h("sui-skeleton", { key: '0703e289179c1aa69fa2460123eb87a6cf25cb74', animation: this.animation }), h("sui-skeleton", { key: '161fca0562110a8eca8236bf078c81dc530118fe', width: "88%", animation: this.animation }), h("sui-skeleton", { key: 'fae05b61a74733eaaea3878a0e6af3e89e0da6a7', width: "62%", animation: this.animation }))));
+        return (h(Host, { key: '0c8b4d548822a419276bc08781bbf0d5b0c025ed', "aria-hidden": "true" }, h("div", { key: '302b6d8997b04d738d50879eeacfada18c215e6c', class: "head" }, h("sui-skeleton", { key: '51e5817ecb935abe16338d2763839a67485eb5c0', shape: "circle", animation: this.animation }), h("div", { key: 'c22de1c1361dab18b641d94775f45c3652098a73', class: "titles" }, h("sui-skeleton", { key: '7e867fabca19489ff1be797b9eecb6cae3981bf2', shape: "title", width: "55%", animation: this.animation }), h("sui-skeleton", { key: '3b9834becaeed495e1bf602041cdd5db2402766b', width: "35%", animation: this.animation }))), h("div", { key: 'ef3d8248eaa8e51d59e9dc60b1d51678f22d0487', class: "lines" }, h("sui-skeleton", { key: '097dcb1d91db47eb81de8d4c01d4ba04f71ad20a', animation: this.animation }), h("sui-skeleton", { key: '31bf568ca26782af3f7932b69a8f5b6a0cef2092', width: "88%", animation: this.animation }), h("sui-skeleton", { key: '6914722e0e9d31b2d39e735b7e3906ddf47fac00', width: "62%", animation: this.animation }))));
     }
     static get is() { return "sui-skeleton-card"; }
     static get encapsulation() { return "scoped"; }

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

@@ -337,13 +337,13 @@ export class SuiSlider {
         const hi = this.range ? this.pct(rhi) : this.empty ? 0 : this.pct(this.one);
         // Each figure is isolated, so a negative value keeps its sign in front under dir="rtl" and a
         // range still reads low to high in the track's direction.
-        const fig = (v) => h("span", { key: 'f9066101fe8150af393c3a15bbb4ede8863100ff', class: "figure" }, this.fmt(v));
+        const fig = (v) => h("span", { key: 'f2234063bf300aa93bfba689f1dd64dd378f92d4', class: "figure" }, this.fmt(v));
         const readout = this.empty ? null : this.range ? [fig(rlo), ' – ', fig(rhi)] : fig(this.one);
         const vertical = this.vertical;
         const fillStyle = vertical
             ? { bottom: `${lo}%`, height: `${Math.max(0, hi - lo)}%` }
             : { insetInlineStart: `${lo}%`, width: `${Math.max(0, hi - lo)}%` };
-        return (h(FieldShell, { key: '5169112e51bad8494823f224b7a6b48673dec4db', help: this.help, error: this.error, descId: this.fieldId }, h("div", { key: 'e93bf6e823bb8328e49ac414bee70bdbe67cd795', class: { 'sui-slider': true, disabled: this.isDisabled, 'read-only': this.readOnly, invalid: !!this.error, range: this.range, vertical, empty: this.empty } }, this.label || (this.showValue && !vertical) ? (h("div", { class: "head" }, h("span", { class: "label" }, this.label, this.label && this.required ? h("span", { class: "sui-field-req", "aria-hidden": "true" }, "*") : null), this.showValue && !vertical ? h("span", { class: "readout" }, readout) : null)) : null, h("div", { key: 'beacc31bf345d9e8b043d8866b54920348cd7c67', ref: (el) => (this.track = el), class: "track", onPointerDown: this.onTrackDown }, h("div", { key: 'c801f5052c4c7bb2cfa0df7a9caf72e9cae9c5f5', class: "rail" }), h("div", { key: '9f11ac6a3ca4b31207d66d4870219e20e758778b', class: "fill", style: fillStyle }), this.range ? [this.renderHandle(rlo, 0), this.renderHandle(rhi, 1)] : this.renderHandle(this.one, 0)), vertical && this.showValue ? h("div", { class: "foot" }, h("span", { class: "readout" }, readout)) : null)));
+        return (h(FieldShell, { key: '38901a2efc3e1def330e8b665f42d053742cfd0e', help: this.help, error: this.error, descId: this.fieldId }, h("div", { key: '657b5db8dc5081158d6f8caabb905dd6903d203c', class: { 'sui-slider': true, disabled: this.isDisabled, 'read-only': this.readOnly, invalid: !!this.error, range: this.range, vertical, empty: this.empty } }, this.label || (this.showValue && !vertical) ? (h("div", { class: "head" }, h("span", { class: "label" }, this.label, this.label && this.required ? h("span", { class: "sui-field-req", "aria-hidden": "true" }, "*") : null), this.showValue && !vertical ? h("span", { class: "readout" }, readout) : null)) : null, h("div", { key: 'd5e525c5760ccd32112508a8dd6655764a362a0e', ref: (el) => (this.track = el), class: "track", onPointerDown: this.onTrackDown }, h("div", { key: 'ac96a6b31831cdb35bd37728f529a51b2aece8b5', class: "rail" }), h("div", { key: 'f1450666108aaf93441d948327226d0397ffd562', class: "fill", style: fillStyle }), this.range ? [this.renderHandle(rlo, 0), this.renderHandle(rhi, 1)] : this.renderHandle(this.one, 0)), vertical && this.showValue ? h("div", { class: "foot" }, h("span", { class: "readout" }, readout)) : null)));
     }
     static get is() { return "sui-slider"; }
     static get encapsulation() { return "scoped"; }
@@ -506,7 +506,7 @@ export class SuiSlider {
                     "references": {
                         "SuiSliderValue": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-slider/sui-slider.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-slider/sui-slider.tsx",
                             "id": "src/components/sui-slider/sui-slider.tsx::SuiSliderValue"
                         }
                     }
@@ -704,7 +704,7 @@ export class SuiSlider {
                     "references": {
                         "SuiSliderValue": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-slider/sui-slider.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-slider/sui-slider.tsx",
                             "id": "src/components/sui-slider/sui-slider.tsx::SuiSliderValue"
                         }
                     }
@@ -725,7 +725,7 @@ export class SuiSlider {
                     "references": {
                         "SuiSliderValue": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-slider/sui-slider.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-slider/sui-slider.tsx",
                             "id": "src/components/sui-slider/sui-slider.tsx::SuiSliderValue"
                         }
                     }

package/dist/collection/components/sui-speed-dial/sui-speed-dial.js

@@ -38,7 +38,7 @@ export class SuiSpeedDial {
      */
     iconOpen;
     /** Where the satellites fan out from the launcher. The first item is always the one nearest the
-     *  launcher. An unrecognised value falls back to `up`. */
+     *  launcher. An unrecognized value falls back to `up`. */
     direction = 'up';
     /**
      * Fanned out. Mutable: the launcher toggles it, and Escape, an outside pointer, Tabbing out and
@@ -75,7 +75,7 @@ export class SuiSpeedDial {
     exit = overlayExit(() => (this.closing = false));
     pendingFocus;
     get fanned() { return this.open && !this.disabled; }
-    /** The direction actually drawn: an unrecognised value falls back to the documented default. */
+    /** The direction actually drawn: an unrecognized value falls back to the documented default. */
     get fanDirection() { return DIRECTIONS.includes(this.direction) ? this.direction : 'up'; }
     connectedCallback() {
         delegateFocus(this.host, () => this.launcher);
@@ -278,7 +278,7 @@ export class SuiSpeedDial {
         const satsId = `${this.fieldId}-sats`;
         const items = this.items || [];
         const fanned = this.fanned;
-        return (h(Host, { key: '2c711bb8eb7c2750533f559fc1bf398c3460ec98' }, h("div", { key: '67f6c7608034bbf70deddd8defef5a0fe59ef343', class: { dial: true, [direction]: true, open: fanned, spin: !this.iconOpen }, onKeyDown: this.onKeyDown, onFocusout: this.onFocusOut }, h("button", { key: '20b049f9d25e1210a37d900b24909d833fa7d8ba', ref: (el) => (this.launcher = el), type: "button", class: "launcher", disabled: this.disabled, "aria-label": name, "aria-expanded": fanned ? 'true' : 'false', "aria-controls": fanned ? satsId : null, onClick: this.toggle }, h("i", { key: 'b389f0cd5bad14f2bfb766bc79b1aa9e47396732', class: fanned && this.iconOpen ? this.iconOpen : this.icon, "aria-hidden": "true" })), fanned || this.closing ? (h("div", { class: { sats: true, closing: this.closing }, inert: this.closing, id: satsId, role: "group", "aria-label": name, ref: (el) => (this.satsEl = el) }, items.map((it, i) => (h("div", { class: "sat-wrap", key: i }, h("button", { type: "button", class: "sat", disabled: this.disabled || !!it.disabled, "aria-label": it.label || localeFormat(undefined, 'speed-dial.action', undefined, 'Action {n}', { n: i + 1 }), onClick: () => this.pick(it) }, h("i", { class: it.icon, "aria-hidden": "true" })), it.label ? h("span", { class: "cap", "aria-hidden": "true" }, it.label) : null))))) : null)));
+        return (h(Host, { key: '049709302f2b68fa4e2a94259d077b5f77cd37ec' }, h("div", { key: '27404c8506c31124c983c99dcb916e4e1c0080cc', class: { dial: true, [direction]: true, open: fanned, spin: !this.iconOpen }, onKeyDown: this.onKeyDown, onFocusout: this.onFocusOut }, h("button", { key: '21a53903f4dc8e1a3670ac15f3c178947a51b479', ref: (el) => (this.launcher = el), type: "button", class: "launcher", disabled: this.disabled, "aria-label": name, "aria-expanded": fanned ? 'true' : 'false', "aria-controls": fanned ? satsId : null, onClick: this.toggle }, h("i", { key: 'ed24963a9341f2c0174b2b52b7a3a2abf9984f4b', class: fanned && this.iconOpen ? this.iconOpen : this.icon, "aria-hidden": "true" })), fanned || this.closing ? (h("div", { class: { sats: true, closing: this.closing }, inert: this.closing, id: satsId, role: "group", "aria-label": name, ref: (el) => (this.satsEl = el) }, items.map((it, i) => (h("div", { class: "sat-wrap", key: i }, h("button", { type: "button", class: "sat", disabled: this.disabled || !!it.disabled, "aria-label": it.label || localeFormat(undefined, 'speed-dial.action', undefined, 'Action {n}', { n: i + 1 }), onClick: () => this.pick(it) }, h("i", { class: it.icon, "aria-hidden": "true" })), it.label ? h("span", { class: "cap", "aria-hidden": "true" }, it.label) : null))))) : null)));
     }
     static get is() { return "sui-speed-dial"; }
     static get encapsulation() { return "scoped"; }
@@ -303,7 +303,7 @@ export class SuiSpeedDial {
                     "references": {
                         "SuiSpeedDialItem": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-speed-dial/sui-speed-dial.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-speed-dial/sui-speed-dial.tsx",
                             "id": "src/components/sui-speed-dial/sui-speed-dial.tsx::SuiSpeedDialItem"
                         }
                     }
@@ -389,7 +389,7 @@ export class SuiSpeedDial {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Where the satellites fan out from the launcher. The first item is always the one nearest the\nlauncher. An unrecognised value falls back to `up`."
+                    "text": "Where the satellites fan out from the launcher. The first item is always the one nearest the\nlauncher. An unrecognized value falls back to `up`."
                 },
                 "getter": false,
                 "setter": false,
@@ -479,7 +479,7 @@ export class SuiSpeedDial {
                     "references": {
                         "SuiSpeedDialItem": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-speed-dial/sui-speed-dial.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-speed-dial/sui-speed-dial.tsx",
                             "id": "src/components/sui-speed-dial/sui-speed-dial.tsx::SuiSpeedDialItem"
                         }
                     }

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

@@ -286,7 +286,7 @@ export class SuiSplitButton {
         const menuName = this.label
             ? localeFormat(undefined, 'split-button.optionsFor', undefined, '{label} options', { label: this.label })
             : localeText(undefined, 'split-button.moreActions', undefined, 'More actions');
-        return (h(Host, { key: '619b2d055700221a8e1e0036cf6107fe5f89cd35' }, h("div", { key: 'cd02c7ac4de03c0285c3c38306a70bb4b9220d9d', ref: (el) => (this.control = el), class: "split", onKeyDown: this.onControlKey }, h("sui-button", { key: 'bf8e84c64ae4b2a0362582fb6aef743c3c1f2dfd', class: "main", variant: variant, size: size, label: this.label, icon: this.icon, disabled: this.disabled, loading: this.loading, type: this.type, form: this.form, name: this.name, value: this.value }), h("button", { key: 'cf5a14df8fcb41eea22f00f285797288a8df99c7', ref: (el) => (this.chev = el), type: "button", class: { chev: true, [variant]: true, [size]: true, loading: this.loading }, disabled: inert, "aria-label": menuName, "aria-haspopup": "menu", "aria-expanded": this.menuOpen ? 'true' : 'false', "aria-controls": this.menuOpen ? menuId : null, onClick: this.toggle }, h(Glyph, { key: '7d922bf64fadd4c0edb533bddbfb8608bd108db3', glyph: chevronDown }))), this.menuOpen || this.closing ? (h("div", { ref: (el) => (this.panel = el), id: menuId, class: { panel: true, closing: this.closing }, inert: this.closing, onClick: this.stopClick }, h(MenuList, { items: this.items, width: this.menuWidth, activeIndex: this.active, idBase: this.fieldId, ariaLabel: menuName, menuRef: (el) => (this.menu = el), onPick: this.pick, onHover: (i) => (this.active = i), onLeave: () => (this.active = -1), onKeyDown: this.onMenuKey }))) : null));
+        return (h(Host, { key: 'cdd5e546552e655c615952f9342965468bb5d807' }, h("div", { key: '642d2459b7a2b3e3f6b50dc5ef383cee46c918df', ref: (el) => (this.control = el), class: "split", onKeyDown: this.onControlKey }, h("sui-button", { key: '82d45a4d11c2bfdb2bba5dda30391c3d4ad0b521', class: "main", variant: variant, size: size, label: this.label, icon: this.icon, disabled: this.disabled, loading: this.loading, type: this.type, form: this.form, name: this.name, value: this.value }), h("button", { key: '350ef9a36246b917b8d752bfac3090b4b37259a7', ref: (el) => (this.chev = el), type: "button", class: { chev: true, [variant]: true, [size]: true, loading: this.loading }, disabled: inert, "aria-label": menuName, "aria-haspopup": "menu", "aria-expanded": this.menuOpen ? 'true' : 'false', "aria-controls": this.menuOpen ? menuId : null, onClick: this.toggle }, h(Glyph, { key: 'b30e906434528be5597b5be790bcf65870e9ecb6', glyph: chevronDown }))), this.menuOpen || this.closing ? (h("div", { ref: (el) => (this.panel = el), id: menuId, class: { panel: true, closing: this.closing }, inert: this.closing, onClick: this.stopClick }, h(MenuList, { items: this.items, width: this.menuWidth, activeIndex: this.active, idBase: this.fieldId, ariaLabel: menuName, menuRef: (el) => (this.menu = el), onPick: this.pick, onHover: (i) => (this.active = i), onLeave: () => (this.active = -1), onKeyDown: this.onMenuKey }))) : null));
     }
     static get is() { return "sui-split-button"; }
     static get encapsulation() { return "scoped"; }

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

@@ -16,7 +16,7 @@ const STEP = 0.02;
  */
 export class SuiSplitter {
     host;
-    /** Share of the whole the first pane takes (0 to 1): its width side by side, its height when vertical. Seeds the split (the reference `defaultRatio`) and tracks it afterwards. */
+    /** Share of the whole the first pane takes (0 to 1): its width side by side, its height when vertical. Seeds the split (the reference `defaultRatio`) and tracks it afterward. */
     ratio = 0.5;
     /** Smallest share either pane may shrink to. Values above 0.5 clamp to 0.5. With `collapsible`, a pane pushed past half of this snaps shut instead. */
     minRatio = 0.2;
@@ -237,7 +237,7 @@ export class SuiSplitter {
         const min = this.collapsible ? 0 : Math.round(this.min * 1000) / 10;
         const shutStart = this.collapsible && r <= 0;
         const shutEnd = this.collapsible && r >= 1;
-        return (h(Host, { key: 'fe70eb68d0a4d0201a6a0bca7384b1924e4e38ea', class: { vertical, 'shut-start': shutStart, 'shut-end': shutEnd }, style: { height: `${this.height}px` } }, h("div", { key: 'e476909f6d526504f659c4308d08667b5552e31e', class: { pane: true, start: true, padded: !this.flush, shut: shutStart }, ref: (el) => (this.paneStart = el), style: vertical ? { height: `${pct}%` } : { width: `${pct}%` }, tabindex: this.overflowStart ? '0' : undefined }, h("slot", { key: '99d2f3108234d9ad9f25a653dce85b303e906be8', name: "start" })), h("div", { key: '57158e4aeca1408aaccf50af4b12f045764a2ced', class: "gutter", ref: (el) => (this.gutterEl = el), role: "separator", "aria-orientation": vertical ? 'horizontal' : 'vertical', "aria-label": this.hostLabel || localeText(undefined, 'splitter.resizePanes', undefined, 'Resize panes'), "aria-valuenow": String(pct), "aria-valuemin": String(min), "aria-valuemax": String(100 - min), tabIndex: 0, onPointerDown: this.onPointerDown, onKeyDown: this.onKeyDown }, h("span", { key: 'fa18b5ad62bfa45003cd9e81d9cb872b2dab6fa5', class: "grip", "aria-hidden": "true" })), h("div", { key: '37073dee8fef5610b75578aa89d60eba97c93dca', class: { pane: true, end: true, padded: !this.flush, shut: shutEnd }, ref: (el) => (this.paneEnd = el), tabindex: this.overflowEnd ? '0' : undefined }, h("slot", { key: '31da1fea1ad19b7721a12e6bfb5bbec5aa69ac9e', name: "end" }))));
+        return (h(Host, { key: 'c61dca21eb218382e50571fa3c695989898ddb6f', class: { vertical, 'shut-start': shutStart, 'shut-end': shutEnd }, style: { height: `${this.height}px` } }, h("div", { key: '7aebd14c18045dfa73c8be98826baa22a16c44f7', class: { pane: true, start: true, padded: !this.flush, shut: shutStart }, ref: (el) => (this.paneStart = el), style: vertical ? { height: `${pct}%` } : { width: `${pct}%` }, tabindex: this.overflowStart ? '0' : undefined }, h("slot", { key: 'ba250273b79eeb8e9d66d575554284b8148390c8', name: "start" })), h("div", { key: 'ba266175a6fea5e6b6e8d9656c97f4997a9bdb2e', class: "gutter", ref: (el) => (this.gutterEl = el), role: "separator", "aria-orientation": vertical ? 'horizontal' : 'vertical', "aria-label": this.hostLabel || localeText(undefined, 'splitter.resizePanes', undefined, 'Resize panes'), "aria-valuenow": String(pct), "aria-valuemin": String(min), "aria-valuemax": String(100 - min), tabIndex: 0, onPointerDown: this.onPointerDown, onKeyDown: this.onKeyDown }, h("span", { key: '0f2014baa56b4ee46002b5296b4ee9454c920e11', class: "grip", "aria-hidden": "true" })), h("div", { key: 'c64936a278aebab0b7ec63bf57db7b593c83fe3c', class: { pane: true, end: true, padded: !this.flush, shut: shutEnd }, ref: (el) => (this.paneEnd = el), tabindex: this.overflowEnd ? '0' : undefined }, h("slot", { key: 'e80e65cceb4bae35023114f95c40dbca4f5cdc0b', name: "end" }))));
     }
     static get is() { return "sui-splitter"; }
     static get encapsulation() { return "scoped"; }
@@ -265,7 +265,7 @@ export class SuiSplitter {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Share of the whole the first pane takes (0 to 1): its width side by side, its height when vertical. Seeds the split (the reference `defaultRatio`) and tracks it afterwards."
+                    "text": "Share of the whole the first pane takes (0 to 1): its width side by side, its height when vertical. Seeds the split (the reference `defaultRatio`) and tracks it afterward."
                 },
                 "getter": false,
                 "setter": false,

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

@@ -109,7 +109,7 @@ export class SuiSpoiler {
         this.suiOpen.emit();
     };
     render() {
-        return (h(Host, { key: '6d590bbdd8af596d488eac6517ab64bf9d4fa130' }, h("div", { key: '536eca42588b526336872620ec8dee35c47f48c8', id: this.bodyId, class: { 'sui-spoiler-body': true, clamped: !this.open }, style: { '--sui-spoiler-lines': String(this.lines) }, ref: (el) => (this.bodyEl = el) }, h("slot", { key: '271f17fd7ac769cbf67c028b3b57be5d7c0bd77c' })), this.clampsContent ? (h("button", { type: "button", class: "sui-spoiler-toggle", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": this.bodyId, onClick: this.toggle }, this.open ? localeText(undefined, 'spoiler.less', this.lessLabel, 'Show less') : localeText(undefined, 'spoiler.more', this.moreLabel, 'Show more'), h(Glyph, { glyph: chevronDown, class: this.open ? 'up' : undefined }))) : null));
+        return (h(Host, { key: '2c6dded66be8a85a9a9c97c510b30a55f4475113' }, h("div", { key: '6d6a9f2c6eee302866ee9edfbd57651c51e1fe57', id: this.bodyId, class: { 'sui-spoiler-body': true, clamped: !this.open }, style: { '--sui-spoiler-lines': String(this.lines) }, ref: (el) => (this.bodyEl = el) }, h("slot", { key: 'c86362e724db9afbeba1397cddcead93e5abf0eb' })), this.clampsContent ? (h("button", { type: "button", class: "sui-spoiler-toggle", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": this.bodyId, onClick: this.toggle }, this.open ? localeText(undefined, 'spoiler.less', this.lessLabel, 'Show less') : localeText(undefined, 'spoiler.more', this.moreLabel, 'Show more'), h(Glyph, { glyph: chevronDown, class: this.open ? 'up' : undefined }))) : null));
     }
     static get is() { return "sui-spoiler"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/sui-stat-card/sui-stat-card.js

@@ -25,7 +25,7 @@ export class SuiStatCard {
      *  positive ink (the ink under brand status, green under semantic); `critical`, bad news (a
      *  rising receivable), in the danger ink with the direction arrow ringed and a visually hidden
      *  "unfavorable" after the figure; `neutral`, neither, in the muted ink at regular weight, the
-     *  arrow kept and unringed. So the judgement never rests on colour alone. The danger ink
+     *  arrow kept and unringed. So the judgment never rests on color alone. The danger ink
      *  is the brand's own under brand mode and rose under semantic status mode, the same ink an
      *  overdue date wears. An unknown value reads as `positive`. Reflected. */
     severity = 'positive';
@@ -86,7 +86,7 @@ export class SuiStatCard {
         const linked = !!href;
         const control = linked || this.command;
         const Card = (linked ? 'a' : control ? 'button' : 'div');
-        return (h(Host, { key: '3fe5339158b3afbbaa821c62922896caeac4b384' }, h(Card, { key: '67f186f1f14d18cc3d83b47cd4c6b741767ccf01', class: { card: true, control, lg: this.size === 'lg' }, href: linked ? href : undefined, type: !linked && control ? 'button' : undefined, role: !linked && control ? 'link' : undefined, onClick: control ? this.activate : undefined, onKeyDown: linked ? this.onKeyDown : undefined }, h("div", { key: '65d72da49dcf183c636650273c48122dd9d00225', class: "label" }, this.label), h("div", { key: '292ff7b9b3556605d664c734288bcd564b6bea5a', class: "row" }, h("div", { key: '5ec00e432e92da2eb5041b44bfe861b87e0e293f', class: "value" }, this.value), this.data && this.data.length ? h("sui-sparkline", { data: this.data, accent: this.accent, min: this.scaleMin, max: this.scaleMax }) : null), this.delta || this.note ? (h("div", { class: "meta" }, h(TrendMark, { value: this.delta, direction: this.deltaDirection, severity: this.severity, note: this.note, unfavorable: localeText(undefined, 'stat-card.unfavorable', undefined, 'unfavorable') }))) : null, linked ? h("span", { class: "link" }, localeText(undefined, 'stat-card.link', this.linkLabel, 'View'), " ", '→') : null)));
+        return (h(Host, { key: '50dc68d2b2fca6269135c231347261392b842c8e' }, h(Card, { key: 'ce109635344899611ed07cf44432e08c5ba45586', class: { card: true, control, lg: this.size === 'lg' }, href: linked ? href : undefined, type: !linked && control ? 'button' : undefined, role: !linked && control ? 'link' : undefined, onClick: control ? this.activate : undefined, onKeyDown: linked ? this.onKeyDown : undefined }, h("div", { key: 'fe93aca725fd942885db9e73676cf379af4363ec', class: "label" }, this.label), h("div", { key: 'de7ae13e335bace6e657c4ce0fc390344efcbd3a', class: "row" }, h("div", { key: 'a216197288984f55b9b8da84924893c369114a1f', class: "value" }, this.value), this.data && this.data.length ? h("sui-sparkline", { data: this.data, accent: this.accent, min: this.scaleMin, max: this.scaleMax }) : null), this.delta || this.note ? (h("div", { class: "meta" }, h(TrendMark, { value: this.delta, direction: this.deltaDirection, severity: this.severity, note: this.note, unfavorable: localeText(undefined, 'stat-card.unfavorable', undefined, 'unfavorable') }))) : null, linked ? h("span", { class: "link" }, localeText(undefined, 'stat-card.link', this.linkLabel, 'View'), " ", '→') : null)));
     }
     static get is() { return "sui-stat-card"; }
     static get encapsulation() { return "scoped"; }
@@ -219,7 +219,7 @@ export class SuiStatCard {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "How the change reads, on the status ladder `sui-trend` shares: `positive`, good news, in the\npositive ink (the ink under brand status, green under semantic); `critical`, bad news (a\nrising receivable), in the danger ink with the direction arrow ringed and a visually hidden\n\"unfavorable\" after the figure; `neutral`, neither, in the muted ink at regular weight, the\narrow kept and unringed. So the judgement never rests on colour alone. The danger ink\nis the brand's own under brand mode and rose under semantic status mode, the same ink an\noverdue date wears. An unknown value reads as `positive`. Reflected."
+                    "text": "How the change reads, on the status ladder `sui-trend` shares: `positive`, good news, in the\npositive ink (the ink under brand status, green under semantic); `critical`, bad news (a\nrising receivable), in the danger ink with the direction arrow ringed and a visually hidden\n\"unfavorable\" after the figure; `neutral`, neither, in the muted ink at regular weight, the\narrow kept and unringed. So the judgment never rests on color alone. The danger ink\nis the brand's own under brand mode and rose under semantic status mode, the same ink an\noverdue date wears. An unknown value reads as `positive`. Reflected."
                 },
                 "getter": false,
                 "setter": false,
@@ -398,7 +398,7 @@ export class SuiStatCard {
                     "references": {
                         "SuiStatCardLinkDetail": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-stat-card/sui-stat-card.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-stat-card/sui-stat-card.tsx",
                             "id": "src/components/sui-stat-card/sui-stat-card.tsx::SuiStatCardLinkDetail"
                         }
                     }

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

@@ -20,7 +20,7 @@ export class SuiStepper {
     host;
     /** Steps in order (`{ label, description? }`). Property, not attribute. */
     steps = [];
-    /** Index of the current step. Seeds it (the reference `defaultActive`) and tracks it afterwards; writing it from script emits nothing. */
+    /** Index of the current step. Seeds it (the reference `defaultActive`) and tracks it afterward; writing it from script emits nothing. */
     active = 0;
     /** Rail direction. `vertical` stacks the steps with the body under the current one's label.
      *  Reflected, as on every other element that carries it. */
@@ -181,7 +181,7 @@ export class SuiStepper {
                     "references": {
                         "SuiStep": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-stepper/sui-stepper.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-stepper/sui-stepper.tsx",
                             "id": "src/components/sui-stepper/sui-stepper.tsx::SuiStep"
                         }
                     }
@@ -208,7 +208,7 @@ export class SuiStepper {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Index of the current step. Seeds it (the reference `defaultActive`) and tracks it afterwards; writing it from script emits nothing."
+                    "text": "Index of the current step. Seeds it (the reference `defaultActive`) and tracks it afterward; writing it from script emits nothing."
                 },
                 "getter": false,
                 "setter": false,

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

@@ -14,7 +14,7 @@ export class SuiTab {
     badge;
     /** Font Awesome class drawn before the label, e.g. "fa-regular fa-user". */
     icon;
-    /** Greys the tab and blocks activation. */
+    /** Grays the tab and blocks activation. */
     disabled = false;
     notifyParent() {
         const p = this.host.closest('sui-tabs');
@@ -22,7 +22,7 @@ export class SuiTab {
             p.refresh();
     }
     render() {
-        return h(Host, { key: '9430d2031355f525dfba6dec45639eaf9a1c2cee' });
+        return h(Host, { key: '90419666339872f8e34f28622e34375cecea47e8' });
     }
     static get is() { return "sui-tab"; }
     static get encapsulation() { return "scoped"; }
@@ -108,7 +108,7 @@ export class SuiTab {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Greys the tab and blocks activation."
+                    "text": "Grays the tab and blocks activation."
                 },
                 "getter": false,
                 "setter": false,

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

@@ -21,7 +21,7 @@ const PAGE = 0.8;
  */
 export class SuiTabs {
     host;
-    /** Index of the active tab. Seeds the selection (the reference `defaultActive`) and tracks it afterwards; writing it from script moves the bar and emits nothing. */
+    /** Index of the active tab. Seeds the selection (the reference `defaultActive`) and tracks it afterward; writing it from script moves the bar and emits nothing. */
     active = 0;
     /** underline for in-page sections, pills for view switchers. */
     variant = 'underline';
@@ -311,7 +311,7 @@ export class SuiTabs {
         void this.tick;
         const tabs = this.tabs();
         const over = this.overflowing;
-        return (h(Host, { key: 'afbcdc129a88feab75faa02a05e8accb8dae8791', class: { stretch: this.stretch } }, h("div", { key: '25acaaf109804d22ae4e37465bcc813ba6cb0064', class: { strip: true, [this.variant]: true, stretch: this.stretch, overflowing: over } }, over ? (h("sui-icon-button", { key: "prev", class: { nav: true, prev: true, off: this.atStart }, size: "sm", noTabStop: true, "aria-label": localeText(undefined, 'tabs.showEarlierTabs', undefined, 'Show earlier tabs'), onClick: () => this.page(-1) }, h(Glyph, { glyph: chevronLeft }))) : null, h("div", { key: "bar", class: { bar: true, [this.variant]: true, stretch: this.stretch }, role: "tablist", "aria-label": this.hostLabel || undefined,
+        return (h(Host, { key: '93977ab51f659237c141a26966456039d4fb957a', class: { stretch: this.stretch } }, h("div", { key: '7e670023429bdbc8998ebc1a9cde9a1ab84632bd', class: { strip: true, [this.variant]: true, stretch: this.stretch, overflowing: over } }, over ? (h("sui-icon-button", { key: "prev", class: { nav: true, prev: true, off: this.atStart }, size: "sm", noTabStop: true, "aria-label": localeText(undefined, 'tabs.showEarlierTabs', undefined, 'Show earlier tabs'), onClick: () => this.page(-1) }, h(Glyph, { glyph: chevronLeft }))) : null, h("div", { key: "bar", class: { bar: true, [this.variant]: true, stretch: this.stretch }, role: "tablist", "aria-label": this.hostLabel || undefined,
             // An overflowing bar scrolls, and Firefox makes a scroll container a Tab stop of its
             // own, ahead of the active tab. The active tab is the one stop; the bar stays out.
             tabIndex: -1, ref: (el) => (this.bar = el), onKeyDown: this.onKeyDown, onScroll: this.measure }, tabs.map((t, i) => {
@@ -320,7 +320,7 @@ export class SuiTabs {
             const badge = childProp(t, 'badge');
             const icon = childProp(t, 'icon');
             return (h("button", { type: "button", class: { tab: true, on: cur }, id: `${this.fieldId}-tab-${i}`, role: "tab", "aria-selected": cur ? 'true' : 'false', "aria-controls": this.panelId(t), tabIndex: cur ? 0 : -1, disabled: disabled, onClick: () => this.pick(i, t) }, icon ? h("i", { class: icon, "aria-hidden": "true" }) : null, h("span", { class: "label" }, childProp(t, 'label') || ''), badge !== undefined && badge !== '' ? h("span", { class: "badge" }, String(badge)) : null));
-        }), this.variant === 'underline' ? h("span", { key: "indicator", class: "indicator", "aria-hidden": "true", ref: (el) => (this.indicator = el) }) : null), over ? (h("sui-icon-button", { key: "next", class: { nav: true, next: true, off: this.atEnd }, size: "sm", noTabStop: true, "aria-label": localeText(undefined, 'tabs.showLaterTabs', undefined, 'Show later tabs'), onClick: () => this.page(1) }, h(Glyph, { glyph: chevronRight }))) : null), h("div", { key: '8dd542c6f5baeec8203fe72f888caa38c47b7fd8', class: "panels", ref: (el) => (this.panels = el) }, h("slot", { key: '32ae3bea3ce80fe02965b946356825ecd58de1c0' }))));
+        }), this.variant === 'underline' ? h("span", { key: "indicator", class: "indicator", "aria-hidden": "true", ref: (el) => (this.indicator = el) }) : null), over ? (h("sui-icon-button", { key: "next", class: { nav: true, next: true, off: this.atEnd }, size: "sm", noTabStop: true, "aria-label": localeText(undefined, 'tabs.showLaterTabs', undefined, 'Show later tabs'), onClick: () => this.page(1) }, h(Glyph, { glyph: chevronRight }))) : null), h("div", { key: '5f9e34688bed29995d8f63f8d0b2b4d4038af999', class: "panels", ref: (el) => (this.panels = el) }, h("slot", { key: 'e69be455d47652ceee56925704621027d8efdb4d' }))));
     }
     static get is() { return "sui-tabs"; }
     static get encapsulation() { return "scoped"; }
@@ -348,7 +348,7 @@ export class SuiTabs {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Index of the active tab. Seeds the selection (the reference `defaultActive`) and tracks it afterwards; writing it from script moves the bar and emits nothing."
+                    "text": "Index of the active tab. Seeds the selection (the reference `defaultActive`) and tracks it afterward; writing it from script moves the bar and emits nothing."
                 },
                 "getter": false,
                 "setter": false,

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

@@ -23,7 +23,7 @@ export class SuiTag {
     }
     render() {
         const sev = this.resolve();
-        return (h(Host, { key: '9dc60dbbf1797539de4adef3b1cf8e77039f0fa3' }, h("span", { key: 'b4406b481316b09d8f62d3bc6fd4c55fdef3cde3', class: { 'sui-tag': true, [sev]: true, [this.size]: true } }, this.icon ? h("i", { class: this.icon, "aria-hidden": "true" }) : null, this.label)));
+        return (h(Host, { key: 'bdcb45a18b9d3ccf05d4e119af1a2e2c8c6f2d0b' }, h("span", { key: 'dc80258e6964d833311235b2cdad6274c529a712', class: { 'sui-tag': true, [sev]: true, [this.size]: true } }, this.icon ? h("i", { class: this.icon, "aria-hidden": "true" }) : null, this.label)));
     }
     static get is() { return "sui-tag"; }
     static get encapsulation() { return "scoped"; }
@@ -68,7 +68,7 @@ export class SuiTag {
                     "references": {
                         "SuiTagSeverity": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-tag/sui-tag.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-tag/sui-tag.tsx",
                             "id": "src/components/sui-tag/sui-tag.tsx::SuiTagSeverity"
                         }
                     }

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

@@ -152,7 +152,7 @@ export class SuiTerminal {
         this.historyAt = -1;
     };
     render() {
-        return (h(Host, { key: '4b22c4fafee7377a41ed9648620773e99cc81b40' }, h("div", { key: '7daefd8f7b600a233e193a39c365b13fd594ca2d', class: "sui-terminal", "data-code-selection": "true" }, h("div", { key: 'b17d6f56e9a7694aa84a54c95678b6b28271c9ce', class: "sui-terminal-head" }, h(Glyph, { key: '294687aa93cbc548587786067115e128190ee723', glyph: terminal }), h("span", { key: 'c45d06a9c7f734c47551c48361373d4b468a4214' }, localeText(undefined, 'terminal.adminConsole', undefined, 'ADMIN CONSOLE'))), h("div", { key: '934a779354020eedcec3e83b655a383719308174', ref: (el) => (this.log = el), class: "sui-terminal-pane", "data-scroll": "code", style: { height: `${this.height}px` }, onClick: () => this.field?.focus() }, h("div", { key: '8682b90fd42d7f33bebec50114356cc27004ce97', role: "log", "aria-live": "polite" }, this.lines.map((l) => (h("div", { key: l.key, class: `line ${l.t}` }, l.t === 'in' ? `${this.prompt} ${l.text}` : l.text)))), h("div", { key: '0eb855e221fbb50eae1454c31622de16facef23b', class: "sui-terminal-row" }, h("span", { key: 'cdf29698dbac369a4368506799305309d3d886ab', class: "sui-terminal-prompt", "aria-hidden": "true" }, this.prompt), h("input", { key: '60106759af75fe29b3455f4a74b5ddeb377c9eeb', ref: (el) => (this.field = el), class: "sui-terminal-input", type: "text", value: this.input, "aria-label": localeText(undefined, 'terminal.consoleInput', undefined, 'Console input'), autocomplete: "off", spellcheck: false, onInput: this.onInput, onKeyDown: this.onKey }))))));
+        return (h(Host, { key: '2ba52aa66102f43103eb643e1b8c556cd029a3d2' }, h("div", { key: '0bbbb502c1b6e32ceb097889c6d42f1b271f988a', class: "sui-terminal", "data-code-selection": "true" }, h("div", { key: 'a88f5b3fa3b6950807d6c7648c4794bf94517c1c', class: "sui-terminal-head" }, h(Glyph, { key: '6a7cc393abdaafc6cb2d8f563ca051660ca17bf9', glyph: terminal }), h("span", { key: 'b74c850e1d9e8b8c15ee504914043bd88099e508' }, localeText(undefined, 'terminal.adminConsole', undefined, 'ADMIN CONSOLE'))), h("div", { key: 'e42ecbef9b2c5ab32874871016cbac8ff897abc7', ref: (el) => (this.log = el), class: "sui-terminal-pane", "data-scroll": "code", style: { height: `${this.height}px` }, onClick: () => this.field?.focus() }, h("div", { key: '15d3d29ccf3d02e4804e77cc3f939073c2ddc938', role: "log", "aria-live": "polite" }, this.lines.map((l) => (h("div", { key: l.key, class: `line ${l.t}` }, l.t === 'in' ? `${this.prompt} ${l.text}` : l.text)))), h("div", { key: 'b58eec90e91d8915fb748aa086e21eaa9c3a9d1b', class: "sui-terminal-row" }, h("span", { key: 'b0e498a8ad86ba38056f8ae2990428dc542f7dfe', class: "sui-terminal-prompt", "aria-hidden": "true" }, this.prompt), h("input", { key: 'd60e11fa91e54a645d3d84215ae3cefc2619665f', ref: (el) => (this.field = el), class: "sui-terminal-input", type: "text", value: this.input, "aria-label": localeText(undefined, 'terminal.consoleInput', undefined, 'Console input'), autocomplete: "off", spellcheck: false, onInput: this.onInput, onKeyDown: this.onKey }))))));
     }
     static get is() { return "sui-terminal"; }
     static get encapsulation() { return "scoped"; }

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

@@ -188,7 +188,7 @@ export class SuiTextarea {
         const invalid = this.invalid || !!this.error;
         const count = this.showCount && this.maxLength != null;
         const size = SIZES.includes(this.size) ? this.size : 'md';
-        return (h(FieldShell, { key: '5c74ef9b185e3558cdfc800723ab3454f30dd31e', label: this.label, required: this.required, help: this.help, error: this.error, htmlFor: this.fieldId, descId: this.fieldId }, h("textarea", { key: '620bf8a7915091ed3279d25eabb7226b0e098302', ref: (el) => (this.textarea = el), id: this.fieldId, class: { 'sui-input': true, 'sui-frame': true, 'sui-textarea': true, [size]: true, invalid, 'auto-resize': this.autoResize }, value: this.value, placeholder: this.placeholder, rows: this.rows, maxLength: this.maxLength, required: this.required, disabled: this.isDisabled, readOnly: this.readOnly, autocomplete: this.autocomplete, 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), count ? `${this.fieldId}-count` : null].filter(Boolean).join(' ') || null, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, onChange: this.onChange }), count ? h("div", { class: "sui-textarea-count", id: `${this.fieldId}-count` }, this.value.length, " / ", this.maxLength) : null));
+        return (h(FieldShell, { key: 'f60d45a07da4306f894e0e533198665b1be521ff', label: this.label, required: this.required, help: this.help, error: this.error, htmlFor: this.fieldId, descId: this.fieldId }, h("textarea", { key: '0f919a17975c53211bb047112f97b2f46cd03302', ref: (el) => (this.textarea = el), id: this.fieldId, class: { 'sui-input': true, 'sui-frame': true, 'sui-textarea': true, [size]: true, invalid, 'auto-resize': this.autoResize }, value: this.value, placeholder: this.placeholder, rows: this.rows, maxLength: this.maxLength, required: this.required, disabled: this.isDisabled, readOnly: this.readOnly, autocomplete: this.autocomplete, 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), count ? `${this.fieldId}-count` : null].filter(Boolean).join(' ') || null, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, onChange: this.onChange }), count ? h("div", { class: "sui-textarea-count", id: `${this.fieldId}-count` }, this.value.length, " / ", this.maxLength) : null));
     }
     static get is() { return "sui-textarea"; }
     static get encapsulation() { return "scoped"; }

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

@@ -127,7 +127,7 @@
 .semrow .hex { width: 84px; }
 .semrow .pick { min-width: 0; }
 
-/* A list or the colour editor, in the top layer on its own while open, right after its trigger. */
+/* A list or the color editor, in the top layer on its own while open, right after its trigger. */
 .fly {
   position: fixed; z-index: var(--z-overlay);
   box-sizing: border-box;