@shineuix/core 1.0.0 → 1.0.1

package/dist/cjs/sui-toolbar.cjs.entry.js

@@ -88,7 +88,7 @@ const SuiToolbar = class {
         const variant = VARIANTS.includes(this.variant) ? this.variant : 'plain';
         const tone = this.tone && TONES.includes(this.tone) ? this.tone : undefined;
         const brand = tone === 'brand';
-        return (index.h(index.Host, { key: '7706b83c5b35d2c8653a820441f08edba7599b17', role: this.landmark === 'banner' || this.landmark === 'region' ? this.landmark : 'toolbar', class: {
+        return (index.h(index.Host, { key: '2b80bae87a5d3ced2775416cc635354abd99b3ad', role: this.landmark === 'banner' || this.landmark === 'region' ? this.landmark : 'toolbar', class: {
                 card: variant === 'card',
                 flush: variant === 'flush',
                 surface: tone === 'surface',
@@ -99,7 +99,7 @@ const SuiToolbar = class {
                 padded: variant !== 'plain' || !!tone,
                 sticky: this.sticky,
                 elevated: this.elevated,
-            } }, index.h("div", { key: 'dabcfa8e9c7e9922b285cd8dd390b84469399269', class: "group start" }, index.h("slot", { key: 'c63539c53785636e378c560a13a85e25d3495a56', name: "start" })), index.h("div", { key: '56f73e1ac524f6ceee8acc5051b5f8256f3bbd64', class: "group center" }, index.h("slot", { key: '2250492cd91dfd07af0eaf074e5d2116e61fe40d', name: "center" })), index.h("div", { key: '9a66ab6d730136429504897017d6800082ad5fcb', class: "group end" }, index.h("slot", { key: '5941764e4556e760bcebdbd2717244d85c4813c3', name: "end" }))));
+            } }, index.h("div", { key: '44b050c9ffb512bd2439d6fed6708b57469fd9e5', class: "group start" }, index.h("slot", { key: '6ddf2f3b9de4adffe21cd342274657ee9414db8f', name: "start" })), index.h("div", { key: '3a2b6e1acb2307c22e2b65902dc7f304d1afbfa1', class: "group center" }, index.h("slot", { key: '40f9547184977e868aa9584e741668186165df15', name: "center" })), index.h("div", { key: '9faab94997bc17ad9dd94ebeead247cc4810405a', class: "group end" }, index.h("slot", { key: '29a4d9bcb73988aed671f2247ae660ae4f7ceefa', name: "end" }))));
     }
 };
 SuiToolbar.style = suiToolbarCss();

package/dist/cjs/sui-tooltip.cjs.entry.js

@@ -1,13 +1,13 @@
 'use strict';
 
 var index = require('./index-BtWzlhN3.js');
-var overlay = require('./overlay-DcMtiB1L.js');
+var overlay = require('./overlay-CsoWlGY8.js');
 var anchor = require('./anchor-BjGUozqb.js');
 var slots = require('./slots-rhqoeAqs.js');
 var id = require('./id-Ca7UTKW6.js');
 require('./direction-BaE_rqNY.js');
 require('./focus-trap-CcyiWkvv.js');
-require('./motion-BaUBY31j.js');
+require('./motion-D8mcyZVH.js');
 
 const suiTooltipCss = () => `.sc-sui-tooltip-h{display:inline-flex;position:relative;font-family:var(--font-sans)}.tip.sc-sui-tooltip{display:none;position:fixed;top:0;left:0;z-index:var(--z-tooltip);box-sizing:border-box;width:max-content;max-width:min(320px, calc(100vw - 16px));overflow-wrap:break-word;text-wrap:balance;font-family:var(--font-sans);font-size:11.5px;font-weight:620;line-height:1.3;padding:calc(6px - 0.15em) 9px;border-radius:6px;box-shadow:var(--shadow-pop);pointer-events:none;border:1px solid transparent}.tip.show.sc-sui-tooltip{display:inline-block;animation:sui-tooltip-in var(--duration-overlay) var(--ease-out)}.tip.show[data-side='bottom'].sc-sui-tooltip{animation-name:sui-tooltip-in-bottom}.tip.show[data-side='left'].sc-sui-tooltip{animation-name:sui-tooltip-in-left}.tip.show[data-side='right'].sc-sui-tooltip{animation-name:sui-tooltip-in-right}.tip.show.closing.sc-sui-tooltip{animation:sui-tooltip-out var(--duration-fast) var(--ease-out) forwards}.tip.brand.sc-sui-tooltip{background:var(--brand);color:var(--brand-contrast);border-color:transparent}.tip.light.sc-sui-tooltip{background:var(--surface-raised);color:var(--ink);border-color:var(--border)}@keyframes sui-tooltip-in{from{opacity:0;margin-top:4px}}@keyframes sui-tooltip-in-bottom{from{opacity:0;margin-top:-4px}}@keyframes sui-tooltip-in-left{from{opacity:0;margin-left:4px}}@keyframes sui-tooltip-in-right{from{opacity:0;margin-left:-4px}}@keyframes sui-tooltip-out{to{opacity:0}}@media (forced-colors: active){.tip.brand.sc-sui-tooltip,.tip.light.sc-sui-tooltip{border-color:CanvasText}}`;
 
@@ -305,7 +305,7 @@ const SuiTooltip = class {
     };
     render() {
         const visible = this.visible;
-        return (index.h(index.Host, { key: 'c2b806fa8cb59b97cdd534e5e6c929c24a344f1e', onMouseEnter: this.enter, onMouseLeave: this.leave, onFocusin: this.focusIn, onFocusout: this.focusOut }, index.h("slot", { key: '54a259d6aa71871c48b723ebf93c89d0dfc87cf7' }), index.h("span", { key: '3cf9600e29d6aba103a92194273a0dbcbe5bb40f', ref: (el) => (this.tip = el), id: this.fieldId, role: "tooltip", class: { tip: true, [this.capsuleTone]: true, show: visible || this.closing, closing: this.closing }, "aria-hidden": visible ? null : 'true' }, this.content, index.h("slot", { key: '2ab16a55c9bb969a66145c5ae5f5d910d05fa75e', name: "content" }))));
+        return (index.h(index.Host, { key: '566c9b3cce3ff2cae343afb51ef70eb471d2d828', onMouseEnter: this.enter, onMouseLeave: this.leave, onFocusin: this.focusIn, onFocusout: this.focusOut }, index.h("slot", { key: 'c91b9ad296ecce16529cda5982f2131820d00246' }), index.h("span", { key: 'e6c36ce6cc53fca76eb04c8ce1dad194386901e0', ref: (el) => (this.tip = el), id: this.fieldId, role: "tooltip", class: { tip: true, [this.capsuleTone]: true, show: visible || this.closing, closing: this.closing }, "aria-hidden": visible ? null : 'true' }, this.content, index.h("slot", { key: '29de9b98a960e9269705616c807dedfbe4f499f5', name: "content" }))));
     }
     static get watchers() { return {
         "open": [{

package/dist/cjs/sui-tour.cjs.entry.js

@@ -1,10 +1,10 @@
 'use strict';
 
 var index = require('./index-BtWzlhN3.js');
-var glyphs = require('./glyphs-8uuUhG6s.js');
-var modal = require('./modal-1S8X9Mu6.js');
-var overlay = require('./overlay-DcMtiB1L.js');
-var motion = require('./motion-BaUBY31j.js');
+var glyphs = require('./glyphs-BNG4Wolq.js');
+var modal = require('./modal-BqGRqHln.js');
+var overlay = require('./overlay-CsoWlGY8.js');
+var motion = require('./motion-D8mcyZVH.js');
 var locale = require('./locale-EVD23NSt.js');
 require('./anchor-BjGUozqb.js');
 require('./focus-trap-CcyiWkvv.js');

package/dist/cjs/sui-tree-select.cjs.entry.js

@@ -1,24 +1,24 @@
 'use strict';
 
 var index = require('./index-BtWzlhN3.js');
-var fieldShell = require('./field-shell-XLDTgSCW.js');
-var popupRows = require('./popup-rows-Cssh7aI9.js');
-var glyphs = require('./glyphs-8uuUhG6s.js');
-var aria = require('./aria-DXFt0vvU.js');
+var fieldShell = require('./field-shell-BJ_XxyIs.js');
+var popupRows = require('./popup-rows--Tt1lQhB.js');
+var glyphs = require('./glyphs-BNG4Wolq.js');
+var aria = require('./aria-DsLSiGlA.js');
 var id = require('./id-Ca7UTKW6.js');
 var formControl = require('./form-control-CvMyyCaa.js');
 var formDisabled = require('./form-disabled-wss8T3bH.js');
 var formMulti = require('./form-multi-BGykpOcS.js');
 var options = require('./options-BN7er6uK.js');
-var overlay = require('./overlay-DcMtiB1L.js');
-var popupSurface = require('./popup-surface-BOH2mgOi.js');
+var overlay = require('./overlay-CsoWlGY8.js');
+var popupSurface = require('./popup-surface-Db-7bDoA.js');
 var focus = require('./focus-DRuLpXAC.js');
 var virtual = require('./virtual-Dk8q_Rrq.js');
 var locale = require('./locale-EVD23NSt.js');
 var direction = require('./direction-BaE_rqNY.js');
 var keyNav = require('./key-nav-D1FeUqKe.js');
 require('./focus-trap-CcyiWkvv.js');
-require('./motion-BaUBY31j.js');
+require('./motion-D8mcyZVH.js');
 
 const suiTreeSelectCss = () => `.sc-sui-tree-select-h{display:block;font-family:var(--font-sans);min-width:0}.sui-popup-trigger.readonly.sc-sui-tree-select:not(:disabled){cursor:default}.sui-tree-select.sc-sui-tree-select{position:relative}.sui-tree-select.inline.sc-sui-tree-select{display:flex;align-items:flex-start}.row.sc-sui-tree-select{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:var(--radius-sm);font-size:13px;font-weight:460;color:var(--ink);background:transparent;cursor:pointer}.row.active.sc-sui-tree-select{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.row.sel.sc-sui-tree-select{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.row.sel.active.sc-sui-tree-select{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.row.keynav.sc-sui-tree-select{outline:2px solid var(--focus-ring);outline-offset:-2px}.exp.sc-sui-tree-select{width:14px;flex-shrink:0;display:inline-flex;justify-content:center;color:var(--ink-faint);font-size:9px}.exp.leaf.sc-sui-tree-select{visibility:hidden}.exp.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{transition:transform var(--duration-base) var(--ease-out)}.exp.open.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{transform:rotate(90deg)}.exp.sc-sui-tree-select .sui-glyph.sc-sui-tree-select:dir(rtl){transform:scaleX(-1) rotate(0deg)}.exp.open.sc-sui-tree-select .sui-glyph.sc-sui-tree-select:dir(rtl){transform:scaleX(-1) rotate(90deg)}.icon.sc-sui-tree-select{font-size:12px;color:var(--ink-muted)}.label.sc-sui-tree-select{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row.sc-sui-tree-select .chk.sc-sui-tree-select{margin-inline-start:auto;flex-shrink:0;font-size:11px;color:var(--brand-soft-ink)}.row.sc-sui-tree-select sui-checkbox.sc-sui-tree-select{pointer-events:none;display:flex}@media (forced-colors: active){.row.active.sc-sui-tree-select{outline:2px solid CanvasText;outline-offset:-2px}.row.sel.sc-sui-tree-select{forced-color-adjust:none;background:Highlight;color:HighlightText}.row.sel.sc-sui-tree-select .exp.sc-sui-tree-select,.row.sel.sc-sui-tree-select .icon.sc-sui-tree-select,.row.sel.sc-sui-tree-select .chk.sc-sui-tree-select{color:HighlightText}}`;
 
@@ -109,7 +109,7 @@ const SuiTreeSelect = class {
     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.
      */
@@ -695,9 +695,9 @@ const SuiTreeSelect = class {
         const triggerClass = inline
             ? { 'sui-inline': true, [size]: true, open: this.open, shell: this.open, invalid, placeholder: !display, readonly: this.readOnly, inverse: this.tone === 'inverse' }
             : { 'sui-popup-trigger': true, 'sui-frame': true, trigger: true, [size]: true, focus: this.focused, open: this.open, invalid, placeholder: !display, readonly: this.readOnly };
-        return (index.h(fieldShell.FieldShell, { key: '6dbc7900d126a08175a78520e7e930380c5fff4e', label: inline ? undefined : this.label, required: this.required, help: this.help, error: this.error, htmlFor: this.fieldId, descId: this.fieldId }, index.h("div", { key: '323e1f84f08796f4ad045844db11bad6ed0d18ba', class: { 'sui-tree-select': true, open: this.open, inline }, onKeyDown: this.onKeyDown }, index.h("button", { key: 'a87db84e97eaa536d5d45092f60b58753a26432e', ref: (el) => (this.trigger = el), id: this.fieldId, type: "button", class: triggerClass, disabled: this.isDisabled, role: "combobox", "aria-label": inline ? this.label || this.hostLabel : this.label ? undefined : this.hostLabel, "aria-haspopup": "tree", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `${this.fieldId}-tree`, "aria-activedescendant": activeId, "aria-invalid": invalid ? 'true' : null, "aria-describedby": fieldShell.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) }, index.h("span", { key: 'c27ba4253aa271fd1ea1ac9b2f3d51097330bf57', class: "val" }, display || locale.localeText(undefined, 'tree-select.placeholder', this.placeholder, 'Select')), canClear ? (index.h("span", { class: "clear", "aria-hidden": "true", onClick: this.clear }, index.h(glyphs.Glyph, { glyph: glyphs.xmark }))) : null, this.loading
+        return (index.h(fieldShell.FieldShell, { key: '3cc695f501768dbe3757a290aeb21780bafd1933', label: inline ? undefined : this.label, required: this.required, help: this.help, error: this.error, htmlFor: this.fieldId, descId: this.fieldId }, index.h("div", { key: 'deec66ce6e76b425f24ca60c95e56e16f2751890', class: { 'sui-tree-select': true, open: this.open, inline }, onKeyDown: this.onKeyDown }, index.h("button", { key: '50af3a401f53ebefe9528675fdfb45b8671aeef5', ref: (el) => (this.trigger = el), id: this.fieldId, type: "button", class: triggerClass, disabled: this.isDisabled, role: "combobox", "aria-label": inline ? this.label || this.hostLabel : this.label ? undefined : this.hostLabel, "aria-haspopup": "tree", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `${this.fieldId}-tree`, "aria-activedescendant": activeId, "aria-invalid": invalid ? 'true' : null, "aria-describedby": fieldShell.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) }, index.h("span", { key: '2e8c545e94610267072611d286dfd95f11f280ee', class: "val" }, display || locale.localeText(undefined, 'tree-select.placeholder', this.placeholder, 'Select')), canClear ? (index.h("span", { class: "clear", "aria-hidden": "true", onClick: this.clear }, index.h(glyphs.Glyph, { glyph: glyphs.xmark }))) : null, this.loading
             ? index.h(glyphs.Glyph, { glyph: glyphs.circleNotch, class: "spin sui-popup-spin" })
-            : index.h(glyphs.Glyph, { glyph: glyphs.chevronDown, class: "chev" })), this.open || this.closing ? (index.h("div", { key: "panel", ref: (el) => (this.panel = el), class: { 'sui-popup-panel': true, panel: true, closing: this.closing }, inert: this.closing, role: "presentation", onScroll: this.onPanelScroll, onKeyDown: this.onPanelKey, ...{ onSuiChange: (e) => e.stopPropagation() } }, this.filter ? (index.h("div", { class: "sui-popup-search" }, index.h("div", { class: "sui-popup-search-box sui-frame" }, index.h(glyphs.Glyph, { glyph: glyphs.magnifyingGlass }), index.h("input", { ref: (el) => (this.filterInput = el), type: "text", placeholder: locale.localeText(undefined, 'tree-select.search', undefined, 'Search'), "aria-label": locale.localeText(undefined, 'tree-select.searchOptions', undefined, 'Search options'), "aria-controls": `${this.fieldId}-tree`, "aria-activedescendant": activeId, value: this.query, onInput: (e) => this.onQuery(e.target.value) })))) : null, this.loading ? index.h(popupRows.PopupLoading, { message: loadingText }) : null, empty ? index.h("div", { key: "empty", class: "sui-popup-empty" }, emptyText) : null, index.h("div", { key: "tree", id: `${this.fieldId}-tree`, role: "tree", "aria-label": this.label || this.hostLabel, "aria-multiselectable": this.multiple ? 'true' : null, "aria-busy": this.loading ? 'true' : null }, this.loading ? null : this.renderRows(rows, win)))) : null, index.h(popupRows.PopupStatus, { key: '9e12e04e58ee21ea38adb7734cd264cbbb4f7a12', message: !this.open ? '' : this.loading ? loadingText : empty ? emptyText : '' }))));
+            : index.h(glyphs.Glyph, { glyph: glyphs.chevronDown, class: "chev" })), this.open || this.closing ? (index.h("div", { key: "panel", ref: (el) => (this.panel = el), class: { 'sui-popup-panel': true, panel: true, closing: this.closing }, inert: this.closing, role: "presentation", onScroll: this.onPanelScroll, onKeyDown: this.onPanelKey, ...{ onSuiChange: (e) => e.stopPropagation() } }, this.filter ? (index.h("div", { class: "sui-popup-search" }, index.h("div", { class: "sui-popup-search-box sui-frame" }, index.h(glyphs.Glyph, { glyph: glyphs.magnifyingGlass }), index.h("input", { ref: (el) => (this.filterInput = el), type: "text", placeholder: locale.localeText(undefined, 'tree-select.search', undefined, 'Search'), "aria-label": locale.localeText(undefined, 'tree-select.searchOptions', undefined, 'Search options'), "aria-controls": `${this.fieldId}-tree`, "aria-activedescendant": activeId, value: this.query, onInput: (e) => this.onQuery(e.target.value) })))) : null, this.loading ? index.h(popupRows.PopupLoading, { message: loadingText }) : null, empty ? index.h("div", { key: "empty", class: "sui-popup-empty" }, emptyText) : null, index.h("div", { key: "tree", id: `${this.fieldId}-tree`, role: "tree", "aria-label": this.label || this.hostLabel, "aria-multiselectable": this.multiple ? 'true' : null, "aria-busy": this.loading ? 'true' : null }, this.loading ? null : this.renderRows(rows, win)))) : null, index.h(popupRows.PopupStatus, { key: '987c8b92d05fac33db67b7611cedf1a0f3f72121', message: !this.open ? '' : this.loading ? loadingText : empty ? emptyText : '' }))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/cjs/sui-tree-table.cjs.entry.js

@@ -1,12 +1,12 @@
 'use strict';
 
 var index = require('./index-BtWzlhN3.js');
-var aria = require('./aria-DXFt0vvU.js');
-var filter = require('./filter-CL1-xa2r.js');
-var selection = require('./selection-Cet5sfOD.js');
+var aria = require('./aria-DsLSiGlA.js');
+var filter = require('./filter-DCIDkDEb.js');
+var selection = require('./selection-DLjrnkE3.js');
 var formControl = require('./form-control-CvMyyCaa.js');
 var locale = require('./locale-EVD23NSt.js');
-require('./format-BOushIZn.js');
+require('./format-C_36FFqb.js');
 
 const isBranch = (n) => (n.children ? n.children.length > 0 : n.leaf === false);
 /**
@@ -117,10 +117,10 @@ function sortTree(nodes, sorts, columns, nullOrder) {
 /**
  * Fills in what the ticks imply.
  *
- * A caller stores the keys a person actually ticked; everything else follows from the shape of the
+ * A caller stores the keys a person actually checked; everything else follows from the shape of the
  * tree, and recomputing it is cheaper and safer than storing it. A branch is selected when every
  * child is, partial when some are, and neither otherwise, all the way up. A leaf is whatever the
- * ticked set says.
+ * checked set says.
  */
 function resolveTreeSelection(nodes, checked) {
     const selected = new Set();
@@ -157,7 +157,7 @@ function resolveTreeSelection(nodes, checked) {
     return { selected, partial };
 }
 /**
- * Ticks or clears one node and everything under it.
+ * Checks or clears one node and everything under it.
  *
  * Only descendants are written. Ancestors are not stored at all: `resolveTreeSelection` derives
  * them, so there is no second copy of the answer to go stale when the tree changes shape under a
@@ -216,10 +216,10 @@ const SuiTreeTable = class {
      *  attribute. */
     expanded = [];
     /** `none`, `single` (one highlighted row) or `checkbox` (a box per row, a select-all box in the
-     *  header, and a tick that carries down a whole subtree). */
+     *  header, and a check that carries down a whole subtree). */
     selectionMode = 'none';
-    /** The keys the user has ticked. Under `checkbox` a branch is stored only when it was ticked
-     *  whole: the mixed and fully ticked states of every ancestor are derived from the tree on each
+    /** The keys the user has checked. Under `checkbox` a branch is stored only when it was checked
+     *  whole: the mixed and fully checked states of every ancestor are derived from the tree on each
      *  render, so there is no second copy to go stale when the tree changes shape. Mutable; updated
      *  before `suiSelectionChange` fires. Property, not attribute. */
     selection = [];
@@ -270,7 +270,7 @@ const SuiTreeTable = class {
     emptyFilterMessage;
     /** Fires when a branch opens or closes; detail is the array of open keys. Does not bubble. */
     suiExpandedChange;
-    /** Fires when the selection changes; detail is the new `selection`, the ticked keys. Does not
+    /** Fires when the selection changes; detail is the new `selection`, the checked keys. Does not
      *  bubble. */
     suiSelectionChange;
     /** Asks the host for a branch's children: fires when a node marked `leaf: false` that has none
@@ -424,10 +424,10 @@ const SuiTreeTable = class {
         const m = this.selMemo;
         if (m && m.deps.every((d, i) => d === deps[i]))
             return m.sel;
-        const ticked = new Set(this.selection || []);
+        const checked = new Set(this.selection || []);
         const resolved = this.selectionMode === 'checkbox'
-            ? resolveTreeSelection(view.nodes, ticked)
-            : { selected: ticked, partial: NO_KEYS };
+            ? resolveTreeSelection(view.nodes, checked)
+            : { selected: checked, partial: NO_KEYS };
         const sel = {
             full: resolved.selected,
             partial: resolved.partial,
@@ -489,7 +489,7 @@ const SuiTreeTable = class {
      *
      * The table reports its whole model, so what the person did is read from the difference with the
      * model it was handed: select-all is the `exclude` model, clear-all an empty one, and anything
-     * else a set of rows ticked or unticked, each of which carries down its subtree here.
+     * else a set of rows checked or unchecked, each of which carries down its subtree here.
      */
     onSelect = (e) => {
         const mode = this.selectionMode;
@@ -544,7 +544,7 @@ const SuiTreeTable = class {
     render() {
         const view = this.view();
         const sel = this.resolved();
-        return (index.h("sui-data-table", { key: 'b3760610df8b06e19db8b4d99b462d8ce417da45', ref: (el) => (this.tableEl = el), class: "tt", "aria-label": this.hostLabel, "aria-labelledby": this.hostLabelledby, columns: this.columns, rows: view.rows, rowKey: this.rowKeyAt, rowTree: view.meta, rowPartial: sel.partial, expandedRows: view.open, lazy: true, totalRecords: view.rows.length, sorts: this.sorts, sortMode: this.sortMode, sortIndicator: this.sortIndicator, filterDisplay: this.filterDisplay, filterModel: this.filterModel, globalFilter: this.globalFilter, globalFilterFields: this.globalFilterFields, selectionMode: this.selectionMode, selection: sel.model, density: this.density, striped: this.striped, gridlines: this.gridlines, loading: this.loading, emptyMessage: this.emptyMessage === '' ? '' : locale.localeText(undefined, 'tree-table.empty', this.emptyMessage, 'Nothing here yet.'), emptyFilterMessage: this.emptyFilterMessage === '' ? '' : locale.localeText(undefined, 'tree-table.emptyFilter', this.emptyFilterMessage, 'No matches.'), onSuiExpandedRowsChange: this.onRowExpand, onSuiSelectionChange: this.onSelect, onSuiSort: this.onSort, onSuiFilter: this.onFilter, onSuiRowClick: this.stopInner, onSuiRowContextMenu: this.stopInner }));
+        return (index.h("sui-data-table", { key: '4ffb5c7d65b0420ed485c104357b9e476d49c50c', ref: (el) => (this.tableEl = el), class: "tt", "aria-label": this.hostLabel, "aria-labelledby": this.hostLabelledby, columns: this.columns, rows: view.rows, rowKey: this.rowKeyAt, rowTree: view.meta, rowPartial: sel.partial, expandedRows: view.open, lazy: true, totalRecords: view.rows.length, sorts: this.sorts, sortMode: this.sortMode, sortIndicator: this.sortIndicator, filterDisplay: this.filterDisplay, filterModel: this.filterModel, globalFilter: this.globalFilter, globalFilterFields: this.globalFilterFields, selectionMode: this.selectionMode, selection: sel.model, density: this.density, striped: this.striped, gridlines: this.gridlines, loading: this.loading, emptyMessage: this.emptyMessage === '' ? '' : locale.localeText(undefined, 'tree-table.empty', this.emptyMessage, 'Nothing here yet.'), emptyFilterMessage: this.emptyFilterMessage === '' ? '' : locale.localeText(undefined, 'tree-table.emptyFilter', this.emptyFilterMessage, 'No matches.'), onSuiExpandedRowsChange: this.onRowExpand, onSuiSelectionChange: this.onSelect, onSuiSort: this.onSort, onSuiFilter: this.onFilter, onSuiRowClick: this.stopInner, onSuiRowContextMenu: this.stopInner }));
     }
 };
 SuiTreeTable.style = suiTreeTableCss();

package/dist/cjs/sui-tree.cjs.entry.js

@@ -2,9 +2,9 @@
 
 var index = require('./index-BtWzlhN3.js');
 var id = require('./id-Ca7UTKW6.js');
-var popupRows = require('./popup-rows-Cssh7aI9.js');
-var aria = require('./aria-DXFt0vvU.js');
-var glyphs = require('./glyphs-8uuUhG6s.js');
+var popupRows = require('./popup-rows--Tt1lQhB.js');
+var aria = require('./aria-DsLSiGlA.js');
+var glyphs = require('./glyphs-BNG4Wolq.js');
 var locale = require('./locale-EVD23NSt.js');
 var direction = require('./direction-BaE_rqNY.js');
 var formControl = require('./form-control-CvMyyCaa.js');
@@ -186,7 +186,7 @@ const SuiTree = class {
         return out;
     }
     /** Every node the filter keeps, open or shut. The select-all header works on these, so a box a
-        filter has hidden is never ticked behind the user's back. */
+        filter has hidden is never checked behind the user's back. */
     filtered() {
         const out = [];
         const walk = (list) => {
@@ -223,7 +223,7 @@ const SuiTree = class {
             return;
         this.suiSelectionChange.emit(this.selection);
     }
-    /** Select-all header: ticks every node the filter shows, or clears them when they are all ticked. */
+    /** Select-all header: checks every node the filter shows, or clears them when they are all checked. */
     toggleAll = () => {
         const all = this.filtered().map((n) => n.key);
         if (!all.length)
@@ -502,13 +502,13 @@ const SuiTree = class {
         const list = this.flat();
         const tabKey = this.tabKey(list);
         const all = this.filtered();
-        const ticked = all.filter((n) => (this.selection || []).includes(n.key)).length;
-        const allOn = all.length > 0 && ticked === all.length;
-        const some = ticked > 0 && !allOn;
+        const checked = all.filter((n) => (this.selection || []).includes(n.key)).length;
+        const allOn = all.length > 0 && checked === all.length;
+        const some = checked > 0 && !allOn;
         const loadingText = locale.localeText(undefined, 'tree.loading', this.loadingMessage, 'Loading');
         const searching = !!this.query.trim();
         const noMatches = locale.localeText(undefined, 'tree.emptyFilter', this.emptyFilterMessage, 'No matches.');
-        return (index.h("div", { key: '8abcfbc1dc76caa96f8a4d66ae00fa5dd7b75739', class: "sui-tree" }, index.h(popupRows.PopupStatus, { key: '346cc2347132eb6cc3d53c0f42285bf34ad83271', message: this.loading ? loadingText : searching && list.length === 0 ? noMatches : '' }), this.loading ? index.h(popupRows.PopupLoading, { message: loadingText }) : [
+        return (index.h("div", { key: '2b479f4dd8003158237f3c9db68a63083556aea4', class: "sui-tree" }, index.h(popupRows.PopupStatus, { key: 'b96d9880eb84639b7921a2351d65fd4a3eb56147', message: this.loading ? loadingText : searching && list.length === 0 ? noMatches : '' }), this.loading ? index.h(popupRows.PopupLoading, { message: loadingText }) : [
             this.filter ? (index.h("div", { class: "filter" }, index.h("div", { class: "filter-box sui-frame" }, index.h(glyphs.Glyph, { glyph: glyphs.magnifyingGlass }), index.h("input", { type: "text", placeholder: locale.localeText(undefined, 'tree.filterPlaceholder', undefined, 'Filter'), "aria-label": locale.localeText(undefined, 'tree.filter', undefined, 'Filter'), value: this.query, onInput: (e) => (this.query = e.target.value) })))) : null,
             this.selectionMode === 'checkbox' ? (index.h("button", { type: "button", class: "all", role: "checkbox", "aria-checked": allOn ? 'true' : some ? 'mixed' : 'false', disabled: all.length === 0, onClick: this.toggleAll }, index.h("span", { class: { box: true, on: allOn, mixed: some }, "aria-hidden": "true" }, allOn ? index.h(glyphs.Glyph, { glyph: glyphs.check }) : null, some ? index.h(glyphs.Glyph, { glyph: glyphs.minus }) : null), index.h("span", { class: "all-label" }, locale.localeText(undefined, 'tree.selectAll', undefined, 'Select all')))) : null,
             index.h("div", { role: "tree", class: "tree", "aria-label": this.hostLabel, "aria-labelledby": this.hostLabelledby, "aria-multiselectable": this.selectionMode === 'checkbox' ? 'true' : null, onClick: this.onClick, onKeyDown: this.onKeyDown }, list.length === 0 ? null : this.renderNodes(this.nodes || [], 0, tabKey)),

package/dist/cjs/sui-trend.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
 var index = require('./index-BtWzlhN3.js');
-var trend = require('./trend-0FV2s45r.js');
+var trend = require('./trend-BrM3oVOl.js');
 var locale = require('./locale-EVD23NSt.js');
-require('./glyphs-8uuUhG6s.js');
+require('./glyphs-BNG4Wolq.js');
 
 const suiTrendCss = () => `.sc-sui-trend-h{display:inline-flex;align-items:center;gap:8px;vertical-align:middle;font-family:var(--font-sans);position:relative}[hidden].sc-sui-trend-h{display:none}`;
 
@@ -21,13 +21,13 @@ const SuiTrend = class {
      *  the positive ink (the ink under brand status, green under semantic); `critical`, bad news, in
      *  the danger ink with the arrow ringed and a hidden "unfavorable" after the figure; `neutral`,
      *  neither, in the muted ink at regular weight, the arrow kept and unringed, so no tone rests on
-     *  colour alone. Whether a rise is good is yours to say, since a rising receivable is
+     *  color alone. Whether a rise is good is yours to say, since a rising receivable is
      *  bad: `severity="critical"` marks it. An unknown value reads as `positive`. Reflected. */
     severity = 'positive';
     /** Faint context after the value: "this week", "vs. July". */
     note;
     render() {
-        return (index.h(index.Host, { key: '79e986e55d646f05c004c4128f38c5c6840c7689' }, index.h(trend.TrendMark, { key: '762c23ba28e341475d9753d3a63c0c5845676c21', value: this.value, direction: this.direction, severity: this.severity, note: this.note, unfavorable: locale.localeText(undefined, 'trend.unfavorable', undefined, 'unfavorable') })));
+        return (index.h(index.Host, { key: '0ce2ad49d0222cd47146d7cd7c0750da65e30460' }, index.h(trend.TrendMark, { key: '1531d7173cd8ef5f58e0a52e1d80a7746b03d007', value: this.value, direction: this.direction, severity: this.severity, note: this.note, unfavorable: locale.localeText(undefined, 'trend.unfavorable', undefined, 'unfavorable') })));
     }
 };
 SuiTrend.style = suiTrendCss() + trendCss();

package/dist/cjs/sui-virtual-scroller.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
 var index = require('./index-BtWzlhN3.js');
-var aria = require('./aria-DXFt0vvU.js');
+var aria = require('./aria-DsLSiGlA.js');
 var formControl = require('./form-control-CvMyyCaa.js');
-var format = require('./format-BOushIZn.js');
+var format = require('./format-C_36FFqb.js');
 var locale = require('./locale-EVD23NSt.js');
 var renderContent = require('./render-content-Bij4diic.js');
 var virtual = require('./virtual-Dk8q_Rrq.js');
@@ -243,7 +243,7 @@ const SuiVirtualScroller = class {
             : grid
                 ? { width: `${this.cols() * colW}px`, height: `${count * rowH}px` }
                 : { height: `${count * rowH}px` };
-        return (index.h("div", { key: 'd40c74cfe34cd8db771bf64beb407ce89c166aff', class: { 'sui-vs': true, [this.orientation]: true } }, this.showIndex ? index.h("div", { class: "index" }, this.indexLabel(win)) : null, index.h("div", { key: 'e365e23abaedb78db35c3ff533b2a55dd54c6a6f', class: "viewport", ref: (el) => (this.viewport = el), style: viewStyle, tabindex: "0", role: this.hostLabel ? 'region' : undefined, "aria-label": this.hostLabel || null, onScroll: this.onScroll }, index.h("div", { key: '076c612bb390210f35a22d591c4c9776b319c62b', class: "spacer", role: grid ? 'grid' : 'list', "aria-rowcount": grid ? count : null, "aria-colcount": grid ? this.cols() : null, style: spacerStyle }, cells))));
+        return (index.h("div", { key: '32c96dd1c6ca8804c5ce41ef51985ea9cb2b8393', class: { 'sui-vs': true, [this.orientation]: true } }, this.showIndex ? index.h("div", { class: "index" }, this.indexLabel(win)) : null, index.h("div", { key: '6b2ed9e0e939ce9bf9a681324ea8b70607650b14', class: "viewport", ref: (el) => (this.viewport = el), style: viewStyle, tabindex: "0", role: this.hostLabel ? 'region' : undefined, "aria-label": this.hostLabel || null, onScroll: this.onScroll }, index.h("div", { key: '5a2e6aced77e8961f9ba802888055efd1b883a02', class: "spacer", role: grid ? 'grid' : 'list', "aria-rowcount": grid ? count : null, "aria-colcount": grid ? this.cols() : null, style: spacerStyle }, cells))));
     }
     static get watchers() { return {
         "renderItem": [{

package/dist/cjs/{trend-0FV2s45r.js → trend-BrM3oVOl.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BtWzlhN3.js');
-var glyphs = require('./glyphs-8uuUhG6s.js');
+var glyphs = require('./glyphs-BNG4Wolq.js');
 
 const TREND_SEVERITIES = ['positive', 'critical', 'neutral'];
 /**

package/dist/collection/components/_shared/chart-frame.css

@@ -35,7 +35,7 @@
 .swatch.glyph .mk.tri-down::after { clip-path: polygon(0 0, 100% 0, 50% 100%); }
 /* In a legend the key alone tells the series apart, so it draws heavier than in a tip: a 3px stroke
    over 22px and the marker at 8px on a 2px ring. The tip's 2px stroke and 1.5px ring, which snaps to
-   1px at device-pixel ratio 1, left too little colour to tell neighbouring series apart. */
+   1px at device-pixel ratio 1, left too little color to tell neighboring series apart. */
 .sui-chart-key .swatch.glyph { width: 22px; }
 .sui-chart-key .swatch.glyph.line::before { top: 3.5px; border-top-width: 3px; }
 .sui-chart-key .swatch.glyph .mk { left: 7px; top: 1px; width: 8px; height: 8px; border-width: 2px; }
@@ -85,7 +85,7 @@
 .sui-chart-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
 /* In a right-to-left page a figure or a range still reads left to right, its minus sign in front
    (-$15,200, 31–60), and a label, a title or a sentence takes the direction of its own first letter,
-   so "31 and over" keeps its order and a full stop stays at the end. The box around them keeps the
+   so "31 and over" keeps its order and a period stays at the end. The box around them keeps the
    page's direction. The plots pin their svg to ltr, and each svg text the same way decides its own. */
 .figure, .prose { direction: ltr; unicode-bidi: plaintext; }
 svg text { unicode-bidi: plaintext; }

package/dist/collection/components/_shared/column-filter.css

@@ -133,7 +133,7 @@
 .sui-cf.sui-cf-modes { width: auto; min-width: 190px; padding: 4px; }
 
 /* The funnel on a header: the same button in the grid and the table, always on the header cell's
-   inline end edge. Active is a fill as well as a hue, so it never rests on colour alone. */
+   inline end edge. Active is a fill as well as a hue, so it never rests on color alone. */
 .sui-cf-funnel {
   flex: none;
   display: inline-flex;

package/dist/collection/components/_shared/filter-ui.js

@@ -9,5 +9,5 @@ import { modeMenuItems } from "./column-filter";
 export { ColumnFilterMenu, RowFilterCell, carryValue } from './column-filter';
 /** The list a filter-row mode button opens: the column's modes, the current one checked. */
 export const ModeMenu = (p) => (h("div", { class: { 'sui-cf': true, 'sui-cf-modes': true, closing: p.closing }, id: p.id, inert: p.closing, ref: (el) => p.menuRef(el), onKeyDown: p.onKeyDown }, h("sui-menu", { items: modeMenuItems(p.column, p.current, p.onPick), "aria-label": p.label })));
-/** The Columns button's dialog: one checkbox per column, ticked while the column shows. */
+/** The Columns button's dialog: one checkbox per column, checked while the column shows. */
 export const ColumnList = (p) => (h("div", { class: { 'sui-cf': true, 'sui-cf-columns': true, closing: p.closing }, id: p.id, role: "dialog", "aria-label": p.title, inert: p.closing, ref: (el) => p.menuRef(el), onKeyDown: p.onKeyDown }, h("div", { class: "sui-cf-body" }, h("div", { class: "sui-cf-label", "aria-hidden": "true" }, p.title), h("div", { class: "sui-cf-list" }, p.columns.map((c) => (h("sui-checkbox", { key: c.key, class: "sui-cf-opt", size: "sm", "data-col": c.key, label: c.header, checked: !p.hidden.has(c.key), onSuiChange: p.onToggle })))))));

package/dist/collection/components/_shared/glyph.js

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
 /**
- * A built-in glyph drawn as inline SVG, so an element's own chevrons, ticks, marks and spinners
+ * A built-in glyph drawn as inline SVG, so an element's own chevrons, check marks, other marks and spinners
  * draw without a host icon font. Host-supplied `icon` classes still render through `<i>`.
  * The glyph is `aria-hidden`; the element names the control it sits in.
  */

package/dist/collection/components/_shared/inline.css

@@ -60,7 +60,7 @@
 .sui-inline.text:hover .chev, .sui-inline.text:focus-within .chev, .sui-inline.text.shell .chev { opacity: 1; pointer-events: auto; }
 
 /* tone="inverse": a quiet field on the brand chrome takes the inverse inks, the inverse wash and the
-   inverse focus colour, as a ghost button there does. Open, it is a field in its shell on the card
+   inverse focus color, as a ghost button there does. Open, it is a field in its shell on the card
    again, so the card's inks come back. */
 .sui-inline.inverse:not(.shell) {
   --ink: var(--ink-inverse); --ink-muted: var(--ink-inverse-muted); --ink-faint: var(--ink-inverse-muted);

package/dist/collection/components/_shared/input.css

@@ -3,13 +3,13 @@
 
    Rest       1px --control-border: the strong border's hue, fitted to 3:1 on the field's grounds.
    Hover      the edge mixed toward the ink.
-   Focus      a 2px edge in --focus-ring, the library's one focus colour (the engine takes it from
+   Focus      a 2px edge in --focus-ring, the library's one focus color (the engine takes it from
               the primary or the accent, never both, and fits it to 3:1 on the page in light and
               4.5:1 in dark), and a halo in --focus-halo, a pale tint of the same hue. The second pixel is an inset
               outline, which paints above what the frame holds (an input group's addons); an inset
               shadow would paint under it.
    Invalid    the same 2px edge in --danger. Focused, the red edge thickens to 3px and takes a red
-              halo: the change says focused, the colour says error, and no second hue joins.
+              halo: the change says focused, the color says error, and no second hue joins.
    Disabled   --disabled-bg and --disabled-ink.
    Read-only  --surface-sunken.
 

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

@@ -181,7 +181,7 @@ export class SuiAccordion {
         heads[j].focus();
     }
     render() {
-        return (h(Host, { key: '1f87f61194eae172d6d19ca42c65e8cae9def173' }, h("slot", { key: 'a4a46ce0336bf51331770d3ed1b2d26e83d9692d' })));
+        return (h(Host, { key: '4aaf23369608bb756cb5f562ed50d02f81eda177' }, h("slot", { key: 'b79efffa63c1b4fed00905f782161026e5954230' })));
     }
     static get is() { return "sui-accordion"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/sui-accordion-item/sui-accordion-item.js

@@ -29,7 +29,7 @@ export class SuiAccordionItem {
     subtitle;
     /** Muted tabular text at the right of the header (counts, statuses). */
     meta;
-    /** Greys the header and blocks toggling. */
+    /** Grays the header and blocks toggling. */
     disabled = false;
     /** Whether the content is shown. Put the attribute on an item to open it from plain HTML. Inside a
      *  `sui-accordion` the two stay in step: the accordion writes it from its `expanded` list, and a
@@ -155,7 +155,7 @@ export class SuiAccordionItem {
         const panelId = `${this.fieldId}-panel`;
         const group = (this.groupName || '').trim();
         const named = this.landmark && !!group;
-        return (h(Host, { key: 'adac23d6e4cd26af3e575babafb47ac6cb88a9cc', class: { open: this.expanded } }, h("button", { key: '67baea5801b43957d0d2b492370fcfa4acfbb6a4', type: "button", class: "head", id: headId, "aria-expanded": this.expanded ? 'true' : 'false', "aria-controls": panelId, disabled: this.disabled, ref: (el) => (this.head = el) }, h(Glyph, { key: 'c785d77889acb3854c348b0107c80f30776aeb9d', glyph: chevronRight, class: "chev" }), h("span", { key: 'b5bb507c8b000a4ce6ee9c09847862b1af3ffeba', class: "titles" }, h("span", { key: '6506ae09ad54b678ba8618377ed3664c5aa3f19e', class: "heading" }, this.heading), this.subtitle ? h("span", { class: "subtitle" }, this.subtitle) : null), this.meta ? h("span", { class: "meta" }, this.meta) : null), h("div", { key: '92a6a9579b1bec25b39c1f63d430898603ad1a69', class: { reveal: true, open: this.expanded }, ref: (el) => (this.reveal = el) }, h("div", { key: '87c945c3707b073f94b0c673af0ce27425c48465', class: "panel", role: this.landmark ? 'region' : undefined, id: panelId, "aria-labelledby": this.landmark && !named ? headId : undefined, "aria-label": named ? `${this.heading}, ${group}` : undefined, hidden: !this.shown }, h("div", { key: '2e5fabae6066a32db88d94dda7d6245e149ffe7d', class: "body" }, h("slot", { key: 'c3106012faa6040238cc0e989beeef4cfb3d5f4b' }))))));
+        return (h(Host, { key: '29c05560300713986888bf29c2579b1131e605bc', class: { open: this.expanded } }, h("button", { key: 'dfe67a84067d34a245d180ea63024ca34e4ff178', type: "button", class: "head", id: headId, "aria-expanded": this.expanded ? 'true' : 'false', "aria-controls": panelId, disabled: this.disabled, ref: (el) => (this.head = el) }, h(Glyph, { key: '621938318d2079871053386d3a0784693d96c208', glyph: chevronRight, class: "chev" }), h("span", { key: 'c0d5fd11d0741341fc7f4d2a149c98c8eea3ad48', class: "titles" }, h("span", { key: '4a1e30e38c6275dbc920792b3aa72ee7fc5bea86', class: "heading" }, this.heading), this.subtitle ? h("span", { class: "subtitle" }, this.subtitle) : null), this.meta ? h("span", { class: "meta" }, this.meta) : null), h("div", { key: '2db4584465e070f68846af10d3cfdf0f118416f1', class: { reveal: true, open: this.expanded }, ref: (el) => (this.reveal = el) }, h("div", { key: '586d66c882a19f11dba5fb8aedf7551d8f043be8', class: "panel", role: this.landmark ? 'region' : undefined, id: panelId, "aria-labelledby": this.landmark && !named ? headId : undefined, "aria-label": named ? `${this.heading}, ${group}` : undefined, hidden: !this.shown }, h("div", { key: '3e430cd5a04bf4ae6f83a19b5d61bad1f53d342b', class: "body" }, h("slot", { key: '8ed96886a178ad1486729d667b0dd661a61bba1e' }))))));
     }
     static get is() { return "sui-accordion-item"; }
     static get encapsulation() { return "scoped"; }
@@ -241,7 +241,7 @@ export class SuiAccordionItem {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Greys the header and blocks toggling."
+                    "text": "Grays the header and blocks toggling."
                 },
                 "getter": false,
                 "setter": false,

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

@@ -195,7 +195,7 @@ export class SuiAnchor {
                     "references": {
                         "SuiAnchorItem": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-anchor/sui-anchor.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-anchor/sui-anchor.tsx",
                             "id": "src/components/sui-anchor/sui-anchor.tsx::SuiAnchorItem"
                         }
                     }

package/dist/collection/components/sui-auto-complete/sui-auto-complete.js

@@ -137,7 +137,7 @@ export class SuiAutoComplete {
     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.
      */
@@ -885,7 +885,7 @@ export class SuiAutoComplete {
                 ? { entry: true }
                 : { 'sui-input': true, 'sui-frame': true, [size]: true, invalid, [`side-${side}`]: side > 0 };
         const placeholder = multi && vals.length ? undefined : this.placeholder;
-        const field = (h("input", { key: '3a24794a6e9bd84af5f91ae76deef1c6f954fe9c', ref: (el) => (this.input = el), id: this.fieldId, class: fieldClass, type: "text", size: inline ? 1 : undefined, role: "combobox", autocomplete: "off", value: q, placeholder: placeholder, disabled: this.isDisabled, readOnly: this.readOnly, required: !multi && this.required, "aria-required": multi && this.required ? 'true' : null, "aria-label": inline ? this.label || this.hostLabel : this.label ? undefined : this.hostLabel, "aria-labelledby": this.label ? undefined : this.hostLabelledby, "aria-autocomplete": "list", "aria-haspopup": "listbox", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `${this.fieldId}-list`, "aria-activedescendant": activeId, "aria-invalid": invalid ? 'true' : null, "aria-busy": this.loading ? 'true' : null, "aria-describedby": describedBy(this.fieldId, this.help, this.error), onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, onChange: () => {
+        const field = (h("input", { key: 'af9072e76d9503fc4db22b2bad1942e1a7bfffb7', ref: (el) => (this.input = el), id: this.fieldId, class: fieldClass, type: "text", size: inline ? 1 : undefined, role: "combobox", autocomplete: "off", value: q, placeholder: placeholder, disabled: this.isDisabled, readOnly: this.readOnly, required: !multi && this.required, "aria-required": multi && this.required ? 'true' : null, "aria-label": inline ? this.label || this.hostLabel : this.label ? undefined : this.hostLabel, "aria-labelledby": this.label ? undefined : this.hostLabelledby, "aria-autocomplete": "list", "aria-haspopup": "listbox", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `${this.fieldId}-list`, "aria-activedescendant": activeId, "aria-invalid": invalid ? 'true' : null, "aria-busy": this.loading ? 'true' : null, "aria-describedby": describedBy(this.fieldId, this.help, this.error), onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, onChange: () => {
                 if (!multi)
                     this.commit();
             }, onKeyDown: this.onKeyDown }));
@@ -915,7 +915,7 @@ export class SuiAutoComplete {
             panel,
             sideButtons,
         ] : [field, panel, sideButtons];
-        return (h(FieldShell, { key: '2ee44b829b6a23ad1df3a935bad104a8981dc4a4', label: inline ? undefined : this.label, required: this.required, help: this.help, error: this.error, htmlFor: this.fieldId, descId: this.fieldId }, h("div", { key: '47978a0f3f487ed0c9ae007ae0e11b28c3b9025b', class: { wrap: true, inline, multiple: multi, open: this.open } }, body, multi ? h("span", { class: "sr-status", role: "status", "aria-live": "polite" }, this.announce) : null, h(PopupStatus, { key: '39f74c834bf8ec93d093926ca352892082e184db', message: !this.open ? '' : this.loading ? loadingText : list.length === 0 ? emptyText : '' }))));
+        return (h(FieldShell, { key: '8a6a9faa1b534654a6bf887115e193d774b37ba6', label: inline ? undefined : this.label, required: this.required, help: this.help, error: this.error, htmlFor: this.fieldId, descId: this.fieldId }, h("div", { key: '11b9fda4a7af2ef5a407740b260b0b1b7de10971', class: { wrap: true, inline, multiple: multi, open: this.open } }, body, multi ? h("span", { class: "sr-status", role: "status", "aria-live": "polite" }, this.announce) : null, h(PopupStatus, { key: '6d615fb28138f2711f34d3636efebba6c2ba01d1', message: !this.open ? '' : this.loading ? loadingText : list.length === 0 ? emptyText : '' }))));
     }
     static get is() { return "sui-auto-complete"; }
     static get encapsulation() { return "scoped"; }
@@ -998,7 +998,7 @@ export class SuiAutoComplete {
                     "references": {
                         "SuiAutoCompleteEntry": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-auto-complete/sui-auto-complete.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-auto-complete/sui-auto-complete.tsx",
                             "id": "src/components/sui-auto-complete/sui-auto-complete.tsx::SuiAutoCompleteEntry"
                         }
                     }
@@ -1081,7 +1081,7 @@ export class SuiAutoComplete {
                     "references": {
                         "SuiAutoCompleteValue": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-auto-complete/sui-auto-complete.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-auto-complete/sui-auto-complete.tsx",
                             "id": "src/components/sui-auto-complete/sui-auto-complete.tsx::SuiAutoCompleteValue"
                         }
                     }
@@ -1406,7 +1406,7 @@ export class SuiAutoComplete {
                 "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,
@@ -1563,7 +1563,7 @@ export class SuiAutoComplete {
                     "references": {
                         "SuiAutoCompleteValue": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-auto-complete/sui-auto-complete.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-auto-complete/sui-auto-complete.tsx",
                             "id": "src/components/sui-auto-complete/sui-auto-complete.tsx::SuiAutoCompleteValue"
                         }
                     }
@@ -1584,7 +1584,7 @@ export class SuiAutoComplete {
                     "references": {
                         "SuiAutoCompleteSearchDetail": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-auto-complete/sui-auto-complete.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-auto-complete/sui-auto-complete.tsx",
                             "id": "src/components/sui-auto-complete/sui-auto-complete.tsx::SuiAutoCompleteSearchDetail"
                         }
                     }

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

@@ -125,7 +125,7 @@ export class SuiAvatar {
                     "references": {
                         "SuiAvatarSize": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-avatar/sui-avatar.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-avatar/sui-avatar.tsx",
                             "id": "src/components/sui-avatar/sui-avatar.tsx::SuiAvatarSize"
                         }
                     }
@@ -210,7 +210,7 @@ export class SuiAvatar {
                     "references": {
                         "SuiAvatarBadgeTone": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-avatar/sui-avatar.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-avatar/sui-avatar.tsx",
                             "id": "src/components/sui-avatar/sui-avatar.tsx::SuiAvatarBadgeTone"
                         }
                     }

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

@@ -46,7 +46,7 @@ export class SuiAvatarGroup {
                     "references": {
                         "SuiAvatarGroupUser": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-avatar-group/sui-avatar-group.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-avatar-group/sui-avatar-group.tsx",
                             "id": "src/components/sui-avatar-group/sui-avatar-group.tsx::SuiAvatarGroupUser"
                         }
                     }
@@ -90,7 +90,7 @@ export class SuiAvatarGroup {
                     "references": {
                         "SuiAvatarGroupSize": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-avatar-group/sui-avatar-group.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-avatar-group/sui-avatar-group.tsx",
                             "id": "src/components/sui-avatar-group/sui-avatar-group.tsx::SuiAvatarGroupSize"
                         }
                     }