@shineuix/core 1.0.0 → 1.0.1

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, g as getElement, h, a as Host } from './index-ChCjmDsd.js';
-import { T as TrendMark } from './trend-DQYtuzUm.js';
+import { T as TrendMark } from './trend-CYX2hNcF.js';
 import { d as delegateFocus } from './form-control-DtXnoXGH.js';
 import { l as localeText } from './locale-lWhwwQJ2.js';
-import './glyphs-CCanZos8.js';
+import './glyphs-Bz_EavVJ.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}`;
 
@@ -30,7 +30,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';
@@ -91,7 +91,7 @@ const SuiStatCard = class {
         const linked = !!href;
         const control = linked || this.command;
         const Card = (linked ? 'a' : control ? 'button' : 'div');
-        return (h(Host, { key: '3fe5339158b3afbbaa821c62922896caeac4b384' }, 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 }, h("div", { key: '65d72da49dcf183c636650273c48122dd9d00225', class: "label" }, this.label), h("div", { key: '292ff7b9b3556605d664c734288bcd564b6bea5a', class: "row" }, h("div", { key: '5ec00e432e92da2eb5041b44bfe861b87e0e293f', class: "value" }, this.value), this.data && this.data.length ? h("sui-sparkline", { data: this.data, accent: this.accent, min: this.scaleMin, max: this.scaleMax }) : null), this.delta || this.note ? (h("div", { class: "meta" }, h(TrendMark, { value: this.delta, direction: this.deltaDirection, severity: this.severity, note: this.note, unfavorable: localeText(undefined, 'stat-card.unfavorable', undefined, 'unfavorable') }))) : null, linked ? h("span", { class: "link" }, localeText(undefined, 'stat-card.link', this.linkLabel, 'View'), " ", '→') : null)));
+        return (h(Host, { key: '50dc68d2b2fca6269135c231347261392b842c8e' }, 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 }, h("div", { key: 'fe93aca725fd942885db9e73676cf379af4363ec', class: "label" }, this.label), h("div", { key: 'de7ae13e335bace6e657c4ce0fc390344efcbd3a', class: "row" }, h("div", { key: 'a216197288984f55b9b8da84924893c369114a1f', class: "value" }, this.value), this.data && this.data.length ? h("sui-sparkline", { data: this.data, accent: this.accent, min: this.scaleMin, max: this.scaleMax }) : null), this.delta || this.note ? (h("div", { class: "meta" }, h(TrendMark, { value: this.delta, direction: this.deltaDirection, severity: this.severity, note: this.note, unfavorable: localeText(undefined, 'stat-card.unfavorable', undefined, 'unfavorable') }))) : null, linked ? h("span", { class: "link" }, localeText(undefined, 'stat-card.link', this.linkLabel, 'View'), " ", '→') : null)));
     }
 };
 SuiStatCard.style = suiStatCardCss() + trendCss();

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, g as getElement, h, a as Host } from './index-ChCjmDsd.js';
 import { d as delegateFocus } from './form-control-DtXnoXGH.js';
-import { G as Glyph, r as check } from './glyphs-CCanZos8.js';
+import { G as Glyph, r as check } from './glyphs-Bz_EavVJ.js';
 import { b as hasDefaultContent, o as observeChildren, d as domChildren } from './slots-BWkzTEZX.js';
 import { l as localeText } from './locale-lWhwwQJ2.js';
 
@@ -18,7 +18,7 @@ const SuiStepper = class {
     get host() { return 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/esm/sui-tab.entry.js

@@ -13,7 +13,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');
@@ -21,7 +21,7 @@ const SuiTab = class {
             p.refresh();
     }
     render() {
-        return h(Host, { key: '9430d2031355f525dfba6dec45639eaf9a1c2cee' });
+        return h(Host, { key: '90419666339872f8e34f28622e34375cecea47e8' });
     }
     static get watchers() { return {
         "label": [{

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, g as getElement, h, a as Host } from './index-ChCjmDsd.js';
-import { G as Glyph, f as chevronLeft, k as chevronRight } from './glyphs-CCanZos8.js';
+import { G as Glyph, f as chevronLeft, k as chevronRight } from './glyphs-Bz_EavVJ.js';
 import { u as uid } from './id-U06fVoGD.js';
-import { i as inheritAriaLabel } from './aria-Cs2X0Kih.js';
+import { i as inheritAriaLabel } from './aria-BsRW1Q8k.js';
 import { o as observeChildren, b as hasDefaultContent, c as childFlag, e as childProp } from './slots-BWkzTEZX.js';
 import { l as localeText } from './locale-lWhwwQJ2.js';
 import { s as scrollStart, i as isRtl, a as setScrollStart } from './direction-GAnFXayY.js';
@@ -19,7 +19,7 @@ const SuiTabs = class {
         this.suiActiveChange = createEvent(this, "suiActiveChange", 3);
     }
     get host() { return 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';
@@ -308,7 +308,7 @@ const SuiTabs = class {
     render() {
         const tabs = this.tabs();
         const over = this.overflowing;
-        return (h(Host, { key: 'afbcdc129a88feab75faa02a05e8accb8dae8791', class: { stretch: this.stretch } }, h("div", { key: '25acaaf109804d22ae4e37465bcc813ba6cb0064', class: { strip: true, [this.variant]: true, stretch: this.stretch, overflowing: over } }, over ? (h("sui-icon-button", { key: "prev", class: { nav: true, prev: true, off: this.atStart }, size: "sm", noTabStop: true, "aria-label": localeText(undefined, 'tabs.showEarlierTabs', undefined, 'Show earlier tabs'), onClick: () => this.page(-1) }, h(Glyph, { glyph: chevronLeft }))) : null, h("div", { key: "bar", class: { bar: true, [this.variant]: true, stretch: this.stretch }, role: "tablist", "aria-label": this.hostLabel || undefined,
+        return (h(Host, { key: '93977ab51f659237c141a26966456039d4fb957a', class: { stretch: this.stretch } }, h("div", { key: '7e670023429bdbc8998ebc1a9cde9a1ab84632bd', class: { strip: true, [this.variant]: true, stretch: this.stretch, overflowing: over } }, over ? (h("sui-icon-button", { key: "prev", class: { nav: true, prev: true, off: this.atStart }, size: "sm", noTabStop: true, "aria-label": localeText(undefined, 'tabs.showEarlierTabs', undefined, 'Show earlier tabs'), onClick: () => this.page(-1) }, h(Glyph, { glyph: chevronLeft }))) : null, 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) => {
@@ -317,7 +317,7 @@ const SuiTabs = class {
             const badge = childProp(t, 'badge');
             const icon = childProp(t, 'icon');
             return (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 ? h("i", { class: icon, "aria-hidden": "true" }) : null, h("span", { class: "label" }, childProp(t, 'label') || ''), badge !== undefined && badge !== '' ? h("span", { class: "badge" }, String(badge)) : null));
-        }), this.variant === 'underline' ? h("span", { key: "indicator", class: "indicator", "aria-hidden": "true", ref: (el) => (this.indicator = el) }) : null), over ? (h("sui-icon-button", { key: "next", class: { nav: true, next: true, off: this.atEnd }, size: "sm", noTabStop: true, "aria-label": localeText(undefined, 'tabs.showLaterTabs', undefined, 'Show later tabs'), onClick: () => this.page(1) }, h(Glyph, { glyph: chevronRight }))) : null), h("div", { key: '8dd542c6f5baeec8203fe72f888caa38c47b7fd8', class: "panels", ref: (el) => (this.panels = el) }, h("slot", { key: '32ae3bea3ce80fe02965b946356825ecd58de1c0' }))));
+        }), this.variant === 'underline' ? h("span", { key: "indicator", class: "indicator", "aria-hidden": "true", ref: (el) => (this.indicator = el) }) : null), over ? (h("sui-icon-button", { key: "next", class: { nav: true, next: true, off: this.atEnd }, size: "sm", noTabStop: true, "aria-label": localeText(undefined, 'tabs.showLaterTabs', undefined, 'Show later tabs'), onClick: () => this.page(1) }, h(Glyph, { glyph: chevronRight }))) : null), h("div", { key: '5f9e34688bed29995d8f63f8d0b2b4d4038af999', class: "panels", ref: (el) => (this.panels = el) }, h("slot", { key: 'e69be455d47652ceee56925704621027d8efdb4d' }))));
     }
 };
 SuiTabs.style = suiTabsCss();

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

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

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, g as getElement, h, a as Host } from './index-ChCjmDsd.js';
 import { d as delegateFocus } from './form-control-DtXnoXGH.js';
-import { G as Glyph, I as terminal } from './glyphs-CCanZos8.js';
+import { G as Glyph, I as terminal } from './glyphs-Bz_EavVJ.js';
 import { l as localeText, a as localeFormat } from './locale-lWhwwQJ2.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)}`;
@@ -152,7 +152,7 @@ const SuiTerminal = class {
         this.historyAt = -1;
     };
     render() {
-        return (h(Host, { key: '4b22c4fafee7377a41ed9648620773e99cc81b40' }, h("div", { key: '7daefd8f7b600a233e193a39c365b13fd594ca2d', class: "sui-terminal", "data-code-selection": "true" }, h("div", { key: 'b17d6f56e9a7694aa84a54c95678b6b28271c9ce', class: "sui-terminal-head" }, h(Glyph, { key: '294687aa93cbc548587786067115e128190ee723', glyph: terminal }), h("span", { key: 'c45d06a9c7f734c47551c48361373d4b468a4214' }, localeText(undefined, 'terminal.adminConsole', undefined, 'ADMIN CONSOLE'))), 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() }, h("div", { key: '8682b90fd42d7f33bebec50114356cc27004ce97', role: "log", "aria-live": "polite" }, this.lines.map((l) => (h("div", { key: l.key, class: `line ${l.t}` }, l.t === 'in' ? `${this.prompt} ${l.text}` : l.text)))), h("div", { key: '0eb855e221fbb50eae1454c31622de16facef23b', class: "sui-terminal-row" }, h("span", { key: 'cdf29698dbac369a4368506799305309d3d886ab', class: "sui-terminal-prompt", "aria-hidden": "true" }, this.prompt), h("input", { key: '60106759af75fe29b3455f4a74b5ddeb377c9eeb', ref: (el) => (this.field = el), class: "sui-terminal-input", type: "text", value: this.input, "aria-label": localeText(undefined, 'terminal.consoleInput', undefined, 'Console input'), autocomplete: "off", spellcheck: false, onInput: this.onInput, onKeyDown: this.onKey }))))));
+        return (h(Host, { key: '2ba52aa66102f43103eb643e1b8c556cd029a3d2' }, h("div", { key: '0bbbb502c1b6e32ceb097889c6d42f1b271f988a', class: "sui-terminal", "data-code-selection": "true" }, h("div", { key: 'a88f5b3fa3b6950807d6c7648c4794bf94517c1c', class: "sui-terminal-head" }, h(Glyph, { key: '6a7cc393abdaafc6cb2d8f563ca051660ca17bf9', glyph: terminal }), h("span", { key: 'b74c850e1d9e8b8c15ee504914043bd88099e508' }, localeText(undefined, 'terminal.adminConsole', undefined, 'ADMIN CONSOLE'))), 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() }, h("div", { key: '15d3d29ccf3d02e4804e77cc3f939073c2ddc938', role: "log", "aria-live": "polite" }, this.lines.map((l) => (h("div", { key: l.key, class: `line ${l.t}` }, l.t === 'in' ? `${this.prompt} ${l.text}` : l.text)))), h("div", { key: 'b58eec90e91d8915fb748aa086e21eaa9c3a9d1b', class: "sui-terminal-row" }, h("span", { key: 'b0e498a8ad86ba38056f8ae2990428dc542f7dfe', class: "sui-terminal-prompt", "aria-hidden": "true" }, this.prompt), h("input", { key: 'd60e11fa91e54a645d3d84215ae3cefc2619665f', ref: (el) => (this.field = el), class: "sui-terminal-input", type: "text", value: this.input, "aria-label": localeText(undefined, 'terminal.consoleInput', undefined, 'Console input'), autocomplete: "off", spellcheck: false, onInput: this.onInput, onKeyDown: this.onKey }))))));
     }
     static get watchers() { return {
         "welcome": [{

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

@@ -1,11 +1,11 @@
 import { r as registerInstance, c as createEvent, g as getElement, h } from './index-ChCjmDsd.js';
-import { d as describedBy, F as FieldShell } from './field-shell-CEYVCg71.js';
+import { d as describedBy, F as FieldShell } from './field-shell-BNwQXVz7.js';
 import { u as uid } from './id-U06fVoGD.js';
 import { i as installFormControl, d as delegateFocus, s as setFormValue, r as requiredValidity } from './form-control-DtXnoXGH.js';
-import { i as inheritAriaLabel, a as inheritAriaLabelledby } from './aria-Cs2X0Kih.js';
+import { i as inheritAriaLabel, a as inheritAriaLabelledby } from './aria-BsRW1Q8k.js';
 import { i as inheritInputHints } from './input-hints-MsqFuhDd.js';
 import { f as formDisabledState } from './form-disabled-CGWvlrv_.js';
-import './glyphs-CCanZos8.js';
+import './glyphs-Bz_EavVJ.js';
 import './locale-lWhwwQJ2.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}`;
@@ -204,7 +204,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 (h(FieldShell, { key: '5c74ef9b185e3558cdfc800723ab3454f30dd31e', label: this.label, required: this.required, help: this.help, error: this.error, htmlFor: this.fieldId, descId: this.fieldId }, 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": [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 ? h("div", { class: "sui-textarea-count", id: `${this.fieldId}-count` }, this.value.length, " / ", this.maxLength) : null));
+        return (h(FieldShell, { key: 'f60d45a07da4306f894e0e533198665b1be521ff', label: this.label, required: this.required, help: this.help, error: this.error, htmlFor: this.fieldId, descId: this.fieldId }, 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": [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 ? 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/esm/sui-theme-picker.entry.js

@@ -1,14 +1,14 @@
 import { r as registerInstance, c as createEvent, g as getElement, f as forceUpdate, h, a as Host } from './index-ChCjmDsd.js';
-import { G as Glyph, a2 as lock, a3 as lockOpen, a4 as moon, a5 as sun, q as chevronDown, a6 as rightLeft, a7 as shuffle, X as rotateLeft } from './glyphs-CCanZos8.js';
-import { i as inheritAriaLabel } from './aria-Cs2X0Kih.js';
+import { G as Glyph, a2 as lock, a3 as lockOpen, a4 as moon, a5 as sun, q as chevronDown, a6 as rightLeft, a7 as shuffle, X as rotateLeft } from './glyphs-Bz_EavVJ.js';
+import { i as inheritAriaLabel } from './aria-BsRW1Q8k.js';
 import { u as uid } from './id-U06fVoGD.js';
-import { o as overlayExit, p as promote, a as onOutsidePointer, b as onReposition, k as applyPosition, j as positionOverlay, m as matchWidth, t as tabOutOfOverlay } from './overlay-q4EhLR9c.js';
+import { o as overlayExit, p as promote, a as onOutsidePointer, b as onReposition, k as applyPosition, j as positionOverlay, m as matchWidth, t as tabOutOfOverlay } from './overlay-CDCglLuo.js';
 import { f as focusables } from './focus-trap-8R5d4SBR.js';
-import { S as SHIPPED, e as NAMED_PRESETS, N as NEUTRAL_KEYS, p as parseHex, f as resolvedAccent, m as matchShipped, i as shufflePair, d as derive, n as neutralTones, g as NEUTRALS, j as accentCands } from './derive-BZHfNo5D.js';
-import { s as stopFollowingSystem, b as removeThemeSheet, T as THEME_MODES, c as resolveMode, d as clearTheme, w as writeTheme, f as followSystem } from './apply-Bu104ZJd.js';
+import { S as SHIPPED, e as NAMED_PRESETS, N as NEUTRAL_KEYS, p as parseHex, f as resolvedAccent, m as matchShipped, i as shufflePair, d as derive, n as neutralTones, g as NEUTRALS, j as accentCands } from './derive-CIj1hqWb.js';
+import { s as stopFollowingSystem, b as removeThemeSheet, T as THEME_MODES, c as resolveMode, d as clearTheme, w as writeTheme, f as followSystem } from './apply-B1SjhNbA.js';
 import { l as localeText } from './locale-lWhwwQJ2.js';
 import './direction-GAnFXayY.js';
-import './motion-DXIDl7cw.js';
+import './motion-CZ4DDtn8.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}}`;
 
@@ -41,12 +41,12 @@ const SuiThemePicker = class {
         this.suiThemeChange = createEvent(this, "suiThemeChange", 3);
     }
     get host() { return 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
@@ -54,7 +54,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. */
@@ -65,7 +65,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,
@@ -110,7 +110,7 @@ const SuiThemePicker = class {
     titleId = uid('sui-theme-picker-title');
     dialogId = 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;
@@ -286,7 +286,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;
@@ -923,7 +923,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) => {
@@ -945,7 +945,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));
@@ -1103,8 +1103,8 @@ const SuiThemePicker = class {
     render() {
         const compact = this.resolvedAppearance() === 'compact';
         const c = this.normalizeCurrent();
-        const labelled = !!this.showPresetName;
-        return (h(Host, { key: '373411d6f4702b058a1c8440f34f401d4402d9b4', class: { compact, panel: !compact, disabled: this.disabled }, onKeyDown: this.onKeyDown }, compact ? (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 }, h("span", { class: "face" }, this.dots(c.preset, true), labelled ? h("span", { class: "grow" }, this.namedOf(c.preset)) : null, h(Glyph, { glyph: chevronDown, class: "chev" })))) : null, (!compact || this.open || this.closing) ? (h("div", { ref: (el) => (this.layerEl = el), class: { layer: true, pop: compact } }, 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 ? h("h2", { class: "sr-only", id: this.titleId }, this.triggerName()) : null, this.renderControls()))) : null));
+        const labeled = !!this.showPresetName;
+        return (h(Host, { key: '38dc813ca97274ababa46e58322819ce86d9b742', class: { compact, panel: !compact, disabled: this.disabled }, onKeyDown: this.onKeyDown }, compact ? (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 }, h("span", { class: "face" }, this.dots(c.preset, true), labeled ? h("span", { class: "grow" }, this.namedOf(c.preset)) : null, h(Glyph, { glyph: chevronDown, class: "chev" })))) : null, (!compact || this.open || this.closing) ? (h("div", { ref: (el) => (this.layerEl = el), class: { layer: true, pop: compact } }, 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 ? h("h2", { class: "sr-only", id: this.titleId }, this.triggerName()) : null, this.renderControls()))) : null));
     }
     static get watchers() { return {
         "persist": [{

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

@@ -1,16 +1,16 @@
 import { r as registerInstance, c as createEvent, g as getElement, f as forceUpdate, h, a as Host } from './index-ChCjmDsd.js';
-import { n as needsDrill, N as NestedMenu } from './nested-menu-gaP2I1ds.js';
-import { a as focusMenuRow, i as isMenuEnabled, f as firstEnabled } from './menu-list-D0GUQkR5.js';
-import { l as listAtPath, p as positionFlyouts, h as hasSubmenu, m as menuTreeKey } from './menu-tree-ZewAkROv.js';
-import { b as onReposition, p as promote, a as onOutsidePointer } from './overlay-q4EhLR9c.js';
-import { t as tabOutOfMenu } from './menu-tab-Bndt5kgL.js';
+import { n as needsDrill, N as NestedMenu } from './nested-menu-CbG0TG-2.js';
+import { a as focusMenuRow, i as isMenuEnabled, f as firstEnabled } from './menu-list-BZuVcSyc.js';
+import { l as listAtPath, p as positionFlyouts, h as hasSubmenu, m as menuTreeKey } from './menu-tree-B8-ER6vJ.js';
+import { b as onReposition, p as promote, a as onOutsidePointer } from './overlay-CDCglLuo.js';
+import { t as tabOutOfMenu } from './menu-tab-Cn5GrszI.js';
 import { u as uid } from './id-U06fVoGD.js';
 import { d as delegateFocus } from './form-control-DtXnoXGH.js';
 import './locale-lWhwwQJ2.js';
-import './glyphs-CCanZos8.js';
+import './glyphs-Bz_EavVJ.js';
 import './direction-GAnFXayY.js';
 import './focus-trap-8R5d4SBR.js';
-import './motion-DXIDl7cw.js';
+import './motion-CZ4DDtn8.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}`;
 
@@ -295,7 +295,7 @@ const SuiTieredMenu = class {
     render() {
         this.menus = [];
         this.flyouts = [];
-        return (h(Host, { key: 'f33343222bf881c86335ae5c8023e2138c57e2ad' }, h("div", { key: '6079be116d138808fc20c8781d4037a35d3247ed', class: { root: true, card: this.variant === 'card' } }, h(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 (h(Host, { key: '2e3528d3d2e424322a60e8cac19b7217138f44a1' }, h("div", { key: '37e72a3c59f5f141c89e5d5207f7a813d9b4b64b', class: { root: true, card: this.variant === 'card' } }, h(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/esm/sui-timeline.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, h, a as Host } from './index-ChCjmDsd.js';
-import { G as Glyph, J as circleDotRegular } from './glyphs-CCanZos8.js';
-import { S as SEVERITY_GLYPH } from './severity-glyph-DDArrGx5.js';
+import { G as Glyph, J as circleDotRegular } from './glyphs-Bz_EavVJ.js';
+import { S as SEVERITY_GLYPH } from './severity-glyph-D2uJr1qG.js';
 import { S as SEVERITIES } from './severity-DRMr6xXH.js';
 import { c as callRender, m as mountContent } from './render-content-q0JbXN8q.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/esm/sui-toast-host.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, c as createEvent, g as getElement, h, a as Host } from './index-ChCjmDsd.js';
 import { r as resolveSeverity } from './severity-DRMr6xXH.js';
-import { G as Glyph, z as xmark } from './glyphs-CCanZos8.js';
-import { S as SEVERITY_GLYPH } from './severity-glyph-DDArrGx5.js';
+import { G as Glyph, z as xmark } from './glyphs-Bz_EavVJ.js';
+import { S as SEVERITY_GLYPH } from './severity-glyph-D2uJr1qG.js';
 import { l as localeText } from './locale-lWhwwQJ2.js';
-import { p as promote, o as overlayExit } from './overlay-q4EhLR9c.js';
-import { h as heldFocus } from './held-focus-23g1r0Yu.js';
+import { p as promote, o as overlayExit } from './overlay-CDCglLuo.js';
+import { h as heldFocus } from './held-focus-B2GkrGqH.js';
 import './direction-GAnFXayY.js';
 import './focus-trap-8R5d4SBR.js';
-import './motion-DXIDl7cw.js';
+import './motion-CZ4DDtn8.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}}`;
 
@@ -27,7 +27,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
@@ -327,8 +327,8 @@ const SuiToastHost = class {
     }
     render() {
         const position = POSITIONS.includes(this.position) ? this.position : 'top-right';
-        const line = (s) => (h("div", { key: s.id }, h("div", { key: 'ebd4b5c3aa90dba2c0dc7dda770cfbad8b5f540e' }, s.title), s.detail ? h("div", null, s.detail) : null));
-        return (h(Host, { key: 'd3141e0dfa14c835a5c09419cc5a3601f33d1e17' }, h("div", { key: '8a61d43a3f381ef034e1da34c26448377d99516a', class: "announce polite", role: "status", "aria-live": "polite", "aria-atomic": "false" }, this.spoken.filter((s) => !s.critical).map(line)), h("div", { key: 'cc2be11e48fd723ebbf52db98d72b72e8ea7ea30', class: "announce assertive", role: "alert", "aria-live": "assertive", "aria-atomic": "false" }, this.spoken.filter((s) => s.critical).map(line)), h("div", { key: '3e01c5238a2b12592faaf5b098b3f095439693d9', ref: (el) => (this.stack = el), class: `stack ${position}`, onFocusin: this.onStackFocusIn }, this.items.map((t) => {
+        const line = (s) => (h("div", { key: s.id }, h("div", { key: '8debd72bd4650f3bf27e220dd5da7f3800b81d68' }, s.title), s.detail ? h("div", null, s.detail) : null));
+        return (h(Host, { key: 'fe55edb367d5c75d056fbc397d52a31b67f59e34' }, h("div", { key: '65458211004f370dc879eead021c1109ffd5ef2c', class: "announce polite", role: "status", "aria-live": "polite", "aria-atomic": "false" }, this.spoken.filter((s) => !s.critical).map(line)), h("div", { key: '4908327fb8d5b0319435d390ff8204f1a4884628', class: "announce assertive", role: "alert", "aria-live": "assertive", "aria-atomic": "false" }, this.spoken.filter((s) => s.critical).map(line)), h("div", { key: 'b41b0d5cb29284457cbe745a7401de1a15c822e4', ref: (el) => (this.stack = el), class: `stack ${position}`, onFocusin: this.onStackFocusIn }, this.items.map((t) => {
             const sev = resolveSeverity(t.severity, 'info');
             const closing = this.leaving.includes(t.id);
             return (h("div", { key: t.id, ref: (el) => {

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, g as getElement, h } from './index-ChCjmDsd.js';
-import { d as describedBy, F as FieldShell } from './field-shell-CEYVCg71.js';
+import { d as describedBy, F as FieldShell } from './field-shell-BNwQXVz7.js';
 import { u as uid } from './id-U06fVoGD.js';
 import { i as installFormControl, d as delegateFocus, s as setFormValue, r as requiredValidity } from './form-control-DtXnoXGH.js';
 import { f as formDisabledState } from './form-disabled-CGWvlrv_.js';
 import { l as localeText } from './locale-lWhwwQJ2.js';
-import './glyphs-CCanZos8.js';
+import './glyphs-Bz_EavVJ.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}}`;
 
@@ -115,7 +115,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 (h(FieldShell, { key: '155361652d30c5eed271c7321ba773daf99bf9e9', help: this.help, error: this.error, descId: this.fieldId }, 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": describedBy(this.fieldId, this.help, this.error), disabled: this.isDisabled, onClick: this.onClick }, icon ? h("i", { class: `${icon} icon`, "aria-hidden": "true" }) : null, h("span", { key: '8d0d24863b88e1b58c950888516ca278cbb86e9d', class: "lbl" }, on ? this.onLabel() : localeText(undefined, 'toggle-button.labelOff', this.labelOff, 'Off')))));
+        return (h(FieldShell, { key: 'dc39e25791dccc9b7ae8a95c6acd092c4f4397e4', help: this.help, error: this.error, descId: this.fieldId }, 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": describedBy(this.fieldId, this.help, this.error), disabled: this.isDisabled, onClick: this.onClick }, icon ? h("i", { class: `${icon} icon`, "aria-hidden": "true" }) : null, h("span", { key: 'a8607cfef732fab72a5bb2d6e921fb0764eeba68', class: "lbl" }, on ? this.onLabel() : localeText(undefined, 'toggle-button.labelOff', this.labelOff, 'Off')))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, g as getElement, h } from './index-ChCjmDsd.js';
-import { d as describedBy, F as FieldShell } from './field-shell-CEYVCg71.js';
+import { d as describedBy, F as FieldShell } from './field-shell-BNwQXVz7.js';
 import { u as uid } from './id-U06fVoGD.js';
-import { i as inheritAriaLabel } from './aria-Cs2X0Kih.js';
+import { i as inheritAriaLabel } from './aria-BsRW1Q8k.js';
 import { i as installFormControl, d as delegateFocus, s as setFormValue, r as requiredValidity } from './form-control-DtXnoXGH.js';
 import { f as formDisabledState } from './form-disabled-CGWvlrv_.js';
-import './glyphs-CCanZos8.js';
+import './glyphs-Bz_EavVJ.js';
 import './locale-lWhwwQJ2.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}}`;
@@ -147,7 +147,7 @@ const SuiToggleSwitch = class {
         const described = [this.description ? `${this.fieldId}-desc` : null, 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 (h(FieldShell, { key: 'f30eec970970e0647fa2d1bfbb2212b531c62304', help: this.help, error: this.error, descId: this.fieldId }, h("label", { key: '090041f4a2989ed3c3661257de78e4bc8cf01e00', class: {
+        return (h(FieldShell, { key: 'f98662e910f898ab3b0b313891e523ddc5923522', help: this.help, error: this.error, descId: this.fieldId }, h("label", { key: '2c97f07243a496dc38d63c7777b99789c5be3318', class: {
                 'sui-switch': true,
                 [this.size]: true,
                 on,
@@ -157,7 +157,7 @@ const SuiToggleSwitch = class {
                 'has-desc': !!this.description,
                 'label-start': this.labelPos === 'start',
                 'has-knob-icon': !!glyph,
-            } }, h("span", { key: 'a08d9ed27d364c7b96ff40eb05609d6150075e51', class: "ctl" }, 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 }), h("span", { key: 'bcb9772b44b3a214eb84074af20e9c21366a1324', class: "track", "aria-hidden": "true" }, h("span", { key: 'e649105ce7a20007553efdcc695527b693748c65', class: "knob" }, glyph ? h("i", { class: glyph }) : null))), this.label || this.description ? (h("span", { class: "text" }, this.label ? (h("span", { class: "lbl" }, this.label, this.required ? h("span", { class: "sui-field-req", "aria-hidden": "true" }, "*") : null)) : null, this.description ? h("span", { class: "desc", id: `${this.fieldId}-desc` }, this.description) : null)) : null)));
+            } }, h("span", { key: 'c989fc44215ef128b38b0277b0d60d330602a9d2', class: "ctl" }, 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 }), h("span", { key: '0aa50a9f80eed31acd85ab4e8f8de1f58fdf57bb', class: "track", "aria-hidden": "true" }, h("span", { key: 'bccece745a8a4dce7035b5de08816e049964c25f', class: "knob" }, glyph ? h("i", { class: glyph }) : null))), this.label || this.description ? (h("span", { class: "text" }, this.label ? (h("span", { class: "lbl" }, this.label, this.required ? h("span", { class: "sui-field-req", "aria-hidden": "true" }, "*") : null)) : null, this.description ? h("span", { class: "desc", id: `${this.fieldId}-desc` }, this.description) : null)) : null)));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

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

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

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

@@ -1,11 +1,11 @@
 import { r as registerInstance, c as createEvent, g as getElement, h, a as Host } from './index-ChCjmDsd.js';
-import { o as overlayExit, b as onReposition, p as promote, f as onTopLayerChange, l as promotedWithin, k as applyPosition, j as positionOverlay } from './overlay-q4EhLR9c.js';
+import { o as overlayExit, b as onReposition, p as promote, f as onTopLayerChange, l as promotedWithin, k as applyPosition, j as positionOverlay } from './overlay-CDCglLuo.js';
 import { f as firstFocusable } from './anchor-1Pevse-X.js';
 import { h as hasSlotted, o as observeChildren } from './slots-BWkzTEZX.js';
 import { u as uid } from './id-U06fVoGD.js';
 import './direction-GAnFXayY.js';
 import './focus-trap-8R5d4SBR.js';
-import './motion-DXIDl7cw.js';
+import './motion-CZ4DDtn8.js';
 
 const suiTooltipCss = () => `.sc-sui-tooltip-h{display:inline-flex;position:relative;font-family:var(--font-sans)}.tip.sc-sui-tooltip{display:none;position:fixed;top:0;left:0;z-index:var(--z-tooltip);box-sizing:border-box;width:max-content;max-width:min(320px, calc(100vw - 16px));overflow-wrap:break-word;text-wrap:balance;font-family:var(--font-sans);font-size:11.5px;font-weight:620;line-height:1.3;padding:calc(6px - 0.15em) 9px;border-radius:6px;box-shadow:var(--shadow-pop);pointer-events:none;border:1px solid transparent}.tip.show.sc-sui-tooltip{display:inline-block;animation:sui-tooltip-in var(--duration-overlay) var(--ease-out)}.tip.show[data-side='bottom'].sc-sui-tooltip{animation-name:sui-tooltip-in-bottom}.tip.show[data-side='left'].sc-sui-tooltip{animation-name:sui-tooltip-in-left}.tip.show[data-side='right'].sc-sui-tooltip{animation-name:sui-tooltip-in-right}.tip.show.closing.sc-sui-tooltip{animation:sui-tooltip-out var(--duration-fast) var(--ease-out) forwards}.tip.brand.sc-sui-tooltip{background:var(--brand);color:var(--brand-contrast);border-color:transparent}.tip.light.sc-sui-tooltip{background:var(--surface-raised);color:var(--ink);border-color:var(--border)}@keyframes sui-tooltip-in{from{opacity:0;margin-top:4px}}@keyframes sui-tooltip-in-bottom{from{opacity:0;margin-top:-4px}}@keyframes sui-tooltip-in-left{from{opacity:0;margin-left:4px}}@keyframes sui-tooltip-in-right{from{opacity:0;margin-left:-4px}}@keyframes sui-tooltip-out{to{opacity:0}}@media (forced-colors: active){.tip.brand.sc-sui-tooltip,.tip.light.sc-sui-tooltip{border-color:CanvasText}}`;
 
@@ -303,7 +303,7 @@ const SuiTooltip = class {
     };
     render() {
         const visible = this.visible;
-        return (h(Host, { key: 'c2b806fa8cb59b97cdd534e5e6c929c24a344f1e', onMouseEnter: this.enter, onMouseLeave: this.leave, onFocusin: this.focusIn, onFocusout: this.focusOut }, h("slot", { key: '54a259d6aa71871c48b723ebf93c89d0dfc87cf7' }), h("span", { key: '3cf9600e29d6aba103a92194273a0dbcbe5bb40f', ref: (el) => (this.tip = el), id: this.fieldId, role: "tooltip", class: { tip: true, [this.capsuleTone]: true, show: visible || this.closing, closing: this.closing }, "aria-hidden": visible ? null : 'true' }, this.content, h("slot", { key: '2ab16a55c9bb969a66145c5ae5f5d910d05fa75e', name: "content" }))));
+        return (h(Host, { key: '566c9b3cce3ff2cae343afb51ef70eb471d2d828', onMouseEnter: this.enter, onMouseLeave: this.leave, onFocusin: this.focusIn, onFocusout: this.focusOut }, h("slot", { key: 'c91b9ad296ecce16529cda5982f2131820d00246' }), h("span", { key: 'e6c36ce6cc53fca76eb04c8ce1dad194386901e0', ref: (el) => (this.tip = el), id: this.fieldId, role: "tooltip", class: { tip: true, [this.capsuleTone]: true, show: visible || this.closing, closing: this.closing }, "aria-hidden": visible ? null : 'true' }, this.content, h("slot", { key: '29de9b98a960e9269705616c807dedfbe4f499f5', name: "content" }))));
     }
     static get watchers() { return {
         "open": [{

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, g as getElement, f as forceUpdate, h, a as Host } from './index-ChCjmDsd.js';
-import { G as Glyph, z as xmark } from './glyphs-CCanZos8.js';
-import { o as openModal } from './modal-Cc5uHI1g.js';
-import { i as escapeWhileOpen, o as overlayExit, p as promote, b as onReposition, k as applyPosition, j as positionOverlay } from './overlay-q4EhLR9c.js';
-import { s as scrollBehavior, r as reducedMotion } from './motion-DXIDl7cw.js';
+import { G as Glyph, z as xmark } from './glyphs-Bz_EavVJ.js';
+import { o as openModal } from './modal-DV56U4Ip.js';
+import { i as escapeWhileOpen, o as overlayExit, p as promote, b as onReposition, k as applyPosition, j as positionOverlay } from './overlay-CDCglLuo.js';
+import { s as scrollBehavior, r as reducedMotion } from './motion-CZ4DDtn8.js';
 import { l as localeText, a as localeFormat } from './locale-lWhwwQJ2.js';
 import './anchor-1Pevse-X.js';
 import './focus-trap-8R5d4SBR.js';