@shineuix/core 1.0.0 → 1.0.1

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

@@ -165,7 +165,7 @@ export class SuiDrawer {
             '--sui-drawer-size': horizontal ? `min(${this.width}px, 90%)` : `min(${this.height}px, 90%)`,
         };
         const titleId = `${this.fieldId}-title`;
-        return (h(Host, { key: 'c39839ec4c85ca2f006d26e1cc66edf7e906c713' }, this.open || this.closing ? (h("div", { class: { layer: true, closing: this.closing }, inert: this.closing, ref: (el) => (this.layer = el) }, h("div", { class: "scrim", onMouseDown: this.onScrimPress, onClick: () => this.requestClose('scrim') }), h("div", { ref: (el) => (this.panel = el), class: `panel ${this.position}`, role: "dialog", tabindex: "-1", "aria-labelledby": this.hasHeader ? titleId : undefined, "aria-label": this.hasHeader ? undefined : this.heading || undefined, style: size }, h("div", { class: "head" }, h("div", { class: "titles", id: titleId }, h("slot", { name: "header" }), !this.hasHeader ? h("div", { class: "heading" }, this.heading) : null, !this.hasHeader && this.subtitle ? h("div", { class: "subtitle" }, this.subtitle) : null), h("sui-icon-button", { class: "close", size: "sm", "aria-label": localeText(undefined, 'drawer.close', undefined, 'Close'), onClick: () => this.requestClose('close-button') }, h(Glyph, { glyph: xmark }))), h("div", { class: "body", ref: (el) => (this.body = el) }, h("slot", null)), h("div", { class: { foot: true, has: this.hasFooter } }, h("slot", { name: "footer" }))))) : null));
+        return (h(Host, { key: '90df1c499498fc9222118be766f3304262e2650b' }, this.open || this.closing ? (h("div", { class: { layer: true, closing: this.closing }, inert: this.closing, ref: (el) => (this.layer = el) }, h("div", { class: "scrim", onMouseDown: this.onScrimPress, onClick: () => this.requestClose('scrim') }), h("div", { ref: (el) => (this.panel = el), class: `panel ${this.position}`, role: "dialog", tabindex: "-1", "aria-labelledby": this.hasHeader ? titleId : undefined, "aria-label": this.hasHeader ? undefined : this.heading || undefined, style: size }, h("div", { class: "head" }, h("div", { class: "titles", id: titleId }, h("slot", { name: "header" }), !this.hasHeader ? h("div", { class: "heading" }, this.heading) : null, !this.hasHeader && this.subtitle ? h("div", { class: "subtitle" }, this.subtitle) : null), h("sui-icon-button", { class: "close", size: "sm", "aria-label": localeText(undefined, 'drawer.close', undefined, 'Close'), onClick: () => this.requestClose('close-button') }, h(Glyph, { glyph: xmark }))), h("div", { class: "body", ref: (el) => (this.body = el) }, h("slot", null)), h("div", { class: { foot: true, has: this.hasFooter } }, h("slot", { name: "footer" }))))) : null));
     }
     static get is() { return "sui-drawer"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/sui-edit-box/sui-edit-box.js

@@ -31,7 +31,7 @@ export class SuiEditBox {
      * and the edit path both read it through `sanitizeEditorHtml`: tags and attributes the editor
      * cannot produce are dropped, a script or a handler never reaches the page, and a link whose
      * address is not http, https, mailto, tel or sms, or a relative path, is shown as plain text.
-     * A picture is shown with `referrerpolicy="no-referrer"`. View mode writes the sanitised markup
+     * A picture is shown with `referrerpolicy="no-referrer"`. View mode writes the sanitized markup
      * through the library's Trusted Types policy, `shineui`. The form value is the string as set, so
      * a value that came from your own store posts back unchanged until an edit is saved.
      */
@@ -341,7 +341,7 @@ export class SuiEditBox {
         return (h("div", { key: "edit", class: "sui-edit-box-edit floating", onKeyDown: this.onEditKey }, h("div", { class: "sui-edit-box-frame", ref: (el) => (this.box = el), style: { minHeight: `${this.minHeight}px` } }, h("div", { key: "mount", class: "sb-editor-mount sc-sui-edit-box-s", ref: (el) => (this.mount = el), style: { minHeight: `${this.minHeight - 18}px` } })), h("sui-mini-toolbar", { open: true, x: this.pos.x, y: this.pos.y, "aria-label": localeText(undefined, 'edit-box.formatting', undefined, 'Formatting') }, this.renderFormatButtons(), h("span", { class: "sui-tbtn-sep", role: "separator", "aria-orientation": "vertical" }), this.renderActions(4))));
     }
     render() {
-        return (h(Host, { key: 'aaf62e49d6002e3932bc27b0f289d7f2e288ba3c', class: { editing: this.editing, floating: this.floating, disabled: this.isDisabled, 'read-only': this.readOnly && !this.isDisabled, invalid: this.invalid || !!this.error } }, this.label ? (h("span", { key: "label", class: "sui-edit-box-label" }, this.label, this.required ? h("span", { class: "sui-field-req", "aria-hidden": "true" }, "*") : null)) : null, !this.editing ? this.renderView() : this.floating ? this.renderFloating() : this.renderAttached(), this.renderNote()));
+        return (h(Host, { key: '3a0ab2300f7a55ab3afb958e49316fc3a31cc888', class: { editing: this.editing, floating: this.floating, disabled: this.isDisabled, 'read-only': this.readOnly && !this.isDisabled, invalid: this.invalid || !!this.error } }, this.label ? (h("span", { key: "label", class: "sui-edit-box-label" }, this.label, this.required ? h("span", { class: "sui-field-req", "aria-hidden": "true" }, "*") : null)) : null, !this.editing ? this.renderView() : this.floating ? this.renderFloating() : this.renderAttached(), this.renderNote()));
     }
     static get is() { return "sui-edit-box"; }
     static get encapsulation() { return "scoped"; }
@@ -389,7 +389,7 @@ export class SuiEditBox {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Current content as HTML (ShineUI schema). Mutable; updated when an edit is saved. View mode\nand the edit path both read it through `sanitizeEditorHtml`: tags and attributes the editor\ncannot produce are dropped, a script or a handler never reaches the page, and a link whose\naddress is not http, https, mailto, tel or sms, or a relative path, is shown as plain text.\nA picture is shown with `referrerpolicy=\"no-referrer\"`. View mode writes the sanitised markup\nthrough the library's Trusted Types policy, `shineui`. The form value is the string as set, so\na value that came from your own store posts back unchanged until an edit is saved."
+                    "text": "Current content as HTML (ShineUI schema). Mutable; updated when an edit is saved. View mode\nand the edit path both read it through `sanitizeEditorHtml`: tags and attributes the editor\ncannot produce are dropped, a script or a handler never reaches the page, and a link whose\naddress is not http, https, mailto, tel or sms, or a relative path, is shown as plain text.\nA picture is shown with `referrerpolicy=\"no-referrer\"`. View mode writes the sanitized markup\nthrough the library's Trusted Types policy, `shineui`. The form value is the string as set, so\na value that came from your own store posts back unchanged until an edit is saved."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/sui-empty-state/sui-empty-state.js

@@ -22,7 +22,7 @@ const VARIANT_GLYPH = {
  */
 export class SuiEmptyState {
     host;
-    /** Outcome flavour: `empty`, `success` (the brand, never a green), `error` (the deep accent) or `not-found`.
+    /** Outcome flavor: `empty`, `success` (the brand, never a green), `error` (the deep accent) or `not-found`.
      *  Sets the icon well colors and the default icon. Only `error` renders `role="alert"`, so only
      *  a failed operation interrupts a screen reader; do not use it for a merely empty list. The
      *  icon is `aria-hidden`, so the heading and body are the whole accessible content. */
@@ -79,7 +79,7 @@ export class SuiEmptyState {
     render() {
         const Heading = `h${[2, 3, 4].includes(Number(this.headingLevel)) ? Number(this.headingLevel) : 2}`;
         const emptyBody = !this.hasBody && !this.description;
-        return (h(Host, { key: 'ca1c86e9ba56e709a9d94957f5b2dd3b18f432ed' }, h("div", { key: '7aae77fa209d25314738e4a21dc71b7038806d55', class: { state: true, [this.variant]: true, compact: this.compact, bare: this.bare }, role: this.variant === 'error' ? 'alert' : undefined }, h("span", { key: '5610cd720542cbc9b730e662803e9a0482cf2547', class: "well" }, this.icon ? h("i", { class: this.icon, "aria-hidden": "true" }) : h(Glyph, { glyph: VARIANT_GLYPH[this.variant] || VARIANT_GLYPH.empty })), this.heading ? h(Heading, { class: "heading" }, this.heading) : null, h("div", { key: '9f5df1d7eee8d81fb06fb9b0733a7825eb373e39', class: { description: true, empty: emptyBody } }, this.hasBody ? null : this.description, h("div", { key: '2542a822fc3a3d9a91cdc9dff7f37ecb73c2d4c9', ref: (el) => (this.bodyEl = el), class: "slotted" }, h("slot", { key: '232f4a63318600bbb13b0276216c802cea35549c' }))), this.hasActions ? h("div", { class: "actions" }, h("slot", { name: "actions" })) : null)));
+        return (h(Host, { key: '7012b71842ce4e6ffe170bde0f0e662b3a5a7efe' }, h("div", { key: '2cb4d41d55095d17e27d1b56bd2fcd69224f0bd9', class: { state: true, [this.variant]: true, compact: this.compact, bare: this.bare }, role: this.variant === 'error' ? 'alert' : undefined }, h("span", { key: '93c918d6f300722820a36275a6081797487927ab', class: "well" }, this.icon ? h("i", { class: this.icon, "aria-hidden": "true" }) : h(Glyph, { glyph: VARIANT_GLYPH[this.variant] || VARIANT_GLYPH.empty })), this.heading ? h(Heading, { class: "heading" }, this.heading) : null, h("div", { key: '0eaeaa6f1e22059e3f47b7c9a053fef1171bacc5', class: { description: true, empty: emptyBody } }, this.hasBody ? null : this.description, h("div", { key: 'd23d71ed12638e398dc0f25cc24025fbec81b9e8', ref: (el) => (this.bodyEl = el), class: "slotted" }, h("slot", { key: '726e674870ecacc7da47526da615df11a29ee443' }))), this.hasActions ? h("div", { class: "actions" }, h("slot", { name: "actions" })) : null)));
     }
     static get is() { return "sui-empty-state"; }
     static get encapsulation() { return "scoped"; }
@@ -107,7 +107,7 @@ export class SuiEmptyState {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Outcome flavour: `empty`, `success` (the brand, never a green), `error` (the deep accent) or `not-found`.\nSets the icon well colors and the default icon. Only `error` renders `role=\"alert\"`, so only\na failed operation interrupts a screen reader; do not use it for a merely empty list. The\nicon is `aria-hidden`, so the heading and body are the whole accessible content."
+                    "text": "Outcome flavor: `empty`, `success` (the brand, never a green), `error` (the deep accent) or `not-found`.\nSets the icon well colors and the default icon. Only `error` renders `role=\"alert\"`, so only\na failed operation interrupts a screen reader; do not use it for a merely empty list. The\nicon is `aria-hidden`, so the heading and body are the whole accessible content."
                 },
                 "getter": false,
                 "setter": false,

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

@@ -21,7 +21,7 @@ export class SuiFieldset {
     /** Puts a disclosure button with `aria-expanded` and `aria-controls` inside the legend. The body
      *  closes over `--duration-base` and unmounts once it has closed. Reflected. */
     collapsible = false;
-    /** Whether the body is hidden. Seeds the state (the reference `defaultCollapsed`) and tracks it afterwards; writing it from script emits nothing. */
+    /** Whether the body is hidden. Seeds the state (the reference `defaultCollapsed`) and tracks it afterward; writing it from script emits nothing. */
     collapsed = false;
     /**
      * Disables every form control inside the group through the native `fieldset[disabled]`
@@ -114,7 +114,7 @@ export class SuiFieldset {
         this.suiOpen.emit();
     };
     render() {
-        return (h(Host, { key: '82f9fb852f9a21fdd78b89379b2bb8299721d14c', class: { collapsed: this.collapsed, closed: !this.mounted, collapsible: this.collapsible } }, h("fieldset", { key: '89039257843e751b67bfebfa72c2be402f29c7d1', class: "set", disabled: this.disabled }, h("legend", { key: '8bfd12020b6f09ae6c597c286e055add90f22b49', class: "legend" }, this.collapsible ? (h("button", { type: "button", class: "toggle", "aria-expanded": this.collapsed ? 'false' : 'true', "aria-controls": this.bodyId, onClick: this.toggle }, h(Glyph, { glyph: chevronDown, class: "chev" }), h("span", null, this.legend))) : (h("span", { class: "text" }, this.legend))), h("div", { key: 'fb5040bff8f07d2b71b12211d710e9b5a801540c', class: { reveal: true, open: !this.collapsed }, ref: (el) => (this.reveal = el) }, this.mounted ? (h("div", { class: "body", id: this.bodyId }, h("div", { class: "content" }, h("slot", null)))) : null))));
+        return (h(Host, { key: '59953dc833a3d4cbd2ba868e8363c4b981fe8bad', class: { collapsed: this.collapsed, closed: !this.mounted, collapsible: this.collapsible } }, h("fieldset", { key: '8241f36ad412819cb7cd6235b12251e7137a30a5', class: "set", disabled: this.disabled }, h("legend", { key: 'be34aced3da1507da5abe4c2d19bbaa16265a99d', class: "legend" }, this.collapsible ? (h("button", { type: "button", class: "toggle", "aria-expanded": this.collapsed ? 'false' : 'true', "aria-controls": this.bodyId, onClick: this.toggle }, h(Glyph, { glyph: chevronDown, class: "chev" }), h("span", null, this.legend))) : (h("span", { class: "text" }, this.legend))), h("div", { key: '5c009175a6cd8b32dde81e0d6d772185f1ff383b', class: { reveal: true, open: !this.collapsed }, ref: (el) => (this.reveal = el) }, this.mounted ? (h("div", { class: "body", id: this.bodyId }, h("div", { class: "content" }, h("slot", null)))) : null))));
     }
     static get is() { return "sui-fieldset"; }
     static get encapsulation() { return "scoped"; }
@@ -182,7 +182,7 @@ export class SuiFieldset {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Whether the body is hidden. Seeds the state (the reference `defaultCollapsed`) and tracks it afterwards; writing it from script emits nothing."
+                    "text": "Whether the body is hidden. Seeds the state (the reference `defaultCollapsed`) and tracks it afterward; writing it from script emits nothing."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/sui-file-upload/sui-file-upload.js

@@ -226,17 +226,17 @@ export class SuiFileUpload {
     /** Cancels the uploads in flight, whose rows then read as failed so `upload()` can send them
      *  again, and revokes the previews it made. */
     release() {
-        const cancelled = Array.from(this.sending.keys());
+        const canceled = Array.from(this.sending.keys());
         this.sending.forEach((xhr) => xhr.abort?.());
         this.sending.clear();
         const ours = this.objectUrls;
         this.objectUrls = new Set();
         ours.forEach((u) => this.revoke(u));
-        if (!cancelled.length && !ours.size)
+        if (!canceled.length && !ours.size)
             return;
         this.files = (this.files || []).map((row) => {
             let next = row;
-            if (row.file && cancelled.includes(row.file))
+            if (row.file && canceled.includes(row.file))
                 next = { ...next, status: 'error', error: failedText() };
             if (row.thumbnail && ours.has(row.thumbnail)) {
                 next = { ...next, thumbnail: undefined };
@@ -462,10 +462,10 @@ export class SuiFileUpload {
         const disabled = this.isDisabled;
         const invalid = !!this.error;
         const id = this.fieldId;
-        return (h(Host, { key: '5802f0c2d7e13a0f0311df5fb6aaf4ebfaf6d466' }, this.label ? (h("span", { class: "sui-field-label sui-upload-label", id: `${id}-label` }, this.label, this.required ? h("span", { class: "sui-field-req", "aria-hidden": "true" }, "*") : null)) : null, h("div", { key: '14ce75f09fc46158cca9303e89dbc15c9866dbc3', ref: (el) => (this.zone = el), class: { 'sui-upload-zone': true, over: this.over, compact: this.compact, disabled, invalid }, role: "button", tabIndex: disabled ? -1 : 0, "aria-label": this.label ? undefined : localeText(undefined, 'file-upload.uploadFiles', undefined, 'Upload files'), "aria-labelledby": this.label ? `${id}-label ${id}-title` : undefined, "aria-describedby": this.error ? `${id}-err` : help ? `${id}-help` : undefined, "aria-disabled": disabled ? 'true' : null, "aria-invalid": invalid ? 'true' : null, onClick: () => {
+        return (h(Host, { key: 'b60b738b2716515123214f59b1e7b0139cb1af23' }, this.label ? (h("span", { class: "sui-field-label sui-upload-label", id: `${id}-label` }, this.label, this.required ? h("span", { class: "sui-field-req", "aria-hidden": "true" }, "*") : null)) : null, h("div", { key: 'b564ae709d5f238b383e2e0c8462c9028ccf575f', ref: (el) => (this.zone = el), class: { 'sui-upload-zone': true, over: this.over, compact: this.compact, disabled, invalid }, role: "button", tabIndex: disabled ? -1 : 0, "aria-label": this.label ? undefined : localeText(undefined, 'file-upload.uploadFiles', undefined, 'Upload files'), "aria-labelledby": this.label ? `${id}-label ${id}-title` : undefined, "aria-describedby": this.error ? `${id}-err` : help ? `${id}-help` : undefined, "aria-disabled": disabled ? 'true' : null, "aria-invalid": invalid ? 'true' : null, onClick: () => {
                 if (!this.isDisabled)
                     this.input?.click();
-            }, onKeyDown: this.onZoneKey, onDragEnter: this.onDragEnter, onDragOver: this.onDragOver, onDragLeave: this.onDragLeave, onDrop: this.onDrop }, h(Glyph, { key: 'd9b86748feb1a4d1be468c37fa5b215e4cc55d1a', glyph: cloudArrowUp, class: "sui-upload-icon" }), h("span", { key: 'ef3c454acde1334139e329f5da94452ff2653149', class: "sui-upload-title", id: `${id}-title` }, localeText(undefined, 'file-upload.drop', undefined, 'Drop files here or '), h("span", { key: '79b381ef4f7044749152ccbe5c877babdf8d52c2', class: "sui-upload-browse" }, localeText(undefined, 'file-upload.browse', undefined, 'browse'))), help ? h("span", { class: "sui-upload-hint", id: `${id}-help` }, help) : null, h("input", { key: '6d2fa122550bd6e58fc4521985fca894c3e8bfff', ref: (el) => (this.input = el), class: "sui-upload-input", type: "file", accept: this.accept, multiple: this.multiple, disabled: disabled, tabIndex: -1, "aria-hidden": "true", onChange: this.onPick })), rows.map((f, i) => {
+            }, onKeyDown: this.onZoneKey, onDragEnter: this.onDragEnter, onDragOver: this.onDragOver, onDragLeave: this.onDragLeave, onDrop: this.onDrop }, h(Glyph, { key: '19e0237b68a2560023b4427b58156cf647fccd2c', glyph: cloudArrowUp, class: "sui-upload-icon" }), h("span", { key: '2a462ae136ee8bd692fb446dbc88ff416c1fdc9e', class: "sui-upload-title", id: `${id}-title` }, localeText(undefined, 'file-upload.drop', undefined, 'Drop files here or '), h("span", { key: '4560c3623e8b158e8c626ca48195fcb5f5b5fa4b', class: "sui-upload-browse" }, localeText(undefined, 'file-upload.browse', undefined, 'browse'))), help ? h("span", { class: "sui-upload-hint", id: `${id}-help` }, help) : null, h("input", { key: 'd6e60e2f88f30b8f8dfc628dc3161ba5b3185dd7', ref: (el) => (this.input = el), class: "sui-upload-input", type: "file", accept: this.accept, multiple: this.multiple, disabled: disabled, tabIndex: -1, "aria-hidden": "true", onChange: this.onPick })), rows.map((f, i) => {
             const pct = f.progress ?? 40;
             const nth = (seen.get(f.name) ?? 0) + 1;
             seen.set(f.name, nth);
@@ -710,7 +710,7 @@ export class SuiFileUpload {
                     "references": {
                         "SuiFileRow": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-file-upload/sui-file-upload.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-file-upload/sui-file-upload.tsx",
                             "id": "src/components/sui-file-upload/sui-file-upload.tsx::SuiFileRow"
                         }
                     }
@@ -789,7 +789,7 @@ export class SuiFileUpload {
                     "references": {
                         "SuiFileRow": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-file-upload/sui-file-upload.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-file-upload/sui-file-upload.tsx",
                             "id": "src/components/sui-file-upload/sui-file-upload.tsx::SuiFileRow"
                         }
                     }
@@ -830,7 +830,7 @@ export class SuiFileUpload {
                     "references": {
                         "SuiUploadRequestDetail": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-file-upload/sui-file-upload.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-file-upload/sui-file-upload.tsx",
                             "id": "src/components/sui-file-upload/sui-file-upload.tsx::SuiUploadRequestDetail"
                         }
                     }
@@ -851,7 +851,7 @@ export class SuiFileUpload {
                     "references": {
                         "SuiUploadProgressDetail": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-file-upload/sui-file-upload.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-file-upload/sui-file-upload.tsx",
                             "id": "src/components/sui-file-upload/sui-file-upload.tsx::SuiUploadProgressDetail"
                         }
                     }
@@ -872,7 +872,7 @@ export class SuiFileUpload {
                     "references": {
                         "SuiUploadResultDetail": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-file-upload/sui-file-upload.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-file-upload/sui-file-upload.tsx",
                             "id": "src/components/sui-file-upload/sui-file-upload.tsx::SuiUploadResultDetail"
                         }
                     }
@@ -893,7 +893,7 @@ export class SuiFileUpload {
                     "references": {
                         "SuiUploadResultDetail": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-file-upload/sui-file-upload.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-file-upload/sui-file-upload.tsx",
                             "id": "src/components/sui-file-upload/sui-file-upload.tsx::SuiUploadResultDetail"
                         }
                     }

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

@@ -328,7 +328,7 @@ export class SuiFilterPanel {
                     "references": {
                         "SuiFilterDef": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-filter-panel/sui-filter-panel.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-filter-panel/sui-filter-panel.tsx",
                             "id": "src/components/sui-filter-panel/sui-filter-panel.tsx::SuiFilterDef"
                         }
                     }
@@ -372,7 +372,7 @@ export class SuiFilterPanel {
                     "references": {
                         "SuiFilterValues": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-filter-panel/sui-filter-panel.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-filter-panel/sui-filter-panel.tsx",
                             "id": "src/components/sui-filter-panel/sui-filter-panel.tsx::SuiFilterValues"
                         }
                     }
@@ -412,7 +412,7 @@ export class SuiFilterPanel {
                     "references": {
                         "SuiFilterValues": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-filter-panel/sui-filter-panel.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-filter-panel/sui-filter-panel.tsx",
                             "id": "src/components/sui-filter-panel/sui-filter-panel.tsx::SuiFilterValues"
                         }
                     }
@@ -433,7 +433,7 @@ export class SuiFilterPanel {
                     "references": {
                         "SuiFilterValues": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-filter-panel/sui-filter-panel.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-filter-panel/sui-filter-panel.tsx",
                             "id": "src/components/sui-filter-panel/sui-filter-panel.tsx::SuiFilterValues"
                         }
                     }

package/dist/collection/components/sui-float-label/sui-float-label.js

@@ -137,7 +137,7 @@ export class SuiFloatLabel {
     render() {
         const up = this.focused || this.value.length > 0;
         const invalid = this.invalid || !!this.error;
-        return (h(FieldShell, { key: 'fbe190ed093fd199fbae1f5332b74ff3dfb376e1', help: this.help, error: this.error, descId: this.fieldId }, h("div", { key: '88c016752270f107da947149cfce1edbaefa94c1', class: { 'sui-float': true, up, focus: this.focused, invalid } }, h("input", { key: '15908e6cadaa01ce554e8d9c53656ab42f78be88', ref: (el) => (this.input = el), id: this.fieldId, class: { 'sui-input': true, 'sui-frame': true, lg: true, invalid }, type: this.type, value: this.value, required: this.required, disabled: this.isDisabled, readOnly: this.readOnly, maxLength: this.maxLength, autocomplete: this.autocomplete, pattern: this.pattern, minLength: this.minLength, inputMode: this.hints.inputmode, enterKeyHint: this.hints.enterkeyhint, "aria-label": this.label ? undefined : this.hostLabel, "aria-labelledby": this.label ? undefined : this.hostLabelledby, "aria-invalid": invalid ? 'true' : null, "aria-describedby": describedBy(this.fieldId, this.help, this.error), onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, onChange: this.onChange }), h("label", { key: '5b3a8521a56c0f24288574c4599390d60f433242', class: "float-label", htmlFor: this.fieldId }, this.label, this.required ? h("span", { class: "sui-field-req", "aria-hidden": "true" }, "*") : null))));
+        return (h(FieldShell, { key: '8f9a8dc84a706dc09ea2c2e1c413821e46a9fafa', help: this.help, error: this.error, descId: this.fieldId }, h("div", { key: '81b4b1c68f7c11c5432b29d06f55a78aa6f6b841', class: { 'sui-float': true, up, focus: this.focused, invalid } }, h("input", { key: '619bd89da26a7f1cc91bbd8f47f352e0236546f8', ref: (el) => (this.input = el), id: this.fieldId, class: { 'sui-input': true, 'sui-frame': true, lg: true, invalid }, type: this.type, value: this.value, required: this.required, disabled: this.isDisabled, readOnly: this.readOnly, maxLength: this.maxLength, autocomplete: this.autocomplete, pattern: this.pattern, minLength: this.minLength, inputMode: this.hints.inputmode, enterKeyHint: this.hints.enterkeyhint, "aria-label": this.label ? undefined : this.hostLabel, "aria-labelledby": this.label ? undefined : this.hostLabelledby, "aria-invalid": invalid ? 'true' : null, "aria-describedby": describedBy(this.fieldId, this.help, this.error), onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, onChange: this.onChange }), h("label", { key: 'c981aee4cb39f5c99b6bb4320be7ce0479e62fba', class: "float-label", htmlFor: this.fieldId }, this.label, this.required ? h("span", { class: "sui-field-req", "aria-hidden": "true" }, "*") : null))));
     }
     static get is() { return "sui-float-label"; }
     static get encapsulation() { return "scoped"; }

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

@@ -10,7 +10,7 @@ export class SuiFluid {
     /** Vertical gap between children in px. 14 matches the form stack. */
     gap = 14;
     render() {
-        return (h(Host, { key: '27d68663c89484e99754667044e75ef2b63ede70', style: { gap: `${this.gap}px` } }, h("slot", { key: 'e6f30518196c5d7e3d3fdde8ca3d67d3a2e081ac' })));
+        return (h(Host, { key: 'd033991e2e8b3c204d9a3f00b827144e1556b559', style: { gap: `${this.gap}px` } }, h("slot", { key: '47fc1c8985ad638deb0b1a0ec96ccc625c2fba3a' })));
     }
     static get is() { return "sui-fluid"; }
     static get encapsulation() { return "scoped"; }

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

@@ -317,7 +317,7 @@ export class SuiForm {
             this.form.submit?.();
     };
     render() {
-        return (h(Host, { key: '6c027ccc85abb0807e7f4744e031a086720d6130' }, h("form", { key: 'ebadf1a877b54c35c2019c64b1b1163cf1efb13a', ref: (el) => (this.form = el), id: this.formId, class: "sui-form", noValidate: true, onSubmit: this.onSubmit }, h("slot", { key: 'a3a8cf94f678872a7efd26f49826b58697967fec' }))));
+        return (h(Host, { key: '9e424b0f4a9d78f8074758d1b0c5b4656a9163fd' }, h("form", { key: 'd179d3f107a397e9c66c16816658ee3f14e370c4', ref: (el) => (this.form = el), id: this.formId, class: "sui-form", noValidate: true, onSubmit: this.onSubmit }, h("slot", { key: '7020fb5e4e886d01c04cf45fb79547b178f0111b' }))));
     }
     static get is() { return "sui-form"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/sui-form-actions/sui-form-actions.js

@@ -59,7 +59,7 @@ export class SuiFormActions {
         const form = this.formId();
         const primaryType = PRIMARY_TYPES.includes(this.primaryType) ? this.primaryType : 'button';
         const secondaryType = SECONDARY_TYPES.includes(this.secondaryType) ? this.secondaryType : 'button';
-        return (h(Host, { key: '3d6f1ff1a5f122f0aba0952026f354b1ffffcd0f' }, h("div", { key: '83683b89a0b15e4ea1037cabe4513ed1ce303bc4', class: { bar: true, sticky: this.sticky } }, h("slot", { key: '355c7473aedd2508e2487aced90cd614845d90c1', name: "status" }), h("div", { key: '54ee8ad10c5dd59af32fb7ec87e5e52976d71c8f', class: "spacer" }), this.hideSecondary ? null : (h("sui-button", { class: "secondary", variant: "outline", size: "md", type: secondaryType, form: form, label: localeText(undefined, 'form-actions.secondary', this.secondaryLabel, 'Cancel'), onClick: () => this.suiSecondary.emit() })), h("sui-button", { key: 'b8a2a450ae4ac4045095dd054236eb0aa2ad44d7', class: "primary", variant: "brand", size: "md", type: primaryType, form: form, label: localeText(undefined, 'form-actions.primary', this.primaryLabel, 'Save'), disabled: this.primaryDisabled, loading: this.primaryLoading, onClick: () => {
+        return (h(Host, { key: '0ec0425755d3910d43ea8756ec8deb587a470a16' }, h("div", { key: 'bb9688137bce7a5d6fb203bd42a24fed93a9e033', class: { bar: true, sticky: this.sticky } }, h("slot", { key: 'bd8dd1bdf235cb796201fd647515a881e219ca3f', name: "status" }), h("div", { key: 'f1e168eef62e7a94e0e173d192ea91627f91dcc1', class: "spacer" }), this.hideSecondary ? null : (h("sui-button", { class: "secondary", variant: "outline", size: "md", type: secondaryType, form: form, label: localeText(undefined, 'form-actions.secondary', this.secondaryLabel, 'Cancel'), onClick: () => this.suiSecondary.emit() })), h("sui-button", { key: 'c83cf62a00cb0cb22cdfc4473b74bc04114f2c15', class: "primary", variant: "brand", size: "md", type: primaryType, form: form, label: localeText(undefined, 'form-actions.primary', this.primaryLabel, 'Save'), disabled: this.primaryDisabled, loading: this.primaryLoading, onClick: () => {
                 if (!this.primaryDisabled && !this.primaryLoading)
                     this.suiPrimary.emit();
             } }))));

package/dist/collection/components/sui-form-layout/sui-form-layout.js

@@ -61,7 +61,7 @@ export class SuiFormLayout {
     }
     render() {
         const cols = Math.max(1, Math.floor(this.columns) || 1);
-        return (h(Host, { key: 'f2d1db8c7223db12a6754aa0c2aff8bc50b380b6' }, h("div", { key: 'ab865ee2ee2417e8b8e99c13f4fba61abb73e221', class: "card" }, this.heading || this.hasStatus || this.hasHeaderEnd ? (h("div", { class: "head" }, h("div", { class: "titles" }, this.heading ? h("div", { class: "title" }, this.heading) : null, this.subtitle ? h("div", { class: "subtitle" }, this.subtitle) : null), h("slot", { name: "status" }), h("slot", { name: "header-end" }))) : null, h("div", { key: 'b14c2d2d85792ff539689a1508a03886a6e6db2b', class: "grid", style: { gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))` } }, h("slot", { key: '4323653c95abe4a21292a73b6c524e41a518a1b8' })), h("slot", { key: '06ad097013f2c0039b91230596d95128fceddc25', name: "actions" }))));
+        return (h(Host, { key: 'deb1e784d9e8e8037332a3d223b75b19a5d3fd9c' }, h("div", { key: '00d95868772fc2d5acbeff1875dfb33954b0685f', class: "card" }, this.heading || this.hasStatus || this.hasHeaderEnd ? (h("div", { class: "head" }, h("div", { class: "titles" }, this.heading ? h("div", { class: "title" }, this.heading) : null, this.subtitle ? h("div", { class: "subtitle" }, this.subtitle) : null), h("slot", { name: "status" }), h("slot", { name: "header-end" }))) : null, h("div", { key: '965abe415d8a8d47f10bfb1a3377d80fa5ae57d7', class: "grid", style: { gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))` } }, h("slot", { key: '2780f8e6133fda03b15655e5bfe3760d9a1987d1' })), h("slot", { key: '3757d1181541153ff03e63c0952ee9f76554d757', name: "actions" }))));
     }
     static get is() { return "sui-form-layout"; }
     static get encapsulation() { return "scoped"; }

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

@@ -51,7 +51,7 @@ export class SuiGalleria {
     /**
      * Shows the full-screen viewer. Mutable; the element opens it from the full-screen control and
      * closes it on Escape, the scrim and the close control. Focus is trapped inside while it is open
-     * and returns to the control afterwards. While open, and while it fades out, the viewer paints in
+     * and returns to the control afterward. While open, and while it fades out, the viewer paints in
      * the browser's top layer, so a transformed or clipping ancestor cannot trap it; everything
      * outside it is inert and the page does not scroll, and a node the page adds outside it while it
      * is open goes inert too. The viewer is `role="dialog"` with no `aria-modal`, so VoiceOver keeps
@@ -373,7 +373,7 @@ export class SuiGalleria {
         const list = this.items || [];
         const cur = list[this.index] || {};
         const name = this.host.getAttribute('aria-label') || localeText(undefined, 'galleria.imageViewer', undefined, 'Image viewer');
-        return (h(Host, { key: '1ef00acc3af19b6d36fa37439355038c15e1e125', onKeyDown: this.onHostKeyDown }, h("div", { key: 'd0198daf7788700f5961cdd71340656bf77396bd', class: "hero", style: { height: `${this.height}px` }, onPointerDown: this.onPointerDown }, cur.src && this.failed.has(cur.src) ? h(MediaFallback, { text: localeText(undefined, 'galleria.unavailable', undefined, 'Image unavailable') }) : null, cur.src && !this.failed.has(cur.src) ? h("img", { class: "hero-img", src: cur.src, alt: cur.alt || '', onError: () => this.fail(cur.src) }) : null, cur.caption ? h("div", { class: "caption" }, cur.caption) : null, this.navigators(), Number(this.autoplay) > 0 && !this.reduced
+        return (h(Host, { key: 'c6af17ee902554ee5e64bb53f7c2bbe8392cdb22', onKeyDown: this.onHostKeyDown }, h("div", { key: '543249abb2d3e13400fcd8b5cdb0017401e0466b', class: "hero", style: { height: `${this.height}px` }, onPointerDown: this.onPointerDown }, cur.src && this.failed.has(cur.src) ? h(MediaFallback, { text: localeText(undefined, 'galleria.unavailable', undefined, 'Image unavailable') }) : null, cur.src && !this.failed.has(cur.src) ? h("img", { class: "hero-img", src: cur.src, alt: cur.alt || '', onError: () => this.fail(cur.src) }) : null, cur.caption ? h("div", { class: "caption" }, cur.caption) : null, this.navigators(), Number(this.autoplay) > 0 && !this.reduced
             ? this.control('play', this.playing ? pause : play, this.playing ? localeText(undefined, 'galleria.pauseAutoplay', undefined, 'Pause autoplay') : localeText(undefined, 'galleria.startAutoplay', undefined, 'Start autoplay'), this.togglePlay)
             : null, this.fullScreen ? this.control('expand', expand, localeText(undefined, 'galleria.openFullScreen', undefined, 'Open full screen'), this.openFull) : null), this.thumbs(list, false), this.open || this.closing ? (h("div", { id: this.layerId, class: { layer: true, closing: this.closing }, inert: this.closing, ref: (el) => (this.layer = el), role: "dialog", "aria-label": name, onClick: this.onLayerClick, onKeyDown: this.onKeyDown }, cur.caption ? h("div", { class: "full-caption" }, cur.caption) : null, this.control('close', xmark, localeText(undefined, 'galleria.close', undefined, 'Close'), () => this.requestClose('close-button'), false, true), h("div", { class: "stage", ref: (el) => (this.stage = el), onPointerDown: this.onPointerDown }, cur.src && this.failed.has(cur.src) ? h(MediaFallback, { inverse: true, text: localeText(undefined, 'galleria.unavailable', undefined, 'Image unavailable') }) : null, cur.src && !this.failed.has(cur.src) ? h("img", { class: "full-img", src: cur.src, alt: cur.alt || '', onError: () => this.fail(cur.src) }) : null, this.navigators(true)), this.thumbs(list, true))) : null));
     }
@@ -400,7 +400,7 @@ export class SuiGalleria {
                     "references": {
                         "SuiGalleriaItem": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-galleria/sui-galleria.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-galleria/sui-galleria.tsx",
                             "id": "src/components/sui-galleria/sui-galleria.tsx::SuiGalleriaItem"
                         }
                     }
@@ -546,7 +546,7 @@ export class SuiGalleria {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Shows the full-screen viewer. Mutable; the element opens it from the full-screen control and\ncloses it on Escape, the scrim and the close control. Focus is trapped inside while it is open\nand returns to the control afterwards. While open, and while it fades out, the viewer paints in\nthe browser's top layer, so a transformed or clipping ancestor cannot trap it; everything\noutside it is inert and the page does not scroll, and a node the page adds outside it while it\nis open goes inert too. The viewer is `role=\"dialog\"` with no `aria-modal`, so VoiceOver keeps\nreading the toast region; Tab goes on from the viewer into the toast stack and back. An element\nthe page marks `data-sui-keep-live` stays usable with everything in it, and focus may move into\nit and back."
+                    "text": "Shows the full-screen viewer. Mutable; the element opens it from the full-screen control and\ncloses it on Escape, the scrim and the close control. Focus is trapped inside while it is open\nand returns to the control afterward. While open, and while it fades out, the viewer paints in\nthe browser's top layer, so a transformed or clipping ancestor cannot trap it; everything\noutside it is inert and the page does not scroll, and a node the page adds outside it while it\nis open goes inert too. The viewer is `role=\"dialog\"` with no `aria-modal`, so VoiceOver keeps\nreading the toast region; Tab goes on from the viewer into the toast stack and back. An element\nthe page marks `data-sui-keep-live` stays usable with everything in it, and focus may move into\nit and back."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/sui-icon-button/sui-icon-button.css

@@ -18,47 +18,49 @@
 .sui-ib.lg .sui-ib-icon { font-size: var(--icon-size-lg); }
 
 .sui-ib.ghost { background: transparent; color: var(--ink-muted); border-color: transparent; }
-.sui-ib.ghost:hover:not(:disabled) { background: var(--brand-soft); color: var(--ink); }
-.sui-ib.ghost:active:not(:disabled) { background: color-mix(in srgb, var(--brand-soft) 92%, var(--ink)); color: var(--ink); }
+.sui-ib.ghost:hover:not(:disabled, .loading, .disabled) { background: var(--brand-soft); color: var(--ink); }
+.sui-ib.ghost:active:not(:disabled, .loading, .disabled) { background: color-mix(in srgb, var(--brand-soft) 92%, var(--ink)); color: var(--ink); }
 
 .sui-ib.outline { background: var(--surface); color: var(--ink-muted); border-color: var(--sui-button-border, var(--control-border)); }
-.sui-ib.outline:hover:not(:disabled) { background: var(--brand-soft); color: var(--ink); }
-.sui-ib.outline:active:not(:disabled) { background: color-mix(in srgb, var(--brand-soft) 92%, var(--ink)); color: var(--ink); }
+.sui-ib.outline:hover:not(:disabled, .loading, .disabled) { background: var(--brand-soft); color: var(--ink); }
+.sui-ib.outline:active:not(:disabled, .loading, .disabled) { background: color-mix(in srgb, var(--brand-soft) 92%, var(--ink)); color: var(--ink); }
 
 .sui-ib.brand { background: var(--brand); color: var(--brand-contrast); }
-.sui-ib.brand:hover:not(:disabled) { background: var(--brand-hover); }
+.sui-ib.brand:hover:not(:disabled, .loading, .disabled) { background: var(--brand-hover); }
 .sui-ib.brand:focus-visible { outline-color: var(--sui-button-focus-brand, var(--focus-ring)); }
-.sui-ib.brand:active:not(:disabled) { background: var(--brand-active); }
+.sui-ib.brand:active:not(:disabled, .loading, .disabled) { background: var(--brand-active); }
 
 .sui-ib.accent { background: var(--accent); color: var(--accent-contrast); }
-.sui-ib.accent:hover:not(:disabled) { background: var(--accent-hover); }
+.sui-ib.accent:hover:not(:disabled, .loading, .disabled) { background: var(--accent-hover); }
 .sui-ib.accent:focus-visible { outline-color: var(--sui-button-focus-accent, var(--focus-ring)); }
-.sui-ib.accent:active:not(:disabled) { background: var(--accent-active); }
+.sui-ib.accent:active:not(:disabled, .loading, .disabled) { background: var(--accent-active); }
 
 .sui-ib.danger { background: var(--danger-fill); color: var(--danger-contrast); box-shadow: inset 0 0 0 1.5px var(--danger-fill-edge); }
 .sui-ib.danger:disabled:not(.loading), .sui-ib.danger.disabled { box-shadow: none; }
-.sui-ib.danger:hover:not(:disabled) { background: var(--danger-hover); }
+.sui-ib.danger:hover:not(:disabled, .loading, .disabled) { background: var(--danger-hover); }
 .sui-ib.danger:focus-visible { outline-color: var(--sui-button-focus-danger, var(--focus-ring)); }
-.sui-ib.danger:active:not(:disabled) { background: var(--danger-active); }
+.sui-ib.danger:active:not(:disabled, .loading, .disabled) { background: var(--danger-active); }
 
 .sui-ib.ghost.tone-danger, .sui-ib.outline.tone-danger { color: var(--danger); }
 .sui-ib.outline.tone-danger { border-color: var(--danger); }
-.sui-ib.ghost.tone-danger:hover:not(:disabled), .sui-ib.outline.tone-danger:hover:not(:disabled) { background: var(--danger-soft); color: var(--danger); }
-.sui-ib.ghost.tone-danger:active:not(:disabled), .sui-ib.outline.tone-danger:active:not(:disabled) { background: color-mix(in srgb, var(--danger-soft) 84%, var(--danger)); color: var(--danger); }
+.sui-ib.ghost.tone-danger:hover:not(:disabled, .loading, .disabled), .sui-ib.outline.tone-danger:hover:not(:disabled, .loading, .disabled) { background: var(--danger-soft); color: var(--danger); }
+.sui-ib.ghost.tone-danger:active:not(:disabled, .loading, .disabled), .sui-ib.outline.tone-danger:active:not(:disabled, .loading, .disabled) { background: color-mix(in srgb, var(--danger-soft) 84%, var(--danger)); color: var(--danger); }
 
-/* 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. */
 .sui-ib.inverse { --focus-ring: var(--ink-inverse); --focus-shadow: none; }
 .sui-ib.ghost.inverse { background: transparent; color: var(--ink-inverse-muted); border-color: transparent; }
-.sui-ib.ghost.inverse:hover:not(:disabled) { background: var(--border-inverse); color: var(--ink-inverse); }
-.sui-ib.ghost.inverse:active:not(:disabled) { background: color-mix(in srgb, var(--ink-inverse) 22%, transparent); color: var(--ink-inverse); }
+.sui-ib.ghost.inverse:hover:not(:disabled, .loading, .disabled) { background: var(--border-inverse); color: var(--ink-inverse); }
+.sui-ib.ghost.inverse:active:not(:disabled, .loading, .disabled) { background: color-mix(in srgb, var(--ink-inverse) 22%, transparent); color: var(--ink-inverse); }
 
 .sui-ib.outline.inverse { background: transparent; color: var(--ink-inverse-muted); border-color: var(--border-inverse); }
-.sui-ib.outline.inverse:hover:not(:disabled) { background: var(--border-inverse); color: var(--ink-inverse); }
-.sui-ib.outline.inverse:active:not(:disabled) { background: color-mix(in srgb, var(--ink-inverse) 22%, transparent); color: var(--ink-inverse); }
+.sui-ib.outline.inverse:hover:not(:disabled, .loading, .disabled) { background: var(--border-inverse); color: var(--ink-inverse); }
+.sui-ib.outline.inverse:active:not(:disabled, .loading, .disabled) { background: color-mix(in srgb, var(--ink-inverse) 22%, transparent); color: var(--ink-inverse); }
 
-.sui-ib:disabled { cursor: not-allowed; }
-.sui-ib.loading { cursor: progress; pointer-events: none; }
-.sui-ib.disabled { pointer-events: none; }
+/* A blocked control keeps its pointer events, as on sui-button: without them a click passes through
+   to the element itself, where a framework's click handler hears it, and the tooltip that names the
+   reason never shows. The hover and press rules above leave a blocked control alone instead. */
+.sui-ib:disabled, .sui-ib.disabled { cursor: not-allowed; }
+.sui-ib.loading { cursor: progress; }
 .sui-ib:disabled:not(.loading), .sui-ib.disabled:not(.loading) { color: var(--disabled-ink); border-color: transparent; }
 .sui-ib.accent:disabled:not(.loading), .sui-ib.brand:disabled:not(.loading), .sui-ib.danger:disabled:not(.loading),
 .sui-ib.accent.disabled, .sui-ib.brand.disabled, .sui-ib.danger.disabled { background: var(--disabled-bg); }

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

@@ -1,5 +1,5 @@
 import { h, Host } from "@stencil/core";
-import { inheritAriaLabel, inheritAriaState } from "../../utils/aria";
+import { inheritAriaDescribedby, inheritAriaDisabled, inheritAriaLabel, inheritAriaState } from "../../utils/aria";
 import { delegateFocus } from "../../utils/form-control";
 import { Glyph } from "../_shared/glyph";
 import { circleNotch } from "../_shared/glyphs";
@@ -40,13 +40,18 @@ export class SuiIconButton {
     tone;
     /** Blocks clicks. As on `sui-button`, filled roles take the disabled well, an outline keeps its
      *  surface, a ghost stays bare, and on navy the ink fades. A disabled link keeps the look, drops its
-     *  `href`, reads `aria-disabled="true"` and takes no pointer events, since an anchor has no
-     *  `disabled` attribute of its own. */
+     *  `href`, reads `aria-disabled="true"` and swallows a click, since an anchor has no `disabled`
+     *  attribute of its own. A disabled button leaves the tab order and its tooltip with it; to keep
+     *  both, so a keyboard or screen reader user reaches it and the reason the tooltip gives, set
+     *  `aria-disabled="true"` on the element instead. The button then reads as disabled, takes the
+     *  same look and ignores a click, Enter and Space. An `aria-describedby` on the element reaches
+     *  the button too. */
     disabled = false;
     /** Shows a spinner in place of the icon and blocks clicks. The button stays focusable while busy,
      *  `aria-disabled` rather than disabled, so a keyboard user keeps their place and a modal trap
      *  around it holds; a click, Enter or Space does nothing until it clears. A link behaves the
-     *  same and keeps its `href`. Reflected. */
+     *  same: it drops its `href` until the work is done and stays a tab stop, so nothing opens
+     *  it, a new tab included. Reflected. */
     loading = false;
     /** Leaves out the tooltip the `aria-label` would otherwise draw, for a button whose name is
      *  already on screen beside it: a chip's remove control, a row that repeats the word. The name
@@ -95,6 +100,12 @@ export class SuiIconButton {
     stopAria;
     hostState = {};
     stopAriaState;
+    /** The element's own `aria-disabled="true"`: the focusable disabled button. */
+    hostDisabled = false;
+    stopAriaDisabled;
+    /** The element's own `aria-describedby`, forwarded to the button. */
+    hostDescribedby;
+    stopAriaDescribedby;
     /** Armed on every connect, not once at load: a button moved in the document, as a framework moves
      *  a keyed row or a dragged card, is disconnected on the way and would stop following its
      *  `aria-label` and state attributes. */
@@ -102,22 +113,33 @@ export class SuiIconButton {
         delegateFocus(this.host, () => this.btn);
         this.stopAria = inheritAriaLabel(this.host, (v) => { this.hostLabel = v; });
         this.stopAriaState = inheritAriaState(this.host, (s) => { this.hostState = { ...this.hostState, ...s }; });
+        this.stopAriaDisabled = inheritAriaDisabled(this.host, (v) => { this.hostDisabled = v; });
+        this.stopAriaDescribedby = inheritAriaDescribedby(this.host, (v) => { this.hostDescribedby = v; });
     }
     disconnectedCallback() {
         this.stopAria?.();
         this.stopAriaState?.();
+        this.stopAriaDisabled?.();
+        this.stopAriaDescribedby?.();
         this.stopAria = undefined;
         this.stopAriaState = undefined;
+        this.stopAriaDisabled = undefined;
+        this.stopAriaDescribedby = undefined;
     }
     btn;
     /** Moves keyboard focus to the button, or to the link when `href` is set. */
     async setFocus() {
         this.btn?.focus();
     }
-    /** True while the control swallows its activation: a busy button, or a link that is busy or
-     *  disabled. A disabled button dispatches no click of its own, so it needs nothing. */
+    /** Disabled by the element's `aria-disabled`, and not by `disabled`, which wins. */
+    get held() {
+        return this.hostDisabled && !this.disabled;
+    }
+    /** True while the control swallows its activation: a busy button, a link that is busy or
+     *  disabled, or a button held by `aria-disabled`. A disabled button dispatches no click of its
+     *  own, so it needs nothing. */
     get blocked() {
-        return this.href ? this.loading || this.disabled : this.loading && !this.disabled;
+        return this.held || (this.href ? this.loading || this.disabled : this.loading && !this.disabled);
     }
     /** The `rel` a link carries: the prop as given, else `noopener` for a `_blank` target. */
     get linkRel() {
@@ -130,20 +152,31 @@ export class SuiIconButton {
         e.preventDefault();
         e.stopImmediatePropagation();
     };
+    /** A script's `element.click()` lands on the element, not on the control inside, so the
+     *  control's handler never sees it. A native disabled button dispatches nothing for `click()`,
+     *  and this element swallows it the same way while it is disabled or blocked. */
+    onHostClick(e) {
+        if (e.target !== this.host || !(this.disabled || this.blocked))
+            return;
+        e.preventDefault();
+        e.stopImmediatePropagation();
+    }
     render() {
         const busy = this.loading;
         const off = this.disabled;
+        const held = this.held;
         const link = !!this.href;
+        const followable = link && !off && !this.blocked;
         const variant = VARIANTS.includes(this.variant) ? this.variant : 'ghost';
         const size = SIZES.includes(this.size) ? this.size : 'md';
         const quiet = variant === 'ghost' || variant === 'outline';
         const inverse = this.tone === 'inverse' && quiet;
         const danger = this.tone === 'danger' && quiet;
         const Control = (link ? 'a' : 'button');
-        const btn = (h(Control, { key: 'd257e81474796bef9e182e0648fd59820dffc015', ref: (el) => (this.btn = el), class: { 'sui-ib': true, [variant]: true, [size]: true, pill: this.pill, inverse, 'tone-danger': danger, loading: busy && !off, disabled: link && off }, type: link ? undefined : this.type, form: link ? undefined : this.form, name: link ? undefined : this.name, value: link ? undefined : this.value, disabled: link ? undefined : off, href: link && !off ? this.href : undefined, target: link && !off ? this.target : undefined, rel: link && !off ? this.linkRel : undefined, "aria-disabled": this.blocked ? 'true' : undefined, tabIndex: this.noTabStop ? -1 : undefined, "aria-label": this.hostLabel, "aria-busy": busy ? 'true' : 'false', onClick: this.onClick, ...this.hostState }, busy
+        const btn = (h(Control, { key: 'eb3532f8407d82a54276642424185de1033c1127', ref: (el) => (this.btn = el), class: { 'sui-ib': true, [variant]: true, [size]: true, pill: this.pill, inverse, 'tone-danger': danger, loading: busy && !off && !held, disabled: (link && off) || held }, type: link ? undefined : this.type, form: link ? undefined : this.form, name: link ? undefined : this.name, value: link ? undefined : this.value, disabled: link ? undefined : off, href: followable ? this.href : undefined, target: followable ? this.target : undefined, rel: followable ? this.linkRel : undefined, role: link && !followable ? 'link' : undefined, "aria-disabled": this.blocked ? 'true' : undefined, tabIndex: this.noTabStop ? -1 : link && !followable && !off ? 0 : undefined, "aria-label": this.hostLabel, "aria-describedby": this.hostDescribedby, "aria-busy": busy ? 'true' : 'false', onClick: this.onClick, ...this.hostState }, busy
             ? h(Glyph, { glyph: circleNotch, class: "sui-ib-spin sui-ib-icon" })
             : [this.icon ? h("i", { class: `${this.icon} sui-ib-icon`, "aria-hidden": "true" }) : null, h("slot", null)]));
-        return (h(Host, { key: '68454d2f097a35c705efe2e59abc22c443158400' }, this.hostLabel && !this.noTooltip ? (h("sui-tooltip", { content: this.hostLabel, position: "top" }, btn)) : (btn)));
+        return (h(Host, { key: '17babe5bf496bfb338d7197a87df6a6daecdbe55' }, this.hostLabel && !this.noTooltip ? (h("sui-tooltip", { content: this.hostLabel, position: "top" }, btn)) : (btn)));
     }
     static get is() { return "sui-icon-button"; }
     static get encapsulation() { return "scoped"; }
@@ -249,7 +282,7 @@ export class SuiIconButton {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Blocks clicks. As on `sui-button`, filled roles take the disabled well, an outline keeps its\nsurface, a ghost stays bare, and on navy the ink fades. A disabled link keeps the look, drops its\n`href`, reads `aria-disabled=\"true\"` and takes no pointer events, since an anchor has no\n`disabled` attribute of its own."
+                    "text": "Blocks clicks. As on `sui-button`, filled roles take the disabled well, an outline keeps its\nsurface, a ghost stays bare, and on navy the ink fades. A disabled link keeps the look, drops its\n`href`, reads `aria-disabled=\"true\"` and swallows a click, since an anchor has no `disabled`\nattribute of its own. A disabled button leaves the tab order and its tooltip with it; to keep\nboth, so a keyboard or screen reader user reaches it and the reason the tooltip gives, set\n`aria-disabled=\"true\"` on the element instead. The button then reads as disabled, takes the\nsame look and ignores a click, Enter and Space. An `aria-describedby` on the element reaches\nthe button too."
                 },
                 "getter": false,
                 "setter": false,
@@ -269,7 +302,7 @@ export class SuiIconButton {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Shows a spinner in place of the icon and blocks clicks. The button stays focusable while busy,\n`aria-disabled` rather than disabled, so a keyboard user keeps their place and a modal trap\naround it holds; a click, Enter or Space does nothing until it clears. A link behaves the\nsame and keeps its `href`. Reflected."
+                    "text": "Shows a spinner in place of the icon and blocks clicks. The button stays focusable while busy,\n`aria-disabled` rather than disabled, so a keyboard user keeps their place and a modal trap\naround it holds; a click, Enter or Space does nothing until it clears. A link behaves the\nsame: it drops its `href` until the work is done and stays a tab stop, so nothing opens\nit, a new tab included. Reflected."
                 },
                 "getter": false,
                 "setter": false,
@@ -476,7 +509,9 @@ export class SuiIconButton {
     static get states() {
         return {
             "hostLabel": {},
-            "hostState": {}
+            "hostState": {},
+            "hostDisabled": {},
+            "hostDescribedby": {}
         };
     }
     static get methods() {
@@ -501,4 +536,13 @@ export class SuiIconButton {
         };
     }
     static get elementRef() { return "host"; }
+    static get listeners() {
+        return [{
+                "name": "click",
+                "method": "onHostClick",
+                "target": undefined,
+                "capture": true,
+                "passive": false
+            }];
+    }
 }