@editora/ui-core 0.1.25 → 0.2.1

package/dist/primitives/overlay-motion.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Open and close motion, state hooks and top-layer promotion for floating surfaces
+ * (popovers, menus, dialogs...). The surface carries:
+ *
+ *   data-ui-overlay             marks it so the shared CSS applies
+ *   data-state="open|closed"    what it is doing (also what Radix exposes)
+ *   data-side / data-align      set by the positioner, used to slide in from the right edge
+ *
+ * Opening plays an enter animation. Closing plays an exit animation and only then removes the
+ * surface, so it does not vanish with a pop. With reduced motion, or without CSS animation
+ * support (jsdom), closing is immediate, so callers can treat `closeOverlay` as synchronous there.
+ */
+/** Put this in the shadow or portal stylesheet of every surface that uses the helpers below. */
+export declare const OVERLAY_MOTION_CSS = "\n  [data-ui-overlay] {\n    --ui-overlay-shift: 4px;\n    --ui-overlay-from: translate3d(0, 0, 0);\n    --ui-overlay-ox: center;\n    --ui-overlay-oy: center;\n    transform-origin: var(--ui-overlay-ox) var(--ui-overlay-oy);\n  }\n\n  [data-ui-overlay][data-side=\"top\"] { --ui-overlay-from: translate3d(0, var(--ui-overlay-shift), 0); --ui-overlay-oy: bottom; }\n  [data-ui-overlay][data-side=\"bottom\"] { --ui-overlay-from: translate3d(0, calc(var(--ui-overlay-shift) * -1), 0); --ui-overlay-oy: top; }\n  [data-ui-overlay][data-side=\"left\"] { --ui-overlay-from: translate3d(var(--ui-overlay-shift), 0, 0); --ui-overlay-ox: right; }\n  [data-ui-overlay][data-side=\"right\"] { --ui-overlay-from: translate3d(calc(var(--ui-overlay-shift) * -1), 0, 0); --ui-overlay-ox: left; }\n  [data-ui-overlay][data-align=\"start\"][data-side=\"top\"],\n  [data-ui-overlay][data-align=\"start\"][data-side=\"bottom\"] { --ui-overlay-ox: left; }\n  [data-ui-overlay][data-align=\"end\"][data-side=\"top\"],\n  [data-ui-overlay][data-align=\"end\"][data-side=\"bottom\"] { --ui-overlay-ox: right; }\n  [data-ui-overlay][data-align=\"start\"][data-side=\"left\"],\n  [data-ui-overlay][data-align=\"start\"][data-side=\"right\"] { --ui-overlay-oy: top; }\n  [data-ui-overlay][data-align=\"end\"][data-side=\"left\"],\n  [data-ui-overlay][data-align=\"end\"][data-side=\"right\"] { --ui-overlay-oy: bottom; }\n\n  [data-ui-overlay][data-state=\"open\"] {\n    animation: ui-overlay-in var(--ui-overlay-in-duration, 150ms) var(--ui-motion-enter-easing, cubic-bezier(0.16, 1, 0.3, 1)) backwards;\n  }\n\n  [data-ui-overlay][data-instant][data-state=\"open\"] {\n    animation: none;\n  }\n\n  [data-ui-overlay][data-state=\"closed\"] {\n    animation: ui-overlay-out var(--ui-overlay-out-duration, 100ms) var(--ui-motion-exit-easing, cubic-bezier(0.4, 0, 1, 1)) both;\n    pointer-events: none;\n  }\n\n  @keyframes ui-overlay-in {\n    from { opacity: 0; transform: var(--ui-overlay-from) scale(0.96); }\n    to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }\n  }\n\n  @keyframes ui-overlay-out {\n    from { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }\n    to { opacity: 0; transform: var(--ui-overlay-from) scale(0.96); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    [data-ui-overlay][data-state] { animation: none !important; }\n  }\n";
+/**
+ * Promote the surface to the browser's top layer, above every z-index on the page. The surface
+ * must already be in the document. Browsers without the Popover API keep their z-index stacking.
+ * `popover="manual"` adds no light dismiss or Escape handling; the component keeps its own.
+ */
+export declare function liftToTopLayer(el: HTMLElement, options?: {
+    resetBox?: boolean;
+}): void;
+export declare function openOverlay(el: HTMLElement, options?: {
+    topLayer?: boolean;
+    animate?: boolean;
+}): void;
+/**
+ * Play the exit, then call `done` once (normally to remove the surface). Returns a function that
+ * finishes straight away. Without an exit animation `done` runs before this returns.
+ */
+export declare function closeOverlay(el: HTMLElement, done: () => void): () => void;
+/** Remove a surface now, with no exit animation (for example when its owner is removed). */
+export declare function removeOverlay(el: HTMLElement | null | undefined): void;
+/** Play the exit and remove the surface afterwards. */
+export declare function retireOverlay(el: HTMLElement | null | undefined): void;
+/** `bottom-start` -> { side: 'bottom', align: 'start' }. */
+export declare function splitPlacement(placement: string): {
+    side: string;
+    align: string;
+};
+/**
+ * Show or hide a panel that stays in its owner's shadow tree and is toggled with `hidden`
+ * (select, dropdown, combobox...). Safe to call on every render: it only acts on a change.
+ * Hiding plays the exit first, so `hidden` becomes true a moment later, or at once without animation.
+ */
+export declare function setPanelOpen(panel: HTMLElement, open: boolean, side?: string): void;
+//# sourceMappingURL=overlay-motion.d.ts.map

package/dist/primitives/overlay-motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-motion.d.ts","sourceRoot":"","sources":["../../src/primitives/overlay-motion.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,gGAAgG;AAChG,eAAO,MAAM,kBAAkB,4zEAgD9B,CAAC;AAKF;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,GAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAO,GAAG,IAAI,CAoB1F;AAED,wBAAgB,WAAW,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,GAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,GAAG,IAAI,CAM1G;AAgBD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAyB1E;AAED,4FAA4F;AAC5F,wBAAgB,aAAa,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAOtE;AAED,uDAAuD;AACvD,wBAAgB,aAAa,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAGtE;AAED,4DAA4D;AAC5D,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAGjF;AAID;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAsBnF"}

package/dist/primitives/positioner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"positioner.d.ts","sourceRoot":"","sources":["../../src/primitives/positioner.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"positioner.d.ts","sourceRoot":"","sources":["../../src/primitives/positioner.ts"],"names":[],"mappings":"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"}

package/dist/progress.cjs.js

@@ -2,22 +2,17 @@
   :host {
     display: block;
     width: 100%;
-    --ui-progress-bg: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 45%, transparent);
+    --ui-progress-bg: var(--ui-color-fill-active, color-mix(in srgb, var(--ui-color-border, #cbd5e1) 45%, transparent));
     --ui-progress-fill: var(--ui-color-primary, #2563eb);
-    --ui-progress-fill-soft:
-      linear-gradient(
-        90deg,
-        color-mix(in srgb, var(--ui-progress-fill, #2563eb) 82%, white 18%),
-        var(--ui-progress-fill, #2563eb)
-      );
+    --ui-progress-fill-soft: var(--ui-progress-fill, #2563eb);
     --ui-progress-buffer: color-mix(in srgb, var(--ui-progress-fill, #2563eb) 24%, transparent);
-    --ui-progress-height: 10px;
+    --ui-progress-height: 6px;
     --ui-progress-radius: 999px;
     --ui-progress-shadow: none;
-    --ui-progress-label: #334155;
+    --ui-progress-label: var(--ui-color-text-secondary, #334155);
     --ui-progress-duration: 220ms;
     --ui-progress-easing: cubic-bezier(0.2, 0.9, 0.24, 1);
-    --ui-progress-track-border: 1px solid color-mix(in srgb, var(--ui-color-border, #cbd5e1) 70%, transparent);
+    --ui-progress-track-border: 0;
     --ui-progress-circle-size: 72px;
     --ui-progress-circle-thickness: 8px;
     --ui-progress-circle-track: color-mix(in srgb, var(--ui-progress-bg) 82%, transparent);
@@ -35,7 +30,7 @@
     align-items: baseline;
     justify-content: space-between;
     gap: 8px;
-    font: 600 12px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, Helvetica, Arial, sans-serif;
+    font: 500 12px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, Helvetica, Arial, sans-serif;
     color: var(--ui-progress-label);
     letter-spacing: 0.01em;
     min-height: 16px;
@@ -217,9 +212,9 @@
   :host([shape="round"]) { --ui-progress-radius: 10px; }
   :host([shape="pill"]) { --ui-progress-radius: 999px; }
 
-  :host([size="xs"]) { --ui-progress-height: 4px; }
-  :host([size="sm"]) { --ui-progress-height: 8px; }
-  :host([size="lg"]) { --ui-progress-height: 14px; }
+  :host([size="xs"]) { --ui-progress-height: 3px; }
+  :host([size="sm"]) { --ui-progress-height: 4px; }
+  :host([size="lg"]) { --ui-progress-height: 8px; }
 
   :host([striped]) .value {
     background-image:
@@ -311,7 +306,7 @@
       border-width: 2px;
     }
   }
-`;function u(e,r,t){return Number.isNaN(e)||e<r?r:e>t?t:e}function v(e,r){if(e==null)return r;const t=String(e).toLowerCase();return t!=="false"&&t!=="0"}function c(e,r){if(e==null||e==="")return r;const t=Number(e);return Number.isFinite(t)?t:r}function _(e){return e==="xs"||e==="sm"||e==="lg"?e:"md"}function x(e){return e==="solid"||e==="soft"||e==="line"||e==="glass"||e==="contrast"?e:"default"}function E(e){return e==="success"||e==="warning"||e==="danger"||e==="info"||e==="neutral"?e:"brand"}function k(e){return e==="square"||e==="round"?e:"pill"}function A(e){return e==="circle"||e==="radial"?"circle":"line"}class p extends b.ElementBase{constructor(){super(),this._value=0,this._buffer=0,this._max=100,this._min=0,this._percent=0,this._bufferPercent=0,this._indeterminate=!1,this._domReady=!1,this._metaEl=null,this._trackEl=null,this._bufferEl=null,this._valueEl=null,this._radialWrapEl=null,this._radialBufferEl=null,this._radialValueEl=null,this._radialCenterEl=null,this._lastEmitted="",this._completeFired=!1}static get observedAttributes(){return["value","buffer","max","min","indeterminate","size","variant","tone","shape","mode","striped","animated","show-label","label","aria-label","format","precision","headless"]}connectedCallback(){this._syncFromAttributes(),super.connectedCallback(),this._emitState()}attributeChangedCallback(r,t,i){t!==i&&(this._syncFromAttributes(),this.isConnected&&this.render(),(r==="value"||r==="buffer"||r==="max"||r==="min"||r==="indeterminate")&&this._emitState())}setValue(r){this.setAttribute("value",String(r))}setBuffer(r){this.setAttribute("buffer",String(r))}increment(r=1){this.setValue(this._value+r)}reset(){this.setValue(this._min)}_syncFromAttributes(){const r=c(this.getAttribute("min"),0),t=c(this.getAttribute("max"),100),i=t>r?t:r+1,s=c(this.getAttribute("value"),r),o=c(this.getAttribute("buffer"),s),d=this.hasAttribute("indeterminate"),l=u(s,r,i),a=u(o,r,i),n=Math.max(1e-6,i-r);this._min=r,this._max=i,this._value=l,this._buffer=a,this._indeterminate=d,this._percent=u((l-r)/n*100,0,100),this._bufferPercent=u((a-r)/n*100,0,100)}_formatLabel(r){const t=(this.getAttribute("format")||"percent").toLowerCase(),i=u(Math.round(c(this.getAttribute("precision"),0)),0,3);if(t==="value")return`${this._value.toFixed(i)} / ${this._max.toFixed(i)}`;if(t==="fraction"){const s=Math.max(1,this._max-this._min);return`${Math.max(0,this._value-this._min).toFixed(i)}/${s.toFixed(i)}`}return`${r.toFixed(i)}%`}_emitState(){if(this._indeterminate)return;const r=`${this._value}|${this._buffer}|${this._max}|${this._min}`;r!==this._lastEmitted&&(this._lastEmitted=r,this.dispatchEvent(new CustomEvent("change",{detail:{value:this._value,buffer:this._buffer,max:this._max,min:this._min,percent:this._percent,bufferPercent:this._bufferPercent},bubbles:!0})),this._value>=this._max?this._completeFired||(this.dispatchEvent(new CustomEvent("complete",{detail:{value:this._value,max:this._max},bubbles:!0})),this._completeFired=!0):this._completeFired=!1)}_ensureDom(){this._domReady||(this.setContent(`
+`;function u(e,t,r){return Number.isNaN(e)||e<t?t:e>r?r:e}function v(e,t){if(e==null)return t;const r=String(e).toLowerCase();return r!=="false"&&r!=="0"}function c(e,t){if(e==null||e==="")return t;const r=Number(e);return Number.isFinite(r)?r:t}function _(e){return e==="xs"||e==="sm"||e==="lg"?e:"md"}function x(e){return e==="solid"||e==="soft"||e==="line"||e==="glass"||e==="contrast"?e:"default"}function E(e){return e==="success"||e==="warning"||e==="danger"||e==="info"||e==="neutral"?e:"brand"}function k(e){return e==="square"||e==="round"?e:"pill"}function A(e){return e==="circle"||e==="radial"?"circle":"line"}class p extends b.ElementBase{constructor(){super(),this._value=0,this._buffer=0,this._max=100,this._min=0,this._percent=0,this._bufferPercent=0,this._indeterminate=!1,this._domReady=!1,this._metaEl=null,this._trackEl=null,this._bufferEl=null,this._valueEl=null,this._radialWrapEl=null,this._radialBufferEl=null,this._radialValueEl=null,this._radialCenterEl=null,this._lastEmitted="",this._completeFired=!1}static get observedAttributes(){return["value","buffer","max","min","indeterminate","size","variant","tone","shape","mode","striped","animated","show-label","label","aria-label","format","precision","headless"]}connectedCallback(){this._syncFromAttributes(),super.connectedCallback(),this._emitState()}attributeChangedCallback(t,r,i){r!==i&&(this._syncFromAttributes(),this.isConnected&&this.render(),(t==="value"||t==="buffer"||t==="max"||t==="min"||t==="indeterminate")&&this._emitState())}setValue(t){this.setAttribute("value",String(t))}setBuffer(t){this.setAttribute("buffer",String(t))}increment(t=1){this.setValue(this._value+t)}reset(){this.setValue(this._min)}_syncFromAttributes(){const t=c(this.getAttribute("min"),0),r=c(this.getAttribute("max"),100),i=r>t?r:t+1,s=c(this.getAttribute("value"),t),o=c(this.getAttribute("buffer"),s),d=this.hasAttribute("indeterminate"),l=u(s,t,i),a=u(o,t,i),n=Math.max(1e-6,i-t);this._min=t,this._max=i,this._value=l,this._buffer=a,this._indeterminate=d,this._percent=u((l-t)/n*100,0,100),this._bufferPercent=u((a-t)/n*100,0,100)}_formatLabel(t){const r=(this.getAttribute("format")||"percent").toLowerCase(),i=u(Math.round(c(this.getAttribute("precision"),0)),0,3);if(r==="value")return`${this._value.toFixed(i)} / ${this._max.toFixed(i)}`;if(r==="fraction"){const s=Math.max(1,this._max-this._min);return`${Math.max(0,this._value-this._min).toFixed(i)}/${s.toFixed(i)}`}return`${t.toFixed(i)}%`}_emitState(){if(this._indeterminate)return;const t=`${this._value}|${this._buffer}|${this._max}|${this._min}`;t!==this._lastEmitted&&(this._lastEmitted=t,this.dispatchEvent(new CustomEvent("change",{detail:{value:this._value,buffer:this._buffer,max:this._max,min:this._min,percent:this._percent,bufferPercent:this._bufferPercent},bubbles:!0})),this._value>=this._max?this._completeFired||(this.dispatchEvent(new CustomEvent("complete",{detail:{value:this._value,max:this._max},bubbles:!0})),this._completeFired=!0):this._completeFired=!1)}_ensureDom(){this._domReady||(this.setContent(`
       <style>${m}</style>
       <div class="root" part="root">
         <div class="meta" part="label"></div>
@@ -326,4 +321,4 @@
           <div class="radial-center" part="radial-label"></div>
         </div>
       </div>
-    `),this._metaEl=this.root.querySelector(".meta"),this._trackEl=this.root.querySelector(".track"),this._bufferEl=this.root.querySelector(".buffer"),this._valueEl=this.root.querySelector(".value"),this._radialWrapEl=this.root.querySelector(".radial-wrap"),this._radialBufferEl=this.root.querySelector(".radial-buffer"),this._radialValueEl=this.root.querySelector(".radial-value"),this._radialCenterEl=this.root.querySelector(".radial-center"),this._domReady=!0)}render(){this._ensureDom();const r=v(this.getAttribute("show-label"),!1),t=this.getAttribute("label"),i=t!=null&&t!==""?t:this._indeterminate?"Loading...":this._formatLabel(this._percent),s=_(this.getAttribute("size")),o=x(this.getAttribute("variant")),d=E(this.getAttribute("tone")),l=k(this.getAttribute("shape")),a=A(this.getAttribute("mode")),n=r&&a==="circle",h=r&&a!=="circle",f=(this.getAttribute("aria-label")||"").trim()||(t||"").trim()||"Progress";for(const g of[this._trackEl,this._radialWrapEl])g?.setAttribute("aria-label",f);this._metaEl&&(this._metaEl.textContent=h?i:"",this._metaEl.setAttribute("aria-hidden",h?"false":"true")),this._trackEl&&(this._trackEl.dataset.size=s,this._trackEl.dataset.variant=o,this._trackEl.dataset.tone=d,this._trackEl.dataset.shape=l,a==="line"?(this._trackEl.setAttribute("aria-valuemin",String(this._min)),this._trackEl.setAttribute("aria-valuemax",String(this._max)),this._trackEl.setAttribute("aria-busy",this._indeterminate?"true":"false"),this._trackEl.setAttribute("role","progressbar"),this._indeterminate?(this._trackEl.removeAttribute("aria-valuenow"),this._trackEl.setAttribute("aria-valuetext","Loading")):(this._trackEl.removeAttribute("aria-valuetext"),this._trackEl.setAttribute("aria-valuenow",String(this._value)))):(this._trackEl.removeAttribute("role"),this._trackEl.removeAttribute("aria-valuemin"),this._trackEl.removeAttribute("aria-valuemax"),this._trackEl.removeAttribute("aria-valuenow"),this._trackEl.removeAttribute("aria-valuetext"),this._trackEl.removeAttribute("aria-busy"))),this._bufferEl&&(this._bufferEl.style.width=`${this._indeterminate?0:this._bufferPercent}%`),this._valueEl&&(this._valueEl.style.width=`${this._indeterminate?38:this._percent}%`),this._radialWrapEl&&(this._radialWrapEl.dataset.size=s,this._radialWrapEl.dataset.variant=o,this._radialWrapEl.dataset.tone=d,this._radialWrapEl.dataset.shape=l,a==="circle"?(this._radialWrapEl.setAttribute("aria-valuemin",String(this._min)),this._radialWrapEl.setAttribute("aria-valuemax",String(this._max)),this._radialWrapEl.setAttribute("aria-busy",this._indeterminate?"true":"false"),this._radialWrapEl.setAttribute("role","progressbar"),this._indeterminate?(this._radialWrapEl.removeAttribute("aria-valuenow"),this._radialWrapEl.setAttribute("aria-valuetext","Loading")):(this._radialWrapEl.removeAttribute("aria-valuetext"),this._radialWrapEl.setAttribute("aria-valuenow",String(this._value)))):(this._radialWrapEl.removeAttribute("role"),this._radialWrapEl.removeAttribute("aria-valuemin"),this._radialWrapEl.removeAttribute("aria-valuemax"),this._radialWrapEl.removeAttribute("aria-valuenow"),this._radialWrapEl.removeAttribute("aria-valuetext"),this._radialWrapEl.removeAttribute("aria-busy"))),this._radialBufferEl&&this._radialBufferEl.style.setProperty("--ui-radial-buffer",String(this._indeterminate?0:this._bufferPercent)),this._radialValueEl&&this._radialValueEl.style.setProperty("--ui-radial-value",String(this._indeterminate?24:this._percent)),this._radialCenterEl&&(this._radialCenterEl.textContent=n?i:"",this._radialCenterEl.setAttribute("aria-hidden",n?"false":"true"))}}typeof customElements<"u"&&!customElements.get("ui-progress")&&customElements.define("ui-progress",p);exports.UIProgress=p;
+    `),this._metaEl=this.root.querySelector(".meta"),this._trackEl=this.root.querySelector(".track"),this._bufferEl=this.root.querySelector(".buffer"),this._valueEl=this.root.querySelector(".value"),this._radialWrapEl=this.root.querySelector(".radial-wrap"),this._radialBufferEl=this.root.querySelector(".radial-buffer"),this._radialValueEl=this.root.querySelector(".radial-value"),this._radialCenterEl=this.root.querySelector(".radial-center"),this._domReady=!0)}render(){this._ensureDom();const t=v(this.getAttribute("show-label"),!1),r=this.getAttribute("label"),i=r!=null&&r!==""?r:this._indeterminate?"Loading...":this._formatLabel(this._percent),s=_(this.getAttribute("size")),o=x(this.getAttribute("variant")),d=E(this.getAttribute("tone")),l=k(this.getAttribute("shape")),a=A(this.getAttribute("mode")),n=t&&a==="circle",h=t&&a!=="circle",f=(this.getAttribute("aria-label")||"").trim()||(r||"").trim()||"Progress";for(const g of[this._trackEl,this._radialWrapEl])g?.setAttribute("aria-label",f);this._metaEl&&(this._metaEl.textContent=h?i:"",this._metaEl.setAttribute("aria-hidden",h?"false":"true")),this._trackEl&&(this._trackEl.dataset.size=s,this._trackEl.dataset.variant=o,this._trackEl.dataset.tone=d,this._trackEl.dataset.shape=l,a==="line"?(this._trackEl.setAttribute("aria-valuemin",String(this._min)),this._trackEl.setAttribute("aria-valuemax",String(this._max)),this._trackEl.setAttribute("aria-busy",this._indeterminate?"true":"false"),this._trackEl.setAttribute("role","progressbar"),this._indeterminate?(this._trackEl.removeAttribute("aria-valuenow"),this._trackEl.setAttribute("aria-valuetext","Loading")):(this._trackEl.removeAttribute("aria-valuetext"),this._trackEl.setAttribute("aria-valuenow",String(this._value)))):(this._trackEl.removeAttribute("role"),this._trackEl.removeAttribute("aria-valuemin"),this._trackEl.removeAttribute("aria-valuemax"),this._trackEl.removeAttribute("aria-valuenow"),this._trackEl.removeAttribute("aria-valuetext"),this._trackEl.removeAttribute("aria-busy"))),this._bufferEl&&(this._bufferEl.style.width=`${this._indeterminate?0:this._bufferPercent}%`),this._valueEl&&(this._valueEl.style.width=`${this._indeterminate?38:this._percent}%`),this._radialWrapEl&&(this._radialWrapEl.dataset.size=s,this._radialWrapEl.dataset.variant=o,this._radialWrapEl.dataset.tone=d,this._radialWrapEl.dataset.shape=l,a==="circle"?(this._radialWrapEl.setAttribute("aria-valuemin",String(this._min)),this._radialWrapEl.setAttribute("aria-valuemax",String(this._max)),this._radialWrapEl.setAttribute("aria-busy",this._indeterminate?"true":"false"),this._radialWrapEl.setAttribute("role","progressbar"),this._indeterminate?(this._radialWrapEl.removeAttribute("aria-valuenow"),this._radialWrapEl.setAttribute("aria-valuetext","Loading")):(this._radialWrapEl.removeAttribute("aria-valuetext"),this._radialWrapEl.setAttribute("aria-valuenow",String(this._value)))):(this._radialWrapEl.removeAttribute("role"),this._radialWrapEl.removeAttribute("aria-valuemin"),this._radialWrapEl.removeAttribute("aria-valuemax"),this._radialWrapEl.removeAttribute("aria-valuenow"),this._radialWrapEl.removeAttribute("aria-valuetext"),this._radialWrapEl.removeAttribute("aria-busy"))),this._radialBufferEl&&this._radialBufferEl.style.setProperty("--ui-radial-buffer",String(this._indeterminate?0:this._bufferPercent)),this._radialValueEl&&this._radialValueEl.style.setProperty("--ui-radial-value",String(this._indeterminate?24:this._percent)),this._radialCenterEl&&(this._radialCenterEl.textContent=n?i:"",this._radialCenterEl.setAttribute("aria-hidden",n?"false":"true"))}}typeof customElements<"u"&&!customElements.get("ui-progress")&&customElements.define("ui-progress",p);exports.UIProgress=p;

package/dist/progress.esm.js

@@ -3,22 +3,17 @@ const b = `
   :host {
     display: block;
     width: 100%;
-    --ui-progress-bg: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 45%, transparent);
+    --ui-progress-bg: var(--ui-color-fill-active, color-mix(in srgb, var(--ui-color-border, #cbd5e1) 45%, transparent));
     --ui-progress-fill: var(--ui-color-primary, #2563eb);
-    --ui-progress-fill-soft:
-      linear-gradient(
-        90deg,
-        color-mix(in srgb, var(--ui-progress-fill, #2563eb) 82%, white 18%),
-        var(--ui-progress-fill, #2563eb)
-      );
+    --ui-progress-fill-soft: var(--ui-progress-fill, #2563eb);
     --ui-progress-buffer: color-mix(in srgb, var(--ui-progress-fill, #2563eb) 24%, transparent);
-    --ui-progress-height: 10px;
+    --ui-progress-height: 6px;
     --ui-progress-radius: 999px;
     --ui-progress-shadow: none;
-    --ui-progress-label: #334155;
+    --ui-progress-label: var(--ui-color-text-secondary, #334155);
     --ui-progress-duration: 220ms;
     --ui-progress-easing: cubic-bezier(0.2, 0.9, 0.24, 1);
-    --ui-progress-track-border: 1px solid color-mix(in srgb, var(--ui-color-border, #cbd5e1) 70%, transparent);
+    --ui-progress-track-border: 0;
     --ui-progress-circle-size: 72px;
     --ui-progress-circle-thickness: 8px;
     --ui-progress-circle-track: color-mix(in srgb, var(--ui-progress-bg) 82%, transparent);
@@ -36,7 +31,7 @@ const b = `
     align-items: baseline;
     justify-content: space-between;
     gap: 8px;
-    font: 600 12px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, Helvetica, Arial, sans-serif;
+    font: 500 12px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, Helvetica, Arial, sans-serif;
     color: var(--ui-progress-label);
     letter-spacing: 0.01em;
     min-height: 16px;
@@ -218,9 +213,9 @@ const b = `
   :host([shape="round"]) { --ui-progress-radius: 10px; }
   :host([shape="pill"]) { --ui-progress-radius: 999px; }
 
-  :host([size="xs"]) { --ui-progress-height: 4px; }
-  :host([size="sm"]) { --ui-progress-height: 8px; }
-  :host([size="lg"]) { --ui-progress-height: 14px; }
+  :host([size="xs"]) { --ui-progress-height: 3px; }
+  :host([size="sm"]) { --ui-progress-height: 4px; }
+  :host([size="lg"]) { --ui-progress-height: 8px; }
 
   :host([striped]) .value {
     background-image:
@@ -313,18 +308,18 @@ const b = `
     }
   }
 `;
-function u(e, r, t) {
-  return Number.isNaN(e) || e < r ? r : e > t ? t : e;
+function u(e, t, r) {
+  return Number.isNaN(e) || e < t ? t : e > r ? r : e;
 }
-function m(e, r) {
-  if (e == null) return r;
-  const t = String(e).toLowerCase();
-  return t !== "false" && t !== "0";
+function m(e, t) {
+  if (e == null) return t;
+  const r = String(e).toLowerCase();
+  return r !== "false" && r !== "0";
 }
-function c(e, r) {
-  if (e == null || e === "") return r;
-  const t = Number(e);
-  return Number.isFinite(t) ? t : r;
+function c(e, t) {
+  if (e == null || e === "") return t;
+  const r = Number(e);
+  return Number.isFinite(r) ? r : t;
 }
 function v(e) {
   return e === "xs" || e === "sm" || e === "lg" ? e : "md";
@@ -370,38 +365,38 @@ class A extends g {
   connectedCallback() {
     this._syncFromAttributes(), super.connectedCallback(), this._emitState();
   }
-  attributeChangedCallback(r, t, i) {
-    t !== i && (this._syncFromAttributes(), this.isConnected && this.render(), (r === "value" || r === "buffer" || r === "max" || r === "min" || r === "indeterminate") && this._emitState());
+  attributeChangedCallback(t, r, i) {
+    r !== i && (this._syncFromAttributes(), this.isConnected && this.render(), (t === "value" || t === "buffer" || t === "max" || t === "min" || t === "indeterminate") && this._emitState());
   }
-  setValue(r) {
-    this.setAttribute("value", String(r));
+  setValue(t) {
+    this.setAttribute("value", String(t));
   }
-  setBuffer(r) {
-    this.setAttribute("buffer", String(r));
+  setBuffer(t) {
+    this.setAttribute("buffer", String(t));
   }
-  increment(r = 1) {
-    this.setValue(this._value + r);
+  increment(t = 1) {
+    this.setValue(this._value + t);
   }
   reset() {
     this.setValue(this._min);
   }
   _syncFromAttributes() {
-    const r = c(this.getAttribute("min"), 0), t = c(this.getAttribute("max"), 100), i = t > r ? t : r + 1, s = c(this.getAttribute("value"), r), o = c(this.getAttribute("buffer"), s), d = this.hasAttribute("indeterminate"), l = u(s, r, i), a = u(o, r, i), n = Math.max(1e-6, i - r);
-    this._min = r, this._max = i, this._value = l, this._buffer = a, this._indeterminate = d, this._percent = u((l - r) / n * 100, 0, 100), this._bufferPercent = u((a - r) / n * 100, 0, 100);
+    const t = c(this.getAttribute("min"), 0), r = c(this.getAttribute("max"), 100), i = r > t ? r : t + 1, s = c(this.getAttribute("value"), t), o = c(this.getAttribute("buffer"), s), d = this.hasAttribute("indeterminate"), l = u(s, t, i), a = u(o, t, i), n = Math.max(1e-6, i - t);
+    this._min = t, this._max = i, this._value = l, this._buffer = a, this._indeterminate = d, this._percent = u((l - t) / n * 100, 0, 100), this._bufferPercent = u((a - t) / n * 100, 0, 100);
   }
-  _formatLabel(r) {
-    const t = (this.getAttribute("format") || "percent").toLowerCase(), i = u(Math.round(c(this.getAttribute("precision"), 0)), 0, 3);
-    if (t === "value") return `${this._value.toFixed(i)} / ${this._max.toFixed(i)}`;
-    if (t === "fraction") {
+  _formatLabel(t) {
+    const r = (this.getAttribute("format") || "percent").toLowerCase(), i = u(Math.round(c(this.getAttribute("precision"), 0)), 0, 3);
+    if (r === "value") return `${this._value.toFixed(i)} / ${this._max.toFixed(i)}`;
+    if (r === "fraction") {
       const s = Math.max(1, this._max - this._min);
       return `${Math.max(0, this._value - this._min).toFixed(i)}/${s.toFixed(i)}`;
     }
-    return `${r.toFixed(i)}%`;
+    return `${t.toFixed(i)}%`;
   }
   _emitState() {
     if (this._indeterminate) return;
-    const r = `${this._value}|${this._buffer}|${this._max}|${this._min}`;
-    r !== this._lastEmitted && (this._lastEmitted = r, this.dispatchEvent(
+    const t = `${this._value}|${this._buffer}|${this._max}|${this._min}`;
+    t !== this._lastEmitted && (this._lastEmitted = t, this.dispatchEvent(
       new CustomEvent("change", {
         detail: {
           value: this._value,
@@ -440,7 +435,7 @@ class A extends g {
   }
   render() {
     this._ensureDom();
-    const r = m(this.getAttribute("show-label"), !1), t = this.getAttribute("label"), i = t != null && t !== "" ? t : this._indeterminate ? "Loading..." : this._formatLabel(this._percent), s = v(this.getAttribute("size")), o = _(this.getAttribute("variant")), d = x(this.getAttribute("tone")), l = E(this.getAttribute("shape")), a = k(this.getAttribute("mode")), n = r && a === "circle", h = r && a !== "circle", p = (this.getAttribute("aria-label") || "").trim() || (t || "").trim() || "Progress";
+    const t = m(this.getAttribute("show-label"), !1), r = this.getAttribute("label"), i = r != null && r !== "" ? r : this._indeterminate ? "Loading..." : this._formatLabel(this._percent), s = v(this.getAttribute("size")), o = _(this.getAttribute("variant")), d = x(this.getAttribute("tone")), l = E(this.getAttribute("shape")), a = k(this.getAttribute("mode")), n = t && a === "circle", h = t && a !== "circle", p = (this.getAttribute("aria-label") || "").trim() || (r || "").trim() || "Progress";
     for (const f of [this._trackEl, this._radialWrapEl]) f?.setAttribute("aria-label", p);
     this._metaEl && (this._metaEl.textContent = h ? i : "", this._metaEl.setAttribute("aria-hidden", h ? "false" : "true")), this._trackEl && (this._trackEl.dataset.size = s, this._trackEl.dataset.variant = o, this._trackEl.dataset.tone = d, this._trackEl.dataset.shape = l, a === "line" ? (this._trackEl.setAttribute("aria-valuemin", String(this._min)), this._trackEl.setAttribute("aria-valuemax", String(this._max)), this._trackEl.setAttribute("aria-busy", this._indeterminate ? "true" : "false"), this._trackEl.setAttribute("role", "progressbar"), this._indeterminate ? (this._trackEl.removeAttribute("aria-valuenow"), this._trackEl.setAttribute("aria-valuetext", "Loading")) : (this._trackEl.removeAttribute("aria-valuetext"), this._trackEl.setAttribute("aria-valuenow", String(this._value)))) : (this._trackEl.removeAttribute("role"), this._trackEl.removeAttribute("aria-valuemin"), this._trackEl.removeAttribute("aria-valuemax"), this._trackEl.removeAttribute("aria-valuenow"), this._trackEl.removeAttribute("aria-valuetext"), this._trackEl.removeAttribute("aria-busy"))), this._bufferEl && (this._bufferEl.style.width = `${this._indeterminate ? 0 : this._bufferPercent}%`), this._valueEl && (this._valueEl.style.width = `${this._indeterminate ? 38 : this._percent}%`), this._radialWrapEl && (this._radialWrapEl.dataset.size = s, this._radialWrapEl.dataset.variant = o, this._radialWrapEl.dataset.tone = d, this._radialWrapEl.dataset.shape = l, a === "circle" ? (this._radialWrapEl.setAttribute("aria-valuemin", String(this._min)), this._radialWrapEl.setAttribute("aria-valuemax", String(this._max)), this._radialWrapEl.setAttribute("aria-busy", this._indeterminate ? "true" : "false"), this._radialWrapEl.setAttribute("role", "progressbar"), this._indeterminate ? (this._radialWrapEl.removeAttribute("aria-valuenow"), this._radialWrapEl.setAttribute("aria-valuetext", "Loading")) : (this._radialWrapEl.removeAttribute("aria-valuetext"), this._radialWrapEl.setAttribute("aria-valuenow", String(this._value)))) : (this._radialWrapEl.removeAttribute("role"), this._radialWrapEl.removeAttribute("aria-valuemin"), this._radialWrapEl.removeAttribute("aria-valuemax"), this._radialWrapEl.removeAttribute("aria-valuenow"), this._radialWrapEl.removeAttribute("aria-valuetext"), this._radialWrapEl.removeAttribute("aria-busy"))), this._radialBufferEl && this._radialBufferEl.style.setProperty("--ui-radial-buffer", String(this._indeterminate ? 0 : this._bufferPercent)), this._radialValueEl && this._radialValueEl.style.setProperty("--ui-radial-value", String(this._indeterminate ? 24 : this._percent)), this._radialCenterEl && (this._radialCenterEl.textContent = n ? i : "", this._radialCenterEl.setAttribute("aria-hidden", n ? "false" : "true"));
   }

package/dist/quick-actions.cjs.js

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("./ElementBase-DxbvhLJs.js"),h=`
   :host {
-    --ui-quick-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 95%, transparent);
-    --ui-quick-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent);
+    --ui-quick-bg: var(--color-panel-solid, var(--ui-color-surface, #ffffff));
+    --ui-quick-border: var(--ui-color-line-subtle, color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent));
     --ui-quick-text: var(--ui-color-text, #0f172a);
     --ui-quick-muted: var(--ui-color-muted, #526175);
     --ui-quick-accent: var(--ui-color-primary, #2563eb);
@@ -18,10 +18,10 @@
     align-items: center;
     gap: 8px;
     border: 1px solid var(--ui-quick-border);
-    border-radius: 999px;
+    border-radius: calc(var(--ui-radius, 6px) + 4px);
     background: var(--ui-quick-bg);
-    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
-    padding: 8px;
+    box-shadow: var(--shadow-5, 0 8px 24px rgba(15, 23, 42, 0.12));
+    padding: 4px;
     color: var(--ui-quick-text);
   }
 
@@ -44,7 +44,7 @@
     border-radius: 999px;
     border: 1px solid color-mix(in srgb, var(--ui-quick-border) 82%, transparent);
     background: color-mix(in srgb, var(--ui-quick-accent) 14%, transparent);
-    color: color-mix(in srgb, var(--ui-quick-accent) 88%, #0f172a 12%);
+    color: color-mix(in srgb, var(--ui-quick-accent) 45%, var(--ui-color-text-strong, #0f172a));
     font-size: 17px;
     line-height: 1;
     display: inline-grid;
@@ -80,13 +80,13 @@
   }
 
   ::slotted([slot="action"]) {
-    border: 1px solid color-mix(in srgb, var(--ui-quick-border) 84%, transparent);
-    border-radius: 10px;
-    background: color-mix(in srgb, var(--ui-quick-bg) 98%, transparent);
+    border: 1px solid transparent;
+    border-radius: var(--ui-control-radius-2, var(--ui-radius, 6px));
+    background: transparent;
     color: inherit;
-    font: 600 12px/1 "Inter", "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-    letter-spacing: 0.01em;
-    padding: 8px 10px;
+    font: 500 var(--ui-control-font-size-2, 14px)/1 "Inter", "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    min-height: var(--ui-control-height-2, 32px);
+    padding: 0 10px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -197,9 +197,9 @@
       border-color: Highlight;
     }
   }
-`;let p=0;function l(u){return u.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}class d extends b.ElementBase{constructor(){super(),this._instanceId=++p,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this)}static get observedAttributes(){return["open","mode","orientation","variant","floating","placement","collapsible","label","headless"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onClick),this.root.addEventListener("keydown",this._onKeyDown),this.getAttribute("mode")!=="fab"&&!this.hasAttribute("collapsible")&&!this.hasAttribute("open")&&this.setAttribute("open","")}disconnectedCallback(){this.root.removeEventListener("click",this._onClick),this.root.removeEventListener("keydown",this._onKeyDown),super.disconnectedCallback()}attributeChangedCallback(e,o,t){if(o!==t){if(e==="open"){this._syncOpenUi();return}this.isConnected&&this.requestRender()}}get open(){return this.hasAttribute("open")}set open(e){e?this.setAttribute("open",""):this.removeAttribute("open")}show(){this.toggle(!0)}hide(){this.toggle(!1)}toggle(e){const o=typeof e=="boolean"?e:!this.open;this.open=o;const t={open:o};this.dispatchEvent(new CustomEvent(o?"open":"close",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("toggle",{detail:t,bubbles:!0,composed:!0}))}_actions(){const e=this.root.querySelector('slot[name="action"]');return e?e.assignedElements({flatten:!0}).filter(o=>o instanceof HTMLElement):[]}_actionsId(){return`ui-quick-actions-${this._instanceId}-actions`}_syncActionAccessibility(e){this._actions().forEach((t,r)=>{if(t.id||(t.id=`ui-quick-actions-${this._instanceId}-action-${r+1}`),t.hasAttribute("role")||t.setAttribute("role","button"),!t.hasAttribute("aria-label")){const i=t.textContent?.trim();i&&t.setAttribute("aria-label",i)}if(e){const i=t.getAttribute("data-ui-quick-tabindex");i!=null?(i==="__none__"?t.removeAttribute("tabindex"):t.setAttribute("tabindex",i),t.removeAttribute("data-ui-quick-tabindex")):t.hasAttribute("tabindex")||t.setAttribute("tabindex","0"),t.setAttribute("aria-hidden","false");return}t.hasAttribute("data-ui-quick-tabindex")||t.setAttribute("data-ui-quick-tabindex",t.getAttribute("tabindex")??"__none__"),t.setAttribute("tabindex","-1"),t.setAttribute("aria-hidden","true")})}_onClick(e){const o=e.target;if(!o)return;if(o.closest(".toggle")){this.toggle();return}const r=e.composedPath(),i=this._actions(),n=i.find(s=>r.includes(s));if(!n)return;const a=i.indexOf(n),c={index:a,id:n.id||n.getAttribute("data-id")||String(a+1),label:n.getAttribute("aria-label")||n.textContent?.trim()||`Action ${a+1}`};this.dispatchEvent(new CustomEvent("select",{detail:c,bubbles:!0,composed:!0})),this.getAttribute("mode")==="fab"&&this.hide()}_moveFocus(e,o){const t=this._actions();if(!t.length)return;const r=t.indexOf(e);if(r<0)return;const i=(r+o+t.length)%t.length;t[i].focus()}_onKeyDown(e){if(e.key==="Escape"&&this.open&&this.getAttribute("mode")==="fab"){e.preventDefault(),this.hide();return}const o=e.target;if(!o)return;const r=this._actions().find(s=>s===o||s.contains(o));if(!r)return;const i=this.getAttribute("orientation")==="vertical"||this.getAttribute("mode")==="fab",n=!i&&getComputedStyle(this).direction==="rtl",a=i?"ArrowDown":n?"ArrowLeft":"ArrowRight",c=i?"ArrowUp":n?"ArrowRight":"ArrowLeft";if(e.key===a){e.preventDefault(),this._moveFocus(r,1);return}if(e.key===c){e.preventDefault(),this._moveFocus(r,-1);return}if(e.key==="Home"||e.key==="End"){e.preventDefault();const s=this._actions();if(!s.length)return;(e.key==="Home"?s[0]:s[s.length-1]).focus()}}_syncOpenUi(){if(!this.isConnected)return;if(!this.root.querySelector(".root")){this.requestRender();return}const e=this.getAttribute("mode")==="fab"?"fab":"bar",o=this.hasAttribute("collapsible")||e==="fab",t=this.open||!o&&e==="bar",r=this.getAttribute("label")||"Quick actions",i=this.root.querySelector(".toggle");i&&(i.textContent=t?"−":"+",i.setAttribute("aria-label",r),i.setAttribute("aria-expanded",t?"true":"false"));const n=this.root.querySelector(".actions");n&&(t?n.removeAttribute("hidden"):n.setAttribute("hidden","")),this._syncActionAccessibility(t)}render(){const e=this.getAttribute("mode")==="fab"?"fab":"bar",o=this.hasAttribute("collapsible")||e==="fab",t=this.open||!o&&e==="bar",r=this.getAttribute("label")||"Quick actions",i=this._actionsId(),n=this.getAttribute("orientation")==="vertical"||e==="fab"?"vertical":"horizontal";this.setContent(`
+`;let p=0;function l(u){return u.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}class d extends b.ElementBase{constructor(){super(),this._instanceId=++p,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this)}static get observedAttributes(){return["open","mode","orientation","variant","floating","placement","collapsible","label","headless"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onClick),this.root.addEventListener("keydown",this._onKeyDown),this.getAttribute("mode")!=="fab"&&!this.hasAttribute("collapsible")&&!this.hasAttribute("open")&&this.setAttribute("open","")}disconnectedCallback(){this.root.removeEventListener("click",this._onClick),this.root.removeEventListener("keydown",this._onKeyDown),super.disconnectedCallback()}attributeChangedCallback(e,o,t){if(o!==t){if(e==="open"){this._syncOpenUi();return}this.isConnected&&this.requestRender()}}get open(){return this.hasAttribute("open")}set open(e){e?this.setAttribute("open",""):this.removeAttribute("open")}show(){this.toggle(!0)}hide(){this.toggle(!1)}toggle(e){const o=typeof e=="boolean"?e:!this.open;this.open=o;const t={open:o};this.dispatchEvent(new CustomEvent(o?"open":"close",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("toggle",{detail:t,bubbles:!0,composed:!0}))}_actions(){const e=this.root.querySelector('slot[name="action"]');return e?e.assignedElements({flatten:!0}).filter(o=>o instanceof HTMLElement):[]}_actionsId(){return`ui-quick-actions-${this._instanceId}-actions`}_syncActionAccessibility(e){this._actions().forEach((t,r)=>{if(t.id||(t.id=`ui-quick-actions-${this._instanceId}-action-${r+1}`),t.hasAttribute("role")||t.setAttribute("role","button"),!t.hasAttribute("aria-label")){const i=t.textContent?.trim();i&&t.setAttribute("aria-label",i)}if(e){const i=t.getAttribute("data-ui-quick-tabindex");i!=null?(i==="__none__"?t.removeAttribute("tabindex"):t.setAttribute("tabindex",i),t.removeAttribute("data-ui-quick-tabindex")):t.hasAttribute("tabindex")||t.setAttribute("tabindex","0"),t.setAttribute("aria-hidden","false");return}t.hasAttribute("data-ui-quick-tabindex")||t.setAttribute("data-ui-quick-tabindex",t.getAttribute("tabindex")??"__none__"),t.setAttribute("tabindex","-1"),t.setAttribute("aria-hidden","true")})}_onClick(e){const o=e.target;if(!o)return;if(o.closest(".toggle")){this.toggle();return}const r=e.composedPath(),i=this._actions(),s=i.find(n=>r.includes(n));if(!s)return;const a=i.indexOf(s),c={index:a,id:s.id||s.getAttribute("data-id")||String(a+1),label:s.getAttribute("aria-label")||s.textContent?.trim()||`Action ${a+1}`};this.dispatchEvent(new CustomEvent("select",{detail:c,bubbles:!0,composed:!0})),this.getAttribute("mode")==="fab"&&this.hide()}_moveFocus(e,o){const t=this._actions();if(!t.length)return;const r=t.indexOf(e);if(r<0)return;const i=(r+o+t.length)%t.length;t[i].focus()}_onKeyDown(e){if(e.key==="Escape"&&this.open&&this.getAttribute("mode")==="fab"){e.preventDefault(),this.hide();return}const o=e.target;if(!o)return;const r=this._actions().find(n=>n===o||n.contains(o));if(!r)return;const i=this.getAttribute("orientation")==="vertical"||this.getAttribute("mode")==="fab",s=!i&&getComputedStyle(this).direction==="rtl",a=i?"ArrowDown":s?"ArrowLeft":"ArrowRight",c=i?"ArrowUp":s?"ArrowRight":"ArrowLeft";if(e.key===a){e.preventDefault(),this._moveFocus(r,1);return}if(e.key===c){e.preventDefault(),this._moveFocus(r,-1);return}if(e.key==="Home"||e.key==="End"){e.preventDefault();const n=this._actions();if(!n.length)return;(e.key==="Home"?n[0]:n[n.length-1]).focus()}}_syncOpenUi(){if(!this.isConnected)return;if(!this.root.querySelector(".root")){this.requestRender();return}const e=this.getAttribute("mode")==="fab"?"fab":"bar",o=this.hasAttribute("collapsible")||e==="fab",t=this.open||!o&&e==="bar",r=this.getAttribute("label")||"Quick actions",i=this.root.querySelector(".toggle");i&&(i.textContent=t?"−":"+",i.setAttribute("aria-label",r),i.setAttribute("aria-expanded",t?"true":"false"));const s=this.root.querySelector(".actions");s&&(t?s.removeAttribute("hidden"):s.setAttribute("hidden","")),this._syncActionAccessibility(t)}render(){const e=this.getAttribute("mode")==="fab"?"fab":"bar",o=this.hasAttribute("collapsible")||e==="fab",t=this.open||!o&&e==="bar",r=this.getAttribute("label")||"Quick actions",i=this._actionsId(),s=this.getAttribute("orientation")==="vertical"||e==="fab"?"vertical":"horizontal";this.setContent(`
       <style>${h}</style>
-      <div class="root" part="root" role="toolbar" aria-label="${l(r)}" aria-orientation="${n}">
+      <div class="root" part="root" role="toolbar" aria-label="${l(r)}" aria-orientation="${s}">
         ${o?`<button type="button" class="toggle" part="toggle" aria-label="${l(r)}" aria-controls="${i}" aria-haspopup="true" aria-expanded="${t?"true":"false"}">${t?"−":"+"}</button>`:""}
         <div id="${i}" class="actions" part="actions" role="group" aria-label="${l(r)} list" ${t?"":"hidden"}>
           <slot name="action"></slot>

package/dist/quick-actions.esm.js

@@ -1,8 +1,8 @@
 import { E as d } from "./ElementBase-BeZT54Hj.mjs";
 const b = `
   :host {
-    --ui-quick-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 95%, transparent);
-    --ui-quick-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent);
+    --ui-quick-bg: var(--color-panel-solid, var(--ui-color-surface, #ffffff));
+    --ui-quick-border: var(--ui-color-line-subtle, color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent));
     --ui-quick-text: var(--ui-color-text, #0f172a);
     --ui-quick-muted: var(--ui-color-muted, #526175);
     --ui-quick-accent: var(--ui-color-primary, #2563eb);
@@ -19,10 +19,10 @@ const b = `
     align-items: center;
     gap: 8px;
     border: 1px solid var(--ui-quick-border);
-    border-radius: 999px;
+    border-radius: calc(var(--ui-radius, 6px) + 4px);
     background: var(--ui-quick-bg);
-    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
-    padding: 8px;
+    box-shadow: var(--shadow-5, 0 8px 24px rgba(15, 23, 42, 0.12));
+    padding: 4px;
     color: var(--ui-quick-text);
   }
 
@@ -45,7 +45,7 @@ const b = `
     border-radius: 999px;
     border: 1px solid color-mix(in srgb, var(--ui-quick-border) 82%, transparent);
     background: color-mix(in srgb, var(--ui-quick-accent) 14%, transparent);
-    color: color-mix(in srgb, var(--ui-quick-accent) 88%, #0f172a 12%);
+    color: color-mix(in srgb, var(--ui-quick-accent) 45%, var(--ui-color-text-strong, #0f172a));
     font-size: 17px;
     line-height: 1;
     display: inline-grid;
@@ -81,13 +81,13 @@ const b = `
   }
 
   ::slotted([slot="action"]) {
-    border: 1px solid color-mix(in srgb, var(--ui-quick-border) 84%, transparent);
-    border-radius: 10px;
-    background: color-mix(in srgb, var(--ui-quick-bg) 98%, transparent);
+    border: 1px solid transparent;
+    border-radius: var(--ui-control-radius-2, var(--ui-radius, 6px));
+    background: transparent;
     color: inherit;
-    font: 600 12px/1 "Inter", "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-    letter-spacing: 0.01em;
-    padding: 8px 10px;
+    font: 500 var(--ui-control-font-size-2, 14px)/1 "Inter", "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    min-height: var(--ui-control-height-2, 32px);
+    padding: 0 10px;
     display: inline-flex;
     align-items: center;
     justify-content: center;