@editora/ui-core 0.1.9 → 0.1.10

package/dist/runtime-5f282bc8.js

@@ -0,0 +1 @@
+"use strict";require("./portal-d8d7fbca.js");function Za(){return typeof window<"u"&&typeof document<"u"}function oe(e){return e?typeof e=="string"?e:e instanceof Error&&e.message?e.message:"Something went wrong. Please try again.":"Something went wrong. Please try again."}function te(e){return e==="replace"||e==="stack"?e:"queue"}function Ua(e){return`ui-alert-dialog-${e}`}function re(e,a){var r,o;const n=e.kind==="alert"&&a.action==="cancel"?"dismiss":a.action,i=(r=e.dialog)==null?void 0:r.getChecked();if(e.kind==="prompt"){const c=((o=e.dialog)==null?void 0:o.getInputValue())??e.value??"";return{id:e.id,action:n,value:c,checked:i,source:a.source,reason:a.reason}}return{id:e.id,action:n,value:e.value,checked:i,source:a.source,reason:a.reason}}function ka(e,a,n){var i,r,o;return e.kind==="prompt"?{id:e.id,action:"dismiss",value:((i=e.dialog)==null?void 0:i.getInputValue())??e.value??"",checked:(r=e.dialog)==null?void 0:r.getChecked(),source:a,reason:n}:{id:e.id,action:"dismiss",value:e.value,checked:(o=e.dialog)==null?void 0:o.getChecked(),source:a,reason:n}}function se(e){return e==="esc"||e==="backdrop"||e==="close-icon"||e==="abort"||e==="unmount"||e==="replace"||e==="programmatic"?e:"abort"}class Ga{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 n=[...this._active,...this._queue];this._queue=[];for(const i of n)this._settle(i,ka(i,a),!1);this._active=[],this._ownsContainer&&this._container&&this._container.parentElement&&this._container.parentElement.removeChild(this._container),this._container=null,this._ownsContainer=!1}_enqueue(a,n){const i=this._mergeOptions(n);if(!Za()||this._disposed){const c={id:i.id||Ua(++this._seed),action:"dismiss",source:"unmount"};return Promise.resolve(c)}const r=i.id||Ua(++this._seed),o=te(i.mode);return new Promise(c=>{var d;const l={id:r,kind:a,mode:o,options:i,settled:!1,processing:!1,resolve:c,cleanup:[]};if((d=i.signal)!=null&&d.aborted){this._settle(l,ka(l,"abort"),!1);return}if(o==="replace"){const f=this._active[this._active.length-1];f&&this._settle(f,ka(f,"replace","replace"),!1,!1),this._open(l);return}if(o==="stack"){this._open(l);return}if(this._active.length>0){this._queue.push(l);return}this._open(l)})}_open(a){var d;const n=this._ensureContainer();if(!n){this._settle(a,ka(a,"unmount"),!1);return}const i=document.createElement("ui-alert-dialog");a.dialog=i,a.checked=!!((d=a.options.checkbox)!=null&&d.defaultChecked);const r=this._buildConfig(a);i.dialogId=a.id,i.config=r;const o=f=>{if(a.settled)return;const u=f.detail;a.value=u==null?void 0:u.inputValue,a.checked=u==null?void 0:u.checked;const m=this._validatePrompt(a);if(m){f.preventDefault(),i.setError(m);return}if(!a.options.onConfirm){i.clearError();return}f.preventDefault(),a.processing=!0,i.state="loading",i.clearError(),Promise.resolve(a.options.onConfirm({id:a.id,value:a.value,checked:a.checked,dialog:i,signal:a.options.signal})).then(()=>{a.processing=!1,i.state="idle",i.clearError(),a.settled||i.close("confirm")}).catch(h=>{a.processing=!1,i.state="error",i.setError(oe(h))})},c=()=>{a.settled||(a.value=i.getInputValue(),a.checked=i.getChecked(),i.state==="error"&&i.clearError())},l=f=>{if(a.settled)return;const u=f.detail;this._handleClose(a,u)};if(i.addEventListener("ui-confirm",o),i.addEventListener("ui-change",c),i.addEventListener("ui-close",l),a.cleanup.push(()=>i.removeEventListener("ui-confirm",o)),a.cleanup.push(()=>i.removeEventListener("ui-change",c)),a.cleanup.push(()=>i.removeEventListener("ui-close",l)),a.options.signal){const f=()=>{a.settled||this._settle(a,ka(a,"abort"),!1)};a.options.signal.addEventListener("abort",f,{once:!0}),a.cleanup.push(()=>{var u;return(u=a.options.signal)==null?void 0:u.removeEventListener("abort",f)})}this._active.push(a),n.appendChild(i),i.open=!0,this._updateStackZIndex()}_validatePrompt(a){var o;if(a.kind!=="prompt")return null;const i=a.options.input,r=((o=a.dialog)==null?void 0:o.getInputValue())??a.value??"";return i!=null&&i.required&&!r.trim()?"Please enter a value.":i!=null&&i.validate?i.validate(r):null}_settle(a,n,i,r=!0){if(!a.settled){if(a.settled=!0,this._cleanupRequest(a),this._active=this._active.filter(o=>o!==a),this._queue=this._queue.filter(o=>o!==a),a.dialog){const o=a.dialog;if(!i&&o.open){const c=se(n.source);o.close("dismiss",c,n.reason)}o.parentElement&&o.parentElement.removeChild(o)}a.resolve(n),this._updateStackZIndex(),!this._disposed&&r&&this._drainQueue()}}_cleanupRequest(a){for(const n of a.cleanup.splice(0))try{n()}catch{}}_drainQueue(){if(this._active.length>0)return;const a=this._queue.shift();a&&this._open(a)}_buildConfig(a){var c,l,d;const n=a.options,i=a.kind==="prompt",r=a.kind==="alert",o=i?n.input:void 0;return{id:a.id,title:n.title,description:n.description,confirmText:n.confirmText||(r?"OK":"Confirm"),cancelText:n.cancelText||"Cancel",loadingText:n.loadingText,errorMessage:n.errorMessage,dismissible:n.dismissible??!0,closeOnEsc:n.closeOnEsc,closeOnBackdrop:n.closeOnBackdrop,lockWhileLoading:n.lockWhileLoading??!0,role:n.role||"alertdialog",tone:n.tone||(r?"info":i?"neutral":"warning"),size:n.size||"md",variant:n.variant||"surface",radius:n.radius,elevation:n.elevation||"low",indicator:n.indicator||"line",initialFocus:n.initialFocus,ariaLabel:n.ariaLabel,ariaLabelledby:n.ariaLabelledby,ariaDescribedby:n.ariaDescribedby,headless:n.headless,showCancel:!r,showClose:n.dismissible??!0,input:{enabled:i,label:o==null?void 0:o.label,placeholder:o==null?void 0:o.placeholder,value:(o==null?void 0:o.defaultValue)||"",required:o==null?void 0:o.required},checkbox:{enabled:!!((c=n.checkbox)!=null&&c.enabled),label:(l=n.checkbox)==null?void 0:l.label,checked:(d=n.checkbox)==null?void 0:d.defaultChecked}}}_buildLifecycleContext(a){var n,i;return{id:a.id,value:((n=a.dialog)==null?void 0:n.getInputValue())??a.value,checked:((i=a.dialog)==null?void 0:i.getChecked())??a.checked,dialog:a.dialog,signal:a.options.signal}}_handleClose(a,n){const i=re(a,n);if(n.action==="cancel"&&a.options.onCancel){Promise.resolve(a.options.onCancel(this._buildLifecycleContext(a))).finally(()=>{this._settle(a,i,!0)});return}if(n.action==="dismiss"&&a.options.onDismiss){Promise.resolve(a.options.onDismiss({...this._buildLifecycleContext(a),source:n.source||"programmatic",reason:n.reason})).finally(()=>{this._settle(a,i,!0)});return}this._settle(a,i,!0)}_mergeOptions(a){const n=this._defaults;return{...n,...a,checkbox:{...n.checkbox||{},...a.checkbox||{}}}}_ensureContainer(){if(!Za())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 n=this._active[a];n.dialog&&(n.dialog.style.setProperty("--ui-alert-backdrop-z",String(1e3+a*2)),n.dialog.style.setProperty("--ui-alert-z",String(1001+a*2)))}}}let x=null;function Ka(e={}){return new Ga(e.container??null)}function Sa(){return x||(x=Ka()),x}function pe(e={}){return Sa().alert(e)}function ce(e={}){return Sa().confirm(e)}function le(e={}){return Sa().prompt(e)}function de(e="programmatic"){x&&(x.destroy(e),x=null)}function Qa(){return typeof window<"u"&&typeof document<"u"}function fe(e){return e==="replace"||e==="stack"?e:"queue"}function Wa(e){return`ui-dialog-${e}`}function ue(e){return e?typeof e=="string"?e:e instanceof Error&&e.message?e.message:"Something went wrong. Please try again.":"Something went wrong. Please try again."}class Ja{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 n=[...this._active,...this._queue];this._queue=[];for(const i of n)this._settle(i,{id:i.id,action:"dismiss",source:a,reason:a},!1);this._active=[],this._ownsContainer&&this._container&&this._container.parentElement&&this._container.parentElement.removeChild(this._container),this._container=null,this._ownsContainer=!1}_enqueue(a){if(!Qa()||this._disposed)return Promise.resolve({id:a.id||Wa(++this._seed),action:"dismiss",source:"unmount"});const n=a.id||Wa(++this._seed),i=fe(a.mode);return new Promise(r=>{var c;const o={id:n,mode:i,options:a,settled:!1,resolve:r,cleanup:[]};if((c=a.signal)!=null&&c.aborted){this._settle(o,{id:n,action:"dismiss",source:"abort"},!1);return}if(i==="replace"){const l=this._active[this._active.length-1];l&&this._settle(l,{id:l.id,action:"dismiss",source:"replace",reason:"replace"},!1,!1),this._open(o);return}if(i==="stack"){this._open(o);return}if(this._active.length>0){this._queue.push(o);return}this._open(o)})}_open(a){const n=this._ensureContainer();if(!n){this._settle(a,{id:a.id,action:"dismiss",source:"unmount"},!1);return}const i=document.createElement("ui-dialog");a.dialog=i;const r=this._buildConfig(a.options,a.id);i.dialogId=a.id,i.config=r;const o=l=>{if(a.settled)return;const d=l.detail;if(a.resultFormData=d==null?void 0:d.formData,!a.options.onSubmit){i.clearError();return}l.preventDefault(),i.state="loading",i.clearError(),Promise.resolve(a.options.onSubmit({id:a.id,dialog:i,signal:a.options.signal,formData:d==null?void 0:d.formData})).then(()=>{a.settled||(i.state="idle",i.clearError(),i.close("submit"))}).catch(f=>{i.state="error",i.setError(ue(f))})},c=l=>{if(a.settled)return;const d=l.detail;this._settle(a,{id:a.id,action:d.action,source:d.source,reason:d.reason,formData:a.resultFormData},!0)};if(i.addEventListener("ui-submit",o),i.addEventListener("ui-close",c),a.cleanup.push(()=>i.removeEventListener("ui-submit",o)),a.cleanup.push(()=>i.removeEventListener("ui-close",c)),a.options.signal){const l=()=>{a.settled||this._settle(a,{id:a.id,action:"dismiss",source:"abort"},!1)};a.options.signal.addEventListener("abort",l,{once:!0}),a.cleanup.push(()=>{var d;return(d=a.options.signal)==null?void 0:d.removeEventListener("abort",l)})}this._active.push(a),n.appendChild(i),i.openDialog(),this._updateStackZIndex()}_settle(a,n,i,r=!0){if(!a.settled){if(a.settled=!0,this._cleanupRequest(a),this._active=this._active.filter(o=>o!==a),this._queue=this._queue.filter(o=>o!==a),a.dialog){const o=a.dialog;!i&&o.open&&o.close("dismiss",n.source||"abort",n.reason),o.parentElement&&o.parentElement.removeChild(o)}a.resolve(n),this._updateStackZIndex(),!this._disposed&&r&&this._drainQueue()}}_cleanupRequest(a){for(const n of a.cleanup.splice(0))try{n()}catch{}}_drainQueue(){if(this._active.length>0)return;const a=this._queue.shift();a&&this._open(a)}_buildConfig(a,n){return{id:n,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(!Qa())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 n=this._active[a];n.dialog&&(n.dialog.style.setProperty("--ui-dialog-backdrop-z",String(1200+a*2)),n.dialog.style.setProperty("--ui-dialog-z",String(1201+a*2)))}}}let b=null;function Xa(e={}){return new Ja(e.container??null)}function Ya(){return b||(b=Xa()),b}function ge(e={}){return Ya().open(e)}function me(e={}){return Ya().confirm(e)}function he(e="programmatic"){b&&(b.destroy(e),b=null)}const qa={1:"#0000000d",2:"#0000001a",3:"#00000026",4:"#0003",5:"#0000004d",6:"#0006",7:"#00000080",8:"#0009",9:"#000000b3",10:"#000c",11:"#000000e6",12:"#000000f2"},ae={1:"#ffffff0d",2:"#ffffff1a",3:"#ffffff26",4:"#fff3",5:"#ffffff4d",6:"#fff6",7:"#ffffff80",8:"#fff9",9:"#ffffffb3",10:"#fffc",11:"#ffffffe6",12:"#fffffff2"},g={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"}}},xe={button:{"height-sm":"32px","height-md":"36px","height-lg":"44px","classic-after-inset":"2px","classic-box-shadow-top":"inset 0 0 0 1px var(--gray-a5), inset 0 1px 1px var(--white-a10)","classic-box-shadow-bottom":"inset 0 4px 2px -2px var(--white-a9), inset 0 2px 1px -1px var(--white-a9)","classic-disabled-box-shadow":"inset 0 0 0 1px var(--gray-a4), inset 0 1px 1px var(--gray-a1)","classic-active-filter":"brightness(0.985) saturate(0.98)","solid-active-filter":"brightness(0.96) saturate(1.02)"},badge:{radius:"999px",shadow:"none","font-size":"12px","font-weight":"600",gap:"6px","padding-block":"5px","padding-inline":"10px","border-width":"1px"},blockControls:{bg:"var(--color-panel)",border:"1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-2)",gap:"6px",padding:"8px","item-radius":"var(--ui-radius)"},box:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-2)",backdrop:"var(--backdrop-filter-panel)"},breadcrumb:{radius:"var(--ui-radius)",gap:"8px","font-size":"14px",shadow:"none","item-padding-block":"4px","item-padding-inline":"9px"},dropdown:{bg:"color-mix(in srgb, var(--color-panel-solid) 98%, transparent)",border:"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-5)",backdrop:"none","content-padding":"0px","min-width":"224px","item-height":"36px","item-padding-x":"12px","item-padding-y":"8px","item-gap":"10px","item-radius":"0px","item-font-size":"14px","item-line-height":"20px","separator-margin":"6px 10px"},select:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"var(--ui-radius)",shadow:"none","height-sm":"34px","height-md":"42px","height-lg":"46px","padding-x":"12px",gap:"8px","label-color":"var(--ui-color-text)","description-color":"var(--ui-color-muted)","menu-bg":"var(--color-panel-solid)","menu-color":"var(--ui-color-text)","menu-border":"1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)","menu-radius":"var(--radius-4)","menu-shadow":"var(--shadow-5)","menu-padding":"8px","menu-min-width":"232px","menu-item-height":"36px","menu-item-padding-x":"12px","menu-item-padding-y":"8px","menu-item-gap":"10px","menu-item-radius":"var(--radius-2)","menu-item-font-size":"14px","menu-item-line-height":"20px","menu-separator-margin":"6px 10px"},sidebar:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"4px",shadow:"var(--shadow-5)",padding:"12px",gap:"12px","header-padding":"6px 8px 10px","item-radius":"4px","item-height":"45px","item-padding-x":"6px","item-padding-y":"3px","item-gap":"8px","item-font-size":"12px","item-line-height":"22px","section-gap":"10px","section-label-size":"12px","section-label-spacing":"0.06em","submenu-indent":"18px","promo-radius":"4px","promo-padding":"18px"},card:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-2)","hover-shadow":"var(--shadow-3)","active-shadow":"var(--shadow-2)","classic-shadow":"var(--shadow-2)","classic-hover-shadow":"var(--shadow-3)","classic-active-shadow":"var(--shadow-2)"},multiSelect:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"var(--ui-radius)",shadow:"none","height-sm":"38px","height-md":"44px","height-lg":"48px","padding-x":"10px","padding-y":"8px","panel-bg":"var(--color-panel-solid)","panel-border":"1px solid color-mix(in srgb, var(--gray-a5) 84%, transparent)","panel-radius":"calc(var(--ui-radius) + 2px)","panel-shadow":"var(--shadow-4)","chip-radius":"999px","chip-gap":"6px","chip-padding-x":"10px","chip-padding-y":"6px","option-radius":"10px","option-gap":"10px","option-padding-x":"10px","option-padding-y":"10px"},navigationMenu:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-2)",padding:"6px",gap:"6px","item-radius":"var(--radius-2)","item-padding-x":"12px","item-padding-y":"8px","item-font-size":"14px","item-font-weight":"600","item-line-height":"20px","panel-bg":"var(--color-panel-solid)","panel-border":"1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)","panel-radius":"var(--radius-4)","panel-shadow":"var(--shadow-3)","panel-padding":"12px"},menubar:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-2)",padding:"6px",gap:"6px","item-radius":"var(--radius-2)","item-padding-x":"14px","item-padding-y":"9px","item-font-size":"14px","item-font-weight":"600","item-line-height":"20px","panel-bg":"var(--color-panel-solid)","panel-color":"var(--ui-color-text)","panel-border":"1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)","panel-shadow":"var(--shadow-5)","panel-radius":"var(--radius-4)","panel-padding":"8px","panel-min-width":"232px","panel-item-height":"36px","panel-item-padding-x":"12px","panel-item-padding-y":"8px","panel-item-gap":"10px","panel-item-radius":"var(--radius-2)","panel-item-font-size":"14px","panel-item-line-height":"20px","panel-separator-margin":"6px 10px"},contextMenu:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-5)",padding:"8px","min-width":"232px","item-height":"36px","item-padding-x":"12px","item-padding-y":"8px","item-gap":"10px","item-radius":"var(--radius-2)","item-font-size":"14px","item-line-height":"20px","submenu-radius":"var(--radius-4)","submenu-padding":"8px"},alert:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-2)","padding-x":"16px","padding-y":"14px",gap:"var(--ui-default-gap)","icon-size":"26px","dismiss-size":"28px"},alertDialog:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-4)",backdrop:"var(--color-overlay)",padding:"20px",gap:"var(--ui-default-gap)","min-width":"360px","max-width":"min(90vw, 560px)","header-gap":"10px","footer-gap":"10px"},appHeader:{bg:"var(--color-panel)",border:"1px solid color-mix(in srgb, var(--gray-a5) 78%, transparent)",radius:"0px",shadow:"none",padding:"16px",gap:"12px",height:"64px","height-dense":"52px","control-radius":"var(--ui-radius)"},aspectRatio:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"var(--radius-4)",shadow:"none","empty-bg":"color-mix(in srgb, var(--accent-a3) 24%, transparent)","badge-radius":"999px"},avatar:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"999px",shadow:"0 1px 2px rgba(15, 23, 42, 0.06), 0 12px 24px rgba(15, 23, 42, 0.12)","size-sm":"30px","size-md":"40px","size-lg":"52px","badge-radius":"999px","status-border":"2px solid var(--color-panel-solid)"},menu:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-5)",backdrop:"none","content-padding":"8px","min-width":"232px","item-height":"36px","item-padding-x":"12px","item-padding-y":"8px","item-gap":"10px","item-radius":"var(--radius-2)","item-font-size":"14px","item-line-height":"20px","separator-margin":"6px 10px"},panel:{bg:"var(--color-panel)",border:"1px solid color-mix(in srgb, var(--gray-a5) 72%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-4)",backdrop:"var(--backdrop-filter-panel)",padding:"var(--ui-default-gap)"},input:{"height-sm":"32px","height-md":"36px","height-lg":"44px",bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 84%, transparent)","focus-ring":"0 0 0 3px color-mix(in srgb, var(--accent-a5) 48%, transparent)"}},be={button:{"height-sm":"32px","height-md":"36px","height-lg":"44px","classic-after-inset":"1px","classic-box-shadow-top":"inset 0 0 0 1px var(--white-a2), inset 0 4px 2px -2px var(--white-a3), inset 0 1px 1px var(--white-a6), inset 0 -1px 1px var(--black-a6)","classic-box-shadow-bottom":"inset 0 0 0 1px var(--black-a4), inset 0 -1px 1px var(--black-a8)","classic-disabled-box-shadow":"inset 0 0 0 1px var(--gray-a5), inset 0 4px 2px -2px var(--gray-a2), inset 0 1px 1px var(--gray-a5), inset 0 -1px 1px var(--black-a3), inset 0 0 0 1px var(--gray-a2)","classic-active-filter":"brightness(0.94) saturate(0.95)","solid-active-filter":"brightness(0.92) saturate(1.04)"},badge:{radius:"999px",shadow:"none","font-size":"12px","font-weight":"600",gap:"6px","padding-block":"5px","padding-inline":"10px","border-width":"1px"},blockControls:{bg:"var(--color-panel)",border:"1px solid color-mix(in srgb, var(--gray-a6) 86%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-2)",gap:"6px",padding:"8px","item-radius":"var(--ui-radius)"},box:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-2)",backdrop:"var(--backdrop-filter-panel)"},breadcrumb:{radius:"var(--ui-radius)",gap:"8px","font-size":"14px",shadow:"none","item-padding-block":"4px","item-padding-inline":"9px"},dropdown:{bg:"color-mix(in srgb, var(--color-panel-solid) 98%, transparent)",border:"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-5)",backdrop:"none","content-padding":"0px","min-width":"224px","item-height":"36px","item-padding-x":"12px","item-padding-y":"8px","item-gap":"10px","item-radius":"0px","item-font-size":"14px","item-line-height":"20px","separator-margin":"6px 10px"},select:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",radius:"var(--ui-radius)",shadow:"none","height-sm":"34px","height-md":"42px","height-lg":"46px","padding-x":"12px",gap:"8px","label-color":"var(--ui-color-text)","description-color":"var(--ui-color-muted)","menu-bg":"var(--color-panel-solid)","menu-color":"var(--ui-color-text)","menu-border":"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)","menu-radius":"var(--radius-4)","menu-shadow":"var(--shadow-5)","menu-padding":"8px","menu-min-width":"232px","menu-item-height":"36px","menu-item-padding-x":"12px","menu-item-padding-y":"8px","menu-item-gap":"10px","menu-item-radius":"var(--radius-2)","menu-item-font-size":"14px","menu-item-line-height":"20px","menu-separator-margin":"6px 10px"},sidebar:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",radius:"4px",shadow:"var(--shadow-5)",padding:"12px",gap:"12px","header-padding":"6px 8px 10px","item-radius":"4px","item-height":"45px","item-padding-x":"6px","item-padding-y":"3px","item-gap":"8px","item-font-size":"12px","item-line-height":"22px","section-gap":"10px","section-label-size":"12px","section-label-spacing":"0.06em","submenu-indent":"18px","promo-radius":"4px","promo-padding":"18px"},card:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-2)","hover-shadow":"var(--shadow-3)","active-shadow":"var(--shadow-2)","classic-shadow":"var(--shadow-2)","classic-hover-shadow":"var(--shadow-3)","classic-active-shadow":"var(--shadow-2)"},multiSelect:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",radius:"var(--ui-radius)",shadow:"none","height-sm":"38px","height-md":"44px","height-lg":"48px","padding-x":"10px","padding-y":"8px","panel-bg":"var(--color-panel-solid)","panel-border":"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)","panel-radius":"calc(var(--ui-radius) + 2px)","panel-shadow":"var(--shadow-4)","chip-radius":"999px","chip-gap":"6px","chip-padding-x":"10px","chip-padding-y":"6px","option-radius":"10px","option-gap":"10px","option-padding-x":"10px","option-padding-y":"10px"},navigationMenu:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-2)",padding:"6px",gap:"6px","item-radius":"var(--radius-2)","item-padding-x":"12px","item-padding-y":"8px","item-font-size":"14px","item-font-weight":"600","item-line-height":"20px","panel-bg":"var(--color-panel-solid)","panel-border":"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)","panel-radius":"var(--radius-4)","panel-shadow":"var(--shadow-3)","panel-padding":"12px"},menubar:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-2)",padding:"6px",gap:"6px","item-radius":"var(--radius-2)","item-padding-x":"14px","item-padding-y":"9px","item-font-size":"14px","item-font-weight":"600","item-line-height":"20px","panel-bg":"var(--color-panel-solid)","panel-color":"var(--ui-color-text)","panel-border":"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)","panel-shadow":"var(--shadow-5)","panel-radius":"var(--radius-4)","panel-padding":"8px","panel-min-width":"232px","panel-item-height":"36px","panel-item-padding-x":"12px","panel-item-padding-y":"8px","panel-item-gap":"10px","panel-item-radius":"var(--radius-2)","panel-item-font-size":"14px","panel-item-line-height":"20px","panel-separator-margin":"6px 10px"},contextMenu:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-5)",padding:"8px","min-width":"232px","item-height":"36px","item-padding-x":"12px","item-padding-y":"8px","item-gap":"10px","item-radius":"var(--radius-2)","item-font-size":"14px","item-line-height":"20px","submenu-radius":"var(--radius-4)","submenu-padding":"8px"},alert:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-2)","padding-x":"16px","padding-y":"14px",gap:"var(--ui-default-gap)","icon-size":"26px","dismiss-size":"28px"},alertDialog:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-4)",backdrop:"var(--color-overlay)",padding:"20px",gap:"var(--ui-default-gap)","min-width":"360px","max-width":"min(90vw, 560px)","header-gap":"10px","footer-gap":"10px"},appHeader:{bg:"var(--color-panel)",border:"1px solid color-mix(in srgb, var(--gray-a6) 82%, transparent)",radius:"0px",shadow:"none",padding:"16px",gap:"12px",height:"64px","height-dense":"52px","control-radius":"var(--ui-radius)"},aspectRatio:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",radius:"var(--radius-4)",shadow:"none","empty-bg":"color-mix(in srgb, var(--accent-a3) 20%, transparent)","badge-radius":"999px"},avatar:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",radius:"999px",shadow:"0 1px 2px rgba(2, 6, 23, 0.18), 0 12px 24px rgba(2, 6, 23, 0.28)","size-sm":"30px","size-md":"40px","size-lg":"52px","badge-radius":"999px","status-border":"2px solid var(--color-panel-solid)"},menu:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-5)",backdrop:"none","content-padding":"8px","min-width":"232px","item-height":"36px","item-padding-x":"12px","item-padding-y":"8px","item-gap":"10px","item-radius":"var(--radius-2)","item-font-size":"14px","item-line-height":"20px","separator-margin":"6px 10px"},panel:{bg:"var(--color-panel)",border:"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-4)",backdrop:"var(--backdrop-filter-panel)",padding:"var(--ui-default-gap)"},input:{"height-sm":"32px","height-md":"36px","height-lg":"44px",bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)","focus-ring":"0 0 0 3px color-mix(in srgb, var(--accent-a6) 42%, transparent)"}};function ee(e){return{primary:e.scale[9],primaryHover:e.scale[10]||e.scale[9],foregroundOnPrimary:e.contrast,focusRing:e.scale[8]||e.scale[9],warning:e.scale[9]}}const _a={colors:{primary:"#ffc53d",primaryHover:"#ffba18",foregroundOnPrimary:"#21201c",background:"#ffffff",surface:"#fcfcfc",surfaceAlt:"#f9f9f9",text:"#202020",muted:"#646464",border:"#0000001f",focusRing:"#e2a336",success:"#30a46c",danger:"#e5484d",warning:"#ffc53d"},palette:{gray:{1:"#fcfcfc",2:"#f9f9f9",3:"#f0f0f0",4:"#e8e8e8",5:"#e0e0e0",6:"#d9d9d9",7:"#cecece",8:"#bbb",9:"#8d8d8d",10:"#838383",11:"#646464",12:"#202020"},grayAlpha:{1:"#00000003",2:"#00000006",3:"#0000000f",4:"#00000017",5:"#0000001f",6:"#00000026",7:"#00000031",8:"#00000044",9:"#00000072",10:"#0000007c",11:"#0000009b",12:"#000000df"},blackAlpha:qa,whiteAlpha:ae,accent:{...g.amber.light.scale},accentAlpha:{...g.amber.light.alphaScale},accentContrast:g.amber.light.contrast,accentSurface:g.amber.light.surface,accentIndicator:g.amber.light.indicator,accentTrack:g.amber.light.track},surfaces:{background:"#ffffff",surface:"#fcfcfc",panel:"#ffffffcc",panelSolid:"#ffffff",panelTranslucent:"#ffffffcc",overlay:"rgba(2, 6, 23, 0.52)",transparent:"transparent"},radius:"4px",radiusScale:{1:"3px",2:"4px",3:"6px",4:"8px",5:"12px",6:"16px"},shadows:{sm:"0 0 0 1px var(--gray-a3),0 0 0 0.5px var(--black-a1),0 1px 1px 0 var(--gray-a2),0 2px 1px -1px var(--black-a1),0 1px 3px 0 var(--black-a1)",md:"0 0 0 1px var(--gray-a3),0 2px 3px -2px var(--gray-a3),0 3px 12px -4px var(--black-a2),0 4px 16px -8px var(--black-a2)",lg:"0 0 0 1px var(--gray-a3),0 8px 40px var(--black-a1),0 12px 32px -16px var(--gray-a3)",1:"inset 0 0 0 1px var(--gray-a5),inset 0 1.5px 2px 0 var(--gray-a2),inset 0 1.5px 2px 0 var(--black-a2)",2:"0 0 0 1px var(--gray-a3),0 0 0 0.5px var(--black-a1),0 1px 1px 0 var(--gray-a2),0 2px 1px -1px var(--black-a1),0 1px 3px 0 var(--black-a1)",3:"0 0 0 1px var(--gray-a3),0 2px 3px -2px var(--gray-a3),0 3px 12px -4px var(--black-a2),0 4px 16px -8px var(--black-a2)",4:"0 0 0 1px var(--gray-a3),0 8px 40px var(--black-a1),0 12px 32px -16px var(--gray-a3)",5:"0 0 0 1px var(--gray-a3),0 12px 60px var(--black-a3),0 12px 32px -16px var(--gray-a5)",6:"0 0 0 1px var(--gray-a3),0 12px 60px var(--black-a3),0 16px 64px var(--gray-a2),0 16px 36px -20px var(--gray-a7)"},spacing:{xs:"4px",sm:"8px",md:"12px",lg:"24px",xl:"32px",xxl:"48px"},spaceScale:{1:"4px",2:"8px",3:"12px",4:"16px",5:"24px",6:"32px",7:"40px",8:"48px",9:"64px"},typography:{family:'-apple-system,BlinkMacSystemFont,"Segoe UI (Custom)",Roboto,"Helvetica Neue","Open Sans (Custom)",system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji"',headingFamily:'-apple-system,BlinkMacSystemFont,"Segoe UI (Custom)",Roboto,"Helvetica Neue","Open Sans (Custom)",system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji"',codeFamily:'"Menlo","Consolas (Custom)","Bitstream Vera Sans Mono",monospace,"Apple Color Emoji","Segoe UI Emoji"',size:{sm:"12px",md:"14px",lg:"16px"},fontScale:{1:"12px",2:"14px",3:"16px",4:"18px",5:"20px",6:"24px",7:"28px",8:"35px",9:"60px"},lineHeight:{1:"16px",2:"20px",3:"24px",4:"26px",5:"28px",6:"30px",7:"36px",8:"40px",9:"60px"},letterSpacing:{1:"0.0025em",2:"0em",3:"0em",4:"-0.0025em",5:"-0.005em",6:"-0.00625em",7:"-0.0075em",8:"-0.01em",9:"-0.025em"}},motion:{durationShort:"120ms",durationBase:"180ms",durationLong:"260ms",easing:"cubic-bezier(0.2, 0.8, 0.2, 1)"},effects:{backdropFilterPanel:"blur(64px)"},components:xe,zIndex:{modal:1e3,overlay:900,toast:1100},breakpoints:{sm:"640px",md:"768px",lg:"1024px"}},ie={..._a,colors:{primary:"#ffc53d",primaryHover:"#ffd60a",foregroundOnPrimary:"#21201c",background:"#111111",surface:"#111111",surfaceAlt:"#191919",text:"#eeeeee",muted:"#b4b4b4",border:"#ffffff22",focusRing:"#ffc53d",success:"#30a46c",danger:"#e5484d",warning:"#ffc53d"},palette:{..._a.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:qa,whiteAlpha:ae,accent:{...g.amber.dark.scale},accentAlpha:{...g.amber.dark.alphaScale},accentContrast:g.amber.dark.contrast,accentSurface:g.amber.dark.surface,accentIndicator:g.amber.dark.indicator,accentTrack:g.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:be},ye=_a,ne=new Set;function p(e,a){if(!(!e&&!a))return{...e||{},...a||{}}}function Ca(e,a){var d,f,u,m,h,y,w,v,k,_,S,C,z,A,E,D,T,M,I,L,P,H,R,F,O,B,$,V,j,Z,U,Q,W,N,G,K,J,X,Y,q,aa,ea,ia,na,oa,ta,ra,sa,pa,ca,la,da,fa,ua,ga,ma,ha,xa,ba,ya,wa,va;const n=(a==null?void 0:a.mode)||"light",i=n==="dark"?ie:_a,r=a==null?void 0:a.accentPalette,o=r?g[r][n]:null,c=o?{colors:{...ee(o)},palette:{accent:o.scale,accentAlpha:o.alphaScale,accentContrast:o.contrast,accentSurface:o.surface,accentIndicator:o.indicator,accentTrack:o.track}}:null;return{...i,...e,colors:{...i.colors,...(c==null?void 0:c.colors)||{},...(e==null?void 0:e.colors)||{}},palette:{...i.palette||{},...(c==null?void 0:c.palette)||{},...(e==null?void 0:e.palette)||{},gray:p((d=i.palette)==null?void 0:d.gray,(f=e==null?void 0:e.palette)==null?void 0:f.gray),grayAlpha:p((u=i.palette)==null?void 0:u.grayAlpha,(m=e==null?void 0:e.palette)==null?void 0:m.grayAlpha),blackAlpha:p((h=i.palette)==null?void 0:h.blackAlpha,(y=e==null?void 0:e.palette)==null?void 0:y.blackAlpha),whiteAlpha:p((w=i.palette)==null?void 0:w.whiteAlpha,(v=e==null?void 0:e.palette)==null?void 0:v.whiteAlpha),accent:p((o==null?void 0:o.scale)||((k=i.palette)==null?void 0:k.accent),(_=e==null?void 0:e.palette)==null?void 0:_.accent),accentAlpha:p((o==null?void 0:o.alphaScale)||((S=i.palette)==null?void 0:S.accentAlpha),(C=e==null?void 0:e.palette)==null?void 0:C.accentAlpha)},surfaces:{...i.surfaces||{},...(e==null?void 0:e.surfaces)||{}},shadows:{...i.shadows||{},...(e==null?void 0:e.shadows)||{}},spacing:{...i.spacing||{},...(e==null?void 0:e.spacing)||{}},spaceScale:p(i.spaceScale,e==null?void 0:e.spaceScale),radiusScale:p(i.radiusScale,e==null?void 0:e.radiusScale),typography:{...i.typography||{},...(e==null?void 0:e.typography)||{},size:{...((z=i.typography)==null?void 0:z.size)||{},...((A=e==null?void 0:e.typography)==null?void 0:A.size)||{}},fontScale:p((E=i.typography)==null?void 0:E.fontScale,(D=e==null?void 0:e.typography)==null?void 0:D.fontScale),lineHeight:p((T=i.typography)==null?void 0:T.lineHeight,(M=e==null?void 0:e.typography)==null?void 0:M.lineHeight),letterSpacing:p((I=i.typography)==null?void 0:I.letterSpacing,(L=e==null?void 0:e.typography)==null?void 0:L.letterSpacing)},motion:{...i.motion||{},...(e==null?void 0:e.motion)||{}},effects:{...i.effects||{},...(e==null?void 0:e.effects)||{}},components:{...i.components||{},...(e==null?void 0:e.components)||{},button:p((P=i.components)==null?void 0:P.button,(H=e==null?void 0:e.components)==null?void 0:H.button),badge:p((R=i.components)==null?void 0:R.badge,(F=e==null?void 0:e.components)==null?void 0:F.badge),dropdown:p((O=i.components)==null?void 0:O.dropdown,(B=e==null?void 0:e.components)==null?void 0:B.dropdown),select:p(($=i.components)==null?void 0:$.select,(V=e==null?void 0:e.components)==null?void 0:V.select),sidebar:p((j=i.components)==null?void 0:j.sidebar,(Z=e==null?void 0:e.components)==null?void 0:Z.sidebar),card:p((U=i.components)==null?void 0:U.card,(Q=e==null?void 0:e.components)==null?void 0:Q.card),navigationMenu:p((W=i.components)==null?void 0:W.navigationMenu,(N=e==null?void 0:e.components)==null?void 0:N.navigationMenu),blockControls:p((G=i.components)==null?void 0:G.blockControls,(K=e==null?void 0:e.components)==null?void 0:K.blockControls),box:p((J=i.components)==null?void 0:J.box,(X=e==null?void 0:e.components)==null?void 0:X.box),breadcrumb:p((Y=i.components)==null?void 0:Y.breadcrumb,(q=e==null?void 0:e.components)==null?void 0:q.breadcrumb),contextMenu:p((aa=i.components)==null?void 0:aa.contextMenu,(ea=e==null?void 0:e.components)==null?void 0:ea.contextMenu),menubar:p((ia=i.components)==null?void 0:ia.menubar,(na=e==null?void 0:e.components)==null?void 0:na.menubar),alert:p((oa=i.components)==null?void 0:oa.alert,(ta=e==null?void 0:e.components)==null?void 0:ta.alert),alertDialog:p((ra=i.components)==null?void 0:ra.alertDialog,(sa=e==null?void 0:e.components)==null?void 0:sa.alertDialog),appHeader:p((pa=i.components)==null?void 0:pa.appHeader,(ca=e==null?void 0:e.components)==null?void 0:ca.appHeader),aspectRatio:p((la=i.components)==null?void 0:la.aspectRatio,(da=e==null?void 0:e.components)==null?void 0:da.aspectRatio),avatar:p((fa=i.components)==null?void 0:fa.avatar,(ua=e==null?void 0:e.components)==null?void 0:ua.avatar),menu:p((ga=i.components)==null?void 0:ga.menu,(ma=e==null?void 0:e.components)==null?void 0:ma.menu),multiSelect:p((ha=i.components)==null?void 0:ha.multiSelect,(xa=e==null?void 0:e.components)==null?void 0:xa.multiSelect),panel:p((ba=i.components)==null?void 0:ba.panel,(ya=e==null?void 0:e.components)==null?void 0:ya.panel),input:p((wa=i.components)==null?void 0:wa.input,(va=e==null?void 0:e.components)==null?void 0:va.input)},zIndex:{...i.zIndex||{},...(e==null?void 0:e.zIndex)||{}},breakpoints:{...i.breakpoints||{},...(e==null?void 0:e.breakpoints)||{}}}}function we(e,a,n="light"){const i=g[a][n],r=e;return Ca({...r,colors:{...r.colors||{},...ee(i)},palette:{...r.palette||{},accent:i.scale,accentAlpha:i.alphaScale,accentContrast:i.contrast,accentSurface:i.surface,accentIndicator:i.indicator,accentTrack:i.track}},{mode:n})}function t(e,a,n){try{e.style.setProperty(a,n)}catch{}}function s(e,a,n){n&&Object.entries(n).forEach(([i,r])=>{typeof r=="string"&&r&&e.style.setProperty(`${a}${i}`,r)})}function ve(e){e&&ne.add(e)}function Na(e,a){var n,i,r,o,c,l,d,f,u,m,h,y,w,v,k,_,S,C,z,A,E,D,T,M,I,L,P,H,R,F,O,B,$,V,j,Z,U,Q,W,N,G,K,J,X,Y,q,aa,ea,ia,na,oa,ta,ra,sa,pa,ca,la,da,fa,ua,ga,ma,ha,xa,ba,ya,wa,va,za,Aa,Ea,Da,Ta,Ma,Ia,La,Pa,Ha,Ra,Fa,Oa,Ba,$a,Va,ja;t(e,"--ui-color-primary",a.colors.primary),t(e,"--ui-color-primary-hover",a.colors.primaryHover||a.colors.primary),t(e,"--ui-color-foreground-on-primary",a.colors.foregroundOnPrimary||"#ffffff"),t(e,"--ui-color-background",a.colors.background||"#ffffff"),t(e,"--ui-color-surface",a.colors.surface||a.colors.background||"#ffffff"),t(e,"--ui-color-surface-alt",a.colors.surfaceAlt||a.colors.surface||"#f9f9f9"),t(e,"--ui-color-text",a.colors.text||"#202020"),t(e,"--ui-color-muted",a.colors.muted||"#646464"),t(e,"--ui-color-border",a.colors.border||"#0000001f"),t(e,"--ui-color-focus-ring",a.colors.focusRing||a.colors.primary),t(e,"--ui-color-success",a.colors.success||"#30a46c"),t(e,"--ui-color-danger",a.colors.danger||"#e5484d"),t(e,"--ui-color-warning",a.colors.warning||a.colors.primary),t(e,"--ui-primary",a.colors.primary),t(e,"--ui-primary-hover",a.colors.primaryHover||a.colors.primary),t(e,"--ui-foreground",a.colors.foregroundOnPrimary||"#ffffff"),t(e,"--ui-background",a.colors.background||"#ffffff"),t(e,"--ui-surface",a.colors.surface||a.colors.background||"#ffffff"),t(e,"--ui-surface-alt",a.colors.surfaceAlt||a.colors.surface||"#f9f9f9"),t(e,"--ui-text",a.colors.text||"#202020"),t(e,"--ui-muted",a.colors.muted||"#646464"),t(e,"--ui-border",a.colors.border||"#0000001f"),t(e,"--ui-focus-ring",a.colors.focusRing||a.colors.primary),t(e,"--ui-success",a.colors.success||"#30a46c"),t(e,"--ui-error",a.colors.danger||"#e5484d"),t(e,"--ui-warning",a.colors.warning||a.colors.primary),t(e,"--ui-radius",a.radius||"4px"),t(e,"--ui-space-xs",((n=a.spacing)==null?void 0:n.xs)||"4px"),t(e,"--ui-space-sm",((i=a.spacing)==null?void 0:i.sm)||"8px"),t(e,"--ui-space-md",((r=a.spacing)==null?void 0:r.md)||"12px"),t(e,"--ui-space-lg",((o=a.spacing)==null?void 0:o.lg)||"24px"),t(e,"--ui-space-xl",((c=a.spacing)==null?void 0:c.xl)||"32px"),t(e,"--ui-space-xxl",((l=a.spacing)==null?void 0:l.xxl)||"48px"),t(e,"--ui-default-gap",((d=a.spacing)==null?void 0:d.sm)||((f=a.spaceScale)==null?void 0:f["2"])||"8px"),t(e,"--ui-shadow-sm",((u=a.shadows)==null?void 0:u.sm)||((m=a.shadows)==null?void 0:m["2"])||"none"),t(e,"--ui-shadow-md",((h=a.shadows)==null?void 0:h.md)||((y=a.shadows)==null?void 0:y["3"])||"none"),t(e,"--ui-shadow-lg",((w=a.shadows)==null?void 0:w.lg)||((v=a.shadows)==null?void 0:v["4"])||"none"),t(e,"--ui-font-family",((k=a.typography)==null?void 0:k.family)||"system-ui, sans-serif"),t(e,"--ui-font-family-heading",((_=a.typography)==null?void 0:_.headingFamily)||((S=a.typography)==null?void 0:S.family)||"system-ui, sans-serif"),t(e,"--ui-font-family-code",((C=a.typography)==null?void 0:C.codeFamily)||"monospace"),t(e,"--ui-font-size-sm",((A=(z=a.typography)==null?void 0:z.size)==null?void 0:A.sm)||"12px"),t(e,"--ui-font-size-md",((D=(E=a.typography)==null?void 0:E.size)==null?void 0:D.md)||"14px"),t(e,"--ui-font-size-lg",((M=(T=a.typography)==null?void 0:T.size)==null?void 0:M.lg)||"16px"),t(e,"--ui-default-font-size",((L=(I=a.typography)==null?void 0:I.size)==null?void 0:L.md)||((H=(P=a.typography)==null?void 0:P.fontScale)==null?void 0:H["2"])||"14px"),t(e,"--ui-default-line-height",((F=(R=a.typography)==null?void 0:R.lineHeight)==null?void 0:F["2"])||"20px"),t(e,"--ui-default-letter-spacing",((B=(O=a.typography)==null?void 0:O.letterSpacing)==null?void 0:B["2"])||"0em"),t(e,"--ui-motion-short",(($=a.motion)==null?void 0:$.durationShort)||"120ms"),t(e,"--ui-motion-base",((V=a.motion)==null?void 0:V.durationBase)||"180ms"),t(e,"--ui-motion-long",((j=a.motion)==null?void 0:j.durationLong)||"260ms"),t(e,"--ui-motion-easing",((Z=a.motion)==null?void 0:Z.easing)||"cubic-bezier(0.2, 0.8, 0.2, 1)"),t(e,"--ui-z-modal",String(((U=a.zIndex)==null?void 0:U.modal)??1e3)),t(e,"--ui-z-overlay",String(((Q=a.zIndex)==null?void 0:Q.overlay)??900)),t(e,"--ui-z-toast",String(((W=a.zIndex)==null?void 0:W.toast)??1100)),t(e,"--ui-breakpoint-sm",((N=a.breakpoints)==null?void 0:N.sm)||"640px"),t(e,"--ui-breakpoint-md",((G=a.breakpoints)==null?void 0:G.md)||"768px"),t(e,"--ui-breakpoint-lg",((K=a.breakpoints)==null?void 0:K.lg)||"1024px"),t(e,"--color-background",((J=a.surfaces)==null?void 0:J.background)||a.colors.background||"#ffffff"),t(e,"--color-surface",((X=a.surfaces)==null?void 0:X.surface)||a.colors.surface||"#fcfcfc"),t(e,"--color-panel",((Y=a.surfaces)==null?void 0:Y.panel)||((q=a.surfaces)==null?void 0:q.panelTranslucent)||"#ffffffcc"),t(e,"--color-panel-solid",((aa=a.surfaces)==null?void 0:aa.panelSolid)||a.colors.surface||"#ffffff"),t(e,"--color-panel-translucent",((ea=a.surfaces)==null?void 0:ea.panelTranslucent)||"#ffffffcc"),t(e,"--color-overlay",((ia=a.surfaces)==null?void 0:ia.overlay)||"rgba(2, 6, 23, 0.52)"),t(e,"--color-transparent",((na=a.surfaces)==null?void 0:na.transparent)||"transparent"),t(e,"--backdrop-filter-panel",((oa=a.effects)==null?void 0:oa.backdropFilterPanel)||"blur(64px)"),(ta=a.palette)!=null&&ta.accentContrast&&t(e,"--accent-contrast",a.palette.accentContrast),(ra=a.palette)!=null&&ra.accentSurface&&t(e,"--accent-surface",a.palette.accentSurface),(sa=a.palette)!=null&&sa.accentIndicator&&t(e,"--accent-indicator",a.palette.accentIndicator),(pa=a.palette)!=null&&pa.accentTrack&&t(e,"--accent-track",a.palette.accentTrack),s(e,"--gray-",(ca=a.palette)==null?void 0:ca.gray),s(e,"--gray-a",(la=a.palette)==null?void 0:la.grayAlpha),s(e,"--black-a",(da=a.palette)==null?void 0:da.blackAlpha),s(e,"--white-a",(fa=a.palette)==null?void 0:fa.whiteAlpha),s(e,"--accent-",(ua=a.palette)==null?void 0:ua.accent),s(e,"--accent-a",(ga=a.palette)==null?void 0:ga.accentAlpha),s(e,"--space-",a.spaceScale),s(e,"--radius-",a.radiusScale),s(e,"--font-size-",(ma=a.typography)==null?void 0:ma.fontScale),s(e,"--line-height-",(ha=a.typography)==null?void 0:ha.lineHeight),s(e,"--letter-spacing-",(xa=a.typography)==null?void 0:xa.letterSpacing),s(e,"--shadow-",a.shadows),s(e,"--base-button-",(ba=a.components)==null?void 0:ba.button),s(e,"--base-badge-",(ya=a.components)==null?void 0:ya.badge),s(e,"--base-dropdown-",(wa=a.components)==null?void 0:wa.dropdown),s(e,"--base-select-",(va=a.components)==null?void 0:va.select),s(e,"--base-sidebar-",(za=a.components)==null?void 0:za.sidebar),s(e,"--base-block-controls-",(Aa=a.components)==null?void 0:Aa.blockControls),s(e,"--base-box-",(Ea=a.components)==null?void 0:Ea.box),s(e,"--base-breadcrumb-",(Da=a.components)==null?void 0:Da.breadcrumb),s(e,"--base-card-",(Ta=a.components)==null?void 0:Ta.card),s(e,"--base-multi-select-",(Ma=a.components)==null?void 0:Ma.multiSelect),s(e,"--base-navigation-menu-",(Ia=a.components)==null?void 0:Ia.navigationMenu),s(e,"--base-menubar-",(La=a.components)==null?void 0:La.menubar),s(e,"--base-context-menu-",(Pa=a.components)==null?void 0:Pa.contextMenu),s(e,"--base-alert-",(Ha=a.components)==null?void 0:Ha.alert),s(e,"--base-alert-dialog-",(Ra=a.components)==null?void 0:Ra.alertDialog),s(e,"--base-app-header-",(Fa=a.components)==null?void 0:Fa.appHeader),s(e,"--base-aspect-ratio-",(Oa=a.components)==null?void 0:Oa.aspectRatio),s(e,"--base-avatar-",(Ba=a.components)==null?void 0:Ba.avatar),s(e,"--base-menu-",($a=a.components)==null?void 0:$a.menu),s(e,"--base-panel-",(Va=a.components)==null?void 0:Va.panel),s(e,"--base-input-",(ja=a.components)==null?void 0:ja.input)}function ke(e,a=typeof document<"u"?document:null){if(!a)return;const n=Ca(e),i=a===document||a instanceof ShadowRoot;let r;if(a===document?r=document.documentElement:a instanceof ShadowRoot?r=a.host:r=a,Na(r,n),i)for(const o of ne)try{Na(o,n)}catch{}}exports.AlertDialogManager=Ga;exports.DialogManager=Ja;exports.alert=pe;exports.applyTheme=ke;exports.baselineAccentPalettes=g;exports.baselineDarkTokens=ie;exports.baselineLightTokens=_a;exports.confirm=ce;exports.confirmDialog=me;exports.createAlertDialogManager=Ka;exports.createDialogManager=Xa;exports.createThemeTokens=Ca;exports.defaultTokens=ye;exports.dismissAllAlertDialogs=de;exports.dismissAllDialogs=he;exports.prompt=le;exports.registerThemeHost=ve;exports.showDialog=ge;exports.withAccentPalette=we;

package/dist/runtime.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./runtime-41717c1e.js");exports.AlertDialogManager=e.AlertDialogManager;exports.DialogManager=e.DialogManager;exports.alert=e.alert;exports.applyTheme=e.applyTheme;exports.autoUpdatePosition=e.autoUpdatePosition;exports.baselineDarkTokens=e.baselineDarkTokens;exports.baselineLightTokens=e.baselineLightTokens;exports.computePosition=e.computePosition;exports.confirm=e.confirm;exports.confirmDialog=e.confirmDialog;exports.createAlertDialogManager=e.createAlertDialogManager;exports.createDialogManager=e.createDialogManager;exports.createPortalContainer=e.createPortalContainer;exports.createThemeTokens=e.createThemeTokens;exports.defaultTokens=e.defaultTokens;exports.dismissAllAlertDialogs=e.dismissAllAlertDialogs;exports.dismissAllDialogs=e.dismissAllDialogs;exports.prompt=e.prompt;exports.registerThemeHost=e.registerThemeHost;exports.showDialog=e.showDialog;exports.showPortalFor=e.showPortalFor;exports.withAccentPalette=e.withAccentPalette;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./portal-d8d7fbca.js"),e=require("./runtime-5f282bc8.js");exports.autoUpdatePosition=a.autoUpdatePosition;exports.computePosition=a.computePosition;exports.createPortalContainer=a.createPortalContainer;exports.showPortalFor=a.showPortalFor;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.dismissAllAlertDialogs=e.dismissAllAlertDialogs;exports.dismissAllDialogs=e.dismissAllDialogs;exports.prompt=e.prompt;exports.registerThemeHost=e.registerThemeHost;exports.showDialog=e.showDialog;exports.withAccentPalette=e.withAccentPalette;

package/dist/runtime.esm.js

@@ -1,25 +1,26 @@
-import { A as e, D as o, b as t, o as i, t as r, l, k as n, q as g, d as m, h as c, a as D, f as h, c as p, n as A, m as T, e as k, i as d, p as f, r as P, g as w, s as M, w as b } from "./runtime-3cc1c386.mjs";
+import { b as e, a as o, c as r, s as t } from "./portal-1cf392ca.mjs";
+import { A as l, D as n, a as g, m, j as c, i as D, b as p, f as h, c as A, e as T, l as f, k, d, g as P, p as b, r as w, s as M, w as u } from "./runtime-4ac0107b.mjs";
 export {
-  e as AlertDialogManager,
-  o as DialogManager,
-  t as alert,
-  i as applyTheme,
-  r as autoUpdatePosition,
-  l as baselineDarkTokens,
-  n as baselineLightTokens,
-  g as computePosition,
-  m as confirm,
-  c as confirmDialog,
-  D as createAlertDialogManager,
-  h as createDialogManager,
-  p as createPortalContainer,
-  A as createThemeTokens,
-  T as defaultTokens,
-  k as dismissAllAlertDialogs,
-  d as dismissAllDialogs,
-  f as prompt,
-  P as registerThemeHost,
-  w as showDialog,
-  M as showPortalFor,
-  b as withAccentPalette
+  l as AlertDialogManager,
+  n as DialogManager,
+  g as alert,
+  m as applyTheme,
+  e as autoUpdatePosition,
+  c as baselineDarkTokens,
+  D as baselineLightTokens,
+  o as computePosition,
+  p as confirm,
+  h as confirmDialog,
+  A as createAlertDialogManager,
+  T as createDialogManager,
+  r as createPortalContainer,
+  f as createThemeTokens,
+  k as defaultTokens,
+  d as dismissAllAlertDialogs,
+  P as dismissAllDialogs,
+  b as prompt,
+  w as registerThemeHost,
+  M as showDialog,
+  t as showPortalFor,
+  u as withAccentPalette
 };

package/dist/scroll-area.cjs.js

@@ -0,0 +1,294 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("./ElementBase-1b301e7f.js"),p=`
+  :host {
+    display: block;
+    max-height: 240px;
+    min-height: 0;
+    position: relative;
+    color-scheme: light dark;
+
+    --ui-scroll-radius: 12px;
+    --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;
+  }
+
+  .shell {
+    position: relative;
+    inline-size: 100%;
+    block-size: 100%;
+    max-height: inherit;
+    border: 1px solid var(--ui-scroll-border);
+    border-radius: var(--ui-scroll-radius);
+    background: var(--ui-scroll-bg);
+    overflow: hidden;
+    box-shadow: var(--ui-scroll-shadow);
+  }
+
+  .scroll-area {
+    position: relative;
+    inline-size: 100%;
+    block-size: 100%;
+    max-height: inherit;
+    min-height: 0;
+    overflow: auto;
+    border-radius: inherit;
+    padding: var(--ui-scroll-pad);
+    scrollbar-width: none;
+    outline: none;
+    overscroll-behavior: contain;
+  }
+
+  .scroll-area::-webkit-scrollbar {
+    display: none;
+    width: 0;
+    height: 0;
+  }
+
+  .scroll-content {
+    min-width: 100%;
+    min-height: 100%;
+    box-sizing: border-box;
+  }
+
+  .shadow {
+    position: absolute;
+    pointer-events: none;
+    z-index: 2;
+    opacity: 0;
+    transition: opacity 180ms ease;
+  }
+
+  .shadow.top,
+  .shadow.bottom {
+    left: 0;
+    right: 0;
+    height: 14px;
+  }
+
+  .shadow.left,
+  .shadow.right {
+    top: 0;
+    bottom: 0;
+    width: 14px;
+  }
+
+  .shadow.top {
+    top: 0;
+    background: linear-gradient(180deg, rgba(15, 23, 42, 0.16), transparent);
+  }
+
+  .shadow.bottom {
+    bottom: 0;
+    background: linear-gradient(0deg, rgba(15, 23, 42, 0.16), transparent);
+  }
+
+  .shadow.left {
+    left: 0;
+    background: linear-gradient(90deg, rgba(15, 23, 42, 0.16), transparent);
+  }
+
+  .shadow.right {
+    right: 0;
+    background: linear-gradient(270deg, rgba(15, 23, 42, 0.16), transparent);
+  }
+
+  .scrollbar {
+    position: absolute;
+    z-index: 3;
+    border-radius: 999px;
+    background: var(--ui-scroll-track-bg);
+    opacity: 0;
+    transition: opacity 180ms ease, background-color 140ms ease;
+    pointer-events: none;
+  }
+
+  .shell[data-scrolling="true"] .scrollbar,
+  .shell:hover .scrollbar,
+  .shell:focus-within .scrollbar {
+    opacity: 1;
+    pointer-events: auto;
+  }
+
+  .scrollbar.vertical {
+    top: 8px;
+    bottom: 8px;
+    right: 6px;
+    width: var(--ui-scroll-track-size);
+  }
+
+  .scrollbar.horizontal {
+    left: 8px;
+    right: 8px;
+    bottom: 6px;
+    height: var(--ui-scroll-track-size);
+  }
+
+  .thumb {
+    position: absolute;
+    border-radius: inherit;
+    background: var(--ui-scroll-thumb-bg);
+    cursor: grab;
+    transition: background-color 120ms ease;
+  }
+
+  .thumb:hover,
+  .thumb[data-dragging="true"] {
+    background: var(--ui-scroll-thumb-hover);
+  }
+
+  .scrollbar.vertical .thumb {
+    left: 1px;
+    width: calc(100% - 2px);
+    min-height: 24px;
+  }
+
+  .scrollbar.horizontal .thumb {
+    top: 1px;
+    height: calc(100% - 2px);
+    min-width: 24px;
+  }
+
+  :host([size="sm"]) {
+    --ui-scroll-radius: 10px;
+    --ui-scroll-track-size: 8px;
+  }
+
+  :host([size="lg"]) {
+    --ui-scroll-radius: 14px;
+    --ui-scroll-track-size: 12px;
+  }
+
+  :host([variant="soft"]) {
+    --ui-scroll-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 92%, #f8fafc 8%);
+    --ui-scroll-shadow: 0 1px 3px rgba(2, 6, 23, 0.05);
+  }
+
+  :host([variant="inset"]) {
+    --ui-scroll-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 86%, #eef2ff 14%);
+    --ui-scroll-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 58%, transparent);
+    --ui-scroll-shadow: inset 0 1px 1px rgba(2, 6, 23, 0.08);
+    --ui-scroll-pad: 2px;
+  }
+
+  :host([variant="contrast"]) {
+    --ui-scroll-bg: #0f172a;
+    --ui-scroll-border: #334155;
+    --ui-scroll-track-bg: rgba(148, 163, 184, 0.22);
+    --ui-scroll-thumb-bg: rgba(226, 232, 240, 0.64);
+    --ui-scroll-thumb-hover: rgba(226, 232, 240, 0.86);
+    --ui-scroll-shadow: none;
+  }
+
+  :host([variant="minimal"]) {
+    --ui-scroll-bg: transparent;
+    --ui-scroll-border: transparent;
+    --ui-scroll-shadow: none;
+  }
+
+  :host([tone="brand"]) {
+    --ui-scroll-thumb-bg: color-mix(in srgb, #2563eb 52%, transparent);
+    --ui-scroll-thumb-hover: color-mix(in srgb, #2563eb 72%, transparent);
+  }
+
+  :host([tone="info"]) {
+    --ui-scroll-thumb-bg: color-mix(in srgb, #0ea5e9 52%, transparent);
+    --ui-scroll-thumb-hover: color-mix(in srgb, #0284c7 72%, transparent);
+  }
+
+  :host([tone="success"]) {
+    --ui-scroll-thumb-bg: color-mix(in srgb, #16a34a 52%, transparent);
+    --ui-scroll-thumb-hover: color-mix(in srgb, #15803d 72%, transparent);
+  }
+
+  :host([tone="warning"]) {
+    --ui-scroll-thumb-bg: color-mix(in srgb, #d97706 52%, transparent);
+    --ui-scroll-thumb-hover: color-mix(in srgb, #b45309 72%, transparent);
+  }
+
+  :host([tone="danger"]) {
+    --ui-scroll-thumb-bg: color-mix(in srgb, #dc2626 52%, transparent);
+    --ui-scroll-thumb-hover: color-mix(in srgb, #b91c1c 72%, transparent);
+  }
+
+  :host([orientation="horizontal"]) .scrollbar.vertical,
+  :host([orientation="horizontal"]) .shadow.top,
+  :host([orientation="horizontal"]) .shadow.bottom {
+    display: none;
+  }
+
+  :host([orientation="vertical"]) .scrollbar.horizontal,
+  :host([orientation="vertical"]) .shadow.left,
+  :host([orientation="vertical"]) .shadow.right {
+    display: none;
+  }
+
+  :host([headless]) .shell {
+    display: none !important;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .shadow,
+    .scrollbar,
+    .thumb {
+      transition: none !important;
+    }
+  }
+
+  @media (prefers-contrast: more) {
+    .shell {
+      border-width: 2px;
+      box-shadow: none;
+    }
+
+    .scrollbar {
+      background: color-mix(in srgb, var(--ui-scroll-track-bg) 70%, transparent);
+    }
+
+    .thumb {
+      border: 1px solid color-mix(in srgb, var(--ui-scroll-thumb-hover) 72%, transparent);
+    }
+  }
+
+  @media (forced-colors: active) {
+    .shell {
+      border-color: CanvasText;
+      background: Canvas;
+      box-shadow: none;
+    }
+
+    .scrollbar {
+      background: Canvas;
+      border: 1px solid CanvasText;
+    }
+
+    .thumb {
+      background: Highlight;
+    }
+  }
+`;function g(i){return i==="both"||i==="horizontal"?i:"vertical"}function f(i){return i==="sm"||i==="lg"?i:"md"}function w(i){return i==="soft"||i==="inset"||i==="contrast"||i==="minimal"?i:"default"}function E(i){return i==="brand"||i==="info"||i==="success"||i==="warning"||i==="danger"?i:"neutral"}function m(i,t){if(i==null)return t;const r=i.toLowerCase();return r!=="false"&&r!=="0"}class _ extends v.ElementBase{constructor(){super(),this._domReady=!1,this._headless=!1,this._orientation="vertical",this._autoHide=!0,this._showShadows=!0,this._shellEl=null,this._viewportEl=null,this._contentEl=null,this._vTrackEl=null,this._hTrackEl=null,this._vThumbEl=null,this._hThumbEl=null,this._shadowTopEl=null,this._shadowBottomEl=null,this._shadowLeftEl=null,this._shadowRightEl=null,this._resizeObserver=null,this._mutationObserver=null,this._raf=0,this._hideTimer=0,this._dragAxis=null,this._dragStart=0,this._dragScrollStart=0,this._atStartY=!1,this._atEndY=!1,this._atStartX=!1,this._atEndX=!1,this._onViewportScroll=()=>{const t=this._viewportEl;if(!t)return;const r=Math.max(0,t.scrollHeight-t.clientHeight),e=Math.max(0,t.scrollWidth-t.clientWidth);this.dispatchEvent(new CustomEvent("scroll",{detail:{scrollTop:t.scrollTop,scrollLeft:t.scrollLeft,maxScrollTop:r,maxScrollLeft:e,progressY:r>0?t.scrollTop/r:0,progressX:e>0?t.scrollLeft/e:0},bubbles:!0,composed:!0})),this._showScrollbarsTemporarily(),this._scheduleMetrics()},this._onThumbPointerDownY=t=>{const r=t;!this._viewportEl||!this._vThumbEl||(r.preventDefault(),this._dragAxis="y",this._dragStart=r.clientY,this._dragScrollStart=this._viewportEl.scrollTop,this._vThumbEl.dataset.dragging="true",this._attachDrag())},this._onThumbPointerDownX=t=>{const r=t;!this._viewportEl||!this._hThumbEl||(r.preventDefault(),this._dragAxis="x",this._dragStart=r.clientX,this._dragScrollStart=this._viewportEl.scrollLeft,this._hThumbEl.dataset.dragging="true",this._attachDrag())},this._onPointerMove=t=>{const r=this._viewportEl;if(!(!r||!this._dragAxis)){if(this._dragAxis==="y"&&this._vTrackEl&&this._vThumbEl){const e=Math.max(1,this._vTrackEl.clientHeight),s=Math.max(1,this._vThumbEl.clientHeight),o=Math.max(1,e-s),l=Math.max(1,r.scrollHeight-r.clientHeight),a=t.clientY-this._dragStart;r.scrollTop=this._dragScrollStart+a/o*l;return}if(this._dragAxis==="x"&&this._hTrackEl&&this._hThumbEl){const e=Math.max(1,this._hTrackEl.clientWidth),s=Math.max(1,this._hThumbEl.clientWidth),o=Math.max(1,e-s),l=Math.max(1,r.scrollWidth-r.clientWidth),a=t.clientX-this._dragStart;r.scrollLeft=this._dragScrollStart+a/o*l}}},this._onPointerUp=()=>{this._detachDrag()}}static get observedAttributes(){return["orientation","size","variant","tone","auto-hide","shadows","headless"]}connectedCallback(){this._syncFromAttributes(),super.connectedCallback(),this._observe(),this._scheduleMetrics()}disconnectedCallback(){this._unobserve(),this._detachDrag(),this._raf&&cancelAnimationFrame(this._raf),this._hideTimer&&window.clearTimeout(this._hideTimer),super.disconnectedCallback()}attributeChangedCallback(t,r,e){r!==e&&(this._syncFromAttributes(),this._syncDomState(),this._scheduleMetrics())}get viewport(){return this._viewportEl}scrollToTop(t="smooth"){var r;(r=this._viewportEl)==null||r.scrollTo({top:0,behavior:t})}scrollToBottom(t="smooth"){const r=this._viewportEl;r&&r.scrollTo({top:r.scrollHeight,behavior:t})}scrollToLeft(t="smooth"){var r;(r=this._viewportEl)==null||r.scrollTo({left:0,behavior:t})}scrollToRight(t="smooth"){const r=this._viewportEl;r&&r.scrollTo({left:r.scrollWidth,behavior:t})}scrollToIndex(t,r="smooth"){const e=this._contentEl;if(!e)return;const o=Array.from(e.children)[t];o&&typeof o.scrollIntoView=="function"&&o.scrollIntoView({block:"nearest",inline:"nearest",behavior:r})}_syncFromAttributes(){this._headless=this.hasAttribute("headless"),this._orientation=g(this.getAttribute("orientation")),this._autoHide=m(this.getAttribute("auto-hide"),!0),this._showShadows=m(this.getAttribute("shadows"),!0)}_syncDomState(){const t=this._shellEl,r=this._viewportEl;if(!t||!r)return;const e=f(this.getAttribute("size")),s=w(this.getAttribute("variant")),o=E(this.getAttribute("tone"));t.dataset.size=e,t.dataset.variant=s,t.dataset.tone=o,t.dataset.orientation=this._orientation;const l=this.getAttribute("aria-label")||"Scrollable area";r.setAttribute("aria-label",l)}_ensureDom(){this._domReady||(this.setContent(`
+      <style>${p}</style>
+      <div class="shell" part="shell" data-scrolling="false">
+        <div class="shadow top" part="shadow-top"></div>
+        <div class="shadow bottom" part="shadow-bottom"></div>
+        <div class="shadow left" part="shadow-left"></div>
+        <div class="shadow right" part="shadow-right"></div>
+
+        <div class="scroll-area" part="viewport" role="region" tabindex="0" aria-label="Scrollable area">
+          <div class="scroll-content" part="content"><slot></slot></div>
+        </div>
+
+        <div class="scrollbar vertical" part="scrollbar scrollbar-vertical">
+          <div class="thumb" part="thumb thumb-vertical"></div>
+        </div>
+
+        <div class="scrollbar horizontal" part="scrollbar scrollbar-horizontal">
+          <div class="thumb" part="thumb thumb-horizontal"></div>
+        </div>
+      </div>
+    `),this._shellEl=this.root.querySelector(".shell"),this._viewportEl=this.root.querySelector(".scroll-area"),this._contentEl=this.root.querySelector(".scroll-content"),this._vTrackEl=this.root.querySelector(".scrollbar.vertical"),this._hTrackEl=this.root.querySelector(".scrollbar.horizontal"),this._vThumbEl=this.root.querySelector(".scrollbar.vertical .thumb"),this._hThumbEl=this.root.querySelector(".scrollbar.horizontal .thumb"),this._shadowTopEl=this.root.querySelector(".shadow.top"),this._shadowBottomEl=this.root.querySelector(".shadow.bottom"),this._shadowLeftEl=this.root.querySelector(".shadow.left"),this._shadowRightEl=this.root.querySelector(".shadow.right"),this._domReady=!0)}_attachDomListeners(){this._viewportEl&&(this._viewportEl.removeEventListener("scroll",this._onViewportScroll),this._viewportEl.addEventListener("scroll",this._onViewportScroll)),this._vThumbEl&&(this._vThumbEl.removeEventListener("pointerdown",this._onThumbPointerDownY),this._vThumbEl.addEventListener("pointerdown",this._onThumbPointerDownY)),this._hThumbEl&&(this._hThumbEl.removeEventListener("pointerdown",this._onThumbPointerDownX),this._hThumbEl.addEventListener("pointerdown",this._onThumbPointerDownX))}_observe(){typeof ResizeObserver<"u"&&(this._resizeObserver||(this._resizeObserver=new ResizeObserver(()=>this._scheduleMetrics())),this._viewportEl&&this._resizeObserver.observe(this._viewportEl),this._contentEl&&this._resizeObserver.observe(this._contentEl),this._resizeObserver.observe(this)),typeof MutationObserver<"u"&&this._contentEl&&(this._mutationObserver||(this._mutationObserver=new MutationObserver(()=>this._scheduleMetrics())),this._mutationObserver.observe(this._contentEl,{childList:!0,subtree:!0,characterData:!0}))}_unobserve(){var t,r,e,s;this._viewportEl&&this._viewportEl.removeEventListener("scroll",this._onViewportScroll),(t=this._vThumbEl)==null||t.removeEventListener("pointerdown",this._onThumbPointerDownY),(r=this._hThumbEl)==null||r.removeEventListener("pointerdown",this._onThumbPointerDownX),(e=this._resizeObserver)==null||e.disconnect(),(s=this._mutationObserver)==null||s.disconnect(),this._resizeObserver=null,this._mutationObserver=null}_scheduleMetrics(){this._raf||(this._raf=requestAnimationFrame(()=>{this._raf=0,this._updateMetrics()}))}_showScrollbarsTemporarily(){if(this._shellEl){if(!this._autoHide){this._shellEl.dataset.scrolling="true";return}this._shellEl.dataset.scrolling="true",this._hideTimer&&window.clearTimeout(this._hideTimer),this._hideTimer=window.setTimeout(()=>{this._shellEl&&(this._shellEl.dataset.scrolling="false")},860)}}_updateMetrics(){const t=this._viewportEl,r=this._vTrackEl,e=this._hTrackEl,s=this._vThumbEl,o=this._hThumbEl;if(!t||!r||!e||!s||!o)return;const l=this._orientation!=="horizontal"&&t.scrollHeight>t.clientHeight+1,a=this._orientation!=="vertical"&&t.scrollWidth>t.clientWidth+1;r.style.display=l?"":"none",e.style.display=a?"":"none";const n=Math.max(1,t.scrollHeight-t.clientHeight),d=Math.max(1,t.scrollWidth-t.clientWidth);if(l){const h=Math.max(1,r.clientHeight),c=Math.max(24,t.clientHeight/t.scrollHeight*h),u=Math.max(0,h-c),b=t.scrollTop/n*u;s.style.height=`${c}px`,s.style.transform=`translateY(${b}px)`}if(a){const h=Math.max(1,e.clientWidth),c=Math.max(24,t.clientWidth/t.scrollWidth*h),u=Math.max(0,h-c),b=t.scrollLeft/d*u;o.style.width=`${c}px`,o.style.transform=`translateX(${b}px)`}this._updateShadows(t,n,d),this._emitEdgeEvents(t,n,d)}_updateShadows(t,r,e){const s=this._showShadows,o=s&&t.scrollTop>1,l=s&&t.scrollTop<r-1,a=s&&t.scrollLeft>1,n=s&&t.scrollLeft<e-1;this._shadowTopEl&&(this._shadowTopEl.style.opacity=o?"1":"0"),this._shadowBottomEl&&(this._shadowBottomEl.style.opacity=l?"1":"0"),this._shadowLeftEl&&(this._shadowLeftEl.style.opacity=a?"1":"0"),this._shadowRightEl&&(this._shadowRightEl.style.opacity=n?"1":"0")}_emitEdgeEvents(t,r,e){const s=t.scrollTop<=0,o=t.scrollTop>=r-1,l=t.scrollLeft<=0,a=t.scrollLeft>=e-1;s&&!this._atStartY&&this.dispatchEvent(new CustomEvent("reach-start",{bubbles:!0,composed:!0})),o&&!this._atEndY&&this.dispatchEvent(new CustomEvent("reach-end",{bubbles:!0,composed:!0})),l&&!this._atStartX&&this.dispatchEvent(new CustomEvent("reach-start-x",{bubbles:!0,composed:!0})),a&&!this._atEndX&&this.dispatchEvent(new CustomEvent("reach-end-x",{bubbles:!0,composed:!0})),this._atStartY=s,this._atEndY=o,this._atStartX=l,this._atEndX=a}_attachDrag(){window.addEventListener("pointermove",this._onPointerMove),window.addEventListener("pointerup",this._onPointerUp)}_detachDrag(){window.removeEventListener("pointermove",this._onPointerMove),window.removeEventListener("pointerup",this._onPointerUp),this._vThumbEl&&(this._vThumbEl.dataset.dragging="false"),this._hThumbEl&&(this._hThumbEl.dataset.dragging="false"),this._dragAxis=null}render(){this._ensureDom(),!(!this._shellEl||!this._viewportEl)&&(this._attachDomListeners(),this._syncDomState(),this._observe(),this._scheduleMetrics())}shouldRenderOnAttributeChange(t,r,e){return!1}}typeof customElements<"u"&&!customElements.get("ui-scroll-area")&&customElements.define("ui-scroll-area",_);exports.UIScrollArea=_;