@shineuix/core 1.0.0 → 1.0.1

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

@@ -8,7 +8,7 @@ import { localeText } from "../../utils/locale";
 const NO_KEYS = new Set();
 /**
  * A chart of accounts or any outline with columns. Branches open and close, siblings sort at every
- * level, a filter keeps the ancestors of its matches, a tick carries down a subtree, and a branch
+ * level, a filter keeps the ancestors of its matches, a check carries down a subtree, and a branch
  * can load its children on open. `aria-label` or `aria-labelledby` on the host names it. Use
  * `sui-tree` for rows that are labels, not records.
  */
@@ -27,10 +27,10 @@ export class SuiTreeTable {
      *  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 = [];
@@ -81,7 +81,7 @@ export class SuiTreeTable {
     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
@@ -235,10 +235,10 @@ export class SuiTreeTable {
         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,
@@ -300,7 +300,7 @@ export class SuiTreeTable {
      *
      * 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;
@@ -355,7 +355,7 @@ export class SuiTreeTable {
     render() {
         const view = this.view();
         const sel = this.resolved();
-        return (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 === '' ? '' : localeText(undefined, 'tree-table.empty', this.emptyMessage, 'Nothing here yet.'), emptyFilterMessage: this.emptyFilterMessage === '' ? '' : 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 (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 === '' ? '' : localeText(undefined, 'tree-table.empty', this.emptyMessage, 'Nothing here yet.'), emptyFilterMessage: this.emptyFilterMessage === '' ? '' : 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 }));
     }
     static get is() { return "sui-tree-table"; }
     static get encapsulation() { return "scoped"; }
@@ -458,7 +458,7 @@ export class SuiTreeTable {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "`none`, `single` (one highlighted row) or `checkbox` (a box per row, a select-all box in the\nheader, and a tick that carries down a whole subtree)."
+                    "text": "`none`, `single` (one highlighted row) or `checkbox` (a box per row, a select-all box in the\nheader, and a check that carries down a whole subtree)."
                 },
                 "getter": false,
                 "setter": false,
@@ -485,7 +485,7 @@ export class SuiTreeTable {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "The keys the user has ticked. Under `checkbox` a branch is stored only when it was ticked\nwhole: the mixed and fully ticked states of every ancestor are derived from the tree on each\nrender, so there is no second copy to go stale when the tree changes shape. Mutable; updated\nbefore `suiSelectionChange` fires. Property, not attribute."
+                    "text": "The keys the user has checked. Under `checkbox` a branch is stored only when it was checked\nwhole: the mixed and fully checked states of every ancestor are derived from the tree on each\nrender, so there is no second copy to go stale when the tree changes shape. Mutable; updated\nbefore `suiSelectionChange` fires. Property, not attribute."
                 },
                 "getter": false,
                 "setter": false,
@@ -854,7 +854,7 @@ export class SuiTreeTable {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": "Fires when the selection changes; detail is the new `selection`, the ticked keys. Does not\nbubble."
+                    "text": "Fires when the selection changes; detail is the new `selection`, the checked keys. Does not\nbubble."
                 },
                 "complexType": {
                     "original": "SuiKey[]",

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

@@ -16,13 +16,13 @@ export class SuiTrend {
      *  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 (h(Host, { key: '79e986e55d646f05c004c4128f38c5c6840c7689' }, h(TrendMark, { key: '762c23ba28e341475d9753d3a63c0c5845676c21', value: this.value, direction: this.direction, severity: this.severity, note: this.note, unfavorable: localeText(undefined, 'trend.unfavorable', undefined, 'unfavorable') })));
+        return (h(Host, { key: '0ce2ad49d0222cd47146d7cd7c0750da65e30460' }, h(TrendMark, { key: '1531d7173cd8ef5f58e0a52e1d80a7746b03d007', value: this.value, direction: this.direction, severity: this.severity, note: this.note, unfavorable: localeText(undefined, 'trend.unfavorable', undefined, 'unfavorable') })));
     }
     static get is() { return "sui-trend"; }
     static get encapsulation() { return "scoped"; }
@@ -96,7 +96,7 @@ export class SuiTrend {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "How the change reads, on the status ladder `sui-stat-card` shares: `positive`, good news, in\nthe positive ink (the ink under brand status, green under semantic); `critical`, bad news, in\nthe danger ink with the arrow ringed and a hidden \"unfavorable\" after the figure; `neutral`,\nneither, in the muted ink at regular weight, the arrow kept and unringed, so no tone rests on\ncolour alone. Whether a rise is good is yours to say, since a rising receivable is\nbad: `severity=\"critical\"` marks it. An unknown value reads as `positive`. Reflected."
+                    "text": "How the change reads, on the status ladder `sui-stat-card` shares: `positive`, good news, in\nthe positive ink (the ink under brand status, green under semantic); `critical`, bad news, in\nthe danger ink with the arrow ringed and a hidden \"unfavorable\" after the figure; `neutral`,\nneither, in the muted ink at regular weight, the arrow kept and unringed, so no tone rests on\ncolor alone. Whether a rise is good is yours to say, since a rising receivable is\nbad: `severity=\"critical\"` marks it. An unknown value reads as `positive`. Reflected."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/sui-virtual-scroller/sui-virtual-scroller.js

@@ -240,7 +240,7 @@ export class SuiVirtualScroller {
             : grid
                 ? { width: `${this.cols() * colW}px`, height: `${count * rowH}px` }
                 : { height: `${count * rowH}px` };
-        return (h("div", { key: 'd40c74cfe34cd8db771bf64beb407ce89c166aff', class: { 'sui-vs': true, [this.orientation]: true } }, this.showIndex ? h("div", { class: "index" }, this.indexLabel(win)) : null, 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 }, 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 (h("div", { key: '32c96dd1c6ca8804c5ce41ef51985ea9cb2b8393', class: { 'sui-vs': true, [this.orientation]: true } }, this.showIndex ? h("div", { class: "index" }, this.indexLabel(win)) : null, 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 }, 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 is() { return "sui-virtual-scroller"; }
     static get encapsulation() { return "scoped"; }
@@ -365,7 +365,7 @@ export class SuiVirtualScroller {
                     "references": {
                         "SuiVirtualScrollerOrientation": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-virtual-scroller/sui-virtual-scroller.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-virtual-scroller/sui-virtual-scroller.tsx",
                             "id": "src/components/sui-virtual-scroller/sui-virtual-scroller.tsx::SuiVirtualScrollerOrientation"
                         }
                     }
@@ -492,7 +492,7 @@ export class SuiVirtualScroller {
                     "references": {
                         "SuiVirtualScrollerRangeDetail": {
                             "location": "local",
-                            "path": "/workspace/packages/core/src/components/sui-virtual-scroller/sui-virtual-scroller.tsx",
+                            "path": "/agent/repos/shineui/packages/core/src/components/sui-virtual-scroller/sui-virtual-scroller.tsx",
                             "id": "src/components/sui-virtual-scroller/sui-virtual-scroller.tsx::SuiVirtualScrollerRangeDetail"
                         }
                     }

package/dist/collection/fonts/OFL.txt

@@ -2,9 +2,9 @@ DM Sans is bundled with @shineuix/core and is not ours. It ships under the SIL O
 which requires this notice to travel with the font file, so this directory is copied into dist as a
 whole and this file goes with it.
 
-This copy is modified, as the licence allows: it is the Latin subset with tabular figures added
+This copy is modified, as the license allows: it is the Latin subset with tabular figures added
 (zero.tf to nine.tf and a tnum feature, built by scripts/font/add-tnum.py from the digits already in
-the font). Nothing else in it changes. The modified font stays under the same licence.
+the font). Nothing else in it changes. The modified font stays under the same license.
 
 Copyright 2014-2024 The DM Sans Project Authors (https://github.com/googlefonts/dm-sans)
 

package/dist/collection/index.js

@@ -1,6 +1,6 @@
 export * from './components';
 // The functions the docs document, and nothing else: everything exported here is public API that
-// semantic versioning freezes. The positioning, focus, motion, behaviour and chart-drawing helpers
+// semantic versioning freezes. The positioning, focus, motion, behavior and chart-drawing helpers
 // the elements share stay internal. scripts/check-exports.mjs (packages/core) holds this list.
 export { money, trapFocus, keyFilter, toast, registerLocale, setLocale, formValues, standardResolver, } from './utils';
 export { auditTree } from './utils/audit-tree';

package/dist/collection/theme/apply.js

@@ -321,7 +321,7 @@ export function applyTheme(target, choice) {
     }
     return { ...written.state, selector: written.selector, light, dark, css: written.css, dispose: () => stopFollowingSystem(node) };
 }
-/** The source colours recorded in the custom sheet of a node, looked up by the selector the library
+/** The source colors recorded in the custom sheet of a node, looked up by the selector the library
  *  scoped it with, else by the target as written (a text search, never written anywhere). */
 function sourceFromSheet(node, sel, preset) {
     const out = {};

package/dist/collection/theme/derive.js

@@ -79,7 +79,7 @@ export function overGround(fg, bg, a) {
  *  is the neutral tone fitted until it reads this much on the worst of them, the muted tier at 7:1,
  *  the faint at 5.4:1 (4.8:1 in light), and the placeholder, a field's own ink rather than a text
  *  tier, at 4.5:1. A ladder rather than one floor, because fitting all three to 4.5 collapsed them
- *  into one grey (the visual gate caught it, 2026-09-05). */
+ *  into one gray (the visual gate caught it, 2026-09-05). */
 export const INK_MUTED_AA = 7.0, INK_FAINT_AA = 5.4, INK_PLACEHOLDER_AA = 4.5;
 /** In light faint sits at 4.8:1, since a washed row lifts its faint text to the muted ink and faint
  *  no longer needs headroom for the wash (wash-ink-audit.mjs finds no faint text on a wash that does
@@ -121,19 +121,19 @@ export const INK_WARM_C = 0.012;
 export const BRAND_DARK_L = 0.48, BRAND_DARK_PRESENCE = 3.0;
 export const BRAND_HOVER_STEP = 0.05, BRAND_HOVER_STEP_MIN = 0.03;
 export const FOCUS_RING_PRESENCE = 3.0;
-/** The focus colour's floor on every page ground: 3:1 in light, 4.5:1 in dark, where a mid tone that
+/** The focus color's floor on every page ground: 3:1 in light, 4.5:1 in dark, where a mid tone that
  *  passes 3:1 still reads as dim beside the ink. */
 export const FOCUS_LIGHT = 3.0, FOCUS_DARK = 4.5;
 /** A disabled field's fill in light: the lightness of the default theme's #E3E6EA, so a generated
- *  theme's disabled field reads as a grey slab, as the shipped ones do, and not as the near-white
+ *  theme's disabled field reads as a gray slab, as the shipped ones do, and not as the near-white
  *  of a read-only one. */
 export const DISABLED_BG_L = 0.924;
 /** The error red's chroma floor: it follows a vivid pair up to 0.17 but never mutes below this, so a
- *  navy or grey accent cannot turn errors into brick. */
+ *  navy or gray accent cannot turn errors into brick. */
 export const ALERT_C_MIN = 0.15;
-/** The halo around a focused control: the focus colour's own hue as a pale tint in light (the ring
- *  at an alpha greys it, since the ring is usually dark), and the ring at 35% over the card in dark.
- *  A near-grey ring keeps a grey halo. */
+/** The halo around a focused control: the focus color's own hue as a pale tint in light (the ring
+ *  at an alpha grays it, since the ring is usually dark), and the ring at 35% over the card in dark.
+ *  A near-gray ring keeps a gray halo. */
 export function focusHalo(ring, surface, dark) {
     if (dark)
         return overGround(ring, surface, 0.35);
@@ -142,7 +142,7 @@ export function focusHalo(ring, surface, dark) {
         return mkC(o.H, 0.87, 0);
     return mkC(o.H, 0.87, Math.min(Math.max(o.C * 0.6, 0.05), 0.1));
 }
-/** How near the focus colour may come to danger's hue before it would read as an error. */
+/** How near the focus color may come to danger's hue before it would read as an error. */
 export const FOCUS_DANGER_HUE = 30;
 export const VIZ_4_L = 0.80, VIZ_4_L_DARK = 0.35, VIZ_4_PRESENCE = 1.5;
 /** The fourth chart step on a dark card: a fourth series is a line or a bar that has to stand out
@@ -155,7 +155,7 @@ export const VIZ_4_PRESENCE_DARK = 2.5;
  *  own lightness, --viz-4 at the axis floor, and the two between at the same ratio, (viz-1 /
  *  viz-4)^(1/3) on the card, about 1.48 in dark and 1.63 in light. */
 export const VIZ_1_L_DARK = 0.81;
-/** The colour at hue H and chroma C that reads `target` against `ground`, on the side of the ground
+/** The color at hue H and chroma C that reads `target` against `ground`, on the side of the ground
  *  the ramp runs (darker on a light card, lighter on a dark one). */
 export function vizAt(H, C, ground, target, lighter) {
     const gL = rgb2okl(hex2rgb(ground)).L;
@@ -186,7 +186,7 @@ export const MEDIA_DARK_L = 0.13, MEDIA_DARK_C = 0.07;
 /** How near, in hue, a brand-mode accent may come to the error red before attention stops wearing it
  *  and takes the amber: at 25 degrees a coral accent's "due today" read as the red's "overdue". */
 export const ATTENTION_DANGER_HUE = 35;
-/** The selected row: the primary's hue (grey when the primary has none), translucent like the wash,
+/** The selected row: the primary's hue (gray when the primary has none), translucent like the wash,
  *  at the alpha that outweighs the wash by this much over the card, so a row under the pointer never
  *  outweighs the row the user picked. The source is a mid tone in light and a light one in dark,
  *  chromatic enough that the tint reads as the brand and not as a deeper hover. */
@@ -203,7 +203,7 @@ export const SELECTED_SRC_L_MAX = 0.8;
 /** Yellow to olive hues read brown or khaki in any tone darker than their own light one, so a primary
  *  in this band (mustard, gold, olive) takes the light source whatever its own lightness. */
 export const SELECTED_WARM_HUES = [70, 115];
-/** The primary hues (orange through yellow to olive) whose selection is capped in colour, and the
+/** The primary hues (orange through yellow to olive) whose selection is capped in color, and the
  *  cap: the painted wash on the card at most this OKLCH chroma in light and in dark. */
 export const SELECTED_WARM_CAP_HUES = [20, 110];
 export const SELECTED_WARM_C = 0.06, SELECTED_WARM_C_DARK = 0.02;
@@ -392,7 +392,7 @@ export function hueDist(a, b) {
     const d = Math.abs(a - b) % 360;
     return d > 180 ? 360 - d : d;
 }
-/** The OKLab distance between two colours: how different they look, hue and lightness together. */
+/** The OKLab distance between two colors: how different they look, hue and lightness together. */
 export function oklDist(a, b) {
     const x = rgb2okl(hex2rgb(a)), y = rgb2okl(hex2rgb(b));
     const r = Math.PI / 180;
@@ -400,7 +400,7 @@ export function oklDist(a, b) {
     const db = x.C * Math.sin(x.H * r) - y.C * Math.sin(y.H * r);
     return Math.sqrt((x.L - y.L) ** 2 + da * da + db * db);
 }
-/** A focus colour from one source: the source's own hue and chroma at the lightness nearest its own
+/** A focus color from one source: the source's own hue and chroma at the lightness nearest its own
  *  that clears `target` on every page ground and, when `fill` is given, FOCUS_RING_PRESENCE against
  *  it (in dark the ring sits one dark pixel off a primary-filled button). */
 export function focusFrom(hex, grounds, fill, target) {
@@ -427,11 +427,11 @@ export function focusFrom(hex, grounds, fill, target) {
     return both ?? nearest(onPage) ?? fitOn(hex, worst, target);
 }
 /**
- * The one colour every focus indicator draws, from the primary or from the accent, never both.
+ * The one color every focus indicator draws, from the primary or from the accent, never both.
  * Each source is fitted (focusFrom) and then judged:
  *   1. it must not sit in danger's hue family, or focus would read as an error; danger is the
  *      same red in every status mode, so the choice holds when the status mode changes;
- *   2. a colour beats a near-grey, which reads as disabled;
+ *   2. a color beats a near-gray, which reads as disabled;
  *   3. the source that needed the smaller change keeps more of itself.
  * Ahead of 2 and 3, a ring that meets every floor it was asked for beats one that cannot (a pale
  * primary in dark can be too light to stand 3:1 off its own fill). The primary wins a tie. When both sit near danger, as in a one-hue theme, the one that stands
@@ -454,13 +454,13 @@ export function focusSource(primary, accent, danger, grounds, fill, target) {
         const apart = oklDist(ring, danger);
         const nearDanger = (R.C >= 0.015 && D.C >= 0.03 && hueDist(R.H, D.H) < FOCUS_DANGER_HUE) || apart < 0.1;
         const fits = grounds.every((g) => contrast(ring, g) >= target - 0.005) && (!fill || contrast(ring, fill) >= FOCUS_RING_PRESENCE - 0.005);
-        return { from, ring, nearDanger, apart, fits, colourful: R.C >= 0.025, shift: oklDist(ring, src) };
+        return { from, ring, nearDanger, apart, fits, colorful: R.C >= 0.025, shift: oklDist(ring, src) };
     };
     const all = [judge('primary', primary), judge('accent', accent)];
     const safe = all.filter((c) => !c.nearDanger);
     const primaryFirst = (a) => (a.from === 'primary' ? -1 : 1);
     if (safe.length)
-        safe.sort((a, b) => (Number(b.fits) - Number(a.fits)) || (Number(b.colourful) - Number(a.colourful)) || (a.shift - b.shift) || primaryFirst(a));
+        safe.sort((a, b) => (Number(b.fits) - Number(a.fits)) || (Number(b.colorful) - Number(a.colorful)) || (a.shift - b.shift) || primaryFirst(a));
     else
         all.sort((a, b) => (Number(b.fits) - Number(a.fits)) || (b.apart - a.apart) || primaryFirst(a));
     const pick = safe.length ? safe[0] : all[0];
@@ -764,7 +764,7 @@ export function derive(pHex, aHex, neutralKey, st, dark) {
             codeDark = { bg: mk(P.H, 0.235, panelCD), head: mk(P.H, 0.28, panelCD), chip: mk(P.H, 0.34, panelCD), ink: inkD };
         const vizC = (c) => (pChrom ? c * (1 + 0.8 * warmth(P.H)) : 0);
         // Lifted to their floors, the lower steps keep the primary's hue by chroma to match: at the
-        // chroma they had when they sat darker they faded to a grey slate. --viz-4 clears the axis,
+        // chroma they had when they sat darker they faded to a gray slate. --viz-4 clears the axis,
         // --viz-1 keeps its own light tone, and the two between sit an even ratio apart.
         const axisOnCardD = contrast(fitOn(borderD, surfaceD, CONTROL_EDGE_AA), surfaceD);
         const viz4D = lightenTo(mk(P.H, VIZ_4_L_DARK, vizC(0.062)), surfaceD, Math.max(VIZ_4_PRESENCE_DARK, axisOnCardD));
@@ -807,7 +807,7 @@ export function derive(pHex, aHex, neutralKey, st, dark) {
     const softOf = (H) => (dark ? mk(H, 0.27, 0.05 * dusk(H)) : mk(H, 0.94, 0.04));
     // Errors are the semantic red in every status mode (the owner's call, 2026-09-23): an invalid
     // field, an error line and a destructive button read as an error whatever the palette, and the
-    // focus colour never has to share a hue with them. Critical is that red too, on every mark (the
+    // focus color never has to share a hue with them. Critical is that red too, on every mark (the
     // owner's call, 2026-10-02): a critical badge matches the critical tag and message.
     const pickedAlert = semantic ? st?.alert || null : null;
     let alertSolid = pickedAlert || mk(pickHue(bandNudge(17, 12, 22, P.H, P.C >= 0.02), 12, 22, avoidHues), 0.55, Math.max(ALERT_C_MIN, Math.min(Ca, 0.17)));
@@ -962,7 +962,7 @@ export function derive(pHex, aHex, neutralKey, st, dark) {
     }
     if (!aSel)
         aSel = 0.6;
-    // On a warm primary the selection's colour rose with its weight: a selected row read as a warning
+    // On a warm primary the selection's color rose with its weight: a selected row read as a warning
     // highlight in light and as brown in dark (the visual gate's F-7; owner, 2026-10-08). There the
     // painted wash's chroma on the card is capped: the source gives up chroma at its own lightness and
     // the alpha is solved again, so the weight over the hover holds.
@@ -1140,7 +1140,7 @@ export function derive(pHex, aHex, neutralKey, st, dark) {
     // 3:1 on the worst ground a control sits on, the raised panel of a popover or a filter panel
     // included.
     T['--control-border'] = fitOn(T['--border-strong'], worstOf(raisedGrounds, T['--border-strong']), CONTROL_EDGE_AA);
-    // Focus: one colour, from the primary or the accent (focusSource), for every ring, edge and
+    // Focus: one color, from the primary or the accent (focusSource), for every ring, edge and
     // halo, so no focus ever shows two hues. The source is chosen in light, where the palette reads
     // as itself, and dark fits the same source to its own floors.
     const pickKey = [pHex, aHex, neutralKey, semantic ? 'semantic' : 'brand', (semantic && st?.alert) || ''].join('|');
@@ -1233,7 +1233,7 @@ export function derive(pHex, aHex, neutralKey, st, dark) {
     T['--sui-code-dark-fg-mix'] = codeMixPct(darkFgMix);
     T['--sui-code-dark-muted-mix'] = codeMixPct(darkMutedMix);
     T['--sui-code-dark-dim-mix'] = codeMixPct(darkDimMix);
-    // The raw palette under the semantic tokens, in this theme's own colours.
+    // The raw palette under the semantic tokens, in this theme's own colors.
     ['--palette-deep-blue', '--palette-orange', '--palette-blue-gray', '--palette-white', '--palette-black', '--palette-link-blue', '--palette-orange-deep', '--palette-slate'].forEach((k, i) => {
         T[k] = [T['--ink'], T['--accent'], T['--border'], '#FFFFFF', '#000000', T['--link'], T['--accent-deep'], paletteSlate][i];
     });

package/dist/collection/utils/aria.js

@@ -50,6 +50,25 @@ function inheritAttribute(host, name, set) {
 export function inheritAriaLabel(host, set) {
     return inheritAttribute(host, 'aria-label', set);
 }
+/** Reads whether the host says `aria-disabled` and keeps `set` in sync when it changes.
+ *  Returns a disposer. A button that reads it is the focusable disabled button: the inner control
+ *  reads as disabled, takes the disabled look and swallows its activation, and stays in the tab
+ *  order, so a keyboard or screen reader user reaches it and the reason beside it. Left on the host
+ *  alone it would sit on an element with no button role and announce nothing, as `inheritAriaState`
+ *  says. Armed in `connectedCallback`, as `inheritAriaLabel` says.
+ *
+ *  Present and anything but `false` holds it: React writes a boolean `aria-disabled` on a custom
+ *  element as an empty attribute, and an author who wrote the attribute meant it. The inner control
+ *  always reads the valid `aria-disabled="true"`. */
+export function inheritAriaDisabled(host, set) {
+    return inheritAttribute(host, 'aria-disabled', (v) => set(v !== undefined && !/^\s*(false|undefined)\s*$/i.test(v)));
+}
+/** Reads the host's `aria-describedby` and keeps `set` in sync when it changes, for a button that
+ *  hands it to its inner control: the reason a held button gives sits beside it, named by id. The
+ *  inner control is in the same tree as the page, so the id resolves. Returns a disposer. */
+export function inheritAriaDescribedby(host, set) {
+    return inheritAttribute(host, 'aria-describedby', set);
+}
 /** Reads the host's `aria-labelledby` and keeps `set` in sync when it changes. Returns a disposer.
  *  Armed in `connectedCallback`, as `inheritAriaLabel` says. */
 export function inheritAriaLabelledby(host, set) {

package/dist/collection/utils/calendar-grid.js

@@ -1,6 +1,6 @@
 import { addDays, daysInMonth, formatDate, formatMonthTitle } from "./datetime";
 export { addDays };
-/** The same day of the month `n` months on, clamped to the month's length, so 31 January plus one is 28 or 29 February. */
+/** The same day of the month `n` months on, clamped to the month's length, so January 31 plus one is February 28 or 29. */
 export const addMonths = (d, n) => {
     const first = new Date(d.getFullYear(), d.getMonth() + n, 1);
     return new Date(first.getFullYear(), first.getMonth(), Math.min(d.getDate(), daysInMonth(first.getFullYear(), first.getMonth())));
@@ -17,7 +17,7 @@ export const weekOf = (d, firstDay) => {
     return Array.from({ length: 7 }, (_, i) => addDays(start, i));
 };
 /**
- * The month grid as rows of seven days, starting on `firstDay`, with the days of the neighbouring
+ * The month grid as rows of seven days, starting on `firstDay`, with the days of the neighboring
  * months filling the first and last rows. `weeks` fixes the row count so every month is the same
  * height and the grid never jumps on navigation; `0` draws only as many rows as the month needs
  * (four, five or six). `m` is 0-based.
@@ -72,7 +72,7 @@ function weekInfoOf(locale) {
  * The weekday a locale starts its week on, `0` Sunday to `6` Saturday. Asks the runtime's
  * `Intl.Locale` week info where it has one, and otherwise reads the region off the tag against
  * the CLDR table (Sunday in the United States, Canada, Japan, Brazil and India; Saturday in
- * Egypt and the Gulf; Monday nearly everywhere else). A tag with no region is maximised to its
+ * Egypt and the Gulf; Monday nearly everywhere else). A tag with no region is maximized to its
  * likely one, so `en` starts on Sunday and `de` on Monday.
  */
 export function localeFirstDay(locale) {

package/dist/collection/utils/chart-core.js

@@ -314,7 +314,7 @@ export const Baseline = (props) => {
 };
 /** The sentence over a plot with nothing to draw. Every chart renders it inside its own
  *  `.sui-chart-plot`, so the frame, the axes and the legend keep their place on the page. It takes
- *  the direction of its own first letter, so a right-to-left page keeps its full stop at its end. */
+ *  the direction of its own first letter, so a right-to-left page keeps its period at its end. */
 export const ChartEmpty = ({ text }) => (h("div", { class: "sui-chart-empty", role: "status" }, h("span", { class: "prose" }, text)));
 /** The shimmer that stands in for a plot whose figures have not arrived: a box the plot's height,
  *  hidden from a reader, beside a status line that names the wait. Under `rtl` it leaves the axis

package/dist/collection/utils/chart-helpers.js

@@ -22,7 +22,7 @@ export function polyPoints(data, x, y) {
         s += (i ? ' ' : '') + x(i) + ',' + y(data[i]);
     return s;
 }
-/** Same as polyPoints but walking the data backwards (closes an envelope or stack polygon). */
+/** Same as polyPoints but walking the data backward (closes an envelope or stack polygon). */
 export function polyPointsReversed(data, x, y) {
     let s = '';
     for (let i = data.length - 1; i >= 0; i--)
@@ -42,7 +42,7 @@ export function hasSlot(host, name) {
 export function chartLabel(heading, body) {
     return heading ? localeFormat(undefined, 'chart.titled', undefined, '{heading}: {chart}', { heading, chart: body }) : body;
 }
-/** Normalises a hover index from nearestIndex: NaN (zero-width rect) or out of range collapses to -1. */
+/** Normalizes a hover index from nearestIndex: NaN (zero-width rect) or out of range collapses to -1. */
 export function safeIndex(i, n) {
     return i >= 0 && i < n ? i : -1;
 }

package/dist/collection/utils/format.js

@@ -24,14 +24,24 @@ function decimalsOf(v) {
  * and EUR, none for JPY), in `locale` or else the page's locale (`setLocale()`, else
  * `<html lang>`), which also places the symbol and sets the grouping. A negative takes
  * parentheses, the ledger convention, or with `negative: 'minus'` a true minus in front:
- * `(1.890,00 €)`, `−$1,890.00`. An unknown currency code prints the bare figure with two decimals.
+ * `(1.890,00 €)`, `−$1,890.00`. With `symbol: false` the amount drops its currency sign and keeps
+ * the currency's decimals and the locale's grouping, `1,234.50` and `(1,890.00)`: a statement's
+ * body rows, which leave the sign to the first row and the totals. An unknown currency code prints
+ * the bare figure with two decimals. A negative that rounds to nothing is zero, `0.00`, not
+ * `(0.00)`; a value that is not a finite number prints as `String()` prints it, `NaN`, as every
+ * formatter here does, so a bad figure shows rather than passing for an amount.
  */
 export function money(value, opts = {}) {
-    const { currency = 'USD', locale, negative = 'parens' } = opts;
+    if (!Number.isFinite(value))
+        return String(value);
+    const { currency = 'USD', locale, negative = 'parens', symbol = true } = opts;
     const tag = resolveLocale((locale || '').trim() || intlLocale());
     const f = currencyFormat(tag, currency, {}) || numberFormat(tag, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
-    const abs = f.format(Math.abs(value));
-    if (value >= 0)
+    const abs = symbol
+        ? f.format(Math.abs(value))
+        : f.formatToParts(Math.abs(value)).filter((p) => p.type !== 'currency').map((p) => p.value).join('').trim();
+    const digits = f.resolvedOptions().maximumFractionDigits ?? 2;
+    if (value >= 0 || Math.round(Math.abs(value) * 10 ** digits) === 0)
         return abs;
     return negative === 'parens' ? `(${abs})` : `${TRUE_MINUS}${abs}`;
 }

package/dist/collection/utils/grid/clipboard.js

@@ -63,7 +63,7 @@ export function serializeRange(cells, opts = {}) {
     return lines.join(nl);
 }
 /**
- * The private clipboard flavour a grid's copy carries beside `text/plain`: the same rectangle as
+ * The private clipboard flavor a grid's copy carries beside `text/plain`: the same rectangle as
  * TSV with every cell exactly as it is, formulas unescaped. A ShineUI grid reads it on paste, so a
  * copy and paste between grids is lossless, while a spreadsheet, which knows nothing of the type,
  * reads the plain text and its escapes.
@@ -108,14 +108,14 @@ function throwawaySelection(within) {
     };
 }
 /**
- * Writes several flavours in one synchronous copy: a one-shot `copy` listener fills the event's
+ * Writes several flavors in one synchronous copy: a one-shot `copy` listener fills the event's
  * `DataTransfer` while `execCommand('copy')` runs, which is the one way to put a custom type on the
  * clipboard in every engine. WebKit enables the command only over a selection, so a throwaway one
- * is held for the command (`throwawaySelection`), and only when `beforecopy` is cancelled, so that
- * is cancelled too. True only when the listener ran and the command reported success; the caller
+ * is held for the command (`throwawaySelection`), and only when `beforecopy` is canceled, so that
+ * is canceled too. True only when the listener ran and the command reported success; the caller
  * then falls back to the plain text. It has to run inside the user's gesture, before any `await`.
  */
-function writeFlavours(flavours, within) {
+function writeFlavors(flavors, within) {
     if (typeof document === 'undefined' || typeof document.execCommand !== 'function')
         return false;
     let filled = false;
@@ -124,8 +124,8 @@ function writeFlavours(flavours, within) {
         const data = e.clipboardData;
         if (!data)
             return;
-        for (const type of Object.keys(flavours))
-            data.setData(type, flavours[type]);
+        for (const type of Object.keys(flavors))
+            data.setData(type, flavors[type]);
         e.preventDefault();
         e.stopImmediatePropagation();
         filled = true;
@@ -149,23 +149,23 @@ function writeFlavours(flavours, within) {
     return ok && filled;
 }
 /**
- * Puts a rectangle on the clipboard as two flavours: `text/plain` under `formulas`, which is what a
+ * Puts a rectangle on the clipboard as two flavors: `text/plain` under `formulas`, which is what a
  * spreadsheet and every other application reads, and `GRID_CLIPBOARD_TYPE` with the cells exactly.
- * Where the engine refuses the two-flavour write, the plain text goes through `copyText` alone, and
+ * Where the engine refuses the two-flavor write, the plain text goes through `copyText` alone, and
  * the rectangle is remembered for `gridPasteText`. Resolves the plain text and whether the clipboard
- * took it. Call it from the user's gesture: the two-flavour write happens before the first `await`.
+ * took it. Call it from the user's gesture: the two-flavor write happens before the first `await`.
  * `within` is the element the copy belongs to (see `throwawaySelection`).
  */
 export async function writeGridClipboard(cells, formulas = 'escape', within) {
     const plain = serializeRange(cells, { formulas });
     const exact = serializeRange(cells, { formulas: 'preserve' });
-    const ok = writeFlavours({ 'text/plain': plain, [GRID_CLIPBOARD_TYPE]: exact }, within) || (await copyText(plain));
+    const ok = writeFlavors({ 'text/plain': plain, [GRID_CLIPBOARD_TYPE]: exact }, within) || (await copyText(plain));
     if (ok)
         lastCopy = { plain, exact };
     return { text: plain, ok };
 }
 /**
- * The text a paste into a grid reads: the private flavour when the clipboard carries one, else the
+ * The text a paste into a grid reads: the private flavor when the clipboard carries one, else the
  * plain text, swapped for the exact cells when it is the very text the last copy on this page wrote
  * (so the escape a spreadsheet needed does not land in the grid as an apostrophe). Plain text from
  * anywhere else is taken as it is, apostrophes included, because they may be real data.

package/dist/collection/utils/grid/columns.js

@@ -163,7 +163,7 @@ export function columnWindow(model, scrollStart, viewport, overscan = 4, block =
  *
  * Written out in full rather than as a diff, because `resolveColumns` reads the order as a ranking
  * and a partial list leaves every unmentioned column behind the named ones. `all` is the current
- * resolved order, so dropping a column onto a neighbour moves it exactly one place rather than to
+ * resolved order, so dropping a column onto a neighbor moves it exactly one place rather than to
  * wherever it happens to sit in the declaration.
  */
 export function reorderColumns(all, from, onto) {

package/dist/collection/utils/grid/editing.js

@@ -165,25 +165,25 @@ export function checkboxEditor(opts = {}) {
     const off = opts.unchecked ?? 'false';
     return {
         mount(ctx) {
-            let ticked = isTicked(ctx, on);
+            let checked = isChecked(ctx, on);
             const seed = ctx.seed?.trim().toLowerCase();
             if (ctx.seed === ' ')
-                ticked = !ticked;
+                checked = !checked;
             else if (seed === 'y' || seed === 't' || seed === '1')
-                ticked = true;
+                checked = true;
             else if (seed === 'n' || seed === 'f' || seed === '0')
-                ticked = false;
+                checked = false;
             const el = control(document.createElement('input'), ctx);
             el.type = 'checkbox';
-            el.checked = ticked;
+            el.checked = checked;
             return el;
         },
         read: (el) => (el.checked ? on : off),
         handlesKey: (e) => e.key === ' ',
     };
 }
-/** Whether the cell reads as ticked. */
-function isTicked(ctx, on) {
+/** Whether the cell reads as checked. */
+function isChecked(ctx, on) {
     const v = ctx.value;
     if (typeof v === 'boolean')
         return v;

package/dist/collection/utils/grid/filter.js

@@ -151,7 +151,7 @@ function betweenTest(target, type) {
 /**
  * The date family, which is calendar-granular where `lt` and `gt` are instant-granular.
  *
- * "After 3 March" excludes the whole of 3 March, including a row stamped 14:00 that hour arithmetic
+ * "After March 3" excludes the whole of March 3, including a row stamped 14:00 that hour arithmetic
  * would call later than the filter's midnight. That is the deviation from PrimeVue, which compares
  * raw times and lets the same day answer both `dateIs` and `dateAfter`. Keep one representation on
  * both sides: a date-only string is parsed as UTC by the platform while the day boundaries here are
@@ -421,7 +421,7 @@ function startMode(column) {
 }
 /**
  * The draft a filter menu opens on, read from the column's applied rule. A value-list column opens
- * with every value ticked when it has no rule, since that is what "not filtered" looks like in a
+ * with every value checked when it has no rule, since that is what "not filtered" looks like in a
  * list; any other column opens on one empty condition in its default mode.
  */
 export function filterDraft(rule, column) {
@@ -460,7 +460,7 @@ function counts(c) {
 /**
  * The rule a draft applies, or `undefined` when it filters nothing: a condition with no value is
  * dropped rather than kept to match nothing, the same reasoning as `setColumnRule`; a value list
- * with every value ticked is no filter at all. A value list with nothing ticked is not a rule the
+ * with every value checked is no filter at all. A value list with nothing checked is not a rule the
  * menu can apply (it would hide every row), so the menu disables Apply for it and this returns
  * `undefined` if asked anyway.
  */

package/dist/collection/utils/grid/selection.js

@@ -16,7 +16,7 @@ export function isRowSelected(sel, key) {
  * Sets a run of rows to one state.
  *
  * This is the primitive rather than `toggleRow`, because a Shift+click over a run has to *set* the
- * run, not flip it: flipping a range where half the rows were already ticked deselects that half,
+ * run, not flip it: flipping a range where half the rows were already checked deselects that half,
  * which is not what any grid does. Returns the selection unchanged when no membership moved.
  */
 export function setRowsSelected(sel, keys, selected) {