@editora/ui-core 0.1.21 → 0.1.23

package/dist/separator.esm.js

@@ -1,4 +1,4 @@
-import { E as n } from "./ElementBase-YlTLMsGk.mjs";
+import { E as n } from "./ElementBase-BeZT54Hj.mjs";
 const s = `
   :host {
     --ui-separator-color: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 80%, transparent);
@@ -6,7 +6,7 @@ const s = `
     --ui-separator-gap: 10px;
     --ui-separator-margin-block: 12px;
     --ui-separator-margin-inline: 0px;
-    --ui-separator-label-color: var(--ui-color-muted, #64748b);
+    --ui-separator-label-color: var(--ui-color-muted, #526175);
     --ui-separator-glow: 0 0 0 transparent;
     color-scheme: light dark;
     display: block;
@@ -112,22 +112,22 @@ const s = `
 
   :host([tone="brand"]) {
     --ui-separator-color: color-mix(in srgb, var(--ui-color-primary, #2563eb) 38%, transparent);
-    --ui-separator-label-color: color-mix(in srgb, var(--ui-color-primary, #2563eb) 68%, var(--ui-color-muted, #64748b));
+    --ui-separator-label-color: color-mix(in srgb, var(--ui-color-primary, #2563eb) 68%, var(--ui-color-muted, #526175));
   }
 
   :host([tone="success"]) {
-    --ui-separator-color: color-mix(in srgb, var(--ui-color-success, #16a34a) 40%, transparent);
-    --ui-separator-label-color: color-mix(in srgb, var(--ui-color-success, #16a34a) 70%, var(--ui-color-muted, #64748b));
+    --ui-separator-color: color-mix(in srgb, var(--ui-color-success, #15803d) 40%, transparent);
+    --ui-separator-label-color: color-mix(in srgb, var(--ui-color-success, #15803d) 70%, var(--ui-color-muted, #526175));
   }
 
   :host([tone="warning"]) {
-    --ui-separator-color: color-mix(in srgb, var(--ui-color-warning, #d97706) 40%, transparent);
-    --ui-separator-label-color: color-mix(in srgb, var(--ui-color-warning, #d97706) 70%, var(--ui-color-muted, #64748b));
+    --ui-separator-color: color-mix(in srgb, var(--ui-color-warning, #b45309) 40%, transparent);
+    --ui-separator-label-color: color-mix(in srgb, var(--ui-color-warning, #b45309) 70%, var(--ui-color-muted, #526175));
   }
 
   :host([tone="danger"]) {
     --ui-separator-color: color-mix(in srgb, var(--ui-color-danger, #dc2626) 40%, transparent);
-    --ui-separator-label-color: color-mix(in srgb, var(--ui-color-danger, #dc2626) 70%, var(--ui-color-muted, #64748b));
+    --ui-separator-label-color: color-mix(in srgb, var(--ui-color-danger, #dc2626) 70%, var(--ui-color-muted, #526175));
   }
 
   :host([variant="dashed"]) .line {

package/dist/sidebar.cjs.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const D=require("./ElementBase-EV6mVBUV.js"),y={sm:{expanded:220,collapsed:64,min:168,max:300},md:{expanded:236,collapsed:72,min:180,max:320},lg:{expanded:268,collapsed:80,min:192,max:360}},w=new Set(["variant","size","density","tone","radius","item-radius","item-gap","item-padding-x","item-padding-y","item-height","item-font-size","item-line-height","section-label-transform","elevation","position","rail","headless"]),_=new Set(["width","min-width","max-width","collapsed-width","storage-key","auto-save"]),M=o=>`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const D=require("./ElementBase-DxbvhLJs.js"),y={sm:{expanded:220,collapsed:64,min:168,max:300},md:{expanded:236,collapsed:72,min:180,max:320},lg:{expanded:268,collapsed:80,min:192,max:360}},w=new Set(["variant","size","density","tone","radius","item-radius","item-gap","item-padding-x","item-padding-y","item-height","item-font-size","item-line-height","section-label-transform","elevation","position","rail","headless"]),_=new Set(["width","min-width","max-width","collapsed-width","storage-key","auto-save"]),M=o=>`
   <style>
     :host {
       --ui-sidebar-bg: var(--base-sidebar-bg, var(--color-panel-solid, var(--ui-color-surface, #ffffff)));
       --ui-sidebar-color: var(--ui-color-text, var(--ui-text, #202020));
-      --ui-sidebar-muted: color-mix(in srgb, var(--ui-sidebar-color) 56%, transparent);
+      --ui-sidebar-muted: color-mix(in srgb, var(--ui-sidebar-color) 72%, transparent);
       --ui-sidebar-border: var(--base-sidebar-border, 1px solid color-mix(in srgb, var(--gray-a5, rgba(15, 23, 42, 0.16)) 82%, transparent));
       --ui-sidebar-radius: var(--base-sidebar-radius, var(--ui-radius, 4px));
       --ui-sidebar-shadow: var(--base-sidebar-shadow, var(--shadow-5, none));
@@ -126,7 +126,7 @@
       --ui-sidebar-muted: color-mix(in srgb, #f8fbff 72%, transparent);
       --ui-sidebar-border: 1px solid color-mix(in srgb, #9ec5ff 14%, transparent);
       --ui-sidebar-item-hover: color-mix(in srgb, #ffffff 8%, transparent);
-      --ui-sidebar-item-active-bg: color-mix(in srgb, var(--ui-sidebar-accent) 82%, #0b4cb4 18%);
+      --ui-sidebar-item-active-bg: color-mix(in srgb, var(--ui-sidebar-accent) 50%, #0b4cb4 50%);
       --ui-sidebar-item-active-color: #ffffff;
       --ui-sidebar-control-bg: color-mix(in srgb, #ffffff 7%, transparent);
       --ui-sidebar-control-hover: color-mix(in srgb, #ffffff 12%, transparent);
@@ -157,11 +157,11 @@
     }
 
     :host([tone="success"]) {
-      --ui-sidebar-accent: var(--ui-color-success, #16a34a);
+      --ui-sidebar-accent: var(--ui-color-success, #15803d);
     }
 
     :host([tone="warning"]) {
-      --ui-sidebar-accent: var(--ui-color-warning, #d97706);
+      --ui-sidebar-accent: var(--ui-color-warning, #b45309);
     }
 
     :host([tone="danger"]) {
@@ -380,7 +380,7 @@
 
     .item-button[data-tone="danger"] .item-label,
     .item-button[data-tone="danger"] .meta {
-      color: var(--ui-color-danger, #dc2626);
+      color: color-mix(in srgb, var(--ui-color-danger, #dc2626) 84%, var(--ui-color-text, #0f172a));
     }
 
     .icon-wrap,
@@ -454,7 +454,7 @@
       font-size: calc(var(--ui-sidebar-item-font-size) - 2px);
       line-height: calc(var(--ui-sidebar-item-line-height) - 2px);
       font-weight: 500;
-      color: color-mix(in srgb, currentColor 54%, transparent);
+      color: color-mix(in srgb, currentColor 70%, transparent);
     }
 
     .item-label,
@@ -478,7 +478,7 @@
       font-size: calc(var(--ui-sidebar-item-font-size) - 2px);
       line-height: calc(var(--ui-sidebar-item-line-height) - 2px);
       font-weight: 500;
-      color: color-mix(in srgb, currentColor 54%, transparent);
+      color: color-mix(in srgb, currentColor 70%, transparent);
     }
 
     .meta {
@@ -766,4 +766,4 @@
         </${x}>
         ${H}
       </div>
-    `}_collectItems(){const e=this.getAttribute("items"),i=e?this._parseItems(e):this._parseSlottedItems();return this._normalizeItems(i)}_parseItems(e){try{const i=JSON.parse(e);return Array.isArray(i)?i:[]}catch{return[]}}_parseSlottedItems(){return Array.from(this.querySelectorAll('[slot="item"]')).map(e=>this._parseSlottedItem(e))}_parseSlottedItem(e){let i=[];const r=e.dataset.children;if(r)try{const t=JSON.parse(r);Array.isArray(t)&&(i=t)}catch{i=[]}return{value:e.dataset.value||e.textContent?.trim()||"item",label:e.dataset.label||e.textContent?.trim()||e.dataset.value||"Item",href:e.dataset.href,target:e.dataset.target,rel:e.dataset.rel,icon:e.dataset.icon,iconHtml:e.dataset.iconHtml,contentHtml:e.dataset.contentHtml,badge:e.dataset.badge,description:e.dataset.description,section:e.dataset.section,disabled:e.hasAttribute("data-disabled"),active:e.hasAttribute("data-active"),tone:e.dataset.tone||"default",children:i}}_renderIcon(e){const i=String(e.iconHtml||"").trim();if(i)return i;const r=String(e.icon||"").trim();return r?d(r):""}_normalizeItems(e,i=0,r=""){return e.map((t,s)=>{const n=t.label?.trim()||t.value?.trim()||`Item ${s+1}`,a=t.value?.trim()||v(n),c=t.section?.trim()||r||"",u=`${v(c||"nav")}-${v(a)}-${i}-${s}`,p=this._normalizeItems(t.children||[],i+1,c);return{...t,id:u,label:n,value:a,section:c,children:p,depth:i}})}_groupItems(e){const i=[],r=new Map;for(const t of e){const s=t.section||"",n=r.get(s);if(n){n.items.push(t);continue}const a={label:s,items:[t]};r.set(s,a),i.push(a)}return i}_filterItems(e,i){const r=i.trim().toLowerCase();return r?e.map(t=>{const s=[t.label,t.description,t.value,t.section].filter(Boolean).some(a=>String(a).toLowerCase().includes(r)),n=s?t.children:this._filterItems(t.children,r);return!s&&!n.length?null:{...t,children:n}}).filter(t=>!!t):e}_bindInteractions(){this.root.querySelectorAll(".item-button").forEach(i=>{i.onclick=r=>{const t=r.currentTarget,s=t.dataset.action,n=t.dataset.itemId||"",a=t.dataset.value||"";if(t.getAttribute("aria-disabled")!=="true"){if(s==="toggle"){r.preventDefault(),this._toggleExpanded(n);return}if(s==="navigate"){this._selectValue(a);return}r.preventDefault(),this._selectValue(a)}},i.onkeydown=r=>{const t=r.currentTarget,s=t.dataset.itemId||"",n=t.dataset.value||"";r.key==="ArrowRight"&&t.dataset.action==="toggle"?(r.preventDefault(),this._expanded.add(s),this._syncExpandedDom()):r.key==="ArrowLeft"?(r.preventDefault(),this._expanded.delete(s),this._syncExpandedDom()):(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),t.dataset.action==="toggle"?this._toggleExpanded(s):this._selectValue(n))}});const e=this.root.querySelector(".resize-handle");e&&(e.onkeydown=i=>this._handleResizeKey(i),e.onpointerdown=i=>this._startResize(i))}_toggleExpanded(e){this.hasAttribute("collapsed")||(this._expanded.has(e)?this._expanded.delete(e):this._expanded.add(e),this._syncExpandedDom())}_syncExpandedDom(){this.root.querySelectorAll(".item").forEach(e=>{const i=e.dataset.itemId||"";this._expanded.has(i)&&!this.hasAttribute("collapsed")?e.setAttribute("data-expanded","true"):e.removeAttribute("data-expanded")})}_selectValue(e){this.value=e;const i=this._flattenItems(this._collectItems()),r=i.findIndex(n=>n.value===e),t=i[r],s={index:r,value:e,label:t?.label||e,item:t};this.dispatchEvent(new CustomEvent("select",{detail:s,bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{detail:s,bubbles:!0}))}_syncActiveDom(){const e=this.value;this.root.querySelectorAll(".item-button").forEach(i=>{e&&i.dataset.value===e?(i.setAttribute("data-active","true"),i.setAttribute("aria-current","page")):(i.removeAttribute("data-active"),i.removeAttribute("aria-current"))})}_flattenItems(e){return e.flatMap(i=>[i,...this._flattenItems(i.children)])}_applySizing(){const e=z(this.getAttribute("size")),i=y[e],r=l(this.getAttribute("width"),i.expanded),t=l(this.getAttribute("min-width"),i.min),s=l(this.getAttribute("max-width"),i.max),n=l(this.getAttribute("collapsed-width"),i.collapsed),a=this._restoreWidth(r),c=Math.min(Math.max(a,t),s),u=this.hasAttribute("collapsed")?n:c;this.style.setProperty("--ui-sidebar-width",`${c}px`),this.style.setProperty("--ui-sidebar-min-width",`${t}px`),this.style.setProperty("--ui-sidebar-max-width",`${s}px`),this.style.setProperty("--ui-sidebar-collapsed-width",`${n}px`),this.style.setProperty("--ui-sidebar-current-width",`${u}px`),this.style.setProperty("inline-size",`${u}px`)}_applyRadius(){const e=this.getAttribute("radius"),i=this.getAttribute("item-radius");if(!e||["none","sm","md","lg","full"].includes(e)){this.style.removeProperty("--ui-sidebar-radius"),i||this.style.removeProperty("--ui-sidebar-item-radius"),this.style.removeProperty("--ui-sidebar-promo-radius");return}const r=f(e)||e;this.style.setProperty("--ui-sidebar-radius",r),i||this.style.setProperty("--ui-sidebar-item-radius",r),this.style.setProperty("--ui-sidebar-promo-radius",r)}_applyItemMetrics(){const e=f(this.getAttribute("item-radius")),i=m(this.getAttribute("item-gap")),r=m(this.getAttribute("item-padding-x")),t=m(this.getAttribute("item-padding-y")),s=m(this.getAttribute("item-height")),n=m(this.getAttribute("item-font-size")),a=m(this.getAttribute("item-line-height"));this._setOptionalCssVar("--ui-sidebar-item-radius",e),this._setOptionalCssVar("--ui-sidebar-item-gap",i),this._setOptionalCssVar("--ui-sidebar-item-padding-x",r),this._setOptionalCssVar("--ui-sidebar-item-padding-y",t),this._setOptionalCssVar("--ui-sidebar-item-height",s),this._setOptionalCssVar("--ui-sidebar-item-font-size",n),this._setOptionalCssVar("--ui-sidebar-item-line-height",a)}_setOptionalCssVar(e,i){if(!i){this.style.removeProperty(e);return}this.style.setProperty(e,i)}_restoreWidth(e){if(!this.hasAttribute("auto-save"))return e;const i=this.getAttribute("storage-key");if(!i)return e;try{const r=window.localStorage.getItem(`ui-sidebar:${i}`);if(!r)return e;const t=Number.parseFloat(r);return Number.isFinite(t)?t:e}catch{return e}}_persistWidth(e){if(!this.hasAttribute("auto-save"))return;const i=this.getAttribute("storage-key");if(i)try{window.localStorage.setItem(`ui-sidebar:${i}`,`${e}`)}catch{}}_currentExpandedWidth(){const e=Number.parseFloat(this.style.getPropertyValue("--ui-sidebar-width"));return Number.isFinite(e)&&e>0?e:l(this.getAttribute("width"),y[z(this.getAttribute("size"))].expanded)}_bindResponsiveCollapse(){if(this._responsiveCleanup?.(),this._responsiveCleanup=null,typeof window>"u"||typeof window.matchMedia!="function")return;const e=window.matchMedia("(max-width: 767px)"),i=()=>this._syncResponsiveCollapse(e.matches);typeof e.addEventListener=="function"?e.addEventListener("change",i):typeof e.addListener=="function"&&e.addListener(i),this._responsiveCleanup=()=>{typeof e.removeEventListener=="function"?e.removeEventListener("change",i):typeof e.removeListener=="function"&&e.removeListener(i)},i()}_syncResponsiveCollapse(e){if(this.hasAttribute("collapsible")){if(e){!this.hasAttribute("collapsed")&&!this._userCollapsePreference&&(this._responsiveAutoCollapsed=!0,this._lastExpandedWidth=this._currentExpandedWidth(),this.setAttribute("collapsed",""),this.dispatchEvent(new CustomEvent("toggle",{detail:{collapsed:!0,source:"responsive"},bubbles:!0})),this.dispatchEvent(new CustomEvent("collapse-change",{detail:{collapsed:!0,source:"responsive"},bubbles:!0})));return}this._responsiveAutoCollapsed&&!this._userCollapsePreference&&(this._responsiveAutoCollapsed=!1,this.hasAttribute("collapsed")&&(this.removeAttribute("collapsed"),this.dispatchEvent(new CustomEvent("toggle",{detail:{collapsed:!1,source:"responsive"},bubbles:!0})),this.dispatchEvent(new CustomEvent("collapse-change",{detail:{collapsed:!1,source:"responsive"},bubbles:!0}))))}}_emitWidthChange(e){const i={width:l(this.style.getPropertyValue("--ui-sidebar-width"),0),collapsedWidth:l(this.style.getPropertyValue("--ui-sidebar-collapsed-width"),0),minWidth:l(this.style.getPropertyValue("--ui-sidebar-min-width"),0),maxWidth:l(this.style.getPropertyValue("--ui-sidebar-max-width"),0),source:e};this.dispatchEvent(new CustomEvent("width-change",{detail:i,bubbles:!0}))}_handleResizeKey(e){const r=this.getAttribute("position")==="right"?-1:1,t=this._currentExpandedWidth(),s=l(this.style.getPropertyValue("--ui-sidebar-min-width"),t),n=l(this.style.getPropertyValue("--ui-sidebar-max-width"),t);let a=t;if(e.key==="ArrowRight")a=t+16*r;else if(e.key==="ArrowLeft")a=t-16*r;else if(e.key==="Home")a=s;else if(e.key==="End")a=n;else return;e.preventDefault(),a=Math.min(Math.max(a,s),n),this.style.setProperty("--ui-sidebar-width",`${a}px`),this.hasAttribute("collapsed")||(this.style.setProperty("--ui-sidebar-current-width",`${a}px`),this.style.setProperty("inline-size",`${a}px`)),this._persistWidth(a),this._emitWidthChange("keyboard")}_startResize(e){if(!this.hasAttribute("resizable"))return;e.preventDefault();const i=this.getAttribute("position")==="right",r=e.clientX,t=this._currentExpandedWidth(),s=l(this.style.getPropertyValue("--ui-sidebar-min-width"),t),n=l(this.style.getPropertyValue("--ui-sidebar-max-width"),t);this._dragging=!0,this.dispatchEvent(new CustomEvent("resize-start",{detail:{width:t},bubbles:!0}));const a=u=>{const p=u.clientX-r,g=i?t-p:t+p,b=Math.min(Math.max(g,s),n);this.style.setProperty("--ui-sidebar-width",`${b}px`),this.hasAttribute("collapsed")||(this.style.setProperty("--ui-sidebar-current-width",`${b}px`),this.style.setProperty("inline-size",`${b}px`)),this.dispatchEvent(new CustomEvent("resize",{detail:{width:b},bubbles:!0}))},c=()=>{if(!this._dragging)return;this._dragging=!1,window.removeEventListener("pointermove",a),window.removeEventListener("pointerup",c);const u=this._currentExpandedWidth();this._persistWidth(u),this._emitWidthChange("pointer"),this.dispatchEvent(new CustomEvent("resize-end",{detail:{width:u},bubbles:!0}))};window.addEventListener("pointermove",a),window.addEventListener("pointerup",c),this._resizeCleanup=()=>{window.removeEventListener("pointermove",a),window.removeEventListener("pointerup",c)}}}customElements.get("ui-sidebar")||customElements.define("ui-sidebar",A);exports.UISidebar=A;
+    `}_collectItems(){const e=this.getAttribute("items"),i=e?this._parseItems(e):this._parseSlottedItems();return this._normalizeItems(i)}_parseItems(e){try{const i=JSON.parse(e);return Array.isArray(i)?i:[]}catch{return[]}}_parseSlottedItems(){return Array.from(this.querySelectorAll('[slot="item"]')).map(e=>this._parseSlottedItem(e))}_parseSlottedItem(e){let i=[];const r=e.dataset.children;if(r)try{const t=JSON.parse(r);Array.isArray(t)&&(i=t)}catch{i=[]}return{value:e.dataset.value||e.textContent?.trim()||"item",label:e.dataset.label||e.textContent?.trim()||e.dataset.value||"Item",href:e.dataset.href,target:e.dataset.target,rel:e.dataset.rel,icon:e.dataset.icon,iconHtml:e.dataset.iconHtml,contentHtml:e.dataset.contentHtml,badge:e.dataset.badge,description:e.dataset.description,section:e.dataset.section,disabled:e.hasAttribute("data-disabled"),active:e.hasAttribute("data-active"),tone:e.dataset.tone||"default",children:i}}_renderIcon(e){const i=String(e.iconHtml||"").trim();if(i)return i;const r=String(e.icon||"").trim();return r?d(r):""}_normalizeItems(e,i=0,r=""){return e.map((t,s)=>{const n=t.label?.trim()||t.value?.trim()||`Item ${s+1}`,a=t.value?.trim()||v(n),c=t.section?.trim()||r||"",u=`${v(c||"nav")}-${v(a)}-${i}-${s}`,p=this._normalizeItems(t.children||[],i+1,c);return{...t,id:u,label:n,value:a,section:c,children:p,depth:i}})}_groupItems(e){const i=[],r=new Map;for(const t of e){const s=t.section||"",n=r.get(s);if(n){n.items.push(t);continue}const a={label:s,items:[t]};r.set(s,a),i.push(a)}return i}_filterItems(e,i){const r=i.trim().toLowerCase();return r?e.map(t=>{const s=[t.label,t.description,t.value,t.section].filter(Boolean).some(a=>String(a).toLowerCase().includes(r)),n=s?t.children:this._filterItems(t.children,r);return!s&&!n.length?null:{...t,children:n}}).filter(t=>!!t):e}_bindInteractions(){this.root.querySelectorAll(".item-button").forEach(i=>{i.onclick=r=>{const t=r.currentTarget,s=t.dataset.action,n=t.dataset.itemId||"",a=t.dataset.value||"";if(t.getAttribute("aria-disabled")!=="true"){if(s==="toggle"){r.preventDefault(),this._toggleExpanded(n);return}if(s==="navigate"){this._selectValue(a);return}r.preventDefault(),this._selectValue(a)}},i.onkeydown=r=>{const t=r.currentTarget,s=t.dataset.itemId||"",n=t.dataset.value||"";r.key==="ArrowRight"&&t.dataset.action==="toggle"?(r.preventDefault(),this._expanded.add(s),this._syncExpandedDom()):r.key==="ArrowLeft"?(r.preventDefault(),this._expanded.delete(s),this._syncExpandedDom()):(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),t.dataset.action==="toggle"?this._toggleExpanded(s):this._selectValue(n))}});const e=this.root.querySelector(".resize-handle");e&&(e.onkeydown=i=>this._handleResizeKey(i),e.onpointerdown=i=>this._startResize(i))}_toggleExpanded(e){this.hasAttribute("collapsed")||(this._expanded.has(e)?this._expanded.delete(e):this._expanded.add(e),this._syncExpandedDom())}_syncExpandedDom(){this.root.querySelectorAll(".item").forEach(e=>{const i=e.dataset.itemId||"";this._expanded.has(i)&&!this.hasAttribute("collapsed")?e.setAttribute("data-expanded","true"):e.removeAttribute("data-expanded")})}_selectValue(e){this.value=e;const i=this._flattenItems(this._collectItems()),r=i.findIndex(n=>n.value===e),t=i[r],s={index:r,value:e,label:t?.label||e,item:t};this.dispatchEvent(new CustomEvent("select",{detail:s,bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{detail:s,bubbles:!0}))}_syncActiveDom(){const e=this.value;this.root.querySelectorAll(".item-button").forEach(i=>{e&&i.dataset.value===e?(i.setAttribute("data-active","true"),i.setAttribute("aria-current","page")):(i.removeAttribute("data-active"),i.removeAttribute("aria-current"))})}_flattenItems(e){return e.flatMap(i=>[i,...this._flattenItems(i.children)])}_applySizing(){const e=z(this.getAttribute("size")),i=y[e],r=l(this.getAttribute("width"),i.expanded),t=l(this.getAttribute("min-width"),i.min),s=l(this.getAttribute("max-width"),i.max),n=l(this.getAttribute("collapsed-width"),i.collapsed),a=this._restoreWidth(r),c=Math.min(Math.max(a,t),s),u=this.hasAttribute("collapsed")?n:c;this.style.setProperty("--ui-sidebar-width",`${c}px`),this.style.setProperty("--ui-sidebar-min-width",`${t}px`),this.style.setProperty("--ui-sidebar-max-width",`${s}px`),this.style.setProperty("--ui-sidebar-collapsed-width",`${n}px`),this.style.setProperty("--ui-sidebar-current-width",`${u}px`),this.style.setProperty("inline-size",`${u}px`)}_applyRadius(){const e=this.getAttribute("radius"),i=this.getAttribute("item-radius");if(!e||["none","sm","md","lg","full"].includes(e)){this.style.removeProperty("--ui-sidebar-radius"),i||this.style.removeProperty("--ui-sidebar-item-radius"),this.style.removeProperty("--ui-sidebar-promo-radius");return}const r=f(e)||e;this.style.setProperty("--ui-sidebar-radius",r),i||this.style.setProperty("--ui-sidebar-item-radius",r),this.style.setProperty("--ui-sidebar-promo-radius",r)}_applyItemMetrics(){const e=f(this.getAttribute("item-radius")),i=m(this.getAttribute("item-gap")),r=m(this.getAttribute("item-padding-x")),t=m(this.getAttribute("item-padding-y")),s=m(this.getAttribute("item-height")),n=m(this.getAttribute("item-font-size")),a=m(this.getAttribute("item-line-height"));this._setOptionalCssVar("--ui-sidebar-item-radius",e),this._setOptionalCssVar("--ui-sidebar-item-gap",i),this._setOptionalCssVar("--ui-sidebar-item-padding-x",r),this._setOptionalCssVar("--ui-sidebar-item-padding-y",t),this._setOptionalCssVar("--ui-sidebar-item-height",s),this._setOptionalCssVar("--ui-sidebar-item-font-size",n),this._setOptionalCssVar("--ui-sidebar-item-line-height",a)}_setOptionalCssVar(e,i){if(!i){this.style.removeProperty(e);return}this.style.setProperty(e,i)}_restoreWidth(e){if(!this.hasAttribute("auto-save"))return e;const i=this.getAttribute("storage-key");if(!i)return e;try{const r=window.localStorage.getItem(`ui-sidebar:${i}`);if(!r)return e;const t=Number.parseFloat(r);return Number.isFinite(t)?t:e}catch{return e}}_persistWidth(e){if(!this.hasAttribute("auto-save"))return;const i=this.getAttribute("storage-key");if(i)try{window.localStorage.setItem(`ui-sidebar:${i}`,`${e}`)}catch{}}_currentExpandedWidth(){const e=Number.parseFloat(this.style.getPropertyValue("--ui-sidebar-width"));return Number.isFinite(e)&&e>0?e:l(this.getAttribute("width"),y[z(this.getAttribute("size"))].expanded)}_bindResponsiveCollapse(){if(this._responsiveCleanup?.(),this._responsiveCleanup=null,typeof window>"u"||typeof window.matchMedia!="function")return;const e=window.matchMedia("(max-width: 767px)"),i=()=>this._syncResponsiveCollapse(e.matches);typeof e.addEventListener=="function"?e.addEventListener("change",i):typeof e.addListener=="function"&&e.addListener(i),this._responsiveCleanup=()=>{typeof e.removeEventListener=="function"?e.removeEventListener("change",i):typeof e.removeListener=="function"&&e.removeListener(i)},i()}_syncResponsiveCollapse(e){if(this.hasAttribute("collapsible")){if(e){!this.hasAttribute("collapsed")&&!this._userCollapsePreference&&(this._responsiveAutoCollapsed=!0,this._lastExpandedWidth=this._currentExpandedWidth(),this.setAttribute("collapsed",""),this.dispatchEvent(new CustomEvent("toggle",{detail:{collapsed:!0,source:"responsive"},bubbles:!0})),this.dispatchEvent(new CustomEvent("collapse-change",{detail:{collapsed:!0,source:"responsive"},bubbles:!0})));return}this._responsiveAutoCollapsed&&!this._userCollapsePreference&&(this._responsiveAutoCollapsed=!1,this.hasAttribute("collapsed")&&(this.removeAttribute("collapsed"),this.dispatchEvent(new CustomEvent("toggle",{detail:{collapsed:!1,source:"responsive"},bubbles:!0})),this.dispatchEvent(new CustomEvent("collapse-change",{detail:{collapsed:!1,source:"responsive"},bubbles:!0}))))}}_emitWidthChange(e){const i={width:l(this.style.getPropertyValue("--ui-sidebar-width"),0),collapsedWidth:l(this.style.getPropertyValue("--ui-sidebar-collapsed-width"),0),minWidth:l(this.style.getPropertyValue("--ui-sidebar-min-width"),0),maxWidth:l(this.style.getPropertyValue("--ui-sidebar-max-width"),0),source:e};this.dispatchEvent(new CustomEvent("width-change",{detail:i,bubbles:!0}))}_handleResizeKey(e){const r=this.getAttribute("position")==="right"?-1:1,t=this._currentExpandedWidth(),s=l(this.style.getPropertyValue("--ui-sidebar-min-width"),t),n=l(this.style.getPropertyValue("--ui-sidebar-max-width"),t);let a=t;if(e.key==="ArrowRight")a=t+16*r;else if(e.key==="ArrowLeft")a=t-16*r;else if(e.key==="Home")a=s;else if(e.key==="End")a=n;else return;e.preventDefault(),a=Math.min(Math.max(a,s),n),this.style.setProperty("--ui-sidebar-width",`${a}px`),this.hasAttribute("collapsed")||(this.style.setProperty("--ui-sidebar-current-width",`${a}px`),this.style.setProperty("inline-size",`${a}px`)),this._persistWidth(a),this._emitWidthChange("keyboard")}_startResize(e){if(!this.hasAttribute("resizable"))return;e.preventDefault();const i=this.getAttribute("position")==="right",r=e.clientX,t=this._currentExpandedWidth(),s=l(this.style.getPropertyValue("--ui-sidebar-min-width"),t),n=l(this.style.getPropertyValue("--ui-sidebar-max-width"),t);this._dragging=!0,this.dispatchEvent(new CustomEvent("resize-start",{detail:{width:t},bubbles:!0}));const a=u=>{const p=u.clientX-r,g=i?t-p:t+p,b=Math.min(Math.max(g,s),n);this.style.setProperty("--ui-sidebar-width",`${b}px`),this.hasAttribute("collapsed")||(this.style.setProperty("--ui-sidebar-current-width",`${b}px`),this.style.setProperty("inline-size",`${b}px`)),this.dispatchEvent(new CustomEvent("resize",{detail:{width:b},bubbles:!0}))},c=()=>{if(!this._dragging)return;this._dragging=!1,window.removeEventListener("pointermove",a),window.removeEventListener("pointerup",c);const u=this._currentExpandedWidth();this._persistWidth(u),this._emitWidthChange("pointer"),this.dispatchEvent(new CustomEvent("resize-end",{detail:{width:u},bubbles:!0}))};window.addEventListener("pointermove",a),window.addEventListener("pointerup",c),this._resizeCleanup=()=>{window.removeEventListener("pointermove",a),window.removeEventListener("pointerup",c)}}}typeof customElements<"u"&&!customElements.get("ui-sidebar")&&customElements.define("ui-sidebar",A);exports.UISidebar=A;

package/dist/sidebar.esm.js

@@ -1,4 +1,4 @@
-import { E as T } from "./ElementBase-YlTLMsGk.mjs";
+import { E as T } from "./ElementBase-BeZT54Hj.mjs";
 const y = {
   sm: { expanded: 220, collapsed: 64, min: 168, max: 300 },
   md: { expanded: 236, collapsed: 72, min: 180, max: 320 },
@@ -33,7 +33,7 @@ const y = {
     :host {
       --ui-sidebar-bg: var(--base-sidebar-bg, var(--color-panel-solid, var(--ui-color-surface, #ffffff)));
       --ui-sidebar-color: var(--ui-color-text, var(--ui-text, #202020));
-      --ui-sidebar-muted: color-mix(in srgb, var(--ui-sidebar-color) 56%, transparent);
+      --ui-sidebar-muted: color-mix(in srgb, var(--ui-sidebar-color) 72%, transparent);
       --ui-sidebar-border: var(--base-sidebar-border, 1px solid color-mix(in srgb, var(--gray-a5, rgba(15, 23, 42, 0.16)) 82%, transparent));
       --ui-sidebar-radius: var(--base-sidebar-radius, var(--ui-radius, 4px));
       --ui-sidebar-shadow: var(--base-sidebar-shadow, var(--shadow-5, none));
@@ -156,7 +156,7 @@ const y = {
       --ui-sidebar-muted: color-mix(in srgb, #f8fbff 72%, transparent);
       --ui-sidebar-border: 1px solid color-mix(in srgb, #9ec5ff 14%, transparent);
       --ui-sidebar-item-hover: color-mix(in srgb, #ffffff 8%, transparent);
-      --ui-sidebar-item-active-bg: color-mix(in srgb, var(--ui-sidebar-accent) 82%, #0b4cb4 18%);
+      --ui-sidebar-item-active-bg: color-mix(in srgb, var(--ui-sidebar-accent) 50%, #0b4cb4 50%);
       --ui-sidebar-item-active-color: #ffffff;
       --ui-sidebar-control-bg: color-mix(in srgb, #ffffff 7%, transparent);
       --ui-sidebar-control-hover: color-mix(in srgb, #ffffff 12%, transparent);
@@ -187,11 +187,11 @@ const y = {
     }
 
     :host([tone="success"]) {
-      --ui-sidebar-accent: var(--ui-color-success, #16a34a);
+      --ui-sidebar-accent: var(--ui-color-success, #15803d);
     }
 
     :host([tone="warning"]) {
-      --ui-sidebar-accent: var(--ui-color-warning, #d97706);
+      --ui-sidebar-accent: var(--ui-color-warning, #b45309);
     }
 
     :host([tone="danger"]) {
@@ -410,7 +410,7 @@ const y = {
 
     .item-button[data-tone="danger"] .item-label,
     .item-button[data-tone="danger"] .meta {
-      color: var(--ui-color-danger, #dc2626);
+      color: color-mix(in srgb, var(--ui-color-danger, #dc2626) 84%, var(--ui-color-text, #0f172a));
     }
 
     .icon-wrap,
@@ -484,7 +484,7 @@ const y = {
       font-size: calc(var(--ui-sidebar-item-font-size) - 2px);
       line-height: calc(var(--ui-sidebar-item-line-height) - 2px);
       font-weight: 500;
-      color: color-mix(in srgb, currentColor 54%, transparent);
+      color: color-mix(in srgb, currentColor 70%, transparent);
     }
 
     .item-label,
@@ -508,7 +508,7 @@ const y = {
       font-size: calc(var(--ui-sidebar-item-font-size) - 2px);
       line-height: calc(var(--ui-sidebar-item-line-height) - 2px);
       font-weight: 500;
-      color: color-mix(in srgb, currentColor 54%, transparent);
+      color: color-mix(in srgb, currentColor 70%, transparent);
     }
 
     .meta {
@@ -746,7 +746,7 @@ const y = {
 function d(o) {
   return o.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function f(o) {
+function v(o) {
   if (!o) return null;
   const e = o.trim();
   return e ? ["none", "sm", "md", "lg", "full"].includes(e) ? e : /^\d+(\.\d+)?$/.test(e) ? `${e}px` : e : null;
@@ -764,7 +764,7 @@ function l(o, e) {
   const i = Number.parseFloat(String(o));
   return Number.isFinite(i) ? i : e;
 }
-function v(o) {
+function f(o) {
   return o.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/(^-|-$)/g, "") || "item";
 }
 class V extends T {
@@ -825,7 +825,7 @@ class V extends T {
   attributeChangedCallback(e, i, r) {
     if (i !== r) {
       if (e === "radius" && this.isConnected) {
-        const t = f(r);
+        const t = v(r);
         if (t && t !== r) {
           this.setAttribute("radius", t);
           return;
@@ -903,7 +903,7 @@ class V extends T {
     return e.length ? e.map(({ label: i, items: r }) => `
           <section class="section" part="section">
             ${i ? `<div class="section-label" part="section-label">${d(i)}</div>` : ""}
-            <div class="section-items">${r.map((s, n) => this._renderItem(s, `${v(i || "general")}-${n}`)).join("")}</div>
+            <div class="section-items">${r.map((s, n) => this._renderItem(s, `${f(i || "general")}-${n}`)).join("")}</div>
           </section>
         `).join("") : `
         <section class="section" part="section">
@@ -1000,7 +1000,7 @@ class V extends T {
   }
   _normalizeItems(e, i = 0, r = "") {
     return e.map((t, s) => {
-      const n = t.label?.trim() || t.value?.trim() || `Item ${s + 1}`, a = t.value?.trim() || v(n), c = t.section?.trim() || r || "", u = `${v(c || "nav")}-${v(a)}-${i}-${s}`, p = this._normalizeItems(t.children || [], i + 1, c);
+      const n = t.label?.trim() || t.value?.trim() || `Item ${s + 1}`, a = t.value?.trim() || f(n), c = t.section?.trim() || r || "", u = `${f(c || "nav")}-${f(a)}-${i}-${s}`, p = this._normalizeItems(t.children || [], i + 1, c);
       return {
         ...t,
         id: u,
@@ -1096,11 +1096,11 @@ class V extends T {
       this.style.removeProperty("--ui-sidebar-radius"), i || this.style.removeProperty("--ui-sidebar-item-radius"), this.style.removeProperty("--ui-sidebar-promo-radius");
       return;
     }
-    const r = f(e) || e;
+    const r = v(e) || e;
     this.style.setProperty("--ui-sidebar-radius", r), i || this.style.setProperty("--ui-sidebar-item-radius", r), this.style.setProperty("--ui-sidebar-promo-radius", r);
   }
   _applyItemMetrics() {
-    const e = f(this.getAttribute("item-radius")), i = m(this.getAttribute("item-gap")), r = m(this.getAttribute("item-padding-x")), t = m(this.getAttribute("item-padding-y")), s = m(this.getAttribute("item-height")), n = m(this.getAttribute("item-font-size")), a = m(this.getAttribute("item-line-height"));
+    const e = v(this.getAttribute("item-radius")), i = m(this.getAttribute("item-gap")), r = m(this.getAttribute("item-padding-x")), t = m(this.getAttribute("item-padding-y")), s = m(this.getAttribute("item-height")), n = m(this.getAttribute("item-font-size")), a = m(this.getAttribute("item-line-height"));
     this._setOptionalCssVar("--ui-sidebar-item-radius", e), this._setOptionalCssVar("--ui-sidebar-item-gap", i), this._setOptionalCssVar("--ui-sidebar-item-padding-x", r), this._setOptionalCssVar("--ui-sidebar-item-padding-y", t), this._setOptionalCssVar("--ui-sidebar-item-height", s), this._setOptionalCssVar("--ui-sidebar-item-font-size", n), this._setOptionalCssVar("--ui-sidebar-item-line-height", a);
   }
   _setOptionalCssVar(e, i) {
@@ -1191,7 +1191,7 @@ class V extends T {
     };
   }
 }
-customElements.get("ui-sidebar") || customElements.define("ui-sidebar", V);
+typeof customElements < "u" && !customElements.get("ui-sidebar") && customElements.define("ui-sidebar", V);
 export {
   V as UISidebar
 };

package/dist/skeleton.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("./ElementBase-EV6mVBUV.js");function r(a){const e=a.trim();return!e||/[;{}<>"']/.test(e)?"":e}const x=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("./ElementBase-DxbvhLJs.js");function r(a){const e=a.trim();return!e||/[;{}<>"']/.test(e)?"":e}const x=`
   :host {
     display: block;
     --ui-skeleton-radius: 10px;
@@ -7,7 +7,7 @@
     --ui-skeleton-gap: 10px;
     --ui-skeleton-duration: 1.2s;
 
-    --ui-skeleton-base: color-mix(in srgb, var(--ui-color-muted, #64748b) 20%, transparent);
+    --ui-skeleton-base: color-mix(in srgb, var(--ui-color-muted, #526175) 20%, transparent);
     --ui-skeleton-glow: color-mix(in srgb, var(--ui-color-surface, #ffffff) 80%, transparent);
     --ui-skeleton-wave: color-mix(in srgb, var(--ui-color-surface, #ffffff) 68%, transparent);
     --ui-skeleton-bg: linear-gradient(
@@ -115,15 +115,15 @@
   }
 
   :host([tone="success"]) {
-    --ui-skeleton-base: color-mix(in srgb, var(--ui-color-success, #16a34a) 18%, transparent);
-    --ui-skeleton-glow: color-mix(in srgb, var(--ui-color-success, #16a34a) 30%, transparent);
-    --ui-skeleton-wave: color-mix(in srgb, var(--ui-color-success, #16a34a) 36%, transparent);
+    --ui-skeleton-base: color-mix(in srgb, var(--ui-color-success, #15803d) 18%, transparent);
+    --ui-skeleton-glow: color-mix(in srgb, var(--ui-color-success, #15803d) 30%, transparent);
+    --ui-skeleton-wave: color-mix(in srgb, var(--ui-color-success, #15803d) 36%, transparent);
   }
 
   :host([tone="warning"]) {
-    --ui-skeleton-base: color-mix(in srgb, var(--ui-color-warning, #d97706) 20%, transparent);
-    --ui-skeleton-glow: color-mix(in srgb, var(--ui-color-warning, #d97706) 32%, transparent);
-    --ui-skeleton-wave: color-mix(in srgb, var(--ui-color-warning, #d97706) 38%, transparent);
+    --ui-skeleton-base: color-mix(in srgb, var(--ui-color-warning, #b45309) 20%, transparent);
+    --ui-skeleton-glow: color-mix(in srgb, var(--ui-color-warning, #b45309) 32%, transparent);
+    --ui-skeleton-wave: color-mix(in srgb, var(--ui-color-warning, #b45309) 38%, transparent);
   }
 
   :host([tone="danger"]) {

package/dist/skeleton.esm.js

@@ -1,4 +1,4 @@
-import { E as v } from "./ElementBase-YlTLMsGk.mjs";
+import { E as v } from "./ElementBase-BeZT54Hj.mjs";
 function r(a) {
   const e = a.trim();
   return !e || /[;{}<>"']/.test(e) ? "" : e;
@@ -12,7 +12,7 @@ const f = `
     --ui-skeleton-gap: 10px;
     --ui-skeleton-duration: 1.2s;
 
-    --ui-skeleton-base: color-mix(in srgb, var(--ui-color-muted, #64748b) 20%, transparent);
+    --ui-skeleton-base: color-mix(in srgb, var(--ui-color-muted, #526175) 20%, transparent);
     --ui-skeleton-glow: color-mix(in srgb, var(--ui-color-surface, #ffffff) 80%, transparent);
     --ui-skeleton-wave: color-mix(in srgb, var(--ui-color-surface, #ffffff) 68%, transparent);
     --ui-skeleton-bg: linear-gradient(
@@ -120,15 +120,15 @@ const f = `
   }
 
   :host([tone="success"]) {
-    --ui-skeleton-base: color-mix(in srgb, var(--ui-color-success, #16a34a) 18%, transparent);
-    --ui-skeleton-glow: color-mix(in srgb, var(--ui-color-success, #16a34a) 30%, transparent);
-    --ui-skeleton-wave: color-mix(in srgb, var(--ui-color-success, #16a34a) 36%, transparent);
+    --ui-skeleton-base: color-mix(in srgb, var(--ui-color-success, #15803d) 18%, transparent);
+    --ui-skeleton-glow: color-mix(in srgb, var(--ui-color-success, #15803d) 30%, transparent);
+    --ui-skeleton-wave: color-mix(in srgb, var(--ui-color-success, #15803d) 36%, transparent);
   }
 
   :host([tone="warning"]) {
-    --ui-skeleton-base: color-mix(in srgb, var(--ui-color-warning, #d97706) 20%, transparent);
-    --ui-skeleton-glow: color-mix(in srgb, var(--ui-color-warning, #d97706) 32%, transparent);
-    --ui-skeleton-wave: color-mix(in srgb, var(--ui-color-warning, #d97706) 38%, transparent);
+    --ui-skeleton-base: color-mix(in srgb, var(--ui-color-warning, #b45309) 20%, transparent);
+    --ui-skeleton-glow: color-mix(in srgb, var(--ui-color-warning, #b45309) 32%, transparent);
+    --ui-skeleton-wave: color-mix(in srgb, var(--ui-color-warning, #b45309) 38%, transparent);
   }
 
   :host([tone="danger"]) {

package/dist/slider.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("./ElementBase-EV6mVBUV.js"),_=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("./ElementBase-DxbvhLJs.js"),_=`
   :host {
     --ui-slider-width: min(340px, 100%);
     --ui-slider-track-size: 6px;
@@ -6,7 +6,7 @@
     --ui-slider-thumb-size: 18px;
     --ui-slider-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
     --ui-slider-text: var(--ui-color-text, #0f172a);
-    --ui-slider-muted: var(--ui-color-muted, #64748b);
+    --ui-slider-muted: var(--ui-color-muted, #526175);
     --ui-slider-track: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 72%, transparent);
     --ui-slider-fill: var(--ui-color-primary, #2563eb);
     --ui-slider-focus: var(--ui-color-focus-ring, #2563eb);
@@ -302,11 +302,11 @@
   }
 
   :host([tone="success"]) {
-    --ui-slider-fill: var(--ui-color-success, #16a34a);
+    --ui-slider-fill: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
-    --ui-slider-fill: var(--ui-color-warning, #d97706);
+    --ui-slider-fill: var(--ui-color-warning, #b45309);
   }
 
   :host([tone="danger"]) {

package/dist/slider.esm.js

@@ -1,4 +1,4 @@
-import { E as f } from "./ElementBase-YlTLMsGk.mjs";
+import { E as f } from "./ElementBase-BeZT54Hj.mjs";
 const x = `
   :host {
     --ui-slider-width: min(340px, 100%);
@@ -7,7 +7,7 @@ const x = `
     --ui-slider-thumb-size: 18px;
     --ui-slider-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
     --ui-slider-text: var(--ui-color-text, #0f172a);
-    --ui-slider-muted: var(--ui-color-muted, #64748b);
+    --ui-slider-muted: var(--ui-color-muted, #526175);
     --ui-slider-track: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 72%, transparent);
     --ui-slider-fill: var(--ui-color-primary, #2563eb);
     --ui-slider-focus: var(--ui-color-focus-ring, #2563eb);
@@ -303,11 +303,11 @@ const x = `
   }
 
   :host([tone="success"]) {
-    --ui-slider-fill: var(--ui-color-success, #16a34a);
+    --ui-slider-fill: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
-    --ui-slider-fill: var(--ui-color-warning, #d97706);
+    --ui-slider-fill: var(--ui-color-warning, #b45309);
   }
 
   :host([tone="danger"]) {

package/dist/slot.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./ElementBase-EV6mVBUV.js"),u=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./ElementBase-DxbvhLJs.js"),u=`
   :host {
     --ui-slot-bg: transparent;
     --ui-slot-text: inherit;
@@ -8,7 +8,7 @@
     --ui-slot-padding: 0;
     --ui-slot-gap: 6px;
     --ui-slot-accent: var(--ui-color-primary, #2563eb);
-    --ui-slot-muted: var(--ui-color-muted, #64748b);
+    --ui-slot-muted: var(--ui-color-muted, #526175);
     color-scheme: light dark;
     display: inline-flex;
     min-inline-size: 0;
@@ -112,11 +112,11 @@
   }
 
   :host([tone="success"]) {
-    --ui-slot-accent: var(--ui-color-success, #16a34a);
+    --ui-slot-accent: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
-    --ui-slot-accent: var(--ui-color-warning, #d97706);
+    --ui-slot-accent: var(--ui-color-warning, #b45309);
   }
 
   :host([tone="danger"]) {

package/dist/slot.esm.js

@@ -1,4 +1,4 @@
-import { E as n } from "./ElementBase-YlTLMsGk.mjs";
+import { E as n } from "./ElementBase-BeZT54Hj.mjs";
 const r = `
   :host {
     --ui-slot-bg: transparent;
@@ -9,7 +9,7 @@ const r = `
     --ui-slot-padding: 0;
     --ui-slot-gap: 6px;
     --ui-slot-accent: var(--ui-color-primary, #2563eb);
-    --ui-slot-muted: var(--ui-color-muted, #64748b);
+    --ui-slot-muted: var(--ui-color-muted, #526175);
     color-scheme: light dark;
     display: inline-flex;
     min-inline-size: 0;
@@ -113,11 +113,11 @@ const r = `
   }
 
   :host([tone="success"]) {
-    --ui-slot-accent: var(--ui-color-success, #16a34a);
+    --ui-slot-accent: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
-    --ui-slot-accent: var(--ui-color-warning, #d97706);
+    --ui-slot-accent: var(--ui-color-warning, #b45309);
   }
 
   :host([tone="danger"]) {