@editora/ui-core 0.1.21 → 0.1.23

package/dist/toggle.esm.js

@@ -1,14 +1,14 @@
-import { E as g } from "./ElementBase-YlTLMsGk.mjs";
-const u = `
+import { E as l } from "./ElementBase-BeZT54Hj.mjs";
+const g = `
   :host {
     --ui-toggle-radius: 10px;
     --ui-toggle-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 74%, transparent);
     --ui-toggle-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
     --ui-toggle-color: var(--ui-color-text, #0f172a);
     --ui-toggle-active-bg: var(--ui-color-primary, #2563eb);
-    --ui-toggle-active-color: var(--ui-color-primary-foreground, #ffffff);
+    --ui-toggle-active-color: var(--ui-color-primary-foreground, var(--ui-color-foreground-on-primary, #ffffff));
     --ui-toggle-active-border: color-mix(in srgb, var(--ui-toggle-active-bg) 72%, #0f172a 28%);
-    --ui-toggle-muted: var(--ui-color-muted, #64748b);
+    --ui-toggle-muted: var(--ui-color-muted, #526175);
     --ui-toggle-focus: var(--ui-color-focus-ring, #2563eb);
     --ui-toggle-shadow:
       none;
@@ -67,7 +67,7 @@ const u = `
 
   :host([pressed]) .control,
   .control[aria-pressed="true"] {
-    background: color-mix(in srgb, var(--ui-toggle-active-bg) 88%, #ffffff 12%);
+    background: var(--ui-toggle-active-bg);
     border-color: var(--ui-toggle-active-border);
     color: var(--ui-toggle-active-color);
   }
@@ -161,17 +161,22 @@ const u = `
   }
 
   :host([tone="success"]) {
-    --ui-toggle-active-bg: var(--ui-color-success, #16a34a);
+    --ui-toggle-active-bg: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
-    --ui-toggle-active-bg: var(--ui-color-warning, #d97706);
+    --ui-toggle-active-bg: var(--ui-color-warning, #b45309);
   }
 
   :host([tone="danger"]) {
     --ui-toggle-active-bg: var(--ui-color-danger, #dc2626);
   }
 
+  /* The contrast variant draws dark text on its pressed fill, so the tones need light fills there. */
+  :host([variant="contrast"][tone="success"]) { --ui-toggle-active-bg: #86efac; }
+  :host([variant="contrast"][tone="warning"]) { --ui-toggle-active-bg: #fcd34d; }
+  :host([variant="contrast"][tone="danger"]) { --ui-toggle-active-bg: #fca5a5; }
+
   :host([disabled]) .control,
   :host([loading]) .control {
     opacity: 0.56;
@@ -219,7 +224,7 @@ const u = `
       --ui-toggle-shadow: none;
     }
   }
-`, l = /* @__PURE__ */ new Set(["icon-on", "icon-off", "aria-label"]);
+`, a = /* @__PURE__ */ new Set(["icon-on", "icon-off", "aria-label"]);
 function c(o) {
   if (o == null) return !1;
   const e = String(o).toLowerCase();
@@ -228,7 +233,7 @@ function c(o) {
 function n(o) {
   return String(o).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-class d extends g {
+class u extends l {
   constructor() {
     super(), this._control = null, this._onClick = this._onClick.bind(this), this._onKeyDown = this._onKeyDown.bind(this);
   }
@@ -260,7 +265,7 @@ class d extends g {
   }
   attributeChangedCallback(e, t, i) {
     if (t !== i) {
-      if (l.has(e)) {
+      if (a.has(e)) {
         super.attributeChangedCallback(e, t, i);
         return;
       }
@@ -296,16 +301,16 @@ class d extends g {
     this.dispatchEvent(new CustomEvent("input", { detail: i, bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("change", { detail: i, bubbles: !0, composed: !0 }));
   }
   _syncAria() {
-    const e = this.pressed, t = this.disabled, i = this.hasAttribute("loading"), s = this.hasAttribute("data-group-item");
-    s ? this.hasAttribute("aria-pressed") && this.removeAttribute("aria-pressed") : (this.setAttribute("role", "button"), this.setAttribute("aria-pressed", e ? "true" : "false")), this.setAttribute("aria-disabled", t ? "true" : "false"), this.setAttribute("aria-busy", i ? "true" : "false");
+    const e = this.pressed, t = this.disabled, i = this.hasAttribute("loading");
+    this.hasAttribute("data-group-item") ? this.hasAttribute("aria-pressed") && this.removeAttribute("aria-pressed") : (this.setAttribute("role", "button"), this.setAttribute("aria-pressed", e ? "true" : "false")), this.setAttribute("aria-disabled", t ? "true" : "false"), this.setAttribute("aria-busy", i ? "true" : "false");
     const r = this.getAttribute("tabindex");
     if (t)
       this.hasAttribute("data-ui-prev-tabindex") || this.setAttribute("data-ui-prev-tabindex", r ?? ""), r !== "-1" && this.setAttribute("tabindex", "-1");
     else {
-      const a = this.getAttribute("data-ui-prev-tabindex");
-      a != null ? (a ? this.setAttribute("tabindex", a) : this.removeAttribute("tabindex"), this.removeAttribute("data-ui-prev-tabindex")) : r == null && this.setAttribute("tabindex", "0");
+      const s = this.getAttribute("data-ui-prev-tabindex");
+      s != null ? (s ? this.setAttribute("tabindex", s) : this.removeAttribute("tabindex"), this.removeAttribute("data-ui-prev-tabindex")) : r == null && this.setAttribute("tabindex", "0");
     }
-    this._control && (this._control.disabled = t, s ? this._control.removeAttribute("aria-pressed") : this._control.setAttribute("aria-pressed", e ? "true" : "false"), this._control.setAttribute("aria-disabled", t ? "true" : "false"), this._control.setAttribute("aria-busy", i ? "true" : "false"));
+    this._control && this._control.toggleAttribute("data-disabled", t);
   }
   _onClick(e) {
     const t = e.target;
@@ -315,30 +320,26 @@ class d extends g {
     this.disabled || (e.key === " " || e.key === "Enter") && (e.preventDefault(), this.toggle());
   }
   render() {
-    const e = this.pressed, t = this.disabled, i = this.getAttribute("icon-on") || "●", s = this.getAttribute("icon-off") || "○", r = this.getAttribute("aria-label") || "Toggle";
-    this.setContent(`
-      <style>${u}</style>
-      <button
-        type="button"
+    this.pressed;
+    const e = this.disabled, t = this.getAttribute("icon-on") || "●", i = this.getAttribute("icon-off") || "○";
+    this.getAttribute("aria-label"), this.setContent(`
+      <style>${g}</style>
+      <span
         class="control"
         part="control"
-        aria-label="${n(r)}"
-        aria-pressed="${e ? "true" : "false"}"
-        aria-disabled="${t ? "true" : "false"}"
-        tabindex="-1"
-        ${t ? "disabled" : ""}
+        ${e ? "data-disabled" : ""}
       >
-        <span class="icon icon-off" part="icon-off" aria-hidden="true">${n(s)}</span>
-        <span class="icon icon-on" part="icon-on" aria-hidden="true">${n(i)}</span>
+        <span class="icon icon-off" part="icon-off" aria-hidden="true">${n(i)}</span>
+        <span class="icon icon-on" part="icon-on" aria-hidden="true">${n(t)}</span>
         <span class="label" part="label"><slot></slot></span>
-      </button>
+      </span>
     `), this._control = this.root.querySelector(".control"), this._syncAria();
   }
   shouldRenderOnAttributeChange(e, t, i) {
-    return l.has(e);
+    return a.has(e);
   }
 }
-typeof customElements < "u" && !customElements.get("ui-toggle") && customElements.define("ui-toggle", d);
+typeof customElements < "u" && !customElements.get("ui-toggle") && customElements.define("ui-toggle", u);
 export {
-  d as UIToggle
+  u as UIToggle
 };

package/dist/toolbar.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./ElementBase-EV6mVBUV.js"),i=require("./roving-focus-group-BdJ_4Njm.js"),b=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./ElementBase-DxbvhLJs.js"),i=require("./roving-focus-group-BdJ_4Njm.js"),b=`
   :host {
     --ui-toolbar-gap: 8px;
     --ui-toolbar-padding: 8px;

package/dist/toolbar.esm.js

@@ -1,4 +1,4 @@
-import { E as c } from "./ElementBase-YlTLMsGk.mjs";
+import { E as c } from "./ElementBase-BeZT54Hj.mjs";
 import { m as d, r as u, s, f as l, g as b } from "./roving-focus-group-Dbm1Jko_.mjs";
 const f = `
   :host {

package/dist/tooltip.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E=require("./ElementBase-EV6mVBUV.js"),w=require("./portal-DgpQ3Jo1.js"),d=140,y=120,m=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E=require("./ElementBase-DxbvhLJs.js"),w=require("./portal-DgpQ3Jo1.js"),d=140,y=120,m=`
   .tooltip {
     color-scheme: light dark;
     --ui-tooltip-bg: color-mix(in srgb, var(--ui-color-text, #0f172a) 92%, #0b1220 8%);
@@ -77,13 +77,13 @@
   }
 
   .tooltip[data-tone="success"] {
-    --ui-tooltip-bg: color-mix(in srgb, var(--ui-color-success, #16a34a) 84%, #052e16 16%);
-    --ui-tooltip-border: color-mix(in srgb, var(--ui-color-success, #16a34a) 42%, transparent);
+    --ui-tooltip-bg: color-mix(in srgb, var(--ui-color-success, #15803d) 84%, #052e16 16%);
+    --ui-tooltip-border: color-mix(in srgb, var(--ui-color-success, #15803d) 42%, transparent);
   }
 
   .tooltip[data-tone="warning"] {
-    --ui-tooltip-bg: color-mix(in srgb, var(--ui-color-warning, #d97706) 84%, #451a03 16%);
-    --ui-tooltip-border: color-mix(in srgb, var(--ui-color-warning, #d97706) 42%, transparent);
+    --ui-tooltip-bg: color-mix(in srgb, var(--ui-color-warning, #b45309) 84%, #451a03 16%);
+    --ui-tooltip-border: color-mix(in srgb, var(--ui-color-warning, #b45309) 42%, transparent);
   }
 
   .tooltip[data-tone="danger"] {

package/dist/tooltip.esm.js

@@ -1,4 +1,4 @@
-import { E as x } from "./ElementBase-YlTLMsGk.mjs";
+import { E as x } from "./ElementBase-BeZT54Hj.mjs";
 import { s as E } from "./portal-bR42gHvG.mjs";
 const d = 140, w = 120, m = `
   .tooltip {
@@ -79,13 +79,13 @@ const d = 140, w = 120, m = `
   }
 
   .tooltip[data-tone="success"] {
-    --ui-tooltip-bg: color-mix(in srgb, var(--ui-color-success, #16a34a) 84%, #052e16 16%);
-    --ui-tooltip-border: color-mix(in srgb, var(--ui-color-success, #16a34a) 42%, transparent);
+    --ui-tooltip-bg: color-mix(in srgb, var(--ui-color-success, #15803d) 84%, #052e16 16%);
+    --ui-tooltip-border: color-mix(in srgb, var(--ui-color-success, #15803d) 42%, transparent);
   }
 
   .tooltip[data-tone="warning"] {
-    --ui-tooltip-bg: color-mix(in srgb, var(--ui-color-warning, #d97706) 84%, #451a03 16%);
-    --ui-tooltip-border: color-mix(in srgb, var(--ui-color-warning, #d97706) 42%, transparent);
+    --ui-tooltip-bg: color-mix(in srgb, var(--ui-color-warning, #b45309) 84%, #451a03 16%);
+    --ui-tooltip-border: color-mix(in srgb, var(--ui-color-warning, #b45309) 42%, transparent);
   }
 
   .tooltip[data-tone="danger"] {

package/dist/transfer-list.cjs.js

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("./ElementBase-EV6mVBUV.js"),U=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("./ElementBase-DxbvhLJs.js"),U=`
   :host {
     --ui-transfer-accent: var(--ui-color-primary, #2563eb);
     --ui-transfer-text: var(--ui-color-text, #0f172a);
-    --ui-transfer-muted: var(--ui-color-muted, #64748b);
+    --ui-transfer-muted: var(--ui-color-muted, #526175);
     --ui-transfer-shell-bg: transparent;
     --ui-transfer-shell-border-color: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 84%, transparent);
     --ui-transfer-shell-border: 1px solid var(--ui-transfer-shell-border-color);
@@ -193,11 +193,11 @@
   }
 
   :host([tone="success"]) {
-    --ui-transfer-accent: var(--ui-color-success, #16a34a);
+    --ui-transfer-accent: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
-    --ui-transfer-accent: var(--ui-color-warning, #d97706);
+    --ui-transfer-accent: var(--ui-color-warning, #b45309);
   }
 
   :host([tone="danger"]) {

package/dist/transfer-list.esm.js

@@ -1,9 +1,9 @@
-import { E as D } from "./ElementBase-YlTLMsGk.mjs";
+import { E as D } from "./ElementBase-BeZT54Hj.mjs";
 const q = `
   :host {
     --ui-transfer-accent: var(--ui-color-primary, #2563eb);
     --ui-transfer-text: var(--ui-color-text, #0f172a);
-    --ui-transfer-muted: var(--ui-color-muted, #64748b);
+    --ui-transfer-muted: var(--ui-color-muted, #526175);
     --ui-transfer-shell-bg: transparent;
     --ui-transfer-shell-border-color: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 84%, transparent);
     --ui-transfer-shell-border: 1px solid var(--ui-transfer-shell-border-color);
@@ -194,11 +194,11 @@ const q = `
   }
 
   :host([tone="success"]) {
-    --ui-transfer-accent: var(--ui-color-success, #16a34a);
+    --ui-transfer-accent: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
-    --ui-transfer-accent: var(--ui-color-warning, #d97706);
+    --ui-transfer-accent: var(--ui-color-warning, #b45309);
   }
 
   :host([tone="danger"]) {

package/dist/{tree-B3kE8ESs.mjs → tree-B_oQput6.mjs}

@@ -1,54 +1,54 @@
-import { E as g } from "./ElementBase-YlTLMsGk.mjs";
+import { E as g } from "./ElementBase-BeZT54Hj.mjs";
 import { n as b } from "./collection-C7URGjEI.mjs";
 import { UITreeItem as f } from "./tree-item.esm.js";
-function C(l, t) {
+function C(a, t) {
   const e = [], i = t.getExpanded || (() => !1), r = t.getDisabled || (() => !1), s = (d, n, o) => {
-    d.forEach((a) => {
-      const u = t.getChildren(a) || [], c = {
-        item: a,
-        id: t.getId(a),
-        label: t.getLabel(a),
+    d.forEach((l) => {
+      const u = t.getChildren(l) || [], c = {
+        item: l,
+        id: t.getId(l),
+        label: t.getLabel(l),
         level: n,
         parentId: o,
-        disabled: r(a),
-        expanded: i(a),
+        disabled: r(l),
+        expanded: i(l),
         hasChildren: u.length > 0
       };
       e.push(c), s(u, n + 1, c.id);
     });
   };
-  return s(l, 1, null), e;
+  return s(a, 1, null), e;
 }
-function _(l, t) {
+function _(a, t) {
   const e = [], i = t.getExpanded || (() => !1), r = t.getDisabled || (() => !1), s = (d, n, o) => {
-    d.forEach((a) => {
-      const u = t.getChildren(a) || [], c = i(a), h = {
-        item: a,
-        id: t.getId(a),
-        label: t.getLabel(a),
+    d.forEach((l) => {
+      const u = t.getChildren(l) || [], c = i(l), h = {
+        item: l,
+        id: t.getId(l),
+        label: t.getLabel(l),
         level: n,
         parentId: o,
-        disabled: r(a),
+        disabled: r(l),
         expanded: c,
         hasChildren: u.length > 0
       };
       e.push(h), h.hasChildren && c && s(u, n + 1, h.id);
     });
   };
-  return s(l, 1, null), e;
+  return s(a, 1, null), e;
 }
-function p(l, t) {
-  return l.findIndex((e) => e.id === t);
+function p(a, t) {
+  return a.findIndex((e) => e.id === t);
 }
-function m(l, t) {
-  const e = l[t];
-  return e?.parentId ? l.findIndex((i) => i.id === e.parentId) : -1;
+function y(a, t) {
+  const e = a[t];
+  return e?.parentId ? a.findIndex((i) => i.id === e.parentId) : -1;
 }
-function y(l, t, e = -1) {
+function m(a, t, e = -1) {
   const i = b(t);
   if (!i) return -1;
-  for (let r = 1; r <= l.length; r += 1) {
-    const s = (e + r + l.length) % l.length, d = l[s];
+  for (let r = 1; r <= a.length; r += 1) {
+    const s = (e + r + a.length) % a.length, d = a[s];
     if (!d.disabled && b(d.label).startsWith(i))
       return s;
   }
@@ -61,7 +61,7 @@ const v = `
     --ui-tree-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 98%, transparent);
     --ui-tree-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 72%, transparent);
     --ui-tree-text: var(--ui-color-text, #0f172a);
-    --ui-tree-muted: var(--ui-color-muted, #64748b);
+    --ui-tree-muted: var(--ui-color-muted, #526175);
     display: block;
     min-inline-size: 0;
     color-scheme: light dark;
@@ -93,7 +93,7 @@ class x extends g {
     super(), this._observer = null, this._focusedValue = null, this._typeaheadBuffer = "", this._typeaheadTimer = null, this._onClick = this._onClick.bind(this), this._onKeyDown = this._onKeyDown.bind(this), this._onMutation = this._onMutation.bind(this);
   }
   static get observedAttributes() {
-    return ["value", "indent-size"];
+    return ["value", "indent-size", "aria-label", "aria-labelledby"];
   }
   connectedCallback() {
     super.connectedCallback(), this.addEventListener("click", this._onClick), this.addEventListener("keydown", this._onKeyDown), this._observer = new MutationObserver(this._onMutation), this._observer.observe(this, { childList: !0, subtree: !0, attributes: !0, attributeFilter: ["expanded", "selected", "disabled", "label", "value"] }), queueMicrotask(() => this._syncTree());
@@ -247,7 +247,7 @@ class x extends g {
           this.collapse(r.id);
           return;
         }
-        const s = m(e, i);
+        const s = y(e, i);
         s >= 0 && this.focusValue(e[s].id);
         return;
       }
@@ -259,18 +259,19 @@ class x extends g {
         this._typeaheadBuffer = `${this._typeaheadBuffer}${t.key.toLowerCase()}`.slice(0, 24), this._typeaheadTimer != null && window.clearTimeout(this._typeaheadTimer), this._typeaheadTimer = window.setTimeout(() => {
           this._typeaheadBuffer = "", this._typeaheadTimer = null;
         }, 420);
-        const s = y(e, this._typeaheadBuffer, i);
+        const s = m(e, this._typeaheadBuffer, i);
         s >= 0 && (t.preventDefault(), this.focusValue(e[s].id));
       }
     }
   }
   shouldRenderOnAttributeChange(t) {
-    return t === "indent-size";
+    return t === "indent-size" || t === "aria-label" || t === "aria-labelledby";
   }
   render() {
+    const t = (this.getAttribute("aria-label") || "").trim(), e = (this.getAttribute("aria-labelledby") || "").trim(), i = (s) => s.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), r = (t ? ` aria-label="${i(t)}"` : "") + (e ? ` aria-labelledby="${i(e)}"` : "");
     this.setContent(`
       <style>${v}</style>
-      <div class="tree" part="tree" role="tree">
+      <div class="tree" part="tree" role="tree"${r}>
         <slot></slot>
       </div>
     `), queueMicrotask(() => this._syncTree());
@@ -280,8 +281,8 @@ typeof customElements < "u" && !customElements.get("ui-tree") && customElements.
 export {
   x as U,
   p as a,
-  y as b,
+  m as b,
   C as c,
   _ as d,
-  m as f
+  y as f
 };

package/dist/tree-SivHxcAy.js

@@ -0,0 +1,39 @@
+"use strict";const v=require("./ElementBase-DxbvhLJs.js"),p=require("./collection-qv8A8rq4.js"),f=require("./tree-item.cjs.js");function x(l,t){const e=[],i=t.getExpanded||(()=>!1),r=t.getDisabled||(()=>!1),s=(d,n,o)=>{d.forEach(a=>{const u=t.getChildren(a)||[],c={item:a,id:t.getId(a),label:t.getLabel(a),level:n,parentId:o,disabled:r(a),expanded:i(a),hasChildren:u.length>0};e.push(c),s(u,n+1,c.id)})};return s(l,1,null),e}function g(l,t){const e=[],i=t.getExpanded||(()=>!1),r=t.getDisabled||(()=>!1),s=(d,n,o)=>{d.forEach(a=>{const u=t.getChildren(a)||[],c=i(a),h={item:a,id:t.getId(a),label:t.getLabel(a),level:n,parentId:o,disabled:r(a),expanded:c,hasChildren:u.length>0};e.push(h),h.hasChildren&&c&&s(u,n+1,h.id)})};return s(l,1,null),e}function b(l,t){return l.findIndex(e=>e.id===t)}function _(l,t){const e=l[t];return e?.parentId?l.findIndex(i=>i.id===e.parentId):-1}function y(l,t,e=-1){const i=p.normalizeCollectionText(t);if(!i)return-1;for(let r=1;r<=l.length;r+=1){const s=(e+r+l.length)%l.length,d=l[s];if(!d.disabled&&p.normalizeCollectionText(d.label).startsWith(i))return s}return-1}const T=`
+  :host {
+    --ui-tree-indent: 16px;
+    --ui-tree-radius: 14px;
+    --ui-tree-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 98%, transparent);
+    --ui-tree-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 72%, transparent);
+    --ui-tree-text: var(--ui-color-text, #0f172a);
+    --ui-tree-muted: var(--ui-color-muted, #526175);
+    display: block;
+    min-inline-size: 0;
+    color-scheme: light dark;
+    font-family: "Inter", "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  }
+
+  .tree {
+    min-inline-size: 0;
+    display: grid;
+    gap: 4px;
+    padding: 10px;
+    border: 1px solid var(--ui-tree-border);
+    border-radius: var(--ui-tree-radius);
+    background: var(--ui-tree-bg);
+    color: var(--ui-tree-text);
+  }
+
+  @media (forced-colors: active) {
+    .tree {
+      forced-color-adjust: none;
+      background: Canvas;
+      color: CanvasText;
+      border-color: CanvasText;
+    }
+  }
+`;class m extends v.ElementBase{constructor(){super(),this._observer=null,this._focusedValue=null,this._typeaheadBuffer="",this._typeaheadTimer=null,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onMutation=this._onMutation.bind(this)}static get observedAttributes(){return["value","indent-size","aria-label","aria-labelledby"]}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this._onClick),this.addEventListener("keydown",this._onKeyDown),this._observer=new MutationObserver(this._onMutation),this._observer.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["expanded","selected","disabled","label","value"]}),queueMicrotask(()=>this._syncTree())}disconnectedCallback(){this.removeEventListener("click",this._onClick),this.removeEventListener("keydown",this._onKeyDown),this._observer?.disconnect(),this._observer=null,this._typeaheadTimer!=null&&window.clearTimeout(this._typeaheadTimer),super.disconnectedCallback()}get value(){return this.getAttribute("value")||""}set value(t){t?this.setAttribute("value",t):this.removeAttribute("value")}expand(t){const e=this._findByValue(t);!e||e.childItems.length===0||(e.setAttribute("expanded",""),this._emitToggle(e,!0),this._syncTree())}collapse(t){const e=this._findByValue(t);!e||e.childItems.length===0||(e.removeAttribute("expanded"),this._emitToggle(e,!1),this._syncTree())}toggle(t){const e=this._findByValue(t);if(!e||e.childItems.length===0)return;const i=!e.hasAttribute("expanded");e.toggleAttribute("expanded",i),this._emitToggle(e,i),this._syncTree()}select(t){const e=this._findByValue(t);!e||e.hasAttribute("disabled")||(this.value=t,this._focusedValue=t,this._emitSelect(e),this._syncTree())}focusValue(t){const e=this._findByValue(t);e&&(this._focusedValue=t,this._syncTree(),e.focusRow({preventScroll:!0}))}_onMutation(){this._syncTree()}_allItems(){return Array.from(this.querySelectorAll("ui-tree-item")).filter(t=>t instanceof f.UITreeItem&&t.closest("ui-tree")===this)}_rootItems(){return Array.from(this.children).filter(t=>t instanceof f.UITreeItem)}_visibleRecords(){const t=this._rootItems();return g(t,{getId:e=>e.value,getLabel:e=>e.label,getChildren:e=>e.childItems,getExpanded:e=>e.hasAttribute("expanded"),getDisabled:e=>e.hasAttribute("disabled")}).map(e=>({...e,item:e.item}))}_findByValue(t){return this._allItems().find(e=>e.value===t)||null}_syncTree(){const t=this._allItems(),e=this._visibleRecords(),i=this.value||e.find(n=>!n.disabled)?.id||"",r=this._focusedValue&&e.some(n=>n.id===this._focusedValue)?this._focusedValue:i;this._focusedValue=r||null;const s=new Set(e.map(n=>n.id)),d=new Map(e.map(n=>[n.id,n]));t.forEach(n=>{const o=d.get(n.value);n.style.setProperty("--ui-tree-indent",this.getAttribute("indent-size")||"16px"),n.applyTreeState({level:o?.level||1,hasChildren:n.childItems.length>0,expanded:n.hasAttribute("expanded"),selected:n.value===i,active:n.value===r,hidden:!s.has(n.value)})})}_moveFocus(t){const e=this._visibleRecords();if(!e.length)return;const i=b(e,this._focusedValue||this.value||""),r=i>=0?i:-1;for(let s=1;s<=e.length;s+=1){const d=(r+t*s+e.length)%e.length,n=e[d];if(!n.disabled){this.focusValue(n.id);return}}}_emitSelect(t){this.dispatchEvent(new CustomEvent("select",{detail:{value:t.value,label:t.label},bubbles:!0,composed:!0}))}_emitToggle(t,e){this.dispatchEvent(new CustomEvent("expanded-change",{detail:{value:t.value,expanded:e},bubbles:!0,composed:!0}))}_onClick(t){const e=t.composedPath(),i=e.find(s=>s instanceof f.UITreeItem);if(!i||i.hasAttribute("disabled"))return;const r=e.find(s=>s instanceof HTMLElement&&s.getAttribute("data-action")==="toggle");if(this._focusedValue=i.value,r&&i.childItems.length>0){this.toggle(i.value);return}this.select(i.value)}_onKeyDown(t){const e=this._visibleRecords();if(!e.length)return;const i=b(e,this._focusedValue||this.value||""),r=i>=0?e[i]:e[0];if(r){if(t.key==="ArrowDown"){t.preventDefault(),this._moveFocus(1);return}if(t.key==="ArrowUp"){t.preventDefault(),this._moveFocus(-1);return}if(t.key==="Home"){t.preventDefault(),this.focusValue(e[0].id);return}if(t.key==="End"){t.preventDefault(),this.focusValue(e[e.length-1].id);return}if(t.key==="ArrowRight"){if(t.preventDefault(),r.hasChildren&&!r.expanded){this.expand(r.id);return}if(r.hasChildren&&r.expanded){const s=e[i+1];s?.parentId===r.id&&this.focusValue(s.id)}return}if(t.key==="ArrowLeft"){if(t.preventDefault(),r.hasChildren&&r.expanded){this.collapse(r.id);return}const s=_(e,i);s>=0&&this.focusValue(e[s].id);return}if(t.key==="Enter"||t.key===" "){t.preventDefault(),this.select(r.id);return}if(t.key.length===1&&/\S/.test(t.key)){this._typeaheadBuffer=`${this._typeaheadBuffer}${t.key.toLowerCase()}`.slice(0,24),this._typeaheadTimer!=null&&window.clearTimeout(this._typeaheadTimer),this._typeaheadTimer=window.setTimeout(()=>{this._typeaheadBuffer="",this._typeaheadTimer=null},420);const s=y(e,this._typeaheadBuffer,i);s>=0&&(t.preventDefault(),this.focusValue(e[s].id))}}}shouldRenderOnAttributeChange(t){return t==="indent-size"||t==="aria-label"||t==="aria-labelledby"}render(){const t=(this.getAttribute("aria-label")||"").trim(),e=(this.getAttribute("aria-labelledby")||"").trim(),i=s=>s.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;"),r=(t?` aria-label="${i(t)}"`:"")+(e?` aria-labelledby="${i(e)}"`:"");this.setContent(`
+      <style>${T}</style>
+      <div class="tree" part="tree" role="tree"${r}>
+        <slot></slot>
+      </div>
+    `),queueMicrotask(()=>this._syncTree())}}typeof customElements<"u"&&!customElements.get("ui-tree")&&customElements.define("ui-tree",m);exports.UITree=m;exports.findParentTreeRecordIndex=_;exports.findTreeRecordIndexById=b;exports.findTreeTypeaheadMatch=y;exports.flattenTree=x;exports.flattenVisibleTree=g;

package/dist/tree-item.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./ElementBase-EV6mVBUV.js"),i=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./ElementBase-DxbvhLJs.js"),i=`
   :host {
     --ui-tree-indent: 16px;
     --ui-tree-level: 1;

package/dist/tree-item.esm.js

@@ -1,4 +1,4 @@
-import { E as r } from "./ElementBase-YlTLMsGk.mjs";
+import { E as r } from "./ElementBase-BeZT54Hj.mjs";
 const i = `
   :host {
     --ui-tree-indent: 16px;

package/dist/tree.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./tree-Dx_kv_ih.js");exports.UITree=e.UITree;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./tree-SivHxcAy.js");exports.UITree=e.UITree;

package/dist/tree.esm.js

@@ -1,4 +1,4 @@
-import { U as o } from "./tree-B3kE8ESs.mjs";
+import { U as o } from "./tree-B_oQput6.mjs";
 export {
   o as UITree
 };

package/dist/trigger-BjnxLCeQ.mjs

@@ -0,0 +1,9 @@
+const n = 'button, a[href], input, select, textarea, summary, [role="button"], [tabindex]:not([tabindex="-1"]), ui-button';
+function o(t) {
+  if (t.matches(n)) return t;
+  const e = t.querySelector(n);
+  return e || (t.hasAttribute("role") || t.setAttribute("role", "button"), t.hasAttribute("tabindex") || t.setAttribute("tabindex", "0"), t);
+}
+export {
+  o as r
+};

package/dist/trigger-DkPsKxsP.js

@@ -0,0 +1 @@
+"use strict";const n='button, a[href], input, select, textarea, summary, [role="button"], [tabindex]:not([tabindex="-1"]), ui-button';function o(t){if(t.matches(n))return t;const e=t.querySelector(n);return e||(t.hasAttribute("role")||t.setAttribute("role","button"),t.hasAttribute("tabindex")||t.setAttribute("tabindex","0"),t)}exports.resolveTriggerControl=o;