@editora/ui-core 0.2.0 → 0.2.1

package/dist/time-picker.esm.js

@@ -1,7 +1,7 @@
 import { E } from "./ElementBase-BeZT54Hj.mjs";
 import { c as k } from "./dismissable-layer-BmPIoK80.mjs";
-import { r as w } from "./calendar-DmxiZrR7.mjs";
-import { r as S, e as C, i as b, s as B, q as v, t as O, w as y, l as I, c as A } from "./date-time-utils-B4hAkt36.mjs";
+import { r as w } from "./calendar-DkSDFg33.mjs";
+import { r as S, e as C, i as b, s as B, q as v, t as O, w as y, l as I, c as A } from "./date-time-utils-zAx4ghvC.mjs";
 const D = `
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
     <path d="M10 2.4a7.6 7.6 0 1 1 0 15.2A7.6 7.6 0 0 1 10 2.4Zm0 1.4a6.2 6.2 0 1 0 0 12.4 6.2 6.2 0 0 0 0-12.4Zm.7 2.4a.7.7 0 0 0-1.4 0v4.1c0 .2.1.4.2.5l2.6 2.5a.7.7 0 1 0 1-1l-2.4-2.3v-3.8Z" fill="currentColor"/>
@@ -22,7 +22,7 @@ const D = `
     --ui-dp-muted: var(--ui-color-muted, #526175);
     --ui-dp-accent: var(--ui-color-primary, #2563eb);
     --ui-dp-radius: var(--ui-control-radius-2, var(--ui-radius, 6px));
-    --ui-dp-field-error: var(--ui-color-danger, #dc2626);
+    --ui-dp-field-error: var(--ui-color-danger-text, var(--ui-color-danger, #dc2626));
     --ui-dp-z: 1600;
     color-scheme: light dark;
     display: inline-grid;

package/dist/toast.cjs.js

@@ -214,7 +214,7 @@
       <style>${h}</style>
       <div class="toast-list" aria-live="polite" part="list">
         ${this._toasts.map(t=>{const e=t.ariaLive==="assertive"||t.tone==="error"?"alert":"status",o=t.duration>0?'<span class="meta" part="meta">Auto-dismiss</span>':'<span class="meta" part="meta">Persistent</span>';return`
-            <article
+            <div
               class="toast show${t.closing?" closing":""}"
               part="toast"
               data-toast-id="${t.id}"
@@ -228,7 +228,7 @@
               <button class="close" part="close" data-toast-id="${t.id}" aria-label="Close notification" type="button">
                 <span aria-hidden="true">&times;</span>
               </button>
-            </article>
+            </div>
           `}).join("")}
       </div>
     `)}shouldRenderOnAttributeChange(t,e,o){return e===o?!1:t==="headless"||t==="position"||t==="max-visible"}}typeof customElements<"u"&&!customElements.get("ui-toast")&&customElements.define("ui-toast",l);exports.UIToast=l;

package/dist/toast.esm.js

@@ -355,7 +355,7 @@ class b extends l {
         ${this._toasts.map((t) => {
       const e = t.ariaLive === "assertive" || t.tone === "error" ? "alert" : "status", o = t.duration > 0 ? '<span class="meta" part="meta">Auto-dismiss</span>' : '<span class="meta" part="meta">Persistent</span>';
       return `
-            <article
+            <div
               class="toast show${t.closing ? " closing" : ""}"
               part="toast"
               data-toast-id="${t.id}"
@@ -369,7 +369,7 @@ class b extends l {
               <button class="close" part="close" data-toast-id="${t.id}" aria-label="Close notification" type="button">
                 <span aria-hidden="true">&times;</span>
               </button>
-            </article>
+            </div>
           `;
     }).join("")}
       </div>

package/dist/transfer-list.cjs.js

@@ -330,7 +330,7 @@
   }
 
   .error {
-    color: var(--ui-color-danger, #dc2626);
+    color: var(--ui-color-danger-text, var(--ui-color-danger, #dc2626));
     font-weight: 600;
   }
 
@@ -395,7 +395,7 @@
     padding-inline: 8px;
     border-radius: 999px;
     background: color-mix(in srgb, var(--ui-transfer-accent) 12%, transparent);
-    color: color-mix(in srgb, var(--ui-transfer-accent) 76%, var(--ui-transfer-text));
+    color: color-mix(in srgb, var(--ui-transfer-accent) 45%, var(--ui-transfer-text));
     font-size: var(--ui-transfer-summary-size);
     line-height: 1;
     font-weight: 600;
@@ -489,7 +489,7 @@
     font-size: 12px;
     line-height: 1;
     font-weight: 800;
-    color: color-mix(in srgb, var(--ui-transfer-check-accent) 86%, var(--ui-transfer-text));
+    color: color-mix(in srgb, var(--ui-transfer-check-accent) 45%, var(--ui-transfer-text));
     opacity: 0;
     transform: scale(0.85);
     transition:
@@ -516,7 +516,7 @@
 
   :host([selection-indicator="tick"]) .indicator-mark {
     font-size: 15px;
-    color: color-mix(in srgb, var(--ui-transfer-check-accent) 88%, var(--ui-transfer-text));
+    color: color-mix(in srgb, var(--ui-transfer-check-accent) 45%, var(--ui-transfer-text));
   }
 
   :host([selection-indicator="tick"]) .item[data-selected="false"] .indicator-mark {
@@ -655,7 +655,7 @@
       min-inline-size: 0;
     }
   }
-`;function s(n){return n.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function k(n){if(!n)return[];try{const e=JSON.parse(n);if(!Array.isArray(e))return[];const t=[];return e.forEach(r=>{if(!r||typeof r!="object")return;const a={value:String(r.value??""),label:String(r.label??r.value??""),disabled:!!r.disabled};r.description&&(a.description=String(r.description)),a.value&&t.push(a)}),t}catch{return[]}}function w(n){if(!n)return[];try{const e=JSON.parse(n);return Array.isArray(e)?e.map(t=>String(t)):[]}catch{return[]}}function A(n,e){return new Set(Array.from(n).filter(t=>e.has(t)))}function R(n){return n==="tick"||n==="none"?n:"checkbox"}function p(n,e){return n==null?e:n===""||n==="true"||n==="1"||n==="yes"?!0:n==="false"||n==="0"||n==="no"?!1:e}function $(n){return`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" focusable="false" aria-hidden="true"><path d="${n==="right"?"M9 6l6 6-6 6":"M15 6l-6 6 6 6"}"/></svg>`}class S extends q.ElementBase{constructor(){super(...arguments),this._options=[],this._value=[],this._selectedAvailable=new Set,this._selectedChosen=new Set,this._formUnregister=null,this._suppressValueAttr=!1,this._delegatedListenersAttached=!1,this._handleRootClick=e=>{const t=e.target;if(!t)return;const r=t.closest(".move-btn");if(r&&this.root.contains(r)){this._move(r.getAttribute("data-action"));return}const a=t.closest(".item");a&&this.root.contains(a)&&this._toggleItem(a)},this._handleRootKeyDown=e=>{const t=e.target;if(!t)return;const r=t.closest(".item");r&&this.root.contains(r)&&this._onItemKeyDown(e,r)}}static get observedAttributes(){return["options","value","label","description","error","name","disabled","variant","tone","size","radius","elevation","available-label","selected-label","available-empty-label","selected-empty-label","selection-indicator","add-action-label","remove-action-label","show-action-labels","show-action-counts","show-panel-counts"]}get value(){return[...this._value]}set value(e){this._applyValue(e,"api")}connectedCallback(){super.connectedCallback(),this._attachDelegatedListeners(),this._registerWithForm()}disconnectedCallback(){this._formUnregister&&this._formUnregister(),this._detachDelegatedListeners(),super.disconnectedCallback()}attributeChangedCallback(e,t,r){t!==r&&(e==="options"&&(this._options=k(r)),e==="value"&&!this._suppressValueAttr&&(this._value=w(r)),e==="name"&&this.isConnected&&this._registerWithForm(),e==="disabled"&&(this._selectedAvailable.clear(),this._selectedChosen.clear()),this.isConnected&&this.requestRender())}render(){this._options.length||(this._options=k(this.getAttribute("options"))),!this._value.length&&this.getAttribute("value")&&(this._value=w(this.getAttribute("value")));const e=new Set(this._value),t=this._options.filter(i=>!e.has(i.value)),r=this._options.filter(i=>e.has(i.value)),a=new Set(t.map(i=>i.value)),l=new Set(r.map(i=>i.value));this._selectedAvailable=A(this._selectedAvailable,a),this._selectedChosen=A(this._selectedChosen,l);const o=this.getAttribute("label")||"",c=this.getAttribute("description")||"",d=this.getAttribute("error")||"",b=this.getAttribute("available-label")||"Available",h=this.getAttribute("selected-label")||"Selected",C=this.getAttribute("available-empty-label")||"No items available to add.",L=this.getAttribute("selected-empty-label")||"No items selected yet.",E=R(this.getAttribute("selection-indicator")),m=this.getAttribute("add-action-label")||"Add selected",g=this.getAttribute("remove-action-label")||"Remove selected",u=p(this.getAttribute("show-action-labels"),!0),f=p(this.getAttribute("show-action-counts"),!0),v=p(this.getAttribute("show-panel-counts"),!0),x=this.getAttribute("radius"),I=x?` style="--ui-transfer-panel-radius:${s(x)};"`:"",z=()=>E==="none"?"":'<span class="indicator" part="indicator" aria-hidden="true"><span class="indicator-box"><span class="indicator-mark">✓</span></span></span>',y=i=>u?`<span class="move-btn-text">${s(i)}</span>`:"",_=i=>f?`<span class="move-btn-count">${i}</span>`:"",V=t.length?t.map(i=>`<div
+`;function s(n){return n.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function k(n){if(!n)return[];try{const e=JSON.parse(n);if(!Array.isArray(e))return[];const t=[];return e.forEach(r=>{if(!r||typeof r!="object")return;const a={value:String(r.value??""),label:String(r.label??r.value??""),disabled:!!r.disabled};r.description&&(a.description=String(r.description)),a.value&&t.push(a)}),t}catch{return[]}}function w(n){if(!n)return[];try{const e=JSON.parse(n);return Array.isArray(e)?e.map(t=>String(t)):[]}catch{return[]}}function A(n,e){return new Set(Array.from(n).filter(t=>e.has(t)))}function R(n){return n==="tick"||n==="none"?n:"checkbox"}function p(n,e){return n==null?e:n===""||n==="true"||n==="1"||n==="yes"?!0:n==="false"||n==="0"||n==="no"?!1:e}function $(n){return`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" focusable="false" aria-hidden="true"><path d="${n==="right"?"M9 6l6 6-6 6":"M15 6l-6 6 6 6"}"/></svg>`}class S extends q.ElementBase{constructor(){super(...arguments),this._options=[],this._value=[],this._selectedAvailable=new Set,this._selectedChosen=new Set,this._formUnregister=null,this._suppressValueAttr=!1,this._delegatedListenersAttached=!1,this._handleRootClick=e=>{const t=e.target;if(!t)return;const r=t.closest(".move-btn");if(r&&this.root.contains(r)){this._move(r.getAttribute("data-action"));return}const a=t.closest(".item");a&&this.root.contains(a)&&this._toggleItem(a)},this._handleRootKeyDown=e=>{const t=e.target;if(!t)return;const r=t.closest(".item");r&&this.root.contains(r)&&this._onItemKeyDown(e,r)}}static get observedAttributes(){return["options","value","label","description","error","name","disabled","variant","tone","size","radius","elevation","available-label","selected-label","available-empty-label","selected-empty-label","selection-indicator","add-action-label","remove-action-label","show-action-labels","show-action-counts","show-panel-counts"]}get value(){return[...this._value]}set value(e){this._applyValue(e,"api")}connectedCallback(){super.connectedCallback(),this._attachDelegatedListeners(),this._registerWithForm()}disconnectedCallback(){this._formUnregister&&this._formUnregister(),this._detachDelegatedListeners(),super.disconnectedCallback()}attributeChangedCallback(e,t,r){t!==r&&(e==="options"&&(this._options=k(r)),e==="value"&&!this._suppressValueAttr&&(this._value=w(r)),e==="name"&&this.isConnected&&this._registerWithForm(),e==="disabled"&&(this._selectedAvailable.clear(),this._selectedChosen.clear()),this.isConnected&&this.requestRender())}render(){this._options.length||(this._options=k(this.getAttribute("options"))),!this._value.length&&this.getAttribute("value")&&(this._value=w(this.getAttribute("value")));const e=new Set(this._value),t=this._options.filter(i=>!e.has(i.value)),r=this._options.filter(i=>e.has(i.value)),a=new Set(t.map(i=>i.value)),l=new Set(r.map(i=>i.value));this._selectedAvailable=A(this._selectedAvailable,a),this._selectedChosen=A(this._selectedChosen,l);const o=this.getAttribute("label")||"",c=this.getAttribute("description")||"",d=this.getAttribute("error")||"",b=this.getAttribute("available-label")||"Available",h=this.getAttribute("selected-label")||"Selected",C=this.getAttribute("available-empty-label")||"No items available to add.",L=this.getAttribute("selected-empty-label")||"No items selected yet.",E=R(this.getAttribute("selection-indicator")),g=this.getAttribute("add-action-label")||"Add selected",m=this.getAttribute("remove-action-label")||"Remove selected",u=p(this.getAttribute("show-action-labels"),!0),f=p(this.getAttribute("show-action-counts"),!0),v=p(this.getAttribute("show-panel-counts"),!0),x=this.getAttribute("radius"),I=x?` style="--ui-transfer-panel-radius:${s(x)};"`:"",z=()=>E==="none"?"":'<span class="indicator" part="indicator" aria-hidden="true"><span class="indicator-box"><span class="indicator-mark">✓</span></span></span>',y=i=>u?`<span class="move-btn-text">${s(i)}</span>`:"",_=i=>f?`<span class="move-btn-count">${i}</span>`:"",V=t.length?t.map(i=>`<div
               class="item"
               part="item available-item"
               role="option"
@@ -705,14 +705,14 @@
             <div class="summary" part="summary">${t.length} available</div>
           </section>
           <div class="actions" part="actions">
-            <button class="move-btn" part="action-button action-add" data-compact="${!u&&!f}" data-action="add" type="button"${u?"":` aria-label="${s(m)}"`}${this._selectedAvailable.size?"":" disabled"}>
+            <button class="move-btn" part="action-button action-add" data-compact="${!u&&!f}" data-action="add" type="button"${u?"":` aria-label="${s(g)}"`}${this._selectedAvailable.size?"":" disabled"}>
               <span class="move-btn-icon" aria-hidden="true">${$("right")}</span>
-              ${y(m)}
+              ${y(g)}
               ${_(this._selectedAvailable.size||0)}
             </button>
-            <button class="move-btn" part="action-button action-remove" data-compact="${!u&&!f}" data-action="remove" type="button"${u?"":` aria-label="${s(g)}"`}${this._selectedChosen.size?"":" disabled"}>
+            <button class="move-btn" part="action-button action-remove" data-compact="${!u&&!f}" data-action="remove" type="button"${u?"":` aria-label="${s(m)}"`}${this._selectedChosen.size?"":" disabled"}>
               <span class="move-btn-icon" aria-hidden="true">${$("left")}</span>
-              ${y(g)}
+              ${y(m)}
               ${_(this._selectedChosen.size||0)}
             </button>
           </div>

package/dist/transfer-list.esm.js

@@ -331,7 +331,7 @@ const q = `
   }
 
   .error {
-    color: var(--ui-color-danger, #dc2626);
+    color: var(--ui-color-danger-text, var(--ui-color-danger, #dc2626));
     font-weight: 600;
   }
 
@@ -396,7 +396,7 @@ const q = `
     padding-inline: 8px;
     border-radius: 999px;
     background: color-mix(in srgb, var(--ui-transfer-accent) 12%, transparent);
-    color: color-mix(in srgb, var(--ui-transfer-accent) 76%, var(--ui-transfer-text));
+    color: color-mix(in srgb, var(--ui-transfer-accent) 45%, var(--ui-transfer-text));
     font-size: var(--ui-transfer-summary-size);
     line-height: 1;
     font-weight: 600;
@@ -490,7 +490,7 @@ const q = `
     font-size: 12px;
     line-height: 1;
     font-weight: 800;
-    color: color-mix(in srgb, var(--ui-transfer-check-accent) 86%, var(--ui-transfer-text));
+    color: color-mix(in srgb, var(--ui-transfer-check-accent) 45%, var(--ui-transfer-text));
     opacity: 0;
     transform: scale(0.85);
     transition:
@@ -517,7 +517,7 @@ const q = `
 
   :host([selection-indicator="tick"]) .indicator-mark {
     font-size: 15px;
-    color: color-mix(in srgb, var(--ui-transfer-check-accent) 88%, var(--ui-transfer-text));
+    color: color-mix(in srgb, var(--ui-transfer-check-accent) 45%, var(--ui-transfer-text));
   }
 
   :host([selection-indicator="tick"]) .item[data-selected="false"] .indicator-mark {

package/dist/wizard.cjs.js

@@ -6,10 +6,14 @@
     --ui-wizard-text: var(--ui-color-text, #0f172a);
     --ui-wizard-muted: var(--ui-color-muted, #526175);
     --ui-wizard-accent: var(--ui-color-primary, #2563eb);
+    --ui-wizard-fill: var(--ui-color-fill, color-mix(in srgb, var(--ui-wizard-accent) 7%, var(--ui-wizard-surface)));
+    --ui-wizard-fill-soft: var(--ui-color-fill, color-mix(in srgb, var(--ui-wizard-accent) 8%, transparent));
+    --ui-wizard-accent-fill: var(--ui-color-accent-fill, color-mix(in srgb, var(--ui-wizard-accent) 13%, transparent));
+    --ui-wizard-line: var(--ui-color-line, color-mix(in srgb, var(--ui-wizard-border) 84%, transparent));
     --ui-wizard-focus: var(--ui-color-focus-ring, #2563eb);
-    --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-success: var(--ui-color-success-text, var(--ui-color-success, #15803d));
+    --ui-wizard-warning: var(--ui-color-warning-text, var(--ui-color-warning, #b45309));
+    --ui-wizard-danger: var(--ui-color-danger-text, var(--ui-color-danger, #dc2626));
 
     --ui-wizard-radius: calc(var(--ui-radius, 6px) + 4px);
     --ui-wizard-gap: 12px;
@@ -171,7 +175,7 @@
   }
 
   .step:hover {
-    background: var(--ui-color-fill, color-mix(in srgb, var(--ui-wizard-accent) 7%, var(--ui-wizard-surface)));
+    background: var(--ui-wizard-fill);
   }
 
   .step:focus-visible {
@@ -186,7 +190,7 @@
 
   .step[data-active="true"] {
     border-color: transparent;
-    background: var(--ui-color-accent-fill, color-mix(in srgb, var(--ui-wizard-accent) 13%, transparent));
+    background: var(--ui-wizard-accent-fill);
   }
 
   .step-badge {
@@ -353,7 +357,7 @@
   }
 
   .btn {
-    border: 1px solid var(--ui-color-line, color-mix(in srgb, var(--ui-wizard-border) 84%, transparent));
+    border: 1px solid var(--ui-wizard-line);
     border-radius: var(--ui-control-radius-2, var(--ui-radius, 6px));
     background: transparent;
     color: var(--ui-wizard-text);
@@ -373,7 +377,7 @@
   }
 
   .btn:hover {
-    background: var(--ui-color-fill, color-mix(in srgb, var(--ui-wizard-accent) 8%, transparent));
+    background: var(--ui-wizard-fill-soft);
   }
 
   .btn:focus-visible {
@@ -488,6 +492,11 @@
     --ui-wizard-success: #4ade80;
     --ui-wizard-warning: #fbbf24;
     --ui-wizard-danger: #f87171;
+    /* The contrast variant is a dark surface of its own: the theme's light fills and lines do not apply. */
+    --ui-wizard-fill: #1e293b;
+    --ui-wizard-fill-soft: #1e293b;
+    --ui-wizard-accent-fill: color-mix(in srgb, #93c5fd 20%, #0f172a);
+    --ui-wizard-line: #334155;
   }
 
   /* The contrast accent is a light blue: the primary button needs dark text and a lighter hover. */

package/dist/wizard.esm.js

@@ -7,10 +7,14 @@ const k = `
     --ui-wizard-text: var(--ui-color-text, #0f172a);
     --ui-wizard-muted: var(--ui-color-muted, #526175);
     --ui-wizard-accent: var(--ui-color-primary, #2563eb);
+    --ui-wizard-fill: var(--ui-color-fill, color-mix(in srgb, var(--ui-wizard-accent) 7%, var(--ui-wizard-surface)));
+    --ui-wizard-fill-soft: var(--ui-color-fill, color-mix(in srgb, var(--ui-wizard-accent) 8%, transparent));
+    --ui-wizard-accent-fill: var(--ui-color-accent-fill, color-mix(in srgb, var(--ui-wizard-accent) 13%, transparent));
+    --ui-wizard-line: var(--ui-color-line, color-mix(in srgb, var(--ui-wizard-border) 84%, transparent));
     --ui-wizard-focus: var(--ui-color-focus-ring, #2563eb);
-    --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-success: var(--ui-color-success-text, var(--ui-color-success, #15803d));
+    --ui-wizard-warning: var(--ui-color-warning-text, var(--ui-color-warning, #b45309));
+    --ui-wizard-danger: var(--ui-color-danger-text, var(--ui-color-danger, #dc2626));
 
     --ui-wizard-radius: calc(var(--ui-radius, 6px) + 4px);
     --ui-wizard-gap: 12px;
@@ -172,7 +176,7 @@ const k = `
   }
 
   .step:hover {
-    background: var(--ui-color-fill, color-mix(in srgb, var(--ui-wizard-accent) 7%, var(--ui-wizard-surface)));
+    background: var(--ui-wizard-fill);
   }
 
   .step:focus-visible {
@@ -187,7 +191,7 @@ const k = `
 
   .step[data-active="true"] {
     border-color: transparent;
-    background: var(--ui-color-accent-fill, color-mix(in srgb, var(--ui-wizard-accent) 13%, transparent));
+    background: var(--ui-wizard-accent-fill);
   }
 
   .step-badge {
@@ -354,7 +358,7 @@ const k = `
   }
 
   .btn {
-    border: 1px solid var(--ui-color-line, color-mix(in srgb, var(--ui-wizard-border) 84%, transparent));
+    border: 1px solid var(--ui-wizard-line);
     border-radius: var(--ui-control-radius-2, var(--ui-radius, 6px));
     background: transparent;
     color: var(--ui-wizard-text);
@@ -374,7 +378,7 @@ const k = `
   }
 
   .btn:hover {
-    background: var(--ui-color-fill, color-mix(in srgb, var(--ui-wizard-accent) 8%, transparent));
+    background: var(--ui-wizard-fill-soft);
   }
 
   .btn:focus-visible {
@@ -489,6 +493,11 @@ const k = `
     --ui-wizard-success: #4ade80;
     --ui-wizard-warning: #fbbf24;
     --ui-wizard-danger: #f87171;
+    /* The contrast variant is a dark surface of its own: the theme's light fills and lines do not apply. */
+    --ui-wizard-fill: #1e293b;
+    --ui-wizard-fill-soft: #1e293b;
+    --ui-wizard-accent-fill: color-mix(in srgb, #93c5fd 20%, #0f172a);
+    --ui-wizard-line: #334155;
   }
 
   /* The contrast accent is a light blue: the primary button needs dark text and a lighter hover. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editora/ui-core",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "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-DxCl0A5q.js

@@ -1,5 +0,0 @@
-"use strict";require("./portal-XbYR3m_q.js");require("./positioner-DZ1FW6A9.js");function C(){return typeof window<"u"&&typeof document<"u"}function K(r){return r?typeof r=="string"?r:r instanceof Error&&r.message?r.message:"Something went wrong. Please try again.":"Something went wrong. Please try again."}function X(r){return r==="replace"||r==="stack"?r:"queue"}function z(r){return`ui-alert-dialog-${r}`}function J(r,a){const e=r.kind==="alert"&&a.action==="cancel"?"dismiss":a.action,n=r.dialog?.getChecked();if(r.kind==="prompt"){const i=r.dialog?.getInputValue()??r.value??"";return{id:r.id,action:e,value:i,checked:n,source:a.source,reason:a.reason}}return{id:r.id,action:e,value:r.value,checked:n,source:a.source,reason:a.reason}}function h(r,a,e){return r.kind==="prompt"?{id:r.id,action:"dismiss",value:r.dialog?.getInputValue()??r.value??"",checked:r.dialog?.getChecked(),source:a,reason:e}:{id:r.id,action:"dismiss",value:r.value,checked:r.dialog?.getChecked(),source:a,reason:e}}function Y(r){return r==="esc"||r==="backdrop"||r==="close-icon"||r==="abort"||r==="unmount"||r==="replace"||r==="programmatic"?r:"abort"}class L{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 e=[...this._active,...this._queue];this._queue=[];for(const n of e)this._settle(n,h(n,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,e){const n=this._mergeOptions(e);if(!C()||this._disposed){const s={id:n.id||z(++this._seed),action:"dismiss",source:"unmount"};return Promise.resolve(s)}const i=n.id||z(++this._seed),t=X(n.mode);return new Promise(s=>{const c={id:i,kind:a,mode:t,options:n,settled:!1,processing:!1,resolve:s,cleanup:[]};if(n.signal?.aborted){this._settle(c,h(c,"abort"),!1);return}if(t==="replace"){const d=this._active[this._active.length-1];d&&this._settle(d,h(d,"replace","replace"),!1,!1),this._open(c);return}if(t==="stack"){this._open(c);return}if(this._active.length>0){this._queue.push(c);return}this._open(c)})}_open(a){const e=this._ensureContainer();if(!e){this._settle(a,h(a,"unmount"),!1);return}const n=document.createElement("ui-alert-dialog");a.dialog=n,a.checked=!!a.options.checkbox?.defaultChecked;const i=this._buildConfig(a);n.dialogId=a.id,n.config=i;const t=d=>{if(a.settled)return;const u=d.detail;a.value=u?.inputValue,a.checked=u?.checked;const x=this._validatePrompt(a);if(x){d.preventDefault(),n.setError(x);return}if(!a.options.onConfirm){n.clearError();return}d.preventDefault(),a.processing=!0,n.state="loading",n.clearError(),Promise.resolve(a.options.onConfirm({id:a.id,value:a.value,checked:a.checked,dialog:n,signal:a.options.signal})).then(()=>{a.processing=!1,n.state="idle",n.clearError(),a.settled||n.close("confirm")}).catch(k=>{a.processing=!1,n.state="error",n.setError(K(k))})},s=()=>{a.settled||(a.value=n.getInputValue(),a.checked=n.getChecked(),n.state==="error"&&n.clearError())},c=d=>{if(a.settled)return;const u=d.detail;this._handleClose(a,u)};if(n.addEventListener("ui-confirm",t),n.addEventListener("ui-change",s),n.addEventListener("ui-close",c),a.cleanup.push(()=>n.removeEventListener("ui-confirm",t)),a.cleanup.push(()=>n.removeEventListener("ui-change",s)),a.cleanup.push(()=>n.removeEventListener("ui-close",c)),a.options.signal){const d=()=>{a.settled||this._settle(a,h(a,"abort"),!1)};a.options.signal.addEventListener("abort",d,{once:!0}),a.cleanup.push(()=>a.options.signal?.removeEventListener("abort",d))}this._active.push(a),e.appendChild(n),n.open=!0,this._updateStackZIndex()}_validatePrompt(a){if(a.kind!=="prompt")return null;const n=a.options.input,i=a.dialog?.getInputValue()??a.value??"";return n?.required&&!i.trim()?"Please enter a value.":n?.validate?n.validate(i):null}_settle(a,e,n,i=!0){if(!a.settled){if(a.settled=!0,this._cleanupRequest(a),this._active=this._active.filter(t=>t!==a),this._queue=this._queue.filter(t=>t!==a),a.dialog){const t=a.dialog;if(!n&&t.open){const s=Y(e.source);t.close("dismiss",s,e.reason)}t.parentElement&&t.parentElement.removeChild(t)}a.resolve(e),this._updateStackZIndex(),!this._disposed&&i&&this._drainQueue()}}_cleanupRequest(a){for(const e of a.cleanup.splice(0))try{e()}catch{}}_drainQueue(){if(this._active.length>0)return;const a=this._queue.shift();a&&this._open(a)}_buildConfig(a){const e=a.options,n=a.kind==="prompt",i=a.kind==="alert",t=n?e.input:void 0;return{id:a.id,title:e.title,description:e.description,confirmText:e.confirmText||(i?"OK":"Confirm"),cancelText:e.cancelText||"Cancel",loadingText:e.loadingText,errorMessage:e.errorMessage,dismissible:e.dismissible??!0,closeOnEsc:e.closeOnEsc,closeOnBackdrop:e.closeOnBackdrop,lockWhileLoading:e.lockWhileLoading??!0,role:e.role||"alertdialog",tone:e.tone||(i?"info":n?"neutral":"warning"),size:e.size||"md",variant:e.variant||"surface",radius:e.radius,elevation:e.elevation||"low",indicator:e.indicator||"line",initialFocus:e.initialFocus,ariaLabel:e.ariaLabel,ariaLabelledby:e.ariaLabelledby,ariaDescribedby:e.ariaDescribedby,headless:e.headless,showCancel:!i,showClose:e.dismissible??!0,input:{enabled:n,label:t?.label,placeholder:t?.placeholder,value:t?.defaultValue||"",required:t?.required},checkbox:{enabled:!!e.checkbox?.enabled,label:e.checkbox?.label,checked:e.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,e){const n=J(a,e);if(e.action==="cancel"&&a.options.onCancel){Promise.resolve(a.options.onCancel(this._buildLifecycleContext(a))).finally(()=>{this._settle(a,n,!0)});return}if(e.action==="dismiss"&&a.options.onDismiss){Promise.resolve(a.options.onDismiss({...this._buildLifecycleContext(a),source:e.source||"programmatic",reason:e.reason})).finally(()=>{this._settle(a,n,!0)});return}this._settle(a,n,!0)}_mergeOptions(a){const e=this._defaults;return{...e,...a,checkbox:{...e.checkbox||{},...a.checkbox||{}}}}_ensureContainer(){if(!C())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 e=this._active[a];e.dialog&&(e.dialog.style.setProperty("--ui-alert-backdrop-z",String(1e3+a*2)),e.dialog.style.setProperty("--ui-alert-z",String(1001+a*2)))}}}let g=null;function D(r={}){return new L(r.container??null)}function S(){return g||(g=D()),g}function q(r={}){return S().alert(r)}function aa(r={}){return S().confirm(r)}function ea(r={}){return S().prompt(r)}function ra(r="programmatic"){g&&(g.destroy(r),g=null)}function T(){return typeof window<"u"&&typeof document<"u"}function na(r){return r==="replace"||r==="stack"?r:"queue"}function E(r){return`ui-dialog-${r}`}function ta(r){return r?typeof r=="string"?r:r instanceof Error&&r.message?r.message:"Something went wrong. Please try again.":"Something went wrong. Please try again."}class O{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 e=[...this._active,...this._queue];this._queue=[];for(const n of e)this._settle(n,{id:n.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(!T()||this._disposed)return Promise.resolve({id:a.id||E(++this._seed),action:"dismiss",source:"unmount"});const e=a.id||E(++this._seed),n=na(a.mode);return new Promise(i=>{const t={id:e,mode:n,options:a,settled:!1,resolve:i,cleanup:[]};if(a.signal?.aborted){this._settle(t,{id:e,action:"dismiss",source:"abort"},!1);return}if(n==="replace"){const s=this._active[this._active.length-1];s&&this._settle(s,{id:s.id,action:"dismiss",source:"replace",reason:"replace"},!1,!1),this._open(t);return}if(n==="stack"){this._open(t);return}if(this._active.length>0){this._queue.push(t);return}this._open(t)})}_open(a){const e=this._ensureContainer();if(!e){this._settle(a,{id:a.id,action:"dismiss",source:"unmount"},!1);return}const n=document.createElement("ui-dialog");a.dialog=n;const i=this._buildConfig(a.options,a.id);n.dialogId=a.id,n.config=i;const t=c=>{if(a.settled)return;const d=c.detail;if(a.resultFormData=d?.formData,!a.options.onSubmit){n.clearError();return}c.preventDefault(),n.state="loading",n.clearError(),Promise.resolve(a.options.onSubmit({id:a.id,dialog:n,signal:a.options.signal,formData:d?.formData})).then(()=>{a.settled||(n.state="idle",n.clearError(),n.close("submit"))}).catch(u=>{n.state="error",n.setError(ta(u))})},s=c=>{if(a.settled)return;const d=c.detail;this._settle(a,{id:a.id,action:d.action,source:d.source,reason:d.reason,formData:a.resultFormData},!0)};if(n.addEventListener("ui-submit",t),n.addEventListener("ui-close",s),a.cleanup.push(()=>n.removeEventListener("ui-submit",t)),a.cleanup.push(()=>n.removeEventListener("ui-close",s)),a.options.signal){const c=()=>{a.settled||this._settle(a,{id:a.id,action:"dismiss",source:"abort"},!1)};a.options.signal.addEventListener("abort",c,{once:!0}),a.cleanup.push(()=>a.options.signal?.removeEventListener("abort",c))}this._active.push(a),e.appendChild(n),n.openDialog(),this._updateStackZIndex()}_settle(a,e,n,i=!0){if(!a.settled){if(a.settled=!0,this._cleanupRequest(a),this._active=this._active.filter(t=>t!==a),this._queue=this._queue.filter(t=>t!==a),a.dialog){const t=a.dialog;!n&&t.open&&t.close("dismiss",e.source||"abort",e.reason),t.parentElement&&t.parentElement.removeChild(t)}a.resolve(e),this._updateStackZIndex(),!this._disposed&&i&&this._drainQueue()}}_cleanupRequest(a){for(const e of a.cleanup.splice(0))try{e()}catch{}}_drainQueue(){if(this._active.length>0)return;const a=this._queue.shift();a&&this._open(a)}_buildConfig(a,e){return{id:e,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(!T())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 e=this._active[a];e.dialog&&(e.dialog.style.setProperty("--ui-dialog-backdrop-z",String(1200+a*2)),e.dialog.style.setProperty("--ui-dialog-z",String(1201+a*2)))}}}let m=null;function P(r={}){return new O(r.container??null)}function I(){return m||(m=P()),m}function ia(r={}){return I().open(r)}function oa(r={}){return I().confirm(r)}function sa(r="programmatic"){m&&(m.destroy(r),m=null)}const ca=["1","2","3","4"],la={1:"24px",2:"32px",3:"40px",4:"48px"},pa={1:"12px",2:"14px",3:"16px",4:"18px"},da={1:"8px",2:"12px",3:"16px",4:"20px"},fa={1:0,2:0,3:2,4:4};function M(r){const a=r.palette?.gray||{},e=r.palette?.accent||{},n=r.radiusScale||{},i=r.colors,t={},s=(c,d)=>{d&&(t[c]=d)};s("--ui-color-surface-subtle",a[2]),s("--ui-color-fill",a[3]),s("--ui-color-fill-hover",a[4]),s("--ui-color-fill-active",a[5]),s("--ui-color-line-subtle",a[6]),s("--ui-color-line",a[7]),s("--ui-color-line-strong",a[8]),s("--ui-color-text-secondary",a[11]||i.muted),s("--ui-color-text-strong",a[12]||i.text),s("--ui-color-accent-subtle",e[2]),s("--ui-color-accent-fill",e[3]),s("--ui-color-accent-fill-hover",e[4]),s("--ui-color-accent-fill-active",e[5]),s("--ui-color-accent-line",e[7]),s("--ui-color-accent-solid",e[9]||i.primary),s("--ui-color-accent-solid-hover",e[10]||i.primaryHover||i.primary),s("--ui-color-accent-text",e[11]),s("--ui-color-surface-elevated",r.surfaces?.panelSolid||i.surfaceAlt||i.surface),s("--ui-color-info",i.info),s("--ui-color-placeholder",i.text?`color-mix(in srgb, ${i.text} 62%, transparent)`:void 0),s("--ui-ring-color",i.focusRing||i.primary),t["--ui-ring-width"]="2px",t["--ui-ring-offset"]="2px";for(const c of ca){t[`--ui-control-height-${c}`]=la[c],t[`--ui-control-font-size-${c}`]=pa[c],t[`--ui-control-padding-inline-${c}`]=da[c];const d=fa[c],u=r.radius||n[2]||"6px";t[`--ui-control-radius-${c}`]=d?`calc(${u} + ${d}px)`:u}return t["--ui-motion-enter-easing"]="cubic-bezier(0.16, 1, 0.3, 1)",t["--ui-motion-exit-easing"]="cubic-bezier(0.4, 0, 1, 1)",s("--ui-font-family-mono",r.typography?.codeFamily||"monospace"),s("--font-mono",r.typography?.codeFamily||"monospace"),s("--ui-breakpoint-xl",r.breakpoints?.xl||"1280px"),t}const R={1:"#0000000d",2:"#0000001a",3:"#00000026",4:"#0003",5:"#0000004d",6:"#0006",7:"#00000080",8:"#0009",9:"#000000b3",10:"#000c",11:"#000000e6",12:"#000000f2"},H={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"}}},ua={button:{"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:{shadow:"none"},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)",radius:"var(--ui-radius)",shadow:"none","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)",padding:"12px",gap:"12px","header-padding":"6px 8px 10px","item-gap":"8px","section-gap":"10px","section-label-size":"12px","section-label-spacing":"0.06em","submenu-indent":"18px","promo-padding":"18px"},card:{bg:"var(--color-panel-solid)","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)",radius:"var(--ui-radius)",shadow:"none","padding-x":"10px","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","option-radius":"10px","option-gap":"10px","option-padding-x":"10px","option-padding-y":"10px"},navigationMenu:{bg:"var(--color-panel-solid)",padding:"6px",gap:"6px","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)",radius:"var(--ui-radius)","padding-x":"16px","padding-y":"14px",gap:"var(--ui-default-gap)","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)",radius:"0px",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:{radius:"999px","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:{bg:"var(--color-panel-solid)"}},ga={button:{"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:{shadow:"none"},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)",radius:"var(--ui-radius)",shadow:"none","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)",padding:"12px",gap:"12px","header-padding":"6px 8px 10px","item-gap":"8px","section-gap":"10px","section-label-size":"12px","section-label-spacing":"0.06em","submenu-indent":"18px","promo-padding":"18px"},card:{bg:"var(--color-panel-solid)","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)",radius:"var(--ui-radius)",shadow:"none","padding-x":"10px","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","option-radius":"10px","option-gap":"10px","option-padding-x":"10px","option-padding-y":"10px"},navigationMenu:{bg:"var(--color-panel-solid)",padding:"6px",gap:"6px","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)",radius:"var(--ui-radius)","padding-x":"16px","padding-y":"14px",gap:"var(--ui-default-gap)","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)",radius:"0px",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:{radius:"999px","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:{bg:"var(--color-panel-solid)"}};function w(r){const a=/^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.exec(r.trim())?.[1];if(!a)return null;const e=a.length===3?a.replace(/./g,i=>i+i):a.slice(0,6),n=i=>{const t=parseInt(e.slice(i,i+2),16)/255;return t<=.03928?t/12.92:((t+.055)/1.055)**2.4};return .2126*n(0)+.7152*n(2)+.0722*n(4)}function _(r,a){const e=w(r),n=w(a);return e===null||n===null?null:(Math.max(e,n)+.05)/(Math.min(e,n)+.05)}function $(r,a){const e=r?.colors;if(!e?.primary)return{};const n=e.foregroundOnPrimary;return a?e.primary===a.colors?.primary?{}:n&&n!==a.colors?.foregroundOnPrimary?{}:{foregroundOnPrimary:b(e.primary,a.colors?.foregroundOnPrimary||"#ffffff")}:n?{}:{foregroundOnPrimary:b(e.primary,"#ffffff")}}function b(r,a){const e=_(a,r);if(e===null||e>=4.5)return a;const n=_("#ffffff",r)??0;return(_("#111111",r)??0)>n?"#111111":"#ffffff"}function F(r){return{primary:r.scale[9],primaryHover:r.scale[10]||r.scale[9],foregroundOnPrimary:b(r.scale[9],r.contrast),focusRing:r.scale[8]||r.scale[9],warning:r.scale[9]}}const v={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",info:"#0e7490"},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:R,whiteAlpha:H,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:"6px",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:ua,zIndex:{modal:1e3,overlay:900,toast:1100},breakpoints:{sm:"640px",md:"768px",lg:"1024px"}},B={...v,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",info:"#4cc3d6"},palette:{...v.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:R,whiteAlpha:H,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:ga},ma=v,N=new Set;function p(r,a){if(!(!r&&!a))return{...r||{},...a||{}}}function V(r){const a=r?.colors,e=r?.surfaces||{},n={};if(!a)return n;if(a.background&&!e.background&&(n.background=a.background),a.surface){const i=`color-mix(in srgb, ${a.surface} 80%, transparent)`;e.surface||(n.surface=a.surface),e.panelSolid||(n.panelSolid=a.surface),e.panel||(n.panel=i),e.panelTranslucent||(n.panelTranslucent=i)}return n}function y(r,a){const e=a?.mode||"light",n=e==="dark"?B:v,i=a?.accentPalette,t=i?f[i][e]:null,s=t?{colors:{...F(t)},palette:{accent:t.scale,accentAlpha:t.alphaScale,accentContrast:t.contrast,accentSurface:t.surface,accentIndicator:t.indicator,accentTrack:t.track}}:null;return{...n,...r,colors:{...n.colors,...s?.colors||{},...r?.colors||{},...$(r)},palette:{...n.palette||{},...s?.palette||{},...r?.palette||{},gray:p(n.palette?.gray,r?.palette?.gray),grayAlpha:p(n.palette?.grayAlpha,r?.palette?.grayAlpha),blackAlpha:p(n.palette?.blackAlpha,r?.palette?.blackAlpha),whiteAlpha:p(n.palette?.whiteAlpha,r?.palette?.whiteAlpha),accent:p(t?.scale||n.palette?.accent,r?.palette?.accent),accentAlpha:p(t?.alphaScale||n.palette?.accentAlpha,r?.palette?.accentAlpha)},surfaces:{...n.surfaces||{},...V(r),...r?.surfaces||{}},shadows:{...n.shadows||{},...r?.shadows||{}},spacing:{...n.spacing||{},...r?.spacing||{}},spaceScale:p(n.spaceScale,r?.spaceScale),radiusScale:p(n.radiusScale,r?.radiusScale),typography:{...n.typography||{},...r?.typography||{},size:{...n.typography?.size||{},...r?.typography?.size||{}},fontScale:p(n.typography?.fontScale,r?.typography?.fontScale),lineHeight:p(n.typography?.lineHeight,r?.typography?.lineHeight),letterSpacing:p(n.typography?.letterSpacing,r?.typography?.letterSpacing)},motion:{...n.motion||{},...r?.motion||{}},effects:{...n.effects||{},...r?.effects||{}},components:{...n.components||{},...r?.components||{},button:p(n.components?.button,r?.components?.button),badge:p(n.components?.badge,r?.components?.badge),dropdown:p(n.components?.dropdown,r?.components?.dropdown),select:p(n.components?.select,r?.components?.select),sidebar:p(n.components?.sidebar,r?.components?.sidebar),card:p(n.components?.card,r?.components?.card),navigationMenu:p(n.components?.navigationMenu,r?.components?.navigationMenu),blockControls:p(n.components?.blockControls,r?.components?.blockControls),box:p(n.components?.box,r?.components?.box),breadcrumb:p(n.components?.breadcrumb,r?.components?.breadcrumb),contextMenu:p(n.components?.contextMenu,r?.components?.contextMenu),menubar:p(n.components?.menubar,r?.components?.menubar),alert:p(n.components?.alert,r?.components?.alert),alertDialog:p(n.components?.alertDialog,r?.components?.alertDialog),appHeader:p(n.components?.appHeader,r?.components?.appHeader),aspectRatio:p(n.components?.aspectRatio,r?.components?.aspectRatio),avatar:p(n.components?.avatar,r?.components?.avatar),menu:p(n.components?.menu,r?.components?.menu),multiSelect:p(n.components?.multiSelect,r?.components?.multiSelect),panel:p(n.components?.panel,r?.components?.panel),input:p(n.components?.input,r?.components?.input)},zIndex:{...n.zIndex||{},...r?.zIndex||{}},breakpoints:{...n.breakpoints||{},...r?.breakpoints||{}}}}function xa(r,a,e="light"){const n=f[a][e],i=r;return y({...i,colors:{...i.colors||{},...F(n)},palette:{...i.palette||{},accent:n.scale,accentAlpha:n.alphaScale,accentContrast:n.contrast,accentSurface:n.surface,accentIndicator:n.indicator,accentTrack:n.track}},{mode:e})}function o(r,a,e){r[a]=e}function l(r,a,e){e&&Object.entries(e).forEach(([n,i])=>{typeof i=="string"&&i&&(r[`${a}${n}`]=i)})}function ha(r){r&&N.add(r)}function j(r){return Z(y(r))}function ba(r){const a=r.colors,e=r.palette;if(!e||!a)return r;const n=(k,W,G)=>`color-mix(in srgb, ${k} ${W}%, ${G})`,i=a.surface||a.background,t=a.text;let s=e.gray,c=e.accent;const d=a.background?w(a.background):null,u=s?.["1"]?w(s[1]):null;i&&t&&d!==null&&u!==null&&d<.4!=u<.4&&(s={...s,2:n(t,4,i),3:n(t,8,i),4:n(t,12,i),5:n(t,16,i),6:n(t,20,i),7:n(t,28,i),8:n(t,40,i),11:a.muted||t,12:t});const x=c?.["9"];return i&&t&&a.primary&&x&&x.trim().toLowerCase()!==a.primary.trim().toLowerCase()&&(c={...c,2:n(a.primary,6,i),3:n(a.primary,14,i),4:n(a.primary,20,i),5:n(a.primary,26,i),7:n(a.primary,42,i),9:a.primary,10:a.primaryHover||a.primary,11:n(a.primary,60,t)}),s===e.gray&&c===e.accent?r:{...r,palette:{...e,gray:s,accent:c}}}function Z(r){const a=ba(r),e={};return 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||"6px"),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),l(e,"--gray-",a.palette?.gray),l(e,"--gray-a",a.palette?.grayAlpha),l(e,"--black-a",a.palette?.blackAlpha),l(e,"--white-a",a.palette?.whiteAlpha),l(e,"--accent-",a.palette?.accent),l(e,"--accent-a",a.palette?.accentAlpha),l(e,"--space-",a.spaceScale),l(e,"--radius-",a.radiusScale),l(e,"--font-size-",a.typography?.fontScale),l(e,"--line-height-",a.typography?.lineHeight),l(e,"--letter-spacing-",a.typography?.letterSpacing),l(e,"--shadow-",a.shadows),l(e,"--base-button-",a.components?.button),l(e,"--base-badge-",a.components?.badge),l(e,"--base-dropdown-",a.components?.dropdown),l(e,"--base-select-",a.components?.select),l(e,"--base-sidebar-",a.components?.sidebar),l(e,"--base-block-controls-",a.components?.blockControls),l(e,"--base-box-",a.components?.box),l(e,"--base-breadcrumb-",a.components?.breadcrumb),l(e,"--base-card-",a.components?.card),l(e,"--base-multi-select-",a.components?.multiSelect),l(e,"--base-navigation-menu-",a.components?.navigationMenu),l(e,"--base-menubar-",a.components?.menubar),l(e,"--base-context-menu-",a.components?.contextMenu),l(e,"--base-alert-",a.components?.alert),l(e,"--base-alert-dialog-",a.components?.alertDialog),l(e,"--base-app-header-",a.components?.appHeader),l(e,"--base-aspect-ratio-",a.components?.aspectRatio),l(e,"--base-avatar-",a.components?.avatar),l(e,"--base-menu-",a.components?.menu),l(e,"--base-panel-",a.components?.panel),l(e,"--base-input-",a.components?.input),Object.assign(e,M(a)),o(e,"--ui-color-foreground-on-warning",b(a.colors.warning||a.colors.primary,"#ffffff")),e}function A(r,a){Object.entries(a).forEach(([e,n])=>{try{r.style.setProperty(e,n)}catch{}})}function va(r,a=":root"){const e=Object.entries(j(r)).map(([n,i])=>`  ${n}: ${i};`).join(`
-`);return`${a} {
-${e}
-}
-`}function U(r){return r===document?document.documentElement:r instanceof ShadowRoot?r.host:r}function Q(r,a=typeof document<"u"?document:null){if(!a)return;const e=Z(y(r)),n=a===document||a instanceof ShadowRoot,i=U(a);if(A(i,e),n)for(const t of N)try{A(t,e)}catch{}}function ya(r={}){const a=r.root===void 0?typeof document<"u"?document:null:r.root;if(!a)return()=>{};const e=typeof window<"u"&&typeof window.matchMedia=="function"?window.matchMedia("(prefers-color-scheme: dark)"):null,n=t=>{const s=t?"dark":"light";Q(y(t?r.dark:r.light,{accentPalette:r.accentPalette,mode:s}),a);const c=U(a);c.setAttribute("data-ui-mode",s),c.style.setProperty("color-scheme",s)};if(n(!!e?.matches),!e)return()=>{};const i=t=>n(t.matches);return typeof e.addEventListener=="function"?(e.addEventListener("change",i),()=>e.removeEventListener("change",i)):(e.addListener(i),()=>e.removeListener(i))}exports.AlertDialogManager=L;exports.DialogManager=O;exports.alert=q;exports.applySystemTheme=ya;exports.applyTheme=Q;exports.baselineAccentPalettes=f;exports.baselineDarkTokens=B;exports.baselineLightTokens=v;exports.confirm=aa;exports.confirmDialog=oa;exports.createAlertDialogManager=D;exports.createDialogManager=P;exports.createThemeTokens=y;exports.defaultTokens=ma;exports.deriveForegroundOnPrimary=$;exports.deriveSemanticTokens=M;exports.deriveThemeSurfaces=V;exports.dismissAllAlertDialogs=ra;exports.dismissAllDialogs=sa;exports.prompt=ea;exports.readableForeground=b;exports.registerThemeHost=ha;exports.showDialog=ia;exports.themeToCss=va;exports.themeToVariables=j;exports.withAccentPalette=xa;