@editora/ui-core 0.1.21 → 0.1.23

package/dist/sortable.esm.js

@@ -1,4 +1,4 @@
-import { E as ee } from "./ElementBase-YlTLMsGk.mjs";
+import { E as ee } from "./ElementBase-BeZT54Hj.mjs";
 function te(l, e, t, r = 56, i = 18) {
   if (!Number.isFinite(l) || !(t > e)) return 0;
   const s = Math.min(r, (t - e) / 2);
@@ -22,7 +22,7 @@ const se = 1, oe = 44, ne = 72, ae = `
     --ui-sortable-surface-muted: color-mix(in srgb, var(--ui-sortable-surface) 92%, #eff6ff);
     --ui-sortable-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent);
     --ui-sortable-text: var(--ui-color-text, #0f172a);
-    --ui-sortable-muted: var(--ui-color-muted, #64748b);
+    --ui-sortable-muted: var(--ui-color-muted, #526175);
     --ui-sortable-shadow:
       0 1px 3px rgba(15, 23, 42, 0.06),
       0 16px 34px rgba(15, 23, 42, 0.08);
@@ -761,7 +761,7 @@ function K(l) {
     return [];
   }
 }
-function y(l) {
+function I(l) {
   return l.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
 function k(l, e) {
@@ -810,15 +810,15 @@ function ce(l, e, t, r, i, s) {
     !x || d.has(g) || (d.add(g), o.push(g), (a.get(k(x.listId, g)) || []).forEach(u));
   };
   r.forEach(u);
-  const c = l.map(P), h = c.filter((g) => d.has(g.id)), f = i ? c.map(P) : c.filter((g) => !d.has(g.id)), _ = i ? h.map((g) => s(g, o)) : h.map(P), I = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map();
+  const c = l.map(P), h = c.filter((g) => d.has(g.id)), _ = i ? c.map(P) : c.filter((g) => !d.has(g.id)), b = i ? h.map((g) => s(g, o)) : h.map(P), S = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map();
   i && h.forEach((g, x) => {
-    I.set(g.id, _[x].id), m.set(_[x].id, g.id);
-  }), _.forEach((g) => {
+    S.set(g.id, b[x].id), m.set(b[x].id, g.id);
+  }), b.forEach((g) => {
     const x = i ? m.get(g.id) : g.id, M = x ? n.get(x) : null;
-    M && (i && (g.parentId = M.parentId && I.has(M.parentId) && I.get(M.parentId) || null), g.listId = t.listId);
+    M && (i && (g.parentId = M.parentId && S.has(M.parentId) && S.get(M.parentId) || null), g.listId = t.listId);
   });
-  const v = r.map((g) => I.get(g) || g), D = [...f, ..._], A = E(f), z = k(t.listId, t.parentId), b = [...A.get(z) || []], S = t.beforeId ? b.indexOf(t.beforeId) : b.length, R = S >= 0 ? S : b.length;
-  b.splice(R, 0, ...v), A.set(z, b), E(_).forEach((g, x) => {
+  const v = r.map((g) => S.get(g) || g), D = [..._, ...b], A = E(_), z = k(t.listId, t.parentId), f = [...A.get(z) || []], y = t.beforeId ? f.indexOf(t.beforeId) : f.length, R = y >= 0 ? y : f.length;
+  f.splice(R, 0, ...v), A.set(z, f), E(b).forEach((g, x) => {
     const [, M] = x.split("::");
     (M || "") !== "__root__" && A.set(x, [...g]);
   });
@@ -879,11 +879,11 @@ function U(l, e) {
   e.forEach((o, u) => {
     const c = typeof o?.id == "string" && o.id.trim() ? o.id.trim() : "", h = typeof o?.label == "string" && o.label.trim() ? o.label.trim() : "";
     if (!c || !h) return;
-    const f = typeof o?.listId == "string" && t.has(o.listId) ? o.listId : l[0].id;
+    const _ = typeof o?.listId == "string" && t.has(o.listId) ? o.listId : l[0].id;
     r.push({
       id: c,
       label: h,
-      listId: f,
+      listId: _,
       parentId: typeof o?.parentId == "string" && o.parentId.trim() ? o.parentId.trim() : null,
       description: typeof o?.description == "string" ? o.description : "",
       order: Number.isFinite(o?.order) ? Number(o.order) : u,
@@ -905,8 +905,8 @@ function U(l, e) {
     c ? c.push(o) : s.set(u, [o]);
   }), s.forEach((o) => o.sort((u, c) => u.order - c.order || u.label.localeCompare(c.label)));
   const n = [], a = /* @__PURE__ */ new Set(), d = (o, u) => {
-    (s.get(k(o, u)) || []).forEach((h, f) => {
-      a.has(h.id) || (a.add(h.id), h.order = f, n.push(h), d(o, h.id));
+    (s.get(k(o, u)) || []).forEach((h, _) => {
+      a.has(h.id) || (a.add(h.id), h.order = _, n.push(h), d(o, h.id));
     });
   };
   return l.forEach((o) => d(o.id, null)), r.forEach((o) => {
@@ -962,22 +962,22 @@ function W(l, e) {
 }
 function Q(l, e, t, r, i) {
   const s = T(l), n = E(l), a = /* @__PURE__ */ new Map(), d = (c, h) => {
-    const f = [...n.get(k(c, h)) || []];
-    return i === "label" && f.sort((_, I) => {
-      const m = s.get(_), v = s.get(I);
+    const _ = [...n.get(k(c, h)) || []];
+    return i === "label" && _.sort((b, S) => {
+      const m = s.get(b), v = s.get(S);
       return !m || !v ? 0 : m.label.localeCompare(v.label);
-    }), f;
-  }, o = (c, h, f) => {
-    const _ = [];
-    return d(c, h).forEach((I) => {
-      const m = s.get(I);
+    }), _;
+  }, o = (c, h, _) => {
+    const b = [];
+    return d(c, h).forEach((S) => {
+      const m = s.get(S);
       if (!m || m.hidden) return;
       const v = o(c, m.id);
-      !W(m, r) && v.length === 0 || (_.push({
+      !W(m, r) && v.length === 0 || (b.push({
         id: m.id,
         disabled: m.disabled
-      }), v.length && _.push(...v));
-    }), _;
+      }), v.length && b.push(...v));
+    }), b;
   };
   return Array.from(new Set(l.map((c) => c.listId))).forEach((c) => {
     a.set(c, o(c, null));
@@ -1098,49 +1098,49 @@ class he extends ee {
   }
   render() {
     this._syncStateFromAttributes();
-    const e = this._measureItemShellRects(), t = new Set(this._draggingIds()), r = new Set(this._selection), s = !!this._dragState?.keyboard ? this._projectedMoveResult() : null, n = s?.items || this._items, a = new Set(s?.insertedRootIds || []), d = !!this._dragState && !this._dragState.keyboard && !!this._dragState.dropTarget, o = Q(n, r, t, this.filterQuery, this.sort), u = this._resolvedFocusedId(o), c = this._isDragLocked(), h = this._selection.length, f = this.getAttribute("allow-nesting") !== "false", _ = this.getAttribute("drop-indicator-visibility") === "always" ? "always" : "active", I = this._dropzoneStyle(), m = this.getAttribute("show-selection-badge") !== "false", v = this._dragHandleMode(), D = this._usesCustomHandleSelector(), A = c ? this.sort === "label" ? "Dragging is paused while alphabetical sorting is active." : this.filterQuery && !this.hasAttribute("allow-filtered-drag") ? "Dragging is paused while the list is filtered." : "Dragging is currently disabled." : this._dragState?.keyboard ? "Keyboard drag active. Use arrow keys to choose a drop target, Space or Enter to drop, and Escape to cancel." : v === "item" ? "Drag from anywhere on an item, or press Space on a focused item to start keyboard reordering." : D ? "Use your custom drag handle element, or press Space on a focused item to start keyboard reordering." : "Use the handle to drag, or press Space on a focused item to start keyboard reordering.", z = `
+    const e = this._measureItemShellRects(), t = new Set(this._draggingIds()), r = new Set(this._selection), s = !!this._dragState?.keyboard ? this._projectedMoveResult() : null, n = s?.items || this._items, a = new Set(s?.insertedRootIds || []), d = !!this._dragState && !this._dragState.keyboard && !!this._dragState.dropTarget, o = Q(n, r, t, this.filterQuery, this.sort), u = this._resolvedFocusedId(o), c = this._isDragLocked(), h = this._selection.length, _ = this.getAttribute("allow-nesting") !== "false", b = this.getAttribute("drop-indicator-visibility") === "always" ? "always" : "active", S = this._dropzoneStyle(), m = this.getAttribute("show-selection-badge") !== "false", v = this._dragHandleMode(), D = this._usesCustomHandleSelector(), A = c ? this.sort === "label" ? "Dragging is paused while alphabetical sorting is active." : this.filterQuery && !this.hasAttribute("allow-filtered-drag") ? "Dragging is paused while the list is filtered." : "Dragging is currently disabled." : this._dragState?.keyboard ? "Keyboard drag active. Use arrow keys to choose a drop target, Space or Enter to drop, and Escape to cancel." : v === "item" ? "Drag from anywhere on an item, or press Space on a focused item to start keyboard reordering." : D ? "Use your custom drag handle element, or press Space on a focused item to start keyboard reordering." : "Use the handle to drag, or press Space on a focused item to start keyboard reordering.", z = `
       <style>${ae}</style>
       <div
         class="root"
         part="root"
         data-drag-locked="${c}"
         data-drag-preview="${a.size || d ? "true" : "false"}"
-        data-drop-indicator-visibility="${_}"
-        data-dropzone-style="${I}"
+        data-drop-indicator-visibility="${b}"
+        data-dropzone-style="${S}"
       >
         <div class="toolbar" part="toolbar">
-          <div class="helper">${y(A)}</div>
+          <div class="helper" id="ui-sortable-helper">${I(A)}</div>
           <div class="helper selection-summary">
             <span class="selection-pill" part="selection-count">${h}</span>
             <span class="selection-text">${h === 1 ? "item selected" : "items selected"}</span>
           </div>
         </div>
         <div class="lists" part="lists">
-          ${this._lists.map((b) => {
-      const S = o.get(b.id) || [], R = S.length ? this._renderListTree(n, b, u, t, f, a, m) : "", $ = b.disabled ? "This list is read-only." : b.cloneOnDrag ? "Dragging from this list creates a copy." : b.accepts?.length ? `Accepts drops from: ${b.accepts.join(", ")}` : "";
+          ${this._lists.map((f) => {
+      const y = o.get(f.id) || [], R = y.length ? this._renderListTree(n, f, u, t, _, a, m) : "", $ = f.disabled ? "This list is read-only." : f.cloneOnDrag ? "Dragging from this list creates a copy." : f.accepts?.length ? `Accepts drops from: ${f.accepts.join(", ")}` : "";
       return `
               <section
                 class="list"
                 part="list"
-                data-list-id="${y(b.id)}"
-                data-orientation="${b.orientation}"
-                data-disabled="${b.disabled}"
-                aria-label="${y(b.label)}"
+                data-list-id="${I(f.id)}"
+                data-orientation="${f.orientation}"
+                data-disabled="${f.disabled}"
+                aria-label="${I(f.label)}"
               >
                 <header class="list-header">
-                  <div class="list-custom-header" part="list-custom-header" data-list-header-target="${y(b.id)}"></div>
+                  <div class="list-custom-header" part="list-custom-header" data-list-header-target="${I(f.id)}"></div>
                   <div class="list-default-header">
                     <div class="list-topline">
-                      <div class="list-label">${y(b.label)}</div>
-                      <span class="list-count">${S.length}</span>
+                      <div class="list-label">${I(f.label)}</div>
+                      <span class="list-count">${y.length}</span>
                     </div>
-                    ${b.description ? `<div class="list-description">${y(b.description)}</div>` : ""}
-                    ${$ ? `<div class="list-helper">${y($)}</div>` : ""}
+                    ${f.description ? `<div class="list-description">${I(f.description)}</div>` : ""}
+                    ${$ ? `<div class="list-helper">${I($)}</div>` : ""}
                   </div>
                 </header>
-                <div class="items" role="listbox" aria-multiselectable="true" aria-label="${y(b.label)}">
-                  ${R || `<div class="list-custom-empty" part="list-custom-empty" data-list-empty-target="${y(b.id)}"></div><div class="empty">${y(b.emptyLabel)}</div>${this._renderDropzone({
-        listId: b.id,
+                <div class="items" role="${y.length ? "listbox" : "group"}" ${y.length ? 'aria-multiselectable="true"' : ""} aria-label="${I(f.label)}" aria-describedby="ui-sortable-helper">
+                  ${R || `<div class="list-custom-empty" part="list-custom-empty" data-list-empty-target="${I(f.id)}"></div><div class="empty">${I(f.emptyLabel)}</div>${this._renderDropzone({
+        listId: f.id,
         parentId: null,
         beforeId: null,
         mode: "before"
@@ -1150,7 +1150,7 @@ class he extends ee {
             `;
     }).join("")}
         </div>
-        <div class="sr-only" aria-live="polite" aria-atomic="true">${y(this._liveMessage)}</div>
+        <div class="sr-only" aria-live="polite" aria-atomic="true">${I(this._liveMessage)}</div>
       </div>
     `;
     this.setContent(z), queueMicrotask(() => {
@@ -1162,7 +1162,7 @@ class he extends ee {
     e !== this._lastListsAttr && (this._lastListsAttr = e, this._lists = Y(K(e)));
     const t = this.getAttribute("items");
     if (t !== this._lastItemsAttr) {
-      this._lastItemsAttr = t, this._items = U(this._lists, K(t));
+      this._lastItemsAttr = t, this._items = U(this._lists, K(t)), this._lastSelectionAttr = null;
       const i = this.getAttribute("persist-key");
       i && this._hydratedPersistKey !== i && (this._items = this._restorePersistedItems(i, this._items), this._hydratedPersistKey = i);
     }
@@ -1350,26 +1350,26 @@ class he extends ee {
     const a = this._ensureDragPreviewOverlay();
     a.innerHTML = `
       <div class="placeholder-content">
-        <div class="placeholder-kicker">${y(e.kicker)}</div>
-        <div class="placeholder-title">${y(e.title)}</div>
-        <div class="placeholder-description">${y(e.description)}</div>
+        <div class="placeholder-kicker">${I(e.kicker)}</div>
+        <div class="placeholder-title">${I(e.title)}</div>
+        <div class="placeholder-description">${I(e.description)}</div>
       </div>
     `;
     const d = n.getBoundingClientRect();
     t && t.setAttribute("data-drag-preview", "true"), a.style.setProperty("left", "-9999px"), a.style.setProperty("top", "-9999px"), s ? (a.style.setProperty("inline-size", `${s.width}px`), a.style.setProperty("block-size", `${s.height}px`)) : (a.style.removeProperty("inline-size"), a.style.removeProperty("block-size")), a.setAttribute("data-visible", "true");
-    const o = a.getBoundingClientRect(), u = s?.width ?? o.width, c = s?.height ?? o.height, h = Math.max(16, Math.min(d.left, window.innerWidth - u - 16)), f = Math.max(
+    const o = a.getBoundingClientRect(), u = s?.width ?? o.width, c = s?.height ?? o.height, h = Math.max(16, Math.min(d.left, window.innerWidth - u - 16)), _ = Math.max(
       16,
       Math.min(
         d.top + (d.height - c) / 2,
         window.innerHeight - c - 16
       )
     );
-    a.style.setProperty("left", `${Math.round(h)}px`), a.style.setProperty("top", `${Math.round(f)}px`);
+    a.style.setProperty("left", `${Math.round(h)}px`), a.style.setProperty("top", `${Math.round(_)}px`);
   }
   _setDraggingVisualState(e, t) {
     e.forEach((r) => {
       const i = this._findItemElement(r);
-      i && (i.setAttribute("data-dragging", t ? "true" : "false"), i.setAttribute("aria-grabbed", t ? "true" : "false"), t && i.getBoundingClientRect());
+      i && (i.setAttribute("data-dragging", t ? "true" : "false"), t && i.getBoundingClientRect());
     });
   }
   _setDropTarget(e, t) {
@@ -1485,13 +1485,13 @@ class he extends ee {
   }
   _renderListTree(e, t, r, i, s, n, a) {
     const d = T(e), o = E(e), u = (c) => {
-      const h = o.get(k(t.id, c)) || [], f = this.sort === "label" ? [...h].sort((I, m) => {
-        const v = d.get(I), D = d.get(m);
+      const h = o.get(k(t.id, c)) || [], _ = this.sort === "label" ? [...h].sort((S, m) => {
+        const v = d.get(S), D = d.get(m);
         return !v || !D ? 0 : v.label.localeCompare(D.label);
       }) : h;
-      let _ = "";
-      return f.forEach((I) => {
-        const m = d.get(I);
+      let b = "";
+      return _.forEach((S) => {
+        const m = d.get(S);
         if (!m || m.hidden) return;
         const v = this._renderChildBranch(
           m,
@@ -1502,61 +1502,60 @@ class he extends ee {
           n,
           a
         );
-        !W(m, this.filterQuery) && !v.includes('class="item"') || (_ += this._renderDropzone({
+        !W(m, this.filterQuery) && !v.includes('class="item"') || (b += this._renderDropzone({
           listId: t.id,
           parentId: c,
-          beforeId: I,
+          beforeId: S,
           mode: "before"
-        }, "Drop here"), _ += v);
-      }), _ += this._renderDropzone({
+        }, "Drop here"), b += v);
+      }), b += this._renderDropzone({
         listId: t.id,
         parentId: c,
         beforeId: null,
         mode: "before"
-      }, "Drop here"), _;
+      }, "Drop here"), b;
     };
     return `<div class="tree">${u(null)}</div>`;
   }
   _renderChildBranch(e, t, r, i, s, n, a) {
-    const d = y(e.id), o = n.has(e.id), u = o ? "" : i(e.id), c = u.includes('class="item"'), h = o ? !1 : this._selection.includes(e.id), f = o ? !1 : r.has(e.id), _ = e.disabled, I = _ || e.dragDisabled || this._isDragLocked(), m = this._dragState?.dropTarget?.mode === "inside" && this._dragState.dropTarget.parentId === e.id, v = this._dragState?.clone ? "Copy preview" : "Drop preview", D = this._dragState?.clone ? "Release to add a copy here." : this._dragState && this._dragState.movedRootIds.length > 1 ? "Release to place this selection here." : "Release to place this item here.", A = this._dragHandleMode(), z = this._usesCustomHandleSelector(), b = z ? "custom" : A, S = !z && A === "handle";
+    const d = I(e.id), o = n.has(e.id), u = o ? "" : i(e.id), c = u.includes('class="item"'), h = o ? !1 : this._selection.includes(e.id), _ = o ? !1 : r.has(e.id), b = e.disabled, S = b || e.dragDisabled || this._isDragLocked(), m = this._dragState?.dropTarget?.mode === "inside" && this._dragState.dropTarget.parentId === e.id, v = this._dragState?.clone ? "Copy preview" : "Drop preview", D = this._dragState?.clone ? "Release to add a copy here." : this._dragState && this._dragState.movedRootIds.length > 1 ? "Release to place this selection here." : "Release to place this item here.", A = this._dragHandleMode(), z = this._usesCustomHandleSelector(), f = z ? "custom" : A, y = !z && A === "handle";
     return `
       <div class="item-shell" data-item-shell="${d}">
-        <article
+        <div
           class="item${o ? " item-placeholder" : ""}"
           part="item"
           data-id="${d}"
-          data-drag-handle-mode="${b}"
-          ${!o && b === "item" ? 'data-drag-trigger="item"' : ""}
+          data-drag-handle-mode="${f}"
+          ${!o && f === "item" ? 'data-drag-trigger="item"' : ""}
           data-selected="${h}"
           data-focused="${o ? "false" : t === e.id}"
-          data-dragging="${f}"
-          data-disabled="${_}"
+          data-dragging="${_}"
+          data-disabled="${b}"
           data-drop-inside-active="${m ? "true" : "false"}"
           role="${o ? "presentation" : "option"}"
           aria-selected="${o ? "false" : h}"
-          aria-disabled="${_}"
-          aria-grabbed="${o ? "false" : f}"
+          aria-disabled="${b}"
           aria-hidden="${o ? "true" : "false"}"
           tabindex="${o ? "-1" : t === e.id ? "0" : "-1"}"
         >
           ${o ? `
               <div class="placeholder-content">
-                <div class="placeholder-kicker">${y(v)}</div>
-                <div class="placeholder-title">${y(e.label)}</div>
-                <div class="placeholder-description">${y(D)}</div>
+                <div class="placeholder-kicker">${I(v)}</div>
+                <div class="placeholder-title">${I(e.label)}</div>
+                <div class="placeholder-description">${I(D)}</div>
               </div>
             ` : `
-              ${S ? `
-                  <button
+              ${y ? `
+                  <span
                     class="handle"
                     part="handle"
-                    type="button"
+                    role="presentation"
+                    aria-hidden="true"
                     data-action="handle"
                     data-drag-trigger="handle"
                     data-id="${d}"
                     draggable="false"
-                    ${I ? "disabled" : ""}
-                    aria-label="Drag ${y(e.label)}"
+                    ${S ? "disabled" : ""}
                   >
                     <svg viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                       <circle cx="5" cy="4" r="1.25"></circle>
@@ -1566,13 +1565,13 @@ class he extends ee {
                       <circle cx="5" cy="12" r="1.25"></circle>
                       <circle cx="11" cy="12" r="1.25"></circle>
                     </svg>
-                  </button>
+                  </span>
                 ` : ""}
               <div class="item-content" data-action="select" data-id="${d}">
                 <div class="item-custom-content" part="item-custom-content" data-item-content-target="${d}"></div>
                 <div class="item-default-content">
-                  <div class="item-title">${y(e.label)}</div>
-                  ${e.description ? `<div class="item-description">${y(e.description)}</div>` : ""}
+                  <div class="item-title">${I(e.label)}</div>
+                  ${e.description ? `<div class="item-description">${I(e.description)}</div>` : ""}
                   <div class="item-meta">
                     <span class="item-badge selection-badge" data-selection-badge="true" ${h && a ? "" : "hidden"}>${h && a ? "Selected" : ""}</span>
                     ${e.cloneOnDrag ? '<span class="item-badge">Clone on drag</span>' : ""}
@@ -1582,7 +1581,7 @@ class he extends ee {
                 </div>
               </div>
             `}
-        </article>
+        </div>
         ${s && !o ? this._renderDropzone({
       listId: e.listId,
       parentId: e.id,
@@ -1599,14 +1598,14 @@ class he extends ee {
       <div
         class="dropzone"
         part="dropzone"
-        data-list-id="${y(e.listId)}"
-        data-parent-id="${y(e.parentId ?? "")}"
-        data-before-id="${y(e.beforeId ?? "")}"
+        data-list-id="${I(e.listId)}"
+        data-parent-id="${I(e.parentId ?? "")}"
+        data-before-id="${I(e.beforeId ?? "")}"
         data-mode="${e.mode}"
         data-active="${r ? "true" : "false"}"
         aria-hidden="true"
       >
-        <span class="dropzone-label">${y(t)}</span>
+        <span class="dropzone-label">${I(t)}</span>
       </div>
     `;
   }
@@ -1676,8 +1675,8 @@ class he extends ee {
           dropTarget: this._initialKeyboardDropTarget(r),
           committed: !1
         };
-        const f = c.length === 1 ? `Lifted ${s?.label || "item"}.` : `Lifted ${c.length} items.`;
-        this._announce(`${f} Use arrow keys to choose a destination.`), this.requestRender();
+        const _ = c.length === 1 ? `Lifted ${s?.label || "item"}.` : `Lifted ${c.length} items.`;
+        this._announce(`${_} Use arrow keys to choose a destination.`), this.requestRender();
         return;
       }
       if (e.key === "Escape") {
@@ -1765,17 +1764,17 @@ class he extends ee {
     return this._dropTargetFromPath(e.composedPath(), e.clientX, e.clientY);
   }
   _dropTargetFromPath(e, t, r) {
-    const i = e.find((S) => S instanceof HTMLElement && S.classList.contains("dropzone"));
+    const i = e.find((y) => y instanceof HTMLElement && y.classList.contains("dropzone"));
     if (i) {
-      const S = {
+      const y = {
         listId: i.getAttribute("data-list-id") || "",
         parentId: i.getAttribute("data-parent-id") || null,
         beforeId: i.getAttribute("data-before-id") || null,
         mode: i.getAttribute("data-mode") === "inside" ? "inside" : "before"
       };
-      if (S.listId) return S;
+      if (y.listId) return y;
     }
-    const s = e.find((S) => S instanceof HTMLElement && S.classList.contains("item"));
+    const s = e.find((y) => y instanceof HTMLElement && y.classList.contains("item"));
     if (!s) {
       const R = e.find(
         ($) => $ instanceof HTMLElement && $.classList.contains("list") && $.hasAttribute("data-list-id")
@@ -1784,9 +1783,9 @@ class he extends ee {
     }
     const n = s.getAttribute("data-id");
     if (!n) return null;
-    const a = this._items.find((S) => S.id === n);
+    const a = this._items.find((y) => y.id === n);
     if (!a) return null;
-    const d = this._lists.find((S) => S.id === a.listId), o = s.getBoundingClientRect(), u = d?.orientation === "horizontal", c = u ? o.left : o.top, h = u ? o.right : o.bottom, f = u ? t : r, _ = Math.max(1, h - c), I = (f - c) / _, m = u && this._isRtl() ? 1 - I : I, v = this.getAttribute("allow-nesting") !== "false" && !a.disabled;
+    const d = this._lists.find((y) => y.id === a.listId), o = s.getBoundingClientRect(), u = d?.orientation === "horizontal", c = u ? o.left : o.top, h = u ? o.right : o.bottom, _ = u ? t : r, b = Math.max(1, h - c), S = (_ - c) / b, m = u && this._isRtl() ? 1 - S : S, v = this.getAttribute("allow-nesting") !== "false" && !a.disabled;
     if (m <= 0.34)
       return {
         listId: a.listId,
@@ -1801,11 +1800,11 @@ class he extends ee {
         beforeId: null,
         mode: "inside"
       };
-    const A = E(this._items).get(k(a.listId, a.parentId)) || [], z = A.indexOf(a.id), b = z >= 0 && A[z + 1] || null;
+    const A = E(this._items).get(k(a.listId, a.parentId)) || [], z = A.indexOf(a.id), f = z >= 0 && A[z + 1] || null;
     return {
       listId: a.listId,
       parentId: a.parentId,
-      beforeId: b,
+      beforeId: f,
       mode: "before"
     };
   }
@@ -1996,15 +1995,15 @@ class he extends ee {
       !w || a.has(p) || (a.add(p), d.push(p), (n.get(k(w.listId, p)) || []).forEach(o));
     };
     t.forEach(o);
-    const u = this._items.map(P), c = u.filter((p) => a.has(p.id)), h = r ? u.map(P) : u.filter((p) => !a.has(p.id)), f = r ? c.map((p) => this._cloneSubtreeItem(p, d)) : c.map(P), _ = /* @__PURE__ */ new Map(), I = /* @__PURE__ */ new Map();
+    const u = this._items.map(P), c = u.filter((p) => a.has(p.id)), h = r ? u.map(P) : u.filter((p) => !a.has(p.id)), _ = r ? c.map((p) => this._cloneSubtreeItem(p, d)) : c.map(P), b = /* @__PURE__ */ new Map(), S = /* @__PURE__ */ new Map();
     r && c.forEach((p, w) => {
-      _.set(p.id, f[w].id), I.set(f[w].id, p.id);
-    }), f.forEach((p) => {
-      const w = r ? I.get(p.id) : p.id, F = w ? s.get(w) : null;
-      F && (r && (p.parentId = F.parentId && _.has(F.parentId) && _.get(F.parentId) || null), p.listId = e.listId);
+      b.set(p.id, _[w].id), S.set(_[w].id, p.id);
+    }), _.forEach((p) => {
+      const w = r ? S.get(p.id) : p.id, F = w ? s.get(w) : null;
+      F && (r && (p.parentId = F.parentId && b.has(F.parentId) && b.get(F.parentId) || null), p.listId = e.listId);
     });
-    const m = t.map((p) => _.get(p) || p), v = [...h, ...f], D = E(h), A = k(e.listId, e.parentId), z = [...D.get(A) || []], b = e.beforeId ? z.indexOf(e.beforeId) : z.length, S = b >= 0 ? b : z.length;
-    z.splice(S, 0, ...m), D.set(A, z), E(f).forEach((p, w) => {
+    const m = t.map((p) => b.get(p) || p), v = [...h, ..._], D = E(h), A = k(e.listId, e.parentId), z = [...D.get(A) || []], f = e.beforeId ? z.indexOf(e.beforeId) : z.length, y = f >= 0 ? f : z.length;
+    z.splice(y, 0, ...m), D.set(A, z), E(_).forEach((p, w) => {
       const [, F] = w.split("::");
       (F || "") !== "__root__" && D.set(w, [...p]);
     });

package/dist/spinning-text.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("./ElementBase-EV6mVBUV.js"),D="14s",I=" • ",h="linear",N=4,L=1,O=12,F=new Set(["clockwise","counterclockwise"]),Q=new Set(["default","surface","soft","solid","glass","contrast","minimal"]),U=new Set(["brand","neutral","info","success","warning","danger"]),B=new Set(["sm","md","lg","xl","1","2","3","4"]),j=new Set(["none","low","high"]),r={sm:{fontSize:"12px",fontSizePx:12,radius:"56px",radiusPx:56,padding:"12px",letterSpacing:"0.16em",letterSpacingPx:1.92,surfaceRadius:"24px"},md:{fontSize:"14px",fontSizePx:14,radius:"78px",radiusPx:78,padding:"16px",letterSpacing:"0.16em",letterSpacingPx:2.24,surfaceRadius:"28px"},lg:{fontSize:"16px",fontSizePx:16,radius:"96px",radiusPx:96,padding:"20px",letterSpacing:"0.18em",letterSpacingPx:2.88,surfaceRadius:"32px"},xl:{fontSize:"20px",fontSizePx:20,radius:"122px",radiusPx:122,padding:"24px",letterSpacing:"0.2em",letterSpacingPx:4,surfaceRadius:"36px"}},q=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("./ElementBase-DxbvhLJs.js"),D="14s",I=" • ",h="linear",N=4,L=1,O=12,F=new Set(["clockwise","counterclockwise"]),Q=new Set(["default","surface","soft","solid","glass","contrast","minimal"]),U=new Set(["brand","neutral","info","success","warning","danger"]),B=new Set(["sm","md","lg","xl","1","2","3","4"]),j=new Set(["none","low","high"]),r={sm:{fontSize:"12px",fontSizePx:12,radius:"56px",radiusPx:56,padding:"12px",letterSpacing:"0.16em",letterSpacingPx:1.92,surfaceRadius:"24px"},md:{fontSize:"14px",fontSizePx:14,radius:"78px",radiusPx:78,padding:"16px",letterSpacing:"0.16em",letterSpacingPx:2.24,surfaceRadius:"28px"},lg:{fontSize:"16px",fontSizePx:16,radius:"96px",radiusPx:96,padding:"20px",letterSpacing:"0.18em",letterSpacingPx:2.88,surfaceRadius:"32px"},xl:{fontSize:"20px",fontSizePx:20,radius:"122px",radiusPx:122,padding:"24px",letterSpacing:"0.2em",letterSpacingPx:4,surfaceRadius:"36px"}},q=`
   :host {
     --ui-spinning-text-duration: ${D};
     --ui-spinning-text-easing: ${h};
@@ -95,7 +95,7 @@
   }
 
   :host([tone="neutral"]) {
-    --ui-spinning-text-accent: #64748b;
+    --ui-spinning-text-accent: #526175;
   }
 
   :host([tone="info"]) {
@@ -103,11 +103,11 @@
   }
 
   :host([tone="success"]) {
-    --ui-spinning-text-accent: var(--ui-color-success, #16a34a);
+    --ui-spinning-text-accent: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
-    --ui-spinning-text-accent: var(--ui-color-warning, #d97706);
+    --ui-spinning-text-accent: var(--ui-color-warning, #b45309);
   }
 
   :host([tone="danger"]) {

package/dist/spinning-text.esm.js

@@ -1,4 +1,4 @@
-import { E as k } from "./ElementBase-YlTLMsGk.mjs";
+import { E as k } from "./ElementBase-BeZT54Hj.mjs";
 const C = "14s", D = " • ", h = "linear", N = 4, I = 1, L = 12, O = /* @__PURE__ */ new Set(["clockwise", "counterclockwise"]), F = /* @__PURE__ */ new Set(["default", "surface", "soft", "solid", "glass", "contrast", "minimal"]), Q = /* @__PURE__ */ new Set(["brand", "neutral", "info", "success", "warning", "danger"]), U = /* @__PURE__ */ new Set(["sm", "md", "lg", "xl", "1", "2", "3", "4"]), B = /* @__PURE__ */ new Set(["none", "low", "high"]), r = {
   sm: {
     fontSize: "12px",
@@ -137,7 +137,7 @@ const C = "14s", D = " • ", h = "linear", N = 4, I = 1, L = 12, O = /* @__PURE
   }
 
   :host([tone="neutral"]) {
-    --ui-spinning-text-accent: #64748b;
+    --ui-spinning-text-accent: #526175;
   }
 
   :host([tone="info"]) {
@@ -145,11 +145,11 @@ const C = "14s", D = " • ", h = "linear", N = 4, I = 1, L = 12, O = /* @__PURE
   }
 
   :host([tone="success"]) {
-    --ui-spinning-text-accent: var(--ui-color-success, #16a34a);
+    --ui-spinning-text-accent: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
-    --ui-spinning-text-accent: var(--ui-color-warning, #d97706);
+    --ui-spinning-text-accent: var(--ui-color-warning, #b45309);
   }
 
   :host([tone="danger"]) {

package/dist/split-button.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("./ElementBase-EV6mVBUV.js"),f=require("./portal-DgpQ3Jo1.js"),g=require("./dismissable-layer-DNfrKA20.js"),h=require("./positioner-D_fqyx_j.js");require("./listbox-B6QgECax.js");const l=160,x=["--ui-split-button-menu-bg","--ui-split-button-menu-color","--ui-split-button-menu-border","--ui-split-button-menu-radius","--ui-split-button-menu-shadow","--ui-split-button-menu-accent","--ui-split-button-menu-accent-strong","--ui-split-button-menu-shortcut","--ui-split-button-menu-separator","--ui-split-button-menu-muted","--ui-split-button-menu-danger","--ui-split-button-menu-option-border","--ui-split-button-menu-option-border-strong","--ui-split-button-menu-option-shadow","--ui-split-button-menu-affordance-bg","--ui-split-button-menu-affordance-border","--ui-split-button-menu-affordance-size","--ui-split-button-menu-list-gap","--ui-split-button-menu-list-padding-top","--ui-split-button-menu-item-min-height","--ui-split-button-menu-item-radius","--ui-split-button-menu-item-padding"],v=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("./ElementBase-DxbvhLJs.js"),f=require("./portal-DgpQ3Jo1.js"),g=require("./dismissable-layer-DNfrKA20.js"),h=require("./positioner-D_fqyx_j.js");require("./listbox-CTpRpuF7.js");const l=160,x=["--ui-split-button-menu-bg","--ui-split-button-menu-color","--ui-split-button-menu-border","--ui-split-button-menu-radius","--ui-split-button-menu-shadow","--ui-split-button-menu-accent","--ui-split-button-menu-accent-strong","--ui-split-button-menu-shortcut","--ui-split-button-menu-separator","--ui-split-button-menu-muted","--ui-split-button-menu-danger","--ui-split-button-menu-option-border","--ui-split-button-menu-option-border-strong","--ui-split-button-menu-option-shadow","--ui-split-button-menu-affordance-bg","--ui-split-button-menu-affordance-border","--ui-split-button-menu-affordance-size","--ui-split-button-menu-list-gap","--ui-split-button-menu-list-padding-top","--ui-split-button-menu-item-min-height","--ui-split-button-menu-item-radius","--ui-split-button-menu-item-padding"],v=`
   :host {
     --ui-split-button-radius: 12px;
     --ui-split-button-border: 1px solid color-mix(in srgb, var(--ui-color-border, #cbd5e1) 70%, transparent);

package/dist/split-button.esm.js

@@ -1,8 +1,8 @@
-import { E as c } from "./ElementBase-YlTLMsGk.mjs";
+import { E as c } from "./ElementBase-BeZT54Hj.mjs";
 import { b } from "./portal-bR42gHvG.mjs";
 import { c as f } from "./dismissable-layer-BmPIoK80.mjs";
 import { e as g } from "./positioner-D0VGxtYU.mjs";
-import "./listbox-DJamVeFj.mjs";
+import "./listbox-hMVOhKHC.mjs";
 const l = 160, h = [
   "--ui-split-button-menu-bg",
   "--ui-split-button-menu-color",

package/dist/splitter.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./ElementBase-EV6mVBUV.js"),l=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./ElementBase-DxbvhLJs.js"),l=`
   :host {
     --ui-splitter-size: 10px;
     --ui-splitter-hit-area: 10px;

package/dist/splitter.esm.js

@@ -1,4 +1,4 @@
-import { E as s } from "./ElementBase-YlTLMsGk.mjs";
+import { E as s } from "./ElementBase-BeZT54Hj.mjs";
 const r = `
   :host {
     --ui-splitter-size: 10px;

package/dist/stepper.cjs.js

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("./ElementBase-EV6mVBUV.js"),g=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("./ElementBase-DxbvhLJs.js"),g=`
   :host {
     --ui-stepper-gap: 8px;
     --ui-stepper-radius: 12px;
     --ui-stepper-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 95%, transparent);
     --ui-stepper-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent);
     --ui-stepper-text: var(--ui-color-text, #0f172a);
-    --ui-stepper-muted: var(--ui-color-muted, #64748b);
+    --ui-stepper-muted: var(--ui-color-muted, #526175);
     --ui-stepper-accent: var(--ui-color-primary, #2563eb);
     --ui-stepper-focus: var(--ui-color-focus-ring, #2563eb);
     --ui-stepper-indicator-duration: 1.6s;

package/dist/stepper.esm.js

@@ -1,4 +1,4 @@
-import { E as d } from "./ElementBase-YlTLMsGk.mjs";
+import { E as d } from "./ElementBase-BeZT54Hj.mjs";
 const b = `
   :host {
     --ui-stepper-gap: 8px;
@@ -6,7 +6,7 @@ const b = `
     --ui-stepper-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 95%, transparent);
     --ui-stepper-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent);
     --ui-stepper-text: var(--ui-color-text, #0f172a);
-    --ui-stepper-muted: var(--ui-color-muted, #64748b);
+    --ui-stepper-muted: var(--ui-color-muted, #526175);
     --ui-stepper-accent: var(--ui-color-primary, #2563eb);
     --ui-stepper-focus: var(--ui-color-focus-ring, #2563eb);
     --ui-stepper-indicator-duration: 1.6s;