@editora/ui-core 0.1.24 → 0.2.0

package/dist/runtime-DxCl0A5q.js

@@ -0,0 +1,5 @@
+"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;

package/dist/runtime.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./portal-DgpQ3Jo1.js"),a=require("./positioner-D_fqyx_j.js"),e=require("./runtime-DwE-tizc.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.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.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.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-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;

package/dist/runtime.d.ts

@@ -2,8 +2,9 @@ export { computePosition, createPortalContainer, autoUpdatePosition, showPortalF
 export type { Placement, ComputeOptions, VirtualElement, ShowPortalOptions } from './portal';
 export { autoUpdatePositioner, arrowMiddleware, autoPlacementMiddleware, computePositionState, createPositioner, createVirtualPoint, createVirtualRange, createVirtualRect, detectPositionerOverflow, flipMiddleware, hideMiddleware, offsetMiddleware, shiftMiddleware, sizeMiddleware, } from './primitives/positioner';
 export type { PositionerAnchor, PositionerAlign, PositionerAutoUpdateOptions, PositionerBoundaryRect, PositionerHandle, PositionerMiddleware, PositionerMiddlewareData, PositionerMiddlewareReturn, PositionerMiddlewareState, PositionerOptions, PositionerOverflow, PositionerPlatform, PositionerPlacement, PositionerRects, PositionerSide, PositionerState, PositionerStrategy, PositionerVirtualElement, } from './primitives/positioner';
-export { applyTheme, defaultTokens, baselineLightTokens, baselineDarkTokens, createThemeTokens, deriveThemeSurfaces, readableForeground, deriveForegroundOnPrimary, withAccentPalette, registerThemeHost, } from './theme';
-export type { ThemeTokens, ThemeMode, AccentPaletteName } from './theme';
+export { applyTheme, applySystemTheme, themeToVariables, themeToCss, defaultTokens, baselineLightTokens, baselineDarkTokens, createThemeTokens, deriveThemeSurfaces, readableForeground, deriveForegroundOnPrimary, withAccentPalette, registerThemeHost, } from './theme';
+export type { ThemeTokens, ThemeMode, AccentPaletteName, SystemThemeOptions } from './theme';
+export { deriveSemanticTokens } from './semantic-tokens';
 export { DialogManager, createDialogManager, showDialog, confirmDialog, dismissAllDialogs, } from './dialog-manager';
 export type { DialogManagerApi, DialogMode, DialogAction, DialogDismissSource, DialogResult, DialogSubmitContext, DialogOptions, } from './dialog-manager';
 export { AlertDialogManager, createAlertDialogManager, alert, confirm, prompt, dismissAllAlertDialogs, } from './alert-dialog-manager';

package/dist/runtime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,qBAAqB,EACrB,kBAAkB,EAClB,aAAa,GACd,MAAM,UAAU,CAAC;AAClB,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7F,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,cAAc,GACf,MAAM,yBAAyB,CAAC;AACjC,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,2BAA2B,EAC3B,sBAAsB,EACtB,gBAAgB,EAChB,oBAAoB,EACpB,wBAAwB,EACxB,0BAA0B,EAC1B,yBAAyB,EACzB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EACf,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,wBAAwB,GACzB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,UAAU,EACV,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,yBAAyB,EACzB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEzE,OAAO,EACL,aAAa,EACb,mBAAmB,EACnB,UAAU,EACV,aAAa,EACb,iBAAiB,GAClB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACV,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,mBAAmB,EACnB,YAAY,EACZ,mBAAmB,EACnB,aAAa,GACd,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,KAAK,EACL,OAAO,EACP,MAAM,EACN,sBAAsB,GACvB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,wBAAwB,EACxB,WAAW,EACX,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,0BAA0B,EAC1B,yBAAyB,EACzB,wBAAwB,EACxB,yBAAyB,EACzB,wBAAwB,EACxB,uBAAuB,EACvB,yBAAyB,EACzB,wBAAwB,GACzB,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,qBAAqB,EACrB,kBAAkB,EAClB,aAAa,GACd,MAAM,UAAU,CAAC;AAClB,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7F,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,cAAc,GACf,MAAM,yBAAyB,CAAC;AACjC,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,2BAA2B,EAC3B,sBAAsB,EACtB,gBAAgB,EAChB,oBAAoB,EACpB,wBAAwB,EACxB,0BAA0B,EAC1B,yBAAyB,EACzB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EACf,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,wBAAwB,GACzB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,UAAU,EACV,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,yBAAyB,EACzB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC7F,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAEzD,OAAO,EACL,aAAa,EACb,mBAAmB,EACnB,UAAU,EACV,aAAa,EACb,iBAAiB,GAClB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACV,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,mBAAmB,EACnB,YAAY,EACZ,mBAAmB,EACnB,aAAa,GACd,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,KAAK,EACL,OAAO,EACP,MAAM,EACN,sBAAsB,GACvB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,wBAAwB,EACxB,WAAW,EACX,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,0BAA0B,EAC1B,yBAAyB,EACzB,wBAAwB,EACxB,yBAAyB,EACzB,wBAAwB,EACxB,uBAAuB,EACvB,yBAAyB,EACzB,wBAAwB,GACzB,MAAM,wBAAwB,CAAC"}

package/dist/runtime.esm.js

@@ -1,44 +1,48 @@
-import { a as s, c as r, b as o, s as i } from "./portal-bR42gHvG.mjs";
-import { b as l, d, a as n, c, e as g, f as m, g as f, h as p, i as w, j as h, k as u, o as P, s as M, l as D } from "./positioner-D0VGxtYU.mjs";
-import { A as k, D as A, a as b, b as v, d as x, e as F, f as V, g as j, h as y, i as O, j as R, k as S, l as U, m as q, n as z, o as C, p as H, r as L, q as B, s as E, w as G } from "./runtime-CFnK53iC.mjs";
+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";
 export {
   k as AlertDialogManager,
-  A as DialogManager,
-  b as alert,
-  v as applyTheme,
+  b as DialogManager,
+  A as alert,
+  v as applySystemTheme,
+  x as applyTheme,
   l as arrowMiddleware,
-  d as autoPlacementMiddleware,
+  n as autoPlacementMiddleware,
   s as autoUpdatePosition,
-  n as autoUpdatePositioner,
-  x as baselineDarkTokens,
-  F as baselineLightTokens,
+  d as autoUpdatePositioner,
+  y as baselineDarkTokens,
+  S as baselineLightTokens,
   r as computePosition,
   c as computePositionState,
   V as confirm,
-  j as confirmDialog,
-  y as createAlertDialogManager,
-  O as createDialogManager,
+  F as confirmDialog,
+  j as createAlertDialogManager,
+  C as createDialogManager,
   o as createPortalContainer,
-  g as createPositioner,
-  R as createThemeTokens,
-  m as createVirtualPoint,
-  f as createVirtualRange,
+  m as createPositioner,
+  O as createThemeTokens,
+  g as createVirtualPoint,
+  h as createVirtualRange,
   p as createVirtualRect,
-  S as defaultTokens,
+  R as defaultTokens,
   U as deriveForegroundOnPrimary,
-  q as deriveThemeSurfaces,
-  w as detectPositionerOverflow,
-  z as dismissAllAlertDialogs,
-  C as dismissAllDialogs,
-  h as flipMiddleware,
-  u as hideMiddleware,
+  q as deriveSemanticTokens,
+  z as deriveThemeSurfaces,
+  f as detectPositionerOverflow,
+  H as dismissAllAlertDialogs,
+  L as dismissAllDialogs,
+  u as flipMiddleware,
+  w as hideMiddleware,
   P as offsetMiddleware,
-  H as prompt,
-  L as readableForeground,
-  B as registerThemeHost,
-  M as shiftMiddleware,
-  E as showDialog,
-  i as showPortalFor,
-  D as sizeMiddleware,
-  G as withAccentPalette
+  B as prompt,
+  E as readableForeground,
+  G as registerThemeHost,
+  T as shiftMiddleware,
+  I as showDialog,
+  t as showPortalFor,
+  M as sizeMiddleware,
+  J as themeToCss,
+  K as themeToVariables,
+  N as withAccentPalette
 };

package/dist/scroll-area.cjs.js

@@ -6,16 +6,15 @@
     position: relative;
     color-scheme: light dark;
 
-    --ui-scroll-radius: 12px;
+    --ui-scroll-radius: calc(var(--ui-radius, 6px) + 2px);
     --ui-scroll-pad: 0px;
     --ui-scroll-track-size: 10px;
     --ui-scroll-track-bg: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 18%, transparent);
     --ui-scroll-thumb-bg: color-mix(in srgb, var(--ui-color-border, #94a3b8) 64%, transparent);
     --ui-scroll-thumb-hover: color-mix(in srgb, var(--ui-color-border, #64748b) 84%, transparent);
     --ui-scroll-bg: transparent;
-    --ui-scroll-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent);
-    --ui-scroll-shadow:
-      none;
+    --ui-scroll-border: var(--ui-color-line-subtle, color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent));
+    --ui-scroll-shadow: none;
   }
 
   .shell {

package/dist/scroll-area.esm.js

@@ -7,16 +7,15 @@ const p = `
     position: relative;
     color-scheme: light dark;
 
-    --ui-scroll-radius: 12px;
+    --ui-scroll-radius: calc(var(--ui-radius, 6px) + 2px);
     --ui-scroll-pad: 0px;
     --ui-scroll-track-size: 10px;
     --ui-scroll-track-bg: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 18%, transparent);
     --ui-scroll-thumb-bg: color-mix(in srgb, var(--ui-color-border, #94a3b8) 64%, transparent);
     --ui-scroll-thumb-hover: color-mix(in srgb, var(--ui-color-border, #64748b) 84%, transparent);
     --ui-scroll-bg: transparent;
-    --ui-scroll-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent);
-    --ui-scroll-shadow:
-      none;
+    --ui-scroll-border: var(--ui-color-line-subtle, color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent));
+    --ui-scroll-shadow: none;
   }
 
   .shell {

package/dist/section.cjs.js

@@ -6,7 +6,7 @@
 
     --ui-section-pad-y: 14px;
     --ui-section-pad-x: 0px;
-    --ui-section-radius: 14px;
+    --ui-section-radius: calc(var(--ui-radius, 6px) + 4px);
     --ui-section-bg: transparent;
     --ui-section-text: inherit;
     --ui-section-border: transparent;
@@ -91,9 +91,7 @@
     --ui-section-bg: var(--ui-color-surface, #ffffff);
     --ui-section-text: var(--ui-color-text, #0f172a);
     --ui-section-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 58%, transparent);
-    --ui-section-shadow:
-      0 1px 3px rgba(2, 6, 23, 0.08),
-      0 18px 40px rgba(2, 6, 23, 0.12);
+    --ui-section-shadow: var(--shadow-3, 0 4px 12px rgba(2, 6, 23, 0.1));
   }
 
   :host([variant="gradient"]) {

package/dist/section.esm.js

@@ -7,7 +7,7 @@ const a = `
 
     --ui-section-pad-y: 14px;
     --ui-section-pad-x: 0px;
-    --ui-section-radius: 14px;
+    --ui-section-radius: calc(var(--ui-radius, 6px) + 4px);
     --ui-section-bg: transparent;
     --ui-section-text: inherit;
     --ui-section-border: transparent;
@@ -92,9 +92,7 @@ const a = `
     --ui-section-bg: var(--ui-color-surface, #ffffff);
     --ui-section-text: var(--ui-color-text, #0f172a);
     --ui-section-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 58%, transparent);
-    --ui-section-shadow:
-      0 1px 3px rgba(2, 6, 23, 0.08),
-      0 18px 40px rgba(2, 6, 23, 0.12);
+    --ui-section-shadow: var(--shadow-3, 0 4px 12px rgba(2, 6, 23, 0.1));
   }
 
   :host([variant="gradient"]) {