@shineuix/core 1.0.0 → 1.0.1

package/dist/esm/sui-input-otp.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 { l as localeText, a as localeFormat } from './locale-lWhwwQJ2.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 { f as formDisabledState } from './form-disabled-CGWvlrv_.js';
-import './glyphs-CCanZos8.js';
+import './glyphs-Bz_EavVJ.js';
 
 const suiInputOtpCss = () => `.sc-sui-input-otp-h{display:block;font-family:var(--font-sans)}.sui-otp.sc-sui-input-otp{display:flex;flex-wrap:wrap;gap:10px;direction:ltr}.sc-sui-input-otp-h:dir(rtl) .sui-otp.sc-sui-input-otp{justify-content:flex-end}.sui-otp.sm.sc-sui-input-otp{gap:8px}.sui-input.cell.sc-sui-input-otp{width:48px;height:56px;padding:0;text-align:center;font-size:22px;font-weight:700;font-feature-settings:'tnum';caret-color:var(--focus-ring)}.sui-input.cell.sm.sc-sui-input-otp{width:36px;height:40px;padding:0;font-size:16px}.sui-input.cell.md.sc-sui-input-otp{width:42px;height:48px;padding:0;font-size:18px}.sui-input.cell.lg.sc-sui-input-otp{width:48px;height:56px;padding:0;font-size:22px}`;
 
@@ -312,7 +312,7 @@ const SuiInputOtp = class {
         const desc = describedBy(this.fieldId, this.help, this.error);
         const size = SIZES.includes(this.size) ? this.size : 'md';
         this.inputs = [];
-        return (h(FieldShell, { key: '7bd6efecb1f07de3044524c1293d99c5fad93c5a', label: this.label, required: this.required, help: this.help, error: this.error, htmlFor: `${this.fieldId}-1`, descId: this.fieldId }, h("div", { key: '332e7ee7521b625ff5ef0b03ee0a663c88a587c6', class: { 'sui-otp': true, [size]: true }, role: "group", "aria-label": this.label || this.hostLabel || (this.hostLabelledby ? undefined : localeText(undefined, 'input-otp.oneTimeCode', undefined, 'One-time code')), "aria-labelledby": this.label ? undefined : this.hostLabelledby, "aria-describedby": desc, "aria-invalid": invalid ? 'true' : null, onFocusin: this.onFocusIn, onFocusout: this.onFocusOut }, this.cells.map((v, i) => (h("input", { key: i, id: i === 0 ? `${this.fieldId}-1` : undefined, ref: (el) => {
+        return (h(FieldShell, { key: '4a38d4d02878508e04adb11aab037fd4b9e9833e', label: this.label, required: this.required, help: this.help, error: this.error, htmlFor: `${this.fieldId}-1`, descId: this.fieldId }, h("div", { key: '94688e0bbcb8ca424c70856bdb84d09025ba0a3d', class: { 'sui-otp': true, [size]: true }, role: "group", "aria-label": this.label || this.hostLabel || (this.hostLabelledby ? undefined : localeText(undefined, 'input-otp.oneTimeCode', undefined, 'One-time code')), "aria-labelledby": this.label ? undefined : this.hostLabelledby, "aria-describedby": desc, "aria-invalid": invalid ? 'true' : null, onFocusin: this.onFocusIn, onFocusout: this.onFocusOut }, this.cells.map((v, i) => (h("input", { key: i, id: i === 0 ? `${this.fieldId}-1` : undefined, ref: (el) => {
                 if (el)
                     this.inputs[i] = el;
             }, class: { 'sui-input': true, 'sui-frame': true, cell: true, [size]: true, invalid }, type: this.masked ? 'password' : 'text', inputMode: this.alphanumeric ? 'text' : 'numeric', autocomplete: i === 0 ? 'one-time-code' : 'off', maxLength: 1, value: v, disabled: this.isDisabled, readOnly: this.readOnly, "aria-label": this.alphanumeric

package/dist/esm/sui-input-tags.entry.js

@@ -1,13 +1,13 @@
 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 { m as multiFormValue } from './form-multi-BE4gZZNA.js';
 import { l as listProp, k as keyText } from './options-4hLA9Kl1.js';
 import { a as localeFormat, l as localeText } from './locale-lWhwwQJ2.js';
-import { i as inheritAriaLabel, a as inheritAriaLabelledby } from './aria-Cs2X0Kih.js';
-import './glyphs-CCanZos8.js';
+import { i as inheritAriaLabel, a as inheritAriaLabelledby } from './aria-BsRW1Q8k.js';
+import './glyphs-Bz_EavVJ.js';
 
 const suiInputTagsCss = () => `.sc-sui-input-tags-h{display:block;font-family:var(--font-sans);min-inline-size:min(180px, 100%)}.sr-status.sc-sui-input-tags{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}`;
 

package/dist/esm/{sui-input-text-7vr8E8V7.js → sui-input-text-Dr1o9FBy.js}

@@ -1,11 +1,11 @@
 import { r as registerInstance, c as createEvent, g as getElement, h, a as Host } from './index-ChCjmDsd.js';
-import { F as FieldShell, d as describedBy } from './field-shell-CEYVCg71.js';
+import { F as FieldShell, d as describedBy } 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 suiInputTextCss = () => `.sc-sui-input-text-h{display:block;font-family:var(--font-sans)}`;

package/dist/esm/sui-input-text_2.entry.js

@@ -1,22 +1,22 @@
-export { SuiInputText as sui_input_text } from './sui-input-text-7vr8E8V7.js';
-export { SuiMultiSelect as sui_multi_select } from './sui-multi-select-DP58_94G.js';
+export { SuiInputText as sui_input_text } from './sui-input-text-Dr1o9FBy.js';
+export { SuiMultiSelect as sui_multi_select } from './sui-multi-select-CCO1bEmB.js';
 import './index-ChCjmDsd.js';
-import './field-shell-CEYVCg71.js';
-import './glyphs-CCanZos8.js';
+import './field-shell-BNwQXVz7.js';
+import './glyphs-Bz_EavVJ.js';
 import './id-U06fVoGD.js';
 import './form-control-DtXnoXGH.js';
 import './locale-lWhwwQJ2.js';
-import './aria-Cs2X0Kih.js';
+import './aria-BsRW1Q8k.js';
 import './input-hints-MsqFuhDd.js';
 import './form-disabled-CGWvlrv_.js';
-import './popup-rows-BJoWtcWR.js';
+import './popup-rows-CVG0i70m.js';
 import './form-multi-BE4gZZNA.js';
 import './options-4hLA9Kl1.js';
-import './overlay-q4EhLR9c.js';
+import './overlay-CDCglLuo.js';
 import './direction-GAnFXayY.js';
 import './focus-trap-8R5d4SBR.js';
-import './motion-DXIDl7cw.js';
-import './popup-surface-e-RPdWCn.js';
+import './motion-CZ4DDtn8.js';
+import './popup-surface--R2lfYaJ.js';
 import './virtual-Btp15dVO.js';
 import './render-content-q0JbXN8q.js';
 import './key-nav-Bt5Kx3zM.js';

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

@@ -19,7 +19,7 @@ const SuiKbd = class {
      */
     quiet = false;
     render() {
-        return (h(Host, { key: '822d0e4695959ad7a0a72c1cc9f130853c934cf3' }, h("kbd", { key: '7eb4d95af6355ce397f7c5c178338122a6473616', class: { 'sui-kbd': true, [this.size === 'sm' ? 'sm' : 'md']: true, inverse: this.tone === 'inverse', quiet: this.quiet } }, h("slot", { key: '301716f01a0b9d50a67371b5ec37be6e05a21334' }))));
+        return (h(Host, { key: 'fc8f631a3edfd62da8a344b7917d6dc802908637' }, h("kbd", { key: '49ed337f6689d9d514e0afaa8792daaaf87e9a24', class: { 'sui-kbd': true, [this.size === 'sm' ? 'sm' : 'md']: true, inverse: this.tone === 'inverse', quiet: this.quiet } }, h("slot", { key: 'b4d6fca2187b88620985ff69074151729b8fb761' }))));
     }
 };
 SuiKbd.style = suiKbdCss();

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

@@ -1,12 +1,12 @@
 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 { i as isRtl } from './direction-GAnFXayY.js';
 import { l as localeText } from './locale-lWhwwQJ2.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 fmtFigure, d as clamp } from './format-CZfiz5da.js';
+import { f as fmtFigure, d as clamp } from './format-CcjT1PHH.js';
 import { f as formDisabledState } from './form-disabled-CGWvlrv_.js';
-import './glyphs-CCanZos8.js';
+import './glyphs-Bz_EavVJ.js';
 
 const suiKnobCss = () => `.sc-sui-knob-h{display:inline-block;font-family:var(--font-sans)}.sui-field.sc-sui-knob{align-items:center}.sui-knob.sc-sui-knob{display:inline-flex;flex-direction:column;align-items:center;gap:8px}.dial.sc-sui-knob{--sui-knob-deg:0deg;display:flex;align-items:center;justify-content:center;border-radius:50%;background:conic-gradient(from 225deg, var(--brand) 0deg var(--sui-knob-deg), var(--brand-soft) var(--sui-knob-deg) 270deg, transparent 270deg 360deg);cursor:ns-resize;user-select:none;touch-action:none}.sui-knob.sc-sui-knob:not(.disabled):not(.read-only) .dial.sc-sui-knob:hover:not(:focus-visible){box-shadow:0 0 0 6px var(--surface-hover)}.sui-knob.dragging.sc-sui-knob:not(.disabled):not(.read-only) .dial.sc-sui-knob:not(:focus-visible),.sui-knob.sc-sui-knob:not(.disabled):not(.read-only) .dial.sc-sui-knob:active:not(:focus-visible){box-shadow:0 0 0 6px var(--surface-pressed)}.dial.sc-sui-knob:focus{outline:none}.dial.sc-sui-knob:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.invalid.sc-sui-knob:not(.disabled) .dial.sc-sui-knob{background:conic-gradient(from 225deg, var(--danger) 0deg var(--sui-knob-deg), var(--danger-soft) var(--sui-knob-deg) 270deg, transparent 270deg 360deg)}.invalid.sc-sui-knob .dial.sc-sui-knob:focus-visible{outline-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.disabled.sc-sui-knob .dial.sc-sui-knob,.read-only.sc-sui-knob .dial.sc-sui-knob{cursor:default}.disabled.sc-sui-knob .dial.sc-sui-knob{background:conic-gradient(from 225deg, var(--border-strong) 0deg var(--sui-knob-deg), var(--brand-soft) var(--sui-knob-deg) 270deg, transparent 270deg 360deg)}.face.sc-sui-knob{display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:50%;background:var(--surface);border:1px solid var(--hairline);font-family:var(--font-sans);font-weight:730;font-feature-settings:'tnum';color:var(--ink);line-height:1}.disabled.sc-sui-knob .face.sc-sui-knob{color:var(--disabled-ink)}.figure.sc-sui-knob{direction:ltr;unicode-bidi:plaintext}.label.sc-sui-knob{font-size:12px;font-weight:620;color:var(--ink-muted)}@media (forced-colors: active){.dial.sc-sui-knob,.invalid.sc-sui-knob:not(.disabled) .dial.sc-sui-knob{forced-color-adjust:none;background:conic-gradient(from 225deg, Highlight 0deg var(--sui-knob-deg), CanvasText var(--sui-knob-deg) 270deg, transparent 270deg 360deg)}.dial.sc-sui-knob:focus-visible{outline-color:Highlight;box-shadow:none}.face.sc-sui-knob{forced-color-adjust:auto}.disabled.sc-sui-knob .dial.sc-sui-knob{background:conic-gradient(from 225deg, GrayText 0deg var(--sui-knob-deg), Canvas var(--sui-knob-deg) 270deg, transparent 270deg 360deg)}.disabled.sc-sui-knob .face.sc-sui-knob{border-color:GrayText;color:GrayText}.disabled.sc-sui-knob .label.sc-sui-knob{color:GrayText}}`;
 
@@ -42,7 +42,7 @@ const SuiKnob = class {
     min = 0;
     /** Highest value. */
     max = 100;
-    /** Increment between values; drag positions and keyboard steps snap to it. Decimals are honoured.
+    /** Increment between values; drag positions and keyboard steps snap to it. Decimals are honored.
      *  A drag crosses the whole range in 150px whatever the step, so a coarse step lands on the grid
      *  without slowing the drag. */
     step = 1;
@@ -216,7 +216,7 @@ const SuiKnob = class {
         const pct = span > 0 ? clamp((this.num - this.min) / span, 0, 1) : 0;
         const deg = 270 * pct;
         const size = Math.max(0, this.diameter);
-        return (h(FieldShell, { key: '15234d94a00fa6742ef5a5295540fd116b84381f', help: this.help, error: this.error, descId: this.fieldId }, h("div", { key: '0786926eb0b9015c6cd3b28bc711170cfc34306c', class: { 'sui-knob': true, disabled: this.isDisabled, 'read-only': this.readOnly, invalid: !!this.error, dragging: this.dragging, empty } }, h("div", { key: '35a4fd0827707677af507a57bf10824d6a3f25d7', ref: (el) => (this.dial = el), class: "dial", role: "slider", tabIndex: this.isDisabled ? -1 : 0, "aria-label": this.label || undefined, "aria-valuenow": this.num, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuetext": empty ? localeText(undefined, 'knob.noValue', undefined, 'No value') : this.fmt(this.num), "aria-orientation": "vertical", "aria-disabled": this.isDisabled ? 'true' : null, "aria-readonly": this.readOnly ? 'true' : null, "aria-invalid": this.error ? 'true' : null, "aria-describedby": describedBy(this.fieldId, this.help, this.error), style: { width: `${size}px`, height: `${size}px`, '--sui-knob-deg': `${deg}deg` }, onPointerDown: this.onDown, onKeyDown: this.onKeyDown }, h("div", { key: 'a5e96f5da9888ecab99d7282f0a33b48071b9505', class: "face", style: { width: `${Math.max(0, size - 22)}px`, height: `${Math.max(0, size - 22)}px`, fontSize: `${size / 4.4}px` } }, empty ? null : h("span", { class: "figure" }, this.fmt(this.num)))), this.label ? (h("span", { class: "label" }, this.label, this.required ? h("span", { class: "sui-field-req", "aria-hidden": "true" }, "*") : null)) : null)));
+        return (h(FieldShell, { key: '768fb33418aeae58b820e1859f69bfc2e4b969d6', help: this.help, error: this.error, descId: this.fieldId }, h("div", { key: '336ec1f6e86e691293c1476c4f98884940168e31', class: { 'sui-knob': true, disabled: this.isDisabled, 'read-only': this.readOnly, invalid: !!this.error, dragging: this.dragging, empty } }, h("div", { key: 'c29eb2466e9a7809581a43979b1cf2a7a1aa4257', ref: (el) => (this.dial = el), class: "dial", role: "slider", tabIndex: this.isDisabled ? -1 : 0, "aria-label": this.label || undefined, "aria-valuenow": this.num, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuetext": empty ? localeText(undefined, 'knob.noValue', undefined, 'No value') : this.fmt(this.num), "aria-orientation": "vertical", "aria-disabled": this.isDisabled ? 'true' : null, "aria-readonly": this.readOnly ? 'true' : null, "aria-invalid": this.error ? 'true' : null, "aria-describedby": describedBy(this.fieldId, this.help, this.error), style: { width: `${size}px`, height: `${size}px`, '--sui-knob-deg': `${deg}deg` }, onPointerDown: this.onDown, onKeyDown: this.onKeyDown }, h("div", { key: '90c03c06a2a77109b530425e38a986afaa8015dd', class: "face", style: { width: `${Math.max(0, size - 22)}px`, height: `${Math.max(0, size - 22)}px`, fontSize: `${size / 4.4}px` } }, empty ? null : h("span", { class: "figure" }, this.fmt(this.num)))), this.label ? (h("span", { class: "label" }, this.label, this.required ? h("span", { class: "sui-field-req", "aria-hidden": "true" }, "*") : null)) : null)));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, c as createEvent, g as getElement, h, a as Host } from './index-ChCjmDsd.js';
-import { L as ListMarker, a as ListRowBody } from './list-row-CXHbmxZv.js';
-import { G as Glyph, s as magnifyingGlass } from './glyphs-CCanZos8.js';
+import { L as ListMarker, a as ListRowBody } from './list-row-Nzwdsh3G.js';
+import { G as Glyph, s as magnifyingGlass } from './glyphs-Bz_EavVJ.js';
 import { c as callRender, m as mountContent } from './render-content-q0JbXN8q.js';
-import { i as inheritAriaLabel } from './aria-Cs2X0Kih.js';
+import { i as inheritAriaLabel } from './aria-BsRW1Q8k.js';
 import { l as localeText } from './locale-lWhwwQJ2.js';
 import { u as uid } from './id-U06fVoGD.js';
 import { d as delegateFocus } from './form-control-DtXnoXGH.js';
-import './severity-glyph-DDArrGx5.js';
+import './severity-glyph-D2uJr1qG.js';
 
 const suiListCss = () => `.sc-sui-list-h{display:block;min-width:0;max-width:100%;box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);overflow-x:hidden}.search.sc-sui-list{padding:8px 8px 6px;margin-bottom:0}.scroll.sc-sui-list{overflow-x:hidden}.scroll[style].sc-sui-list{overflow-y:auto}.list.sc-sui-list{display:block;min-width:0}.item.sc-sui-list{display:block;min-width:0}.section.sc-sui-list{padding:10px 14px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint);user-select:none}[density='compact'].sc-sui-list-h .section.sc-sui-list{padding:7px 12px 3px}.row.sc-sui-list{position:relative;display:flex;align-items:flex-start;gap:10px;width:100%;min-width:0;box-sizing:border-box;margin:0;padding:10px var(--sui-inset-x, 14px);border:0;border-bottom:1px solid var(--hairline);background:transparent;color:var(--ink);text-align:start;text-decoration:none;font-family:var(--font-sans);cursor:pointer;user-select:none;outline:none;transition:background var(--duration-fast) var(--ease-out)}.row.sc-sui-list::before{content:'';position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:transparent;transition:background var(--duration-fast) var(--ease-out)}.list.sc-sui-list>.row.sc-sui-list:last-child,.list.sc-sui-list>[role='group'].sc-sui-list:last-child>.row.sc-sui-list:last-child,.list.sc-sui-list>[role='list'].sc-sui-list:last-child>.item.sc-sui-list:last-child>.row.sc-sui-list{border-bottom-color:transparent}a.row.sc-sui-list,a.row.sc-sui-list:hover,a.row.sc-sui-list:visited{color:var(--ink);text-decoration:none}.row.unread.sc-sui-list{background:var(--surface-sunken)}.row.sc-sui-list:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.row.selected.sc-sui-list{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected)}.row.selected.sc-sui-list:hover{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.row.selected.sc-sui-list::before{background:var(--accent)}.row.selected.sc-sui-list .title.sc-sui-list,a.row.selected.sc-sui-list,a.row.selected.sc-sui-list:hover{color:var(--ink)}.row.selected.sc-sui-list .detail.sc-sui-list,.row.selected.sc-sui-list .meta.sc-sui-list{color:var(--ink-muted)}.row.disabled.sc-sui-list,.row.sc-sui-list:disabled{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed;background:transparent}.row.disabled.sc-sui-list .title.sc-sui-list,.row.disabled.sc-sui-list .detail.sc-sui-list,.row.disabled.sc-sui-list .meta.sc-sui-list,.row.sc-sui-list:disabled .title.sc-sui-list,.row.sc-sui-list:disabled .detail.sc-sui-list,.row.sc-sui-list:disabled .meta.sc-sui-list{color:var(--disabled-ink)}.row.disabled.sc-sui-list .sev.sc-sui-list,.row.sc-sui-list:disabled .sev.sc-sui-list{background:var(--disabled-bg);color:var(--disabled-ink)}.row.sc-sui-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;z-index:1}.row.sc-sui-list:focus-visible::before{inset-block:2px 1px;inset-inline-start:2px}.row.custom.sc-sui-list{display:block}.body.sc-sui-list{display:block;min-width:0}[density='compact'].sc-sui-list-h .row.sc-sui-list{padding-block:6px;padding-inline:calc(var(--sui-inset-x, 14px) - 2px) var(--sui-inset-x, 12px);gap:8px}[density='compact'].sc-sui-list-h .sev.sc-sui-list{width:22px;height:22px;margin-top:0;margin-inline:2px}[density='compact'].sc-sui-list-h .sev.sc-sui-list i.sc-sui-list,[density='compact'].sc-sui-list-h .sev.sc-sui-list .sui-glyph.sc-sui-list{font-size:10px}[density='compact'].sc-sui-list-h .title.sc-sui-list{font-size:12px}[density='compact'].sc-sui-list-h .detail.sc-sui-list{font-size:11px;margin-top:0}[density='comfortable'].sc-sui-list-h .row.sc-sui-list{padding-block:14px}[density='comfortable'].sc-sui-list-h .section.sc-sui-list{padding-top:14px}.title.sc-sui-list,.detail.sc-sui-list{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title.sc-sui-list{display:block;flex:1;min-width:0}[wrap].sc-sui-list-h .title.sc-sui-list,[wrap].sc-sui-list-h .detail.sc-sui-list{white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip}[wrap].sc-sui-list-h .title-row.sc-sui-list{align-items:baseline}.empty.sc-sui-list{padding:26px 16px;text-align:center;font-size:12.5px;color:var(--ink-muted)}.skeleton.sc-sui-list{display:block}.row.skel.sc-sui-list{cursor:default;pointer-events:none}.row.skel.sc-sui-list .text.sc-sui-list{display:flex;flex-direction:column;gap:7px;padding-top:3px}@media (forced-colors: active){.list.sc-sui-list>.row.sc-sui-list:last-child,.list.sc-sui-list>[role='group'].sc-sui-list:last-child>.row.sc-sui-list:last-child,.list.sc-sui-list>[role='list'].sc-sui-list:last-child>.item.sc-sui-list:last-child>.row.sc-sui-list{border-bottom-color:Canvas}.row.selected.sc-sui-list::before{background:Highlight}.row.disabled.sc-sui-list{color:GrayText}.row.disabled.sc-sui-list .title.sc-sui-list,.row.disabled.sc-sui-list .detail.sc-sui-list,.row.disabled.sc-sui-list .meta.sc-sui-list{color:GrayText}.row.disabled.sc-sui-list .sev.sc-sui-list{border-color:GrayText;color:GrayText}}`;
 

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, g as getElement, f as forceUpdate, h } from './index-ChCjmDsd.js';
-import { d as describedBy, F as FieldShell } from './field-shell-CEYVCg71.js';
-import { p as popupRows, P as PopupLoading, a as PopupStatus } from './popup-rows-BJoWtcWR.js';
-import { G as Glyph, r as check, s as magnifyingGlass } from './glyphs-CCanZos8.js';
+import { d as describedBy, F as FieldShell } from './field-shell-BNwQXVz7.js';
+import { p as popupRows, P as PopupLoading, a as PopupStatus } from './popup-rows-CVG0i70m.js';
+import { G as Glyph, r as check, s as magnifyingGlass } from './glyphs-Bz_EavVJ.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';

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

@@ -1,19 +1,19 @@
 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 { G as Glyph, q as chevronDown, k as chevronRight } from './glyphs-CCanZos8.js';
+import { n as needsDrill, N as NestedMenu } from './nested-menu-CbG0TG-2.js';
+import { G as Glyph, q as chevronDown, k as chevronRight } from './glyphs-Bz_EavVJ.js';
 import { i as isRtl } from './direction-GAnFXayY.js';
 import { l as localeText } from './locale-lWhwwQJ2.js';
 import { F as FoldMeasure, i as itemsSignature, f as foldedRows, w as watchBar, r as readBar, c as columnRows } from './menu-fold-ES48zkCT.js';
-import { f as firstEnabled, l as lastEnabled, a as focusMenuRow, s as spaceFollowsLink, m as menuKey } from './menu-list-D0GUQkR5.js';
-import { p as positionFlyouts, h as hasSubmenu, l as listAtPath, m as menuTreeKey } from './menu-tree-ZewAkROv.js';
-import { t as tabOutOfMenu } from './menu-tab-Bndt5kgL.js';
-import { o as overlayExit, p as promote, a as onOutsidePointer, b as onReposition, k as applyPosition, j as positionOverlay } from './overlay-q4EhLR9c.js';
+import { f as firstEnabled, l as lastEnabled, a as focusMenuRow, s as spaceFollowsLink, m as menuKey } from './menu-list-BZuVcSyc.js';
+import { p as positionFlyouts, h as hasSubmenu, l as listAtPath, m as menuTreeKey } from './menu-tree-B8-ER6vJ.js';
+import { t as tabOutOfMenu } from './menu-tab-Cn5GrszI.js';
+import { o as overlayExit, p as promote, a as onOutsidePointer, b as onReposition, k as applyPosition, j as positionOverlay } from './overlay-CDCglLuo.js';
 import { f as hasSlot, o as observeChildren } from './slots-BWkzTEZX.js';
 import { u as uid } from './id-U06fVoGD.js';
 import { d as delegateFocus } 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 './focus-trap-8R5d4SBR.js';
-import './motion-DXIDl7cw.js';
+import './motion-CZ4DDtn8.js';
 
 const suiMegaMenuCss = () => `.sc-sui-mega-menu-h{display:block;font-family:var(--font-sans)}.wrap.sc-sui-mega-menu{position:relative}.bar.sc-sui-mega-menu{display:flex;align-items:center;gap:4px;height:50px;padding:0 12px;box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--ink)}.brand.sc-sui-mega-menu{display:flex;align-items:center;margin-inline-end:10px}.items.sc-sui-mega-menu{display:flex;align-items:center;gap:4px;flex:none}.spacer.sc-sui-mega-menu{flex:1}[orientation='vertical'].sc-sui-mega-menu-h .bar.sc-sui-mega-menu{flex-direction:column;align-items:stretch;height:auto;padding:8px;gap:2px}[orientation='vertical'].sc-sui-mega-menu-h .items.sc-sui-mega-menu{flex-direction:column;align-items:stretch;gap:2px}[orientation='vertical'].sc-sui-mega-menu-h .brand.sc-sui-mega-menu{margin:2px 5px 8px}[orientation='vertical'].sc-sui-mega-menu-h .spacer.sc-sui-mega-menu{flex:none;height:4px}[orientation='vertical'].sc-sui-mega-menu-h .item.sc-sui-mega-menu{justify-content:flex-start}[orientation='vertical'].sc-sui-mega-menu-h .chev.sc-sui-mega-menu{margin-inline-start:auto}[orientation='vertical'].sc-sui-mega-menu-h:dir(rtl) .chev.sc-sui-mega-menu{transform:scaleX(-1)}.item.sc-sui-mega-menu{height:34px;padding:0 13px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--ink-muted);font-size:13.5px;font-weight:550;font-family:var(--font-sans);line-height:1;cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;text-decoration:none;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}a.item.sc-sui-mega-menu,a.item.sc-sui-mega-menu:hover,a.item.sc-sui-mega-menu:visited{color:var(--ink-muted);text-decoration:none}.item.sc-sui-mega-menu:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.item.open.sc-sui-mega-menu{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);color:var(--brand-soft-ink);font-weight:650}.item.sc-sui-mega-menu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.top-icon.sc-sui-mega-menu{font-size:12px}.chev.sc-sui-mega-menu{font-size:9px;color:var(--ink-faint)}.panel.sc-sui-mega-menu{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);padding:18px 20px;color:var(--ink);display:grid;gap:20px;animation:sui-mega-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-mega-menu{animation-name:sui-mega-in-top}.panel[data-side='left'].sc-sui-mega-menu{animation-name:sui-mega-in-left}.panel[data-side='right'].sc-sui-mega-menu{animation-name:sui-mega-in-right}.panel.closing.sc-sui-mega-menu{animation:sui-mega-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-mega-in{from{opacity:0;margin-top:-4px}}@keyframes sui-mega-in-top{from{opacity:0;margin-top:4px}}@keyframes sui-mega-in-left{from{opacity:0;margin-left:4px}}@keyframes sui-mega-in-right{from{opacity:0;margin-left:-4px}}@keyframes sui-mega-out{to{opacity:0}}.panel.sc-sui-mega-menu:focus{outline:none}.more-menu.sc-sui-mega-menu{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;color:var(--ink);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);animation:sui-mega-in var(--duration-overlay) var(--ease-out)}.more-menu[data-side='top'].sc-sui-mega-menu{animation-name:sui-mega-in-top}.more-menu.closing.sc-sui-mega-menu{animation:sui-mega-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}.col-head.sc-sui-mega-menu{font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}.link.sc-sui-mega-menu{display:flex;gap:10px;padding:7px 8px;margin:0 -8px;border-radius:6px;background:transparent;cursor:pointer;user-select:none;outline:none;color:inherit;text-decoration:none;transition:background var(--duration-fast) var(--ease-out)}a.link.sc-sui-mega-menu,a.link.sc-sui-mega-menu:hover,a.link.sc-sui-mega-menu:visited{color:inherit;text-decoration:none}.link.active.sc-sui-mega-menu{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.link.sc-sui-mega-menu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.link-icon.sc-sui-mega-menu{font-size:13px;color:var(--ink-muted);width:17px;text-align:center;margin-top:2px;flex-shrink:0}.link-text.sc-sui-mega-menu{min-width:0}.link-label.sc-sui-mega-menu{font-size:13px;font-weight:650}.link-desc.sc-sui-mega-menu{font-size:11.5px;color:var(--ink-faint);margin-top:1px}@media (forced-colors: active){.item.open.sc-sui-mega-menu{forced-color-adjust:none;background:Highlight;color:HighlightText}.item.sc-sui-mega-menu:focus-visible{outline-color:CanvasText;box-shadow:none}.chev.sc-sui-mega-menu,.link-icon.sc-sui-mega-menu,.link-desc.sc-sui-mega-menu{color:inherit}.link.active.sc-sui-mega-menu{forced-color-adjust:none;background:Highlight;color:HighlightText}a.link.active.sc-sui-mega-menu{color:HighlightText}.link.sc-sui-mega-menu:focus-visible{outline-color:CanvasText;box-shadow:none}}`;
 

package/dist/esm/{sui-menu-802Zrn4L.js → sui-menu-ClpgKw8y.js}

@@ -1,11 +1,11 @@
 import { r as registerInstance, c as createEvent, g as getElement, h, a as Host } from './index-ChCjmDsd.js';
-import { m as menuKey, a as focusMenuRow, M as MenuList } from './menu-list-D0GUQkR5.js';
+import { m as menuKey, a as focusMenuRow, M as MenuList } from './menu-list-BZuVcSyc.js';
 import { f as hasSlot, o as observeChildren } from './slots-BWkzTEZX.js';
-import { i as inheritAriaLabel } from './aria-Cs2X0Kih.js';
+import { i as inheritAriaLabel } from './aria-BsRW1Q8k.js';
 import { d as delegateFocus } from './form-control-DtXnoXGH.js';
 import { u as uid } from './id-U06fVoGD.js';
 import './direction-GAnFXayY.js';
-import './glyphs-CCanZos8.js';
+import './glyphs-Bz_EavVJ.js';
 import './locale-lWhwwQJ2.js';
 
 const suiMenuCss = () => `.sc-sui-menu-h{display:block;font-family:var(--font-sans)}.box.sc-sui-menu{display:block;box-sizing:border-box;color:var(--ink)}.box.card.sc-sui-menu{display:inline-block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:none}.header.sc-sui-menu{padding:11px 15px 9px;border-bottom:1px solid var(--hairline);font-size:13px}`;

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

@@ -1,10 +1,10 @@
-export { SuiMenu as sui_menu } from './sui-menu-802Zrn4L.js';
+export { SuiMenu as sui_menu } from './sui-menu-ClpgKw8y.js';
 import './index-ChCjmDsd.js';
-import './menu-list-D0GUQkR5.js';
+import './menu-list-BZuVcSyc.js';
 import './direction-GAnFXayY.js';
-import './glyphs-CCanZos8.js';
+import './glyphs-Bz_EavVJ.js';
 import './slots-BWkzTEZX.js';
-import './aria-Cs2X0Kih.js';
+import './aria-BsRW1Q8k.js';
 import './form-control-DtXnoXGH.js';
 import './locale-lWhwwQJ2.js';
 import './id-U06fVoGD.js';

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

@@ -1,19 +1,19 @@
 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 { G as Glyph, q as chevronDown } from './glyphs-CCanZos8.js';
+import { n as needsDrill, N as NestedMenu } from './nested-menu-CbG0TG-2.js';
+import { G as Glyph, q as chevronDown } from './glyphs-Bz_EavVJ.js';
 import { i as isRtl } from './direction-GAnFXayY.js';
 import { l as localeText } from './locale-lWhwwQJ2.js';
 import { F as FoldMeasure, i as itemsSignature, f as foldedRows, w as watchBar, r as readBar } from './menu-fold-ES48zkCT.js';
-import { f as firstEnabled, l as lastEnabled, a as focusMenuRow, s as spaceFollowsLink } from './menu-list-D0GUQkR5.js';
-import { t as tabOutOfMenu } from './menu-tab-Bndt5kgL.js';
-import { p as positionFlyouts, h as hasSubmenu, l as listAtPath, m as menuTreeKey } from './menu-tree-ZewAkROv.js';
-import { o as overlayExit, p as promote, a as onOutsidePointer, b as onReposition, k as applyPosition, j as positionOverlay } from './overlay-q4EhLR9c.js';
+import { f as firstEnabled, l as lastEnabled, a as focusMenuRow, s as spaceFollowsLink } from './menu-list-BZuVcSyc.js';
+import { t as tabOutOfMenu } from './menu-tab-Cn5GrszI.js';
+import { p as positionFlyouts, h as hasSubmenu, l as listAtPath, m as menuTreeKey } from './menu-tree-B8-ER6vJ.js';
+import { o as overlayExit, p as promote, a as onOutsidePointer, b as onReposition, k as applyPosition, j as positionOverlay } from './overlay-CDCglLuo.js';
 import { f as hasSlot, o as observeChildren } from './slots-BWkzTEZX.js';
 import { u as uid } from './id-U06fVoGD.js';
 import { d as delegateFocus } 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 './focus-trap-8R5d4SBR.js';
-import './motion-DXIDl7cw.js';
+import './motion-CZ4DDtn8.js';
 
 const suiMenubarCss = () => `.sc-sui-menubar-h{display:block;font-family:var(--font-sans)}.bar.sc-sui-menubar{display:flex;align-items:center;gap:4px;height:50px;padding:0 12px;box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--ink)}.brand.sc-sui-menubar{display:flex;align-items:center;margin-inline-end:10px}.items.sc-sui-menubar{display:flex;align-items:center;gap:4px;flex:none}.top.sc-sui-menubar{position:relative}.spacer.sc-sui-menubar{flex:1}.item.sc-sui-menubar{height:34px;padding:0 13px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--ink-muted);font-size:13.5px;font-weight:550;font-family:var(--font-sans);line-height:1;cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;text-decoration:none;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}a.item.sc-sui-menubar,a.item.sc-sui-menubar:hover,a.item.sc-sui-menubar:visited{color:var(--ink-muted);text-decoration:none}.item.sc-sui-menubar:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.item.open.sc-sui-menubar{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);color:var(--brand-soft-ink);font-weight:650}.item.sc-sui-menubar:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.top-icon.sc-sui-menubar{font-size:12px}.chev.sc-sui-menubar{font-size:9px;color:var(--ink-faint)}.panel.sc-sui-menubar{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);animation:sui-menubar-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-menubar{animation-name:sui-menubar-in-top}.panel.closing.sc-sui-menubar{animation:sui-menubar-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-menubar-in{from{opacity:0;margin-top:-4px}}@keyframes sui-menubar-in-top{from{opacity:0;margin-top:4px}}@keyframes sui-menubar-out{to{opacity:0}}@media (forced-colors: active){.item.open.sc-sui-menubar{forced-color-adjust:none;background:Highlight;color:HighlightText}.item.sc-sui-menubar:focus-visible{outline-color:CanvasText;box-shadow:none}.chev.sc-sui-menubar{color:inherit}}`;
 

package/dist/esm/sui-message.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 { o as observeChildren, h as hasSlotted, d as domChildren, b as hasDefaultContent } from './slots-BWkzTEZX.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 { f as focusables } from './focus-trap-8R5d4SBR.js';
 
@@ -85,7 +85,7 @@ const SuiMessage = class {
         const ev = this.suiClose.emit('close-button');
         if (ev.defaultPrevented)
             return;
-        const next = byKeyboard ? this.neighbour() : undefined;
+        const next = byKeyboard ? this.neighbor() : undefined;
         this.host.setAttribute('hidden', '');
         next?.focus({ preventScroll: true });
     };
@@ -103,7 +103,7 @@ const SuiMessage = class {
      * page; focus moves instead to where Tab would have gone next, or back to where it came from
      * when the message was the last stop, so the reader keeps their place.
      */
-    neighbour() {
+    neighbor() {
         if (typeof document === 'undefined' || !document.body)
             return undefined;
         let all = [];
@@ -125,7 +125,7 @@ const SuiMessage = class {
         const mark = this.icon
             ? h("i", { class: `${this.icon} icon`, "aria-hidden": "true" })
             : h(Glyph, { glyph: SEVERITY_GLYPH[severity], class: "icon" });
-        return (h(Host, { key: 'baa8dc385ecf09acc1fa829491d734febaf23d95' }, h("div", { key: '81d50b5f22b543c9ad8833f70ca93bd2b264a720', class: { msg: true, [severity]: true }, role: critical ? 'alert' : 'status' }, mark, h("div", { key: 'f33edd3734b4c1494462a67be3aa9fb40b9c1c97', class: "body" }, this.heading ? h("div", { class: { heading: true, 'has-body': this.hasBody } }, this.heading) : null, h("div", { key: '34ef4e635ac2d55f4233d419f10f2e9efb054220', ref: (el) => (this.textEl = el), class: { text: true, empty: !this.hasBody } }, h("slot", { key: '346cec8fa92d52eca02c1b351ef722252d39a1a6' }))), this.hasAction ? h("span", { class: "action" }, h("slot", { name: "action" })) : null, this.closable ? (h("sui-icon-button", { class: "close", size: "sm", "aria-label": localeText(undefined, 'message.dismiss', undefined, 'Dismiss'), onPointerDown: this.onClosePointerDown, onClick: this.close }, h(Glyph, { glyph: xmark }))) : null)));
+        return (h(Host, { key: '5324bb99afff57112f5d52eae40c3cd67eaa4db2' }, h("div", { key: 'f0afd77bdf5766df60145c7646edf5d1edabd184', class: { msg: true, [severity]: true }, role: critical ? 'alert' : 'status' }, mark, h("div", { key: '3e6ebbc244d05e67f433ad111d3adfad7a93f0b2', class: "body" }, this.heading ? h("div", { class: { heading: true, 'has-body': this.hasBody } }, this.heading) : null, h("div", { key: '488bd43d9211f4ac51f551b6a383958da1385d14', ref: (el) => (this.textEl = el), class: { text: true, empty: !this.hasBody } }, h("slot", { key: '4d61ea938d07de0a2f29323c50b3d93396e19963' }))), this.hasAction ? h("span", { class: "action" }, h("slot", { name: "action" })) : null, this.closable ? (h("sui-icon-button", { class: "close", size: "sm", "aria-label": localeText(undefined, 'message.dismiss', undefined, 'Dismiss'), onPointerDown: this.onClosePointerDown, onClick: this.close }, h(Glyph, { glyph: xmark }))) : null)));
     }
 };
 SuiMessage.style = suiMessageCss();

package/dist/esm/sui-meter-group.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host } from './index-ChCjmDsd.js';
-import { r as rampAt } from './chart-core-DtaU8h4H.js';
-import { f as fmtFigure } from './format-CZfiz5da.js';
+import { r as rampAt } from './chart-core-DVpXheP2.js';
+import { f as fmtFigure } from './format-CcjT1PHH.js';
 import './locale-lWhwwQJ2.js';
 
 const suiMeterGroupCss = () => `.sc-sui-meter-group-h{display:block;font-family:var(--font-sans);color:var(--ink)}.sui-meter-group.sc-sui-meter-group{display:flex;flex-direction:column;gap:13px}.total.sc-sui-meter-group{display:flex;justify-content:space-between;align-items:baseline}.total-label.sc-sui-meter-group{font-size:13.5px;font-weight:700}.total-value.sc-sui-meter-group{font-size:12.5px;color:var(--ink-muted);font-feature-settings:'tnum'}.bar.sc-sui-meter-group{display:flex;overflow:hidden}.segment.sc-sui-meter-group{flex-shrink:0}.legend.sc-sui-meter-group{display:flex;flex-direction:column;gap:8px}.row.sc-sui-meter-group{display:flex;align-items:center;gap:8px;font-size:12.5px}.swatch.sc-sui-meter-group{width:9px;height:9px;border-radius:2px;flex-shrink:0}.row-label.sc-sui-meter-group{flex:1;color:var(--ink-muted)}.row-value.sc-sui-meter-group{font-weight:640;font-feature-settings:'tnum'}[orientation="vertical"].sc-sui-meter-group-h{height:100%}.sui-meter-group.vertical.sc-sui-meter-group{flex-direction:row;align-items:stretch;gap:16px;height:100%}.sui-meter-group.vertical.sc-sui-meter-group .bar.sc-sui-meter-group{flex-direction:column;flex-shrink:0;min-height:120px}.sui-meter-group.vertical.sc-sui-meter-group .segment.sc-sui-meter-group{width:100%}.side.sc-sui-meter-group{display:flex;flex-direction:column;gap:13px;flex:1;min-width:0}@media (forced-colors: active){.bar.sc-sui-meter-group{border:1px solid CanvasText}.segment.sc-sui-meter-group{forced-color-adjust:none;box-shadow:inset 0 0 0 1px CanvasText}.swatch.sc-sui-meter-group{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}}`;
@@ -28,7 +28,7 @@ const SuiMeterGroup = class {
      *  under it. `vertical` stands the bar up as a column that fills the height of the element or of
      *  its parent (give one of them a height, e.g. `style="height:180px"`; 120px is the floor),
      *  stacks the segments top to bottom in legend order, and puts the total and the legend beside
-     *  it. An unrecognised value falls back to `horizontal`. */
+     *  it. An unrecognized value falls back to `horizontal`. */
     orientation = 'horizontal';
     render() {
         const segments = Array.isArray(this.segments) ? this.segments : [];

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, g as getElement, h, a as Host } from './index-ChCjmDsd.js';
 import { d as delegateFocus } from './form-control-DtXnoXGH.js';
 import { r as rovingTabindex } from './behaviors-CaF9LDda.js';
-import { o as overlayExit } from './overlay-q4EhLR9c.js';
+import { o as overlayExit } from './overlay-CDCglLuo.js';
 import { o as observeChildren } from './slots-BWkzTEZX.js';
 import './locale-lWhwwQJ2.js';
 import './direction-GAnFXayY.js';
 import './focus-trap-8R5d4SBR.js';
-import './motion-DXIDl7cw.js';
+import './motion-CZ4DDtn8.js';
 
 const suiMiniToolbarCss = () => `.sc-sui-mini-toolbar-h{position:absolute;left:0;top:0;z-index:var(--z-dropdown);box-sizing:border-box;display:inline-flex;align-items:center;gap:2px;padding:4px;white-space:nowrap;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);font-family:var(--font-sans);color:var(--ink);animation:sui-mini-toolbar-in var(--duration-overlay) var(--ease-out)}.hidden.sc-sui-mini-toolbar-h{display:none}.closing.sc-sui-mini-toolbar-h{animation:sui-mini-toolbar-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-mini-toolbar-in{from{opacity:0;transform:translateY(4px)}}@keyframes sui-mini-toolbar-out{to{opacity:0}}`;
 
@@ -82,7 +82,7 @@ const SuiMiniToolbar = class {
         this.disposeRoving = rovingTabindex(this.host, ROVING, 'horizontal');
     }
     render() {
-        return (h(Host, { key: 'b7e5cb8d8520e76c4fa3ca7df31b88b134da959d', role: "toolbar", class: { hidden: !this.open && !this.closing, closing: this.closing }, inert: this.closing, "aria-hidden": this.open ? null : 'true', style: { left: `${Number(this.x) || 0}px`, top: `${Number(this.y) || 0}px` } }, h("slot", { key: '9dcad9e1aecf2e86a7a25a6af8fb59ba6f9e1efb' })));
+        return (h(Host, { key: 'f99a3f1159c7233f014d265220396ddd748e5150', role: "toolbar", class: { hidden: !this.open && !this.closing, closing: this.closing }, inert: this.closing, "aria-hidden": this.open ? null : 'true', style: { left: `${Number(this.x) || 0}px`, top: `${Number(this.y) || 0}px` } }, h("slot", { key: '9bd890a80350c47f0a5692ce058129b75c8a7681' })));
     }
     static get watchers() { return {
         "open": [{

package/dist/esm/{sui-multi-select-DP58_94G.js → sui-multi-select-CCO1bEmB.js}

@@ -1,22 +1,22 @@
 import { r as registerInstance, c as createEvent, g as getElement, f as forceUpdate, h } from './index-ChCjmDsd.js';
-import { d as describedBy, F as FieldShell } from './field-shell-CEYVCg71.js';
-import { P as PopupLoading, p as popupRows, a as PopupStatus } from './popup-rows-BJoWtcWR.js';
-import { G as Glyph, z as xmark, a as circleNotch, q as chevronDown, s as magnifyingGlass } from './glyphs-CCanZos8.js';
-import { i as inheritAriaLabel } from './aria-Cs2X0Kih.js';
+import { d as describedBy, F as FieldShell } from './field-shell-BNwQXVz7.js';
+import { P as PopupLoading, p as popupRows, a as PopupStatus } from './popup-rows-CVG0i70m.js';
+import { G as Glyph, z as xmark, a as circleNotch, q as chevronDown, s as magnifyingGlass } from './glyphs-Bz_EavVJ.js';
+import { i as inheritAriaLabel } from './aria-BsRW1Q8k.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 { m as multiFormValue } from './form-multi-BE4gZZNA.js';
 import { o as optionRuns, l as listProp, f as flattenOptions, h as hasKey, s as sameKey } from './options-4hLA9Kl1.js';
-import { m as matchWidth, k as applyPosition, j as positionOverlay } from './overlay-q4EhLR9c.js';
-import { p as popupSurface, f as focusAfterPass } from './popup-surface-e-RPdWCn.js';
+import { m as matchWidth, k as applyPosition, j as positionOverlay } from './overlay-CDCglLuo.js';
+import { p as popupSurface, f as focusAfterPass } from './popup-surface--R2lfYaJ.js';
 import { S as SuiPopupMetrics, r as rowWindow, v as virtualRuns, s as scrollTopFor } from './virtual-Btp15dVO.js';
 import { l as localeText, a as localeFormat } from './locale-lWhwwQJ2.js';
 import { m as mountContent, c as callRender } from './render-content-q0JbXN8q.js';
 import { d as drivesList, p as pointerSpot } from './key-nav-Bt5Kx3zM.js';
 import './direction-GAnFXayY.js';
 import './focus-trap-8R5d4SBR.js';
-import './motion-DXIDl7cw.js';
+import './motion-CZ4DDtn8.js';
 
 const suiMultiSelectCss = () => `.sc-sui-multi-select-h{display:block;font-family:var(--font-sans);min-width:0}.sui-multi-select.sc-sui-multi-select{position:relative}.sui-multi-select.inline.sc-sui-multi-select{display:flex;align-items:flex-start}.sui-popup-trigger.trigger.sc-sui-multi-select{height:auto;min-height:var(--sui-field-height, var(--control-md));padding-block:4px;padding-inline:6px 10px;flex-wrap:nowrap;gap:4px}.sui-popup-trigger.trigger.sm.sc-sui-multi-select{height:auto;min-height:var(--sui-field-height, var(--control-sm));padding-block:2px}.sui-popup-trigger.trigger.md.sc-sui-multi-select{height:auto;min-height:var(--sui-field-height, var(--control-md))}.sui-popup-trigger.trigger.lg.sc-sui-multi-select{height:auto;min-height:var(--sui-field-height, var(--control-lg))}.trigger.disabled.sc-sui-multi-select{cursor:not-allowed}.trigger.readonly.sc-sui-multi-select:not(.disabled){cursor:default}.chips.sc-sui-multi-select{flex:1;display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-width:0}.chips.sc-sui-multi-select sui-chip.sc-sui-multi-select{max-width:100%;min-width:0;overflow:hidden}.placeholder-text.sc-sui-multi-select{color:var(--ink-placeholder);padding-inline-start:6px}.trigger.disabled.sc-sui-multi-select .placeholder-text.sc-sui-multi-select{color:var(--ink-placeholder)}.more.sc-sui-multi-select{font-size:11.5px;font-weight:650;color:var(--ink-muted);padding:2px 4px;white-space:nowrap}.chev.sc-sui-multi-select,.spin.sc-sui-multi-select,.clear.sc-sui-multi-select{flex-shrink:0}.sui-multi-select.sc-sui-multi-select .sui-inline.sc-sui-multi-select{gap:4px}.sui-inline.sc-sui-multi-select .placeholder-text.sc-sui-multi-select{color:var(--ink-muted);padding-inline-start:0}.sui-inline.disabled.sc-sui-multi-select .placeholder-text.sc-sui-multi-select{color:var(--ink-placeholder)}.all.sc-sui-multi-select{padding:2px 4px 6px;border-bottom:1px solid var(--hairline);margin-bottom:4px;cursor:pointer}.all-box.sc-sui-multi-select{display:flex;padding:4px 6px;border-radius:var(--radius-sm)}.all.hover.sc-sui-multi-select .all-box.sc-sui-multi-select{background:var(--surface-hover)}.all.sc-sui-multi-select sui-checkbox.sc-sui-multi-select{pointer-events:none}.opt.sc-sui-multi-select{display:flex;align-items:center;gap:9px;padding:4px 6px;border-radius:var(--radius-sm);cursor:pointer}.opt.hover.sc-sui-multi-select{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.opt.keynav.sc-sui-multi-select,.all.keynav.sc-sui-multi-select .all-box.sc-sui-multi-select{outline:2px solid var(--focus-ring);outline-offset:-2px}.opt.disabled.sc-sui-multi-select{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);cursor:not-allowed}.opt.sc-sui-multi-select sui-checkbox.sc-sui-multi-select{pointer-events:none;display:flex;flex-shrink:0}.opt.sc-sui-multi-select .lbl.sc-sui-multi-select{min-width:0;font-size:12.5px;font-weight:550;line-height:1.3;color:var(--ink)}.opt.disabled.sc-sui-multi-select .lbl.sc-sui-multi-select{color:var(--disabled-ink)}.opt.sc-sui-multi-select .lbl.custom.sc-sui-multi-select{display:flex;align-items:center;gap:8px}.opt.sc-sui-multi-select .icon.sc-sui-multi-select{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.opt.disabled.sc-sui-multi-select .icon.sc-sui-multi-select{color:var(--ink-placeholder)}.opt.sc-sui-multi-select .opt-text.sc-sui-multi-select{min-width:0;display:flex;flex-direction:column;gap:1px}.opt.sc-sui-multi-select .opt-desc.sc-sui-multi-select{font-size:12px;font-weight:460;line-height:1.3;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opt.disabled.sc-sui-multi-select .opt-desc.sc-sui-multi-select{color:var(--ink-placeholder)}@media (forced-colors: active){.placeholder-text.sc-sui-multi-select{color:GrayText}.all.hover.sc-sui-multi-select .all-box.sc-sui-multi-select,.opt.hover.sc-sui-multi-select{outline:2px solid CanvasText;outline-offset:-2px}.opt.disabled.sc-sui-multi-select .lbl.sc-sui-multi-select,.opt.disabled.sc-sui-multi-select .icon.sc-sui-multi-select,.opt.disabled.sc-sui-multi-select .opt-desc.sc-sui-multi-select{color:GrayText}}`;
 
@@ -115,7 +115,7 @@ const SuiMultiSelect = class {
     variant = 'default';
     /**
      * Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover
-     * wash and the inverse focus colour, as `sui-button`'s tone of the same name does, so the value
+     * wash and the inverse focus color, as `sui-button`'s tone of the same name does, so the value
      * reads on a `tone="brand"` toolbar. Opening the field shows its shell in the card's own inks. The
      * default variant ignores it.
      */
@@ -610,12 +610,12 @@ const SuiMultiSelect = class {
         const triggerClass = inline
             ? { 'sui-inline': true, [size]: true, open: this.open, shell: this.open, invalid, placeholder: selOpts.length === 0, disabled: this.isDisabled, readonly: this.readOnly, inverse: this.tone === 'inverse' }
             : { 'sui-popup-trigger': true, 'sui-frame': true, trigger: true, [size]: true, focus: this.focused, open: this.open, invalid, placeholder: selOpts.length === 0, disabled: this.isDisabled, readonly: this.readOnly };
-        return (h(FieldShell, { key: '13f5f69dd8e98705440f6c069d26a29e05a20967', label: inline ? undefined : this.label, required: this.required, help: this.help, error: this.error, htmlFor: this.fieldId, descId: this.fieldId }, h("div", { key: '6ff8b2f8b80c7bf5d8c46394edce016b4e5a8acd', class: { 'sui-multi-select': true, open: this.open, inline }, onKeyDown: this.onKeyDown }, h("div", { key: '2c31bb89205b4d51c20bf032c447ceb9e1514842', ref: (el) => (this.trigger = el), id: this.fieldId, class: triggerClass, role: "combobox", tabIndex: this.isDisabled ? -1 : 0, "aria-label": this.label || this.hostLabel, "aria-haspopup": "listbox", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `${this.fieldId}-list`, "aria-activedescendant": activeId, "aria-disabled": this.isDisabled ? 'true' : null, "aria-invalid": invalid ? 'true' : null, "aria-required": this.required ? 'true' : null, "aria-readonly": this.readOnly ? 'true' : null, "aria-describedby": describedBy(this.fieldId, this.help, this.error), "aria-keyshortcuts": canClear ? 'Delete' : null, "aria-busy": this.loading ? 'true' : null, onClick: this.onTriggerClick, onFocus: () => (this.focused = true), onBlur: () => (this.focused = false) }, h("span", { key: '5a37d4b2f0e8a41e2926273adaf5f5e5dc222134', class: "chips" }, selOpts.length === 0 ? h("span", { class: "val placeholder-text" }, localeText(undefined, 'multi-select.placeholder', this.placeholder, 'Select')) : null, selOpts.slice(0, this.maxChips).map((o) => (h("sui-chip", { size: "sm", key: o.value, label: o.label, icon: o.icon, removable: !this.readOnly, disabled: this.isDisabled, onSuiRemove: (e) => { e.stopPropagation(); this.toggle(o); } }))), selOpts.length > this.maxChips ? h("span", { class: "more" }, localeFormat(undefined, 'multi-select.more', undefined, '+{count} more', { count: selOpts.length - this.maxChips })) : null), canClear ? (h("span", { class: "clear", "aria-hidden": "true", onClick: this.clear }, h(Glyph, { glyph: xmark }))) : null, this.loading
+        return (h(FieldShell, { key: '6a07ed117bb50585038154309d9756d31ce77462', label: inline ? undefined : this.label, required: this.required, help: this.help, error: this.error, htmlFor: this.fieldId, descId: this.fieldId }, h("div", { key: 'c94a66b8f8b190c5144fb3c23e294f32cd133981', class: { 'sui-multi-select': true, open: this.open, inline }, onKeyDown: this.onKeyDown }, h("div", { key: '27e6507e6bbab4acd7d8a9726856ff20fd34cea3', ref: (el) => (this.trigger = el), id: this.fieldId, class: triggerClass, role: "combobox", tabIndex: this.isDisabled ? -1 : 0, "aria-label": this.label || this.hostLabel, "aria-haspopup": "listbox", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `${this.fieldId}-list`, "aria-activedescendant": activeId, "aria-disabled": this.isDisabled ? 'true' : null, "aria-invalid": invalid ? 'true' : null, "aria-required": this.required ? 'true' : null, "aria-readonly": this.readOnly ? 'true' : null, "aria-describedby": describedBy(this.fieldId, this.help, this.error), "aria-keyshortcuts": canClear ? 'Delete' : null, "aria-busy": this.loading ? 'true' : null, onClick: this.onTriggerClick, onFocus: () => (this.focused = true), onBlur: () => (this.focused = false) }, h("span", { key: 'a7a21435f54e42e9f30fc78ad2be58be89bd3eb1', class: "chips" }, selOpts.length === 0 ? h("span", { class: "val placeholder-text" }, localeText(undefined, 'multi-select.placeholder', this.placeholder, 'Select')) : null, selOpts.slice(0, this.maxChips).map((o) => (h("sui-chip", { size: "sm", key: o.value, label: o.label, icon: o.icon, removable: !this.readOnly, disabled: this.isDisabled, onSuiRemove: (e) => { e.stopPropagation(); this.toggle(o); } }))), selOpts.length > this.maxChips ? h("span", { class: "more" }, localeFormat(undefined, 'multi-select.more', undefined, '+{count} more', { count: selOpts.length - this.maxChips })) : null), canClear ? (h("span", { class: "clear", "aria-hidden": "true", onClick: this.clear }, h(Glyph, { glyph: xmark }))) : null, this.loading
             ? h(Glyph, { glyph: circleNotch, class: "spin sui-popup-spin" })
             : h(Glyph, { glyph: chevronDown, class: "chev" })), this.open || this.closing ? (h("div", { key: "panel", ref: (el) => (this.panel = el), class: { 'sui-popup-panel': true, panel: true, closing: this.closing }, inert: this.closing, role: "presentation", onScroll: this.onPanelScroll, onKeyDown: this.onPanelKey, ...{ onSuiChange: stop } }, this.filter ? (h("div", { class: "sui-popup-search" }, h("div", { class: "sui-popup-search-box sui-frame" }, h(Glyph, { glyph: magnifyingGlass }), h("input", { ref: (el) => (this.filterInput = el), type: "text", placeholder: localeText(undefined, 'multi-select.search', undefined, 'Search'), "aria-label": localeText(undefined, 'multi-select.searchOptions', undefined, 'Search options'), "aria-controls": `${this.fieldId}-list`, "aria-activedescendant": activeId, value: this.query, onInput: (e) => { this.query = e.target.value; this.hoverIdx = 0; this.resetScroll(); } })))) : null, this.loading ? h(PopupLoading, { message: loadingText }) : null, !this.loading && list.length === 0 ? h("div", { key: "empty", class: "sui-popup-empty" }, emptyText) : null, h("div", { key: "list", id: `${this.fieldId}-list`, role: "listbox", "aria-multiselectable": "true", "aria-label": this.label || this.hostLabel, "aria-busy": this.loading ? 'true' : null }, this.loading ? null : [
             h("div", { id: `${this.fieldId}-all`, role: "option", "aria-label": localeText(undefined, 'multi-select.selectAll', undefined, 'Select all'), "aria-selected": allSelected ? 'true' : 'false', class: { all: true, hover: this.hoverIdx === ALL_ROW, keynav: this.keyNav && this.hoverIdx === ALL_ROW }, onMouseEnter: () => (this.hoverIdx = ALL_ROW), onClick: () => this.toggleAll() }, h("sui-checkbox", { ...{ inert: true }, class: "all-box", label: localeText(undefined, 'multi-select.selectAll', undefined, 'Select all'), size: "sm", checked: allSelected, indeterminate: someSelected, disabled: this.isDisabled })),
             popupRows(runs, win, (r) => `${this.fieldId}-grp-${r}`, (o, i) => this.renderRow(o, i, vals, list.length)),
-        ]))) : null, h(PopupStatus, { key: 'e335ff4a7d868fba896b0cf9e141609f9367fc21', message: !this.open ? '' : this.loading ? loadingText : list.length === 0 ? emptyText : '' }))));
+        ]))) : null, h(PopupStatus, { key: '7f18f7a7a0703d4afd69a053b43388c5371d5d11', message: !this.open ? '' : this.loading ? loadingText : list.length === 0 ? emptyText : '' }))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/esm/sui-notification-center.entry.js

@@ -1,18 +1,18 @@
 import { r as registerInstance, c as createEvent, g as getElement, f as forceUpdate, h, a as Host } from './index-ChCjmDsd.js';
 import { d as delegateFocus } from './form-control-DtXnoXGH.js';
-import { i as escapeWhileOpen, o as overlayExit, p as promote, a as onOutsidePointer, b as onReposition, k as applyPosition, j as positionOverlay, t as tabOutOfOverlay } from './overlay-q4EhLR9c.js';
+import { i as escapeWhileOpen, o as overlayExit, p as promote, a as onOutsidePointer, b as onReposition, k as applyPosition, j as positionOverlay, t as tabOutOfOverlay } from './overlay-CDCglLuo.js';
 import { f as firstFocusable } from './anchor-1Pevse-X.js';
 import { u as uid } from './id-U06fVoGD.js';
 import { a as localeFormat, l as localeText } from './locale-lWhwwQJ2.js';
-import { a as ListRowBody, L as ListMarker } from './list-row-CXHbmxZv.js';
-import { G as Glyph, _ as bellRegular, z as xmark, $ as bellSlashRegular } from './glyphs-CCanZos8.js';
+import { a as ListRowBody, L as ListMarker } from './list-row-Nzwdsh3G.js';
+import { G as Glyph, _ as bellRegular, z as xmark, $ as bellSlashRegular } from './glyphs-Bz_EavVJ.js';
 import './direction-GAnFXayY.js';
 import './focus-trap-8R5d4SBR.js';
-import './motion-DXIDl7cw.js';
+import './motion-CZ4DDtn8.js';
 import './slots-BWkzTEZX.js';
-import './severity-glyph-DDArrGx5.js';
+import './severity-glyph-D2uJr1qG.js';
 
-const suiNotificationCenterCss = () => `.sc-sui-notification-center-h{position:relative;display:inline-flex;font-family:var(--font-sans);color:var(--ink)}.bell.sc-sui-notification-center{position:relative;box-sizing:border-box;width:36px;height:36px;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink-muted);cursor:pointer;box-shadow:none;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.bell.sc-sui-notification-center .sui-glyph.sc-sui-notification-center{font-size:14px}.bell.sc-sui-notification-center:hover{background:linear-gradient(var(--surface-hover) 0 0) var(--surface)}.bell.sc-sui-notification-center:active{background:linear-gradient(var(--surface-pressed) 0 0) var(--surface)}.bell.open.sc-sui-notification-center{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-soft-ink)}.bell.sc-sui-notification-center:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.panel.sc-sui-notification-center{position:fixed;top:0;left:0;z-index:var(--z-overlay);box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);overflow:hidden;text-align:start;font-family:var(--font-sans);color:var(--ink);animation:sui-notification-center-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-notification-center{animation-name:sui-notification-center-in-top}.panel.closing.sc-sui-notification-center{animation:sui-notification-center-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-notification-center-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-notification-center-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-notification-center-out{to{opacity:0}}.head.sc-sui-notification-center{display:flex;align-items:center;gap:10px;padding:12px 14px 9px}.heading.sc-sui-notification-center{flex:1;font-size:13.5px;font-weight:700}.mark-all.sc-sui-notification-center{appearance:none;margin:0;padding:0;border:0;background:transparent;font-family:var(--font-sans);font-size:11.5px;font-weight:620;color:var(--link);cursor:pointer}.mark-all.sc-sui-notification-center:hover:not(:disabled){text-decoration:underline}.mark-all.sc-sui-notification-center:disabled{color:var(--disabled-ink);cursor:default}.tabs.sc-sui-notification-center{display:flex;gap:6px;padding:0 14px 10px;border-bottom:1px solid var(--hairline)}.tab.sc-sui-notification-center{appearance:none;margin:0;box-sizing:border-box;height:26px;padding:0 12px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--ink-muted);font-family:var(--font-sans);font-size:11.5px;font-weight:650;font-feature-settings:'tnum';cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.tab.sc-sui-notification-center:hover:not(.on){background:var(--surface-raised-hover)}.tab.on.sc-sui-notification-center{background:var(--brand);border-color:var(--brand);color:var(--brand-contrast)}.list.sc-sui-notification-center{overflow-y:auto}.empty.sc-sui-notification-center{padding:26px 16px;text-align:center}.empty.sc-sui-notification-center .sui-glyph.sc-sui-notification-center{font-size:16px;color:var(--ink-faint)}.empty-title.sc-sui-notification-center{font-size:12.5px;font-weight:650;margin-top:8px}.empty-note.sc-sui-notification-center{font-size:11.5px;color:var(--ink-faint);margin-top:2px}.row.sc-sui-notification-center{position:relative;display:flex;align-items:flex-start;gap:4px;padding-block:0;padding-inline:0 8px;border-bottom:1px solid var(--hairline);background:transparent;transition:background var(--duration-fast) var(--ease-out)}.row.unread.sc-sui-notification-center{--ink-faint:var(--ink-muted)}.row.unread.sc-sui-notification-center::before{content:'';position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--accent-mark)}.row.sc-sui-notification-center:hover,.row.sc-sui-notification-center:focus-within{--ink-faint:var(--ink-muted);background:var(--surface-raised-hover)}.body.sc-sui-notification-center{appearance:none;flex:1;min-width:0;margin:0;border:0;background:transparent;cursor:pointer;display:flex;gap:10px;align-items:flex-start;padding-block:10px;padding-inline:14px 6px;text-align:start;font-family:var(--font-sans);color:var(--ink)}.body.sc-sui-notification-center:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.dismiss.sc-sui-notification-center{appearance:none;margin:10px 0 0;padding:2px;border:0;background:transparent;flex-shrink:0;color:var(--ink-faint);cursor:pointer;opacity:0;border-radius:var(--radius-xs);transition:opacity var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.dismiss.sc-sui-notification-center .sui-glyph.sc-sui-notification-center{font-size:11px}.row.sc-sui-notification-center:hover .dismiss.sc-sui-notification-center,.row.sc-sui-notification-center:focus-within .dismiss.sc-sui-notification-center,.dismiss.sc-sui-notification-center:focus-visible{opacity:1}.dismiss.sc-sui-notification-center:hover{color:var(--ink)}.dismiss.sc-sui-notification-center:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.view-all.sc-sui-notification-center{appearance:none;display:block;width:100%;margin:0;border:0;border-top:1px solid var(--hairline);background:var(--surface-sunken);padding:9px;font-family:var(--font-sans);font-size:12px;font-weight:650;color:var(--link);cursor:pointer}.view-all.sc-sui-notification-center:hover{text-decoration:underline}.view-all.sc-sui-notification-center:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}@media (forced-colors: active){.bell.open.sc-sui-notification-center{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:HighlightText;outline-color:CanvasText;box-shadow:none}.tab.on.sc-sui-notification-center{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:HighlightText;outline-color:CanvasText;box-shadow:none}}`;
+const suiNotificationCenterCss = () => `.sc-sui-notification-center-h{position:relative;display:inline-flex;font-family:var(--font-sans);color:var(--ink)}[align].sc-sui-notification-center-h{text-align:inherit}.bell.sc-sui-notification-center{position:relative;box-sizing:border-box;width:36px;height:36px;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink-muted);cursor:pointer;box-shadow:none;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.bell.sc-sui-notification-center .sui-glyph.sc-sui-notification-center{font-size:14px}.bell.sc-sui-notification-center:hover{background:linear-gradient(var(--surface-hover) 0 0) var(--surface)}.bell.sc-sui-notification-center:active{background:linear-gradient(var(--surface-pressed) 0 0) var(--surface)}.bell.open.sc-sui-notification-center{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-soft-ink)}.bell.sc-sui-notification-center:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.panel.sc-sui-notification-center{position:fixed;top:0;left:0;z-index:var(--z-overlay);box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);overflow:hidden;text-align:start;font-family:var(--font-sans);color:var(--ink);animation:sui-notification-center-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-notification-center{animation-name:sui-notification-center-in-top}.panel.closing.sc-sui-notification-center{animation:sui-notification-center-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-notification-center-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-notification-center-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-notification-center-out{to{opacity:0}}.head.sc-sui-notification-center{display:flex;align-items:center;gap:10px;padding:12px 14px 9px}.heading.sc-sui-notification-center{flex:1;font-size:13.5px;font-weight:700}.mark-all.sc-sui-notification-center{appearance:none;margin:0;padding:0;border:0;background:transparent;font-family:var(--font-sans);font-size:11.5px;font-weight:620;color:var(--link);cursor:pointer}.mark-all.sc-sui-notification-center:hover:not(:disabled){text-decoration:underline}.mark-all.sc-sui-notification-center:disabled{color:var(--disabled-ink);cursor:default}.tabs.sc-sui-notification-center{display:flex;gap:6px;padding:0 14px 10px;border-bottom:1px solid var(--hairline)}.tab.sc-sui-notification-center{appearance:none;margin:0;box-sizing:border-box;height:26px;padding:0 12px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--ink-muted);font-family:var(--font-sans);font-size:11.5px;font-weight:650;font-feature-settings:'tnum';cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.tab.sc-sui-notification-center:hover:not(.on){background:var(--surface-raised-hover)}.tab.on.sc-sui-notification-center{background:var(--brand);border-color:var(--brand);color:var(--brand-contrast)}.list.sc-sui-notification-center{overflow-y:auto}.empty.sc-sui-notification-center{padding:26px 16px;text-align:center}.empty.sc-sui-notification-center .sui-glyph.sc-sui-notification-center{font-size:16px;color:var(--ink-faint)}.empty-title.sc-sui-notification-center{font-size:12.5px;font-weight:650;margin-top:8px}.empty-note.sc-sui-notification-center{font-size:11.5px;color:var(--ink-faint);margin-top:2px}.row.sc-sui-notification-center{position:relative;display:flex;align-items:flex-start;gap:4px;padding-block:0;padding-inline:0 8px;border-bottom:1px solid var(--hairline);background:transparent;transition:background var(--duration-fast) var(--ease-out)}.row.unread.sc-sui-notification-center{--ink-faint:var(--ink-muted)}.row.unread.sc-sui-notification-center::before{content:'';position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--accent-mark)}.row.sc-sui-notification-center:hover,.row.sc-sui-notification-center:focus-within{--ink-faint:var(--ink-muted);background:var(--surface-raised-hover)}.body.sc-sui-notification-center{appearance:none;flex:1;min-width:0;margin:0;border:0;background:transparent;cursor:pointer;display:flex;gap:10px;align-items:flex-start;padding-block:10px;padding-inline:14px 6px;text-align:start;font-family:var(--font-sans);color:var(--ink)}.body.sc-sui-notification-center:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.dismiss.sc-sui-notification-center{appearance:none;margin:10px 0 0;padding:2px;border:0;background:transparent;flex-shrink:0;color:var(--ink-faint);cursor:pointer;opacity:0;border-radius:var(--radius-xs);transition:opacity var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.dismiss.sc-sui-notification-center .sui-glyph.sc-sui-notification-center{font-size:11px}.row.sc-sui-notification-center:hover .dismiss.sc-sui-notification-center,.row.sc-sui-notification-center:focus-within .dismiss.sc-sui-notification-center,.dismiss.sc-sui-notification-center:focus-visible{opacity:1}.dismiss.sc-sui-notification-center:hover{color:var(--ink)}.dismiss.sc-sui-notification-center:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.view-all.sc-sui-notification-center{appearance:none;display:block;width:100%;margin:0;border:0;border-top:1px solid var(--hairline);background:var(--surface-sunken);padding:9px;font-family:var(--font-sans);font-size:12px;font-weight:650;color:var(--link);cursor:pointer}.view-all.sc-sui-notification-center:hover{text-decoration:underline}.view-all.sc-sui-notification-center:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}@media (forced-colors: active){.bell.open.sc-sui-notification-center{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:HighlightText;outline-color:CanvasText;box-shadow:none}.tab.on.sc-sui-notification-center{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:HighlightText;outline-color:CanvasText;box-shadow:none}}`;
 
 const listRowCss = () => `.sev.sc-sui-notification-center{width:26px;height:26px;border-radius:50%;flex-shrink:0;margin-top:1px;display:inline-flex;align-items:center;justify-content:center}.sev.sc-sui-notification-center i.sc-sui-notification-center,.sev.sc-sui-notification-center .sui-glyph.sc-sui-notification-center{font-size:11px}.sev.positive.sc-sui-notification-center{background:var(--status-positive-bg);color:var(--status-positive-ink)}.sev.attention.sc-sui-notification-center{background:var(--status-attention-bg);color:var(--status-attention-ink)}.sev.critical.sc-sui-notification-center{background:var(--danger-soft);color:var(--danger)}.sev.info.sc-sui-notification-center{background:var(--surface-sunken);color:var(--ink-muted)}.sev.neutral.sc-sui-notification-center{background:var(--status-neutral-bg);color:var(--status-neutral-ink)}.sev.icon.sc-sui-notification-center{background:var(--surface-sunken);color:var(--ink-muted)}.sui-list-avatar.sc-sui-notification-center{flex-shrink:0;margin-top:1px}.text.sc-sui-notification-center{flex:1;min-width:0}.title-row.sc-sui-notification-center{display:flex;align-items:center;gap:6px;min-width:0}.title.sc-sui-notification-center{font-size:12.5px;font-weight:620;min-width:0}.unread.sc-sui-notification-center .title.sc-sui-notification-center{font-weight:700}.dot.sc-sui-notification-center{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-inline-start:auto}.meta.sc-sui-notification-center{flex-shrink:0;margin-inline-start:auto;font-size:11px;color:var(--ink-muted);font-feature-settings:'tnum';white-space:nowrap}.dot.sc-sui-notification-center+.sr-only.sc-sui-notification-center+.meta.sc-sui-notification-center,.dot.sc-sui-notification-center+.meta.sc-sui-notification-center{margin-inline-start:0}.detail.sc-sui-notification-center{display:block;font-size:11.5px;color:var(--ink-muted);line-height:1.45;margin-top:1px}.time.sc-sui-notification-center{display:block;font-size:10.5px;color:var(--ink-faint);margin-top:3px;font-feature-settings:'tnum'}.sr-only.sc-sui-notification-center{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (forced-colors: active){.sev.sc-sui-notification-center{box-sizing:border-box;border:1px solid CanvasText}.dot.sc-sui-notification-center{background:CanvasText}}`;