@shineuix/core 1.0.0 → 1.0.1

package/README.md

@@ -19,7 +19,7 @@ defineCustomElements();
 ```
 
 ```html
-<sui-button variant="accent" label="Pay bills"></sui-button>
+<sui-button variant="accent" label="Record payment"></sui-button>
 <sui-select label="Deposit account"></sui-select>
 <script>
   const sel = document.querySelector('sui-select');

package/THIRD-PARTY-NOTICES.md

@@ -3,15 +3,15 @@
 ShineUI is MIT licensed (see `LICENSE`). Its packages redistribute the third-party work listed
 here, under the terms below. This file ships in the `@shineuix/core` and `@shineuix/ssr` tarballs,
 because those two carry compiled copies of other people's code; the bindings install their
-dependencies from the registry with each package's own licence file beside it.
+dependencies from the registry with each package's own license file beside it.
 
 ## Code compiled into the packages
 
 The custom elements build inlines the libraries below into the chunks of `@shineuix/core`
 (`dist/components`, `dist/shineui`, `dist/esm`, `dist/cjs`) and of `@shineuix/ssr`
-(`dist/components`, `dist/hydrate`). The minifier strips their licence banners, so the copyright
-notices are reproduced here as the MIT licence requires. Every library in this section is MIT
-licensed; the licence text follows the list.
+(`dist/components`, `dist/hydrate`). The minifier strips their license banners, so the copyright
+notices are reproduced here as the MIT license requires. Every library in this section is MIT
+licensed; the license text follows the list.
 
 - **Stencil runtime** (`@stencil/core`, the client runtime compiled into every chunk).
   Copyright (c) 2019-present Drifty Co.
@@ -24,7 +24,7 @@ licensed; the licence text follows the list.
   `@shikijs/engine-javascript`, `@shikijs/langs` for the eight grammars the element loads,
   `@shikijs/types`). Copyright (c) 2021 Pine Wu. Copyright (c) 2023 Anthony Fu.
   The grammars in `@shikijs/langs` are collected from their upstream TextMate bundles, whose
-  sources and licences are listed in that package's collection.
+  sources and licenses are listed in that package's collection.
 - **vscode-textmate** (`@shikijs/vscode-textmate`, the grammar engine Shiki runs).
   Copyright (c) Microsoft Corporation.
 - **oniguruma-to-es** and its parser and regex helpers (`oniguruma-to-es`, `oniguruma-parser`,
@@ -43,7 +43,7 @@ licensed; the licence text follows the list.
   based on QRCode for JavaScript, Copyright (c) 2009 Kazuhiko Arase (MIT). Its path finder
   `dijkstrajs`: Copyright (C) 2008 Wyatt Baldwin, adapted from the Dijkstar project.
 
-The MIT licence, which applies to each of the above:
+The MIT license, which applies to each of the above:
 
 ```
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and
@@ -66,7 +66,7 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SO
 
 <!-- generated by scripts/third-party.mjs: server build begin -->
 
-`@shineuix/ssr` carries Stencil's server runtime in `dist/hydrate`: its mock document and hydrate runner (Stencil, MIT, listed above), and the libraries those inline, below, as found in @stencil/core 4.44.2. Each line is the library, what it does there, its licence and its copyright notice; the licence texts other than MIT's follow.
+`@shineuix/ssr` carries Stencil's server runtime in `dist/hydrate`: its mock document and hydrate runner (Stencil, MIT, listed above), and the libraries those inline, below, as found in @stencil/core 4.44.2. Each line is the library, what it does there, its license and its copyright notice; the license texts other than MIT's follow.
 
 - **balanced-match**: brace-expansion's bracket matcher. MIT; Copyright (c) 2013 Julian Gruber <julian@juliangruber.com>
 - **brace-expansion**: minimatch's brace expansion. MIT; Copyright (c) 2013 Julian Gruber <julian@juliangruber.com>
@@ -76,7 +76,7 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SO
 - **parse5** 7.2.1: the HTML parser of the mock document and the hydrate runner. MIT; Copyright (c) 2013-2019 Ivan Nikulin (ifaaan@gmail.com, https://github.com/inikulin)
 - **shadow-css**: Stencil's port of the Angular shadow CSS scoper (`src/utils/shadow-css.ts`), from webcomponents.js. MIT; Copyright Google Inc. All Rights Reserved.
 
-The BSD-2-Clause licence, which applies to entities:
+The BSD-2-Clause license, which applies to entities:
 
 ```
 Redistribution and use in source and binary forms, with or without modification, are permitted
@@ -99,7 +99,7 @@ CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING
 THE USE OF THIS, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 ```
 
-The ISC licence, which applies to minimatch:
+The ISC license, which applies to minimatch:
 
 ```
 Permission to use, copy, modify, and/or distribute this software for any purpose with or without
@@ -119,8 +119,8 @@ THIS SOFTWARE.
 ## Fonts and icons
 
 - **DM Sans** ships inside `@shineuix/core` as `dist/shineui/fonts/dmsans-latin.woff2` under the
-  SIL Open Font License 1.1; the licence travels with the font as `dist/shineui/fonts/OFL.txt`.
-  Only the optional `@shineuix/core/shineui-fonts.css` loads it. The copy is modified as the licence
+  SIL Open Font License 1.1; the license travels with the font as `dist/shineui/fonts/OFL.txt`.
+  Only the optional `@shineuix/core/shineui-fonts.css` loads it. The copy is modified as the license
   allows: the Latin subset with tabular figures added by `scripts/font/add-tnum.py`, and nothing
   else changed.
 - **Font Awesome 6 Free**, the icon font, is neither bundled nor loaded by any ShineUI package or
@@ -131,9 +131,9 @@ THIS SOFTWARE.
 
 The production dependency tree of the five packages, as `node scripts/third-party.mjs` walks it
 from the installed workspace, and the tree of every library `@shineuix/core` compiles into its own
-files (the libraries in the first section above, with what they bring), so each licence among them
+files (the libraries in the first section above, with what they bring), so each license among them
 is listed. `@shineuix/core` installs nothing else. The bindings' runtime dependencies (`@lit/react`, `tslib` and their
-trees) are installed by the package manager from the registry, each with its own licence file, and
+trees) are installed by the package manager from the registry, each with its own license file, and
 are not compiled into ShineUI's files. `@shineuix/react` carries one file copied from
 `@stencil/react-output-target` (`src/runtime.ts`, MIT, Copyright (c) 2019-present Drifty Co.), and
 `@shineuix/vue` one from `@stencil/vue-output-target` (`src/runtime.ts`, MIT, Copyright (c)
@@ -146,7 +146,7 @@ Awesome itself.
 
 <!-- generated by scripts/third-party.mjs: begin -->
 
-89 packages, resolved from the installed workspace by walking each package's dependencies, and the libraries @shineuix/core compiles into its files with their own dependencies (optional platform binaries are build tools and are left out). Each line is the package, its licence, and the package that pulls it in.
+89 packages, resolved from the installed workspace by walking each package's dependencies, and the libraries @shineuix/core compiles into its files with their own dependencies (optional platform binaries are build tools and are left out). Each line is the package, its license, and the package that pulls it in.
 
 ### Installed with @shineuix/react
 
@@ -246,7 +246,7 @@ Awesome itself.
 - yargs-parser: ISC (through yargs)
 - zwitch: MIT (through hast-util-to-html)
 
-### By licence
+### By license
 
 - MIT: 79
 - ISC: 8

package/dist/cjs/{apply-CdxfGSU3.js → apply-BDjpcsJZ.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var derive = require('./derive-ChiJvb_f.js');
+var derive = require('./derive-DOMKCHsR.js');
 
 const THEME_MODES = ['light', 'dark', 'system'];
 const THEME_STATUSES = ['brand', 'semantic'];
@@ -324,7 +324,7 @@ 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/cjs/{aria-DXFt0vvU.js → aria-DsLSiGlA.js}

@@ -52,12 +52,33 @@ function inheritAttribute(host, name, set) {
 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"`. */
+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. */
+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. */
 function inheritAriaLabelledby(host, set) {
     return inheritAttribute(host, 'aria-labelledby', set);
 }
 
+exports.inheritAriaDescribedby = inheritAriaDescribedby;
+exports.inheritAriaDisabled = inheritAriaDisabled;
 exports.inheritAriaLabel = inheritAriaLabel;
 exports.inheritAriaLabelledby = inheritAriaLabelledby;
 exports.inheritAriaState = inheritAriaState;

package/dist/cjs/{autoplay-pXVaA5sd.js → autoplay-BAzQ2uf0.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var motion = require('./motion-BaUBY31j.js');
-var heldFocus = require('./held-focus-DeQVYDkc.js');
+var motion = require('./motion-D8mcyZVH.js');
+var heldFocus = require('./held-focus-ikz5F6kW.js');
 
 /** Travel that counts as a swipe rather than a tap, in px. */
 const SWIPE_THRESHOLD = 40;

package/dist/cjs/{calendar-grid-CAdH3n4O.js → calendar-grid-D2wlbr0R.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var datetime = require('./datetime-BJ2__762.js');
+var datetime = require('./datetime-BjnA3NLP.js');
 
-/** 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. */
 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(), datetime.daysInMonth(first.getFullYear(), first.getMonth())));
@@ -17,7 +17,7 @@ const weekOf = (d, firstDay) => {
     return Array.from({ length: 7 }, (_, i) => datetime.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.
  */
 function localeFirstDay(locale) {

package/dist/cjs/{chart-core-B6gClUK8.js → chart-core-BJy3KjtK.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BtWzlhN3.js');
-var format = require('./format-BOushIZn.js');
+var format = require('./format-C_36FFqb.js');
 
 /** A plain figure the way every chart prints one without `money`: grouped and marked in the page's
  *  locale, at most one decimal, a true minus for a negative, so a count axis and a money axis differ
@@ -313,7 +313,7 @@ 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. */
 const ChartEmpty = ({ text }) => (index.h("div", { class: "sui-chart-empty", role: "status" }, index.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/cjs/{chart-ink-CGYYk6nD.js → chart-ink-CQe0hSeL.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var derive = require('./derive-ChiJvb_f.js');
+var derive = require('./derive-DOMKCHsR.js');
 
 /** The attributes a theme change writes, on the root or the nearest theme carrier. */
 const THEME_ATTRS = ['data-sui-theme', 'data-sui-preset', 'data-sui-status'];

package/dist/cjs/{chart-keys-BFy7ZTS6.js → chart-keys-CTsA2Yym.js}

@@ -3,7 +3,7 @@
 var locale = require('./locale-EVD23NSt.js');
 var slots = require('./slots-rhqoeAqs.js');
 var index = require('./index-BtWzlhN3.js');
-var aria = require('./aria-DXFt0vvU.js');
+var aria = require('./aria-DsLSiGlA.js');
 
 /** Min and max of a numeric array in one pass (no spread/apply, safe for long series). Empty -> [0, 0]. */
 function minMax(values, seed) {
@@ -27,7 +27,7 @@ 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). */
 function polyPointsReversed(data, x, y) {
     let s = '';
     for (let i = data.length - 1; i >= 0; i--)
@@ -47,7 +47,7 @@ function hasSlot(host, name) {
 function chartLabel(heading, body) {
     return heading ? locale.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. */
 function safeIndex(i, n) {
     return i >= 0 && i < n ? i : -1;
 }

package/dist/cjs/{column-filter-CG2bPlB7.js → column-filter-CUNgiX12.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var index = require('./index-BtWzlhN3.js');
-var filter = require('./filter-CL1-xa2r.js');
+var filter = require('./filter-DCIDkDEb.js');
 var locale = require('./locale-EVD23NSt.js');
-var glyphs = require('./glyphs-8uuUhG6s.js');
+var glyphs = require('./glyphs-BNG4Wolq.js');
 
 /** Past this many values the list grows a search box; below it the box costs more than it saves. */
 const SEARCH_FROM = 8;

package/dist/cjs/{datetime-BJ2__762.js → datetime-BjnA3NLP.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var format = require('./format-BOushIZn.js');
+var format = require('./format-C_36FFqb.js');
 
 /** Local calendar date from an ISO string, any string `new Date` accepts, or a Date; null otherwise. */
 function toLocalDate(x) {

package/dist/cjs/{derive-ChiJvb_f.js → derive-DOMKCHsR.js}

@@ -75,7 +75,7 @@ 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). */
 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
@@ -117,19 +117,19 @@ const INK_WARM_C = 0.012;
 const BRAND_DARK_L = 0.48, BRAND_DARK_PRESENCE = 3.0;
 const BRAND_HOVER_STEP = 0.05, BRAND_HOVER_STEP_MIN = 0.03;
 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. */
 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. */
 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. */
 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. */
 function focusHalo(ring, surface, dark) {
     if (dark)
         return overGround(ring, surface, 0.35);
@@ -138,7 +138,7 @@ 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. */
 const FOCUS_DANGER_HUE = 30;
 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
@@ -151,7 +151,7 @@ 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. */
 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). */
 function vizAt(H, C, ground, target, lighter) {
     const gL = rgb2okl(hex2rgb(ground)).L;
@@ -182,7 +182,7 @@ 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". */
 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. */
@@ -199,7 +199,7 @@ 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. */
 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. */
 const SELECTED_WARM_CAP_HUES = [20, 110];
 const SELECTED_WARM_C = 0.06, SELECTED_WARM_C_DARK = 0.02;
@@ -369,7 +369,7 @@ 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. */
 function oklDist(a, b) {
     const x = rgb2okl(hex2rgb(a)), y = rgb2okl(hex2rgb(b));
     const r = Math.PI / 180;
@@ -377,7 +377,7 @@ 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). */
 function focusFrom(hex, grounds, fill, target) {
@@ -404,11 +404,11 @@ 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
@@ -431,13 +431,13 @@ 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);
-        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];
@@ -740,7 +740,7 @@ 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));
@@ -783,7 +783,7 @@ 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)));
@@ -938,7 +938,7 @@ 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.
@@ -1116,7 +1116,7 @@ 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('|');
@@ -1209,7 +1209,7 @@ 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/cjs/{editing-SDwYImWX.js → editing-CZ2fLmDP.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var format = require('./format-BOushIZn.js');
+var format = require('./format-C_36FFqb.js');
 var locale = require('./locale-EVD23NSt.js');
 
 const EDITOR_CLASS = 'sui-dg-editor';
@@ -168,25 +168,25 @@ 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/cjs/{editor-api-CSahLJnW.js → editor-api-a2yvULBj.js}

@@ -26,7 +26,7 @@ function createPolicy() {
  * The policy adds no checking of its own, so it is called in two places only, each of which is
  * safe without it: `sanitizeEditorHtml`'s parse into a `DOMParser` document, which is never
  * attached, where no script runs and nothing loads (the pattern DOMPurify and ProseMirror's own
- * clipboard policy use), and `sui-edit-box` painting markup that sanitiser has already reduced to
+ * clipboard policy use), and `sui-edit-box` painting markup that sanitizer has already reduced to
  * its allowlist. Nothing a consumer passes reaches it any other way.
  *
  * The return type says `string` because that is what the DOM typings accept at both sinks; at run

package/dist/cjs/{field-shell-XLDTgSCW.js → field-shell-BJ_XxyIs.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');
 
 /** Returns the aria-describedby value for a field, given its base id and which lines render. */
 function describedBy(descId, help, error) {

package/dist/cjs/{filter-CL1-xa2r.js → filter-DCIDkDEb.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var format = require('./format-BOushIZn.js');
+var format = require('./format-C_36FFqb.js');
 
 /**
  * Rounds to a whole device pixel, optionally about a known origin.
@@ -433,7 +433,7 @@ function columnWindow(model, scrollStart, viewport, overscan = 4, block = 4) {
  *
  * 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.
  */
 function reorderColumns(all, from, onto) {
@@ -485,20 +485,26 @@ function columnText(column, row) {
         return column.format(raw, row);
     return raw == null ? '' : String(raw);
 }
-/** What a cell without its own `render` shows: the column's `format`, or for a number column
- *  holding a plain figure that figure grouped and marked in the page's locale ("1,234.5" in
- *  English, "1.234,5" in German), or `columnText`'s text. The clipboard, an export, an editor and
+/** What a cell without its own `render` shows: the column's `format`; for a money column holding a
+ *  plain figure the amount ("1,234.50", "(1,890.00)"); for a number column that figure grouped and
+ *  marked in the page's locale ("1,234.5" in English, "1.234,5" in German); or `columnText`'s text. The clipboard, an export, an editor and
  *  an edit event keep the plain figure `columnText` gives, so a host parses one form on every
  *  page. */
 function columnDisplay(column, row) {
     return valueDisplay(column, columnValue(row, column), row);
 }
-/** `columnDisplay` for a value already read, such as the one a group header names. */
+/** `columnDisplay` for a value already read, such as the one a group header names. A money column
+ *  shows an amount, `money()` with no symbol: two decimals, the locale's grouping and a negative in
+ *  parentheses, `1,234.50` and `(1,890.00)`, as a statement's body rows read. */
 function valueDisplay(column, raw, row) {
     if (column.format)
         return column.format(raw, row);
-    if (typeof raw === 'number' && Number.isFinite(raw) && columnType(column) === 'number')
-        return format.fmtFigure(raw);
+    if (typeof raw === 'number' && Number.isFinite(raw)) {
+        if (column.money)
+            return format.money(raw, { symbol: false });
+        if (columnType(column) === 'number')
+            return format.fmtFigure(raw);
+    }
     return raw == null ? '' : String(raw);
 }
 function toNumber(v) {
@@ -843,7 +849,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
@@ -1106,7 +1112,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.
  */
 function filterDraft(rule, column) {
@@ -1145,7 +1151,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.
  */