@shineuix/core 1.0.0 → 1.0.1

package/dist/esm/sui-order-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 { G as Glyph, U as gripVertical, r as check, aj as anglesUp, o as chevronUp, q as chevronDown, ak as anglesDown, s as magnifyingGlass, ab as minus } from './glyphs-CCanZos8.js';
-import { r as reorderItemMatches, s as sameKeys, R as ReorderRowBody } from './list-selection-bShwKe5e.js';
+import { G as Glyph, U as gripVertical, r as check, aj as anglesUp, o as chevronUp, q as chevronDown, ak as anglesDown, s as magnifyingGlass, ab as minus } from './glyphs-Bz_EavVJ.js';
+import { r as reorderItemMatches, s as sameKeys, R as ReorderRowBody } from './list-selection-DKTfSVmj.js';
 import { u as uid } from './id-U06fVoGD.js';
-import { d as clamp } from './format-CZfiz5da.js';
+import { d as clamp } from './format-CcjT1PHH.js';
 import { l as localeText, a as localeFormat } from './locale-lWhwwQJ2.js';
 import { d as delegateFocus } from './form-control-DtXnoXGH.js';
-import './list-row-CXHbmxZv.js';
-import './severity-glyph-DDArrGx5.js';
+import './list-row-Nzwdsh3G.js';
+import './severity-glyph-D2uJr1qG.js';
 
 const suiOrderListCss = () => `.sc-sui-order-list-h{display:block;font-family:var(--font-sans);color:var(--ink)}.wrap.sc-sui-order-list{display:flex;gap:10px;align-items:stretch}.main.sc-sui-order-list{flex:1;min-width:0;position:relative}`;
 
@@ -45,7 +45,7 @@ const SuiOrderList = class {
     /** Hides the click controls; pointer drag and the keyboard lift remain. Reflected. */
     dragOnly = false;
     /** `single` picks one row at a time. `checkbox` draws a box on every row under a select-all
-     *  header, and the four controls carry the whole ticked set at once. Spelled as on `sui-tree`,
+     *  header, and the four controls carry the whole checked set at once. Spelled as on `sui-tree`,
      *  which names the same two ways of picking rows. Reflected. */
     selectionMode = 'single';
     /** Shows the filter box above the list. It narrows what is drawn (by label, description and
@@ -153,12 +153,12 @@ const SuiOrderList = class {
     select(i) {
         this.setSel(i < 0 ? [] : [i]);
     }
-    /** Checkbox mode: adds or removes one row from the ticked set, keeping it in list order. */
+    /** Checkbox mode: adds or removes one row from the checked set, keeping it in list order. */
     toggle(i) {
         const cur = this.sel();
         this.setSel(cur.includes(i) ? cur.filter((x) => x !== i) : cur.concat([i]));
     }
-    /** Select-all header: ticks every row the filter shows, or clears them when they are all ticked. */
+    /** Select-all header: checks every row the filter shows, or clears them when they are all checked. */
     toggleAll = () => {
         const vis = this.visible();
         if (!vis.length)
@@ -177,7 +177,7 @@ const SuiOrderList = class {
         next.splice(to, 0, it);
         return next;
     }
-    /** True when the ticked rows already sit together at one end, so that edge's controls are spent. */
+    /** True when the checked rows already sit together at one end, so that edge's controls are spent. */
     packed(end) {
         const p = this.sel();
         const n = this.list().length;
@@ -376,9 +376,9 @@ const SuiOrderList = class {
         const dragging = this.dragIdx !== -1;
         const drags = !this.noDrag;
         const tabRow = this.tabRow();
-        const ticked = vis.filter((i) => picked.includes(i)).length;
-        const allOn = vis.length > 0 && ticked === vis.length;
-        const some = ticked > 0 && !allOn;
+        const checked = vis.filter((i) => picked.includes(i)).length;
+        const allOn = vis.length > 0 && checked === vis.length;
+        const some = checked > 0 && !allOn;
         const held = this.filtering || this.loading;
         const seen = {};
         const rows = [];
@@ -409,11 +409,11 @@ const SuiOrderList = class {
             });
         if (dragging && this.overIdx === list.length)
             rows.push(h("li", { class: "sui-rl-dropline", role: "presentation", key: "dlend" }));
-        return (h(Host, { key: 'fb4815cbb5d1360d2066ca6c75c0e93eaf42494e' }, h("div", { key: '57e3a79d964e24e7700087dd8bed7a35d103098d', class: "wrap" }, !this.dragOnly ? (h("div", { class: "sui-rl-ctrls" }, this.ctrl(anglesUp, localeText(undefined, 'order-list.moveToTop', undefined, 'Move to top'), () => this.move('top'), held || this.packed('top')), this.ctrl(chevronUp, localeText(undefined, 'order-list.moveUp', undefined, 'Move up'), () => this.move('up'), held || this.packed('top')), this.ctrl(chevronDown, localeText(undefined, 'order-list.moveDown', undefined, 'Move down'), () => this.move('down'), held || this.packed('bottom')), this.ctrl(anglesDown, localeText(undefined, 'order-list.moveToBottom', undefined, 'Move to bottom'), () => this.move('bottom'), held || this.packed('bottom')))) : null, h("div", { key: '5187c5d85e762006486a8436ec1889baec4c3e8d', class: "main" }, this.heading ? h("div", { class: "sui-rl-header", id: `${this.fieldId}-h` }, this.heading) : null, this.filter ? (h("div", { class: "sui-rl-filter sui-frame" }, h(Glyph, { glyph: magnifyingGlass }), h("input", { type: "text", placeholder: localeText(undefined, 'order-list.filterPlaceholder', undefined, 'Filter'), "aria-label": filterName, value: this.query, onInput: (e) => (this.query = e.target.value) }))) : null, boxes ? (h("button", { type: "button", class: "sui-rl-all", role: "checkbox", "aria-checked": allOn ? 'true' : some ? 'mixed' : 'false', disabled: vis.length === 0, onClick: this.toggleAll }, h("span", { class: { 'sui-rl-box': true, on: allOn, mixed: some }, "aria-hidden": "true" }, allOn ? h(Glyph, { glyph: check }) : null, some ? h(Glyph, { glyph: minus }) : null), h("span", null, localeText(undefined, 'order-list.selectAll', undefined, 'Select all')))) : null, h("ol", { key: 'b8e12bcb8eac713b19234ccb6334e1b4f9b7f12a', class: "sui-rl-shell", role: "listbox", "aria-multiselectable": boxes ? 'true' : null, "aria-labelledby": this.heading ? `${this.fieldId}-h` : null, "aria-describedby": standIn ? `${this.fieldId}-empty ${this.fieldId}-hint` : `${this.fieldId}-hint`, "aria-busy": this.loading ? 'true' : null, style: { maxHeight: `${this.height}px` }, onDragOver: drags && !held ? (e) => e.preventDefault() : undefined, onDrop: drags && !held ? this.onDrop : undefined }, standIn ? h("li", { class: "sui-rl-empty empty", id: `${this.fieldId}-empty`, role: "presentation", "aria-hidden": "true" }, standIn) : null, rows), h("div", { key: '9142ec5a246968c1da2b0dc44c27bafe5d2ae34d', class: "sui-rl-live", id: `${this.fieldId}-hint` }, this.filtering
+        return (h(Host, { key: '22335d634b34b82b3fc9e2fd7ccbf6c83e9632a7' }, h("div", { key: '72c0fcaf558856a6ad242c1059f3a5ddd6bcb3fa', class: "wrap" }, !this.dragOnly ? (h("div", { class: "sui-rl-ctrls" }, this.ctrl(anglesUp, localeText(undefined, 'order-list.moveToTop', undefined, 'Move to top'), () => this.move('top'), held || this.packed('top')), this.ctrl(chevronUp, localeText(undefined, 'order-list.moveUp', undefined, 'Move up'), () => this.move('up'), held || this.packed('top')), this.ctrl(chevronDown, localeText(undefined, 'order-list.moveDown', undefined, 'Move down'), () => this.move('down'), held || this.packed('bottom')), this.ctrl(anglesDown, localeText(undefined, 'order-list.moveToBottom', undefined, 'Move to bottom'), () => this.move('bottom'), held || this.packed('bottom')))) : null, h("div", { key: '98c6d5c99f2dd3d6aa38a9281fcbef1a02a1cb72', class: "main" }, this.heading ? h("div", { class: "sui-rl-header", id: `${this.fieldId}-h` }, this.heading) : null, this.filter ? (h("div", { class: "sui-rl-filter sui-frame" }, h(Glyph, { glyph: magnifyingGlass }), h("input", { type: "text", placeholder: localeText(undefined, 'order-list.filterPlaceholder', undefined, 'Filter'), "aria-label": filterName, value: this.query, onInput: (e) => (this.query = e.target.value) }))) : null, boxes ? (h("button", { type: "button", class: "sui-rl-all", role: "checkbox", "aria-checked": allOn ? 'true' : some ? 'mixed' : 'false', disabled: vis.length === 0, onClick: this.toggleAll }, h("span", { class: { 'sui-rl-box': true, on: allOn, mixed: some }, "aria-hidden": "true" }, allOn ? h(Glyph, { glyph: check }) : null, some ? h(Glyph, { glyph: minus }) : null), h("span", null, localeText(undefined, 'order-list.selectAll', undefined, 'Select all')))) : null, h("ol", { key: '8190804259da240258706d3dae3215e377ff1305', class: "sui-rl-shell", role: "listbox", "aria-multiselectable": boxes ? 'true' : null, "aria-labelledby": this.heading ? `${this.fieldId}-h` : null, "aria-describedby": standIn ? `${this.fieldId}-empty ${this.fieldId}-hint` : `${this.fieldId}-hint`, "aria-busy": this.loading ? 'true' : null, style: { maxHeight: `${this.height}px` }, onDragOver: drags && !held ? (e) => e.preventDefault() : undefined, onDrop: drags && !held ? this.onDrop : undefined }, standIn ? h("li", { class: "sui-rl-empty empty", id: `${this.fieldId}-empty`, role: "presentation", "aria-hidden": "true" }, standIn) : null, rows), h("div", { key: '6b193dc245c0ce5eeaf5945041e9612248087a62', class: "sui-rl-live", id: `${this.fieldId}-hint` }, this.filtering
             ? localeText(undefined, 'order-list.filterHeld', undefined, 'Clear the filter to reorder the list.')
             : boxes
-                ? localeText(undefined, 'order-list.hintBoxes', undefined, 'Press Space to tick a row, Enter to lift it, the arrow keys to move it and Enter to drop it.')
-                : localeText(undefined, 'order-list.hint', undefined, 'Press Space to lift a row, the arrow keys to move it and Space to drop it.')), h("div", { key: '3eac4f74cabd623923bbeff6c2c66bbe54f8bf00', class: "sui-rl-live", "aria-live": "assertive", "aria-atomic": "true" }, this.live)))));
+                ? localeText(undefined, 'order-list.hintBoxes', undefined, 'Press Space to check a row, Enter to lift it, the arrow keys to move it and Enter to drop it.')
+                : localeText(undefined, 'order-list.hint', undefined, 'Press Space to lift a row, the arrow keys to move it and Space to drop it.')), h("div", { key: 'd2e15ff32f9749a49ea2875953db47752318c8d6', class: "sui-rl-live", "aria-live": "assertive", "aria-atomic": "true" }, this.live)))));
     }
     static get watchers() { return {
         "items": [{

package/dist/esm/sui-org-chart.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, r as check, o as chevronUp, q as chevronDown } from './glyphs-CCanZos8.js';
+import { G as Glyph, r as check, o as chevronUp, q as chevronDown } from './glyphs-Bz_EavVJ.js';
 import { i as isRtl } from './direction-GAnFXayY.js';
-import { i as initials } from './format-CZfiz5da.js';
+import { i as initials } from './format-CcjT1PHH.js';
 import { l as localeText } from './locale-lWhwwQJ2.js';
 import { d as delegateFocus } from './form-control-DtXnoXGH.js';
 

package/dist/esm/sui-page-header.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, g as getElement, h, a as Host } from './index-ChCjmDsd.js';
-import { G as Glyph, C as arrowLeft } from './glyphs-CCanZos8.js';
+import { G as Glyph, C as arrowLeft } from './glyphs-Bz_EavVJ.js';
 import { o as observeChildren, a as ownSlotted } from './slots-BWkzTEZX.js';
 import { l as localeText } from './locale-lWhwwQJ2.js';
 import { d as delegateFocus } from './form-control-DtXnoXGH.js';

package/dist/esm/sui-paginator.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 { G as Glyph, H as anglesLeft, f as chevronLeft, k as chevronRight, F as anglesRight } from './glyphs-CCanZos8.js';
-import { i as inheritAriaLabel } from './aria-Cs2X0Kih.js';
+import { G as Glyph, H as anglesLeft, f as chevronLeft, k as chevronRight, F as anglesRight } from './glyphs-Bz_EavVJ.js';
+import { i as inheritAriaLabel } from './aria-BsRW1Q8k.js';
 import { d as delegateFocus } from './form-control-DtXnoXGH.js';
-import { d as clamp, n as numberFormat } from './format-CZfiz5da.js';
+import { d as clamp, n as numberFormat } from './format-CcjT1PHH.js';
 import { a as localeFormat, l as localeText, i as intlLocale } from './locale-lWhwwQJ2.js';
 import { p as paginatorHides } from './paginator-DNXYH-fW.js';
 
@@ -228,7 +228,7 @@ const SuiPaginator = class {
         const atStart = page === 1;
         const atEnd = page === pages;
         const single = paginatorHides(total, size, this.pageSizes, this.hidePageSize, this.showOnSinglePage);
-        return (h(Host, { key: '05302da60c5d7a34ee5cc6178ff7546f747ca51f', class: { 'sui-pg-single': single } }, h("nav", { key: '7f229b2100fa57f5b2e0e0c49d99058eba616da9', class: { 'sui-pg': true, narrow: this.narrow }, "aria-label": this.landmarkName(), ref: (el) => (this.navEl = el) }, h("span", { key: '8b966e65476e5971c8061f4a9707e3d02e1f225f', class: "range-box" }, h("span", { key: 'af5718fe43ca1c9872442d4adbaf7a51a85e3e00', class: "range", role: "status" }, this.rangeText(from, to, total)), h("span", { key: '324bfde4f1b6e18b550efd086fe67a1400328704', class: "range-sizer", "aria-hidden": "true" }, this.rangeText(total, total, total))), h("div", { key: 'fa1379947681167089454cf061c65853f59016a9', class: "pages", onClick: this.onNav }, h("button", { key: 'bde5ba17da212474b4122eda663c2903df1308fe', type: "button", class: "pg", "data-go": 1, disabled: atStart, "aria-label": localeText(undefined, 'paginator.firstPage', undefined, 'First page') }, h(Glyph, { key: 'fd542f30cc4665056e716a069fbf3baf640bc847', glyph: anglesLeft })), h("button", { key: 'efc1bdb67af0214e4d3f7952b3e56ee775e22832', type: "button", class: "pg", "data-go": page - 1, disabled: atStart, "aria-label": localeText(undefined, 'paginator.previousPage', undefined, 'Previous page') }, h(Glyph, { key: '96eabeea2937862f18700332b0b55b012f5730ad', glyph: chevronLeft })), nums, h("button", { key: 'ceb331ca22dae9d0baf71ef06abdb31084aa355f', type: "button", class: "pg", "data-go": page + 1, disabled: atEnd, "aria-label": localeText(undefined, 'paginator.nextPage', undefined, 'Next page') }, h(Glyph, { key: 'e2012ba35746aff46b9f1717f2be633a1b5c4bc0', glyph: chevronRight })), h("button", { key: '0330ee3a6316745a96bef8cc4e59dfbb707f3e86', type: "button", class: "pg", "data-go": pages, disabled: atEnd, "aria-label": localeText(undefined, 'paginator.lastPage', undefined, 'Last page') }, h(Glyph, { key: '218f7f646c8986e50caced4b5c244aa78c7f5d7b', glyph: anglesRight }))), !this.hidePageSize ? (h("label", { class: "rows" }, h("span", null, localeText(undefined, 'paginator.rows', undefined, 'Rows')), h("sui-select", { class: "size", options: (this.pageSizes || []).map((s) => String(s)), value: String(size), size: "sm", "aria-label": localeText(undefined, 'paginator.rowsPerPage', undefined, 'Rows per page'), onSuiChange: this.onSize }))) : null)));
+        return (h(Host, { key: '953a76f5eb0c1582e10e508fc62da52ebce67544', class: { 'sui-pg-single': single } }, h("nav", { key: '70c5bb0e2573ca673e4c94e050f1e95765405d0e', class: { 'sui-pg': true, narrow: this.narrow }, "aria-label": this.landmarkName(), ref: (el) => (this.navEl = el) }, h("span", { key: '10cfc82992c7e4a97e5bbaf1ca53bf098260c732', class: "range-box" }, h("span", { key: 'b69954537f204ca7d53e737b6086fe9a2e5a5a88', class: "range", role: "status" }, this.rangeText(from, to, total)), h("span", { key: '23cfc8c137426843f0c0bb19ba7e4c64b78f7d2d', class: "range-sizer", "aria-hidden": "true" }, this.rangeText(total, total, total))), h("div", { key: 'ef62856b932f02166f5c9052e3eea1053bea8270', class: "pages", onClick: this.onNav }, h("button", { key: '0b12f5ab589a18f03c7a0d1f042ad0630604fbcd', type: "button", class: "pg", "data-go": 1, disabled: atStart, "aria-label": localeText(undefined, 'paginator.firstPage', undefined, 'First page') }, h(Glyph, { key: '159a0e02b52b361f31c65976fdfc33b5976a4a2e', glyph: anglesLeft })), h("button", { key: '15bfa922c899e0370265b09a9a86126c9c871276', type: "button", class: "pg", "data-go": page - 1, disabled: atStart, "aria-label": localeText(undefined, 'paginator.previousPage', undefined, 'Previous page') }, h(Glyph, { key: '15282c9992af838807d8bea86c91ba8f39858ddd', glyph: chevronLeft })), nums, h("button", { key: 'ab6298c67d603ceb81ee2bac13b27e3110176c36', type: "button", class: "pg", "data-go": page + 1, disabled: atEnd, "aria-label": localeText(undefined, 'paginator.nextPage', undefined, 'Next page') }, h(Glyph, { key: 'd22ae8530f1c261e020e019b3786552e74c24e55', glyph: chevronRight })), h("button", { key: '95b51f29ab7ae6264d3992079e4056a1e89bb39a', type: "button", class: "pg", "data-go": pages, disabled: atEnd, "aria-label": localeText(undefined, 'paginator.lastPage', undefined, 'Last page') }, h(Glyph, { key: 'b182173bb8bb45f558d0370a70670b67589c84a9', glyph: anglesRight }))), !this.hidePageSize ? (h("label", { class: "rows" }, h("span", null, localeText(undefined, 'paginator.rows', undefined, 'Rows')), h("sui-select", { class: "size", options: (this.pageSizes || []).map((s) => String(s)), value: String(size), size: "sm", "aria-label": localeText(undefined, 'paginator.rowsPerPage', undefined, 'Rows per page'), onSuiChange: this.onSize }))) : null)));
     }
     static get watchers() { return {
         "totalRecords": [{

package/dist/esm/sui-panel-menu.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 { G as Glyph, q as chevronDown } from './glyphs-CCanZos8.js';
+import { G as Glyph, q as chevronDown } from './glyphs-Bz_EavVJ.js';
 import { u as uid } from './id-U06fVoGD.js';
-import { d as durationToken } from './motion-DXIDl7cw.js';
-import { i as inheritAriaLabel } from './aria-Cs2X0Kih.js';
+import { d as durationToken } from './motion-CZ4DDtn8.js';
+import { i as inheritAriaLabel } from './aria-BsRW1Q8k.js';
 import { d as delegateFocus } from './form-control-DtXnoXGH.js';
 import './locale-lWhwwQJ2.js';
 

package/dist/esm/sui-panel.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 { d as delegateFocus } from './form-control-DtXnoXGH.js';
-import { q as chevronDown, G as Glyph } from './glyphs-CCanZos8.js';
+import { q as chevronDown, G as Glyph } from './glyphs-Bz_EavVJ.js';
 import { o as observeChildren, a as ownSlotted } from './slots-BWkzTEZX.js';
-import { d as durationToken } from './motion-DXIDl7cw.js';
+import { d as durationToken } from './motion-CZ4DDtn8.js';
 import { u as uid } from './id-U06fVoGD.js';
 import './locale-lWhwwQJ2.js';
 
@@ -25,7 +25,7 @@ const SuiPanel = class {
      *  `aria-controls`. The body's height closes over the base duration, with the chevron, and the
      *  body unmounts once it has closed. Reflected. */
     collapsible = false;
-    /** Whether the body is hidden. Seeds the state (the reference `defaultCollapsed`) and tracks it afterwards; writing it from script emits nothing. */
+    /** Whether the body is hidden. Seeds the state (the reference `defaultCollapsed`) and tracks it afterward; writing it from script emits nothing. */
     collapsed = false;
     /** Ground of the header band: `brand` paints it on the brand fill under the inverse ink, for
      *  ledger groups and grouped sections; unset leaves the sunken surface header. The word the rails
@@ -148,10 +148,10 @@ const SuiPanel = class {
     render() {
         const titles = [
             this.collapsible ? h(Glyph, { glyph: chevronDown, class: "chev" }) : null,
-            h("span", { key: '2510d6ed8c9c8bd84322c8b82768a9e8c38278db', class: "heading" }, this.heading),
+            h("span", { key: '11d8feec90ec5ccbd98c99e0cd1f8af08c8beed1', class: "heading" }, this.heading),
             this.meta ? h("span", { class: "meta" }, this.meta) : null,
         ];
-        return (h(Host, { key: '3a0afda19e71e1419d1acc625f382159afdecc9a', class: { collapsed: this.collapsed, closed: !this.mounted, 'head-brand': this.headerTone === 'brand', collapsible: this.collapsible } }, h("div", { key: '5517e6165fc74744fa196a9ca9dcecf273296346', class: "head", onClick: this.collapsible ? this.onHeadClick : undefined }, this.collapsible ? (h("button", { type: "button", class: "toggle", "aria-expanded": this.collapsed ? 'false' : 'true', "aria-controls": this.bodyId }, titles)) : (h("div", { class: "toggle" }, titles)), h("div", { key: '37208058762a513199bd08f2a9d2ed92d0d5c940', class: { end: true, has: this.hasHeaderEnd } }, h("slot", { key: '1203686dbb13deb9c046fcbfe5091dd4e823d245', name: "header-end" }))), h("div", { key: 'b58b51558cd1e5a1d993023331e0c9b6fd12d2fb', class: { reveal: true, open: !this.collapsed }, ref: (el) => (this.reveal = el) }, this.mounted ? (h("div", { class: "body", id: this.bodyId }, h("div", { class: "content" }, h("slot", null)))) : null)));
+        return (h(Host, { key: 'e9c4857f2b9bb6a9cc8601e830043c81d7f3a030', class: { collapsed: this.collapsed, closed: !this.mounted, 'head-brand': this.headerTone === 'brand', collapsible: this.collapsible } }, h("div", { key: '50bad9509d3c7313ea08c6f09efb5ff8f529e5ef', class: "head", onClick: this.collapsible ? this.onHeadClick : undefined }, this.collapsible ? (h("button", { type: "button", class: "toggle", "aria-expanded": this.collapsed ? 'false' : 'true', "aria-controls": this.bodyId }, titles)) : (h("div", { class: "toggle" }, titles)), h("div", { key: 'b47bba0bc5305989d47bb9afff433d0964105e53', class: { end: true, has: this.hasHeaderEnd } }, h("slot", { key: 'e84fb516cf8febc131a3d8c311833858651f59bc', name: "header-end" }))), h("div", { key: 'aec40cf18eee61a1fd92c828f9311415ace06a54', class: { reveal: true, open: !this.collapsed }, ref: (el) => (this.reveal = el) }, this.mounted ? (h("div", { class: "body", id: this.bodyId }, h("div", { class: "content" }, h("slot", null)))) : null)));
     }
     static get watchers() { return {
         "collapsed": [{

package/dist/esm/sui-password.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 { G as Glyph, ag as eyeSlashRegular, ah as eyeRegular } from './glyphs-CCanZos8.js';
+import { d as describedBy, F as FieldShell } from './field-shell-BNwQXVz7.js';
+import { G as Glyph, ag as eyeSlashRegular, ah as eyeRegular } 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 { l as localeText } from './locale-lWhwwQJ2.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';
 
@@ -219,9 +219,9 @@ const SuiPassword = class {
         ];
         const meterId = `${this.fieldId}-meter`;
         const size = SIZES.includes(this.size) ? this.size : 'md';
-        return (h(FieldShell, { key: 'e3ebc31ef14a37bbc7ab82bddcd564a85ee26071', label: this.label, required: this.required, help: this.help, error: this.error, htmlFor: this.fieldId, descId: this.fieldId }, h("div", { key: '4362b60eddcb35bfd2835fca9914b3250404ff43', class: { 'sui-input': true, 'sui-frame': true, 'sui-password': true, [size]: true, invalid, focus: this.focused, disabled: this.isDisabled, readonly: this.readOnly } }, h("input", { key: 'ea814eaf0dd0694859c2cd9cb55319acaf1c23c0', ref: (el) => (this.input = el), id: this.fieldId, class: "field", type: this.show ? 'text' : 'password', value: this.value, placeholder: this.placeholder, required: this.required, disabled: this.isDisabled, readOnly: this.readOnly, autocomplete: this.autocomplete, maxLength: this.maxLength, pattern: this.pattern, 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), m ? meterId : null].filter(Boolean).join(' ') || null, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, onChange: this.onChange }), h("button", { key: 'fde40422cb0a2784c37d1649f8b80098f0d48f6a', type: "button", class: "eye", disabled: this.isDisabled, "aria-pressed": this.show ? 'true' : 'false', "aria-label": this.show
+        return (h(FieldShell, { key: 'a3466fae6e71f2ef04c3cb82710216af600afc26', label: this.label, required: this.required, help: this.help, error: this.error, htmlFor: this.fieldId, descId: this.fieldId }, h("div", { key: 'b63e25f24f40fd41b4223b4d136dc8a0ae2683c4', class: { 'sui-input': true, 'sui-frame': true, 'sui-password': true, [size]: true, invalid, focus: this.focused, disabled: this.isDisabled, readonly: this.readOnly } }, h("input", { key: '483b049014b7f61c1a44d1970548cd720541b358', ref: (el) => (this.input = el), id: this.fieldId, class: "field", type: this.show ? 'text' : 'password', value: this.value, placeholder: this.placeholder, required: this.required, disabled: this.isDisabled, readOnly: this.readOnly, autocomplete: this.autocomplete, maxLength: this.maxLength, pattern: this.pattern, 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), m ? meterId : null].filter(Boolean).join(' ') || null, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, onChange: this.onChange }), h("button", { key: 'c52980c3ae054be93f7ef00de8f715aca37d0de3', type: "button", class: "eye", disabled: this.isDisabled, "aria-pressed": this.show ? 'true' : 'false', "aria-label": this.show
                 ? localeText(this.locale, 'password.hide', this.hideLabel, 'Hide password')
-                : localeText(this.locale, 'password.show', this.showLabel, 'Show password'), onClick: this.toggle }, h(Glyph, { key: 'b7aaa332215c079908007a592d54ba6104eceaca', glyph: this.show ? eyeSlashRegular : eyeRegular }))), m ? (h("div", { class: "meter", id: meterId, role: "status", "aria-live": "polite" }, h("div", { class: "track" }, h("div", { class: { fill: true, [m.tone]: true }, style: { width: m.w } })), h("span", { class: { 'meter-label': true, [m.tone]: true } }, words[sc]))) : null));
+                : localeText(this.locale, 'password.show', this.showLabel, 'Show password'), onClick: this.toggle }, h(Glyph, { key: '6c7a1b290503fb4d0c7021a939cf429d642d9837', glyph: this.show ? eyeSlashRegular : eyeRegular }))), m ? (h("div", { class: "meter", id: meterId, role: "status", "aria-live": "polite" }, h("div", { class: "track" }, h("div", { class: { fill: true, [m.tone]: true }, style: { width: m.w } })), h("span", { class: { 'meter-label': true, [m.tone]: true } }, words[sc]))) : null));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/esm/sui-pick-list.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 { G as Glyph, U as gripVertical, r as check, ab as minus, s as magnifyingGlass, q as chevronDown, k as chevronRight, ak as anglesDown, F as anglesRight, o as chevronUp, f as chevronLeft, aj as anglesUp, H as anglesLeft } from './glyphs-CCanZos8.js';
-import { r as reorderItemMatches, s as sameKeys, R as ReorderRowBody } from './list-selection-bShwKe5e.js';
+import { G as Glyph, U as gripVertical, r as check, ab as minus, s as magnifyingGlass, q as chevronDown, k as chevronRight, ak as anglesDown, F as anglesRight, o as chevronUp, f as chevronLeft, aj as anglesUp, H as anglesLeft } from './glyphs-Bz_EavVJ.js';
+import { r as reorderItemMatches, s as sameKeys, R as ReorderRowBody } from './list-selection-DKTfSVmj.js';
 import { u as uid } from './id-U06fVoGD.js';
-import { d as clamp } from './format-CZfiz5da.js';
+import { d as clamp } from './format-CcjT1PHH.js';
 import { l as localeText, a as localeFormat } from './locale-lWhwwQJ2.js';
 import { i as isRtl } from './direction-GAnFXayY.js';
 import { d as delegateFocus } from './form-control-DtXnoXGH.js';
-import './list-row-CXHbmxZv.js';
-import './severity-glyph-DDArrGx5.js';
+import './list-row-Nzwdsh3G.js';
+import './severity-glyph-D2uJr1qG.js';
 
 const suiPickListCss = () => `.sc-sui-pick-list-h{display:block;position:relative;font-family:var(--font-sans);color:var(--ink)}.wrap.sc-sui-pick-list{display:flex;gap:12px;align-items:stretch}.wrap.stacked.sc-sui-pick-list{flex-direction:column}.wrap.stacked.sc-sui-pick-list .sui-rl-ctrls.sc-sui-pick-list{flex-direction:row;justify-content:center}.pane.sc-sui-pick-list{flex:1;min-width:0}.pane-list.sc-sui-pick-list{min-height:120px}.sui-rl-ctrl.sc-sui-pick-list .sui-glyph.sc-sui-pick-list:dir(rtl){transform:scaleX(-1)}.wrap.stacked.sc-sui-pick-list .sui-rl-ctrl.sc-sui-pick-list .sui-glyph.sc-sui-pick-list:dir(rtl){transform:none}.drop-here.sc-sui-pick-list{list-style:none;padding:14px 10px;margin:2px;font-size:12px;color:var(--accent-ink);text-align:center;border:1.5px dashed var(--accent);border-radius:var(--radius-md)}.drop-here.over.sc-sui-pick-list{background:var(--accent-soft);color:var(--accent-soft-ink)}@media (forced-colors: active){.drop-here.sc-sui-pick-list{border-color:Highlight}.drop-here.over.sc-sui-pick-list{forced-color-adjust:none;background:Highlight;color:HighlightText}}`;
 
@@ -54,7 +54,7 @@ const SuiPickList = class {
      *  keyboard lift remain. Reflected. */
     dragOnly = false;
     /** `single` picks one row at a time. `checkbox` draws a box on every row under a per-pane
-     *  select-all header, and the transfer controls carry the whole ticked set at once. Reflected. */
+     *  select-all header, and the transfer controls carry the whole checked set at once. Reflected. */
     selectionMode = 'single';
     /** Shows a filter box over each pane. It narrows what a pane draws (by label, description and
      *  meta), never the `source` and `target` arrays. Transfers still run while a pane is filtered,
@@ -505,9 +505,9 @@ const SuiPickList = class {
         const drags = !this.noDrag;
         const overHere = !!this.drag && !!this.over && this.over.side === side;
         const picked = this.picked(side);
-        const ticked = vis.filter((i) => picked.includes(i)).length;
-        const allOn = vis.length > 0 && ticked === vis.length;
-        const some = ticked > 0 && !allOn;
+        const checked = vis.filter((i) => picked.includes(i)).length;
+        const allOn = vis.length > 0 && checked === vis.length;
+        const some = checked > 0 && !allOn;
         const seen = {};
         const rows = [];
         const held = this.filtering(side);
@@ -546,9 +546,9 @@ const SuiPickList = class {
         const held = this.loading;
         const across = this.stacked ? { one: chevronDown, all: anglesDown } : { one: chevronRight, all: anglesRight };
         const back = this.stacked ? { one: chevronUp, all: anglesUp } : { one: chevronLeft, all: anglesLeft };
-        return (h(Host, { key: 'af9aa8dbe209e9b0c9022a83cba308c9f221a46f' }, h("div", { key: 'f729157b603b7ab2b37eb483748deb39a8c31c04', class: { wrap: true, stacked: this.stacked } }, this.pane('s'), !this.dragOnly ? (h("div", { class: "sui-rl-ctrls" }, this.ctrl(across.one, localeText(undefined, 'pick-list.moveToSelected', undefined, 'Move to selected'), () => this.moveSel(1), !canMove), this.ctrl(across.all, localeText(undefined, 'pick-list.moveAll', undefined, 'Move all'), () => this.moveAll(1), held || this.listOf('s').length === 0), this.ctrl(back.one, localeText(undefined, 'pick-list.remove', undefined, 'Remove'), () => this.moveSel(-1), !canBack), this.ctrl(back.all, localeText(undefined, 'pick-list.removeAll', undefined, 'Remove all'), () => this.moveAll(-1), held || this.listOf('t').length === 0))) : null, this.pane('t')), h("div", { key: 'c5c7d730b625da6f5138558da012ea04c9173ec9', class: "sui-rl-live", id: `${this.fieldId}-hint` }, this.boxes
-            ? localeText(undefined, 'pick-list.hintBoxes', undefined, 'Press Space to tick a row, Enter to lift it, and the arrow keys to move it between and within the lists.')
-            : localeText(undefined, 'pick-list.hint', undefined, 'Press Space to lift a row, the arrow keys to move it between and within the lists, and Space to drop it.')), h("div", { key: '404cfa67b7d96c8b8777cb69f73bcf0d800e545f', class: "sui-rl-live", "aria-live": "assertive", "aria-atomic": "true" }, this.live)));
+        return (h(Host, { key: '18fcc8f51cea3774bf06bc330ca3d546ca476693' }, h("div", { key: 'c805c7c1d32ce1715467d15c22d3b1c3d2c33590', class: { wrap: true, stacked: this.stacked } }, this.pane('s'), !this.dragOnly ? (h("div", { class: "sui-rl-ctrls" }, this.ctrl(across.one, localeText(undefined, 'pick-list.moveToSelected', undefined, 'Move to selected'), () => this.moveSel(1), !canMove), this.ctrl(across.all, localeText(undefined, 'pick-list.moveAll', undefined, 'Move all'), () => this.moveAll(1), held || this.listOf('s').length === 0), this.ctrl(back.one, localeText(undefined, 'pick-list.remove', undefined, 'Remove'), () => this.moveSel(-1), !canBack), this.ctrl(back.all, localeText(undefined, 'pick-list.removeAll', undefined, 'Remove all'), () => this.moveAll(-1), held || this.listOf('t').length === 0))) : null, this.pane('t')), h("div", { key: '36c2eb060d54db1d933d3d2b7be75627ca3da7e7', class: "sui-rl-live", id: `${this.fieldId}-hint` }, this.boxes
+            ? localeText(undefined, 'pick-list.hintBoxes', undefined, 'Press Space to check a row, Enter to lift it, and the arrow keys to move it between and within the lists.')
+            : localeText(undefined, 'pick-list.hint', undefined, 'Press Space to lift a row, the arrow keys to move it between and within the lists, and Space to drop it.')), h("div", { key: '5842ece0d6ebd92ec0a4281d464eb5082bc541ed', class: "sui-rl-live", "aria-live": "assertive", "aria-atomic": "true" }, this.live)));
     }
     static get watchers() { return {
         "source": [{

package/dist/esm/sui-popover.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 { i as escapeWhileOpen, o as overlayExit, h as heldPopupContains, p as promote, a as onOutsidePointer, b as onReposition, k as applyPosition, j as positionOverlay, e as closePopupsWithin, t as tabOutOfOverlay } from './overlay-q4EhLR9c.js';
+import { i as escapeWhileOpen, o as overlayExit, h as heldPopupContains, p as promote, a as onOutsidePointer, b as onReposition, k as applyPosition, j as positionOverlay, e as closePopupsWithin, t as tabOutOfOverlay } from './overlay-CDCglLuo.js';
 import { f as firstFocusable } from './anchor-1Pevse-X.js';
-import { i as inheritAriaLabel } from './aria-Cs2X0Kih.js';
+import { i as inheritAriaLabel } from './aria-BsRW1Q8k.js';
 import { u as uid } from './id-U06fVoGD.js';
 import { i as isRtl } from './direction-GAnFXayY.js';
 import './focus-trap-8R5d4SBR.js';
-import './motion-DXIDl7cw.js';
+import './motion-CZ4DDtn8.js';
 import './slots-BWkzTEZX.js';
 
-const suiPopoverCss = () => `.sc-sui-popover-h{display:inline-flex;position:relative;font-family:var(--font-sans)}.trigger.sc-sui-popover{display:inline-flex}.panel.sc-sui-popover{position:fixed;top:0;left:0;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:0;font-family:var(--font-sans);font-size:13.5px;line-height:1.5;animation:sui-popover-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-popover{animation-name:sui-popover-in-top}.panel[data-side='left'].sc-sui-popover{animation-name:sui-popover-in-left}.panel[data-side='right'].sc-sui-popover{animation-name:sui-popover-in-right}.panel.closing.sc-sui-popover{animation:sui-popover-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}.panel.padded.sc-sui-popover{padding:14px 16px}.panel.sc-sui-popover:focus{outline:none}@keyframes sui-popover-in{from{opacity:0;margin-top:-4px}}@keyframes sui-popover-in-top{from{opacity:0;margin-top:4px}}@keyframes sui-popover-in-left{from{opacity:0;margin-left:4px}}@keyframes sui-popover-in-right{from{opacity:0;margin-left:-4px}}@keyframes sui-popover-out{to{opacity:0}}`;
+const suiPopoverCss = () => `.sc-sui-popover-h{display:inline-flex;position:relative;font-family:var(--font-sans)}[align].sc-sui-popover-h{text-align:inherit}.trigger.sc-sui-popover{display:inline-flex}.panel.sc-sui-popover{position:fixed;top:0;left:0;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:0;font-family:var(--font-sans);font-size:13.5px;line-height:1.5;animation:sui-popover-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-popover{animation-name:sui-popover-in-top}.panel[data-side='left'].sc-sui-popover{animation-name:sui-popover-in-left}.panel[data-side='right'].sc-sui-popover{animation-name:sui-popover-in-right}.panel.closing.sc-sui-popover{animation:sui-popover-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}.panel.padded.sc-sui-popover{padding:14px 16px}.panel.sc-sui-popover:focus{outline:none}@keyframes sui-popover-in{from{opacity:0;margin-top:-4px}}@keyframes sui-popover-in-top{from{opacity:0;margin-top:4px}}@keyframes sui-popover-in-left{from{opacity:0;margin-left:4px}}@keyframes sui-popover-in-right{from{opacity:0;margin-left:-4px}}@keyframes sui-popover-out{to{opacity:0}}`;
 
 const SuiPopover = class {
     constructor(hostRef) {
@@ -329,7 +329,7 @@ const SuiPopover = class {
     render() {
         const click = this.triggerOn === 'click';
         const dialog = click && !this.menu;
-        return (h(Host, { key: 'a2bc6860d9b4e6ee6f5d148dc38f4a2a8ebfe5bd', onMouseEnter: this.onEnter, onMouseLeave: this.onLeave, onFocusin: this.onFocusIn, onFocusout: this.onFocusOut }, h("span", { key: 'e47ee782ee8ca67165bb9696450e6d8fef4150ee', ref: (el) => (this.anchor = el), id: `${this.fieldId}-trigger`, class: "trigger", onClick: this.onTriggerClick, onKeyDown: this.onTriggerKey }, h("slot", { key: '5e84a9f67e8a7aca8fded32ecadeaba7f7a18b62', name: "trigger" })), this.open || this.closing ? (h("div", { ref: (el) => (this.panel = el), id: `${this.fieldId}-panel`, class: { panel: true, padded: !this.flush, closing: this.closing }, inert: this.closing, role: dialog ? 'dialog' : undefined, "aria-label": dialog && this.hostLabel ? this.hostLabel : undefined, "aria-labelledby": dialog && !this.hostLabel ? `${this.fieldId}-trigger` : undefined, tabindex: click ? '-1' : undefined, style: { width: `${this.width}px` }, onKeyDown: this.onPanelKey }, h("slot", null))) : null));
+        return (h(Host, { key: '84827ee8bc592ac8b56fcb51ac0a254eb281ecc8', onMouseEnter: this.onEnter, onMouseLeave: this.onLeave, onFocusin: this.onFocusIn, onFocusout: this.onFocusOut }, h("span", { key: '51078e975c3ed40d6109d84459f80dbeb1d11879', ref: (el) => (this.anchor = el), id: `${this.fieldId}-trigger`, class: "trigger", onClick: this.onTriggerClick, onKeyDown: this.onTriggerKey }, h("slot", { key: '680bf980cb1eff6c39508872b7ed7a27ba52d2b7', name: "trigger" })), this.open || this.closing ? (h("div", { ref: (el) => (this.panel = el), id: `${this.fieldId}-panel`, class: { panel: true, padded: !this.flush, closing: this.closing }, inert: this.closing, role: dialog ? 'dialog' : undefined, "aria-label": dialog && this.hostLabel ? this.hostLabel : undefined, "aria-labelledby": dialog && !this.hostLabel ? `${this.fieldId}-trigger` : undefined, tabindex: click ? '-1' : undefined, style: { width: `${this.width}px` }, onKeyDown: this.onPanelKey }, h("slot", null))) : null));
     }
     static get watchers() { return {
         "open": [{

package/dist/esm/sui-progress-bar.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, g as getElement, h, a as Host } from './index-ChCjmDsd.js';
-import { i as inheritAriaLabel } from './aria-Cs2X0Kih.js';
+import { i as inheritAriaLabel } from './aria-BsRW1Q8k.js';
 import { o as observeChildren, h as hasSlotted } from './slots-BWkzTEZX.js';
-import { c as fmtPercent } from './format-CZfiz5da.js';
+import { c as fmtPercent } from './format-CcjT1PHH.js';
 import './locale-lWhwwQJ2.js';
 
 const suiProgressBarCss = () => `.sc-sui-progress-bar-h{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);color:var(--ink)}.head.sc-sui-progress-bar{display:flex;justify-content:space-between;font-size:12px}.label.sc-sui-progress-bar{font-weight:620}.value.sc-sui-progress-bar{font-weight:650;color:var(--ink-muted);font-feature-settings:'tnum'}.track.sc-sui-progress-bar{position:relative;background:var(--brand-soft);overflow:hidden}.fill.sc-sui-progress-bar{height:100%;background:var(--brand);transition:width var(--duration-slow) var(--ease-out)}.fill.accent.sc-sui-progress-bar{background:var(--accent)}.sweep.sc-sui-progress-bar{position:absolute;top:0;bottom:0;background:var(--brand);animation:sui-progress-sweep 1.6s var(--ease-in-out) infinite}.sweep.accent.sc-sui-progress-bar{background:var(--accent)}@keyframes sui-progress-sweep{0%{inset-inline-start:-35%;inset-inline-end:100%}60%{inset-inline-start:100%;inset-inline-end:-90%}100%{inset-inline-start:100%;inset-inline-end:-90%}}@media (prefers-reduced-motion: reduce){.sweep.sc-sui-progress-bar{animation-duration:3.2s}}@media (forced-colors: active){.track.sc-sui-progress-bar{border:1px solid CanvasText;box-sizing:border-box}.fill.sc-sui-progress-bar,.fill.accent.sc-sui-progress-bar,.sweep.sc-sui-progress-bar,.sweep.accent.sc-sui-progress-bar{background:Highlight}}`;
@@ -70,7 +70,7 @@ const SuiProgressBar = class {
         const v = Math.min(100, Math.max(0, Number(this.value) || 0));
         const radius = `${this.height / 2}px`;
         const showValue = this.showValue && !this.indeterminate;
-        return (h(Host, { key: 'e720ce2930a1841465132166883c1838f6b8d95b' }, this.label || showValue ? (h("div", { class: "head" }, h("span", { class: "label" }, this.label), showValue ? (h("span", { class: "value" }, this.hasValueSlot ? null : fmtPercent(Math.round(v)), h("slot", { name: "value" }))) : null)) : null, h("div", { key: '319e727f7a872631be44f92ef719168927385685', class: "track", role: "progressbar", "aria-valuenow": this.indeterminate ? null : v, "aria-valuemin": "0", "aria-valuemax": "100", "aria-label": this.label || this.hostLabel || undefined, style: { height: `${this.height}px`, borderRadius: radius } }, this.indeterminate ? (h("div", { class: { sweep: true, accent: this.accent }, style: { borderRadius: radius } })) : (h("div", { class: { fill: true, accent: this.accent }, style: { width: `${v}%`, borderRadius: radius } })))));
+        return (h(Host, { key: 'b3ee0e5d40f4a4a18b7205619c9018fc7cc5d699' }, this.label || showValue ? (h("div", { class: "head" }, h("span", { class: "label" }, this.label), showValue ? (h("span", { class: "value" }, this.hasValueSlot ? null : fmtPercent(Math.round(v)), h("slot", { name: "value" }))) : null)) : null, h("div", { key: '01e831c551455b1679f6c2bc0eb415197746e02c', class: "track", role: "progressbar", "aria-valuenow": this.indeterminate ? null : v, "aria-valuemin": "0", "aria-valuemax": "100", "aria-label": this.label || this.hostLabel || undefined, style: { height: `${this.height}px`, borderRadius: radius } }, this.indeterminate ? (h("div", { class: { sweep: true, accent: this.accent }, style: { borderRadius: radius } })) : (h("div", { class: { fill: true, accent: this.accent }, style: { width: `${v}%`, borderRadius: radius } })))));
     }
 };
 SuiProgressBar.style = suiProgressBarCss();

package/dist/esm/sui-progress-ring.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, g as getElement, h, a as Host } from './index-ChCjmDsd.js';
-import { i as inheritAriaLabel } from './aria-Cs2X0Kih.js';
+import { i as inheritAriaLabel } from './aria-BsRW1Q8k.js';
 import { o as observeChildren, h as hasSlotted } from './slots-BWkzTEZX.js';
-import { c as fmtPercent } from './format-CZfiz5da.js';
+import { c as fmtPercent } from './format-CcjT1PHH.js';
 import './locale-lWhwwQJ2.js';
 
 const suiProgressRingCss = () => `.sc-sui-progress-ring-h{display:inline-flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--font-sans);color:var(--ink)}.ring.sc-sui-progress-ring{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%}.ring.sc-sui-progress-ring svg.sc-sui-progress-ring{position:absolute;inset:0;display:block}.track.sc-sui-progress-ring{stroke:var(--brand-soft)}.arc.sc-sui-progress-ring{stroke:var(--brand);transition:stroke-dashoffset var(--duration-slow) var(--ease-out)}.ring.accent.sc-sui-progress-ring .arc.sc-sui-progress-ring{stroke:var(--accent)}.value.sc-sui-progress-ring{position:relative;font-weight:720;font-feature-settings:'tnum';line-height:1}.label.sc-sui-progress-ring{font-size:12px;font-weight:620;color:var(--ink-muted)}@media (forced-colors: active){.track.sc-sui-progress-ring{stroke:CanvasText;stroke-width:1}.arc.sc-sui-progress-ring,.ring.accent.sc-sui-progress-ring .arc.sc-sui-progress-ring{stroke:Highlight}}`;
@@ -73,7 +73,7 @@ const SuiProgressRing = class {
         const c = 2 * Math.PI * r;
         const offset = c * (1 - pct / 100);
         const fontSize = `${Math.max(10, size / 4.2)}px`;
-        return (h(Host, { key: '8a6b3f8ee23a9ec1c56d7526f6c3f97ae1e414ea' }, h("div", { key: '4400c97c491420725cb678d5cbea48e35da49fc7', class: { ring: true, accent: this.accent }, role: "progressbar", "aria-valuenow": pct, "aria-valuemin": "0", "aria-valuemax": "100", "aria-label": this.label || this.hostLabel || undefined, style: { width: `${size}px`, height: `${size}px` } }, h("svg", { key: 'b0ff8285ca990cdfc03c2ffde797f92cab93dd28', viewBox: `0 0 ${size} ${size}`, width: size, height: size, "aria-hidden": "true", focusable: "false" }, h("circle", { key: '4165eaa7d93b4a785010813b76c71655cf9acab0', class: "track", cx: size / 2, cy: size / 2, r: r, fill: "none", "stroke-width": thickness }), h("circle", { key: '8b1d3eb19bf0cd5956a8cd0f7c8a6e77bf5a9ae6', class: "arc", cx: size / 2, cy: size / 2, r: r, fill: "none", "stroke-width": thickness, "stroke-dasharray": `${c} ${c}`, "stroke-dashoffset": offset, transform: `rotate(-90 ${size / 2} ${size / 2})` })), this.showValue ? (h("span", { class: "value", style: { fontSize } }, this.hasValueSlot ? null : fmtPercent(Math.round(pct)), h("slot", { name: "value" }))) : null), this.label ? h("span", { class: "label" }, this.label) : null));
+        return (h(Host, { key: '61c96a2e2743e3291de53d026396fdda05e2f1f1' }, h("div", { key: '77913475262cc0fc6071d42da2425173fb48f0c9', class: { ring: true, accent: this.accent }, role: "progressbar", "aria-valuenow": pct, "aria-valuemin": "0", "aria-valuemax": "100", "aria-label": this.label || this.hostLabel || undefined, style: { width: `${size}px`, height: `${size}px` } }, h("svg", { key: '2b11d899dfc33e911e5d2511753d06361a60a0e6', viewBox: `0 0 ${size} ${size}`, width: size, height: size, "aria-hidden": "true", focusable: "false" }, h("circle", { key: '5b8a67d521f5d2a7cef3fcc159e8964b1f695bf5', class: "track", cx: size / 2, cy: size / 2, r: r, fill: "none", "stroke-width": thickness }), h("circle", { key: '3700ed04ea8dcc921a7224477433f6ac4c9f36bf', class: "arc", cx: size / 2, cy: size / 2, r: r, fill: "none", "stroke-width": thickness, "stroke-dasharray": `${c} ${c}`, "stroke-dashoffset": offset, transform: `rotate(-90 ${size / 2} ${size / 2})` })), this.showValue ? (h("span", { class: "value", style: { fontSize } }, this.hasValueSlot ? null : fmtPercent(Math.round(pct)), h("slot", { name: "value" }))) : null), this.label ? h("span", { class: "label" }, this.label) : null));
     }
 };
 SuiProgressRing.style = suiProgressRingCss();

package/dist/esm/sui-progress-spinner.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, g as getElement, h, a as Host } from './index-ChCjmDsd.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';
 
 const suiProgressSpinnerCss = () => `.sc-sui-progress-spinner-h{display:inline-flex;flex-direction:column;align-items:center;gap:9px;font-family:var(--font-sans)}.spinner.sc-sui-progress-spinner{border-radius:50%;box-sizing:border-box;border-style:solid;border-color:var(--brand-soft);border-top-color:var(--brand);animation:sb-spin 0.8s linear infinite}.spinner.accent.sc-sui-progress-spinner{border-top-color:var(--accent)}.label.sc-sui-progress-spinner{font-size:var(--sui-spinner-label-size, 12px);font-weight:var(--sui-spinner-label-weight, 550);color:var(--ink-muted)}@media (prefers-reduced-motion: reduce){.spinner.sc-sui-progress-spinner{animation-duration:2s}}@media (forced-colors: active){.spinner.sc-sui-progress-spinner{border-color:Canvas;border-top-color:Highlight;outline:1px solid CanvasText;outline-offset:-1px}.spinner.accent.sc-sui-progress-spinner{border-top-color:Highlight}}`;
@@ -32,7 +32,7 @@ const SuiProgressSpinner = class {
     render() {
         const size = `${Number(this.diameter) || 32}px`;
         const thickness = `${Number(this.thickness) || 3}px`;
-        return (h(Host, { key: '4bbb3f4d31bb7b6fa4c1472f6a4361aa459c6493' }, h("div", { key: '9656fce46a0f63a80d34979c94ec2483546d41ce', class: { spinner: true, accent: this.accent }, role: "status", "aria-label": this.label || this.hostLabel || localeText(undefined, 'progress-spinner.loading', undefined, 'Loading'), style: { width: size, height: size, borderWidth: thickness } }), this.label ? h("span", { class: "label" }, this.label) : null));
+        return (h(Host, { key: '3339e6142c483fd7869a5b9d22b453846b2d727e' }, h("div", { key: '015efcda97b98847f61ebffeb940f9c4a568ca3e', class: { spinner: true, accent: this.accent }, role: "status", "aria-label": this.label || this.hostLabel || localeText(undefined, 'progress-spinner.loading', undefined, 'Loading'), style: { width: size, height: size, borderWidth: thickness } }), this.label ? h("span", { class: "label" }, this.label) : null));
     }
 };
 SuiProgressSpinner.style = suiProgressSpinnerCss();

package/dist/esm/sui-qr-code.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 { d as delegateFocus } from './form-control-DtXnoXGH.js';
-import { G as Glyph, D as download } from './glyphs-CCanZos8.js';
-import { p as parseHex, c as contrast } from './derive-BZHfNo5D.js';
+import { G as Glyph, D as download } from './glyphs-Bz_EavVJ.js';
+import { p as parseHex, c as contrast } from './derive-CIj1hqWb.js';
 import { a as localeFormat, l as localeText } from './locale-lWhwwQJ2.js';
 
 const suiQrCodeCss = () => `.sc-sui-qr-code-h{display:inline-block;vertical-align:top;font-family:var(--font-sans);color:var(--ink)}.sui-qr.sc-sui-qr-code{margin:0;display:inline-flex;flex-direction:column;gap:6px;align-items:flex-start}.sui-qr-label.sc-sui-qr-code{font-size:12.5px;font-weight:620;font-family:var(--font-sans)}.sui-qr-frame.sc-sui-qr-code{background:var(--palette-white);border:1px solid var(--border);border-radius:var(--radius-md);padding:6px;display:inline-flex;flex-direction:column;align-items:center;gap:4px;box-sizing:content-box}.sui-qr-stage.sc-sui-qr-code{position:relative}.sui-qr-canvas.sc-sui-qr-code{display:block}.sui-qr-error.sc-sui-qr-code{position:absolute;inset:0;background:var(--palette-white);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--palette-deep-blue);font-family:var(--font-sans);text-align:center;padding:8px;box-sizing:border-box}.sui-qr-caption.sc-sui-qr-code{font-size:10.5px;color:var(--palette-deep-blue);font-family:var(--font-sans);padding:0 2px 2px}.sui-qr-download.sc-sui-qr-code .sui-glyph.sc-sui-qr-code{font-size:11px}`;
@@ -113,7 +113,7 @@ const SuiQrCode = class {
     render() {
         const px = this.px();
         const dim = { width: `${px}px`, height: `${px}px` };
-        return (h(Host, { key: 'a086604f68f19b808c0d5f0f91db7404576995a6' }, h("figure", { key: 'ebb234de6564407f0fd2ab453ea3ab5c68322b7b', class: "sui-qr" }, this.label ? h("span", { class: "sui-qr-label" }, this.label) : null, h("div", { key: '054cf4ac9fef571070732ddb58a6a82b15ee2e94', class: "sui-qr-frame" }, h("div", { key: '5a3b5b2ee10260158830a8bd9a030f76d3667849', class: "sui-qr-stage", style: dim }, h("canvas", { key: '5389634a8a207b2dec12e6c95b7982d697b48dd9', ref: (el) => (this.canvas = el), class: "sui-qr-canvas", width: px, height: px, style: dim, role: "img", "aria-label": localeFormat(undefined, 'qr-code.label', undefined, 'QR code: {value}', { value: this.value }) }), this.err ? h("div", { class: "sui-qr-error" }, localeText(undefined, 'qr-code.qrEncoderUnavailable', undefined, 'QR encoder unavailable')) : null), this.caption ? h("figcaption", { class: "sui-qr-caption" }, this.caption) : null), this.downloadable && !this.err ? (h("sui-button", { class: "sui-qr-download", variant: "outline", size: "sm", onClick: () => this.download() }, h(Glyph, { glyph: download }), localeText(undefined, 'qr-code.downloadPng', undefined, 'Download PNG'))) : null)));
+        return (h(Host, { key: '42b38a27c2e764d5a51e7fd840f80d9ea2cae90b' }, h("figure", { key: '2f1af4a071dca2a60cd97d0ac29137ac0e596efe', class: "sui-qr" }, this.label ? h("span", { class: "sui-qr-label" }, this.label) : null, h("div", { key: 'd43caf51bf3fe6a6bd0c6f238bb4ed9762860e12', class: "sui-qr-frame" }, h("div", { key: 'c04df3b5092ad1851b61ecf2d92b6a09e5b27af6', class: "sui-qr-stage", style: dim }, h("canvas", { key: '53361ce796358c9003b41acb54cfbd7def3d1c59', ref: (el) => (this.canvas = el), class: "sui-qr-canvas", width: px, height: px, style: dim, role: "img", "aria-label": localeFormat(undefined, 'qr-code.label', undefined, 'QR code: {value}', { value: this.value }) }), this.err ? h("div", { class: "sui-qr-error" }, localeText(undefined, 'qr-code.qrEncoderUnavailable', undefined, 'QR encoder unavailable')) : null), this.caption ? h("figcaption", { class: "sui-qr-caption" }, this.caption) : null), this.downloadable && !this.err ? (h("sui-button", { class: "sui-qr-download", variant: "outline", size: "sm", onClick: () => this.download() }, h(Glyph, { glyph: download }), localeText(undefined, 'qr-code.downloadPng', undefined, 'Download PNG'))) : null)));
     }
     static get watchers() { return {
         "value": [{

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

@@ -214,7 +214,7 @@ const SuiRadioButton = class {
     render() {
         const on = this.checked;
         const describedBy = this.description ? `${this.fieldId}-desc` : null;
-        return (h("label", { key: '693a89bebda2301bfe9883d7bc31ac8ace67afed', class: { 'sui-radio': true, [this.size === 'sm' ? 'sm' : 'md']: true, on, disabled: this.isDisabled, readonly: this.readOnly, invalid: this.invalid, 'has-desc': !!this.description } }, h("span", { key: 'a976e469de962fe5be28236f151bf9e0ade88b3b', class: "ctl" }, h("input", { key: '835359bb83aeb95f379765bddba7e8659ca17957', ref: (el) => (this.input = el), id: this.fieldId, type: "radio", checked: on, disabled: this.isDisabled, value: this.value, tabIndex: this.isDisabled ? -1 : this.tabIndexFor(), "aria-checked": on ? 'true' : 'false', "aria-invalid": this.invalid ? 'true' : null, "aria-readonly": this.readOnly ? 'true' : null, "aria-required": this.required && !this.host.closest?.('sui-radio-group') ? 'true' : null, "aria-describedby": describedBy, onClick: this.onClick, onChange: this.onChange, onKeyDown: this.onKeyDown }), h("span", { key: '05807e97da03c826b86bde2b76294dacf38d1268', class: "circle", "aria-hidden": "true" })), this.label || this.description ? (h("span", { class: "text" }, this.label ? h("span", { class: "lbl" }, this.label) : null, this.description ? h("span", { class: "desc", id: `${this.fieldId}-desc` }, this.description) : null)) : null));
+        return (h("label", { key: 'd8fa83087ff32f357a95b647fd29fd0a98ff2bd3', class: { 'sui-radio': true, [this.size === 'sm' ? 'sm' : 'md']: true, on, disabled: this.isDisabled, readonly: this.readOnly, invalid: this.invalid, 'has-desc': !!this.description } }, h("span", { key: 'feb71d773131aecbc3bf700926af3a33033fd173', class: "ctl" }, h("input", { key: '4ac192a0da1d1f9537abb8ff94365173c6563b98', ref: (el) => (this.input = el), id: this.fieldId, type: "radio", checked: on, disabled: this.isDisabled, value: this.value, tabIndex: this.isDisabled ? -1 : this.tabIndexFor(), "aria-checked": on ? 'true' : 'false', "aria-invalid": this.invalid ? 'true' : null, "aria-readonly": this.readOnly ? 'true' : null, "aria-required": this.required && !this.host.closest?.('sui-radio-group') ? 'true' : null, "aria-describedby": describedBy, onClick: this.onClick, onChange: this.onChange, onKeyDown: this.onKeyDown }), h("span", { key: 'd94ed2c2ba8ed1ab46ad3e0f48f6eadcda1986b0', class: "circle", "aria-hidden": "true" })), this.label || this.description ? (h("span", { class: "text" }, this.label ? h("span", { class: "lbl" }, this.label) : 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-radio-group.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, v as validationAnchor } from './form-control-DtXnoXGH.js';
 import { f as formDisabledState } from './form-disabled-CGWvlrv_.js';
 import { n as noKey, l as listProp, s as sameKey, k as keyText } from './options-4hLA9Kl1.js';
-import './glyphs-CCanZos8.js';
+import './glyphs-Bz_EavVJ.js';
 import './locale-lWhwwQJ2.js';
 
 const suiRadioGroupCss = () => `.sc-sui-radio-group-h{display:block;font-family:var(--font-sans)}.opts.sc-sui-radio-group{display:flex;flex-direction:column;gap:9px;flex-wrap:wrap}.opts.horizontal.sc-sui-radio-group{flex-direction:row;gap:18px}`;

package/dist/esm/sui-rating.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 { G as Glyph, a0 as star, a1 as starRegular } from './glyphs-CCanZos8.js';
+import { d as describedBy, F as FieldShell } from './field-shell-BNwQXVz7.js';
+import { G as Glyph, a0 as star, a1 as starRegular } 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';
 import { i as isRtl } from './direction-GAnFXayY.js';
-import { f as fmtFigure } from './format-CZfiz5da.js';
+import { f as fmtFigure } from './format-CcjT1PHH.js';
 import { a as localeFormat, l as localeText } from './locale-lWhwwQJ2.js';
 
 const suiRatingCss = () => `.sc-sui-rating-h{display:inline-block;font-family:var(--font-sans)}.sui-rating.sc-sui-rating{display:flex;align-items:center;gap:10px}.label.sc-sui-rating{font-size:12.5px;font-weight:620;color:var(--ink)}.stars.sc-sui-rating{display:flex;gap:4px}.star.sc-sui-rating{position:relative;min-width:1em;min-height:1em;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:none;background:transparent;line-height:1;color:var(--control-border);cursor:pointer;border-radius:var(--radius-xs);transition:color var(--duration-fast) var(--ease-out)}.star.on.sc-sui-rating{color:var(--accent)}.half-fill.sc-sui-rating{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);clip-path:inset(0 50% 0 0)}.half-fill.sc-sui-rating:dir(rtl){clip-path:inset(0 0 0 50%)}.sm.sc-sui-rating .star.sc-sui-rating{font-size:13px}.md.sc-sui-rating .star.sc-sui-rating{font-size:16px}.lg.sc-sui-rating .star.sc-sui-rating{font-size:20px}.star.sc-sui-rating:focus{outline:none}.star.sc-sui-rating:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.invalid.sc-sui-rating:not(.disabled) .star.sc-sui-rating:not(.on){color:var(--danger)}.invalid.sc-sui-rating .star.sc-sui-rating:focus-visible{outline-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.read-only.sc-sui-rating .star.sc-sui-rating{cursor:default}.disabled.sc-sui-rating .star.sc-sui-rating{cursor:default}.disabled.sc-sui-rating .star.on.sc-sui-rating,.disabled.sc-sui-rating .half-fill.sc-sui-rating{color:var(--disabled-ink)}.count.sc-sui-rating{font-size:12.5px;color:var(--ink-faint);font-feature-settings:'tnum'}`;
@@ -194,7 +194,7 @@ const SuiRating = class {
         const focusIdx = this.focusIndex();
         const checkedIdx = this.checkedIndex();
         const previewing = this.hover > 0;
-        return (h(FieldShell, { key: '70d84660ebdca743d6060ef6cfda783686693d30', help: this.help, error: this.error, descId: this.fieldId }, h("div", { key: 'ae6bb4593d557a729c59f95e1105e60aab2fe940', class: { 'sui-rating': true, [this.size]: true, disabled: this.isDisabled, 'read-only': this.readOnly, invalid: !!this.error } }, this.label ? (h("span", { class: "label" }, this.label, this.required ? h("span", { class: "sui-field-req", "aria-hidden": "true" }, "*") : null)) : null, h("div", { key: '7c7ebe7274760c8e3fc1fcdbcaca7160146b211a', class: "stars", role: "radiogroup", "aria-label": this.label || localeText(undefined, 'rating.label', undefined, 'Rating'), "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), "aria-required": this.required ? 'true' : null, onKeyDown: this.onKeyDown, onMouseLeave: () => (this.hover = 0) }, Array.from({ length: Math.max(0, this.count) }, (_, i) => {
+        return (h(FieldShell, { key: '79477d06d86afcb6132f3dc879f9db5674c74b4c', help: this.help, error: this.error, descId: this.fieldId }, h("div", { key: '6643c6a0d06cac9fb29a5a6055cb0975a45a0efa', class: { 'sui-rating': true, [this.size]: true, disabled: this.isDisabled, 'read-only': this.readOnly, invalid: !!this.error } }, this.label ? (h("span", { class: "label" }, this.label, this.required ? h("span", { class: "sui-field-req", "aria-hidden": "true" }, "*") : null)) : null, h("div", { key: '982ad7748121040ad715874b16a63a95340ff600', class: "stars", role: "radiogroup", "aria-label": this.label || localeText(undefined, 'rating.label', undefined, 'Rating'), "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), "aria-required": this.required ? 'true' : null, onKeyDown: this.onKeyDown, onMouseLeave: () => (this.hover = 0) }, Array.from({ length: Math.max(0, this.count) }, (_, i) => {
             const fill = active - i;
             const on = fill >= 1 || (!this.allowHalf && fill > 0);
             const half = !on && this.allowHalf && fill > 0;

package/dist/esm/sui-rich-text-editor.entry.js

@@ -1,19 +1,19 @@
 import { r as registerInstance, c as createEvent, g as getElement, h, a as Host } from './index-ChCjmDsd.js';
-import { d as describedBy, F as FieldShell } from './field-shell-CEYVCg71.js';
-import { E as EditorButton, w as withShortcut, a as EditorSep } from './shortcut-BXGme2L7.js';
-import { G as Glyph, q as chevronDown, al as at, am as link, S as rotateRight, X as rotateLeft, an as quoteLeft, ao as listOl, af as listUl, ap as code, aq as strikethrough, ae as underline, ad as italic, ac as bold, a2 as lock } from './glyphs-CCanZos8.js';
-import { e as editorHtmlIsEmpty, c as createEditor, s as sanitizeEditorHtml, t as trustedHTML } from './editor-api-D2ai7zZ4.js';
-import { a as onOutsidePointer } from './overlay-q4EhLR9c.js';
+import { d as describedBy, F as FieldShell } from './field-shell-BNwQXVz7.js';
+import { E as EditorButton, w as withShortcut, a as EditorSep } from './shortcut-DZso8qM5.js';
+import { G as Glyph, q as chevronDown, al as at, am as link, S as rotateRight, X as rotateLeft, an as quoteLeft, ao as listOl, af as listUl, ap as code, aq as strikethrough, ae as underline, ad as italic, ac as bold, a2 as lock } from './glyphs-Bz_EavVJ.js';
+import { e as editorHtmlIsEmpty, c as createEditor, s as sanitizeEditorHtml, t as trustedHTML } from './editor-api-BSFrDvzx.js';
+import { a as onOutsidePointer } from './overlay-CDCglLuo.js';
 import { r as rovingTabindex } from './behaviors-CaF9LDda.js';
 import { i as installFormControl, d as delegateFocus, s as setFormValue, r as requiredValidity } from './form-control-DtXnoXGH.js';
 import { u as uid } from './id-U06fVoGD.js';
-import { f as fmtFigure } from './format-CZfiz5da.js';
+import { f as fmtFigure } from './format-CcjT1PHH.js';
 import { l as localeText, a as localeFormat, u as usesSingular } from './locale-lWhwwQJ2.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 './direction-GAnFXayY.js';
 import './focus-trap-8R5d4SBR.js';
-import './motion-DXIDl7cw.js';
+import './motion-CZ4DDtn8.js';
 
 const suiRichTextEditorCss = () => `.sc-sui-rich-text-editor-h{display:block;font-family:var(--font-sans);color:var(--ink)}.sui-rte-box.sc-sui-rich-text-editor{position:relative;box-sizing:border-box}.sui-frame.focus-own.sc-sui-rich-text-editor:focus-within:not(.focus){border-color:var(--control-border);outline:none;box-shadow:none}.sui-frame.focus-own.invalid.sc-sui-rich-text-editor:focus-within:not(.focus){border-color:var(--danger);outline:1px solid var(--danger);outline-offset:-2px;box-shadow:none}.sui-rte-toolbar.sc-sui-rich-text-editor{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:7px 9px;border-bottom:1px solid var(--hairline);background:var(--surface-sunken);border-radius:var(--radius-md) var(--radius-md) 0 0}.sui-rte-spacer.sc-sui-rich-text-editor{flex:1}.sui-rte-loading.sc-sui-rich-text-editor{padding:14px;font-size:12.5px;color:var(--ink-faint)}.sui-rte-loading[hidden].sc-sui-rich-text-editor{display:none}.sui-rte-body.sc-sui-rich-text-editor{position:relative}.sb-editor-mount.sc-sui-rich-text-editor{box-sizing:content-box;padding:12px 14px;font-size:13.5px;line-height:1.6;color:var(--ink);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.ready.sc-sui-rich-text-editor-h .sb-editor-mount.sc-sui-rich-text-editor{opacity:1}.sb-editor-mount.sui-rte-static.sc-sui-rich-text-editor{opacity:1}.sui-rte-placeholder.sc-sui-rich-text-editor{position:absolute;inset-inline-start:14px;top:12px;font-size:13.5px;line-height:1.6;color:var(--ink-placeholder);pointer-events:none}.sui-rte-placeholder[hidden].sc-sui-rich-text-editor{display:none}.sui-rte-status.sc-sui-rich-text-editor{display:flex;align-items:center;gap:12px;padding:6px 12px;border-top:1px solid var(--hairline);font-size:11px;color:var(--ink-faint);font-feature-settings:'tnum'}.sui-rte-lock.sc-sui-rich-text-editor{display:inline-flex;align-items:center;gap:5px;font-weight:650;white-space:nowrap}.sui-rte-lock.sc-sui-rich-text-editor .sui-glyph.sc-sui-rich-text-editor{font-size:9px}.sui-rte-bubble.sc-sui-rich-text-editor{transform:translateX(-50%)}.sui-rte-pop.sc-sui-rich-text-editor{position:relative;display:inline-flex}.sui-rte-panel.sc-sui-rich-text-editor{position:absolute;top:calc(100% + 5px);inset-inline-start:0;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);padding:4px;animation:sui-rte-pop-in var(--duration-overlay) var(--ease-out)}@keyframes sui-rte-pop-in{from{opacity:0;transform:translateY(4px)}}.sui-rte-panel.block.sc-sui-rich-text-editor{width:150px}.sui-rte-panel.merge.sc-sui-rich-text-editor{width:210px}.sui-rte-panel.link.sc-sui-rich-text-editor{inset-inline-start:-60px;display:flex;gap:6px;padding:8px}.sui-rte-block-trigger.sc-sui-rich-text-editor{height:28px;width:108px;padding-block:0;padding-inline:10px 8px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:space-between;gap:7px;color:var(--ink);font-size:12px;font-weight:620;font-family:var(--font-sans);cursor:pointer;white-space:nowrap}.sui-rte-block-trigger.sc-sui-rich-text-editor .sui-glyph.sc-sui-rich-text-editor{font-size:9px;color:var(--ink-faint)}.sui-rte-option.sc-sui-rich-text-editor{display:block;width:100%;text-align:start;padding:6px 9px;border-radius:5px;border:none;background:transparent;color:var(--ink);cursor:pointer;font-family:var(--font-sans);font-size:12.5px;font-weight:460;line-height:normal;transition:background var(--duration-fast) var(--ease-out)}.sui-rte-option.sc-sui-rich-text-editor:hover,.sui-rte-option.sc-sui-rich-text-editor:focus-visible{--ink-faint:var(--ink-muted);background:var(--surface-hover);outline:none}.sui-rte-option.sc-sui-rich-text-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-rte-option.selected.sc-sui-rich-text-editor{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-rte-option.selected.sc-sui-rich-text-editor:hover,.sui-rte-option.selected.sc-sui-rich-text-editor:focus-visible{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-rte-option.h1.sc-sui-rich-text-editor{font-size:15px;font-weight:700}.sui-rte-option.h2.sc-sui-rich-text-editor{font-size:13.5px;font-weight:700}.sui-rte-option.h3.sc-sui-rich-text-editor{font-weight:700}.sui-rte-option.code.sc-sui-rich-text-editor{font-family:var(--font-mono)}.sui-rte-eyebrow.sc-sui-rich-text-editor{padding:6px 9px 4px;font-size:10px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint)}.sui-rte-merge-row.sc-sui-rich-text-editor{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:6px 9px;border-radius:5px;border:none;background:transparent;color:var(--ink);cursor:pointer;font-family:var(--font-sans);text-align:start;transition:background var(--duration-fast) var(--ease-out)}.sui-rte-merge-row.sc-sui-rich-text-editor:hover,.sui-rte-merge-row.sc-sui-rich-text-editor:focus-visible{--ink-faint:var(--ink-muted);background:var(--surface-hover);outline:none}.sui-rte-merge-row.sc-sui-rich-text-editor span.sc-sui-rich-text-editor{font-size:12.5px;font-weight:600}.sui-rte-merge-row.sc-sui-rich-text-editor code.sc-sui-rich-text-editor{font-size:9.5px;color:var(--ink-faint);font-family:var(--font-mono)}.sui-rte-link-input.sc-sui-rich-text-editor{width:180px;min-width:0;height:28px;box-sizing:border-box;padding:0 9px;color:var(--ink);font-size:12px;font-family:var(--font-sans)}.sui-rte-link-input.sc-sui-rich-text-editor::placeholder{color:var(--ink-placeholder)}@media (forced-colors: active){.sui-rte-option.sc-sui-rich-text-editor:focus-visible,.sui-rte-merge-row.sc-sui-rich-text-editor:focus-visible{outline:2px solid CanvasText;outline-offset:-2px}.sui-rte-option.selected.sc-sui-rich-text-editor{forced-color-adjust:none;background:Highlight;color:HighlightText}}`;
 
@@ -519,7 +519,7 @@ const SuiRichTextEditor = class {
         const s = this.snap;
         const showPlaceholder = this.ready && !!s?.empty && !locked;
         // Until the engine has mounted (on the server, and in the browser while ProseMirror loads), the
-        // document is drawn as static markup through the same sanitiser, so the text is there from the
+        // document is drawn as static markup through the same sanitizer, so the text is there from the
         // first paint; the engine's own surface replaces it in the render that marks it ready.
         const staticHtml = this.ready ? '' : sanitizeEditorHtml(this.html || '');
         return (h(Host, { key: 'f2d203ef4a5d0729bf496f9ecb0e8314a89f7784', class: { [this.variant]: true, 'read-only': locked, disabled: this.isDisabled, focused: this.focused, ready: this.ready, invalid: this.invalid || !!this.error } }, h(FieldShell, { key: '29fe86632f0aa40f64354551515e71fa0d8f5c2e', label: this.label, help: this.help, error: this.error, descId: this.fieldId }, h("div", { key: '5e50036b9048d055b6510f525e68d9aaef437d1f', class: { 'sui-rte-box': true, 'sui-frame': true, 'focus-own': true, focus: this.editing, invalid: this.invalid || !!this.error, disabled: this.isDisabled, readonly: locked && !this.isDisabled }, ref: (el) => (this.box = el), onFocusin: this.onFocusIn, onFocusout: this.onFocusOut, onKeyDown: this.onBoxKey }, !locked && !bubble ? this.renderToolbar() : null, bubble ? this.renderBubble() : null, h("div", { key: "loading", class: "sui-rte-loading", hidden: this.ready || !!staticHtml }, localeText(undefined, 'rich-text-editor.loading', undefined, 'Loading editor engine (ProseMirror)…')), h("div", { key: "body", class: "sui-rte-body" }, staticHtml ? (h("div", { key: "static", class: "sb-editor-mount sui-rte-static sc-sui-rich-text-editor-s", style: { minHeight: `${minHeight}px` }, innerHTML: trustedHTML(staticHtml) })) : null, h("div", { key: "mount", class: "sb-editor-mount sc-sui-rich-text-editor-s", hidden: !!staticHtml, ref: (el) => (this.mount = el), style: { minHeight: `${minHeight}px` } }), h("div", { key: "placeholder", class: "sui-rte-placeholder", hidden: !showPlaceholder, "aria-hidden": "true" }, localeText(undefined, 'rich-text-editor.placeholder', this.placeholder, 'Write here…'))), h("div", { key: "status", class: "sui-rte-status" }, locked ? (h("span", { class: "sui-rte-lock" }, h(Glyph, { glyph: lock }), this.isDisabled ? localeText(undefined, 'rich-text-editor.disabled', undefined, 'Disabled') : localeText(undefined, 'rich-text-editor.readOnly', undefined, 'Read-only'))) : null, s || !staticHtml ? h("span", { class: "sui-rte-count" }, wordCount(s?.words || 0), " \u00B7 ", charCount(s?.chars || 0)) : null, h("span", { key: '1cbe0d58336947a6bf9f97b287c2ddc28a49139d', class: "sui-rte-spacer" }), h("slot", { key: 'd253cf5b0893c41586ed5a30540959d7882a1bf2', name: "status" }))))));