@editora/ui-core 0.2.0 → 0.2.1

package/dist/runtime-CXw4SGV9.js

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

package/dist/runtime.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./portal-XbYR3m_q.js"),a=require("./positioner-DZ1FW6A9.js"),e=require("./runtime-DxCl0A5q.js");exports.autoUpdatePosition=r.autoUpdatePosition;exports.computePosition=r.computePosition;exports.createPortalContainer=r.createPortalContainer;exports.showPortalFor=r.showPortalFor;exports.arrowMiddleware=a.arrowMiddleware;exports.autoPlacementMiddleware=a.autoPlacementMiddleware;exports.autoUpdatePositioner=a.autoUpdatePositioner;exports.computePositionState=a.computePositionState;exports.createPositioner=a.createPositioner;exports.createVirtualPoint=a.createVirtualPoint;exports.createVirtualRange=a.createVirtualRange;exports.createVirtualRect=a.createVirtualRect;exports.detectPositionerOverflow=a.detectPositionerOverflow;exports.flipMiddleware=a.flipMiddleware;exports.hideMiddleware=a.hideMiddleware;exports.offsetMiddleware=a.offsetMiddleware;exports.shiftMiddleware=a.shiftMiddleware;exports.sizeMiddleware=a.sizeMiddleware;exports.AlertDialogManager=e.AlertDialogManager;exports.DialogManager=e.DialogManager;exports.alert=e.alert;exports.applySystemTheme=e.applySystemTheme;exports.applyTheme=e.applyTheme;exports.baselineDarkTokens=e.baselineDarkTokens;exports.baselineLightTokens=e.baselineLightTokens;exports.confirm=e.confirm;exports.confirmDialog=e.confirmDialog;exports.createAlertDialogManager=e.createAlertDialogManager;exports.createDialogManager=e.createDialogManager;exports.createThemeTokens=e.createThemeTokens;exports.defaultTokens=e.defaultTokens;exports.deriveForegroundOnPrimary=e.deriveForegroundOnPrimary;exports.deriveSemanticTokens=e.deriveSemanticTokens;exports.deriveThemeSurfaces=e.deriveThemeSurfaces;exports.dismissAllAlertDialogs=e.dismissAllAlertDialogs;exports.dismissAllDialogs=e.dismissAllDialogs;exports.prompt=e.prompt;exports.readableForeground=e.readableForeground;exports.registerThemeHost=e.registerThemeHost;exports.showDialog=e.showDialog;exports.themeToCss=e.themeToCss;exports.themeToVariables=e.themeToVariables;exports.withAccentPalette=e.withAccentPalette;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./portal-XbYR3m_q.js"),a=require("./positioner-DZ1FW6A9.js"),e=require("./runtime-CXw4SGV9.js");exports.autoUpdatePosition=r.autoUpdatePosition;exports.computePosition=r.computePosition;exports.createPortalContainer=r.createPortalContainer;exports.showPortalFor=r.showPortalFor;exports.arrowMiddleware=a.arrowMiddleware;exports.autoPlacementMiddleware=a.autoPlacementMiddleware;exports.autoUpdatePositioner=a.autoUpdatePositioner;exports.computePositionState=a.computePositionState;exports.createPositioner=a.createPositioner;exports.createVirtualPoint=a.createVirtualPoint;exports.createVirtualRange=a.createVirtualRange;exports.createVirtualRect=a.createVirtualRect;exports.detectPositionerOverflow=a.detectPositionerOverflow;exports.flipMiddleware=a.flipMiddleware;exports.hideMiddleware=a.hideMiddleware;exports.offsetMiddleware=a.offsetMiddleware;exports.shiftMiddleware=a.shiftMiddleware;exports.sizeMiddleware=a.sizeMiddleware;exports.AlertDialogManager=e.AlertDialogManager;exports.DialogManager=e.DialogManager;exports.alert=e.alert;exports.applySystemTheme=e.applySystemTheme;exports.applyTheme=e.applyTheme;exports.baselineDarkTokens=e.baselineDarkTokens;exports.baselineLightTokens=e.baselineLightTokens;exports.confirm=e.confirm;exports.confirmDialog=e.confirmDialog;exports.createAlertDialogManager=e.createAlertDialogManager;exports.createDialogManager=e.createDialogManager;exports.createThemeTokens=e.createThemeTokens;exports.defaultTokens=e.defaultTokens;exports.deriveForegroundOnPrimary=e.deriveForegroundOnPrimary;exports.deriveSemanticTokens=e.deriveSemanticTokens;exports.deriveThemeSurfaces=e.deriveThemeSurfaces;exports.dismissAllAlertDialogs=e.dismissAllAlertDialogs;exports.dismissAllDialogs=e.dismissAllDialogs;exports.prompt=e.prompt;exports.readableForeground=e.readableForeground;exports.registerThemeHost=e.registerThemeHost;exports.showDialog=e.showDialog;exports.themeToCss=e.themeToCss;exports.themeToVariables=e.themeToVariables;exports.withAccentPalette=e.withAccentPalette;

package/dist/runtime.esm.js

@@ -1,6 +1,6 @@
 import { a as s, c as r, b as o, s as t } from "./portal-DeaM1tYY.mjs";
 import { b as l, d as n, a as d, c, e as m, f as g, g as h, h as p, i as f, j as u, k as w, o as P, s as T, l as M } from "./positioner-BE8Nbho2.mjs";
-import { A as k, D as b, a as A, b as v, c as x, e as y, f as S, g as V, h as F, i as j, j as C, k as O, l as R, m as U, n as q, o as z, p as H, q as L, r as B, s as E, t as G, u as I, v as J, w as K, x as N } from "./runtime-CQM6wZOc.mjs";
+import { A as k, D as b, a as A, b as v, c as x, e as y, f as S, g as V, h as F, i as j, j as C, k as O, l as R, m as U, n as q, o as z, p as H, q as L, r as B, s as E, t as G, u as I, v as J, w as K, x as N } from "./runtime-BRT7E4A8.mjs";
 export {
   k as AlertDialogManager,
   b as DialogManager,

package/dist/select.cjs.js

@@ -18,7 +18,7 @@
     --ui-select-accent: var(--ui-color-primary, #2563eb);
     --ui-select-success: var(--ui-color-success, #15803d);
     --ui-select-warning: var(--ui-color-warning, #b45309);
-    --ui-select-error: var(--ui-color-danger, #dc2626);
+    --ui-select-error: var(--ui-color-danger-text, var(--ui-color-danger, #dc2626));
 
     --ui-select-shadow: var(--base-select-shadow, none);
     --ui-select-elevation: var(--ui-select-shadow);
@@ -307,7 +307,7 @@
   }
 
   .menu-group {
-    color: color-mix(in srgb, var(--ui-select-muted) 88%, transparent);
+    color: var(--ui-select-muted);
     font: 700 11px/1.3 "Inter", "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     letter-spacing: 0.08em;
     text-transform: uppercase;

package/dist/select.esm.js

@@ -23,7 +23,7 @@ const T = `
     --ui-select-accent: var(--ui-color-primary, #2563eb);
     --ui-select-success: var(--ui-color-success, #15803d);
     --ui-select-warning: var(--ui-color-warning, #b45309);
-    --ui-select-error: var(--ui-color-danger, #dc2626);
+    --ui-select-error: var(--ui-color-danger-text, var(--ui-color-danger, #dc2626));
 
     --ui-select-shadow: var(--base-select-shadow, none);
     --ui-select-elevation: var(--ui-select-shadow);
@@ -312,7 +312,7 @@ const T = `
   }
 
   .menu-group {
-    color: color-mix(in srgb, var(--ui-select-muted) 88%, transparent);
+    color: var(--ui-select-muted);
     font: 700 11px/1.3 "Inter", "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     letter-spacing: 0.08em;
     text-transform: uppercase;

package/dist/separator.cjs.js

@@ -111,22 +111,22 @@
 
   :host([tone="brand"]) {
     --ui-separator-color: color-mix(in srgb, var(--ui-color-primary, #2563eb) 38%, transparent);
-    --ui-separator-label-color: color-mix(in srgb, var(--ui-color-primary, #2563eb) 68%, var(--ui-color-muted, #526175));
+    --ui-separator-label-color: var(--ui-color-accent-text, color-mix(in srgb, var(--ui-color-primary, #2563eb) 68%, var(--ui-color-muted, #526175)));
   }
 
   :host([tone="success"]) {
     --ui-separator-color: color-mix(in srgb, var(--ui-color-success, #15803d) 40%, transparent);
-    --ui-separator-label-color: color-mix(in srgb, var(--ui-color-success, #15803d) 70%, var(--ui-color-muted, #526175));
+    --ui-separator-label-color: var(--ui-color-success-text, color-mix(in srgb, var(--ui-color-success, #15803d) 70%, var(--ui-color-muted, #526175)));
   }
 
   :host([tone="warning"]) {
     --ui-separator-color: color-mix(in srgb, var(--ui-color-warning, #b45309) 40%, transparent);
-    --ui-separator-label-color: color-mix(in srgb, var(--ui-color-warning, #b45309) 70%, var(--ui-color-muted, #526175));
+    --ui-separator-label-color: var(--ui-color-warning-text, color-mix(in srgb, var(--ui-color-warning, #b45309) 70%, var(--ui-color-muted, #526175)));
   }
 
   :host([tone="danger"]) {
     --ui-separator-color: color-mix(in srgb, var(--ui-color-danger, #dc2626) 40%, transparent);
-    --ui-separator-label-color: color-mix(in srgb, var(--ui-color-danger, #dc2626) 70%, var(--ui-color-muted, #526175));
+    --ui-separator-label-color: var(--ui-color-danger-text, color-mix(in srgb, var(--ui-color-danger, #dc2626) 70%, var(--ui-color-muted, #526175)));
   }
 
   :host([variant="dashed"]) .line {
@@ -207,13 +207,13 @@
       --ui-separator-glow: none;
     }
   }
-`;function p(o){return o.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}class i extends s.ElementBase{static get observedAttributes(){return["orientation","headless","variant","tone","size","inset","label","decorative"]}attributeChangedCallback(e,r,a){r!==a&&this.isConnected&&this.requestRender()}render(){const e=this.getAttribute("orientation")==="vertical"?"vertical":"horizontal",r=this.hasAttribute("decorative"),a=this.getAttribute("label")||"",t=e==="horizontal"&&(a.length>0||!!this.querySelector('[slot="label"]')),n=r?"presentation":"separator";this.setContent(`
+`;function c(o){return o.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}class i extends s.ElementBase{static get observedAttributes(){return["orientation","headless","variant","tone","size","inset","label","decorative"]}attributeChangedCallback(e,r,a){r!==a&&this.isConnected&&this.requestRender()}render(){const e=this.getAttribute("orientation")==="vertical"?"vertical":"horizontal",r=this.hasAttribute("decorative"),a=this.getAttribute("label")||"",t=e==="horizontal"&&(a.length>0||!!this.querySelector('[slot="label"]')),n=r?"presentation":"separator";this.setContent(`
       <style>${l}</style>
       <div class="root" part="root" role="${n}" ${r?"":`aria-orientation="${e}"`}>
         <div class="group" part="group" data-has-label="${t}">
           <span class="line line-start" part="line line-start"></span>
           <span class="label" part="label" ${t?"":"hidden"}>
-            <slot name="label">${p(a)}</slot>
+            <slot name="label">${c(a)}</slot>
           </span>
           <span class="line line-end" part="line line-end" ${t?"":"hidden"}></span>
         </div>

package/dist/separator.esm.js

@@ -112,22 +112,22 @@ const s = `
 
   :host([tone="brand"]) {
     --ui-separator-color: color-mix(in srgb, var(--ui-color-primary, #2563eb) 38%, transparent);
-    --ui-separator-label-color: color-mix(in srgb, var(--ui-color-primary, #2563eb) 68%, var(--ui-color-muted, #526175));
+    --ui-separator-label-color: var(--ui-color-accent-text, color-mix(in srgb, var(--ui-color-primary, #2563eb) 68%, var(--ui-color-muted, #526175)));
   }
 
   :host([tone="success"]) {
     --ui-separator-color: color-mix(in srgb, var(--ui-color-success, #15803d) 40%, transparent);
-    --ui-separator-label-color: color-mix(in srgb, var(--ui-color-success, #15803d) 70%, var(--ui-color-muted, #526175));
+    --ui-separator-label-color: var(--ui-color-success-text, color-mix(in srgb, var(--ui-color-success, #15803d) 70%, var(--ui-color-muted, #526175)));
   }
 
   :host([tone="warning"]) {
     --ui-separator-color: color-mix(in srgb, var(--ui-color-warning, #b45309) 40%, transparent);
-    --ui-separator-label-color: color-mix(in srgb, var(--ui-color-warning, #b45309) 70%, var(--ui-color-muted, #526175));
+    --ui-separator-label-color: var(--ui-color-warning-text, color-mix(in srgb, var(--ui-color-warning, #b45309) 70%, var(--ui-color-muted, #526175)));
   }
 
   :host([tone="danger"]) {
     --ui-separator-color: color-mix(in srgb, var(--ui-color-danger, #dc2626) 40%, transparent);
-    --ui-separator-label-color: color-mix(in srgb, var(--ui-color-danger, #dc2626) 70%, var(--ui-color-muted, #526175));
+    --ui-separator-label-color: var(--ui-color-danger-text, color-mix(in srgb, var(--ui-color-danger, #dc2626) 70%, var(--ui-color-muted, #526175)));
   }
 
   :host([variant="dashed"]) .line {
@@ -212,7 +212,7 @@ const s = `
 function l(o) {
   return o.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-class p extends n {
+class c extends n {
   static get observedAttributes() {
     return ["orientation", "headless", "variant", "tone", "size", "inset", "label", "decorative"];
   }
@@ -235,7 +235,7 @@ class p extends n {
     `);
   }
 }
-typeof customElements < "u" && !customElements.get("ui-separator") && customElements.define("ui-separator", p);
+typeof customElements < "u" && !customElements.get("ui-separator") && customElements.define("ui-separator", c);
 export {
-  p as UISeparator
+  c as UISeparator
 };

package/dist/sidebar.cjs.js

@@ -380,7 +380,7 @@
 
     .item-button[data-tone="danger"] .item-label,
     .item-button[data-tone="danger"] .meta {
-      color: color-mix(in srgb, var(--ui-color-danger, #dc2626) 84%, var(--ui-color-text, #0f172a));
+      color: var(--ui-color-danger-text, color-mix(in srgb, var(--ui-color-danger, #dc2626) 84%, var(--ui-color-text, #0f172a)));
     }
 
     .icon-wrap,
@@ -567,8 +567,9 @@
     .resize-handle {
       position: absolute;
       inset-block: 16px;
-      inset-inline-end: 0;
-      inline-size: 10px;
+      /* a 24px target (WCAG 2.5.8) centred on the edge, so half of it sits outside the sidebar */
+      inset-inline-end: -12px;
+      inline-size: 24px;
       cursor: ew-resize;
       background: transparent;
       border: none;
@@ -581,7 +582,7 @@
       content: '';
       position: absolute;
       inset-block: 6px;
-      inset-inline-end: 3px;
+      inset-inline-end: 10.5px;
       inline-size: 3px;
       border-radius: 999px;
       background: color-mix(in srgb, currentColor 20%, transparent);
@@ -594,13 +595,13 @@
 
     :host([position="right"]) .resize-handle {
       inset-inline-end: auto;
-      inset-inline-start: 0;
+      inset-inline-start: -12px;
       cursor: ew-resize;
     }
 
     :host([position="right"]) .resize-handle::before {
       inset-inline-end: auto;
-      inset-inline-start: 3px;
+      inset-inline-start: 10.5px;
     }
 
     :host(:not([resizable])) .resize-handle {

package/dist/sidebar.esm.js

@@ -410,7 +410,7 @@ const y = {
 
     .item-button[data-tone="danger"] .item-label,
     .item-button[data-tone="danger"] .meta {
-      color: color-mix(in srgb, var(--ui-color-danger, #dc2626) 84%, var(--ui-color-text, #0f172a));
+      color: var(--ui-color-danger-text, color-mix(in srgb, var(--ui-color-danger, #dc2626) 84%, var(--ui-color-text, #0f172a)));
     }
 
     .icon-wrap,
@@ -597,8 +597,9 @@ const y = {
     .resize-handle {
       position: absolute;
       inset-block: 16px;
-      inset-inline-end: 0;
-      inline-size: 10px;
+      /* a 24px target (WCAG 2.5.8) centred on the edge, so half of it sits outside the sidebar */
+      inset-inline-end: -12px;
+      inline-size: 24px;
       cursor: ew-resize;
       background: transparent;
       border: none;
@@ -611,7 +612,7 @@ const y = {
       content: '';
       position: absolute;
       inset-block: 6px;
-      inset-inline-end: 3px;
+      inset-inline-end: 10.5px;
       inline-size: 3px;
       border-radius: 999px;
       background: color-mix(in srgb, currentColor 20%, transparent);
@@ -624,13 +625,13 @@ const y = {
 
     :host([position="right"]) .resize-handle {
       inset-inline-end: auto;
-      inset-inline-start: 0;
+      inset-inline-start: -12px;
       cursor: ew-resize;
     }
 
     :host([position="right"]) .resize-handle::before {
       inset-inline-end: auto;
-      inset-inline-start: 3px;
+      inset-inline-start: 10.5px;
     }
 
     :host(:not([resizable])) .resize-handle {

package/dist/slot.cjs.js

@@ -101,7 +101,7 @@
     --ui-slot-border-color: color-mix(in srgb, var(--ui-slot-accent) 30%, transparent);
     --ui-slot-padding: 2px 9px;
     --ui-slot-radius: 999px;
-    --ui-slot-text: color-mix(in srgb, var(--ui-slot-accent) 88%, #0f172a);
+    --ui-slot-text: color-mix(in srgb, var(--ui-slot-accent) 35%, var(--ui-color-text-strong, #0f172a));
   }
 
   :host([variant="contrast"]) {

package/dist/slot.esm.js

@@ -102,7 +102,7 @@ const r = `
     --ui-slot-border-color: color-mix(in srgb, var(--ui-slot-accent) 30%, transparent);
     --ui-slot-padding: 2px 9px;
     --ui-slot-radius: 999px;
-    --ui-slot-text: color-mix(in srgb, var(--ui-slot-accent) 88%, #0f172a);
+    --ui-slot-text: color-mix(in srgb, var(--ui-slot-accent) 35%, var(--ui-color-text-strong, #0f172a));
   }
 
   :host([variant="contrast"]) {

package/dist/sortable.cjs.js

@@ -91,7 +91,7 @@
     padding-inline: 7px;
     border-radius: 999px;
     background: color-mix(in srgb, var(--ui-sortable-accent) 14%, transparent);
-    color: color-mix(in srgb, var(--ui-sortable-accent) 84%, var(--ui-sortable-text));
+    color: color-mix(in srgb, var(--ui-sortable-accent) 45%, var(--ui-sortable-text));
     font-size: 11.5px;
     font-weight: 700;
   }
@@ -243,7 +243,7 @@
   .empty:has(+ .dropzone[data-active="true"]) {
     border-color: var(--ui-sortable-accent);
     background: color-mix(in srgb, var(--ui-sortable-accent) 7%, transparent);
-    color: color-mix(in srgb, var(--ui-sortable-accent) 80%, var(--ui-sortable-text));
+    color: color-mix(in srgb, var(--ui-sortable-accent) 45%, var(--ui-sortable-text));
   }
 
   .items {
@@ -403,7 +403,7 @@
     font-weight: 700;
     letter-spacing: 0.08em;
     text-transform: uppercase;
-    color: color-mix(in srgb, var(--ui-sortable-accent) 78%, var(--ui-sortable-text));
+    color: color-mix(in srgb, var(--ui-sortable-accent) 45%, var(--ui-sortable-text));
   }
 
   .placeholder-title {
@@ -588,7 +588,7 @@
 
   .item-badge.selection-badge {
     background: color-mix(in srgb, var(--ui-sortable-accent) 14%, transparent);
-    color: color-mix(in srgb, var(--ui-sortable-accent) 82%, var(--ui-sortable-text));
+    color: color-mix(in srgb, var(--ui-sortable-accent) 45%, var(--ui-sortable-text));
   }
 
   .item-badge[hidden] {
@@ -602,7 +602,7 @@
   .item[data-drop-inside-active="true"] .item-badge.drop-badge {
     display: inline-flex;
     background: color-mix(in srgb, var(--ui-sortable-accent) 18%, var(--ui-sortable-card));
-    color: color-mix(in srgb, var(--ui-sortable-accent) 80%, var(--ui-sortable-text));
+    color: color-mix(in srgb, var(--ui-sortable-accent) 45%, var(--ui-sortable-text));
   }
 
   /* A quiet grip: faint until the card is hovered, focused, selected or dragged. */
@@ -802,7 +802,7 @@
 
   .root[data-dropzone-style="container"] .dropzone-label {
     display: block;
-    color: color-mix(in srgb, var(--ui-sortable-accent) 80%, var(--ui-sortable-text));
+    color: color-mix(in srgb, var(--ui-sortable-accent) 45%, var(--ui-sortable-text));
     font-size: 12px;
     font-weight: 650;
     letter-spacing: 0.02em;

package/dist/sortable.esm.js

@@ -163,7 +163,7 @@ const ht = 1, Y = {
     padding-inline: 7px;
     border-radius: 999px;
     background: color-mix(in srgb, var(--ui-sortable-accent) 14%, transparent);
-    color: color-mix(in srgb, var(--ui-sortable-accent) 84%, var(--ui-sortable-text));
+    color: color-mix(in srgb, var(--ui-sortable-accent) 45%, var(--ui-sortable-text));
     font-size: 11.5px;
     font-weight: 700;
   }
@@ -315,7 +315,7 @@ const ht = 1, Y = {
   .empty:has(+ .dropzone[data-active="true"]) {
     border-color: var(--ui-sortable-accent);
     background: color-mix(in srgb, var(--ui-sortable-accent) 7%, transparent);
-    color: color-mix(in srgb, var(--ui-sortable-accent) 80%, var(--ui-sortable-text));
+    color: color-mix(in srgb, var(--ui-sortable-accent) 45%, var(--ui-sortable-text));
   }
 
   .items {
@@ -475,7 +475,7 @@ const ht = 1, Y = {
     font-weight: 700;
     letter-spacing: 0.08em;
     text-transform: uppercase;
-    color: color-mix(in srgb, var(--ui-sortable-accent) 78%, var(--ui-sortable-text));
+    color: color-mix(in srgb, var(--ui-sortable-accent) 45%, var(--ui-sortable-text));
   }
 
   .placeholder-title {
@@ -660,7 +660,7 @@ const ht = 1, Y = {
 
   .item-badge.selection-badge {
     background: color-mix(in srgb, var(--ui-sortable-accent) 14%, transparent);
-    color: color-mix(in srgb, var(--ui-sortable-accent) 82%, var(--ui-sortable-text));
+    color: color-mix(in srgb, var(--ui-sortable-accent) 45%, var(--ui-sortable-text));
   }
 
   .item-badge[hidden] {
@@ -674,7 +674,7 @@ const ht = 1, Y = {
   .item[data-drop-inside-active="true"] .item-badge.drop-badge {
     display: inline-flex;
     background: color-mix(in srgb, var(--ui-sortable-accent) 18%, var(--ui-sortable-card));
-    color: color-mix(in srgb, var(--ui-sortable-accent) 80%, var(--ui-sortable-text));
+    color: color-mix(in srgb, var(--ui-sortable-accent) 45%, var(--ui-sortable-text));
   }
 
   /* A quiet grip: faint until the card is hovered, focused, selected or dragged. */
@@ -874,7 +874,7 @@ const ht = 1, Y = {
 
   .root[data-dropzone-style="container"] .dropzone-label {
     display: block;
-    color: color-mix(in srgb, var(--ui-sortable-accent) 80%, var(--ui-sortable-text));
+    color: color-mix(in srgb, var(--ui-sortable-accent) 45%, var(--ui-sortable-text));
     font-size: 12px;
     font-weight: 650;
     letter-spacing: 0.02em;

package/dist/split-button.cjs.js

@@ -4,7 +4,7 @@
     --ui-split-button-border: 1px solid color-mix(in srgb, var(--ui-color-border, #cbd5e1) 70%, transparent);
     --ui-split-button-bg: var(--ui-color-primary, #2563eb);
     --ui-split-button-bg-strong: color-mix(in srgb, var(--ui-split-button-bg) 84%, #0f172a 16%);
-    --ui-split-button-color: #ffffff;
+    --ui-split-button-color: var(--ui-color-foreground-on-primary, #ffffff);
     --ui-split-button-shadow: 0 1px 2px rgba(2, 6, 23, 0.12), 0 8px 18px color-mix(in srgb, var(--ui-split-button-bg) 20%, transparent);
     --ui-split-button-menu-bg: var(--ui-color-surface, #ffffff);
     --ui-split-button-menu-color: var(--ui-color-text, #0f172a);
@@ -16,7 +16,7 @@
     --ui-split-button-menu-shortcut: color-mix(in srgb, var(--ui-split-button-menu-color) 60%, transparent);
     --ui-split-button-menu-separator: color-mix(in srgb, var(--ui-split-button-menu-color) 10%, transparent);
     --ui-split-button-menu-muted: color-mix(in srgb, var(--ui-split-button-menu-color) 58%, transparent);
-    --ui-split-button-menu-danger: var(--ui-color-danger, #dc2626);
+    --ui-split-button-menu-danger: var(--ui-color-danger-text, var(--ui-color-danger, #dc2626));
     --ui-split-button-menu-option-border: transparent;
     --ui-split-button-menu-option-border-strong: color-mix(in srgb, var(--ui-split-button-bg) 24%, transparent);
     --ui-split-button-menu-option-shadow: none;

package/dist/split-button.esm.js

@@ -33,7 +33,7 @@ const l = 160, x = [
     --ui-split-button-border: 1px solid color-mix(in srgb, var(--ui-color-border, #cbd5e1) 70%, transparent);
     --ui-split-button-bg: var(--ui-color-primary, #2563eb);
     --ui-split-button-bg-strong: color-mix(in srgb, var(--ui-split-button-bg) 84%, #0f172a 16%);
-    --ui-split-button-color: #ffffff;
+    --ui-split-button-color: var(--ui-color-foreground-on-primary, #ffffff);
     --ui-split-button-shadow: 0 1px 2px rgba(2, 6, 23, 0.12), 0 8px 18px color-mix(in srgb, var(--ui-split-button-bg) 20%, transparent);
     --ui-split-button-menu-bg: var(--ui-color-surface, #ffffff);
     --ui-split-button-menu-color: var(--ui-color-text, #0f172a);
@@ -45,7 +45,7 @@ const l = 160, x = [
     --ui-split-button-menu-shortcut: color-mix(in srgb, var(--ui-split-button-menu-color) 60%, transparent);
     --ui-split-button-menu-separator: color-mix(in srgb, var(--ui-split-button-menu-color) 10%, transparent);
     --ui-split-button-menu-muted: color-mix(in srgb, var(--ui-split-button-menu-color) 58%, transparent);
-    --ui-split-button-menu-danger: var(--ui-color-danger, #dc2626);
+    --ui-split-button-menu-danger: var(--ui-color-danger-text, var(--ui-color-danger, #dc2626));
     --ui-split-button-menu-option-border: transparent;
     --ui-split-button-menu-option-border-strong: color-mix(in srgb, var(--ui-split-button-bg) 24%, transparent);
     --ui-split-button-menu-option-shadow: none;