@editora/ui-core 0.1.20 → 0.1.22

package/dist/{ui-icon-BzVNC_lr.js → ui-icon-Bvt9oIIR.js}

@@ -1,4 +1,4 @@
-"use strict";const k=require("./ElementBase-EV6mVBUV.js"),l=require("@editora/icons"),a=new Map,d=new Map;function c(i){return String(i||"").trim().toLowerCase().replace(/\s+/g,"-").replace(/_/g,"-")}function y(i,e){if(!e)return`${i}::default`;const r=e.variant||"outline",t=e.iconWeight||"",n=e.secondaryColor||"",o=e.strokeWidth==null?"":String(e.strokeWidth),s=e.absoluteStrokeWidth?"1":"0",b=e.strokeLinecap||"",f=e.strokeLinejoin||"",m=e.rotate==null?"":String(e.rotate),v=e.flip||"",x=e.rtl?"1":"0";return[i,r,t,n,o,s,b,f,m,v,x].join("::")}function z(i,e){const r=c(i);r&&a.set(r,e)}function w(i){const e=c(i);e&&a.delete(e)}function C(){a.clear()}function I(i){const e=c(i);return e?a.has(e)?!0:l.hasIcon(e):!1}function A(i,e){return u(i,{variant:e})}function u(i,e){const r=c(i);if(!r)return"";const t=a.get(r);if(t)return t;if(!l.hasIcon(r))return"";const n=y(r,e),o=d.get(n);if(o)return o;const s=l.renderIconSvg(r,{variant:e?.variant||"outline",iconWeight:e?.iconWeight,secondaryColor:e?.secondaryColor,strokeWidth:e?.strokeWidth,absoluteStrokeWidth:e?.absoluteStrokeWidth,strokeLinecap:e?.strokeLinecap,strokeLinejoin:e?.strokeLinejoin,rotate:e?.rotate,flip:e?.flip,rtl:e?.rtl,color:"currentColor",decorative:!0});return s&&d.set(n,s),s}const W=`
+"use strict";const k=require("./ElementBase-EV6mVBUV.js"),l=require("@editora/icons"),a=new Map,d=new Map;function c(i){return String(i||"").trim().toLowerCase().replace(/\s+/g,"-").replace(/_/g,"-")}function y(i,e){if(!e)return`${i}::default`;const r=e.variant||"outline",t=e.iconWeight||"",n=e.secondaryColor||"",o=e.strokeWidth==null?"":String(e.strokeWidth),s=e.absoluteStrokeWidth?"1":"0",g=e.strokeLinecap||"",f=e.strokeLinejoin||"",m=e.rotate==null?"":String(e.rotate),v=e.flip||"",x=e.rtl?"1":"0";return[i,r,t,n,o,s,g,f,m,v,x].join("::")}function z(i,e){const r=c(i);r&&a.set(r,e)}function w(i){const e=c(i);e&&a.delete(e)}function C(){a.clear()}function I(i){const e=c(i);return e?a.has(e)?!0:l.hasIcon(e):!1}function A(i,e){return u(i,{variant:e})}function u(i,e){const r=c(i);if(!r)return"";const t=a.get(r);if(t)return t;if(!l.hasIcon(r))return"";const n=y(r,e),o=d.get(n);if(o)return o;const s=l.renderIconSvg(r,{variant:e?.variant||"outline",iconWeight:e?.iconWeight,secondaryColor:e?.secondaryColor,strokeWidth:e?.strokeWidth,absoluteStrokeWidth:e?.absoluteStrokeWidth,strokeLinecap:e?.strokeLinecap,strokeLinejoin:e?.strokeLinejoin,rotate:e?.rotate,flip:e?.flip,rtl:e?.rtl,color:"currentColor",decorative:!0});return s&&d.set(n,s),s}const W=`
   :host {
     --ui-icon-size: 1em;
     --ui-icon-color: currentColor;
@@ -124,8 +124,8 @@
   }
 
   :host([tone="brand"]) { --ui-icon-color: var(--ui-color-primary, var(--ui-primary, #2563eb)); }
-  :host([tone="success"]) { --ui-icon-color: var(--ui-color-success, var(--ui-success, #16a34a)); }
-  :host([tone="warning"]) { --ui-icon-color: var(--ui-color-warning, var(--ui-warning, #d97706)); }
+  :host([tone="success"]) { --ui-icon-color: var(--ui-color-success, var(--ui-success, #15803d)); }
+  :host([tone="warning"]) { --ui-icon-color: var(--ui-color-warning, var(--ui-warning, #b45309)); }
   :host([tone="danger"]) { --ui-icon-color: var(--ui-color-danger, var(--ui-error, #dc2626)); }
 
   :host([shape="square"]) { --ui-icon-radius: 4px; }
@@ -195,7 +195,7 @@
       border-color: Canvas;
     }
   }
-`;function h(i){return i.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function S(i){if(!i)return null;const e=i.trim();return e?/^\d+(\.\d+)?$/.test(e)?`${e}px`:e:null}function p(i){if(!i)return;const e=Number(i);return Number.isFinite(e)?e:void 0}class g extends k.ElementBase{constructor(){super(),this._lastName=""}static get observedAttributes(){return["name","size","color","variant","icon-variant","icon-weight","secondary-color","tone","shape","spin","pulse","badge","label","decorative","stroke-width","absolute-stroke-width","stroke-linecap","stroke-linejoin","rotate","flip","rtl","headless"]}_syncDynamicVars(){const e=S(this.getAttribute("size"));e?this.style.setProperty("--ui-icon-size",e):this.style.removeProperty("--ui-icon-size");const r=this.getAttribute("color");r?this.style.setProperty("--ui-icon-color",r):this.style.removeProperty("--ui-icon-color");const t=this.getAttribute("stroke-width");t?this.style.setProperty("--ui-icon-stroke-width",t):this.style.removeProperty("--ui-icon-stroke-width")}render(){if(this._syncDynamicVars(),this.hasAttribute("headless")){this.setContent("<style></style><slot></slot>");return}const e=this.getAttribute("name")||"",r=this.getAttribute("label")||"",t=this.hasAttribute("decorative"),n=e?u(e,{variant:this.getAttribute("icon-variant")||void 0,iconWeight:this.getAttribute("icon-weight")||void 0,secondaryColor:this.getAttribute("secondary-color")||void 0,strokeWidth:p(this.getAttribute("stroke-width")),absoluteStrokeWidth:this.hasAttribute("absolute-stroke-width"),strokeLinecap:this.getAttribute("stroke-linecap")||void 0,strokeLinejoin:this.getAttribute("stroke-linejoin")||void 0,rotate:p(this.getAttribute("rotate")),flip:this.getAttribute("flip")||void 0,rtl:this.hasAttribute("rtl")}):"",o=!!n,s=t?'aria-hidden="true" role="presentation"':`role="img" aria-label="${h(r||e||"icon")}"`;this.setContent(`
+`;function h(i){return i.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function S(i){if(!i)return null;const e=i.trim();return e?/^\d+(\.\d+)?$/.test(e)?`${e}px`:e:null}function p(i){if(!i)return;const e=Number(i);return Number.isFinite(e)?e:void 0}class b extends k.ElementBase{constructor(){super(),this._lastName=""}static get observedAttributes(){return["name","size","color","variant","icon-variant","icon-weight","secondary-color","tone","shape","spin","pulse","badge","label","decorative","stroke-width","absolute-stroke-width","stroke-linecap","stroke-linejoin","rotate","flip","rtl","headless"]}_syncDynamicVars(){const e=S(this.getAttribute("size"));e?this.style.setProperty("--ui-icon-size",e):this.style.removeProperty("--ui-icon-size");const r=this.getAttribute("color");r?this.style.setProperty("--ui-icon-color",r):this.style.removeProperty("--ui-icon-color");const t=this.getAttribute("stroke-width");t?this.style.setProperty("--ui-icon-stroke-width",t):this.style.removeProperty("--ui-icon-stroke-width")}render(){if(this._syncDynamicVars(),this.hasAttribute("headless")){this.setContent("<style></style><slot></slot>");return}const e=this.getAttribute("name")||"",r=this.getAttribute("label")||"",t=this.hasAttribute("decorative"),n=e?u(e,{variant:this.getAttribute("icon-variant")||void 0,iconWeight:this.getAttribute("icon-weight")||void 0,secondaryColor:this.getAttribute("secondary-color")||void 0,strokeWidth:p(this.getAttribute("stroke-width")),absoluteStrokeWidth:this.hasAttribute("absolute-stroke-width"),strokeLinecap:this.getAttribute("stroke-linecap")||void 0,strokeLinejoin:this.getAttribute("stroke-linejoin")||void 0,rotate:p(this.getAttribute("rotate")),flip:this.getAttribute("flip")||void 0,rtl:this.hasAttribute("rtl")}):"",o=!!n,s=t?'aria-hidden="true" role="presentation"':`role="img" aria-label="${h(r||e||"icon")}"`;this.setContent(`
       <style>${W}</style>
       <span class="icon" part="icon" ${s}>
         <span class="glyph" part="glyph">
@@ -204,4 +204,4 @@
         </span>
         ${this.hasAttribute("badge")?'<span class="badge" part="badge" aria-hidden="true"></span>':""}
       </span>
-    `),e!==this._lastName&&(this.dispatchEvent(new CustomEvent("iconchange",{detail:{name:e,found:o},bubbles:!0})),this._lastName=e)}shouldRenderOnAttributeChange(e,r,t){return!0}}typeof customElements<"u"&&!customElements.get("ui-icon")&&customElements.define("ui-icon",g);exports.UIIcon=g;exports.clearCustomIcons=C;exports.getIcon=u;exports.getIconVariant=A;exports.hasIcon=I;exports.registerIcon=z;exports.unregisterIcon=w;
+    `),e!==this._lastName&&(this.dispatchEvent(new CustomEvent("iconchange",{detail:{name:e,found:o},bubbles:!0})),this._lastName=e)}shouldRenderOnAttributeChange(e,r,t){return!0}}typeof customElements<"u"&&!customElements.get("ui-icon")&&customElements.define("ui-icon",b);exports.UIIcon=b;exports.clearCustomIcons=C;exports.getIcon=u;exports.getIconVariant=A;exports.hasIcon=I;exports.registerIcon=z;exports.unregisterIcon=w;

package/dist/wizard.cjs.js

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("./ElementBase-EV6mVBUV.js"),$=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("./ElementBase-EV6mVBUV.js"),C=`
   :host {
     --ui-wizard-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
     --ui-wizard-surface: color-mix(in srgb, var(--ui-color-surface, #ffffff) 99%, transparent);
     --ui-wizard-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 72%, transparent);
     --ui-wizard-text: var(--ui-color-text, #0f172a);
-    --ui-wizard-muted: var(--ui-color-muted, #64748b);
+    --ui-wizard-muted: var(--ui-color-muted, #526175);
     --ui-wizard-accent: var(--ui-color-primary, #2563eb);
     --ui-wizard-focus: var(--ui-color-focus-ring, #2563eb);
-    --ui-wizard-success: var(--ui-color-success, #16a34a);
-    --ui-wizard-warning: var(--ui-color-warning, #d97706);
+    --ui-wizard-success: var(--ui-color-success, #15803d);
+    --ui-wizard-warning: var(--ui-color-warning, #b45309);
     --ui-wizard-danger: var(--ui-color-danger, #dc2626);
 
     --ui-wizard-radius: 14px;
@@ -608,7 +608,7 @@
       color: Highlight;
     }
   }
-`;function c(g){return g.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function v(g){if(g==null)return!1;const t=String(g).toLowerCase();return t!=="false"&&t!=="0"&&t!=="off"}let C=0;class w extends k.ElementBase{constructor(){super(),this._observer=null,this._instanceId=++C,this._isSyncingValueAttribute=!1,this._visited=new Set,this._lastDirection="none",this._stepButtons=[],this._progressEl=null,this._progressRow=null,this._statusStepEl=null,this._statusValueEl=null,this._prevBtn=null,this._nextBtn=null,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this)}static get observedAttributes(){return["value","linear","show-stepper","stepper-position","hide-controls","variant","headless","keep-mounted","lazy-mount","animate","next-label","prev-label","finish-label","aria-label","orientation","density","shape","show-progress","busy","title","description","empty-label"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onClick),this.root.addEventListener("keydown",this._onKeyDown),this._observer=new MutationObserver(t=>{t.some(i=>{if(i.type==="childList")return i.target===this;if(i.type!=="attributes")return!1;const a=i.target,r=i.attributeName||"";if(r==="slot")return a.getAttribute("slot")==="step"||a.matches('[slot="step"]');const o=a.closest('[slot="step"]');return!o||a!==o?!1:r==="data-value"||r==="data-title"||r==="data-description"||r==="data-optional"||r==="data-disabled"||r==="data-state"||r==="data-invalid"||r==="disabled"||r==="invalid"})&&this.requestRender()}),this._observer.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot","data-value","data-title","data-description","data-optional","data-disabled","data-state","data-invalid","disabled","invalid"]})}disconnectedCallback(){this.root.removeEventListener("click",this._onClick),this.root.removeEventListener("keydown",this._onKeyDown),this._observer&&(this._observer.disconnect(),this._observer=null),super.disconnectedCallback()}attributeChangedCallback(t,e,i){if(e!==i){if(t==="value"){this._isSyncingValueAttribute||this._syncValueUi();return}this.isConnected&&this.requestRender()}}get value(){return this.getAttribute("value")||""}set value(t){const e=String(t||"");e?this.setAttribute("value",e):this.removeAttribute("value")}_isBusy(){return v(this.getAttribute("busy"))||this.hasAttribute("busy")}_isAnimationEnabled(){const t=this.getAttribute("animate");return t==null?!0:v(t)||t===""}_steps(){return Array.from(this.children).filter(e=>e instanceof HTMLElement&&e.getAttribute("slot")==="step").map((e,i)=>{const a=(e.getAttribute("data-state")||"").trim().toLowerCase(),r=a==="complete"||a==="success"||a==="warning"||a==="error"?a:"default";return{index:i,value:e.getAttribute("data-value")||String(i+1),title:e.getAttribute("data-title")||e.getAttribute("title")||`Step ${i+1}`,description:e.getAttribute("data-description")||"",optional:v(e.getAttribute("data-optional")),disabled:e.hasAttribute("disabled")||v(e.getAttribute("data-disabled")),state:r,node:e}})}_tabId(t){return`ui-wizard-${this._instanceId}-tab-${t}`}_panelId(t){return`ui-wizard-${this._instanceId}-panel-${t}`}_activeIndex(t){if(!t.length)return-1;const e=this.getAttribute("value")||"";if(e){const a=t.findIndex(r=>r.value===e);if(a>=0)return a}const i=t.find(a=>!a.disabled)||t[0];return i&&this.getAttribute("value")!==i.value&&this.setAttribute("value",i.value),t.findIndex(a=>a.value===i.value)}_visualStatus(t,e,i){return t.state==="error"?"error":t.state==="warning"?"warning":t.state==="success"?"success":t.state==="complete"||e<i?"complete":e===i?"current":"upcoming"}_markVisited(t,e){const i=t[e];i&&this._visited.add(i.value)}_dispatchBlockedNext(t,e,i,a){const r=e[i],o=e[a];this.dispatchEvent(new CustomEvent("blocked-next",{detail:{reason:t,currentIndex:i,nextIndex:a,currentValue:r?.value||"",nextValue:o?.value||""},bubbles:!0,composed:!0}))}_isStepInvalid(t,e){if(!t||t.node.hasAttribute("invalid")||v(t.node.getAttribute("data-invalid")))return!0;const i=new CustomEvent("validate-step",{detail:{index:e,value:t.value,title:t.title,node:t.node},bubbles:!0,composed:!0,cancelable:!0});return!this.dispatchEvent(i)}validateCurrentStep(){const t=this._steps();if(!t.length)return!1;const e=this._activeIndex(t);return e<0?!1:!this._isStepInvalid(t[e],e)}_syncPanels(t,e){const i=this.hasAttribute("keep-mounted"),a=this._isAnimationEnabled();this._markVisited(t,e),t.forEach((r,o)=>{const s=o===e,n=this._panelId(o),l=this._tabId(o),d=this._visited.has(r.value);r.node.id=n,r.node.setAttribute("role","tabpanel"),r.node.setAttribute("aria-labelledby",l),r.node.setAttribute("tabindex",s?"0":"-1"),r.node.setAttribute("data-active",s?"true":"false"),r.node.setAttribute("aria-hidden",s?"false":"true"),r.node.setAttribute("data-keep-mounted",i?"true":"false"),r.node.setAttribute("data-visible",s?"true":"false"),r.node.setAttribute("data-visited",d?"true":"false"),r.node.setAttribute("data-nav-direction",a?this._lastDirection:"none"),i?r.node.hidden=!1:r.node.hidden=!s})}_attemptChange(t,e,i,a){if(this._isBusy())return this._dispatchBlockedNext("busy",t,e,i),!1;if(i===e)return!0;if(i<0||i>=t.length)return this._dispatchBlockedNext("bounds",t,e,i),!1;const r=t[i];if(!r||r.disabled)return this._dispatchBlockedNext("disabled",t,e,i),!1;if(this.hasAttribute("linear")&&i>e+1)return this._dispatchBlockedNext("linear",t,e,i),!1;const o=t[e],s=i>e;if(s&&o&&this._isStepInvalid(o,e))return this._dispatchBlockedNext("validation",t,e,i),!1;const n=new CustomEvent("before-change",{detail:{currentIndex:e,nextIndex:i,currentValue:o?.value||"",nextValue:r.value,trigger:a},bubbles:!0,composed:!0,cancelable:!0});if(!this.dispatchEvent(n))return!1;this._lastDirection=s?"forward":"backward",this.value=r.value;const l={index:i,value:r.value,title:r.title,trigger:a};return this.dispatchEvent(new CustomEvent("input",{detail:l,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:l,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("step-change",{detail:l,bubbles:!0,composed:!0})),!0}goTo(t){const e=this._steps();if(!e.length)return!1;const i=this._activeIndex(e),a=typeof t=="number"?t:e.findIndex(r=>r.value===String(t));return this._attemptChange(e,i,a,"api")}next(){const t=this._steps();if(!t.length)return!1;const e=this._activeIndex(t);if(e>=t.length-1){if(this._isBusy())return!1;const i={index:e,value:t[e]?.value||"",title:t[e]?.title||""};return this.dispatchEvent(new CustomEvent("complete",{detail:i,bubbles:!0,composed:!0})),!0}return this._attemptChange(t,e,e+1,"next")}prev(){const t=this._steps();if(!t.length)return!1;const e=this._activeIndex(t);return this._attemptChange(t,e,e-1,"prev")}_onClick(t){const e=t.target;if(!e)return;if(e.closest(".btn-prev")){this.prev();return}if(e.closest(".btn-next")){this.next();return}const i=e.closest(".step");if(!i)return;const a=Number(i.getAttribute("data-index"));if(!Number.isInteger(a))return;const r=this._steps(),o=this._activeIndex(r);this._attemptChange(r,o,a,"stepper")}_onKeyDown(t){const e=this.getAttribute("orientation")==="vertical"?"vertical":"horizontal",i=e==="horizontal"&&getComputedStyle(this).direction==="rtl",a=e==="vertical"?"ArrowDown":i?"ArrowLeft":"ArrowRight",r=e==="vertical"?"ArrowUp":i?"ArrowRight":"ArrowLeft";if(t.altKey&&t.key===a){t.preventDefault(),this.next();return}if(t.altKey&&t.key===r){t.preventDefault(),this.prev();return}const s=t.target?.closest(".step");if(!s)return;const n=this._stepButtons.filter(d=>!d.disabled);if(!n.length)return;const l=n.indexOf(s);if(!(l<0)){if(t.key===a){t.preventDefault(),n[(l+1)%n.length].focus();return}if(t.key===r){t.preventDefault(),n[(l-1+n.length)%n.length].focus();return}if(t.key==="Home"||t.key==="End"){t.preventDefault(),(t.key==="Home"?n[0]:n[n.length-1]).focus();return}(t.key===" "||t.key==="Enter")&&(t.preventDefault(),s.click())}}_syncValueUi(){if(!this.isConnected)return;if(!this.root.querySelector(".frame")){this.requestRender();return}const t=this._steps();if(!t.length)return;this._isSyncingValueAttribute=!0;let e=-1;try{e=this._activeIndex(t)}finally{this._isSyncingValueAttribute=!1}this._syncPanels(t,e),this._stepButtons.forEach((s,n)=>{const l=n===e,d=this._visualStatus(t[n],n,e);s.setAttribute("data-active",l?"true":"false"),s.setAttribute("data-status",d),s.setAttribute("aria-selected",l?"true":"false"),s.setAttribute("tabindex",l?"0":"-1");const p=s.querySelector(".step-badge");p&&(d==="complete"||d==="success"?p.textContent="✓":d==="warning"?p.textContent="!":d==="error"?p.textContent="×":p.textContent=String(n+1));const h=s.closest(".step-item");h&&(h.setAttribute("data-status",d),h.setAttribute("data-complete",n<e?"true":"false"),h.setAttribute("data-current",l?"true":"false"))});const i=t.length,a=i<=1||e<0?0:Math.round(e/(i-1)*100);this._progressEl&&this._progressEl.style.setProperty("--ui-wizard-progress",`${a}%`),this._statusStepEl&&(this._statusStepEl.textContent=`Step ${Math.max(1,e+1)} of ${i}`),this._statusValueEl&&(this._statusValueEl.textContent=`${a}%`);const r=this._isBusy();if(this._prevBtn&&(this._prevBtn.disabled=e<=0||r),this._nextBtn){const s=e>=i-1,n=this.getAttribute("next-label")||"Next",l=this.getAttribute("finish-label")||"Finish";this._nextBtn.textContent=s?l:n,this._nextBtn.setAttribute("data-loading",r?"true":"false"),this._nextBtn.disabled=r||e<0||t[e]?.disabled===!0}const o=this.root.querySelector(".frame");o&&o.setAttribute("aria-busy",r?"true":"false"),this._progressRow&&(this.getAttribute("show-progress")!=="false"&&i>0?this._progressRow.removeAttribute("hidden"):this._progressRow.setAttribute("hidden",""))}render(){const t=this._steps(),e=this._activeIndex(t);this._markVisited(t,e),this._syncPanels(t,e);const i=this.getAttribute("title")||"",a=this.getAttribute("description")||"",r=this.getAttribute("show-stepper")!=="false"&&t.length>0,o=this.getAttribute("show-progress")!=="false"&&t.length>0,s=this.getAttribute("stepper-position")==="bottom"?"bottom":"top",n=this.hasAttribute("hide-controls")||t.length===0,l=this.getAttribute("prev-label")||"Previous",d=this.getAttribute("next-label")||"Next",p=this.getAttribute("finish-label")||"Finish",h=this.getAttribute("empty-label")||'No wizard steps configured. Add elements with slot="step".',m=r?`
+`;function c(g){return g.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function v(g){if(g==null)return!1;const t=String(g).toLowerCase();return t!=="false"&&t!=="0"&&t!=="off"}let $=0;const w="data-ui-wizard-auto-label";class x extends k.ElementBase{constructor(){super(),this._observer=null,this._instanceId=++$,this._isSyncingValueAttribute=!1,this._visited=new Set,this._lastDirection="none",this._stepButtons=[],this._progressEl=null,this._progressRow=null,this._statusStepEl=null,this._statusValueEl=null,this._prevBtn=null,this._nextBtn=null,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this)}static get observedAttributes(){return["value","linear","show-stepper","stepper-position","hide-controls","variant","headless","keep-mounted","lazy-mount","animate","next-label","prev-label","finish-label","aria-label","orientation","density","shape","show-progress","busy","title","description","empty-label"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onClick),this.root.addEventListener("keydown",this._onKeyDown),this._observer=new MutationObserver(t=>{t.some(i=>{if(i.type==="childList")return i.target===this;if(i.type!=="attributes")return!1;const a=i.target,r=i.attributeName||"";if(r==="slot")return a.getAttribute("slot")==="step"||a.matches('[slot="step"]');const o=a.closest('[slot="step"]');return!o||a!==o?!1:r==="data-value"||r==="data-title"||r==="data-description"||r==="data-optional"||r==="data-disabled"||r==="data-state"||r==="data-invalid"||r==="disabled"||r==="invalid"})&&this.requestRender()}),this._observer.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot","data-value","data-title","data-description","data-optional","data-disabled","data-state","data-invalid","disabled","invalid"]})}disconnectedCallback(){this.root.removeEventListener("click",this._onClick),this.root.removeEventListener("keydown",this._onKeyDown),this._observer&&(this._observer.disconnect(),this._observer=null),super.disconnectedCallback()}attributeChangedCallback(t,e,i){if(e!==i){if(t==="value"){this._isSyncingValueAttribute||this._syncValueUi();return}this.isConnected&&this.requestRender()}}get value(){return this.getAttribute("value")||""}set value(t){const e=String(t||"");e?this.setAttribute("value",e):this.removeAttribute("value")}_isBusy(){return v(this.getAttribute("busy"))||this.hasAttribute("busy")}_isAnimationEnabled(){const t=this.getAttribute("animate");return t==null?!0:v(t)||t===""}_steps(){return Array.from(this.children).filter(e=>e instanceof HTMLElement&&e.getAttribute("slot")==="step").map((e,i)=>{const a=(e.getAttribute("data-state")||"").trim().toLowerCase(),r=a==="complete"||a==="success"||a==="warning"||a==="error"?a:"default";return{index:i,value:e.getAttribute("data-value")||String(i+1),title:e.getAttribute("data-title")||e.getAttribute("title")||`Step ${i+1}`,description:e.getAttribute("data-description")||"",optional:v(e.getAttribute("data-optional")),disabled:e.hasAttribute("disabled")||v(e.getAttribute("data-disabled")),state:r,node:e}})}_tabId(t){return`ui-wizard-${this._instanceId}-tab-${t}`}_panelId(t){return`ui-wizard-${this._instanceId}-panel-${t}`}_activeIndex(t){if(!t.length)return-1;const e=this.getAttribute("value")||"";if(e){const a=t.findIndex(r=>r.value===e);if(a>=0)return a}const i=t.find(a=>!a.disabled)||t[0];return i&&this.getAttribute("value")!==i.value&&this.setAttribute("value",i.value),t.findIndex(a=>a.value===i.value)}_visualStatus(t,e,i){return t.state==="error"?"error":t.state==="warning"?"warning":t.state==="success"?"success":t.state==="complete"||e<i?"complete":e===i?"current":"upcoming"}_markVisited(t,e){const i=t[e];i&&this._visited.add(i.value)}_dispatchBlockedNext(t,e,i,a){const r=e[i],o=e[a];this.dispatchEvent(new CustomEvent("blocked-next",{detail:{reason:t,currentIndex:i,nextIndex:a,currentValue:r?.value||"",nextValue:o?.value||""},bubbles:!0,composed:!0}))}_isStepInvalid(t,e){if(!t||t.node.hasAttribute("invalid")||v(t.node.getAttribute("data-invalid")))return!0;const i=new CustomEvent("validate-step",{detail:{index:e,value:t.value,title:t.title,node:t.node},bubbles:!0,composed:!0,cancelable:!0});return!this.dispatchEvent(i)}validateCurrentStep(){const t=this._steps();if(!t.length)return!1;const e=this._activeIndex(t);return e<0?!1:!this._isStepInvalid(t[e],e)}_syncPanels(t,e){const i=this.hasAttribute("keep-mounted"),a=this._isAnimationEnabled();this._markVisited(t,e),t.forEach((r,o)=>{const s=o===e,n=this._panelId(o),l=this._tabId(o),d=this._visited.has(r.value);r.node.id=n,r.node.setAttribute("role","tabpanel"),r.node.getAttribute("aria-labelledby")===l&&r.node.removeAttribute("aria-labelledby"),!(r.node.hasAttribute("aria-labelledby")||r.node.hasAttribute("aria-label")&&!r.node.hasAttribute(w))&&r.title&&(r.node.setAttribute("aria-label",r.title),r.node.setAttribute(w,"")),r.node.setAttribute("tabindex",s?"0":"-1"),r.node.setAttribute("data-active",s?"true":"false"),r.node.setAttribute("aria-hidden",s?"false":"true"),r.node.setAttribute("data-keep-mounted",i?"true":"false"),r.node.setAttribute("data-visible",s?"true":"false"),r.node.setAttribute("data-visited",d?"true":"false"),r.node.setAttribute("data-nav-direction",a?this._lastDirection:"none"),i?r.node.hidden=!1:r.node.hidden=!s})}_attemptChange(t,e,i,a){if(this._isBusy())return this._dispatchBlockedNext("busy",t,e,i),!1;if(i===e)return!0;if(i<0||i>=t.length)return this._dispatchBlockedNext("bounds",t,e,i),!1;const r=t[i];if(!r||r.disabled)return this._dispatchBlockedNext("disabled",t,e,i),!1;if(this.hasAttribute("linear")&&i>e+1)return this._dispatchBlockedNext("linear",t,e,i),!1;const o=t[e],s=i>e;if(s&&o&&this._isStepInvalid(o,e))return this._dispatchBlockedNext("validation",t,e,i),!1;const n=new CustomEvent("before-change",{detail:{currentIndex:e,nextIndex:i,currentValue:o?.value||"",nextValue:r.value,trigger:a},bubbles:!0,composed:!0,cancelable:!0});if(!this.dispatchEvent(n))return!1;this._lastDirection=s?"forward":"backward",this.value=r.value;const l={index:i,value:r.value,title:r.title,trigger:a};return this.dispatchEvent(new CustomEvent("input",{detail:l,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:l,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("step-change",{detail:l,bubbles:!0,composed:!0})),!0}goTo(t){const e=this._steps();if(!e.length)return!1;const i=this._activeIndex(e),a=typeof t=="number"?t:e.findIndex(r=>r.value===String(t));return this._attemptChange(e,i,a,"api")}next(){const t=this._steps();if(!t.length)return!1;const e=this._activeIndex(t);if(e>=t.length-1){if(this._isBusy())return!1;const i={index:e,value:t[e]?.value||"",title:t[e]?.title||""};return this.dispatchEvent(new CustomEvent("complete",{detail:i,bubbles:!0,composed:!0})),!0}return this._attemptChange(t,e,e+1,"next")}prev(){const t=this._steps();if(!t.length)return!1;const e=this._activeIndex(t);return this._attemptChange(t,e,e-1,"prev")}_onClick(t){const e=t.target;if(!e)return;if(e.closest(".btn-prev")){this.prev();return}if(e.closest(".btn-next")){this.next();return}const i=e.closest(".step");if(!i)return;const a=Number(i.getAttribute("data-index"));if(!Number.isInteger(a))return;const r=this._steps(),o=this._activeIndex(r);this._attemptChange(r,o,a,"stepper")}_onKeyDown(t){const e=this.getAttribute("orientation")==="vertical"?"vertical":"horizontal",i=e==="horizontal"&&getComputedStyle(this).direction==="rtl",a=e==="vertical"?"ArrowDown":i?"ArrowLeft":"ArrowRight",r=e==="vertical"?"ArrowUp":i?"ArrowRight":"ArrowLeft";if(t.altKey&&t.key===a){t.preventDefault(),this.next();return}if(t.altKey&&t.key===r){t.preventDefault(),this.prev();return}const s=t.target?.closest(".step");if(!s)return;const n=this._stepButtons.filter(d=>!d.disabled);if(!n.length)return;const l=n.indexOf(s);if(!(l<0)){if(t.key===a){t.preventDefault(),n[(l+1)%n.length].focus();return}if(t.key===r){t.preventDefault(),n[(l-1+n.length)%n.length].focus();return}if(t.key==="Home"||t.key==="End"){t.preventDefault(),(t.key==="Home"?n[0]:n[n.length-1]).focus();return}(t.key===" "||t.key==="Enter")&&(t.preventDefault(),s.click())}}_syncValueUi(){if(!this.isConnected)return;if(!this.root.querySelector(".frame")){this.requestRender();return}const t=this._steps();if(!t.length)return;this._isSyncingValueAttribute=!0;let e=-1;try{e=this._activeIndex(t)}finally{this._isSyncingValueAttribute=!1}this._syncPanels(t,e),this._stepButtons.forEach((s,n)=>{const l=n===e,d=this._visualStatus(t[n],n,e);s.setAttribute("data-active",l?"true":"false"),s.setAttribute("data-status",d),s.setAttribute("aria-selected",l?"true":"false"),s.setAttribute("tabindex",l?"0":"-1");const p=s.querySelector(".step-badge");p&&(d==="complete"||d==="success"?p.textContent="✓":d==="warning"?p.textContent="!":d==="error"?p.textContent="×":p.textContent=String(n+1));const h=s.closest(".step-item");h&&(h.setAttribute("data-status",d),h.setAttribute("data-complete",n<e?"true":"false"),h.setAttribute("data-current",l?"true":"false"))});const i=t.length,a=i<=1||e<0?0:Math.round(e/(i-1)*100);this._progressEl&&this._progressEl.style.setProperty("--ui-wizard-progress",`${a}%`),this._statusStepEl&&(this._statusStepEl.textContent=`Step ${Math.max(1,e+1)} of ${i}`),this._statusValueEl&&(this._statusValueEl.textContent=`${a}%`);const r=this._isBusy();if(this._prevBtn&&(this._prevBtn.disabled=e<=0||r),this._nextBtn){const s=e>=i-1,n=this.getAttribute("next-label")||"Next",l=this.getAttribute("finish-label")||"Finish";this._nextBtn.textContent=s?l:n,this._nextBtn.setAttribute("data-loading",r?"true":"false"),this._nextBtn.disabled=r||e<0||t[e]?.disabled===!0}const o=this.root.querySelector(".frame");o&&o.setAttribute("aria-busy",r?"true":"false"),this._progressRow&&(this.getAttribute("show-progress")!=="false"&&i>0?this._progressRow.removeAttribute("hidden"):this._progressRow.setAttribute("hidden",""))}render(){const t=this._steps(),e=this._activeIndex(t);this._markVisited(t,e),this._syncPanels(t,e);const i=this.getAttribute("title")||"",a=this.getAttribute("description")||"",r=this.getAttribute("show-stepper")!=="false"&&t.length>0,o=this.getAttribute("show-progress")!=="false"&&t.length>0,s=this.getAttribute("stepper-position")==="bottom"?"bottom":"top",n=this.hasAttribute("hide-controls")||t.length===0,l=this.getAttribute("prev-label")||"Previous",d=this.getAttribute("next-label")||"Next",p=this.getAttribute("finish-label")||"Finish",h=this.getAttribute("empty-label")||'No wizard steps configured. Add elements with slot="step".',m=r?`
           <div
             class="stepper"
             part="stepper"
@@ -616,15 +616,14 @@
             aria-orientation="${this.getAttribute("orientation")==="vertical"?"vertical":"horizontal"}"
             aria-label="${c(this.getAttribute("aria-label")||"Wizard steps")}"
           >
-            ${t.map((b,u)=>{const f=this._visualStatus(b,u,e),y=this._tabId(u),_=this._panelId(u),A=f==="complete"||f==="success"?"✓":f==="warning"?"!":f==="error"?"×":String(u+1);return`
+            ${t.map((b,u)=>{const f=this._visualStatus(b,u,e),_=this._tabId(u);this._panelId(u);const A=f==="complete"||f==="success"?"✓":f==="warning"?"!":f==="error"?"×":String(u+1);return`
                   <div class="step-item" part="step-item" data-index="${u}" data-last="${u===t.length-1?"true":"false"}" data-status="${f}" data-complete="${u<e?"true":"false"}" data-current="${u===e?"true":"false"}">
                     <button
                       type="button"
                       class="step"
                       part="step"
-                      id="${y}"
+                      id="${_}"
                       role="tab"
-                      aria-controls="${_}"
                       data-index="${u}"
                       data-active="${u===e?"true":"false"}"
                       data-status="${f}"
@@ -642,8 +641,8 @@
                   </div>
                 `}).join("")}
           </div>
-        `:'<div class="stepper" hidden></div>',x=e<=0,z=e>=t.length-1;this.setContent(`
-      <style>${$}</style>
+        `:'<div class="stepper" hidden></div>',z=e<=0,y=e>=t.length-1;this.setContent(`
+      <style>${C}</style>
       <section class="frame" part="frame" role="group" aria-label="${c(this.getAttribute("aria-label")||"Wizard")}" aria-busy="${this._isBusy()?"true":"false"}">
         <h3 class="title" part="title" ${i?"":"hidden"}>${c(i)}</h3>
         <p class="description" part="description" ${a?"":"hidden"}>${c(a)}</p>
@@ -668,10 +667,10 @@
         <div class="controls" part="controls" ${n?"hidden":""}>
           <div class="group" part="controls-start"><slot name="controls-start"></slot></div>
           <div class="group" part="controls-end">
-            <button type="button" class="btn btn-prev" part="button-prev" ${x?"disabled":""}>${c(l)}</button>
-            <button type="button" class="btn primary btn-next" part="button-next" data-loading="${this._isBusy()?"true":"false"}">${c(z?p:d)}</button>
+            <button type="button" class="btn btn-prev" part="button-prev" ${z?"disabled":""}>${c(l)}</button>
+            <button type="button" class="btn primary btn-next" part="button-next" data-loading="${this._isBusy()?"true":"false"}">${c(y?p:d)}</button>
             <slot name="controls-end"></slot>
           </div>
         </div>
       </section>
-    `),this._stepButtons=Array.from(this.root.querySelectorAll(".step")),this._progressEl=this.root.querySelector(".progress"),this._progressRow=this.root.querySelector(".status"),this._statusStepEl=this.root.querySelector(".status-step"),this._statusValueEl=this.root.querySelector(".status-value"),this._prevBtn=this.root.querySelector(".btn-prev"),this._nextBtn=this.root.querySelector(".btn-next"),this._syncValueUi()}}typeof customElements<"u"&&!customElements.get("ui-wizard")&&customElements.define("ui-wizard",w);exports.UIWizard=w;
+    `),this._stepButtons=Array.from(this.root.querySelectorAll(".step")),this._progressEl=this.root.querySelector(".progress"),this._progressRow=this.root.querySelector(".status"),this._statusStepEl=this.root.querySelector(".status-step"),this._statusValueEl=this.root.querySelector(".status-value"),this._prevBtn=this.root.querySelector(".btn-prev"),this._nextBtn=this.root.querySelector(".btn-next"),this._syncValueUi()}}typeof customElements<"u"&&!customElements.get("ui-wizard")&&customElements.define("ui-wizard",x);exports.UIWizard=x;

package/dist/wizard.esm.js

@@ -5,11 +5,11 @@ const k = `
     --ui-wizard-surface: color-mix(in srgb, var(--ui-color-surface, #ffffff) 99%, transparent);
     --ui-wizard-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 72%, transparent);
     --ui-wizard-text: var(--ui-color-text, #0f172a);
-    --ui-wizard-muted: var(--ui-color-muted, #64748b);
+    --ui-wizard-muted: var(--ui-color-muted, #526175);
     --ui-wizard-accent: var(--ui-color-primary, #2563eb);
     --ui-wizard-focus: var(--ui-color-focus-ring, #2563eb);
-    --ui-wizard-success: var(--ui-color-success, #16a34a);
-    --ui-wizard-warning: var(--ui-color-warning, #d97706);
+    --ui-wizard-success: var(--ui-color-success, #15803d);
+    --ui-wizard-warning: var(--ui-color-warning, #b45309);
     --ui-wizard-danger: var(--ui-color-danger, #dc2626);
 
     --ui-wizard-radius: 14px;
@@ -618,10 +618,11 @@ function v(g) {
   const t = String(g).toLowerCase();
   return t !== "false" && t !== "0" && t !== "off";
 }
-let $ = 0;
-class C extends A {
+let C = 0;
+const w = "data-ui-wizard-auto-label";
+class $ extends A {
   constructor() {
-    super(), this._observer = null, this._instanceId = ++$, this._isSyncingValueAttribute = !1, this._visited = /* @__PURE__ */ new Set(), this._lastDirection = "none", this._stepButtons = [], this._progressEl = null, this._progressRow = null, this._statusStepEl = null, this._statusValueEl = null, this._prevBtn = null, this._nextBtn = null, this._onClick = this._onClick.bind(this), this._onKeyDown = this._onKeyDown.bind(this);
+    super(), this._observer = null, this._instanceId = ++C, this._isSyncingValueAttribute = !1, this._visited = /* @__PURE__ */ new Set(), this._lastDirection = "none", this._stepButtons = [], this._progressEl = null, this._progressRow = null, this._statusStepEl = null, this._statusValueEl = null, this._prevBtn = null, this._nextBtn = null, this._onClick = this._onClick.bind(this), this._onKeyDown = this._onKeyDown.bind(this);
   }
   static get observedAttributes() {
     return [
@@ -787,7 +788,7 @@ class C extends A {
     const i = this.hasAttribute("keep-mounted"), a = this._isAnimationEnabled();
     this._markVisited(t, e), t.forEach((r, o) => {
       const s = o === e, n = this._panelId(o), l = this._tabId(o), d = this._visited.has(r.value);
-      r.node.id = n, r.node.setAttribute("role", "tabpanel"), r.node.setAttribute("aria-labelledby", l), r.node.setAttribute("tabindex", s ? "0" : "-1"), r.node.setAttribute("data-active", s ? "true" : "false"), r.node.setAttribute("aria-hidden", s ? "false" : "true"), r.node.setAttribute(
+      r.node.id = n, r.node.setAttribute("role", "tabpanel"), r.node.getAttribute("aria-labelledby") === l && r.node.removeAttribute("aria-labelledby"), !(r.node.hasAttribute("aria-labelledby") || r.node.hasAttribute("aria-label") && !r.node.hasAttribute(w)) && r.title && (r.node.setAttribute("aria-label", r.title), r.node.setAttribute(w, "")), r.node.setAttribute("tabindex", s ? "0" : "-1"), r.node.setAttribute("data-active", s ? "true" : "false"), r.node.setAttribute("aria-hidden", s ? "false" : "true"), r.node.setAttribute(
         "data-keep-mounted",
         i ? "true" : "false"
       ), r.node.setAttribute("data-visible", s ? "true" : "false"), r.node.setAttribute("data-visited", d ? "true" : "false"), r.node.setAttribute(
@@ -964,16 +965,17 @@ class C extends A {
             aria-label="${c(this.getAttribute("aria-label") || "Wizard steps")}"
           >
             ${t.map((b, u) => {
-      const f = this._visualStatus(b, u, e), z = this._tabId(u), y = this._panelId(u), _ = f === "complete" || f === "success" ? "✓" : f === "warning" ? "!" : f === "error" ? "×" : String(u + 1);
+      const f = this._visualStatus(b, u, e), y = this._tabId(u);
+      this._panelId(u);
+      const _ = f === "complete" || f === "success" ? "✓" : f === "warning" ? "!" : f === "error" ? "×" : String(u + 1);
       return `
                   <div class="step-item" part="step-item" data-index="${u}" data-last="${u === t.length - 1 ? "true" : "false"}" data-status="${f}" data-complete="${u < e ? "true" : "false"}" data-current="${u === e ? "true" : "false"}">
                     <button
                       type="button"
                       class="step"
                       part="step"
-                      id="${z}"
+                      id="${y}"
                       role="tab"
-                      aria-controls="${y}"
                       data-index="${u}"
                       data-active="${u === e ? "true" : "false"}"
                       data-status="${f}"
@@ -992,7 +994,7 @@ class C extends A {
                 `;
     }).join("")}
           </div>
-        ` : '<div class="stepper" hidden></div>', w = e <= 0, x = e >= t.length - 1;
+        ` : '<div class="stepper" hidden></div>', x = e <= 0, z = e >= t.length - 1;
     this.setContent(`
       <style>${k}</style>
       <section class="frame" part="frame" role="group" aria-label="${c(this.getAttribute("aria-label") || "Wizard")}" aria-busy="${this._isBusy() ? "true" : "false"}">
@@ -1019,8 +1021,8 @@ class C extends A {
         <div class="controls" part="controls" ${n ? "hidden" : ""}>
           <div class="group" part="controls-start"><slot name="controls-start"></slot></div>
           <div class="group" part="controls-end">
-            <button type="button" class="btn btn-prev" part="button-prev" ${w ? "disabled" : ""}>${c(l)}</button>
-            <button type="button" class="btn primary btn-next" part="button-next" data-loading="${this._isBusy() ? "true" : "false"}">${c(x ? p : d)}</button>
+            <button type="button" class="btn btn-prev" part="button-prev" ${x ? "disabled" : ""}>${c(l)}</button>
+            <button type="button" class="btn primary btn-next" part="button-next" data-loading="${this._isBusy() ? "true" : "false"}">${c(z ? p : d)}</button>
             <slot name="controls-end"></slot>
           </div>
         </div>
@@ -1042,7 +1044,7 @@ class C extends A {
     ), this._syncValueUi();
   }
 }
-typeof customElements < "u" && !customElements.get("ui-wizard") && customElements.define("ui-wizard", C);
+typeof customElements < "u" && !customElements.get("ui-wizard") && customElements.define("ui-wizard", $);
 export {
-  C as UIWizard
+  $ as UIWizard
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editora/ui-core",
-  "version": "0.1.20",
+  "version": "0.1.22",
   "description": "Framework-agnostic Web Components and primitives for the Editora UI ecosystem",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

package/dist/runtime-CTaOSmBj.js

@@ -1 +0,0 @@
-"use strict";require("./portal-DgpQ3Jo1.js");require("./positioner-D_fqyx_j.js");function w(){return typeof window<"u"&&typeof document<"u"}function R(e){return e?typeof e=="string"?e:e instanceof Error&&e.message?e.message:"Something went wrong. Please try again.":"Something went wrong. Please try again."}function F(e){return e==="replace"||e==="stack"?e:"queue"}function k(e){return`ui-alert-dialog-${e}`}function B(e,a){const r=e.kind==="alert"&&a.action==="cancel"?"dismiss":a.action,i=e.dialog?.getChecked();if(e.kind==="prompt"){const s=e.dialog?.getInputValue()??e.value??"";return{id:e.id,action:r,value:s,checked:i,source:a.source,reason:a.reason}}return{id:e.id,action:r,value:e.value,checked:i,source:a.source,reason:a.reason}}function h(e,a,r){return e.kind==="prompt"?{id:e.id,action:"dismiss",value:e.dialog?.getInputValue()??e.value??"",checked:e.dialog?.getChecked(),source:a,reason:r}:{id:e.id,action:"dismiss",value:e.value,checked:e.dialog?.getChecked(),source:a,reason:r}}function $(e){return e==="esc"||e==="backdrop"||e==="close-icon"||e==="abort"||e==="unmount"||e==="replace"||e==="programmatic"?e:"abort"}class z{constructor(a){this._container=null,this._ownsContainer=!1,this._queue=[],this._active=[],this._disposed=!1,this._seed=0,this._defaults={},this._container=a??null}setContainer(a){this._container=a,this._ownsContainer=!1}setDefaults(a){this._defaults=a?{...a}:{}}alert(a={}){return this._enqueue("alert",a)}confirm(a={}){return this._enqueue("confirm",a)}prompt(a={}){return this._enqueue("prompt",a)}destroy(a="unmount"){this._disposed=!0;const r=[...this._active,...this._queue];this._queue=[];for(const i of r)this._settle(i,h(i,a),!1);this._active=[],this._ownsContainer&&this._container&&this._container.parentElement&&this._container.parentElement.removeChild(this._container),this._container=null,this._ownsContainer=!1}_enqueue(a,r){const i=this._mergeOptions(r);if(!w()||this._disposed){const l={id:i.id||k(++this._seed),action:"dismiss",source:"unmount"};return Promise.resolve(l)}const s=i.id||k(++this._seed),n=F(i.mode);return new Promise(l=>{const d={id:s,kind:a,mode:n,options:i,settled:!1,processing:!1,resolve:l,cleanup:[]};if(i.signal?.aborted){this._settle(d,h(d,"abort"),!1);return}if(n==="replace"){const c=this._active[this._active.length-1];c&&this._settle(c,h(c,"replace","replace"),!1,!1),this._open(d);return}if(n==="stack"){this._open(d);return}if(this._active.length>0){this._queue.push(d);return}this._open(d)})}_open(a){const r=this._ensureContainer();if(!r){this._settle(a,h(a,"unmount"),!1);return}const i=document.createElement("ui-alert-dialog");a.dialog=i,a.checked=!!a.options.checkbox?.defaultChecked;const s=this._buildConfig(a);i.dialogId=a.id,i.config=s;const n=c=>{if(a.settled)return;const u=c.detail;a.value=u?.inputValue,a.checked=u?.checked;const y=this._validatePrompt(a);if(y){c.preventDefault(),i.setError(y);return}if(!a.options.onConfirm){i.clearError();return}c.preventDefault(),a.processing=!0,i.state="loading",i.clearError(),Promise.resolve(a.options.onConfirm({id:a.id,value:a.value,checked:a.checked,dialog:i,signal:a.options.signal})).then(()=>{a.processing=!1,i.state="idle",i.clearError(),a.settled||i.close("confirm")}).catch(H=>{a.processing=!1,i.state="error",i.setError(R(H))})},l=()=>{a.settled||(a.value=i.getInputValue(),a.checked=i.getChecked(),i.state==="error"&&i.clearError())},d=c=>{if(a.settled)return;const u=c.detail;this._handleClose(a,u)};if(i.addEventListener("ui-confirm",n),i.addEventListener("ui-change",l),i.addEventListener("ui-close",d),a.cleanup.push(()=>i.removeEventListener("ui-confirm",n)),a.cleanup.push(()=>i.removeEventListener("ui-change",l)),a.cleanup.push(()=>i.removeEventListener("ui-close",d)),a.options.signal){const c=()=>{a.settled||this._settle(a,h(a,"abort"),!1)};a.options.signal.addEventListener("abort",c,{once:!0}),a.cleanup.push(()=>a.options.signal?.removeEventListener("abort",c))}this._active.push(a),r.appendChild(i),i.open=!0,this._updateStackZIndex()}_validatePrompt(a){if(a.kind!=="prompt")return null;const i=a.options.input,s=a.dialog?.getInputValue()??a.value??"";return i?.required&&!s.trim()?"Please enter a value.":i?.validate?i.validate(s):null}_settle(a,r,i,s=!0){if(!a.settled){if(a.settled=!0,this._cleanupRequest(a),this._active=this._active.filter(n=>n!==a),this._queue=this._queue.filter(n=>n!==a),a.dialog){const n=a.dialog;if(!i&&n.open){const l=$(r.source);n.close("dismiss",l,r.reason)}n.parentElement&&n.parentElement.removeChild(n)}a.resolve(r),this._updateStackZIndex(),!this._disposed&&s&&this._drainQueue()}}_cleanupRequest(a){for(const r of a.cleanup.splice(0))try{r()}catch{}}_drainQueue(){if(this._active.length>0)return;const a=this._queue.shift();a&&this._open(a)}_buildConfig(a){const r=a.options,i=a.kind==="prompt",s=a.kind==="alert",n=i?r.input:void 0;return{id:a.id,title:r.title,description:r.description,confirmText:r.confirmText||(s?"OK":"Confirm"),cancelText:r.cancelText||"Cancel",loadingText:r.loadingText,errorMessage:r.errorMessage,dismissible:r.dismissible??!0,closeOnEsc:r.closeOnEsc,closeOnBackdrop:r.closeOnBackdrop,lockWhileLoading:r.lockWhileLoading??!0,role:r.role||"alertdialog",tone:r.tone||(s?"info":i?"neutral":"warning"),size:r.size||"md",variant:r.variant||"surface",radius:r.radius,elevation:r.elevation||"low",indicator:r.indicator||"line",initialFocus:r.initialFocus,ariaLabel:r.ariaLabel,ariaLabelledby:r.ariaLabelledby,ariaDescribedby:r.ariaDescribedby,headless:r.headless,showCancel:!s,showClose:r.dismissible??!0,input:{enabled:i,label:n?.label,placeholder:n?.placeholder,value:n?.defaultValue||"",required:n?.required},checkbox:{enabled:!!r.checkbox?.enabled,label:r.checkbox?.label,checked:r.checkbox?.defaultChecked}}}_buildLifecycleContext(a){return{id:a.id,value:a.dialog?.getInputValue()??a.value,checked:a.dialog?.getChecked()??a.checked,dialog:a.dialog,signal:a.options.signal}}_handleClose(a,r){const i=B(a,r);if(r.action==="cancel"&&a.options.onCancel){Promise.resolve(a.options.onCancel(this._buildLifecycleContext(a))).finally(()=>{this._settle(a,i,!0)});return}if(r.action==="dismiss"&&a.options.onDismiss){Promise.resolve(a.options.onDismiss({...this._buildLifecycleContext(a),source:r.source||"programmatic",reason:r.reason})).finally(()=>{this._settle(a,i,!0)});return}this._settle(a,i,!0)}_mergeOptions(a){const r=this._defaults;return{...r,...a,checkbox:{...r.checkbox||{},...a.checkbox||{}}}}_ensureContainer(){if(!w())return null;if(this._container&&this._container.isConnected)return this._container;let a=document.querySelector('[data-ui-alert-dialog-host="true"]');return a?this._ownsContainer=!1:(a=document.createElement("div"),a.setAttribute("data-ui-alert-dialog-host","true"),a.style.position="relative",a.style.zIndex="1000",document.body.appendChild(a),this._ownsContainer=!0),this._container=a,a}_updateStackZIndex(){for(let a=0;a<this._active.length;a+=1){const r=this._active[a];r.dialog&&(r.dialog.style.setProperty("--ui-alert-backdrop-z",String(1e3+a*2)),r.dialog.style.setProperty("--ui-alert-z",String(1001+a*2)))}}}let g=null;function A(e={}){return new z(e.container??null)}function b(){return g||(g=A()),g}function V(e={}){return b().alert(e)}function j(e={}){return b().confirm(e)}function Z(e={}){return b().prompt(e)}function U(e="programmatic"){g&&(g.destroy(e),g=null)}function _(){return typeof window<"u"&&typeof document<"u"}function Q(e){return e==="replace"||e==="stack"?e:"queue"}function S(e){return`ui-dialog-${e}`}function W(e){return e?typeof e=="string"?e:e instanceof Error&&e.message?e.message:"Something went wrong. Please try again.":"Something went wrong. Please try again."}class E{constructor(a){this._container=null,this._ownsContainer=!1,this._queue=[],this._active=[],this._disposed=!1,this._seed=0,this._container=a??null}setContainer(a){this._container=a,this._ownsContainer=!1}open(a={}){return this._enqueue(a)}confirm(a={}){return this._enqueue({...a,showCancel:a.showCancel??!0})}destroy(a="unmount"){this._disposed=!0;const r=[...this._active,...this._queue];this._queue=[];for(const i of r)this._settle(i,{id:i.id,action:"dismiss",source:a,reason:a},!1);this._active=[],this._ownsContainer&&this._container&&this._container.parentElement&&this._container.parentElement.removeChild(this._container),this._container=null,this._ownsContainer=!1}_enqueue(a){if(!_()||this._disposed)return Promise.resolve({id:a.id||S(++this._seed),action:"dismiss",source:"unmount"});const r=a.id||S(++this._seed),i=Q(a.mode);return new Promise(s=>{const n={id:r,mode:i,options:a,settled:!1,resolve:s,cleanup:[]};if(a.signal?.aborted){this._settle(n,{id:r,action:"dismiss",source:"abort"},!1);return}if(i==="replace"){const l=this._active[this._active.length-1];l&&this._settle(l,{id:l.id,action:"dismiss",source:"replace",reason:"replace"},!1,!1),this._open(n);return}if(i==="stack"){this._open(n);return}if(this._active.length>0){this._queue.push(n);return}this._open(n)})}_open(a){const r=this._ensureContainer();if(!r){this._settle(a,{id:a.id,action:"dismiss",source:"unmount"},!1);return}const i=document.createElement("ui-dialog");a.dialog=i;const s=this._buildConfig(a.options,a.id);i.dialogId=a.id,i.config=s;const n=d=>{if(a.settled)return;const c=d.detail;if(a.resultFormData=c?.formData,!a.options.onSubmit){i.clearError();return}d.preventDefault(),i.state="loading",i.clearError(),Promise.resolve(a.options.onSubmit({id:a.id,dialog:i,signal:a.options.signal,formData:c?.formData})).then(()=>{a.settled||(i.state="idle",i.clearError(),i.close("submit"))}).catch(u=>{i.state="error",i.setError(W(u))})},l=d=>{if(a.settled)return;const c=d.detail;this._settle(a,{id:a.id,action:c.action,source:c.source,reason:c.reason,formData:a.resultFormData},!0)};if(i.addEventListener("ui-submit",n),i.addEventListener("ui-close",l),a.cleanup.push(()=>i.removeEventListener("ui-submit",n)),a.cleanup.push(()=>i.removeEventListener("ui-close",l)),a.options.signal){const d=()=>{a.settled||this._settle(a,{id:a.id,action:"dismiss",source:"abort"},!1)};a.options.signal.addEventListener("abort",d,{once:!0}),a.cleanup.push(()=>a.options.signal?.removeEventListener("abort",d))}this._active.push(a),r.appendChild(i),i.openDialog(),this._updateStackZIndex()}_settle(a,r,i,s=!0){if(!a.settled){if(a.settled=!0,this._cleanupRequest(a),this._active=this._active.filter(n=>n!==a),this._queue=this._queue.filter(n=>n!==a),a.dialog){const n=a.dialog;!i&&n.open&&n.close("dismiss",r.source||"abort",r.reason),n.parentElement&&n.parentElement.removeChild(n)}a.resolve(r),this._updateStackZIndex(),!this._disposed&&s&&this._drainQueue()}}_cleanupRequest(a){for(const r of a.cleanup.splice(0))try{r()}catch{}}_drainQueue(){if(this._active.length>0)return;const a=this._queue.shift();a&&this._open(a)}_buildConfig(a,r){return{id:r,title:a.title,description:a.description,submitText:a.submitText||"Submit",cancelText:a.cancelText||"Cancel",loadingText:a.loadingText,errorMessage:a.errorMessage,dismissible:a.dismissible??!0,closeOnOverlay:a.closeOnOverlay,closeOnEsc:a.closeOnEsc,lockWhileLoading:a.lockWhileLoading??!0,role:a.role||"dialog",size:a.size||"md",initialFocus:a.initialFocus,ariaLabel:a.ariaLabel,ariaLabelledby:a.ariaLabelledby,ariaDescribedby:a.ariaDescribedby,headless:a.headless,showCancel:a.showCancel??!0,showClose:a.showClose??a.dismissible??!0}}_ensureContainer(){if(!_())return null;if(this._container&&this._container.isConnected)return this._container;let a=document.querySelector('[data-ui-dialog-host="true"]');return a?this._ownsContainer=!1:(a=document.createElement("div"),a.setAttribute("data-ui-dialog-host","true"),a.style.position="relative",a.style.zIndex="1200",document.body.appendChild(a),this._ownsContainer=!0),this._container=a,a}_updateStackZIndex(){for(let a=0;a<this._active.length;a+=1){const r=this._active[a];r.dialog&&(r.dialog.style.setProperty("--ui-dialog-backdrop-z",String(1200+a*2)),r.dialog.style.setProperty("--ui-dialog-z",String(1201+a*2)))}}}let m=null;function D(e={}){return new E(e.container??null)}function T(){return m||(m=D()),m}function N(e={}){return T().open(e)}function G(e={}){return T().confirm(e)}function K(e="programmatic"){m&&(m.destroy(e),m=null)}const M={1:"#0000000d",2:"#0000001a",3:"#00000026",4:"#0003",5:"#0000004d",6:"#0006",7:"#00000080",8:"#0009",9:"#000000b3",10:"#000c",11:"#000000e6",12:"#000000f2"},P={1:"#ffffff0d",2:"#ffffff1a",3:"#ffffff26",4:"#fff3",5:"#ffffff4d",6:"#fff6",7:"#ffffff80",8:"#fff9",9:"#ffffffb3",10:"#fffc",11:"#ffffffe6",12:"#fffffff2"},f={amber:{light:{scale:{1:"#fefdfb",2:"#fefbe9",3:"#fff7c2",4:"#ffee9c",5:"#fbe577",6:"#f3d673",7:"#e9c162",8:"#e2a336",9:"#ffc53d",10:"#ffba18",11:"#ab6400",12:"#4f3422"},alphaScale:{1:"#c0800004",2:"#f4d10016",3:"#ffde003d",4:"#ffd40063",5:"#f8cf0088",6:"#eab5008c",7:"#dc9b009d",8:"#da8a00c9",9:"#ffb300c2",10:"#ffb300e7",11:"#ab6400",12:"#341500dd"},contrast:"#21201c",surface:"#fefae4cc",indicator:"#ffc53d",track:"#ffc53d"},dark:{scale:{1:"#16120c",2:"#1d180f",3:"#302008",4:"#3f2700",5:"#4d3000",6:"#5c3d05",7:"#714f19",8:"#8f6424",9:"#ffc53d",10:"#ffd60a",11:"#ffca16",12:"#ffe7b3"},alphaScale:{1:"#e63c0006",2:"#fd9b000d",3:"#fa820022",4:"#fc820032",5:"#fd8b0041",6:"#fd9b0051",7:"#ffab2567",8:"#ffae3587",9:"#ffc53d",10:"#ffd60a",11:"#ffca16",12:"#ffe7b3"},contrast:"#21201c",surface:"#271f1380",indicator:"#ffc53d",track:"#ffc53d"}},blue:{light:{scale:{1:"#fbfdff",2:"#f4faff",3:"#e6f4fe",4:"#d5efff",5:"#c2e5ff",6:"#acd8fc",7:"#8ec8f6",8:"#5eb1ef",9:"#0090ff",10:"#0588f0",11:"#0d74ce",12:"#113264"},alphaScale:{1:"#0080ff04",2:"#008cff0b",3:"#008ff519",4:"#009eff2a",5:"#0093ff3d",6:"#0088f653",7:"#0083eb71",8:"#0084e6a1",9:"#0090ff",10:"#0086f0fa",11:"#006dcbf2",12:"#002359ee"},contrast:"#ffffff",surface:"#f1f9ffcc",indicator:"#0090ff",track:"#0090ff"},dark:{scale:{1:"#0d1520",2:"#111927",3:"#0d2847",4:"#003362",5:"#004074",6:"#104d87",7:"#205d9e",8:"#2870bd",9:"#0090ff",10:"#3b9eff",11:"#70b8ff",12:"#c2e6ff"},alphaScale:{1:"#004df211",2:"#1166fb18",3:"#0077ff3a",4:"#0075ff57",5:"#0081fd6b",6:"#0f89fd7f",7:"#2a91fe98",8:"#3094feb9",9:"#0090ff",10:"#3b9eff",11:"#70b8ff",12:"#c2e6ff"},contrast:"#ffffff",surface:"#0f274380",indicator:"#0090ff",track:"#0090ff"}},green:{light:{scale:{1:"#fbfefc",2:"#f4fbf6",3:"#e6f6eb",4:"#d6f1df",5:"#c4e8d1",6:"#adddc0",7:"#8eceaa",8:"#5bb98b",9:"#30a46c",10:"#2b9a66",11:"#218358",12:"#193b2d"},alphaScale:{1:"#00c04004",2:"#00a32f0b",3:"#00a43319",4:"#00a83829",5:"#019c393b",6:"#00963c52",7:"#00914071",8:"#00924ba4",9:"#008f4acf",10:"#008647d4",11:"#00713fde",12:"#002616e6"},contrast:"#ffffff",surface:"#f1faf4cc",indicator:"#30a46c",track:"#30a46c"},dark:{scale:{1:"#0e1512",2:"#121b17",3:"#132d21",4:"#113b29",5:"#174933",6:"#20573e",7:"#28684a",8:"#2f7c57",9:"#30a46c",10:"#33b074",11:"#3dd68c",12:"#b1f1cb"},alphaScale:{1:"#00de4505",2:"#29f99d0b",3:"#22ff991e",4:"#11ff9930",5:"#2bffa23f",6:"#44ffaa4d",7:"#50fdac5f",8:"#54ffad75",9:"#44ffa49f",10:"#43fea4ab",11:"#46fea5d4",12:"#bbffd7ef"},contrast:"#0f1a14",surface:"#13281e80",indicator:"#30a46c",track:"#30a46c"}},red:{light:{scale:{1:"#fffcfc",2:"#fff7f7",3:"#feebec",4:"#ffdbdc",5:"#ffcdce",6:"#fdbdbe",7:"#f4a9aa",8:"#eb8e90",9:"#e5484d",10:"#dc3e42",11:"#ce2c31",12:"#641723"},alphaScale:{1:"#ff000003",2:"#ff000008",3:"#f3000d14",4:"#ff000824",5:"#ff000632",6:"#f8000442",7:"#df000356",8:"#d2000571",9:"#db0007b7",10:"#d10005c1",11:"#c40006d3",12:"#55000de8"},contrast:"#ffffff",surface:"#fff5f5cc",indicator:"#e5484d",track:"#e5484d"},dark:{scale:{1:"#191111",2:"#201314",3:"#3b1219",4:"#500f1c",5:"#611623",6:"#72232d",7:"#8c333a",8:"#b54548",9:"#e5484d",10:"#ec5d5e",11:"#ff9592",12:"#ffd1d9"},alphaScale:{1:"#f4121209",2:"#f22f3e11",3:"#ff173f2d",4:"#fe0a3b44",5:"#ff204756",6:"#ff3e5668",7:"#ff536184",8:"#ff5d61b0",9:"#fe4e54e4",10:"#ff6465eb",11:"#ff9592",12:"#ffd1d9"},contrast:"#ffffff",surface:"#32141780",indicator:"#e5484d",track:"#e5484d"}},gray:{light:{scale:{1:"#fcfcfc",2:"#f9f9f9",3:"#f0f0f0",4:"#e8e8e8",5:"#e0e0e0",6:"#d9d9d9",7:"#cecece",8:"#bbb",9:"#8d8d8d",10:"#838383",11:"#646464",12:"#202020"},alphaScale:{1:"#00000003",2:"#00000006",3:"#0000000f",4:"#00000017",5:"#0000001f",6:"#00000026",7:"#00000031",8:"#00000044",9:"#00000072",10:"#0000007c",11:"#0000009b",12:"#000000df"},contrast:"#ffffff",surface:"#f8f8f8cc",indicator:"#8d8d8d",track:"#8d8d8d"},dark:{scale:{1:"#111",2:"#191919",3:"#222",4:"#2a2a2a",5:"#313131",6:"#3a3a3a",7:"#484848",8:"#606060",9:"#6e6e6e",10:"#7b7b7b",11:"#b4b4b4",12:"#eee"},alphaScale:{1:"#0000",2:"#ffffff09",3:"#ffffff12",4:"#ffffff1b",5:"#ffffff22",6:"#ffffff2c",7:"#ffffff3b",8:"#ffffff55",9:"#ffffff64",10:"#ffffff72",11:"#ffffffaf",12:"#ffffffed"},contrast:"#111111",surface:"#1d1d1d80",indicator:"#7b7b7b",track:"#7b7b7b"}}},J={button:{"height-sm":"32px","height-md":"36px","height-lg":"44px","classic-after-inset":"2px","classic-box-shadow-top":"inset 0 0 0 1px var(--gray-a5), inset 0 1px 1px var(--white-a10)","classic-box-shadow-bottom":"inset 0 4px 2px -2px var(--white-a9), inset 0 2px 1px -1px var(--white-a9)","classic-disabled-box-shadow":"inset 0 0 0 1px var(--gray-a4), inset 0 1px 1px var(--gray-a1)","classic-active-filter":"brightness(0.985) saturate(0.98)","solid-active-filter":"brightness(0.96) saturate(1.02)"},badge:{radius:"999px",shadow:"none","font-size":"12px","font-weight":"600",gap:"6px","padding-block":"5px","padding-inline":"10px","border-width":"1px"},blockControls:{bg:"var(--color-panel)",border:"1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-2)",gap:"6px",padding:"8px","item-radius":"var(--ui-radius)"},box:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-2)",backdrop:"var(--backdrop-filter-panel)"},breadcrumb:{radius:"var(--ui-radius)",gap:"8px","font-size":"14px",shadow:"none","item-padding-block":"4px","item-padding-inline":"9px"},dropdown:{bg:"color-mix(in srgb, var(--color-panel-solid) 98%, transparent)",border:"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-5)",backdrop:"none","content-padding":"0px","min-width":"224px","item-height":"36px","item-padding-x":"12px","item-padding-y":"8px","item-gap":"10px","item-radius":"0px","item-font-size":"14px","item-line-height":"20px","separator-margin":"6px 10px"},select:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"var(--ui-radius)",shadow:"none","height-sm":"34px","height-md":"42px","height-lg":"46px","padding-x":"12px",gap:"8px","label-color":"var(--ui-color-text)","description-color":"var(--ui-color-muted)","menu-bg":"var(--color-panel-solid)","menu-color":"var(--ui-color-text)","menu-border":"1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)","menu-radius":"var(--radius-4)","menu-shadow":"var(--shadow-5)","menu-padding":"8px","menu-min-width":"232px","menu-item-height":"36px","menu-item-padding-x":"12px","menu-item-padding-y":"8px","menu-item-gap":"10px","menu-item-radius":"var(--radius-2)","menu-item-font-size":"14px","menu-item-line-height":"20px","menu-separator-margin":"6px 10px"},sidebar:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"4px",shadow:"var(--shadow-5)",padding:"12px",gap:"12px","header-padding":"6px 8px 10px","item-radius":"4px","item-height":"45px","item-padding-x":"6px","item-padding-y":"3px","item-gap":"8px","item-font-size":"12px","item-line-height":"22px","section-gap":"10px","section-label-size":"12px","section-label-spacing":"0.06em","submenu-indent":"18px","promo-radius":"4px","promo-padding":"18px"},card:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-2)","hover-shadow":"var(--shadow-3)","active-shadow":"var(--shadow-2)","classic-shadow":"var(--shadow-2)","classic-hover-shadow":"var(--shadow-3)","classic-active-shadow":"var(--shadow-2)"},multiSelect:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"var(--ui-radius)",shadow:"none","height-sm":"38px","height-md":"44px","height-lg":"48px","padding-x":"10px","padding-y":"8px","panel-bg":"var(--color-panel-solid)","panel-border":"1px solid color-mix(in srgb, var(--gray-a5) 84%, transparent)","panel-radius":"calc(var(--ui-radius) + 2px)","panel-shadow":"var(--shadow-4)","chip-radius":"999px","chip-gap":"6px","chip-padding-x":"10px","chip-padding-y":"6px","option-radius":"10px","option-gap":"10px","option-padding-x":"10px","option-padding-y":"10px"},navigationMenu:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-2)",padding:"6px",gap:"6px","item-radius":"var(--radius-2)","item-padding-x":"12px","item-padding-y":"8px","item-font-size":"14px","item-font-weight":"600","item-line-height":"20px","panel-bg":"var(--color-panel-solid)","panel-border":"1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)","panel-radius":"var(--radius-4)","panel-shadow":"var(--shadow-3)","panel-padding":"12px"},menubar:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-2)",padding:"6px",gap:"6px","item-radius":"var(--radius-2)","item-padding-x":"14px","item-padding-y":"9px","item-font-size":"14px","item-font-weight":"600","item-line-height":"20px","panel-bg":"var(--color-panel-solid)","panel-color":"var(--ui-color-text)","panel-border":"1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)","panel-shadow":"var(--shadow-5)","panel-radius":"var(--radius-4)","panel-padding":"8px","panel-min-width":"232px","panel-item-height":"36px","panel-item-padding-x":"12px","panel-item-padding-y":"8px","panel-item-gap":"10px","panel-item-radius":"var(--radius-2)","panel-item-font-size":"14px","panel-item-line-height":"20px","panel-separator-margin":"6px 10px"},contextMenu:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-5)",padding:"8px","min-width":"232px","item-height":"36px","item-padding-x":"12px","item-padding-y":"8px","item-gap":"10px","item-radius":"var(--radius-2)","item-font-size":"14px","item-line-height":"20px","submenu-radius":"var(--radius-4)","submenu-padding":"8px"},alert:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-2)","padding-x":"16px","padding-y":"14px",gap:"var(--ui-default-gap)","icon-size":"26px","dismiss-size":"28px"},alertDialog:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-4)",backdrop:"var(--color-overlay)",padding:"20px",gap:"var(--ui-default-gap)","min-width":"360px","max-width":"min(90vw, 560px)","header-gap":"10px","footer-gap":"10px"},appHeader:{bg:"var(--color-panel)",border:"1px solid color-mix(in srgb, var(--gray-a5) 78%, transparent)",radius:"0px",shadow:"none",padding:"16px",gap:"12px",height:"64px","height-dense":"52px","control-radius":"var(--ui-radius)"},aspectRatio:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"var(--radius-4)",shadow:"none","empty-bg":"color-mix(in srgb, var(--accent-a3) 24%, transparent)","badge-radius":"999px"},avatar:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"999px",shadow:"0 1px 2px rgba(15, 23, 42, 0.06), 0 12px 24px rgba(15, 23, 42, 0.12)","size-sm":"30px","size-md":"40px","size-lg":"52px","badge-radius":"999px","status-border":"2px solid var(--color-panel-solid)"},menu:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-5)",backdrop:"none","content-padding":"8px","min-width":"232px","item-height":"36px","item-padding-x":"12px","item-padding-y":"8px","item-gap":"10px","item-radius":"var(--radius-2)","item-font-size":"14px","item-line-height":"20px","separator-margin":"6px 10px"},panel:{bg:"var(--color-panel)",border:"1px solid color-mix(in srgb, var(--gray-a5) 72%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-4)",backdrop:"var(--backdrop-filter-panel)",padding:"var(--ui-default-gap)"},input:{"height-sm":"32px","height-md":"36px","height-lg":"44px",bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 84%, transparent)","focus-ring":"0 0 0 3px color-mix(in srgb, var(--accent-a5) 48%, transparent)"}},X={button:{"height-sm":"32px","height-md":"36px","height-lg":"44px","classic-after-inset":"1px","classic-box-shadow-top":"inset 0 0 0 1px var(--white-a2), inset 0 4px 2px -2px var(--white-a3), inset 0 1px 1px var(--white-a6), inset 0 -1px 1px var(--black-a6)","classic-box-shadow-bottom":"inset 0 0 0 1px var(--black-a4), inset 0 -1px 1px var(--black-a8)","classic-disabled-box-shadow":"inset 0 0 0 1px var(--gray-a5), inset 0 4px 2px -2px var(--gray-a2), inset 0 1px 1px var(--gray-a5), inset 0 -1px 1px var(--black-a3), inset 0 0 0 1px var(--gray-a2)","classic-active-filter":"brightness(0.94) saturate(0.95)","solid-active-filter":"brightness(0.92) saturate(1.04)"},badge:{radius:"999px",shadow:"none","font-size":"12px","font-weight":"600",gap:"6px","padding-block":"5px","padding-inline":"10px","border-width":"1px"},blockControls:{bg:"var(--color-panel)",border:"1px solid color-mix(in srgb, var(--gray-a6) 86%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-2)",gap:"6px",padding:"8px","item-radius":"var(--ui-radius)"},box:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-2)",backdrop:"var(--backdrop-filter-panel)"},breadcrumb:{radius:"var(--ui-radius)",gap:"8px","font-size":"14px",shadow:"none","item-padding-block":"4px","item-padding-inline":"9px"},dropdown:{bg:"color-mix(in srgb, var(--color-panel-solid) 98%, transparent)",border:"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-5)",backdrop:"none","content-padding":"0px","min-width":"224px","item-height":"36px","item-padding-x":"12px","item-padding-y":"8px","item-gap":"10px","item-radius":"0px","item-font-size":"14px","item-line-height":"20px","separator-margin":"6px 10px"},select:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",radius:"var(--ui-radius)",shadow:"none","height-sm":"34px","height-md":"42px","height-lg":"46px","padding-x":"12px",gap:"8px","label-color":"var(--ui-color-text)","description-color":"var(--ui-color-muted)","menu-bg":"var(--color-panel-solid)","menu-color":"var(--ui-color-text)","menu-border":"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)","menu-radius":"var(--radius-4)","menu-shadow":"var(--shadow-5)","menu-padding":"8px","menu-min-width":"232px","menu-item-height":"36px","menu-item-padding-x":"12px","menu-item-padding-y":"8px","menu-item-gap":"10px","menu-item-radius":"var(--radius-2)","menu-item-font-size":"14px","menu-item-line-height":"20px","menu-separator-margin":"6px 10px"},sidebar:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",radius:"4px",shadow:"var(--shadow-5)",padding:"12px",gap:"12px","header-padding":"6px 8px 10px","item-radius":"4px","item-height":"45px","item-padding-x":"6px","item-padding-y":"3px","item-gap":"8px","item-font-size":"12px","item-line-height":"22px","section-gap":"10px","section-label-size":"12px","section-label-spacing":"0.06em","submenu-indent":"18px","promo-radius":"4px","promo-padding":"18px"},card:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-2)","hover-shadow":"var(--shadow-3)","active-shadow":"var(--shadow-2)","classic-shadow":"var(--shadow-2)","classic-hover-shadow":"var(--shadow-3)","classic-active-shadow":"var(--shadow-2)"},multiSelect:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",radius:"var(--ui-radius)",shadow:"none","height-sm":"38px","height-md":"44px","height-lg":"48px","padding-x":"10px","padding-y":"8px","panel-bg":"var(--color-panel-solid)","panel-border":"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)","panel-radius":"calc(var(--ui-radius) + 2px)","panel-shadow":"var(--shadow-4)","chip-radius":"999px","chip-gap":"6px","chip-padding-x":"10px","chip-padding-y":"6px","option-radius":"10px","option-gap":"10px","option-padding-x":"10px","option-padding-y":"10px"},navigationMenu:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-2)",padding:"6px",gap:"6px","item-radius":"var(--radius-2)","item-padding-x":"12px","item-padding-y":"8px","item-font-size":"14px","item-font-weight":"600","item-line-height":"20px","panel-bg":"var(--color-panel-solid)","panel-border":"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)","panel-radius":"var(--radius-4)","panel-shadow":"var(--shadow-3)","panel-padding":"12px"},menubar:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-2)",padding:"6px",gap:"6px","item-radius":"var(--radius-2)","item-padding-x":"14px","item-padding-y":"9px","item-font-size":"14px","item-font-weight":"600","item-line-height":"20px","panel-bg":"var(--color-panel-solid)","panel-color":"var(--ui-color-text)","panel-border":"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)","panel-shadow":"var(--shadow-5)","panel-radius":"var(--radius-4)","panel-padding":"8px","panel-min-width":"232px","panel-item-height":"36px","panel-item-padding-x":"12px","panel-item-padding-y":"8px","panel-item-gap":"10px","panel-item-radius":"var(--radius-2)","panel-item-font-size":"14px","panel-item-line-height":"20px","panel-separator-margin":"6px 10px"},contextMenu:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-5)",padding:"8px","min-width":"232px","item-height":"36px","item-padding-x":"12px","item-padding-y":"8px","item-gap":"10px","item-radius":"var(--radius-2)","item-font-size":"14px","item-line-height":"20px","submenu-radius":"var(--radius-4)","submenu-padding":"8px"},alert:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-2)","padding-x":"16px","padding-y":"14px",gap:"var(--ui-default-gap)","icon-size":"26px","dismiss-size":"28px"},alertDialog:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-4)",backdrop:"var(--color-overlay)",padding:"20px",gap:"var(--ui-default-gap)","min-width":"360px","max-width":"min(90vw, 560px)","header-gap":"10px","footer-gap":"10px"},appHeader:{bg:"var(--color-panel)",border:"1px solid color-mix(in srgb, var(--gray-a6) 82%, transparent)",radius:"0px",shadow:"none",padding:"16px",gap:"12px",height:"64px","height-dense":"52px","control-radius":"var(--ui-radius)"},aspectRatio:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",radius:"var(--radius-4)",shadow:"none","empty-bg":"color-mix(in srgb, var(--accent-a3) 20%, transparent)","badge-radius":"999px"},avatar:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",radius:"999px",shadow:"0 1px 2px rgba(2, 6, 23, 0.18), 0 12px 24px rgba(2, 6, 23, 0.28)","size-sm":"30px","size-md":"40px","size-lg":"52px","badge-radius":"999px","status-border":"2px solid var(--color-panel-solid)"},menu:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-5)",backdrop:"none","content-padding":"8px","min-width":"232px","item-height":"36px","item-padding-x":"12px","item-padding-y":"8px","item-gap":"10px","item-radius":"var(--radius-2)","item-font-size":"14px","item-line-height":"20px","separator-margin":"6px 10px"},panel:{bg:"var(--color-panel)",border:"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-4)",backdrop:"var(--backdrop-filter-panel)",padding:"var(--ui-default-gap)"},input:{"height-sm":"32px","height-md":"36px","height-lg":"44px",bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)","focus-ring":"0 0 0 3px color-mix(in srgb, var(--accent-a6) 42%, transparent)"}};function I(e){return{primary:e.scale[9],primaryHover:e.scale[10]||e.scale[9],foregroundOnPrimary:e.contrast,focusRing:e.scale[8]||e.scale[9],warning:e.scale[9]}}const x={colors:{primary:"#ffc53d",primaryHover:"#ffba18",foregroundOnPrimary:"#21201c",background:"#ffffff",surface:"#fcfcfc",surfaceAlt:"#f9f9f9",text:"#202020",muted:"#646464",border:"#0000001f",focusRing:"#e2a336",success:"#30a46c",danger:"#e5484d",warning:"#ffc53d"},palette:{gray:{1:"#fcfcfc",2:"#f9f9f9",3:"#f0f0f0",4:"#e8e8e8",5:"#e0e0e0",6:"#d9d9d9",7:"#cecece",8:"#bbb",9:"#8d8d8d",10:"#838383",11:"#646464",12:"#202020"},grayAlpha:{1:"#00000003",2:"#00000006",3:"#0000000f",4:"#00000017",5:"#0000001f",6:"#00000026",7:"#00000031",8:"#00000044",9:"#00000072",10:"#0000007c",11:"#0000009b",12:"#000000df"},blackAlpha:M,whiteAlpha:P,accent:{...f.amber.light.scale},accentAlpha:{...f.amber.light.alphaScale},accentContrast:f.amber.light.contrast,accentSurface:f.amber.light.surface,accentIndicator:f.amber.light.indicator,accentTrack:f.amber.light.track},surfaces:{background:"#ffffff",surface:"#fcfcfc",panel:"#ffffffcc",panelSolid:"#ffffff",panelTranslucent:"#ffffffcc",overlay:"rgba(2, 6, 23, 0.52)",transparent:"transparent"},radius:"4px",radiusScale:{1:"3px",2:"4px",3:"6px",4:"8px",5:"12px",6:"16px"},shadows:{sm:"0 0 0 1px var(--gray-a3),0 0 0 0.5px var(--black-a1),0 1px 1px 0 var(--gray-a2),0 2px 1px -1px var(--black-a1),0 1px 3px 0 var(--black-a1)",md:"0 0 0 1px var(--gray-a3),0 2px 3px -2px var(--gray-a3),0 3px 12px -4px var(--black-a2),0 4px 16px -8px var(--black-a2)",lg:"0 0 0 1px var(--gray-a3),0 8px 40px var(--black-a1),0 12px 32px -16px var(--gray-a3)",1:"inset 0 0 0 1px var(--gray-a5),inset 0 1.5px 2px 0 var(--gray-a2),inset 0 1.5px 2px 0 var(--black-a2)",2:"0 0 0 1px var(--gray-a3),0 0 0 0.5px var(--black-a1),0 1px 1px 0 var(--gray-a2),0 2px 1px -1px var(--black-a1),0 1px 3px 0 var(--black-a1)",3:"0 0 0 1px var(--gray-a3),0 2px 3px -2px var(--gray-a3),0 3px 12px -4px var(--black-a2),0 4px 16px -8px var(--black-a2)",4:"0 0 0 1px var(--gray-a3),0 8px 40px var(--black-a1),0 12px 32px -16px var(--gray-a3)",5:"0 0 0 1px var(--gray-a3),0 12px 60px var(--black-a3),0 12px 32px -16px var(--gray-a5)",6:"0 0 0 1px var(--gray-a3),0 12px 60px var(--black-a3),0 16px 64px var(--gray-a2),0 16px 36px -20px var(--gray-a7)"},spacing:{xs:"4px",sm:"8px",md:"12px",lg:"24px",xl:"32px",xxl:"48px"},spaceScale:{1:"4px",2:"8px",3:"12px",4:"16px",5:"24px",6:"32px",7:"40px",8:"48px",9:"64px"},typography:{family:'-apple-system,BlinkMacSystemFont,"Segoe UI (Custom)",Roboto,"Helvetica Neue","Open Sans (Custom)",system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji"',headingFamily:'-apple-system,BlinkMacSystemFont,"Segoe UI (Custom)",Roboto,"Helvetica Neue","Open Sans (Custom)",system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji"',codeFamily:'"Menlo","Consolas (Custom)","Bitstream Vera Sans Mono",monospace,"Apple Color Emoji","Segoe UI Emoji"',size:{sm:"12px",md:"14px",lg:"16px"},fontScale:{1:"12px",2:"14px",3:"16px",4:"18px",5:"20px",6:"24px",7:"28px",8:"35px",9:"60px"},lineHeight:{1:"16px",2:"20px",3:"24px",4:"26px",5:"28px",6:"30px",7:"36px",8:"40px",9:"60px"},letterSpacing:{1:"0.0025em",2:"0em",3:"0em",4:"-0.0025em",5:"-0.005em",6:"-0.00625em",7:"-0.0075em",8:"-0.01em",9:"-0.025em"}},motion:{durationShort:"120ms",durationBase:"180ms",durationLong:"260ms",easing:"cubic-bezier(0.2, 0.8, 0.2, 1)"},effects:{backdropFilterPanel:"blur(64px)"},components:J,zIndex:{modal:1e3,overlay:900,toast:1100},breakpoints:{sm:"640px",md:"768px",lg:"1024px"}},L={...x,colors:{primary:"#ffc53d",primaryHover:"#ffd60a",foregroundOnPrimary:"#21201c",background:"#111111",surface:"#111111",surfaceAlt:"#191919",text:"#eeeeee",muted:"#b4b4b4",border:"#ffffff22",focusRing:"#ffc53d",success:"#30a46c",danger:"#e5484d",warning:"#ffc53d"},palette:{...x.palette,gray:{1:"#111",2:"#191919",3:"#222",4:"#2a2a2a",5:"#313131",6:"#3a3a3a",7:"#484848",8:"#606060",9:"#6e6e6e",10:"#7b7b7b",11:"#b4b4b4",12:"#eee"},grayAlpha:{1:"#0000",2:"#ffffff09",3:"#ffffff12",4:"#ffffff1b",5:"#ffffff22",6:"#ffffff2c",7:"#ffffff3b",8:"#ffffff55",9:"#ffffff64",10:"#ffffff72",11:"#ffffffaf",12:"#ffffffed"},blackAlpha:M,whiteAlpha:P,accent:{...f.amber.dark.scale},accentAlpha:{...f.amber.dark.alphaScale},accentContrast:f.amber.dark.contrast,accentSurface:f.amber.dark.surface,accentIndicator:f.amber.dark.indicator,accentTrack:f.amber.dark.track},surfaces:{background:"#111111",surface:"#111111",panel:"#21212180",panelSolid:"#191919",panelTranslucent:"#21212180",overlay:"rgba(0, 0, 0, 0.72)",transparent:"transparent"},shadows:{sm:"0 0 0 1px var(--gray-a6),0 0 0 0.5px var(--black-a3),0 1px 1px 0 var(--black-a6),0 2px 1px -1px var(--black-a6),0 1px 3px 0 var(--black-a5)",md:"0 0 0 1px var(--gray-a6),0 2px 3px -2px var(--black-a3),0 3px 8px -2px var(--black-a6),0 4px 12px -4px var(--black-a7)",lg:"0 0 0 1px var(--gray-a6),0 8px 40px var(--black-a3),0 12px 32px -16px var(--black-a5)",1:"inset 0 -1px 1px 0 var(--gray-a3),inset 0 0 0 1px var(--gray-a3),inset 0 3px 4px 0 var(--black-a5),inset 0 0 0 1px var(--gray-a4)",2:"0 0 0 1px var(--gray-a6),0 0 0 0.5px var(--black-a3),0 1px 1px 0 var(--black-a6),0 2px 1px -1px var(--black-a6),0 1px 3px 0 var(--black-a5)",3:"0 0 0 1px var(--gray-a6),0 2px 3px -2px var(--black-a3),0 3px 8px -2px var(--black-a6),0 4px 12px -4px var(--black-a7)",4:"0 0 0 1px var(--gray-a6),0 8px 40px var(--black-a3),0 12px 32px -16px var(--black-a5)",5:"0 0 0 1px var(--gray-a6),0 12px 60px var(--black-a5),0 12px 32px -16px var(--black-a7)",6:"0 0 0 1px var(--gray-a6),0 12px 60px var(--black-a4),0 16px 64px var(--black-a6),0 16px 36px -20px var(--black-a11)"},components:X},Y=x,O=new Set;function p(e,a){if(!(!e&&!a))return{...e||{},...a||{}}}function v(e,a){const r=a?.mode||"light",i=r==="dark"?L:x,s=a?.accentPalette,n=s?f[s][r]:null,l=n?{colors:{...I(n)},palette:{accent:n.scale,accentAlpha:n.alphaScale,accentContrast:n.contrast,accentSurface:n.surface,accentIndicator:n.indicator,accentTrack:n.track}}:null;return{...i,...e,colors:{...i.colors,...l?.colors||{},...e?.colors||{}},palette:{...i.palette||{},...l?.palette||{},...e?.palette||{},gray:p(i.palette?.gray,e?.palette?.gray),grayAlpha:p(i.palette?.grayAlpha,e?.palette?.grayAlpha),blackAlpha:p(i.palette?.blackAlpha,e?.palette?.blackAlpha),whiteAlpha:p(i.palette?.whiteAlpha,e?.palette?.whiteAlpha),accent:p(n?.scale||i.palette?.accent,e?.palette?.accent),accentAlpha:p(n?.alphaScale||i.palette?.accentAlpha,e?.palette?.accentAlpha)},surfaces:{...i.surfaces||{},...e?.surfaces||{}},shadows:{...i.shadows||{},...e?.shadows||{}},spacing:{...i.spacing||{},...e?.spacing||{}},spaceScale:p(i.spaceScale,e?.spaceScale),radiusScale:p(i.radiusScale,e?.radiusScale),typography:{...i.typography||{},...e?.typography||{},size:{...i.typography?.size||{},...e?.typography?.size||{}},fontScale:p(i.typography?.fontScale,e?.typography?.fontScale),lineHeight:p(i.typography?.lineHeight,e?.typography?.lineHeight),letterSpacing:p(i.typography?.letterSpacing,e?.typography?.letterSpacing)},motion:{...i.motion||{},...e?.motion||{}},effects:{...i.effects||{},...e?.effects||{}},components:{...i.components||{},...e?.components||{},button:p(i.components?.button,e?.components?.button),badge:p(i.components?.badge,e?.components?.badge),dropdown:p(i.components?.dropdown,e?.components?.dropdown),select:p(i.components?.select,e?.components?.select),sidebar:p(i.components?.sidebar,e?.components?.sidebar),card:p(i.components?.card,e?.components?.card),navigationMenu:p(i.components?.navigationMenu,e?.components?.navigationMenu),blockControls:p(i.components?.blockControls,e?.components?.blockControls),box:p(i.components?.box,e?.components?.box),breadcrumb:p(i.components?.breadcrumb,e?.components?.breadcrumb),contextMenu:p(i.components?.contextMenu,e?.components?.contextMenu),menubar:p(i.components?.menubar,e?.components?.menubar),alert:p(i.components?.alert,e?.components?.alert),alertDialog:p(i.components?.alertDialog,e?.components?.alertDialog),appHeader:p(i.components?.appHeader,e?.components?.appHeader),aspectRatio:p(i.components?.aspectRatio,e?.components?.aspectRatio),avatar:p(i.components?.avatar,e?.components?.avatar),menu:p(i.components?.menu,e?.components?.menu),multiSelect:p(i.components?.multiSelect,e?.components?.multiSelect),panel:p(i.components?.panel,e?.components?.panel),input:p(i.components?.input,e?.components?.input)},zIndex:{...i.zIndex||{},...e?.zIndex||{}},breakpoints:{...i.breakpoints||{},...e?.breakpoints||{}}}}function q(e,a,r="light"){const i=f[a][r],s=e;return v({...s,colors:{...s.colors||{},...I(i)},palette:{...s.palette||{},accent:i.scale,accentAlpha:i.alphaScale,accentContrast:i.contrast,accentSurface:i.surface,accentIndicator:i.indicator,accentTrack:i.track}},{mode:r})}function o(e,a,r){try{e.style.setProperty(a,r)}catch{}}function t(e,a,r){r&&Object.entries(r).forEach(([i,s])=>{typeof s=="string"&&s&&e.style.setProperty(`${a}${i}`,s)})}function aa(e){e&&O.add(e)}function C(e,a){o(e,"--ui-color-primary",a.colors.primary),o(e,"--ui-color-primary-hover",a.colors.primaryHover||a.colors.primary),o(e,"--ui-color-foreground-on-primary",a.colors.foregroundOnPrimary||"#ffffff"),o(e,"--ui-color-background",a.colors.background||"#ffffff"),o(e,"--ui-color-surface",a.colors.surface||a.colors.background||"#ffffff"),o(e,"--ui-color-surface-alt",a.colors.surfaceAlt||a.colors.surface||"#f9f9f9"),o(e,"--ui-color-text",a.colors.text||"#202020"),o(e,"--ui-color-muted",a.colors.muted||"#646464"),o(e,"--ui-color-border",a.colors.border||"#0000001f"),o(e,"--ui-color-focus-ring",a.colors.focusRing||a.colors.primary),o(e,"--ui-color-success",a.colors.success||"#30a46c"),o(e,"--ui-color-danger",a.colors.danger||"#e5484d"),o(e,"--ui-color-warning",a.colors.warning||a.colors.primary),o(e,"--ui-primary",a.colors.primary),o(e,"--ui-primary-hover",a.colors.primaryHover||a.colors.primary),o(e,"--ui-foreground",a.colors.foregroundOnPrimary||"#ffffff"),o(e,"--ui-background",a.colors.background||"#ffffff"),o(e,"--ui-surface",a.colors.surface||a.colors.background||"#ffffff"),o(e,"--ui-surface-alt",a.colors.surfaceAlt||a.colors.surface||"#f9f9f9"),o(e,"--ui-text",a.colors.text||"#202020"),o(e,"--ui-muted",a.colors.muted||"#646464"),o(e,"--ui-border",a.colors.border||"#0000001f"),o(e,"--ui-focus-ring",a.colors.focusRing||a.colors.primary),o(e,"--ui-success",a.colors.success||"#30a46c"),o(e,"--ui-error",a.colors.danger||"#e5484d"),o(e,"--ui-warning",a.colors.warning||a.colors.primary),o(e,"--ui-radius",a.radius||"4px"),o(e,"--ui-space-xs",a.spacing?.xs||"4px"),o(e,"--ui-space-sm",a.spacing?.sm||"8px"),o(e,"--ui-space-md",a.spacing?.md||"12px"),o(e,"--ui-space-lg",a.spacing?.lg||"24px"),o(e,"--ui-space-xl",a.spacing?.xl||"32px"),o(e,"--ui-space-xxl",a.spacing?.xxl||"48px"),o(e,"--ui-default-gap",a.spacing?.sm||a.spaceScale?.["2"]||"8px"),o(e,"--ui-shadow-sm",a.shadows?.sm||a.shadows?.["2"]||"none"),o(e,"--ui-shadow-md",a.shadows?.md||a.shadows?.["3"]||"none"),o(e,"--ui-shadow-lg",a.shadows?.lg||a.shadows?.["4"]||"none"),o(e,"--ui-font-family",a.typography?.family||"system-ui, sans-serif"),o(e,"--ui-font-family-heading",a.typography?.headingFamily||a.typography?.family||"system-ui, sans-serif"),o(e,"--ui-font-family-code",a.typography?.codeFamily||"monospace"),o(e,"--ui-font-size-sm",a.typography?.size?.sm||"12px"),o(e,"--ui-font-size-md",a.typography?.size?.md||"14px"),o(e,"--ui-font-size-lg",a.typography?.size?.lg||"16px"),o(e,"--ui-default-font-size",a.typography?.size?.md||a.typography?.fontScale?.["2"]||"14px"),o(e,"--ui-default-line-height",a.typography?.lineHeight?.["2"]||"20px"),o(e,"--ui-default-letter-spacing",a.typography?.letterSpacing?.["2"]||"0em"),o(e,"--ui-motion-short",a.motion?.durationShort||"120ms"),o(e,"--ui-motion-base",a.motion?.durationBase||"180ms"),o(e,"--ui-motion-long",a.motion?.durationLong||"260ms"),o(e,"--ui-motion-easing",a.motion?.easing||"cubic-bezier(0.2, 0.8, 0.2, 1)"),o(e,"--ui-z-modal",String(a.zIndex?.modal??1e3)),o(e,"--ui-z-overlay",String(a.zIndex?.overlay??900)),o(e,"--ui-z-toast",String(a.zIndex?.toast??1100)),o(e,"--ui-breakpoint-sm",a.breakpoints?.sm||"640px"),o(e,"--ui-breakpoint-md",a.breakpoints?.md||"768px"),o(e,"--ui-breakpoint-lg",a.breakpoints?.lg||"1024px"),o(e,"--color-background",a.surfaces?.background||a.colors.background||"#ffffff"),o(e,"--color-surface",a.surfaces?.surface||a.colors.surface||"#fcfcfc"),o(e,"--color-panel",a.surfaces?.panel||a.surfaces?.panelTranslucent||"#ffffffcc"),o(e,"--color-panel-solid",a.surfaces?.panelSolid||a.colors.surface||"#ffffff"),o(e,"--color-panel-translucent",a.surfaces?.panelTranslucent||"#ffffffcc"),o(e,"--color-overlay",a.surfaces?.overlay||"rgba(2, 6, 23, 0.52)"),o(e,"--color-transparent",a.surfaces?.transparent||"transparent"),o(e,"--backdrop-filter-panel",a.effects?.backdropFilterPanel||"blur(64px)"),a.palette?.accentContrast&&o(e,"--accent-contrast",a.palette.accentContrast),a.palette?.accentSurface&&o(e,"--accent-surface",a.palette.accentSurface),a.palette?.accentIndicator&&o(e,"--accent-indicator",a.palette.accentIndicator),a.palette?.accentTrack&&o(e,"--accent-track",a.palette.accentTrack),t(e,"--gray-",a.palette?.gray),t(e,"--gray-a",a.palette?.grayAlpha),t(e,"--black-a",a.palette?.blackAlpha),t(e,"--white-a",a.palette?.whiteAlpha),t(e,"--accent-",a.palette?.accent),t(e,"--accent-a",a.palette?.accentAlpha),t(e,"--space-",a.spaceScale),t(e,"--radius-",a.radiusScale),t(e,"--font-size-",a.typography?.fontScale),t(e,"--line-height-",a.typography?.lineHeight),t(e,"--letter-spacing-",a.typography?.letterSpacing),t(e,"--shadow-",a.shadows),t(e,"--base-button-",a.components?.button),t(e,"--base-badge-",a.components?.badge),t(e,"--base-dropdown-",a.components?.dropdown),t(e,"--base-select-",a.components?.select),t(e,"--base-sidebar-",a.components?.sidebar),t(e,"--base-block-controls-",a.components?.blockControls),t(e,"--base-box-",a.components?.box),t(e,"--base-breadcrumb-",a.components?.breadcrumb),t(e,"--base-card-",a.components?.card),t(e,"--base-multi-select-",a.components?.multiSelect),t(e,"--base-navigation-menu-",a.components?.navigationMenu),t(e,"--base-menubar-",a.components?.menubar),t(e,"--base-context-menu-",a.components?.contextMenu),t(e,"--base-alert-",a.components?.alert),t(e,"--base-alert-dialog-",a.components?.alertDialog),t(e,"--base-app-header-",a.components?.appHeader),t(e,"--base-aspect-ratio-",a.components?.aspectRatio),t(e,"--base-avatar-",a.components?.avatar),t(e,"--base-menu-",a.components?.menu),t(e,"--base-panel-",a.components?.panel),t(e,"--base-input-",a.components?.input)}function ea(e,a=typeof document<"u"?document:null){if(!a)return;const r=v(e),i=a===document||a instanceof ShadowRoot;let s;if(a===document?s=document.documentElement:a instanceof ShadowRoot?s=a.host:s=a,C(s,r),i)for(const n of O)try{C(n,r)}catch{}}exports.AlertDialogManager=z;exports.DialogManager=E;exports.alert=V;exports.applyTheme=ea;exports.baselineAccentPalettes=f;exports.baselineDarkTokens=L;exports.baselineLightTokens=x;exports.confirm=j;exports.confirmDialog=G;exports.createAlertDialogManager=A;exports.createDialogManager=D;exports.createThemeTokens=v;exports.defaultTokens=Y;exports.dismissAllAlertDialogs=U;exports.dismissAllDialogs=K;exports.prompt=Z;exports.registerThemeHost=aa;exports.showDialog=N;exports.withAccentPalette=q;

package/dist/tree-Dx_kv_ih.js

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