@shineuix/core 1.0.0 → 1.0.1

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

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

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-BtWzlhN3.js');
 var formControl = require('./form-control-CvMyyCaa.js');
-var glyphs = require('./glyphs-8uuUhG6s.js');
+var glyphs = require('./glyphs-BNG4Wolq.js');
 var id = require('./id-Ca7UTKW6.js');
 var locale = require('./locale-EVD23NSt.js');
 
@@ -112,7 +112,7 @@ const SuiSpoiler = class {
         this.suiOpen.emit();
     };
     render() {
-        return (index.h(index.Host, { key: '6d590bbdd8af596d488eac6517ab64bf9d4fa130' }, index.h("div", { key: '536eca42588b526336872620ec8dee35c47f48c8', id: this.bodyId, class: { 'sui-spoiler-body': true, clamped: !this.open }, style: { '--sui-spoiler-lines': String(this.lines) }, ref: (el) => (this.bodyEl = el) }, index.h("slot", { key: '271f17fd7ac769cbf67c028b3b57be5d7c0bd77c' })), this.clampsContent ? (index.h("button", { type: "button", class: "sui-spoiler-toggle", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": this.bodyId, onClick: this.toggle }, this.open ? locale.localeText(undefined, 'spoiler.less', this.lessLabel, 'Show less') : locale.localeText(undefined, 'spoiler.more', this.moreLabel, 'Show more'), index.h(glyphs.Glyph, { glyph: glyphs.chevronDown, class: this.open ? 'up' : undefined }))) : null));
+        return (index.h(index.Host, { key: '2c6dded66be8a85a9a9c97c510b30a55f4475113' }, index.h("div", { key: '6d6a9f2c6eee302866ee9edfbd57651c51e1fe57', id: this.bodyId, class: { 'sui-spoiler-body': true, clamped: !this.open }, style: { '--sui-spoiler-lines': String(this.lines) }, ref: (el) => (this.bodyEl = el) }, index.h("slot", { key: 'c86362e724db9afbeba1397cddcead93e5abf0eb' })), this.clampsContent ? (index.h("button", { type: "button", class: "sui-spoiler-toggle", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": this.bodyId, onClick: this.toggle }, this.open ? locale.localeText(undefined, 'spoiler.less', this.lessLabel, 'Show less') : locale.localeText(undefined, 'spoiler.more', this.moreLabel, 'Show more'), index.h(glyphs.Glyph, { glyph: glyphs.chevronDown, class: this.open ? 'up' : undefined }))) : null));
     }
 };
 SuiSpoiler.style = suiSpoilerCss();

package/dist/cjs/sui-stat-card.cjs.entry.js

@@ -1,10 +1,10 @@
 'use strict';
 
 var index = require('./index-BtWzlhN3.js');
-var trend = require('./trend-0FV2s45r.js');
+var trend = require('./trend-BrM3oVOl.js');
 var formControl = require('./form-control-CvMyyCaa.js');
 var locale = require('./locale-EVD23NSt.js');
-require('./glyphs-8uuUhG6s.js');
+require('./glyphs-BNG4Wolq.js');
 
 const suiStatCardCss = () => `.sc-sui-stat-card-h{display:block;font-family:var(--font-sans);color:var(--ink)}.card.sc-sui-stat-card{box-sizing:border-box;height:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;display:flex;flex-direction:column;gap:7px}.card.control.sc-sui-stat-card{width:100%;margin:0;font:inherit;color:inherit;text-align:start;text-decoration:none;cursor:pointer;appearance:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out)}.card.control.sc-sui-stat-card:hover{--ink-faint:var(--ink-muted);border-color:var(--border-strong);box-shadow:var(--shadow-raised);background:linear-gradient(var(--surface-hover) 0 0) var(--surface)}.card.control.sc-sui-stat-card:active{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);box-shadow:none;background:linear-gradient(var(--surface-pressed) 0 0) var(--surface)}.card.control.sc-sui-stat-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.label.sc-sui-stat-card{font-size:11.5px;font-weight:640;letter-spacing:0.05em;text-transform:uppercase;color:var(--ink-muted)}.row.sc-sui-stat-card{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.value.sc-sui-stat-card{font-size:23px;font-weight:730;letter-spacing:-0.01em;line-height:1}.card.lg.sc-sui-stat-card .value.sc-sui-stat-card{font-size:30px;letter-spacing:var(--tracking-tight)}.value.sc-sui-stat-card{direction:ltr;unicode-bidi:plaintext;text-align:-webkit-match-parent;text-align:match-parent}.meta.sc-sui-stat-card{display:flex;align-items:center;gap:8px;font-size:12px}.link.sc-sui-stat-card{font-size:12px;font-weight:620;margin-top:auto;padding-top:2px;color:var(--link);align-self:flex-start}.card.control.sc-sui-stat-card:hover .link.sc-sui-stat-card{text-decoration:underline}`;
 
@@ -32,7 +32,7 @@ const SuiStatCard = class {
      *  positive ink (the ink under brand status, green under semantic); `critical`, bad news (a
      *  rising receivable), in the danger ink with the direction arrow ringed and a visually hidden
      *  "unfavorable" after the figure; `neutral`, neither, in the muted ink at regular weight, the
-     *  arrow kept and unringed. So the judgement never rests on colour alone. The danger ink
+     *  arrow kept and unringed. So the judgment never rests on color alone. The danger ink
      *  is the brand's own under brand mode and rose under semantic status mode, the same ink an
      *  overdue date wears. An unknown value reads as `positive`. Reflected. */
     severity = 'positive';
@@ -93,7 +93,7 @@ const SuiStatCard = class {
         const linked = !!href;
         const control = linked || this.command;
         const Card = (linked ? 'a' : control ? 'button' : 'div');
-        return (index.h(index.Host, { key: '3fe5339158b3afbbaa821c62922896caeac4b384' }, index.h(Card, { key: '67f186f1f14d18cc3d83b47cd4c6b741767ccf01', class: { card: true, control, lg: this.size === 'lg' }, href: linked ? href : undefined, type: !linked && control ? 'button' : undefined, role: !linked && control ? 'link' : undefined, onClick: control ? this.activate : undefined, onKeyDown: linked ? this.onKeyDown : undefined }, index.h("div", { key: '65d72da49dcf183c636650273c48122dd9d00225', class: "label" }, this.label), index.h("div", { key: '292ff7b9b3556605d664c734288bcd564b6bea5a', class: "row" }, index.h("div", { key: '5ec00e432e92da2eb5041b44bfe861b87e0e293f', class: "value" }, this.value), this.data && this.data.length ? index.h("sui-sparkline", { data: this.data, accent: this.accent, min: this.scaleMin, max: this.scaleMax }) : null), this.delta || this.note ? (index.h("div", { class: "meta" }, index.h(trend.TrendMark, { value: this.delta, direction: this.deltaDirection, severity: this.severity, note: this.note, unfavorable: locale.localeText(undefined, 'stat-card.unfavorable', undefined, 'unfavorable') }))) : null, linked ? index.h("span", { class: "link" }, locale.localeText(undefined, 'stat-card.link', this.linkLabel, 'View'), " ", '→') : null)));
+        return (index.h(index.Host, { key: '50dc68d2b2fca6269135c231347261392b842c8e' }, index.h(Card, { key: 'ce109635344899611ed07cf44432e08c5ba45586', class: { card: true, control, lg: this.size === 'lg' }, href: linked ? href : undefined, type: !linked && control ? 'button' : undefined, role: !linked && control ? 'link' : undefined, onClick: control ? this.activate : undefined, onKeyDown: linked ? this.onKeyDown : undefined }, index.h("div", { key: 'fe93aca725fd942885db9e73676cf379af4363ec', class: "label" }, this.label), index.h("div", { key: 'de7ae13e335bace6e657c4ce0fc390344efcbd3a', class: "row" }, index.h("div", { key: 'a216197288984f55b9b8da84924893c369114a1f', class: "value" }, this.value), this.data && this.data.length ? index.h("sui-sparkline", { data: this.data, accent: this.accent, min: this.scaleMin, max: this.scaleMax }) : null), this.delta || this.note ? (index.h("div", { class: "meta" }, index.h(trend.TrendMark, { value: this.delta, direction: this.deltaDirection, severity: this.severity, note: this.note, unfavorable: locale.localeText(undefined, 'stat-card.unfavorable', undefined, 'unfavorable') }))) : null, linked ? index.h("span", { class: "link" }, locale.localeText(undefined, 'stat-card.link', this.linkLabel, 'View'), " ", '→') : null)));
     }
 };
 SuiStatCard.style = suiStatCardCss() + trendCss();

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-BtWzlhN3.js');
 var formControl = require('./form-control-CvMyyCaa.js');
-var glyphs = require('./glyphs-8uuUhG6s.js');
+var glyphs = require('./glyphs-BNG4Wolq.js');
 var slots = require('./slots-rhqoeAqs.js');
 var locale = require('./locale-EVD23NSt.js');
 
@@ -20,7 +20,7 @@ const SuiStepper = class {
     get host() { return index.getElement(this); }
     /** Steps in order (`{ label, description? }`). Property, not attribute. */
     steps = [];
-    /** Index of the current step. Seeds it (the reference `defaultActive`) and tracks it afterwards; writing it from script emits nothing. */
+    /** Index of the current step. Seeds it (the reference `defaultActive`) and tracks it afterward; writing it from script emits nothing. */
     active = 0;
     /** Rail direction. `vertical` stacks the steps with the body under the current one's label.
      *  Reflected, as on every other element that carries it. */

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

@@ -15,7 +15,7 @@ const SuiTab = class {
     badge;
     /** Font Awesome class drawn before the label, e.g. "fa-regular fa-user". */
     icon;
-    /** Greys the tab and blocks activation. */
+    /** Grays the tab and blocks activation. */
     disabled = false;
     notifyParent() {
         const p = this.host.closest('sui-tabs');
@@ -23,7 +23,7 @@ const SuiTab = class {
             p.refresh();
     }
     render() {
-        return index.h(index.Host, { key: '9430d2031355f525dfba6dec45639eaf9a1c2cee' });
+        return index.h(index.Host, { key: '90419666339872f8e34f28622e34375cecea47e8' });
     }
     static get watchers() { return {
         "label": [{

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

@@ -1,9 +1,9 @@
 'use strict';
 
 var index = require('./index-BtWzlhN3.js');
-var glyphs = require('./glyphs-8uuUhG6s.js');
+var glyphs = require('./glyphs-BNG4Wolq.js');
 var id = require('./id-Ca7UTKW6.js');
-var aria = require('./aria-DXFt0vvU.js');
+var aria = require('./aria-DsLSiGlA.js');
 var slots = require('./slots-rhqoeAqs.js');
 var locale = require('./locale-EVD23NSt.js');
 var direction = require('./direction-BaE_rqNY.js');
@@ -21,7 +21,7 @@ const SuiTabs = class {
         this.suiActiveChange = index.createEvent(this, "suiActiveChange", 3);
     }
     get host() { return index.getElement(this); }
-    /** Index of the active tab. Seeds the selection (the reference `defaultActive`) and tracks it afterwards; writing it from script moves the bar and emits nothing. */
+    /** Index of the active tab. Seeds the selection (the reference `defaultActive`) and tracks it afterward; writing it from script moves the bar and emits nothing. */
     active = 0;
     /** underline for in-page sections, pills for view switchers. */
     variant = 'underline';
@@ -310,7 +310,7 @@ const SuiTabs = class {
     render() {
         const tabs = this.tabs();
         const over = this.overflowing;
-        return (index.h(index.Host, { key: 'afbcdc129a88feab75faa02a05e8accb8dae8791', class: { stretch: this.stretch } }, index.h("div", { key: '25acaaf109804d22ae4e37465bcc813ba6cb0064', class: { strip: true, [this.variant]: true, stretch: this.stretch, overflowing: over } }, over ? (index.h("sui-icon-button", { key: "prev", class: { nav: true, prev: true, off: this.atStart }, size: "sm", noTabStop: true, "aria-label": locale.localeText(undefined, 'tabs.showEarlierTabs', undefined, 'Show earlier tabs'), onClick: () => this.page(-1) }, index.h(glyphs.Glyph, { glyph: glyphs.chevronLeft }))) : null, index.h("div", { key: "bar", class: { bar: true, [this.variant]: true, stretch: this.stretch }, role: "tablist", "aria-label": this.hostLabel || undefined,
+        return (index.h(index.Host, { key: '93977ab51f659237c141a26966456039d4fb957a', class: { stretch: this.stretch } }, index.h("div", { key: '7e670023429bdbc8998ebc1a9cde9a1ab84632bd', class: { strip: true, [this.variant]: true, stretch: this.stretch, overflowing: over } }, over ? (index.h("sui-icon-button", { key: "prev", class: { nav: true, prev: true, off: this.atStart }, size: "sm", noTabStop: true, "aria-label": locale.localeText(undefined, 'tabs.showEarlierTabs', undefined, 'Show earlier tabs'), onClick: () => this.page(-1) }, index.h(glyphs.Glyph, { glyph: glyphs.chevronLeft }))) : null, index.h("div", { key: "bar", class: { bar: true, [this.variant]: true, stretch: this.stretch }, role: "tablist", "aria-label": this.hostLabel || undefined,
             // An overflowing bar scrolls, and Firefox makes a scroll container a Tab stop of its
             // own, ahead of the active tab. The active tab is the one stop; the bar stays out.
             tabIndex: -1, ref: (el) => (this.bar = el), onKeyDown: this.onKeyDown, onScroll: this.measure }, tabs.map((t, i) => {
@@ -319,7 +319,7 @@ const SuiTabs = class {
             const badge = slots.childProp(t, 'badge');
             const icon = slots.childProp(t, 'icon');
             return (index.h("button", { type: "button", class: { tab: true, on: cur }, id: `${this.fieldId}-tab-${i}`, role: "tab", "aria-selected": cur ? 'true' : 'false', "aria-controls": this.panelId(t), tabIndex: cur ? 0 : -1, disabled: disabled, onClick: () => this.pick(i, t) }, icon ? index.h("i", { class: icon, "aria-hidden": "true" }) : null, index.h("span", { class: "label" }, slots.childProp(t, 'label') || ''), badge !== undefined && badge !== '' ? index.h("span", { class: "badge" }, String(badge)) : null));
-        }), this.variant === 'underline' ? index.h("span", { key: "indicator", class: "indicator", "aria-hidden": "true", ref: (el) => (this.indicator = el) }) : null), over ? (index.h("sui-icon-button", { key: "next", class: { nav: true, next: true, off: this.atEnd }, size: "sm", noTabStop: true, "aria-label": locale.localeText(undefined, 'tabs.showLaterTabs', undefined, 'Show later tabs'), onClick: () => this.page(1) }, index.h(glyphs.Glyph, { glyph: glyphs.chevronRight }))) : null), index.h("div", { key: '8dd542c6f5baeec8203fe72f888caa38c47b7fd8', class: "panels", ref: (el) => (this.panels = el) }, index.h("slot", { key: '32ae3bea3ce80fe02965b946356825ecd58de1c0' }))));
+        }), this.variant === 'underline' ? index.h("span", { key: "indicator", class: "indicator", "aria-hidden": "true", ref: (el) => (this.indicator = el) }) : null), over ? (index.h("sui-icon-button", { key: "next", class: { nav: true, next: true, off: this.atEnd }, size: "sm", noTabStop: true, "aria-label": locale.localeText(undefined, 'tabs.showLaterTabs', undefined, 'Show later tabs'), onClick: () => this.page(1) }, index.h(glyphs.Glyph, { glyph: glyphs.chevronRight }))) : null), index.h("div", { key: '5f9e34688bed29995d8f63f8d0b2b4d4038af999', class: "panels", ref: (el) => (this.panels = el) }, index.h("slot", { key: 'e69be455d47652ceee56925704621027d8efdb4d' }))));
     }
 };
 SuiTabs.style = suiTabsCss();

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

@@ -25,7 +25,7 @@ const SuiTag = class {
     }
     render() {
         const sev = this.resolve();
-        return (index.h(index.Host, { key: '9dc60dbbf1797539de4adef3b1cf8e77039f0fa3' }, index.h("span", { key: 'b4406b481316b09d8f62d3bc6fd4c55fdef3cde3', class: { 'sui-tag': true, [sev]: true, [this.size]: true } }, this.icon ? index.h("i", { class: this.icon, "aria-hidden": "true" }) : null, this.label)));
+        return (index.h(index.Host, { key: 'bdcb45a18b9d3ccf05d4e119af1a2e2c8c6f2d0b' }, index.h("span", { key: 'dc80258e6964d833311235b2cdad6274c529a712', class: { 'sui-tag': true, [sev]: true, [this.size]: true } }, this.icon ? index.h("i", { class: this.icon, "aria-hidden": "true" }) : null, this.label)));
     }
 };
 SuiTag.style = suiTagCss();

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-BtWzlhN3.js');
 var formControl = require('./form-control-CvMyyCaa.js');
-var glyphs = require('./glyphs-8uuUhG6s.js');
+var glyphs = require('./glyphs-BNG4Wolq.js');
 var locale = require('./locale-EVD23NSt.js');
 
 const suiTerminalCss = () => `.sc-sui-terminal-h{display:block;font-family:var(--font-sans)}.sui-terminal.sc-sui-terminal{background:var(--sui-code-bg);border-radius:var(--radius-lg);overflow:hidden;font-family:var(--font-mono);outline:1px solid var(--sui-code-edge);outline-offset:-1px}.sui-terminal-head.sc-sui-terminal{display:flex;align-items:center;gap:7px;padding:9px 13px;background:var(--sui-code-head);border-bottom:1px solid color-mix(in srgb, var(--sui-code-line) 8%, transparent)}.sui-terminal-head.sc-sui-terminal .sui-glyph.sc-sui-terminal{font-size:10px;color:var(--sui-code-key)}.sui-terminal-head.sc-sui-terminal span.sc-sui-terminal{font-size:11px;font-weight:620;color:color-mix(in srgb, var(--sui-code-line) 68%, var(--sui-code-head));font-family:var(--font-sans);letter-spacing:0.04em}.sui-terminal-pane.sc-sui-terminal{overflow-y:auto;padding:12px 14px;font-size:12px;line-height:1.7;box-sizing:border-box;cursor:text}.sui-terminal-pane.sc-sui-terminal .line.sc-sui-terminal{white-space:pre-wrap;word-break:break-word}.sui-terminal-pane.sc-sui-terminal .line.in.sc-sui-terminal{color:var(--sui-code-bright)}.sui-terminal-pane.sc-sui-terminal .line.sys.sc-sui-terminal{color:var(--sui-code-dim)}.sui-terminal-pane.sc-sui-terminal .line.out.sc-sui-terminal{color:var(--sui-code-key)}.sui-terminal-row.sc-sui-terminal{display:flex;gap:7px;align-items:center}.sui-terminal-prompt.sc-sui-terminal{color:var(--sui-code-key)}.sui-terminal-input.sc-sui-terminal{flex:1;min-width:0;background:transparent;border:none;outline:none;padding:0;margin:0;color:var(--sui-code-bright);font-family:var(--font-mono);font-size:12px;line-height:inherit;caret-color:var(--sui-code-key)}.sui-terminal-input.sc-sui-terminal:focus-visible{outline:none}.sui-terminal.sc-sui-terminal:has(.sui-terminal-input:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-shadow)}`;
@@ -154,7 +154,7 @@ const SuiTerminal = class {
         this.historyAt = -1;
     };
     render() {
-        return (index.h(index.Host, { key: '4b22c4fafee7377a41ed9648620773e99cc81b40' }, index.h("div", { key: '7daefd8f7b600a233e193a39c365b13fd594ca2d', class: "sui-terminal", "data-code-selection": "true" }, index.h("div", { key: 'b17d6f56e9a7694aa84a54c95678b6b28271c9ce', class: "sui-terminal-head" }, index.h(glyphs.Glyph, { key: '294687aa93cbc548587786067115e128190ee723', glyph: glyphs.terminal }), index.h("span", { key: 'c45d06a9c7f734c47551c48361373d4b468a4214' }, locale.localeText(undefined, 'terminal.adminConsole', undefined, 'ADMIN CONSOLE'))), index.h("div", { key: '934a779354020eedcec3e83b655a383719308174', ref: (el) => (this.log = el), class: "sui-terminal-pane", "data-scroll": "code", style: { height: `${this.height}px` }, onClick: () => this.field?.focus() }, index.h("div", { key: '8682b90fd42d7f33bebec50114356cc27004ce97', role: "log", "aria-live": "polite" }, this.lines.map((l) => (index.h("div", { key: l.key, class: `line ${l.t}` }, l.t === 'in' ? `${this.prompt} ${l.text}` : l.text)))), index.h("div", { key: '0eb855e221fbb50eae1454c31622de16facef23b', class: "sui-terminal-row" }, index.h("span", { key: 'cdf29698dbac369a4368506799305309d3d886ab', class: "sui-terminal-prompt", "aria-hidden": "true" }, this.prompt), index.h("input", { key: '60106759af75fe29b3455f4a74b5ddeb377c9eeb', ref: (el) => (this.field = el), class: "sui-terminal-input", type: "text", value: this.input, "aria-label": locale.localeText(undefined, 'terminal.consoleInput', undefined, 'Console input'), autocomplete: "off", spellcheck: false, onInput: this.onInput, onKeyDown: this.onKey }))))));
+        return (index.h(index.Host, { key: '2ba52aa66102f43103eb643e1b8c556cd029a3d2' }, index.h("div", { key: '0bbbb502c1b6e32ceb097889c6d42f1b271f988a', class: "sui-terminal", "data-code-selection": "true" }, index.h("div", { key: 'a88f5b3fa3b6950807d6c7648c4794bf94517c1c', class: "sui-terminal-head" }, index.h(glyphs.Glyph, { key: '6a7cc393abdaafc6cb2d8f563ca051660ca17bf9', glyph: glyphs.terminal }), index.h("span", { key: 'b74c850e1d9e8b8c15ee504914043bd88099e508' }, locale.localeText(undefined, 'terminal.adminConsole', undefined, 'ADMIN CONSOLE'))), index.h("div", { key: 'e42ecbef9b2c5ab32874871016cbac8ff897abc7', ref: (el) => (this.log = el), class: "sui-terminal-pane", "data-scroll": "code", style: { height: `${this.height}px` }, onClick: () => this.field?.focus() }, index.h("div", { key: '15d3d29ccf3d02e4804e77cc3f939073c2ddc938', role: "log", "aria-live": "polite" }, this.lines.map((l) => (index.h("div", { key: l.key, class: `line ${l.t}` }, l.t === 'in' ? `${this.prompt} ${l.text}` : l.text)))), index.h("div", { key: 'b58eec90e91d8915fb748aa086e21eaa9c3a9d1b', class: "sui-terminal-row" }, index.h("span", { key: 'b0e498a8ad86ba38056f8ae2990428dc542f7dfe', class: "sui-terminal-prompt", "aria-hidden": "true" }, this.prompt), index.h("input", { key: 'd60e11fa91e54a645d3d84215ae3cefc2619665f', ref: (el) => (this.field = el), class: "sui-terminal-input", type: "text", value: this.input, "aria-label": locale.localeText(undefined, 'terminal.consoleInput', undefined, 'Console input'), autocomplete: "off", spellcheck: false, onInput: this.onInput, onKeyDown: this.onKey }))))));
     }
     static get watchers() { return {
         "welcome": [{

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

@@ -1,13 +1,13 @@
 'use strict';
 
 var index = require('./index-BtWzlhN3.js');
-var fieldShell = require('./field-shell-XLDTgSCW.js');
+var fieldShell = require('./field-shell-BJ_XxyIs.js');
 var id = require('./id-Ca7UTKW6.js');
 var formControl = require('./form-control-CvMyyCaa.js');
-var aria = require('./aria-DXFt0vvU.js');
+var aria = require('./aria-DsLSiGlA.js');
 var inputHints = require('./input-hints-Bsq-zavl.js');
 var formDisabled = require('./form-disabled-wss8T3bH.js');
-require('./glyphs-8uuUhG6s.js');
+require('./glyphs-BNG4Wolq.js');
 require('./locale-EVD23NSt.js');
 
 const suiTextareaCss = () => `.sc-sui-textarea-h{display:block;font-family:var(--font-sans)}.sui-input.sui-textarea.sc-sui-textarea{display:block;padding:9px 12px;font-size:13px;line-height:1.5;resize:vertical;min-height:60px;height:auto}.sui-input.sui-textarea.auto-resize.sc-sui-textarea{resize:none;overflow:hidden}.sui-input.sui-textarea.sc-sui-textarea:disabled,.sui-input.sui-textarea[readonly].sc-sui-textarea{resize:none}.sui-textarea-count.sc-sui-textarea{font-size:11px;color:var(--ink-faint);text-align:end;font-feature-settings:'tnum'}.sui-input.sui-textarea.sm.sc-sui-textarea,.sui-input.sui-textarea.md.sc-sui-textarea,.sui-input.sui-textarea.lg.sc-sui-textarea{height:auto}.sui-input.sui-textarea.sm.sc-sui-textarea{padding:4px 10px;font-size:12.5px;line-height:1.44;min-height:var(--control-sm)}.sui-input.sui-textarea.md.sc-sui-textarea{padding:6px var(--control-pad-x);font-size:13px;min-height:var(--control-md)}.sui-input.sui-textarea.lg.sc-sui-textarea{padding:9px 12px;font-size:13px;min-height:60px}`;
@@ -206,7 +206,7 @@ const SuiTextarea = class {
         const invalid = this.invalid || !!this.error;
         const count = this.showCount && this.maxLength != null;
         const size = SIZES.includes(this.size) ? this.size : 'md';
-        return (index.h(fieldShell.FieldShell, { key: '5c74ef9b185e3558cdfc800723ab3454f30dd31e', label: this.label, required: this.required, help: this.help, error: this.error, htmlFor: this.fieldId, descId: this.fieldId }, index.h("textarea", { key: '620bf8a7915091ed3279d25eabb7226b0e098302', ref: (el) => (this.textarea = el), id: this.fieldId, class: { 'sui-input': true, 'sui-frame': true, 'sui-textarea': true, [size]: true, invalid, 'auto-resize': this.autoResize }, value: this.value, placeholder: this.placeholder, rows: this.rows, maxLength: this.maxLength, required: this.required, disabled: this.isDisabled, readOnly: this.readOnly, autocomplete: this.autocomplete, minLength: this.minLength, inputMode: this.hints.inputmode, enterKeyHint: this.hints.enterkeyhint, "aria-label": this.label ? undefined : this.hostLabel, "aria-labelledby": this.label ? undefined : this.hostLabelledby, "aria-invalid": invalid ? 'true' : null, "aria-describedby": [fieldShell.describedBy(this.fieldId, this.help, this.error), count ? `${this.fieldId}-count` : null].filter(Boolean).join(' ') || null, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, onChange: this.onChange }), count ? index.h("div", { class: "sui-textarea-count", id: `${this.fieldId}-count` }, this.value.length, " / ", this.maxLength) : null));
+        return (index.h(fieldShell.FieldShell, { key: 'f60d45a07da4306f894e0e533198665b1be521ff', label: this.label, required: this.required, help: this.help, error: this.error, htmlFor: this.fieldId, descId: this.fieldId }, index.h("textarea", { key: '0f919a17975c53211bb047112f97b2f46cd03302', ref: (el) => (this.textarea = el), id: this.fieldId, class: { 'sui-input': true, 'sui-frame': true, 'sui-textarea': true, [size]: true, invalid, 'auto-resize': this.autoResize }, value: this.value, placeholder: this.placeholder, rows: this.rows, maxLength: this.maxLength, required: this.required, disabled: this.isDisabled, readOnly: this.readOnly, autocomplete: this.autocomplete, minLength: this.minLength, inputMode: this.hints.inputmode, enterKeyHint: this.hints.enterkeyhint, "aria-label": this.label ? undefined : this.hostLabel, "aria-labelledby": this.label ? undefined : this.hostLabelledby, "aria-invalid": invalid ? 'true' : null, "aria-describedby": [fieldShell.describedBy(this.fieldId, this.help, this.error), count ? `${this.fieldId}-count` : null].filter(Boolean).join(' ') || null, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, onChange: this.onChange }), count ? index.h("div", { class: "sui-textarea-count", id: `${this.fieldId}-count` }, this.value.length, " / ", this.maxLength) : null));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/cjs/sui-theme-picker.cjs.entry.js

@@ -1,16 +1,16 @@
 'use strict';
 
 var index = require('./index-BtWzlhN3.js');
-var glyphs = require('./glyphs-8uuUhG6s.js');
-var aria = require('./aria-DXFt0vvU.js');
+var glyphs = require('./glyphs-BNG4Wolq.js');
+var aria = require('./aria-DsLSiGlA.js');
 var id = require('./id-Ca7UTKW6.js');
-var overlay = require('./overlay-DcMtiB1L.js');
+var overlay = require('./overlay-CsoWlGY8.js');
 var focusTrap = require('./focus-trap-CcyiWkvv.js');
-var derive = require('./derive-ChiJvb_f.js');
-var apply = require('./apply-CdxfGSU3.js');
+var derive = require('./derive-DOMKCHsR.js');
+var apply = require('./apply-BDjpcsJZ.js');
 var locale = require('./locale-EVD23NSt.js');
 require('./direction-BaE_rqNY.js');
-require('./motion-BaUBY31j.js');
+require('./motion-D8mcyZVH.js');
 
 const suiThemePickerCss = () => `.sc-sui-theme-picker-h{display:inline-block;vertical-align:middle;font-family:var(--font-sans)}.panel.sc-sui-theme-picker-h{display:block;max-width:320px}.face.sc-sui-theme-picker{display:inline-flex;align-items:center;gap:8px;min-width:0;width:100%}.face.sc-sui-theme-picker .grow.sc-sui-theme-picker{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:start;line-height:1.35}.dots.sc-sui-theme-picker{display:inline-flex;align-items:center;flex-shrink:0}.dot.sc-sui-theme-picker{width:13px;height:13px;box-sizing:border-box;flex-shrink:0;border-radius:var(--radius-pill);background:var(--brand);border:1px solid color-mix(in srgb, var(--brand) 14%, transparent)}.dot.sc-sui-theme-picker+.dot.sc-sui-theme-picker{margin-inline-start:-9px}.dot.acc.sc-sui-theme-picker{background:var(--accent);border-color:color-mix(in srgb, var(--accent) 14%, transparent)}.dot.tone.sc-sui-theme-picker{background:var(--tone);border-color:color-mix(in srgb, var(--ink) 10%, transparent)}.disabled.sc-sui-theme-picker-h .dot.sc-sui-theme-picker{opacity:0.4}.chev.sc-sui-theme-picker{font-size:var(--icon-size-sm);color:var(--ink-faint);line-height:1;margin-inline-start:auto}.trig[aria-expanded="true"].sc-sui-theme-picker .chev.sc-sui-theme-picker,.open.sc-sui-theme-picker .chev.sc-sui-theme-picker{transform:rotate(180deg)}.body.sc-sui-theme-picker{display:flex;flex-direction:column;gap:0;box-sizing:border-box;width:320px;max-height:min(calc(100vh - 88px), 640px);overflow:auto;padding:12px;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-lg)}.kit.sc-sui-theme-picker{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.body.pop.sc-sui-theme-picker{position:fixed;z-index:var(--z-dropdown);width:320px;min-width:320px;max-width:min(320px, calc(100vw - 16px));background:var(--surface-raised);box-shadow:var(--shadow-pop);animation:sui-theme-picker-in var(--duration-overlay) var(--ease-out)}.body.pop[data-side='top'].sc-sui-theme-picker{animation-name:sui-theme-picker-in-top}.body.pop.closing.sc-sui-theme-picker{animation:sui-theme-picker-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}.body.flow.sc-sui-theme-picker{max-width:min(320px, 100%);box-shadow:none}.layer.pop.sc-sui-theme-picker{position:fixed;top:0;left:0;width:0;height:0;overflow:visible;z-index:var(--z-overlay)}@keyframes sui-theme-picker-in{from{opacity:0;margin-top:-4px}}@keyframes sui-theme-picker-in-top{from{opacity:0;margin-top:4px}}@keyframes sui-theme-picker-out{to{opacity:0}}.sr-only.sc-sui-theme-picker{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.head.sc-sui-theme-picker{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:nowrap}.head.sc-sui-theme-picker>.preset-btn.sc-sui-theme-picker,.head.sc-sui-theme-picker>sui-button.sc-sui-theme-picker{flex:1;min-width:0}.head.sc-sui-theme-picker>sui-icon-button.sc-sui-theme-picker,.head.sc-sui-theme-picker>sui-tooltip.sc-sui-theme-picker{flex:0 0 auto}.head.sc-sui-theme-picker>sui-icon-button.sc-sui-theme-picker .sui-glyph.sc-sui-theme-picker{font-size:var(--icon-size-md)}.row.sc-sui-theme-picker{display:flex;flex-direction:column;gap:6px;min-width:0}.k.sc-sui-theme-picker{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--font-sans);font-size:11.5px;font-weight:var(--w-semibold);color:var(--ink-muted)}.lockb.sc-sui-theme-picker{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin:-4px 0;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-faint);cursor:pointer;font-size:10px;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.lockb.sc-sui-theme-picker:hover{background:var(--surface-hover);color:var(--ink-muted)}.lockb.on.sc-sui-theme-picker{color:var(--brand)}.lockb.sc-sui-theme-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.lockb[disabled].sc-sui-theme-picker{cursor:not-allowed;color:var(--ink-placeholder)}.row.sc-sui-theme-picker>sui-button-group.sc-sui-theme-picker{display:block;width:100%;max-width:100%;--sui-button-group-pad-x:8px}.list.sc-sui-theme-picker{display:flex;flex-direction:column;gap:2px}.opt.sc-sui-theme-picker{display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;margin:0;box-sizing:border-box;border:none;border-radius:var(--radius-md);background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:12.5px;font-weight:var(--w-medium);cursor:pointer;text-align:start}.opt.sc-sui-theme-picker:hover:not(:disabled){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.opt.on.sc-sui-theme-picker{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:var(--w-bold)}.opt.on.sc-sui-theme-picker:hover:not(:disabled){--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.opt.sc-sui-theme-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.opt.sc-sui-theme-picker:disabled{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.pick.sc-sui-theme-picker{display:flex;gap:8px;align-items:center;position:relative}.pick.sc-sui-theme-picker>sui-tooltip.sc-sui-theme-picker,.pick.sc-sui-theme-picker>sui-copy-button.sc-sui-theme-picker{flex-shrink:0}.well.sc-sui-theme-picker{width:44px;height:34px;padding:0;margin:0;flex-shrink:0;box-sizing:border-box;border:1px solid var(--control-border);border-radius:var(--radius-md);background:var(--well);cursor:pointer}.well.sc-sui-theme-picker:disabled{cursor:not-allowed;border-style:dashed}.well.sc-sui-theme-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.hex.sc-sui-theme-picker{width:96px;height:var(--control-md);box-sizing:border-box;padding:0 10px;margin:0;color:var(--ink);font-family:var(--font-mono);font-size:12.5px;font-weight:var(--w-semibold);text-transform:uppercase}.natv.sc-sui-theme-picker{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.chips.sc-sui-theme-picker{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.chips.sc-sui-theme-picker>sui-tooltip.sc-sui-theme-picker,.chips.sc-sui-theme-picker>sui-copy-button.sc-sui-theme-picker{flex-shrink:0;margin-inline-start:1px}.chip.sc-sui-theme-picker{width:34px;height:34px;padding:0;margin:0;box-sizing:border-box;border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--brand) 14%, transparent);background:var(--well);cursor:pointer}.chip.on.sc-sui-theme-picker{outline:2px solid var(--focus-ring);outline-offset:2px}.chip.sc-sui-theme-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-shadow)}.chip.sc-sui-theme-picker:disabled{cursor:not-allowed}.sem.sc-sui-theme-picker{display:flex;flex-direction:column;gap:8px}.semrow.sc-sui-theme-picker{display:flex;align-items:center;gap:7px;position:relative}.semrow.sc-sui-theme-picker .nm.sc-sui-theme-picker{font-family:var(--font-sans);font-size:12px;font-weight:var(--w-semibold);color:var(--ink-muted);width:52px;flex-shrink:0}.semrow.sc-sui-theme-picker .hex.sc-sui-theme-picker{width:84px}.semrow.sc-sui-theme-picker .pick.sc-sui-theme-picker{min-width:0}.fly.sc-sui-theme-picker{position:fixed;z-index:var(--z-overlay);box-sizing:border-box;background:var(--surface-raised);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);padding:5px;max-height:min(50vh, 320px);overflow:auto}.fly.editor.sc-sui-theme-picker{padding:10px;max-height:min(80vh, 420px)}@media (forced-colors: active){.dot.sc-sui-theme-picker,.dot.acc.sc-sui-theme-picker,.dot.tone.sc-sui-theme-picker,.well.sc-sui-theme-picker,.chip.sc-sui-theme-picker{forced-color-adjust:none;border-color:CanvasText}.well.sc-sui-theme-picker:focus-visible,.chip.sc-sui-theme-picker:focus-visible{outline-color:CanvasText;box-shadow:none}.chip.on.sc-sui-theme-picker{outline-color:Highlight}.opt.on.sc-sui-theme-picker,.opt.on.sc-sui-theme-picker:hover{forced-color-adjust:none;background:Highlight;color:HighlightText}.opt.sc-sui-theme-picker:focus-visible{outline-color:CanvasText;box-shadow:none}.hex.sc-sui-theme-picker:focus{outline:2px solid CanvasText;outline-offset:1px}}`;
 
@@ -43,12 +43,12 @@ const SuiThemePicker = class {
         this.suiThemeChange = index.createEvent(this, "suiThemeChange", 3);
     }
     get host() { return index.getElement(this); }
-    /** Named palette or `custom`. Unrecognised values become `shineui`. */
+    /** Named palette or `custom`. Unrecognized values become `shineui`. */
     preset = 'shineui';
     /** `light`, `dark`, or `system`, which follows the operating system's `prefers-color-scheme` for
      *  as long as the element is connected and writes whichever it resolves to. It is the starting
      *  state: the switch in the kit shows what is painted and, pressed, picks light or dark outright,
-     *  so `mode="system"` follows the OS until the reader chooses. Unrecognised values become
+     *  so `mode="system"` follows the OS until the reader chooses. Unrecognized values become
      *  `light`. Light removes `data-sui-theme`. */
     mode = 'light';
     /** `brand` (default) keeps the status badges on the brand and accent hues; `semantic` makes them
@@ -56,7 +56,7 @@ const SuiThemePicker = class {
     status = 'brand';
     /** Code panes and consoles: `dark` (default) or `light`, written as `data-sui-code`. Independent
      *  of `mode`, because the light set is computed from the theme rather than from the site's light
-     *  or dark, so a dark site with a light code pane is a supported pair. Unrecognised values become
+     *  or dark, so a dark site with a light code pane is a supported pair. Unrecognized values become
      *  `dark`. */
     code = 'dark';
     /** Primary hex. Used when the choice leaves a shipped pair. */
@@ -67,7 +67,7 @@ const SuiThemePicker = class {
     accentColor;
     /** Suggested chips, match primary, or a custom accent well. UI labels: Suggested | Primary | Custom. */
     accentMode = 'custom';
-    /** Neutral family. Unrecognised values become `tint`. */
+    /** Neutral family. Unrecognized values become `tint`. */
     neutral = 'tint';
     /** `compact` is an outline trigger (two live dots, the preset name with `label`, a chevron) that
      *  opens a non-modal dialog, as a popover does; `panel` lays the same kit out in flow. The kit is a Preset menu, Swap,
@@ -112,7 +112,7 @@ const SuiThemePicker = class {
     titleId = id.uid('sui-theme-picker-title');
     dialogId = id.uid('sui-theme-picker-dialog');
     /** Surfaces in the top layer right now, each with the function that takes it down: the compact
-     *  dialog's layer while it is open, and a list or the colour editor while it is open. */
+     *  dialog's layer while it is open, and a list or the color editor while it is open. */
     raised = [];
     trigger;
     bodyEl;
@@ -288,7 +288,7 @@ const SuiThemePicker = class {
         if (this.exit.begin(this.bodyEl))
             this.closing = true;
     }
-    /** A closing colour editor that held focus hands it back to its well. */
+    /** A closing color editor that held focus hands it back to its well. */
     onEditorChange(now, was) {
         if (now || !was || typeof document === 'undefined')
             return;
@@ -925,7 +925,7 @@ const SuiThemePicker = class {
         }
         native?.click();
     }
-    /** Keys inside the colour editor, which renders right after its well, so Tab from the well goes
+    /** Keys inside the color editor, which renders right after its well, so Tab from the well goes
      *  into it: Tab past either end closes it and hands focus to its well, so the same Tab carries on
      *  from the well (see `tabOutOfOverlay`); Escape closes it. */
     onEditorKey = (e) => {
@@ -947,7 +947,7 @@ const SuiThemePicker = class {
         if (this.disabled)
             return;
         if (e.key === 'Tab' && this.open && this.bodyEl && this.resolvedAppearance() === 'compact') {
-            // A list or the colour editor handles Tab at its own edges first; only a Tab that starts on
+            // A list or the color editor handles Tab at its own edges first; only a Tab that starts on
             // the dialog's own controls can leave the dialog.
             const from = (typeof e.composedPath === 'function' ? e.composedPath()[0] : e.target);
             const nested = [this.flyEl, this.editorEl].some((el) => !!el && !!from && el.contains(from));
@@ -1105,8 +1105,8 @@ const SuiThemePicker = class {
     render() {
         const compact = this.resolvedAppearance() === 'compact';
         const c = this.normalizeCurrent();
-        const labelled = !!this.showPresetName;
-        return (index.h(index.Host, { key: '373411d6f4702b058a1c8440f34f401d4402d9b4', class: { compact, panel: !compact, disabled: this.disabled }, onKeyDown: this.onKeyDown }, compact ? (index.h("sui-button", { ref: (el) => (this.trigger = el), class: "trig-host", variant: "outline", size: "md", disabled: this.disabled, "aria-label": this.triggerName(), onClick: this.toggle }, index.h("span", { class: "face" }, this.dots(c.preset, true), labelled ? index.h("span", { class: "grow" }, this.namedOf(c.preset)) : null, index.h(glyphs.Glyph, { glyph: glyphs.chevronDown, class: "chev" })))) : null, (!compact || this.open || this.closing) ? (index.h("div", { ref: (el) => (this.layerEl = el), class: { layer: true, pop: compact } }, index.h("div", { ref: (el) => (this.bodyEl = el), id: compact ? this.dialogId : undefined, class: { body: true, pop: compact, flow: !compact, closing: this.closing }, inert: this.closing, role: compact ? 'dialog' : undefined, tabIndex: compact ? -1 : undefined, "aria-labelledby": compact ? this.titleId : undefined }, compact ? index.h("h2", { class: "sr-only", id: this.titleId }, this.triggerName()) : null, this.renderControls()))) : null));
+        const labeled = !!this.showPresetName;
+        return (index.h(index.Host, { key: '38dc813ca97274ababa46e58322819ce86d9b742', class: { compact, panel: !compact, disabled: this.disabled }, onKeyDown: this.onKeyDown }, compact ? (index.h("sui-button", { ref: (el) => (this.trigger = el), class: "trig-host", variant: "outline", size: "md", disabled: this.disabled, "aria-label": this.triggerName(), onClick: this.toggle }, index.h("span", { class: "face" }, this.dots(c.preset, true), labeled ? index.h("span", { class: "grow" }, this.namedOf(c.preset)) : null, index.h(glyphs.Glyph, { glyph: glyphs.chevronDown, class: "chev" })))) : null, (!compact || this.open || this.closing) ? (index.h("div", { ref: (el) => (this.layerEl = el), class: { layer: true, pop: compact } }, index.h("div", { ref: (el) => (this.bodyEl = el), id: compact ? this.dialogId : undefined, class: { body: true, pop: compact, flow: !compact, closing: this.closing }, inert: this.closing, role: compact ? 'dialog' : undefined, tabIndex: compact ? -1 : undefined, "aria-labelledby": compact ? this.titleId : undefined }, compact ? index.h("h2", { class: "sr-only", id: this.titleId }, this.triggerName()) : null, this.renderControls()))) : null));
     }
     static get watchers() { return {
         "persist": [{

package/dist/cjs/sui-tiered-menu.cjs.entry.js

@@ -1,18 +1,18 @@
 'use strict';
 
 var index = require('./index-BtWzlhN3.js');
-var nestedMenu = require('./nested-menu-C8RSeIyq.js');
-var menuList = require('./menu-list--7y_0m8t.js');
-var menuTree = require('./menu-tree-Dv125ISu.js');
-var overlay = require('./overlay-DcMtiB1L.js');
-var menuTab = require('./menu-tab-DipN-4R9.js');
+var nestedMenu = require('./nested-menu-Cu6DMW_b.js');
+var menuList = require('./menu-list-CIuBU-4o.js');
+var menuTree = require('./menu-tree-Cx-NZoPk.js');
+var overlay = require('./overlay-CsoWlGY8.js');
+var menuTab = require('./menu-tab-Y485zCZm.js');
 var id = require('./id-Ca7UTKW6.js');
 var formControl = require('./form-control-CvMyyCaa.js');
 require('./locale-EVD23NSt.js');
-require('./glyphs-8uuUhG6s.js');
+require('./glyphs-BNG4Wolq.js');
 require('./direction-BaE_rqNY.js');
 require('./focus-trap-CcyiWkvv.js');
-require('./motion-BaUBY31j.js');
+require('./motion-D8mcyZVH.js');
 
 const suiTieredMenuCss = () => `.sc-sui-tiered-menu-h{display:block;font-family:var(--font-sans)}.root.sc-sui-tiered-menu{display:block;position:relative;box-sizing:border-box;color:var(--ink)}.root.card.sc-sui-tiered-menu{display:inline-block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:none}`;
 
@@ -297,7 +297,7 @@ const SuiTieredMenu = class {
     render() {
         this.menus = [];
         this.flyouts = [];
-        return (index.h(index.Host, { key: 'f33343222bf881c86335ae5c8023e2138c57e2ad' }, index.h("div", { key: '6079be116d138808fc20c8781d4037a35d3247ed', class: { root: true, card: this.variant === 'card' } }, index.h(nestedMenu.NestedMenu, { key: 'fe89293f863a5b6f0f6ee2aceb99e2d6b34c9026', items: this.items || [], path: this.openPath, active: this.active, width: this.width, fill: this.variant !== 'card', idBase: this.fieldId, menuRef: (d, el) => {
+        return (index.h(index.Host, { key: '2e3528d3d2e424322a60e8cac19b7217138f44a1' }, index.h("div", { key: '37e72a3c59f5f141c89e5d5207f7a813d9b4b64b', class: { root: true, card: this.variant === 'card' } }, index.h(nestedMenu.NestedMenu, { key: '4a96397094cc36dc85725f72f1f7b35d9e590b0d', items: this.items || [], path: this.openPath, active: this.active, width: this.width, fill: this.variant !== 'card', idBase: this.fieldId, menuRef: (d, el) => {
                 if (el)
                     this.menus[d] = el;
             }, flyRef: (d, el) => {

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

@@ -1,12 +1,12 @@
 'use strict';
 
 var index = require('./index-BtWzlhN3.js');
-var glyphs = require('./glyphs-8uuUhG6s.js');
-var severityGlyph = require('./severity-glyph-Bp6wivYM.js');
+var glyphs = require('./glyphs-BNG4Wolq.js');
+var severityGlyph = require('./severity-glyph-FP0P95RB.js');
 var severity = require('./severity-NUjSTnjn.js');
 var renderContent = require('./render-content-Bij4diic.js');
 
-const suiTimelineCss = () => `.sc-sui-timeline-h{display:block;font-family:var(--font-sans);color:var(--ink)}.list.sc-sui-timeline{list-style:none;margin:0;padding:0;display:flex}.list.vertical.sc-sui-timeline{flex-direction:column}.list.horizontal.sc-sui-timeline{flex-direction:row;align-items:flex-start}.dot.sc-sui-timeline{width:28px;height:28px;border-radius:50%;flex-shrink:0;box-sizing:border-box;background:var(--brand-soft);border:2px solid var(--border-strong);color:var(--ink-muted);display:flex;align-items:center;justify-content:center}.dot.sc-sui-timeline i.sc-sui-timeline,.dot.sc-sui-timeline .sui-glyph.sc-sui-timeline{font-size:11px;line-height:1;display:block}.dot.sc-sui-timeline .sui-glyph.sc-sui-timeline{font-size:12px}.dot.accent.sc-sui-timeline{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.dot.sev.info.sc-sui-timeline{background:var(--status-info-bg);border-color:var(--status-info-accent);color:var(--status-info-ink)}.dot.sev.positive.sc-sui-timeline{background:var(--status-positive-bg);border-color:var(--status-positive-edge);color:var(--status-positive-ink)}.dot.sev.attention.sc-sui-timeline{background:var(--status-attention-bg);border-color:var(--status-attention-accent);color:var(--status-attention-ink)}.dot.sev.critical.sc-sui-timeline{background:var(--danger-soft);border-color:var(--danger);color:var(--danger-soft-ink)}.dot.sev.neutral.sc-sui-timeline{background:var(--status-neutral-bg);border-color:var(--status-neutral-border);color:var(--status-neutral-ink)}.solid.sc-sui-timeline .dot.sev.info.sc-sui-timeline{background:var(--status-info-accent);border-color:var(--status-info-accent);color:var(--brand-contrast)}.solid.sc-sui-timeline .dot.sev.positive.sc-sui-timeline{background:var(--status-positive-accent);border-color:var(--status-positive-accent);color:var(--status-positive-contrast)}.solid.sc-sui-timeline .dot.sev.attention.sc-sui-timeline{background:var(--status-attention-accent);border-color:var(--status-attention-accent);color:var(--status-attention-contrast)}.solid.sc-sui-timeline .dot.sev.critical.sc-sui-timeline{background:var(--danger-fill);border-color:var(--danger-fill);color:var(--danger-contrast)}.solid.sc-sui-timeline .dot.sev.neutral.sc-sui-timeline{background:var(--status-neutral-ink);border-color:var(--status-neutral-ink);color:var(--surface)}.avatar.sc-sui-timeline{margin:1px}.body.sc-sui-timeline,.opp.sc-sui-timeline{text-align:start}.body.end.sc-sui-timeline,.opp.end.sc-sui-timeline{text-align:end}.body.center.sc-sui-timeline,.opp.center.sc-sui-timeline{text-align:center}.opp.sc-sui-timeline{font-size:12px;color:var(--ink-muted);font-feature-settings:'tnum'}.title.sc-sui-timeline{font-size:13px;font-weight:700}.title.link.sc-sui-timeline{color:var(--link);text-decoration:none}.title.link.sc-sui-timeline:hover{color:var(--ink);text-decoration:underline}.title.link.sc-sui-timeline:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:var(--radius-xs)}.description.sc-sui-timeline{font-size:12.5px;color:var(--ink-muted);margin-top:2px;line-height:1.45}.time.sc-sui-timeline{font-size:11.5px;color:var(--ink-faint);margin-top:3px}.vertical.sc-sui-timeline .event.sc-sui-timeline{display:flex;gap:14px;min-height:64px}.vertical.sc-sui-timeline .side.sc-sui-timeline{flex:1;padding-bottom:18px;min-width:0}.spine.sc-sui-timeline{display:flex;flex-direction:column;align-items:center}.spine.sc-sui-timeline .line.sc-sui-timeline{width:2px;flex:1;background:var(--border);margin:4px 0}.feed.sc-sui-timeline .entry.sc-sui-timeline{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:5px;font-size:13px;line-height:1.45;padding-top:4px}.feed.sc-sui-timeline .actor.sc-sui-timeline{font-weight:var(--w-medium)}.feed.sc-sui-timeline .title.sc-sui-timeline{font-weight:var(--w-regular)}.feed.sc-sui-timeline .time.sc-sui-timeline{margin-top:0;font-feature-settings:'tnum'}.feed.sc-sui-timeline .description.sc-sui-timeline{margin-top:4px}.feed.vertical.sc-sui-timeline .event.sc-sui-timeline{min-height:0}.feed.vertical.sc-sui-timeline .side.sc-sui-timeline{padding-bottom:14px}.feed.sc-sui-timeline .body.end.sc-sui-timeline .entry.sc-sui-timeline{justify-content:flex-end}.feed.sc-sui-timeline .body.center.sc-sui-timeline .entry.sc-sui-timeline{justify-content:center}.horizontal.sc-sui-timeline .event.sc-sui-timeline{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;min-width:0}.rail.sc-sui-timeline{display:flex;align-items:center;width:100%}.rail.sc-sui-timeline .seg.sc-sui-timeline{flex:1;height:2px;background:var(--border)}.rail.sc-sui-timeline .seg.hidden.sc-sui-timeline{background:transparent}.pad.sc-sui-timeline{align-self:stretch;min-width:0;padding:0 10px;overflow-wrap:break-word}.opp-pad.sc-sui-timeline{min-height:18px}@media (forced-colors: active){.dot.accent.sc-sui-timeline{forced-color-adjust:none;background:Highlight;border-color:Highlight;color:HighlightText}.spine.sc-sui-timeline .line.sc-sui-timeline{background:CanvasText}.rail.sc-sui-timeline .seg.sc-sui-timeline{background:CanvasText}}`;
+const suiTimelineCss = () => `.sc-sui-timeline-h{display:block;font-family:var(--font-sans);color:var(--ink)}[align].sc-sui-timeline-h{text-align:inherit}.list.sc-sui-timeline{list-style:none;margin:0;padding:0;display:flex}.list.vertical.sc-sui-timeline{flex-direction:column}.list.horizontal.sc-sui-timeline{flex-direction:row;align-items:flex-start}.dot.sc-sui-timeline{width:28px;height:28px;border-radius:50%;flex-shrink:0;box-sizing:border-box;background:var(--brand-soft);border:2px solid var(--border-strong);color:var(--ink-muted);display:flex;align-items:center;justify-content:center}.dot.sc-sui-timeline i.sc-sui-timeline,.dot.sc-sui-timeline .sui-glyph.sc-sui-timeline{font-size:11px;line-height:1;display:block}.dot.sc-sui-timeline .sui-glyph.sc-sui-timeline{font-size:12px}.dot.accent.sc-sui-timeline{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.dot.sev.info.sc-sui-timeline{background:var(--status-info-bg);border-color:var(--status-info-accent);color:var(--status-info-ink)}.dot.sev.positive.sc-sui-timeline{background:var(--status-positive-bg);border-color:var(--status-positive-edge);color:var(--status-positive-ink)}.dot.sev.attention.sc-sui-timeline{background:var(--status-attention-bg);border-color:var(--status-attention-accent);color:var(--status-attention-ink)}.dot.sev.critical.sc-sui-timeline{background:var(--danger-soft);border-color:var(--danger);color:var(--danger-soft-ink)}.dot.sev.neutral.sc-sui-timeline{background:var(--status-neutral-bg);border-color:var(--status-neutral-border);color:var(--status-neutral-ink)}.solid.sc-sui-timeline .dot.sev.info.sc-sui-timeline{background:var(--status-info-accent);border-color:var(--status-info-accent);color:var(--brand-contrast)}.solid.sc-sui-timeline .dot.sev.positive.sc-sui-timeline{background:var(--status-positive-accent);border-color:var(--status-positive-accent);color:var(--status-positive-contrast)}.solid.sc-sui-timeline .dot.sev.attention.sc-sui-timeline{background:var(--status-attention-accent);border-color:var(--status-attention-accent);color:var(--status-attention-contrast)}.solid.sc-sui-timeline .dot.sev.critical.sc-sui-timeline{background:var(--danger-fill);border-color:var(--danger-fill);color:var(--danger-contrast)}.solid.sc-sui-timeline .dot.sev.neutral.sc-sui-timeline{background:var(--status-neutral-ink);border-color:var(--status-neutral-ink);color:var(--surface)}.avatar.sc-sui-timeline{margin:1px}.body.sc-sui-timeline,.opp.sc-sui-timeline{text-align:start}.body.end.sc-sui-timeline,.opp.end.sc-sui-timeline{text-align:end}.body.center.sc-sui-timeline,.opp.center.sc-sui-timeline{text-align:center}.opp.sc-sui-timeline{font-size:12px;color:var(--ink-muted);font-feature-settings:'tnum'}.title.sc-sui-timeline{font-size:13px;font-weight:700}.title.link.sc-sui-timeline{color:var(--link);text-decoration:none}.title.link.sc-sui-timeline:hover{color:var(--ink);text-decoration:underline}.title.link.sc-sui-timeline:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:var(--radius-xs)}.description.sc-sui-timeline{font-size:12.5px;color:var(--ink-muted);margin-top:2px;line-height:1.45}.time.sc-sui-timeline{font-size:11.5px;color:var(--ink-faint);margin-top:3px}.vertical.sc-sui-timeline .event.sc-sui-timeline{display:flex;gap:14px;min-height:64px}.vertical.sc-sui-timeline .side.sc-sui-timeline{flex:1;padding-bottom:18px;min-width:0}.spine.sc-sui-timeline{display:flex;flex-direction:column;align-items:center}.spine.sc-sui-timeline .line.sc-sui-timeline{width:2px;flex:1;background:var(--border);margin:4px 0}.feed.sc-sui-timeline .entry.sc-sui-timeline{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:5px;font-size:13px;line-height:1.45;padding-top:4px}.feed.sc-sui-timeline .actor.sc-sui-timeline{font-weight:var(--w-medium)}.feed.sc-sui-timeline .title.sc-sui-timeline{font-weight:var(--w-regular)}.feed.sc-sui-timeline .time.sc-sui-timeline{margin-top:0;font-feature-settings:'tnum'}.feed.sc-sui-timeline .description.sc-sui-timeline{margin-top:4px}.feed.vertical.sc-sui-timeline .event.sc-sui-timeline{min-height:0}.feed.vertical.sc-sui-timeline .side.sc-sui-timeline{padding-bottom:14px}.feed.sc-sui-timeline .body.end.sc-sui-timeline .entry.sc-sui-timeline{justify-content:flex-end}.feed.sc-sui-timeline .body.center.sc-sui-timeline .entry.sc-sui-timeline{justify-content:center}.horizontal.sc-sui-timeline .event.sc-sui-timeline{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;min-width:0}.rail.sc-sui-timeline{display:flex;align-items:center;width:100%}.rail.sc-sui-timeline .seg.sc-sui-timeline{flex:1;height:2px;background:var(--border)}.rail.sc-sui-timeline .seg.hidden.sc-sui-timeline{background:transparent}.pad.sc-sui-timeline{align-self:stretch;min-width:0;padding:0 10px;overflow-wrap:break-word}.opp-pad.sc-sui-timeline{min-height:18px}@media (forced-colors: active){.dot.accent.sc-sui-timeline{forced-color-adjust:none;background:Highlight;border-color:Highlight;color:HighlightText}.spine.sc-sui-timeline .line.sc-sui-timeline{background:CanvasText}.rail.sc-sui-timeline .seg.sc-sui-timeline{background:CanvasText}}`;
 
 /** What `callRender` hands back when an item's `render` threw: the row shows its `description`. */
 const THREW = Symbol('threw');

package/dist/cjs/sui-toast-host.cjs.entry.js

@@ -2,14 +2,14 @@
 
 var index = require('./index-BtWzlhN3.js');
 var severity = require('./severity-NUjSTnjn.js');
-var glyphs = require('./glyphs-8uuUhG6s.js');
-var severityGlyph = require('./severity-glyph-Bp6wivYM.js');
+var glyphs = require('./glyphs-BNG4Wolq.js');
+var severityGlyph = require('./severity-glyph-FP0P95RB.js');
 var locale = require('./locale-EVD23NSt.js');
-var overlay = require('./overlay-DcMtiB1L.js');
-var heldFocus = require('./held-focus-DeQVYDkc.js');
+var overlay = require('./overlay-CsoWlGY8.js');
+var heldFocus = require('./held-focus-ikz5F6kW.js');
 require('./direction-BaE_rqNY.js');
 require('./focus-trap-CcyiWkvv.js');
-require('./motion-BaUBY31j.js');
+require('./motion-D8mcyZVH.js');
 
 const suiToastHostCss = () => `.sc-sui-toast-host-h{display:contents;font-family:var(--font-sans)}.announce.sc-sui-toast-host{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.stack.sc-sui-toast-host{position:fixed;z-index:var(--z-toast);display:flex;flex-direction:column;gap:10px;max-width:calc(100vw - 28px)}.stack.top-right.sc-sui-toast-host{top:14px;right:14px}.stack.top-left.sc-sui-toast-host{top:14px;left:14px}.stack.bottom-right.sc-sui-toast-host{bottom:14px;right:14px}.stack.bottom-left.sc-sui-toast-host{bottom:14px;left:14px}.stack.top-center.sc-sui-toast-host{top:14px;left:0;right:0;width:320px;margin:0 auto}.stack.bottom-center.sc-sui-toast-host{bottom:14px;left:0;right:0;width:320px;margin:0 auto}.stack.center.sc-sui-toast-host{inset:0;width:320px;height:max-content;margin:auto}.toast.sc-sui-toast-host{display:flex;gap:11px;align-items:flex-start;width:320px;max-width:100%;box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-inline-start:3px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:12px 13px;color:var(--ink);animation:sui-toast-in var(--duration-overlay) var(--ease-out)}.toast.closing.sc-sui-toast-host{animation:sui-toast-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-toast-in{from{opacity:0;transform:translateY(4px)}}@keyframes sui-toast-out{to{opacity:0}}.toast.positive.sc-sui-toast-host{border-inline-start-color:var(--status-positive-edge)}.toast.positive.sc-sui-toast-host .icon.sc-sui-toast-host{background:var(--status-positive-bg);color:var(--status-positive-ink)}.toast.attention.sc-sui-toast-host{border-inline-start-color:var(--status-attention-accent)}.toast.attention.sc-sui-toast-host .icon.sc-sui-toast-host{background:var(--status-attention-bg);color:var(--status-attention-ink)}.toast.critical.sc-sui-toast-host{border-inline-start-color:var(--danger-fill)}.toast.critical.sc-sui-toast-host .icon.sc-sui-toast-host{background:var(--danger-soft);color:var(--danger)}.toast.info.sc-sui-toast-host{border-inline-start-color:var(--status-info-accent)}.toast.info.sc-sui-toast-host .icon.sc-sui-toast-host{background:var(--status-info-bg);color:var(--status-info-ink)}.toast.neutral.sc-sui-toast-host .icon.sc-sui-toast-host{background:var(--surface-sunken);color:var(--ink-muted)}.icon.sc-sui-toast-host{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.icon.sc-sui-toast-host .sui-glyph.sc-sui-toast-host{font-size:12px}.body.sc-sui-toast-host{flex:1;min-width:0}.title.sc-sui-toast-host{font-size:13px;font-weight:700}.detail.sc-sui-toast-host{font-size:12.5px;color:var(--ink-muted);margin-top:2px;line-height:1.45}.action-row.sc-sui-toast-host{margin-top:6px}.action.sc-sui-toast-host{border:none;background:transparent;padding:0;cursor:pointer;font-family:var(--font-sans);font-size:12.5px;font-weight:650;color:var(--link);white-space:nowrap;border-radius:var(--radius-xs)}.action.sc-sui-toast-host:hover{text-decoration:underline}.action.sc-sui-toast-host:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.time.sc-sui-toast-host{font-size:11px;color:var(--ink-faint);white-space:nowrap}.close.sc-sui-toast-host{flex-shrink:0;margin-top:-2px}.close.sc-sui-toast-host .sui-glyph.sc-sui-toast-host{font-size:var(--icon-size-sm)}@media (max-width: 480px){.stack.top-right.sc-sui-toast-host,.stack.top-left.sc-sui-toast-host,.stack.bottom-right.sc-sui-toast-host,.stack.bottom-left.sc-sui-toast-host,.stack.top-center.sc-sui-toast-host,.stack.bottom-center.sc-sui-toast-host,.stack.center.sc-sui-toast-host{left:14px;right:14px;width:auto;max-width:none;margin-inline:0}.toast.sc-sui-toast-host{width:auto}}@media (forced-colors: active){.icon.sc-sui-toast-host{border:1px solid CanvasText;box-sizing:border-box}}`;
 
@@ -29,7 +29,7 @@ const SuiToastHost = class {
      *  viewport. A top stack grows downward and a bottom stack grows upward, so the newest toast is
      *  always the one nearest the middle of the screen; `center` grows both ways and stays centered.
      *  The corner names are sides of the screen in either reading direction; inside a toast the
-     *  severity edge and the icon lead and the X trails. An unrecognised value falls back to `top-right`.
+     *  severity edge and the icon lead and the X trails. An unrecognized value falls back to `top-right`.
      *  While toasts show, the stack paints in the browser's top layer, above dialogs and every other
      *  surface but tooltips, so it answers to the viewport even inside a transformed or clipping box.
      *  The live regions that announce the toasts stay where the element is, and stay live while a
@@ -329,8 +329,8 @@ const SuiToastHost = class {
     }
     render() {
         const position = POSITIONS.includes(this.position) ? this.position : 'top-right';
-        const line = (s) => (index.h("div", { key: s.id }, index.h("div", { key: 'ebd4b5c3aa90dba2c0dc7dda770cfbad8b5f540e' }, s.title), s.detail ? index.h("div", null, s.detail) : null));
-        return (index.h(index.Host, { key: 'd3141e0dfa14c835a5c09419cc5a3601f33d1e17' }, index.h("div", { key: '8a61d43a3f381ef034e1da34c26448377d99516a', class: "announce polite", role: "status", "aria-live": "polite", "aria-atomic": "false" }, this.spoken.filter((s) => !s.critical).map(line)), index.h("div", { key: 'cc2be11e48fd723ebbf52db98d72b72e8ea7ea30', class: "announce assertive", role: "alert", "aria-live": "assertive", "aria-atomic": "false" }, this.spoken.filter((s) => s.critical).map(line)), index.h("div", { key: '3e01c5238a2b12592faaf5b098b3f095439693d9', ref: (el) => (this.stack = el), class: `stack ${position}`, onFocusin: this.onStackFocusIn }, this.items.map((t) => {
+        const line = (s) => (index.h("div", { key: s.id }, index.h("div", { key: '8debd72bd4650f3bf27e220dd5da7f3800b81d68' }, s.title), s.detail ? index.h("div", null, s.detail) : null));
+        return (index.h(index.Host, { key: 'fe55edb367d5c75d056fbc397d52a31b67f59e34' }, index.h("div", { key: '65458211004f370dc879eead021c1109ffd5ef2c', class: "announce polite", role: "status", "aria-live": "polite", "aria-atomic": "false" }, this.spoken.filter((s) => !s.critical).map(line)), index.h("div", { key: '4908327fb8d5b0319435d390ff8204f1a4884628', class: "announce assertive", role: "alert", "aria-live": "assertive", "aria-atomic": "false" }, this.spoken.filter((s) => s.critical).map(line)), index.h("div", { key: 'b41b0d5cb29284457cbe745a7401de1a15c822e4', ref: (el) => (this.stack = el), class: `stack ${position}`, onFocusin: this.onStackFocusIn }, this.items.map((t) => {
             const sev = severity.resolveSeverity(t.severity, 'info');
             const closing = this.leaving.includes(t.id);
             return (index.h("div", { key: t.id, ref: (el) => {

package/dist/cjs/sui-toggle-button.cjs.entry.js

@@ -1,12 +1,12 @@
 'use strict';
 
 var index = require('./index-BtWzlhN3.js');
-var fieldShell = require('./field-shell-XLDTgSCW.js');
+var fieldShell = require('./field-shell-BJ_XxyIs.js');
 var id = require('./id-Ca7UTKW6.js');
 var formControl = require('./form-control-CvMyyCaa.js');
 var formDisabled = require('./form-disabled-wss8T3bH.js');
 var locale = require('./locale-EVD23NSt.js');
-require('./glyphs-8uuUhG6s.js');
+require('./glyphs-BNG4Wolq.js');
 
 const suiToggleButtonCss = () => `.sc-sui-toggle-button-h{display:inline-block;vertical-align:middle;font-family:var(--font-sans)}.sui-field.sc-sui-toggle-button{align-items:flex-start}.sui-toggle-btn.sc-sui-toggle-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:var(--control-md);padding:0 14px;box-sizing:border-box;background:var(--surface);color:var(--ink);border:1px solid var(--control-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:13px;font-weight:550;line-height:1;cursor:pointer;user-select:none;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-toggle-btn.sm.sc-sui-toggle-button{height:var(--control-sm)}.sui-toggle-btn.lg.sc-sui-toggle-button{height:var(--control-lg)}.sui-toggle-btn.sc-sui-toggle-button:hover{background:linear-gradient(var(--surface-hover) 0 0) var(--surface)}.sui-toggle-btn.on.sc-sui-toggle-button{background:var(--brand);color:var(--brand-contrast);border-color:var(--brand);font-weight:650}.sui-toggle-btn.on.sc-sui-toggle-button:hover{background:var(--brand-hover)}.sui-toggle-btn.invalid.sc-sui-toggle-button{border-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.sui-toggle-btn.invalid.sc-sui-toggle-button:focus-visible{outline-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger), 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.sui-toggle-btn.sc-sui-toggle-button:disabled,.sui-toggle-btn.on.sc-sui-toggle-button:disabled{background:var(--disabled-bg);color:var(--disabled-ink);border-color:transparent;cursor:not-allowed}.sui-toggle-btn.sc-sui-toggle-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:0 0 0 3px var(--focus-halo)}.icon.sc-sui-toggle-button{font-size:12px}@media (forced-colors: active){.sui-toggle-btn.on.sc-sui-toggle-button,.sui-toggle-btn.on.sc-sui-toggle-button:hover{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:Highlight}.sui-toggle-btn.on.sc-sui-toggle-button:focus-visible{outline-color:CanvasText;box-shadow:none}.sui-toggle-btn.sc-sui-toggle-button:disabled,.sui-toggle-btn.on.sc-sui-toggle-button:disabled{background:Canvas;color:GrayText;border-color:GrayText}}`;
 
@@ -117,7 +117,7 @@ const SuiToggleButton = class {
         const icon = on ? this.iconOn : this.iconOff;
         const invalid = this.invalid || !!this.error;
         const size = SIZES.includes(this.size) ? this.size : 'md';
-        return (index.h(fieldShell.FieldShell, { key: '155361652d30c5eed271c7321ba773daf99bf9e9', help: this.help, error: this.error, descId: this.fieldId }, index.h("button", { key: 'a5b2d09a7657aa801425c8ffe5a938756b709d5e', ref: (el) => (this.btn = el), type: "button", class: { 'sui-toggle-btn': true, [size]: true, on, invalid, readonly: this.readOnly }, "aria-pressed": on ? 'true' : 'false', "aria-readonly": this.readOnly ? 'true' : null, "aria-invalid": invalid ? 'true' : null, "aria-describedby": fieldShell.describedBy(this.fieldId, this.help, this.error), disabled: this.isDisabled, onClick: this.onClick }, icon ? index.h("i", { class: `${icon} icon`, "aria-hidden": "true" }) : null, index.h("span", { key: '8d0d24863b88e1b58c950888516ca278cbb86e9d', class: "lbl" }, on ? this.onLabel() : locale.localeText(undefined, 'toggle-button.labelOff', this.labelOff, 'Off')))));
+        return (index.h(fieldShell.FieldShell, { key: 'dc39e25791dccc9b7ae8a95c6acd092c4f4397e4', help: this.help, error: this.error, descId: this.fieldId }, index.h("button", { key: 'c4aed3b907c71e0d30d61284f9369eda830424ed', ref: (el) => (this.btn = el), type: "button", class: { 'sui-toggle-btn': true, [size]: true, on, invalid, readonly: this.readOnly }, "aria-pressed": on ? 'true' : 'false', "aria-readonly": this.readOnly ? 'true' : null, "aria-invalid": invalid ? 'true' : null, "aria-describedby": fieldShell.describedBy(this.fieldId, this.help, this.error), disabled: this.isDisabled, onClick: this.onClick }, icon ? index.h("i", { class: `${icon} icon`, "aria-hidden": "true" }) : null, index.h("span", { key: 'a8607cfef732fab72a5bb2d6e921fb0764eeba68', class: "lbl" }, on ? this.onLabel() : locale.localeText(undefined, 'toggle-button.labelOff', this.labelOff, 'Off')))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/cjs/sui-toggle-switch.cjs.entry.js

@@ -1,12 +1,12 @@
 'use strict';
 
 var index = require('./index-BtWzlhN3.js');
-var fieldShell = require('./field-shell-XLDTgSCW.js');
+var fieldShell = require('./field-shell-BJ_XxyIs.js');
 var id = require('./id-Ca7UTKW6.js');
-var aria = require('./aria-DXFt0vvU.js');
+var aria = require('./aria-DsLSiGlA.js');
 var formControl = require('./form-control-CvMyyCaa.js');
 var formDisabled = require('./form-disabled-wss8T3bH.js');
-require('./glyphs-8uuUhG6s.js');
+require('./glyphs-BNG4Wolq.js');
 require('./locale-EVD23NSt.js');
 
 const suiToggleSwitchCss = () => `.sc-sui-toggle-switch-h{display:inline-block;font-family:var(--font-sans)}.sui-field.sc-sui-toggle-switch{align-items:flex-start}.sui-switch.sc-sui-toggle-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none;font-family:var(--font-sans)}.sui-switch.has-desc.sc-sui-toggle-switch{align-items:flex-start}.sui-switch.label-start.sc-sui-toggle-switch{flex-direction:row-reverse}.sui-switch.disabled.sc-sui-toggle-switch{cursor:not-allowed}.sui-switch.readonly.sc-sui-toggle-switch{cursor:default}.ctl.sc-sui-toggle-switch{position:relative;display:inline-flex;flex-shrink:0}input.sc-sui-toggle-switch{position:absolute;inset:0;width:38px;height:21px;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.sm.sc-sui-toggle-switch input.sc-sui-toggle-switch{width:30px;height:17px}.track.sc-sui-toggle-switch{width:38px;height:21px;border-radius:21px;box-sizing:border-box;padding:3px;display:flex;justify-content:flex-start;background:var(--control-border);transition:background var(--duration-base) var(--ease-out)}.sm.sc-sui-toggle-switch .track.sc-sui-toggle-switch{width:30px;height:17px;border-radius:17px}.sc-sui-toggle-switch-h:hover .track.sc-sui-toggle-switch{background:color-mix(in srgb, var(--control-border) 60%, var(--ink))}.on.sc-sui-toggle-switch .track.sc-sui-toggle-switch,.sc-sui-toggle-switch-h:hover .on.sc-sui-toggle-switch .track.sc-sui-toggle-switch{background:var(--control-on)}.disabled.sc-sui-toggle-switch .track.sc-sui-toggle-switch{background:var(--border)}input.sc-sui-toggle-switch:focus-visible+.track.sc-sui-toggle-switch{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:0 0 0 3px var(--focus-halo)}.invalid.sc-sui-toggle-switch .track.sc-sui-toggle-switch{box-shadow:inset 0 0 0 2px var(--danger)}.invalid.sc-sui-toggle-switch input.sc-sui-toggle-switch:focus-visible+.track.sc-sui-toggle-switch{outline-color:var(--danger);box-shadow:inset 0 0 0 2px var(--danger), 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.knob.sc-sui-toggle-switch{width:15px;height:15px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ink-on-dark);box-shadow:0 1px 2px color-mix(in srgb, var(--brand) 25%, transparent);transform:translateX(0);transition:transform var(--duration-base) var(--ease-out)}.sm.sc-sui-toggle-switch .knob.sc-sui-toggle-switch{width:11px;height:11px}.on.sc-sui-toggle-switch .knob.sc-sui-toggle-switch{transform:translateX(17px)}.sm.on.sc-sui-toggle-switch .knob.sc-sui-toggle-switch{transform:translateX(13px)}.on.sc-sui-toggle-switch .knob.sc-sui-toggle-switch:dir(rtl){transform:translateX(-17px)}.sm.on.sc-sui-toggle-switch .knob.sc-sui-toggle-switch:dir(rtl){transform:translateX(-13px)}.knob.sc-sui-toggle-switch i.sc-sui-toggle-switch{font-size:8px;line-height:1;color:var(--brand);pointer-events:none}.sm.sc-sui-toggle-switch .knob.sc-sui-toggle-switch i.sc-sui-toggle-switch{font-size:6px}.disabled.sc-sui-toggle-switch .knob.sc-sui-toggle-switch i.sc-sui-toggle-switch{color:var(--disabled-ink)}.text.sc-sui-toggle-switch{display:flex;flex-direction:column;gap:2px;min-width:0}.lbl.sc-sui-toggle-switch{font-size:13px;font-weight:550;color:var(--ink);line-height:1.3}.disabled.sc-sui-toggle-switch .lbl.sc-sui-toggle-switch{color:var(--disabled-ink)}.desc.sc-sui-toggle-switch{font-size:12px;color:var(--ink-faint);line-height:1.4}@media (forced-colors: active){.track.sc-sui-toggle-switch{border:1px solid ButtonText;padding:2px}.invalid.sc-sui-toggle-switch .track.sc-sui-toggle-switch{border-width:2px;padding:1px}.knob.sc-sui-toggle-switch{background:ButtonText}.knob.sc-sui-toggle-switch i.sc-sui-toggle-switch{forced-color-adjust:none;color:ButtonFace}.on.sc-sui-toggle-switch .track.sc-sui-toggle-switch,.sc-sui-toggle-switch-h:hover .on.sc-sui-toggle-switch .track.sc-sui-toggle-switch{background:Highlight;border-color:Highlight}.on.sc-sui-toggle-switch .knob.sc-sui-toggle-switch{background:HighlightText}.on.sc-sui-toggle-switch .knob.sc-sui-toggle-switch i.sc-sui-toggle-switch{color:Highlight}.disabled.sc-sui-toggle-switch .track.sc-sui-toggle-switch{border-color:GrayText}.disabled.sc-sui-toggle-switch .knob.sc-sui-toggle-switch{background:GrayText}.disabled.sc-sui-toggle-switch .knob.sc-sui-toggle-switch i.sc-sui-toggle-switch{color:Canvas}.disabled.on.sc-sui-toggle-switch .track.sc-sui-toggle-switch,.sc-sui-toggle-switch-h:hover .disabled.on.sc-sui-toggle-switch .track.sc-sui-toggle-switch{background:GrayText;border-color:GrayText}.disabled.on.sc-sui-toggle-switch .knob.sc-sui-toggle-switch{background:Canvas}.disabled.on.sc-sui-toggle-switch .knob.sc-sui-toggle-switch i.sc-sui-toggle-switch{color:GrayText}.disabled.sc-sui-toggle-switch .lbl.sc-sui-toggle-switch,.disabled.sc-sui-toggle-switch .desc.sc-sui-toggle-switch{color:GrayText}input.sc-sui-toggle-switch:focus-visible+.track.sc-sui-toggle-switch{outline:2px solid Highlight;outline-offset:1px}}`;
@@ -149,7 +149,7 @@ const SuiToggleSwitch = class {
         const described = [this.description ? `${this.fieldId}-desc` : null, fieldShell.describedBy(this.fieldId, this.help, this.error)].filter(Boolean).join(' ') || null;
         const glyph = knobGlyph(on ? this.iconOn : this.iconOff);
         const invalid = this.invalid || !!this.error;
-        return (index.h(fieldShell.FieldShell, { key: 'f30eec970970e0647fa2d1bfbb2212b531c62304', help: this.help, error: this.error, descId: this.fieldId }, index.h("label", { key: '090041f4a2989ed3c3661257de78e4bc8cf01e00', class: {
+        return (index.h(fieldShell.FieldShell, { key: 'f98662e910f898ab3b0b313891e523ddc5923522', help: this.help, error: this.error, descId: this.fieldId }, index.h("label", { key: '2c97f07243a496dc38d63c7777b99789c5be3318', class: {
                 'sui-switch': true,
                 [this.size]: true,
                 on,
@@ -159,7 +159,7 @@ const SuiToggleSwitch = class {
                 'has-desc': !!this.description,
                 'label-start': this.labelPos === 'start',
                 'has-knob-icon': !!glyph,
-            } }, index.h("span", { key: 'a08d9ed27d364c7b96ff40eb05609d6150075e51', class: "ctl" }, index.h("input", { key: '72b5bb424f19bc76ae76b7c50a73376d0d98d043', ref: (el) => (this.input = el), id: this.fieldId, type: "checkbox", role: "switch", checked: on, disabled: this.isDisabled, required: this.required, "aria-checked": on ? 'true' : 'false', "aria-label": this.label ? null : this.hostLabel, "aria-invalid": invalid ? 'true' : null, "aria-readonly": this.readOnly ? 'true' : null, "aria-describedby": described, onClick: this.onClick, onChange: this.onChange }), index.h("span", { key: 'bcb9772b44b3a214eb84074af20e9c21366a1324', class: "track", "aria-hidden": "true" }, index.h("span", { key: 'e649105ce7a20007553efdcc695527b693748c65', class: "knob" }, glyph ? index.h("i", { class: glyph }) : null))), this.label || this.description ? (index.h("span", { class: "text" }, this.label ? (index.h("span", { class: "lbl" }, this.label, this.required ? index.h("span", { class: "sui-field-req", "aria-hidden": "true" }, "*") : null)) : null, this.description ? index.h("span", { class: "desc", id: `${this.fieldId}-desc` }, this.description) : null)) : null)));
+            } }, index.h("span", { key: 'c989fc44215ef128b38b0277b0d60d330602a9d2', class: "ctl" }, index.h("input", { key: '26b6025c13ba9e694e3a384ba4b7a4ecbfa4ddb1', ref: (el) => (this.input = el), id: this.fieldId, type: "checkbox", role: "switch", checked: on, disabled: this.isDisabled, required: this.required, "aria-checked": on ? 'true' : 'false', "aria-label": this.label ? null : this.hostLabel, "aria-invalid": invalid ? 'true' : null, "aria-readonly": this.readOnly ? 'true' : null, "aria-describedby": described, onClick: this.onClick, onChange: this.onChange }), index.h("span", { key: '0aa50a9f80eed31acd85ab4e8f8de1f58fdf57bb', class: "track", "aria-hidden": "true" }, index.h("span", { key: 'bccece745a8a4dce7035b5de08816e049964c25f', class: "knob" }, glyph ? index.h("i", { class: glyph }) : null))), this.label || this.description ? (index.h("span", { class: "text" }, this.label ? (index.h("span", { class: "lbl" }, this.label, this.required ? index.h("span", { class: "sui-field-req", "aria-hidden": "true" }, "*") : null)) : null, this.description ? index.h("span", { class: "desc", id: `${this.fieldId}-desc` }, this.description) : null)) : null)));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {