@editora/ui-core 0.1.25 → 0.2.1

package/dist/floating-toolbar.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./ElementBase-DxbvhLJs.js"),d=require("./positioner-D_fqyx_j.js"),b=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./ElementBase-DxbvhLJs.js"),d=require("./positioner-DZ1FW6A9.js"),c=`
   :host {
     position: fixed;
     inset: 0;
@@ -7,14 +7,13 @@
     display: none;
     color-scheme: light dark;
 
-    --ui-floating-toolbar-bg: var(--ui-color-surface, #ffffff);
+    --ui-floating-toolbar-bg: var(--color-panel-solid, var(--ui-color-surface, #ffffff));
     --ui-floating-toolbar-color: var(--ui-color-text, #0f172a);
     --ui-floating-toolbar-muted: var(--ui-color-muted, #526175);
     --ui-floating-toolbar-border-color: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 72%, transparent);
     --ui-floating-toolbar-border: 1px solid var(--ui-floating-toolbar-border-color);
-    --ui-floating-toolbar-radius: 12px;
-    --ui-floating-toolbar-shadow:
-      none;
+    --ui-floating-toolbar-radius: calc(var(--ui-radius, 6px) + 2px);
+    --ui-floating-toolbar-shadow: var(--shadow-5, 0 8px 24px rgba(15, 23, 42, 0.12));
     --ui-floating-toolbar-padding: 6px;
     --ui-floating-toolbar-gap: 6px;
     --ui-floating-toolbar-focus-ring: var(--ui-color-focus-ring, #2563eb);
@@ -200,8 +199,8 @@
       transition: none !important;
     }
   }
-`;function c(o,t){if(o==null||o==="")return t;const e=Number(o);return Number.isFinite(e)?e:t}function a(o,t){if(o==null)return t;const e=o.trim().toLowerCase();return e!=="false"&&e!=="0"&&e!=="off"}function f(o){if(!document.body.contains(o))return!1;const t=window.getComputedStyle(o);return!(t.display==="none"||t.visibility==="hidden"||Number.parseFloat(t.opacity||"1")<=0)}function p(o){return o==="top"||o==="bottom"?o:"auto"}function g(o){return o==="start"||o==="end"?o:"center"}function _(o,t){const e=o==="top"?"top":"bottom";return t==="start"?`${e}-start`:t==="end"?`${e}-end`:e}function m(o){const t='button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])',e=[];return o.forEach(i=>{i instanceof HTMLElement&&(i.matches(t)&&e.push(i),e.push(...Array.from(i.querySelectorAll(t))))}),Array.from(new Set(e))}class l extends h.ElementBase{constructor(){super(...arguments),this._anchor=null,this._panel=null,this._toolbarSlot=null,this._defaultSlot=null,this._raf=null,this._resizeObserver=null,this._mutationObserver=null,this._positioner=null,this._positionerPlacement=null,this._positionerOffset=0,this._globalListenersBound=!1,this._isOpen=!1,this._closeReason="programmatic",this._onWindowChangeBound=this._onWindowChange.bind(this),this._onDocumentPointerDownBound=this._onDocumentPointerDown.bind(this),this._onDocumentKeyDownBound=this._onDocumentKeyDown.bind(this),this._onPanelKeyDownBound=this._onPanelKeyDown.bind(this),this._onSlotChangeBound=this._onSlotChange.bind(this)}static get observedAttributes(){return["open","anchor-id","headless","disabled","placement","align","offset","close-on-outside","close-on-escape","aria-label","aria-labelledby","variant","density","shape","elevation","tone"]}connectedCallback(){super.connectedCallback(),this._syncAnchorFromAttribute(),this._syncOpenState(),this._schedulePosition()}disconnectedCallback(){this._unbindGlobalListeners(),this._teardownObservers(),this._positioner?.destroy(),this._positioner=null,this._raf!=null&&(cancelAnimationFrame(this._raf),this._raf=null),super.disconnectedCallback()}attributeChangedCallback(t,e,i){if(e!==i){if(t==="anchor-id"){this._syncAnchorFromAttribute(),this.hasAttribute("open")&&!this._anchor&&this._requestClose("anchor-missing"),this._schedulePosition();return}if(t==="open"){this._syncOpenState(),this._schedulePosition();return}if(t==="disabled"){this.hasAttribute("disabled")&&this.hasAttribute("open")&&this._requestClose("disabled");return}if(t==="headless"){this._syncOpenState(),this._schedulePosition();return}if(t==="aria-label"||t==="aria-labelledby"){this._syncPanelA11y();return}(t==="placement"||t==="align"||t==="offset")&&this._schedulePosition()}}showForAnchorId(t){if(this.hasAttribute("disabled")||!t)return;const e=document.getElementById(t);if(!e){this._requestClose("anchor-missing");return}this._anchor=e,this.setAttribute("anchor-id",t),this.openToolbar()}hide(){this.closeToolbar("programmatic")}openToolbar(){this.hasAttribute("disabled")||(this.hasAttribute("open")||this.setAttribute("open",""),this._schedulePosition())}closeToolbar(t="programmatic"){this.hasAttribute("open")&&(this._closeReason=t,this.removeAttribute("open"))}_syncOpenState(){const t=this.hasAttribute("open")&&!this.hasAttribute("headless")&&!this.hasAttribute("disabled");if(t===this._isOpen){t&&this._schedulePosition();return}if(this._isOpen=t,t){this._bindGlobalListeners(),this._ensureObservers(),this._dispatchOpenEvents(),this._schedulePosition();return}this._unbindGlobalListeners(),this._teardownObservers(),this._positioner?.destroy(),this._positioner=null,this._positionerPlacement=null,this._positionerOffset=0,this._raf!=null&&(cancelAnimationFrame(this._raf),this._raf=null),this._dispatchCloseEvents(this._closeReason),this._closeReason="programmatic"}_dispatchOpenEvents(){this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{open:!0}}))}_dispatchCloseEvents(t){this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0,detail:{reason:t}})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{open:!1,reason:t}}))}_requestClose(t){if(!this.hasAttribute("open"))return;const e=new CustomEvent("request-close",{detail:{reason:t},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e);const i=new CustomEvent("ui-request-close",{detail:{reason:t},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(i),!(e.defaultPrevented||i.defaultPrevented)&&this.closeToolbar(t)}_syncAnchorFromAttribute(){const t=this.getAttribute("anchor-id");if(!t){this._anchor=null;return}this._anchor=document.getElementById(t)}_schedulePosition(){!this.hasAttribute("open")||this.hasAttribute("headless")||this.hasAttribute("disabled")||(this._raf!=null&&cancelAnimationFrame(this._raf),this._raf=requestAnimationFrame(()=>{this._raf=null,this._position()}))}_ensureObservers(){if(!(this._resizeObserver&&this._mutationObserver)){if(typeof ResizeObserver<"u"){if(this._resizeObserver=new ResizeObserver(()=>this._schedulePosition()),this._panel)try{this._resizeObserver.observe(this._panel)}catch{}if(this._anchor)try{this._resizeObserver.observe(this._anchor)}catch{}}if(typeof MutationObserver<"u"&&this._anchor){this._mutationObserver=new MutationObserver(()=>this._schedulePosition());try{this._mutationObserver.observe(this._anchor,{attributes:!0,childList:!1,subtree:!1})}catch{}}}}_teardownObservers(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._mutationObserver&&(this._mutationObserver.disconnect(),this._mutationObserver=null)}_refreshObservers(){this._isOpen&&(this._teardownObservers(),this._ensureObservers())}_bindGlobalListeners(){this._globalListenersBound||(window.addEventListener("scroll",this._onWindowChangeBound,{passive:!0,capture:!0}),window.addEventListener("resize",this._onWindowChangeBound),document.addEventListener("pointerdown",this._onDocumentPointerDownBound,!0),document.addEventListener("keydown",this._onDocumentKeyDownBound,!0),this._globalListenersBound=!0)}_unbindGlobalListeners(){this._globalListenersBound&&(window.removeEventListener("scroll",this._onWindowChangeBound,!0),window.removeEventListener("resize",this._onWindowChangeBound),document.removeEventListener("pointerdown",this._onDocumentPointerDownBound,!0),document.removeEventListener("keydown",this._onDocumentKeyDownBound,!0),this._globalListenersBound=!1)}_position(){if(!this.hasAttribute("open")||this.hasAttribute("headless")||this.hasAttribute("disabled"))return;if(!this._anchor){this._requestClose("anchor-missing");return}if(!f(this._anchor)){this._requestClose("anchor-hidden");return}if(!this._panel)return;const t=Math.max(0,c(this.getAttribute("offset"),8)),e=p(this.getAttribute("placement")),i=g(this.getAttribute("align")),r=_(e,i);if(!this._positioner||this._positionerPlacement!==r||this._positionerOffset!==t){this._positioner?.destroy(),this._positioner=d.createPositioner({anchor:this._anchor,floating:this._panel,placement:r,strategy:"fixed",offset:t,flip:!0,shift:!0,boundaryPadding:8,observeWindowResize:!1,observeScroll:!1,observeAncestorScroll:!1,observeAncestorResize:!1,observeLayoutShift:!1,observeAnchorResize:!1,observeFloatingResize:!1,onUpdate:s=>{const u=s.placement.startsWith("top")?"top":"bottom";this.style.setProperty("--ui-floating-toolbar-origin-x",i==="start"?"0%":i==="end"?"100%":"50%"),this._panel?.setAttribute("data-side",u)}}),this._positionerPlacement=r,this._positionerOffset=t;return}this._positioner?.update()}_onWindowChange(){this.hasAttribute("open")&&this._schedulePosition()}_onDocumentPointerDown(t){if(!this.hasAttribute("open")||!a(this.getAttribute("close-on-outside"),!0))return;const e=t.composedPath();e.includes(this)||this._anchor&&e.includes(this._anchor)||this._requestClose("outside")}_onDocumentKeyDown(t){this.hasAttribute("open")&&t.key==="Escape"&&a(this.getAttribute("close-on-escape"),!0)&&(t.preventDefault(),this._requestClose("escape"))}_onPanelKeyDown(t){if(!this._panel||!["ArrowRight","ArrowLeft","Home","End"].includes(t.key))return;const e=this._getFocusableItems();if(e.length===0)return;const i=document.activeElement,r=i?e.indexOf(i):-1;let n=r;t.key==="Home"?n=0:t.key==="End"?n=e.length-1:t.key==="ArrowRight"?n=r<0?0:(r+1)%e.length:t.key==="ArrowLeft"&&(n=r<0?e.length-1:(r-1+e.length)%e.length);const s=e[n];s&&(t.preventDefault(),s.focus())}_getFocusableItems(){const t=this._toolbarSlot?.assignedElements({flatten:!0})||[],e=this._defaultSlot?.assignedElements({flatten:!0})||[];return m([...t,...e])}_onSlotChange(){this._syncRowVisibility(),this._schedulePosition()}_syncRowVisibility(){const t=this.root.querySelector(".row-toolbar"),e=this.root.querySelector(".row-default");if(!t||!e)return;const i=(this._toolbarSlot?.assignedNodes({flatten:!0})||[]).some(n=>n.nodeType===Node.TEXT_NODE?!!n.textContent?.trim():n.nodeType===Node.ELEMENT_NODE),r=(this._defaultSlot?.assignedNodes({flatten:!0})||[]).some(n=>n.nodeType===Node.TEXT_NODE?!!n.textContent?.trim():n.nodeType===Node.ELEMENT_NODE);i?t.removeAttribute("hidden"):t.setAttribute("hidden",""),r?e.removeAttribute("hidden"):e.setAttribute("hidden","")}_syncPanelA11y(){if(!this._panel)return;const t=this.getAttribute("aria-labelledby"),e=this.getAttribute("aria-label")||(t?null:"Floating toolbar");t?this._panel.setAttribute("aria-labelledby",t):this._panel.removeAttribute("aria-labelledby"),e?this._panel.setAttribute("aria-label",e):this._panel.removeAttribute("aria-label")}render(){this.setContent(`
-      <style>${b}</style>
+`;function b(o,t){if(o==null||o==="")return t;const e=Number(o);return Number.isFinite(e)?e:t}function a(o,t){if(o==null)return t;const e=o.trim().toLowerCase();return e!=="false"&&e!=="0"&&e!=="off"}function f(o){if(!document.body.contains(o))return!1;const t=window.getComputedStyle(o);return!(t.display==="none"||t.visibility==="hidden"||Number.parseFloat(t.opacity||"1")<=0)}function p(o){return o==="top"||o==="bottom"?o:"auto"}function g(o){return o==="start"||o==="end"?o:"center"}function _(o,t){const e=o==="top"?"top":"bottom";return t==="start"?`${e}-start`:t==="end"?`${e}-end`:e}function m(o){const t='button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])',e=[];return o.forEach(i=>{i instanceof HTMLElement&&(i.matches(t)&&e.push(i),e.push(...Array.from(i.querySelectorAll(t))))}),Array.from(new Set(e))}class l extends h.ElementBase{constructor(){super(...arguments),this._anchor=null,this._panel=null,this._toolbarSlot=null,this._defaultSlot=null,this._raf=null,this._resizeObserver=null,this._mutationObserver=null,this._positioner=null,this._positionerPlacement=null,this._positionerOffset=0,this._globalListenersBound=!1,this._isOpen=!1,this._closeReason="programmatic",this._onWindowChangeBound=this._onWindowChange.bind(this),this._onDocumentPointerDownBound=this._onDocumentPointerDown.bind(this),this._onDocumentKeyDownBound=this._onDocumentKeyDown.bind(this),this._onPanelKeyDownBound=this._onPanelKeyDown.bind(this),this._onSlotChangeBound=this._onSlotChange.bind(this)}static get observedAttributes(){return["open","anchor-id","headless","disabled","placement","align","offset","close-on-outside","close-on-escape","aria-label","aria-labelledby","variant","density","shape","elevation","tone"]}connectedCallback(){super.connectedCallback(),this._syncAnchorFromAttribute(),this._syncOpenState(),this._schedulePosition()}disconnectedCallback(){this._unbindGlobalListeners(),this._teardownObservers(),this._positioner?.destroy(),this._positioner=null,this._raf!=null&&(cancelAnimationFrame(this._raf),this._raf=null),super.disconnectedCallback()}attributeChangedCallback(t,e,i){if(e!==i){if(t==="anchor-id"){this._syncAnchorFromAttribute(),this.hasAttribute("open")&&!this._anchor&&this._requestClose("anchor-missing"),this._schedulePosition();return}if(t==="open"){this._syncOpenState(),this._schedulePosition();return}if(t==="disabled"){this.hasAttribute("disabled")&&this.hasAttribute("open")&&this._requestClose("disabled");return}if(t==="headless"){this._syncOpenState(),this._schedulePosition();return}if(t==="aria-label"||t==="aria-labelledby"){this._syncPanelA11y();return}(t==="placement"||t==="align"||t==="offset")&&this._schedulePosition()}}showForAnchorId(t){if(this.hasAttribute("disabled")||!t)return;const e=document.getElementById(t);if(!e){this._requestClose("anchor-missing");return}this._anchor=e,this.setAttribute("anchor-id",t),this.openToolbar()}hide(){this.closeToolbar("programmatic")}openToolbar(){this.hasAttribute("disabled")||(this.hasAttribute("open")||this.setAttribute("open",""),this._schedulePosition())}closeToolbar(t="programmatic"){this.hasAttribute("open")&&(this._closeReason=t,this.removeAttribute("open"))}_syncOpenState(){const t=this.hasAttribute("open")&&!this.hasAttribute("headless")&&!this.hasAttribute("disabled");if(t===this._isOpen){t&&this._schedulePosition();return}if(this._isOpen=t,t){this._bindGlobalListeners(),this._ensureObservers(),this._dispatchOpenEvents(),this._schedulePosition();return}this._unbindGlobalListeners(),this._teardownObservers(),this._positioner?.destroy(),this._positioner=null,this._positionerPlacement=null,this._positionerOffset=0,this._raf!=null&&(cancelAnimationFrame(this._raf),this._raf=null),this._dispatchCloseEvents(this._closeReason),this._closeReason="programmatic"}_dispatchOpenEvents(){this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{open:!0}}))}_dispatchCloseEvents(t){this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0,detail:{reason:t}})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{open:!1,reason:t}}))}_requestClose(t){if(!this.hasAttribute("open"))return;const e=new CustomEvent("request-close",{detail:{reason:t},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e);const i=new CustomEvent("ui-request-close",{detail:{reason:t},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(i),!(e.defaultPrevented||i.defaultPrevented)&&this.closeToolbar(t)}_syncAnchorFromAttribute(){const t=this.getAttribute("anchor-id");if(!t){this._anchor=null;return}this._anchor=document.getElementById(t)}_schedulePosition(){!this.hasAttribute("open")||this.hasAttribute("headless")||this.hasAttribute("disabled")||(this._raf!=null&&cancelAnimationFrame(this._raf),this._raf=requestAnimationFrame(()=>{this._raf=null,this._position()}))}_ensureObservers(){if(!(this._resizeObserver&&this._mutationObserver)){if(typeof ResizeObserver<"u"){if(this._resizeObserver=new ResizeObserver(()=>this._schedulePosition()),this._panel)try{this._resizeObserver.observe(this._panel)}catch{}if(this._anchor)try{this._resizeObserver.observe(this._anchor)}catch{}}if(typeof MutationObserver<"u"&&this._anchor){this._mutationObserver=new MutationObserver(()=>this._schedulePosition());try{this._mutationObserver.observe(this._anchor,{attributes:!0,childList:!1,subtree:!1})}catch{}}}}_teardownObservers(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._mutationObserver&&(this._mutationObserver.disconnect(),this._mutationObserver=null)}_refreshObservers(){this._isOpen&&(this._teardownObservers(),this._ensureObservers())}_bindGlobalListeners(){this._globalListenersBound||(window.addEventListener("scroll",this._onWindowChangeBound,{passive:!0,capture:!0}),window.addEventListener("resize",this._onWindowChangeBound),document.addEventListener("pointerdown",this._onDocumentPointerDownBound,!0),document.addEventListener("keydown",this._onDocumentKeyDownBound,!0),this._globalListenersBound=!0)}_unbindGlobalListeners(){this._globalListenersBound&&(window.removeEventListener("scroll",this._onWindowChangeBound,!0),window.removeEventListener("resize",this._onWindowChangeBound),document.removeEventListener("pointerdown",this._onDocumentPointerDownBound,!0),document.removeEventListener("keydown",this._onDocumentKeyDownBound,!0),this._globalListenersBound=!1)}_position(){if(!this.hasAttribute("open")||this.hasAttribute("headless")||this.hasAttribute("disabled"))return;if(!this._anchor){this._requestClose("anchor-missing");return}if(!f(this._anchor)){this._requestClose("anchor-hidden");return}if(!this._panel)return;const t=Math.max(0,b(this.getAttribute("offset"),8)),e=p(this.getAttribute("placement")),i=g(this.getAttribute("align")),r=_(e,i);if(!this._positioner||this._positionerPlacement!==r||this._positionerOffset!==t){this._positioner?.destroy(),this._positioner=d.createPositioner({anchor:this._anchor,floating:this._panel,placement:r,strategy:"fixed",offset:t,flip:!0,shift:!0,boundaryPadding:8,observeWindowResize:!1,observeScroll:!1,observeAncestorScroll:!1,observeAncestorResize:!1,observeLayoutShift:!1,observeAnchorResize:!1,observeFloatingResize:!1,onUpdate:s=>{const u=s.placement.startsWith("top")?"top":"bottom";this.style.setProperty("--ui-floating-toolbar-origin-x",i==="start"?"0%":i==="end"?"100%":"50%"),this._panel?.setAttribute("data-side",u)}}),this._positionerPlacement=r,this._positionerOffset=t;return}this._positioner?.update()}_onWindowChange(){this.hasAttribute("open")&&this._schedulePosition()}_onDocumentPointerDown(t){if(!this.hasAttribute("open")||!a(this.getAttribute("close-on-outside"),!0))return;const e=t.composedPath();e.includes(this)||this._anchor&&e.includes(this._anchor)||this._requestClose("outside")}_onDocumentKeyDown(t){this.hasAttribute("open")&&t.key==="Escape"&&a(this.getAttribute("close-on-escape"),!0)&&(t.preventDefault(),this._requestClose("escape"))}_onPanelKeyDown(t){if(!this._panel||!["ArrowRight","ArrowLeft","Home","End"].includes(t.key))return;const e=this._getFocusableItems();if(e.length===0)return;const i=document.activeElement,r=i?e.indexOf(i):-1;let n=r;t.key==="Home"?n=0:t.key==="End"?n=e.length-1:t.key==="ArrowRight"?n=r<0?0:(r+1)%e.length:t.key==="ArrowLeft"&&(n=r<0?e.length-1:(r-1+e.length)%e.length);const s=e[n];s&&(t.preventDefault(),s.focus())}_getFocusableItems(){const t=this._toolbarSlot?.assignedElements({flatten:!0})||[],e=this._defaultSlot?.assignedElements({flatten:!0})||[];return m([...t,...e])}_onSlotChange(){this._syncRowVisibility(),this._schedulePosition()}_syncRowVisibility(){const t=this.root.querySelector(".row-toolbar"),e=this.root.querySelector(".row-default");if(!t||!e)return;const i=(this._toolbarSlot?.assignedNodes({flatten:!0})||[]).some(n=>n.nodeType===Node.TEXT_NODE?!!n.textContent?.trim():n.nodeType===Node.ELEMENT_NODE),r=(this._defaultSlot?.assignedNodes({flatten:!0})||[]).some(n=>n.nodeType===Node.TEXT_NODE?!!n.textContent?.trim():n.nodeType===Node.ELEMENT_NODE);i?t.removeAttribute("hidden"):t.setAttribute("hidden",""),r?e.removeAttribute("hidden"):e.setAttribute("hidden","")}_syncPanelA11y(){if(!this._panel)return;const t=this.getAttribute("aria-labelledby"),e=this.getAttribute("aria-label")||(t?null:"Floating toolbar");t?this._panel.setAttribute("aria-labelledby",t):this._panel.removeAttribute("aria-labelledby"),e?this._panel.setAttribute("aria-label",e):this._panel.removeAttribute("aria-label")}render(){this.setContent(`
+      <style>${c}</style>
       <div class="panel" part="panel" role="toolbar" aria-orientation="horizontal" tabindex="-1">
         <div class="row row-toolbar" part="row-toolbar">
           <slot name="toolbar"></slot>

package/dist/floating-toolbar.esm.js

@@ -1,5 +1,5 @@
 import { E as u } from "./ElementBase-BeZT54Hj.mjs";
-import { e as h } from "./positioner-D0VGxtYU.mjs";
+import { e as h } from "./positioner-BE8Nbho2.mjs";
 const d = `
   :host {
     position: fixed;
@@ -9,14 +9,13 @@ const d = `
     display: none;
     color-scheme: light dark;
 
-    --ui-floating-toolbar-bg: var(--ui-color-surface, #ffffff);
+    --ui-floating-toolbar-bg: var(--color-panel-solid, var(--ui-color-surface, #ffffff));
     --ui-floating-toolbar-color: var(--ui-color-text, #0f172a);
     --ui-floating-toolbar-muted: var(--ui-color-muted, #526175);
     --ui-floating-toolbar-border-color: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 72%, transparent);
     --ui-floating-toolbar-border: 1px solid var(--ui-floating-toolbar-border-color);
-    --ui-floating-toolbar-radius: 12px;
-    --ui-floating-toolbar-shadow:
-      none;
+    --ui-floating-toolbar-radius: calc(var(--ui-radius, 6px) + 2px);
+    --ui-floating-toolbar-shadow: var(--shadow-5, 0 8px 24px rgba(15, 23, 42, 0.12));
     --ui-floating-toolbar-padding: 6px;
     --ui-floating-toolbar-gap: 6px;
     --ui-floating-toolbar-focus-ring: var(--ui-color-focus-ring, #2563eb);
@@ -203,7 +202,7 @@ const d = `
     }
   }
 `;
-function b(o, t) {
+function c(o, t) {
   if (o == null || o === "") return t;
   const e = Number(o);
   return Number.isFinite(e) ? e : t;
@@ -213,7 +212,7 @@ function a(o, t) {
   const e = o.trim().toLowerCase();
   return e !== "false" && e !== "0" && e !== "off";
 }
-function c(o) {
+function b(o) {
   if (!document.body.contains(o)) return !1;
   const t = window.getComputedStyle(o);
   return !(t.display === "none" || t.visibility === "hidden" || Number.parseFloat(t.opacity || "1") <= 0);
@@ -414,12 +413,12 @@ class m extends u {
       this._requestClose("anchor-missing");
       return;
     }
-    if (!c(this._anchor)) {
+    if (!b(this._anchor)) {
       this._requestClose("anchor-hidden");
       return;
     }
     if (!this._panel) return;
-    const t = Math.max(0, b(this.getAttribute("offset"), 8)), e = f(this.getAttribute("placement")), i = p(this.getAttribute("align")), r = g(e, i);
+    const t = Math.max(0, c(this.getAttribute("offset"), 8)), e = f(this.getAttribute("placement")), i = p(this.getAttribute("align")), r = g(e, i);
     if (!this._positioner || this._positionerPlacement !== r || this._positionerOffset !== t) {
       this._positioner?.destroy(), this._positioner = h({
         anchor: this._anchor,

package/dist/form.cjs.js

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("./ElementBase-DxbvhLJs.js");class _{constructor(){this.fields=new Map}registerField(t,e){if(!t)throw new Error("Field must have a name to register with the form");return this.fields.set(t,e),()=>{this.fields.delete(t)}}getValues(){const t={};for(const[e,i]of this.fields)t[e]=i.getValue();return t}setValue(t,e){const i=this.fields.get(t);i&&typeof i.setValue=="function"&&i.setValue(e)}async validateField(t){const e=this.fields.get(t);if(!e)return{valid:!0};if(typeof e.validate=="function"){const i=await e.validate();return e.setError&&e.setError(i.valid?void 0:i.message),i}return{valid:!0}}async validateAll(){const t={};let e=!0;const i=Array.from(this.fields.entries());for(const[r,s]of i){const n=await this.validateField(r);n.valid||(e=!1,t[r]=n.message||"invalid")}return{valid:e,errors:t}}}const v=new Set(["heading","title","description","state-text","loading-text"]),y=`
   :host {
     --ui-form-gap: 12px;
-    --ui-form-radius: 14px;
-    --ui-form-bg: var(--ui-color-surface, var(--ui-surface, #ffffff));
+    --ui-form-radius: calc(var(--ui-radius, 6px) + 4px);
+    --ui-form-bg: transparent;
     --ui-form-color: var(--ui-color-text, var(--ui-text, #0f172a));
     --ui-form-muted: var(--ui-color-muted, var(--ui-muted, #526175));
-    --ui-form-border-color: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 66%, transparent);
-    --ui-form-border: 1px solid var(--ui-form-border-color);
+    --ui-form-border-color: var(--ui-color-line-subtle, color-mix(in srgb, var(--ui-color-border, #cbd5e1) 66%, transparent));
+    --ui-form-border: 0;
     --ui-form-shadow:
       none;
-    --ui-form-padding: 16px;
+    --ui-form-padding: 0px;
     --ui-form-header-gap: 12px;
     --ui-form-header-border: color-mix(in srgb, var(--ui-form-border-color) 84%, transparent);
     --ui-form-focus-ring: var(--ui-color-focus-ring, var(--ui-focus-ring, #2563eb));
@@ -133,25 +133,25 @@
   .status[data-tone="warning"] {
     --ui-form-status-bg: color-mix(in srgb, var(--ui-color-warning, #b45309) 12%, transparent);
     --ui-form-status-border: color-mix(in srgb, var(--ui-color-warning, #b45309) 44%, var(--ui-form-border-color));
-    --ui-form-status-text: color-mix(in srgb, var(--ui-color-warning, #b45309) 90%, #111827 10%);
+    --ui-form-status-text: var(--ui-color-warning-text, color-mix(in srgb, var(--ui-color-warning, #b45309) 90%, #111827 10%));
   }
 
   .status[data-tone="error"] {
     --ui-form-status-bg: color-mix(in srgb, var(--ui-color-danger, #dc2626) 12%, transparent);
     --ui-form-status-border: color-mix(in srgb, var(--ui-color-danger, #dc2626) 44%, var(--ui-form-border-color));
-    --ui-form-status-text: color-mix(in srgb, var(--ui-color-danger, #dc2626) 88%, #111827 12%);
+    --ui-form-status-text: var(--ui-color-danger-text, color-mix(in srgb, var(--ui-color-danger, #dc2626) 88%, #111827 12%));
   }
 
   .status[data-tone="success"] {
     --ui-form-status-bg: color-mix(in srgb, var(--ui-color-success, #15803d) 12%, transparent);
     --ui-form-status-border: color-mix(in srgb, var(--ui-color-success, #15803d) 44%, var(--ui-form-border-color));
-    --ui-form-status-text: color-mix(in srgb, var(--ui-color-success, #15803d) 90%, #111827 10%);
+    --ui-form-status-text: var(--ui-color-success-text, color-mix(in srgb, var(--ui-color-success, #15803d) 90%, #111827 10%));
   }
 
   .status[data-tone="loading"] {
     --ui-form-status-bg: color-mix(in srgb, var(--ui-form-accent) 12%, transparent);
     --ui-form-status-border: color-mix(in srgb, var(--ui-form-accent) 44%, var(--ui-form-border-color));
-    --ui-form-status-text: color-mix(in srgb, var(--ui-form-accent) 90%, #111827 10%);
+    --ui-form-status-text: color-mix(in srgb, var(--ui-form-accent) 45%, var(--ui-color-text-strong, #0f172a));
   }
 
   .footer {
@@ -164,12 +164,19 @@
     padding-top: 2px;
   }
 
+  /* A plain form is flat; these variants draw the box. */
+  :host([variant="surface"]),
+  :host([variant="outline"]),
+  :host([variant="soft"]),
+  :host([variant="contrast"]),
+  :host([variant="elevated"]) {
+    --ui-form-border: 1px solid var(--ui-form-border-color);
+  }
+
   :host([variant="surface"]) {
     --ui-form-bg: var(--ui-color-surface, var(--ui-surface, #ffffff));
     --ui-form-padding: 16px;
-    --ui-form-shadow:
-      0 1px 3px rgba(2, 6, 23, 0.05),
-      0 14px 28px rgba(2, 6, 23, 0.08);
+    --ui-form-shadow: var(--shadow-3, 0 4px 12px rgba(2, 6, 23, 0.1));
   }
 
   :host([variant="outline"]) {
@@ -182,9 +189,7 @@
     --ui-form-bg: color-mix(in srgb, var(--ui-form-accent) 6%, var(--ui-color-surface, #ffffff));
     --ui-form-border-color: color-mix(in srgb, var(--ui-form-accent) 26%, var(--ui-color-border, #cbd5e1));
     --ui-form-padding: 16px;
-    --ui-form-shadow:
-      0 1px 4px rgba(2, 6, 23, 0.04),
-      0 12px 24px rgba(2, 6, 23, 0.06);
+    --ui-form-shadow: var(--shadow-3, 0 4px 12px rgba(2, 6, 23, 0.1));
   }
 
   :host([variant="contrast"]) {
@@ -194,9 +199,7 @@
     --ui-form-border-color: #334155;
     --ui-form-padding: 16px;
     --ui-form-focus-ring: #93c5fd;
-    --ui-form-shadow:
-      0 2px 8px rgba(2, 6, 23, 0.24),
-      0 26px 52px rgba(2, 6, 23, 0.38);
+    --ui-form-shadow: var(--shadow-3, 0 4px 12px rgba(2, 6, 23, 0.1));
   }
 
   :host([variant="minimal"]) {
@@ -208,9 +211,7 @@
 
   :host([variant="elevated"]) {
     --ui-form-bg: var(--ui-color-surface, #ffffff);
-    --ui-form-shadow:
-      0 2px 10px rgba(2, 6, 23, 0.1),
-      0 28px 56px rgba(2, 6, 23, 0.16);
+    --ui-form-shadow: var(--shadow-3, 0 4px 12px rgba(2, 6, 23, 0.1));
   }
 
   :host([tone="success"]) {
@@ -248,15 +249,11 @@
   }
 
   :host([elevation="low"]) {
-    --ui-form-shadow:
-      0 1px 3px rgba(2, 6, 23, 0.05),
-      0 10px 20px rgba(2, 6, 23, 0.08);
+    --ui-form-shadow: var(--shadow-3, 0 4px 12px rgba(2, 6, 23, 0.1));
   }
 
   :host([elevation="high"]) {
-    --ui-form-shadow:
-      0 3px 14px rgba(2, 6, 23, 0.12),
-      0 32px 64px rgba(2, 6, 23, 0.2);
+    --ui-form-shadow: var(--shadow-3, 0 4px 12px rgba(2, 6, 23, 0.1));
   }
 
   :host([loading]) .form {

package/dist/form.esm.js

@@ -42,15 +42,15 @@ class g {
 const _ = /* @__PURE__ */ new Set(["heading", "title", "description", "state-text", "loading-text"]), v = `
   :host {
     --ui-form-gap: 12px;
-    --ui-form-radius: 14px;
-    --ui-form-bg: var(--ui-color-surface, var(--ui-surface, #ffffff));
+    --ui-form-radius: calc(var(--ui-radius, 6px) + 4px);
+    --ui-form-bg: transparent;
     --ui-form-color: var(--ui-color-text, var(--ui-text, #0f172a));
     --ui-form-muted: var(--ui-color-muted, var(--ui-muted, #526175));
-    --ui-form-border-color: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 66%, transparent);
-    --ui-form-border: 1px solid var(--ui-form-border-color);
+    --ui-form-border-color: var(--ui-color-line-subtle, color-mix(in srgb, var(--ui-color-border, #cbd5e1) 66%, transparent));
+    --ui-form-border: 0;
     --ui-form-shadow:
       none;
-    --ui-form-padding: 16px;
+    --ui-form-padding: 0px;
     --ui-form-header-gap: 12px;
     --ui-form-header-border: color-mix(in srgb, var(--ui-form-border-color) 84%, transparent);
     --ui-form-focus-ring: var(--ui-color-focus-ring, var(--ui-focus-ring, #2563eb));
@@ -174,25 +174,25 @@ const _ = /* @__PURE__ */ new Set(["heading", "title", "description", "state-tex
   .status[data-tone="warning"] {
     --ui-form-status-bg: color-mix(in srgb, var(--ui-color-warning, #b45309) 12%, transparent);
     --ui-form-status-border: color-mix(in srgb, var(--ui-color-warning, #b45309) 44%, var(--ui-form-border-color));
-    --ui-form-status-text: color-mix(in srgb, var(--ui-color-warning, #b45309) 90%, #111827 10%);
+    --ui-form-status-text: var(--ui-color-warning-text, color-mix(in srgb, var(--ui-color-warning, #b45309) 90%, #111827 10%));
   }
 
   .status[data-tone="error"] {
     --ui-form-status-bg: color-mix(in srgb, var(--ui-color-danger, #dc2626) 12%, transparent);
     --ui-form-status-border: color-mix(in srgb, var(--ui-color-danger, #dc2626) 44%, var(--ui-form-border-color));
-    --ui-form-status-text: color-mix(in srgb, var(--ui-color-danger, #dc2626) 88%, #111827 12%);
+    --ui-form-status-text: var(--ui-color-danger-text, color-mix(in srgb, var(--ui-color-danger, #dc2626) 88%, #111827 12%));
   }
 
   .status[data-tone="success"] {
     --ui-form-status-bg: color-mix(in srgb, var(--ui-color-success, #15803d) 12%, transparent);
     --ui-form-status-border: color-mix(in srgb, var(--ui-color-success, #15803d) 44%, var(--ui-form-border-color));
-    --ui-form-status-text: color-mix(in srgb, var(--ui-color-success, #15803d) 90%, #111827 10%);
+    --ui-form-status-text: var(--ui-color-success-text, color-mix(in srgb, var(--ui-color-success, #15803d) 90%, #111827 10%));
   }
 
   .status[data-tone="loading"] {
     --ui-form-status-bg: color-mix(in srgb, var(--ui-form-accent) 12%, transparent);
     --ui-form-status-border: color-mix(in srgb, var(--ui-form-accent) 44%, var(--ui-form-border-color));
-    --ui-form-status-text: color-mix(in srgb, var(--ui-form-accent) 90%, #111827 10%);
+    --ui-form-status-text: color-mix(in srgb, var(--ui-form-accent) 45%, var(--ui-color-text-strong, #0f172a));
   }
 
   .footer {
@@ -205,12 +205,19 @@ const _ = /* @__PURE__ */ new Set(["heading", "title", "description", "state-tex
     padding-top: 2px;
   }
 
+  /* A plain form is flat; these variants draw the box. */
+  :host([variant="surface"]),
+  :host([variant="outline"]),
+  :host([variant="soft"]),
+  :host([variant="contrast"]),
+  :host([variant="elevated"]) {
+    --ui-form-border: 1px solid var(--ui-form-border-color);
+  }
+
   :host([variant="surface"]) {
     --ui-form-bg: var(--ui-color-surface, var(--ui-surface, #ffffff));
     --ui-form-padding: 16px;
-    --ui-form-shadow:
-      0 1px 3px rgba(2, 6, 23, 0.05),
-      0 14px 28px rgba(2, 6, 23, 0.08);
+    --ui-form-shadow: var(--shadow-3, 0 4px 12px rgba(2, 6, 23, 0.1));
   }
 
   :host([variant="outline"]) {
@@ -223,9 +230,7 @@ const _ = /* @__PURE__ */ new Set(["heading", "title", "description", "state-tex
     --ui-form-bg: color-mix(in srgb, var(--ui-form-accent) 6%, var(--ui-color-surface, #ffffff));
     --ui-form-border-color: color-mix(in srgb, var(--ui-form-accent) 26%, var(--ui-color-border, #cbd5e1));
     --ui-form-padding: 16px;
-    --ui-form-shadow:
-      0 1px 4px rgba(2, 6, 23, 0.04),
-      0 12px 24px rgba(2, 6, 23, 0.06);
+    --ui-form-shadow: var(--shadow-3, 0 4px 12px rgba(2, 6, 23, 0.1));
   }
 
   :host([variant="contrast"]) {
@@ -235,9 +240,7 @@ const _ = /* @__PURE__ */ new Set(["heading", "title", "description", "state-tex
     --ui-form-border-color: #334155;
     --ui-form-padding: 16px;
     --ui-form-focus-ring: #93c5fd;
-    --ui-form-shadow:
-      0 2px 8px rgba(2, 6, 23, 0.24),
-      0 26px 52px rgba(2, 6, 23, 0.38);
+    --ui-form-shadow: var(--shadow-3, 0 4px 12px rgba(2, 6, 23, 0.1));
   }
 
   :host([variant="minimal"]) {
@@ -249,9 +252,7 @@ const _ = /* @__PURE__ */ new Set(["heading", "title", "description", "state-tex
 
   :host([variant="elevated"]) {
     --ui-form-bg: var(--ui-color-surface, #ffffff);
-    --ui-form-shadow:
-      0 2px 10px rgba(2, 6, 23, 0.1),
-      0 28px 56px rgba(2, 6, 23, 0.16);
+    --ui-form-shadow: var(--shadow-3, 0 4px 12px rgba(2, 6, 23, 0.1));
   }
 
   :host([tone="success"]) {
@@ -289,15 +290,11 @@ const _ = /* @__PURE__ */ new Set(["heading", "title", "description", "state-tex
   }
 
   :host([elevation="low"]) {
-    --ui-form-shadow:
-      0 1px 3px rgba(2, 6, 23, 0.05),
-      0 10px 20px rgba(2, 6, 23, 0.08);
+    --ui-form-shadow: var(--shadow-3, 0 4px 12px rgba(2, 6, 23, 0.1));
   }
 
   :host([elevation="high"]) {
-    --ui-form-shadow:
-      0 3px 14px rgba(2, 6, 23, 0.12),
-      0 32px 64px rgba(2, 6, 23, 0.2);
+    --ui-form-shadow: var(--shadow-3, 0 4px 12px rgba(2, 6, 23, 0.1));
   }
 
   :host([loading]) .form {

package/dist/gantt.cjs.js

@@ -7,6 +7,7 @@
     --ui-gantt-text: var(--ui-color-text, #0f172a);
     --ui-gantt-muted: var(--ui-color-muted, #526175);
     --ui-gantt-accent: var(--ui-color-primary, #2563eb);
+    --ui-gantt-accent-text: var(--ui-color-accent-text, var(--ui-gantt-accent));
     --ui-gantt-selected: color-mix(in srgb, var(--ui-gantt-accent) 10%, transparent);
     display: block;
     min-inline-size: 0;
@@ -23,9 +24,9 @@
   .frame {
     container: ui-gantt / inline-size;
     border: 1px solid var(--ui-gantt-border);
-    border-radius: 12px;
+    border-radius: calc(var(--ui-radius, 6px) + 2px);
     background: var(--ui-gantt-bg);
-    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
+    box-shadow: none;
     overflow: hidden;
   }
 
@@ -67,7 +68,7 @@
     border: 1px solid var(--ui-gantt-border);
     background: var(--ui-gantt-panel);
     color: var(--ui-gantt-text);
-    border-radius: 7px;
+    border-radius: var(--ui-control-radius-2, var(--ui-radius, 6px));
     min-block-size: 30px;
     font: inherit;
     font-size: 12px;
@@ -96,9 +97,9 @@
   }
 
   .zoom-button[aria-pressed="true"] {
-    border-color: color-mix(in srgb, var(--ui-gantt-accent) 46%, var(--ui-gantt-border));
-    background: color-mix(in srgb, var(--ui-gantt-accent) 10%, var(--ui-gantt-panel));
-    color: color-mix(in srgb, var(--ui-gantt-accent) 82%, var(--ui-gantt-text));
+    border-color: transparent;
+    background: var(--ui-color-accent-fill, color-mix(in srgb, var(--ui-gantt-accent) 10%, var(--ui-gantt-panel)));
+    color: var(--ui-color-text-strong, var(--ui-gantt-text));
   }
 
   .viewport {
@@ -222,7 +223,7 @@
 
   .head-button:hover,
   .head-button[aria-sort]:not([aria-sort="none"]) {
-    color: var(--ui-gantt-accent);
+    color: var(--ui-gantt-accent-text);
   }
 
   .grid-head span:last-child,
@@ -312,7 +313,7 @@
   }
 
   .tick.today-cell {
-    color: var(--ui-gantt-accent);
+    color: var(--ui-gantt-accent-text);
     background: color-mix(in srgb, var(--ui-gantt-accent) 9%, transparent);
   }
 
@@ -511,7 +512,7 @@
 
   .expander:hover {
     background: color-mix(in srgb, var(--ui-gantt-accent) 9%, transparent);
-    color: var(--ui-gantt-accent);
+    color: var(--ui-gantt-accent-text);
   }
 
   .rename {
@@ -922,8 +923,8 @@
     padding: 0 6px;
     block-size: 14px;
     border-radius: 7px;
-    background: var(--ui-color-danger, #dc2626);
-    color: #ffffff;
+    background: var(--ui-color-danger-solid, var(--ui-color-danger, #dc2626));
+    color: var(--ui-color-foreground-on-danger, #ffffff);
     font-size: 10px;
     font-weight: 750;
     line-height: 14px;
@@ -991,6 +992,7 @@
     --ui-gantt-text: #e2e8f0;
     --ui-gantt-muted: #93a4bd;
     --ui-gantt-accent: #60a5fa;
+    --ui-gantt-accent-text: #93c5fd;
     --ui-gantt-selected: rgba(96, 165, 250, 0.13);
   }
 

package/dist/gantt.esm.js

@@ -141,6 +141,7 @@ const D = 1440 * 60 * 1e3, S = 42, N = 62, Tt = 376, ce = "minmax(170px, 1fr) 82
     --ui-gantt-text: var(--ui-color-text, #0f172a);
     --ui-gantt-muted: var(--ui-color-muted, #526175);
     --ui-gantt-accent: var(--ui-color-primary, #2563eb);
+    --ui-gantt-accent-text: var(--ui-color-accent-text, var(--ui-gantt-accent));
     --ui-gantt-selected: color-mix(in srgb, var(--ui-gantt-accent) 10%, transparent);
     display: block;
     min-inline-size: 0;
@@ -157,9 +158,9 @@ const D = 1440 * 60 * 1e3, S = 42, N = 62, Tt = 376, ce = "minmax(170px, 1fr) 82
   .frame {
     container: ui-gantt / inline-size;
     border: 1px solid var(--ui-gantt-border);
-    border-radius: 12px;
+    border-radius: calc(var(--ui-radius, 6px) + 2px);
     background: var(--ui-gantt-bg);
-    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
+    box-shadow: none;
     overflow: hidden;
   }
 
@@ -201,7 +202,7 @@ const D = 1440 * 60 * 1e3, S = 42, N = 62, Tt = 376, ce = "minmax(170px, 1fr) 82
     border: 1px solid var(--ui-gantt-border);
     background: var(--ui-gantt-panel);
     color: var(--ui-gantt-text);
-    border-radius: 7px;
+    border-radius: var(--ui-control-radius-2, var(--ui-radius, 6px));
     min-block-size: 30px;
     font: inherit;
     font-size: 12px;
@@ -230,9 +231,9 @@ const D = 1440 * 60 * 1e3, S = 42, N = 62, Tt = 376, ce = "minmax(170px, 1fr) 82
   }
 
   .zoom-button[aria-pressed="true"] {
-    border-color: color-mix(in srgb, var(--ui-gantt-accent) 46%, var(--ui-gantt-border));
-    background: color-mix(in srgb, var(--ui-gantt-accent) 10%, var(--ui-gantt-panel));
-    color: color-mix(in srgb, var(--ui-gantt-accent) 82%, var(--ui-gantt-text));
+    border-color: transparent;
+    background: var(--ui-color-accent-fill, color-mix(in srgb, var(--ui-gantt-accent) 10%, var(--ui-gantt-panel)));
+    color: var(--ui-color-text-strong, var(--ui-gantt-text));
   }
 
   .viewport {
@@ -356,7 +357,7 @@ const D = 1440 * 60 * 1e3, S = 42, N = 62, Tt = 376, ce = "minmax(170px, 1fr) 82
 
   .head-button:hover,
   .head-button[aria-sort]:not([aria-sort="none"]) {
-    color: var(--ui-gantt-accent);
+    color: var(--ui-gantt-accent-text);
   }
 
   .grid-head span:last-child,
@@ -446,7 +447,7 @@ const D = 1440 * 60 * 1e3, S = 42, N = 62, Tt = 376, ce = "minmax(170px, 1fr) 82
   }
 
   .tick.today-cell {
-    color: var(--ui-gantt-accent);
+    color: var(--ui-gantt-accent-text);
     background: color-mix(in srgb, var(--ui-gantt-accent) 9%, transparent);
   }
 
@@ -645,7 +646,7 @@ const D = 1440 * 60 * 1e3, S = 42, N = 62, Tt = 376, ce = "minmax(170px, 1fr) 82
 
   .expander:hover {
     background: color-mix(in srgb, var(--ui-gantt-accent) 9%, transparent);
-    color: var(--ui-gantt-accent);
+    color: var(--ui-gantt-accent-text);
   }
 
   .rename {
@@ -1056,8 +1057,8 @@ const D = 1440 * 60 * 1e3, S = 42, N = 62, Tt = 376, ce = "minmax(170px, 1fr) 82
     padding: 0 6px;
     block-size: 14px;
     border-radius: 7px;
-    background: var(--ui-color-danger, #dc2626);
-    color: #ffffff;
+    background: var(--ui-color-danger-solid, var(--ui-color-danger, #dc2626));
+    color: var(--ui-color-foreground-on-danger, #ffffff);
     font-size: 10px;
     font-weight: 750;
     line-height: 14px;
@@ -1125,6 +1126,7 @@ const D = 1440 * 60 * 1e3, S = 42, N = 62, Tt = 376, ce = "minmax(170px, 1fr) 82
     --ui-gantt-text: #e2e8f0;
     --ui-gantt-muted: #93a4bd;
     --ui-gantt-accent: #60a5fa;
+    --ui-gantt-accent-text: #93c5fd;
     --ui-gantt-selected: rgba(96, 165, 250, 0.13);
   }
 

package/dist/grid.cjs.js

@@ -15,7 +15,7 @@
     --ui-grid-align-content: normal;
     --ui-grid-justify-content: normal;
     --ui-grid-place-content: initial;
-    --ui-grid-color: var(--ui-color-text, inherit);
+    --ui-grid-color: inherit;
     color-scheme: light dark;
     display: var(--ui-grid-display);
     color: var(--ui-grid-color);

package/dist/grid.esm.js

@@ -43,7 +43,7 @@ const y = {
     --ui-grid-align-content: normal;
     --ui-grid-justify-content: normal;
     --ui-grid-place-content: initial;
-    --ui-grid-color: var(--ui-color-text, inherit);
+    --ui-grid-color: inherit;
     color-scheme: light dark;
     display: var(--ui-grid-display);
     color: var(--ui-grid-color);

package/dist/hover-card.cjs.js

@@ -1,16 +1,16 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./ElementBase-DxbvhLJs.js"),p=require("./positioner-D_fqyx_j.js"),v=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./ElementBase-DxbvhLJs.js"),p=require("./positioner-DZ1FW6A9.js"),v=`
   :host {
     --ui-hover-card-z: 1700;
-    --ui-hover-card-radius: var(--base-card-radius, var(--ui-radius, 4px));
-    --ui-hover-card-bg: var(--base-card-bg, var(--color-panel, var(--ui-color-surface, var(--ui-surface, #ffffff))));
+    --ui-hover-card-radius: var(--base-card-radius, calc(var(--ui-radius, 6px) + 2px));
+    --ui-hover-card-bg: var(--base-card-bg, var(--color-panel-solid, var(--ui-color-surface, var(--ui-surface, #ffffff))));
     --ui-hover-card-color: var(--ui-color-text, var(--ui-text, #0f172a));
-    --ui-hover-card-border-color: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 74%, transparent);
+    --ui-hover-card-border-color: var(--ui-color-line-subtle, color-mix(in srgb, var(--ui-color-border, #cbd5e1) 74%, transparent));
     --ui-hover-card-border: var(--base-card-border, 1px solid var(--ui-hover-card-border-color));
-    --ui-hover-card-shadow: var(--base-card-shadow, var(--shadow-3, none));
-    --ui-hover-card-padding: var(--ui-default-gap, 8px);
+    --ui-hover-card-shadow: var(--base-panel-shadow, var(--shadow-5, none));
+    --ui-hover-card-padding: 16px;
     --ui-hover-card-min-width: 220px;
     --ui-hover-card-max-width: min(380px, calc(100vw - 16px));
-    --ui-hover-card-backdrop: var(--base-panel-backdrop, var(--backdrop-filter-panel, none));
+    --ui-hover-card-backdrop: none;
     --ui-hover-card-arrow-size: 10px;
     --ui-hover-card-focus-ring: var(--ui-color-focus-ring, var(--ui-focus-ring, #2563eb));
     --ui-hover-card-accent: var(--ui-color-primary, var(--ui-primary, #2563eb));
@@ -262,7 +262,7 @@
       box-shadow: none;
     }
   }
-`;function f(i){return i==="top"||i==="left"||i==="right"?i:"bottom"}class l extends u.ElementBase{constructor(){super(),this._openTimer=null,this._closeTimer=null,this._positionRaf=null,this._positioner=null,this._positionerPlacement=null,this._positionerOffset=0,this._isOpen=!1,this._globalListenersBound=!1,this._onPointerEnter=this._onPointerEnter.bind(this),this._onPointerLeave=this._onPointerLeave.bind(this),this._onFocusIn=this._onFocusIn.bind(this),this._onFocusOut=this._onFocusOut.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onDocumentPointerDown=this._onDocumentPointerDown.bind(this),this._onViewportChange=this._onViewportChange.bind(this),this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["open","headless","delay","close-delay","placement","offset","variant","tone","density","shape","elevation"]}connectedCallback(){super.connectedCallback(),this.addEventListener("pointerenter",this._onPointerEnter),this.addEventListener("pointerleave",this._onPointerLeave),this.addEventListener("focusin",this._onFocusIn),this.addEventListener("focusout",this._onFocusOut),this.addEventListener("keydown",this._onKeyDown),this.root.addEventListener("slotchange",this._onSlotChange),this._syncOpenState()}disconnectedCallback(){this.removeEventListener("pointerenter",this._onPointerEnter),this.removeEventListener("pointerleave",this._onPointerLeave),this.removeEventListener("focusin",this._onFocusIn),this.removeEventListener("focusout",this._onFocusOut),this.removeEventListener("keydown",this._onKeyDown),this.root.removeEventListener("slotchange",this._onSlotChange),this._unbindGlobalListeners(),this._clearTimers(),this._positionRaf!=null&&(cancelAnimationFrame(this._positionRaf),this._positionRaf=null),this._positioner?.destroy(),this._positioner=null,super.disconnectedCallback()}attributeChangedCallback(e,t,r){if(t!==r){if(e==="open"||e==="headless"){this._syncOpenState();return}this._isOpen&&(e==="placement"||e==="offset"||e==="density"||e==="shape")&&this._schedulePosition()}}get open(){return this.hasAttribute("open")}set open(e){e?this.setAttribute("open",""):this.removeAttribute("open")}get delay(){const e=Number(this.getAttribute("delay"));return Number.isFinite(e)&&e>=0?e:120}set delay(e){this.setAttribute("delay",String(e))}get closeDelay(){const e=Number(this.getAttribute("close-delay"));return Number.isFinite(e)&&e>=0?e:this.delay}set closeDelay(e){this.setAttribute("close-delay",String(e))}_onSlotChange(){this._isOpen&&this._schedulePosition()}_getPanel(){return this.root.querySelector(".panel")}_getAnchor(){const e=this.querySelector('[slot="trigger"]');return e||Array.from(this.children).find(r=>r instanceof HTMLElement?!r.hasAttribute("slot")||r.getAttribute("slot")==="trigger":!1)||this}_isNodeWithinComponent(e){return e?!!(e===this||this.contains(e)||this.root.contains(e)):!1}_clearTimers(){this._openTimer!=null&&(window.clearTimeout(this._openTimer),this._openTimer=null),this._closeTimer!=null&&(window.clearTimeout(this._closeTimer),this._closeTimer=null)}_scheduleOpen(e){this._clearTimers(),this._openTimer=window.setTimeout(()=>{this._openTimer=null,this.open=!0},Math.max(0,e))}_scheduleClose(e){this._clearTimers(),this._closeTimer=window.setTimeout(()=>{this._closeTimer=null,this.open=!1},Math.max(0,e))}_onPointerEnter(){if(!this.hasAttribute("headless")){if(this._isOpen){this._clearTimers();return}this._scheduleOpen(this.delay)}}_onPointerLeave(e){const t=e.relatedTarget;this._isNodeWithinComponent(t)||this._scheduleClose(this.closeDelay)}_onFocusIn(){this.hasAttribute("headless")||(this._clearTimers(),this.open=!0)}_onFocusOut(e){const t=e.relatedTarget;this._isNodeWithinComponent(t)||this._scheduleClose(this.closeDelay)}_onKeyDown(e){if(!this._isOpen||e.key!=="Escape")return;e.preventDefault(),this.open=!1;const t=this._getAnchor();try{t.focus()}catch{}}_onDocumentPointerDown(e){!this._isOpen||e.composedPath().includes(this)||(this.open=!1)}_onViewportChange(){this._isOpen&&this._schedulePosition()}_syncOpenState(){const e=this.hasAttribute("open")&&!this.hasAttribute("headless");if(e===this._isOpen){this._syncPanelA11y(),e?(this._bindGlobalListeners(),this._schedulePosition()):this._unbindGlobalListeners();return}this._isOpen=e,this._syncPanelA11y();const t=this._getPanel();if(e){this._bindGlobalListeners(),t&&t.setAttribute("data-ready","false"),this.dispatchEvent(new CustomEvent("open",{bubbles:!0})),this.dispatchEvent(new CustomEvent("show",{bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{open:!0}})),this._schedulePosition();return}this._unbindGlobalListeners(),this._clearTimers(),this._positionRaf!=null&&(cancelAnimationFrame(this._positionRaf),this._positionRaf=null),this._positioner?.destroy(),this._positioner=null,this._positionerPlacement=null,this._positionerOffset=0,t&&t.setAttribute("data-ready","false"),this.dispatchEvent(new CustomEvent("close",{bubbles:!0})),this.dispatchEvent(new CustomEvent("hide",{bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{open:!1}}))}_syncPanelA11y(){const e=this._getPanel();e&&(e.setAttribute("aria-hidden",this._isOpen?"false":"true"),this._isOpen||e.setAttribute("data-ready","false"))}_bindGlobalListeners(){this._globalListenersBound||(document.addEventListener("pointerdown",this._onDocumentPointerDown,!0),window.addEventListener("resize",this._onViewportChange),window.addEventListener("scroll",this._onViewportChange,{passive:!0,capture:!0}),this._globalListenersBound=!0)}_unbindGlobalListeners(){this._globalListenersBound&&(document.removeEventListener("pointerdown",this._onDocumentPointerDown,!0),window.removeEventListener("resize",this._onViewportChange),window.removeEventListener("scroll",this._onViewportChange,!0),this._globalListenersBound=!1)}_schedulePosition(){this._isOpen&&(this._positionRaf!=null&&cancelAnimationFrame(this._positionRaf),this._positionRaf=requestAnimationFrame(()=>{this._positionRaf=null,this._positionPanel()}))}_positionPanel(){const e=this._getPanel();if(!e||!this._isOpen)return;const t=this._getAnchor();if(!t||!t.isConnected){this.open=!1;return}const r=t.getBoundingClientRect();if(r.width===0&&r.height===0){this.open=!1;return}const a=Number(this.getAttribute("offset")),n=Number.isFinite(a)?a:10,s=f(this.getAttribute("placement")),c=e.querySelector(".arrow");if(!this._positioner||this._positionerPlacement!==s||this._positionerOffset!==n){this._positioner?.destroy(),this._positioner=p.createPositioner({anchor:t,floating:e,placement:s,strategy:"fixed",offset:n,flip:!0,shift:!0,boundaryPadding:8,arrow:c,observeWindowResize:!1,observeScroll:!1,observeAncestorScroll:!1,observeAncestorResize:!1,observeLayoutShift:!1,observeAnchorResize:!1,observeFloatingResize:!1,onUpdate:h=>{const d=h.placement.split("-")[0];e.setAttribute("data-placement",d);const o=h.middlewareData?.arrow;typeof o?.x=="number"&&e.style.setProperty("--ui-hover-card-arrow-x",`${Math.round(o.x)}px`),typeof o?.y=="number"&&e.style.setProperty("--ui-hover-card-arrow-y",`${Math.round(o.y)}px`),e.setAttribute("data-ready","true")}}),this._positionerPlacement=s,this._positionerOffset=n;return}this._positioner?.update()}render(){this.setContent(`
+`;function f(i){return i==="top"||i==="left"||i==="right"?i:"bottom"}class l extends u.ElementBase{constructor(){super(),this._openTimer=null,this._closeTimer=null,this._positionRaf=null,this._positioner=null,this._positionerPlacement=null,this._positionerOffset=0,this._isOpen=!1,this._globalListenersBound=!1,this._onPointerEnter=this._onPointerEnter.bind(this),this._onPointerLeave=this._onPointerLeave.bind(this),this._onFocusIn=this._onFocusIn.bind(this),this._onFocusOut=this._onFocusOut.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onDocumentPointerDown=this._onDocumentPointerDown.bind(this),this._onViewportChange=this._onViewportChange.bind(this),this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["open","headless","delay","close-delay","placement","offset","variant","tone","density","shape","elevation"]}connectedCallback(){super.connectedCallback(),this.addEventListener("pointerenter",this._onPointerEnter),this.addEventListener("pointerleave",this._onPointerLeave),this.addEventListener("focusin",this._onFocusIn),this.addEventListener("focusout",this._onFocusOut),this.addEventListener("keydown",this._onKeyDown),this.root.addEventListener("slotchange",this._onSlotChange),this._syncOpenState()}disconnectedCallback(){this.removeEventListener("pointerenter",this._onPointerEnter),this.removeEventListener("pointerleave",this._onPointerLeave),this.removeEventListener("focusin",this._onFocusIn),this.removeEventListener("focusout",this._onFocusOut),this.removeEventListener("keydown",this._onKeyDown),this.root.removeEventListener("slotchange",this._onSlotChange),this._unbindGlobalListeners(),this._clearTimers(),this._positionRaf!=null&&(cancelAnimationFrame(this._positionRaf),this._positionRaf=null),this._positioner?.destroy(),this._positioner=null,super.disconnectedCallback()}attributeChangedCallback(e,t,r){if(t!==r){if(e==="open"||e==="headless"){this._syncOpenState();return}this._isOpen&&(e==="placement"||e==="offset"||e==="density"||e==="shape")&&this._schedulePosition()}}get open(){return this.hasAttribute("open")}set open(e){e?this.setAttribute("open",""):this.removeAttribute("open")}get delay(){const e=Number(this.getAttribute("delay"));return Number.isFinite(e)&&e>=0?e:120}set delay(e){this.setAttribute("delay",String(e))}get closeDelay(){const e=Number(this.getAttribute("close-delay"));return Number.isFinite(e)&&e>=0?e:this.delay}set closeDelay(e){this.setAttribute("close-delay",String(e))}_onSlotChange(){this._isOpen&&this._schedulePosition()}_getPanel(){return this.root.querySelector(".panel")}_getAnchor(){const e=this.querySelector('[slot="trigger"]');return e||Array.from(this.children).find(r=>r instanceof HTMLElement?!r.hasAttribute("slot")||r.getAttribute("slot")==="trigger":!1)||this}_isNodeWithinComponent(e){return e?!!(e===this||this.contains(e)||this.root.contains(e)):!1}_clearTimers(){this._openTimer!=null&&(window.clearTimeout(this._openTimer),this._openTimer=null),this._closeTimer!=null&&(window.clearTimeout(this._closeTimer),this._closeTimer=null)}_scheduleOpen(e){this._clearTimers(),this._openTimer=window.setTimeout(()=>{this._openTimer=null,this.open=!0},Math.max(0,e))}_scheduleClose(e){this._clearTimers(),this._closeTimer=window.setTimeout(()=>{this._closeTimer=null,this.open=!1},Math.max(0,e))}_onPointerEnter(){if(!this.hasAttribute("headless")){if(this._isOpen){this._clearTimers();return}this._scheduleOpen(this.delay)}}_onPointerLeave(e){const t=e.relatedTarget;this._isNodeWithinComponent(t)||this._scheduleClose(this.closeDelay)}_onFocusIn(){this.hasAttribute("headless")||(this._clearTimers(),this.open=!0)}_onFocusOut(e){const t=e.relatedTarget;this._isNodeWithinComponent(t)||this._scheduleClose(this.closeDelay)}_onKeyDown(e){if(!this._isOpen||e.key!=="Escape")return;e.preventDefault(),this.open=!1;const t=this._getAnchor();try{t.focus()}catch{}}_onDocumentPointerDown(e){!this._isOpen||e.composedPath().includes(this)||(this.open=!1)}_onViewportChange(){this._isOpen&&this._schedulePosition()}_syncOpenState(){const e=this.hasAttribute("open")&&!this.hasAttribute("headless");if(e===this._isOpen){this._syncPanelA11y(),e?(this._bindGlobalListeners(),this._schedulePosition()):this._unbindGlobalListeners();return}this._isOpen=e,this._syncPanelA11y();const t=this._getPanel();if(e){this._bindGlobalListeners(),t&&t.setAttribute("data-ready","false"),this.dispatchEvent(new CustomEvent("open",{bubbles:!0})),this.dispatchEvent(new CustomEvent("show",{bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{open:!0}})),this._schedulePosition();return}this._unbindGlobalListeners(),this._clearTimers(),this._positionRaf!=null&&(cancelAnimationFrame(this._positionRaf),this._positionRaf=null),this._positioner?.destroy(),this._positioner=null,this._positionerPlacement=null,this._positionerOffset=0,t&&t.setAttribute("data-ready","false"),this.dispatchEvent(new CustomEvent("close",{bubbles:!0})),this.dispatchEvent(new CustomEvent("hide",{bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{open:!1}}))}_syncPanelA11y(){const e=this._getPanel();if(!e)return;e.setAttribute("aria-hidden",this._isOpen?"false":"true"),this._isOpen||e.setAttribute("data-ready","false");const t=this.querySelector('[slot="trigger"]'),r=this.querySelector('[slot="card"] :is(h1, h2, h3, h4, h5, h6, strong)'),o=(this.getAttribute("aria-label")||this.getAttribute("label")||"").trim()||(t?.getAttribute("aria-label")||t?.textContent||"").trim()||(r?.textContent||"").trim()||"Details";e.setAttribute("aria-label",o)}_bindGlobalListeners(){this._globalListenersBound||(document.addEventListener("pointerdown",this._onDocumentPointerDown,!0),window.addEventListener("resize",this._onViewportChange),window.addEventListener("scroll",this._onViewportChange,{passive:!0,capture:!0}),this._globalListenersBound=!0)}_unbindGlobalListeners(){this._globalListenersBound&&(document.removeEventListener("pointerdown",this._onDocumentPointerDown,!0),window.removeEventListener("resize",this._onViewportChange),window.removeEventListener("scroll",this._onViewportChange,!0),this._globalListenersBound=!1)}_schedulePosition(){this._isOpen&&(this._positionRaf!=null&&cancelAnimationFrame(this._positionRaf),this._positionRaf=requestAnimationFrame(()=>{this._positionRaf=null,this._positionPanel()}))}_positionPanel(){const e=this._getPanel();if(!e||!this._isOpen)return;const t=this._getAnchor();if(!t||!t.isConnected){this.open=!1;return}const r=t.getBoundingClientRect();if(r.width===0&&r.height===0){this.open=!1;return}const o=Number(this.getAttribute("offset")),s=Number.isFinite(o)?o:10,a=f(this.getAttribute("placement")),c=e.querySelector(".arrow");if(!this._positioner||this._positionerPlacement!==a||this._positionerOffset!==s){this._positioner?.destroy(),this._positioner=p.createPositioner({anchor:t,floating:e,placement:a,strategy:"fixed",offset:s,flip:!0,shift:!0,boundaryPadding:8,arrow:c,observeWindowResize:!1,observeScroll:!1,observeAncestorScroll:!1,observeAncestorResize:!1,observeLayoutShift:!1,observeAnchorResize:!1,observeFloatingResize:!1,onUpdate:h=>{const d=h.placement.split("-")[0];e.setAttribute("data-placement",d);const n=h.middlewareData?.arrow;typeof n?.x=="number"&&e.style.setProperty("--ui-hover-card-arrow-x",`${Math.round(n.x)}px`),typeof n?.y=="number"&&e.style.setProperty("--ui-hover-card-arrow-y",`${Math.round(n.y)}px`),e.setAttribute("data-ready","true")}}),this._positionerPlacement=a,this._positionerOffset=s;return}this._positioner?.update()}render(){this.setContent(`
       <style>${v}</style>
       <div class="anchor" part="anchor">
         <slot name="trigger"></slot>