@editora/ui-core 0.2.1 → 0.3.0

package/dist/runtime-uCly3ECd.js

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

package/dist/runtime.cjs.js

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

package/dist/runtime.esm.js

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

package/dist/scroll-area.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("./ElementBase-DxbvhLJs.js"),p=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("./ElementBase-CbUsP3D6.js"),p=`
   :host {
     display: block;
     max-height: 240px;

package/dist/scroll-area.esm.js

@@ -1,4 +1,4 @@
-import { E as _ } from "./ElementBase-BeZT54Hj.mjs";
+import { E as _ } from "./ElementBase-D5QsC5Vw.mjs";
 const p = `
   :host {
     display: block;

package/dist/section.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./ElementBase-DxbvhLJs.js"),c=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./ElementBase-CbUsP3D6.js"),c=`
   :host {
     display: block;
     width: 100%;

package/dist/section.esm.js

@@ -1,4 +1,4 @@
-import { E as r } from "./ElementBase-BeZT54Hj.mjs";
+import { E as r } from "./ElementBase-D5QsC5Vw.mjs";
 const a = `
   :host {
     display: block;

package/dist/select.cjs.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const $=require("./ElementBase-DxbvhLJs.js"),I=require("./overlay-motion-B56x1GoY.js"),L=require("./control-name-BmoI1m3a.js"),_=require("./collection-qv8A8rq4.js"),F=require("./listbox-CTpRpuF7.js"),D=`
-  ${I.OVERLAY_MOTION_CSS}
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const O=require("./ElementBase-CbUsP3D6.js"),T=require("./clone-source-C7E_ri5f.js"),M=require("./form-control-B90_3kYN.js"),q=require("./overlay-motion-B56x1GoY.js"),B=require("./control-name-BmoI1m3a.js"),E=require("./collection-qv8A8rq4.js"),N=require("./listbox-CTpRpuF7.js"),H=`
+  ${q.OVERLAY_MOTION_CSS}
 
   :host {
     --ui-select-width: var(--ui-width, min(340px, 100%));
@@ -604,7 +604,7 @@
     --ui-select-label: #e2e8f0;
     --ui-select-description: #93a4bd;
     --ui-select-border-color: #334155;
-    --ui-select-focus: #93c5fd;
+    --ui-select-focus: var(--ui-color-accent-on-dark, #93c5fd);
     --ui-select-indicator-color: #9fb3cf;
     --ui-select-elevation: 0 10px 30px rgba(2, 6, 23, 0.35);
     --ui-select-menu-bg: #0b1324;
@@ -709,39 +709,39 @@
       border-bottom-color: CanvasText;
     }
   }
-`;function h(p){if(p==null)return!1;const e=String(p).toLowerCase();return e!=="false"&&e!=="0"}function v(p){return String(p).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function O(p){if(!p)return null;const e=String(p).trim();return e?e==="none"?"4px":e==="full"?"999px":e==="large"?"16px":/^-?\\d+(\\.\\d+)?$/.test(e)?`${e}px`:e:null}const C=new Set(["value","disabled","loading","required","placeholder","name","tabindex","headless","size","variant","tone","density","radius","shape","elevation","option-border","show-check","check-placement","label","description","error","aria-label","validation","invalid","data-invalid","data-valid","close-on-scroll"]);class z extends $.ElementBase{constructor(){super(),this._controlEl=null,this._triggerEl=null,this._valueEl=null,this._panelEl=null,this._menuEl=null,this._observer=null,this._formUnregister=null,this._optionsSyncRaf=0,this._panelPlacementRaf=0,this._uid=Math.random().toString(36).slice(2,8),this._options=[],this._menuItems=[],this._optionsFingerprint="",this._menuRenderFingerprint="",this._open=!1,this._activeIndex=-1,this._placement="bottom",this._onRootClick=this._onRootClick.bind(this),this._onRootKeyDown=this._onRootKeyDown.bind(this),this._onRootPointerDown=this._onRootPointerDown.bind(this),this._onRootPointerMove=this._onRootPointerMove.bind(this),this._onSlotChange=this._onSlotChange.bind(this),this._onDocumentPointerDown=this._onDocumentPointerDown.bind(this),this._onWindowResize=this._onWindowResize.bind(this),this._onWindowScroll=this._onWindowScroll.bind(this)}static get observedAttributes(){return["aria-description","aria-describedby","value","disabled","loading","required","placeholder","name","tabindex","headless","size","variant","tone","density","radius","shape","elevation","option-border","show-check","check-placement","label","description","error","aria-label","validation","invalid","data-invalid","data-valid","close-on-scroll"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onRootClick),this.root.addEventListener("keydown",this._onRootKeyDown),this.root.addEventListener("pointerdown",this._onRootPointerDown),this.root.addEventListener("pointermove",this._onRootPointerMove,{passive:!0}),this.root.addEventListener("slotchange",this._onSlotChange),this._observer=new MutationObserver(e=>{e.some(i=>{if(!(i.target instanceof HTMLElement)||i.target===this)return i.type==="childList";const s=i.target.tagName.toLowerCase();return s==="option"||s==="optgroup"})&&this._scheduleOptionsSync()}),this._observer.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["value","selected","disabled","label","slot"]}),this._attachFormRegistration()}disconnectedCallback(){this.root.removeEventListener("click",this._onRootClick),this.root.removeEventListener("keydown",this._onRootKeyDown),this.root.removeEventListener("pointerdown",this._onRootPointerDown),this.root.removeEventListener("pointermove",this._onRootPointerMove),this.root.removeEventListener("slotchange",this._onSlotChange),this._teardownOpenListeners(),this._observer&&(this._observer.disconnect(),this._observer=null),this._cancelOptionsSync(),this._cancelPanelPlacement(),this._formUnregister&&(this._formUnregister(),this._formUnregister=null),super.disconnectedCallback()}shouldRenderOnAttributeChange(e){return!C.has(e)}attributeChangedCallback(e,t,i){if(t!==i){if(e==="name"&&this._attachFormRegistration(),this._triggerEl&&C.has(e)){(e==="value"||e==="placeholder"||e==="required")&&(this._syncOptionsData(),this._open&&this._renderMenu()),(e==="show-check"||e==="check-placement")&&this._open&&this._renderMenu(),this._syncControlState(),this.disabled&&this._open&&this._closeMenu({restoreFocus:!1});return}super.attributeChangedCallback(e,t,i)}}get value(){return this.getAttribute("value")||""}set value(e){const t=String(e||"");t!==this.value&&this.setAttribute("value",t)}get disabled(){return h(this.getAttribute("disabled"))||h(this.getAttribute("loading"))}set disabled(e){e?this.setAttribute("disabled",""):this.removeAttribute("disabled")}get closeOnScroll(){return h(this.getAttribute("close-on-scroll"))||!this.hasAttribute("close-on-scroll")}set closeOnScroll(e){this.setAttribute("close-on-scroll",e?"true":"false")}get showCheck(){return h(this.getAttribute("show-check"))}set showCheck(e){e?this.setAttribute("show-check","true"):this.removeAttribute("show-check")}focus(e){if(this._triggerEl){this._triggerEl.focus(e);return}super.focus(e)}blur(){if(this._triggerEl){this._triggerEl.blur();return}super.blur()}_onSlotChange(){this.requestRender()}_onRootPointerDown(e){const t=e.target;t&&t.closest(".menu-item")&&e.preventDefault()}_onRootPointerMove(e){if(!this._open)return;const i=e.target?.closest(".menu-item[data-index]");if(!i)return;const s=Number(i.dataset.index||"-1"),o=this._options[s];!o||o.disabled||s===this._activeIndex||this._setActiveIndex(s)}_onRootClick(e){const t=e.target;if(!t)return;if(t.closest(".trigger")){if(this.disabled)return;this._open?this._closeMenu({restoreFocus:!1}):this._openMenu();return}const i=t.closest(".menu-item[data-index]");if(!i)return;const s=Number(i.dataset.index||"-1"),o=this._options[s];!o||o.disabled||(this._applyValueFromUser(o.value),this._closeMenu())}_onRootKeyDown(e){const t=e.target;if(!(!t||t!==this._triggerEl&&!t.closest(".menu"))&&!this.disabled)switch(e.key){case"ArrowDown":e.preventDefault(),this._open?this._moveActive(1):this._openMenu();break;case"ArrowUp":e.preventDefault(),this._open?this._moveActive(-1):this._openMenu();break;case"Home":if(!this._open)return;e.preventDefault(),this._setActiveIndex(this._firstEnabledIndex());break;case"End":if(!this._open)return;e.preventDefault(),this._setActiveIndex(this._lastEnabledIndex());break;case"Enter":case" ":{if(e.preventDefault(),!this._open){this._openMenu();return}this._selectActiveOption();break}case"Escape":if(!this._open)return;e.preventDefault(),this._closeMenu();break;case"Tab":this._open&&this._closeMenu({restoreFocus:!1});break}}_onDocumentPointerDown(e){if(!this._open)return;const t=typeof e.composedPath=="function"?e.composedPath():[];t.includes(this)||t.includes(this.root)||this._closeMenu({restoreFocus:!1})}_isInternalEvent(e){const t=e.target,i=typeof e.composedPath=="function"?e.composedPath():[];return i.includes(this)||i.includes(this.root)||t instanceof Node&&(t===this||this.root.contains(t)||this._controlEl?.contains(t)||this._panelEl?.contains(t)||this._menuEl?.contains(t))?!0:!!(this._controlEl&&i.includes(this._controlEl)||this._triggerEl&&i.includes(this._triggerEl)||this._panelEl&&i.includes(this._panelEl)||this._menuEl&&i.includes(this._menuEl))}_onWindowResize(){this._open&&this._schedulePanelPlacement()}_onWindowScroll(e){if(this._open&&!this._isInternalEvent(e)){if(this.closeOnScroll){this._closeMenu({restoreFocus:!1});return}this._schedulePanelPlacement()}}_attachOpenListeners(){document.addEventListener("pointerdown",this._onDocumentPointerDown,!0),window.addEventListener("resize",this._onWindowResize,{passive:!0}),window.addEventListener("scroll",this._onWindowScroll,{passive:!0,capture:!0})}_teardownOpenListeners(){document.removeEventListener("pointerdown",this._onDocumentPointerDown,!0),window.removeEventListener("resize",this._onWindowResize),window.removeEventListener("scroll",this._onWindowScroll,!0)}_scheduleOptionsSync(){this._optionsSyncRaf||(this._optionsSyncRaf=requestAnimationFrame(()=>{this._optionsSyncRaf=0,this._syncOptionsData()&&this._open?this._renderMenu():this._syncControlState()}))}_cancelOptionsSync(){this._optionsSyncRaf&&(cancelAnimationFrame(this._optionsSyncRaf),this._optionsSyncRaf=0)}_schedulePanelPlacement(){this._panelPlacementRaf||(this._panelPlacementRaf=requestAnimationFrame(()=>{this._panelPlacementRaf=0,this._syncPanelPlacement()}))}_cancelPanelPlacement(){this._panelPlacementRaf&&(cancelAnimationFrame(this._panelPlacementRaf),this._panelPlacementRaf=0)}_emitValue(e,t){this.dispatchEvent(new CustomEvent(e,{detail:{value:t},bubbles:!0,composed:!0}))}_applyValueFromUser(e){(this.getAttribute("value")||"")!==e&&(this.setAttribute("value",e),this._emitValue("input",e),this._emitValue("change",e))}_attachFormRegistration(){this._formUnregister&&(this._formUnregister(),this._formUnregister=null);const e=this.getAttribute("name");if(!e)return;const t=this.getRootNode(),s=(t instanceof ShadowRoot?t.host:null)?.closest?.("ui-form")||this.closest("ui-form");!s||typeof s.registerField!="function"||(this._formUnregister=s.registerField(e,{name:e,getValue:()=>this.value,setValue:o=>{this.value=o},validate:async()=>{if(!(h(this.getAttribute("required"))||this.hasAttribute("required")))return{valid:!0};const l=this.value.trim().length>0;return{valid:l,message:l?void 0:"This field is required."}},setError:o=>{o?(this.setAttribute("validation","error"),this.setAttribute("error",o)):(this.getAttribute("validation")==="error"&&this.removeAttribute("validation"),this.removeAttribute("error"))}}))}_hasSlotContent(e){return!!this.querySelector(`[slot="${e}"]`)}_setValueAttr(e){const t=String(e??"");this.getAttribute("value")!==t&&this.setAttribute("value",t)}_buildOptionsFromChildren(){const e=[],t=(r,u)=>{const n=(r.label||r.textContent||r.value||"").trim(),a=String(r.value??"");e.push({value:a,label:n||a,disabled:!!r.disabled,group:u})};Array.from(this.children).filter(r=>r instanceof HTMLElement?!r.hasAttribute("slot"):!1).forEach(r=>{const u=r.tagName.toLowerCase();if(u==="option"){t(r,"");return}if(u==="optgroup"){const n=r,a=(n.label||"").trim();Array.from(n.children).forEach(c=>{c instanceof HTMLOptionElement&&e.push({value:String(c.value??""),label:(c.label||c.textContent||c.value||"").trim()||String(c.value??""),disabled:!!c.disabled||!!n.disabled,group:a})})}});const s=(this.getAttribute("placeholder")||"").trim(),o=h(this.getAttribute("required"))||this.hasAttribute("required"),l=e.some(r=>r.value==="");return s&&!o&&!l&&e.unshift({value:"",label:s,disabled:!1,group:""}),e}_computeOptionsFingerprint(e){return e.map(t=>`${t.value}
${t.label}
${t.disabled?"1":"0"}
${t.group}`).join("")}_firstEnabledIndex(){return _.findFirstEnabledIndex(this._options,e=>e.disabled)}_lastEnabledIndex(){return _.findLastEnabledIndex(this._options,e=>e.disabled)}_selectedIndex(){return _.findIndexByValue(this._options,this.value,e=>e.value)}_checkPlacement(){return this.getAttribute("check-placement")==="start"?"start":"end"}_syncOptionsData(){const e=this._buildOptionsFromChildren(),t=this._computeOptionsFingerprint(e),i=t!==this._optionsFingerprint;this._options=e,this._optionsFingerprint=t;const s=this.getAttribute("value")||"",o=this.hasAttribute("value"),l=this._options.some(a=>a.value===s),r=h(this.getAttribute("required"))||this.hasAttribute("required"),u=this._options.find(a=>!a.disabled)?.value||"",n=!r&&this._options.some(a=>a.value==="")?"":u;return o?l||this._setValueAttr(n):this._setValueAttr(n),i}_currentDisplayText(){const e=this.value,t=(this.getAttribute("placeholder")||"").trim();return e===""&&t?t:this._options.find(s=>s.value===e)?.label||e}_setActiveIndex(e){if(!this._menuEl||e===this._activeIndex)return;this._activeIndex=e;const t=e>=0&&this._menuItems[e]||null;this._menuEl.setActiveItem(t,{focus:!1,owner:this._triggerEl,scroll:!0})}_moveActive(e){if(!this._menuEl||!this._options.length)return;const t=this._activeIndex>=0?this._menuItems[this._activeIndex]:null,i=this._menuEl.move(e,{current:t,focus:!1,owner:this._triggerEl,scroll:!0});if(!i)return;const s=Number(i.dataset.index||"-1");s>=0&&(this._activeIndex=s)}_selectActiveOption(){if(this._activeIndex<0)return;const e=this._options[this._activeIndex];!e||e.disabled||(this._applyValueFromUser(e.value),this._closeMenu())}_renderMenu(){const e=this._menuEl;if(!e)return;const t=`${this._optionsFingerprint}
${this.showCheck?"1":"0"}
${this._checkPlacement()}`;if(this._menuItems.length>0&&t===this._menuRenderFingerprint&&this._menuItems.length===this._options.length){this._syncMenuSelectionState(),this._schedulePanelPlacement();return}if(e.replaceChildren(),this._menuItems=[],!this._options.length){const r=document.createElement("p");r.className="menu-empty",r.textContent="No options available",e.appendChild(r),this._menuRenderFingerprint=t,e.refresh();return}let s="__none__";this._options.forEach((r,u)=>{if(r.group&&r.group!==s){const d=document.createElement("div");d.className="menu-group",d.setAttribute("role","presentation"),d.textContent=r.group,e.appendChild(d),s=r.group}r.group||(s="__none__");const n=document.createElement("button");n.type="button",n.className="menu-item",n.id=`${this._uid}-opt-${u}`,n.setAttribute("role","option"),n.setAttribute("data-index",String(u)),n.setAttribute("data-value",r.value),n.setAttribute("aria-selected",r.value===this.value?"true":"false"),n.setAttribute("aria-disabled",r.disabled?"true":"false"),n.tabIndex=-1,r.disabled&&(n.disabled=!0);const a=document.createElement("span");a.className="menu-item-label",a.textContent=r.label;const c=document.createElement("span");c.className="menu-item-check",c.setAttribute("aria-hidden","true");const m=this.showCheck,b=this._checkPlacement();c.hidden=!m,n.setAttribute("data-check-placement",b),m&&b==="start"?n.append(c,a):n.append(a,c),e.appendChild(n),this._menuItems.push(n)});const o=this._menuItems[0]||null,l=this._menuItems[this._menuItems.length-1]||null;o&&o.setAttribute("data-edge-start","true"),l&&l.setAttribute("data-edge-end","true"),e.refresh(),this._menuRenderFingerprint=t,this._syncMenuSelectionState(),this._schedulePanelPlacement()}_syncMenuSelectionState(){if(!this._menuEl)return;const e=this._selectedIndex();this._menuItems.forEach(i=>{const s=Number(i.dataset.index||"-1");i.setAttribute("aria-selected",s===e?"true":"false")}),this._activeIndex=F.resolveListboxActiveIndex(this._options,{selectedIndex:e,getDisabled:i=>i.disabled});const t=this._activeIndex>=0&&this._menuItems[this._activeIndex]||null;this._menuEl.setActiveItem(t,{focus:!1,owner:this._triggerEl,scroll:!0})}_syncPanelPlacement(){const e=this._panelEl,t=this._controlEl,i=this._menuEl;if(!e||!t||!i||!this._open)return;const s=t.getBoundingClientRect(),o=window.innerHeight||document.documentElement.clientHeight||0,l=Math.max(0,o-s.bottom-12),r=Math.max(0,s.top-12),u=Math.min(Math.max(i.scrollHeight,i.offsetHeight)+4,320),n=l<u&&r>l;this._placement=n?"top":"bottom",e.setAttribute("data-placement",this._placement),e.style.setProperty("--ui-select-available-height",`${Math.floor(n?r:l)}px`)}_openMenu(){this._open||this.disabled||(this._cancelPanelPlacement(),this._syncOptionsData(),this._open=!0,this._syncControlState(),this._renderMenu(),this._attachOpenListeners())}_closeMenu(e={}){if(this._open&&(this._open=!1,this._activeIndex=-1,this._cancelPanelPlacement(),this._teardownOpenListeners(),this._syncControlState(),e.restoreFocus!==!1))try{this._triggerEl?.focus({preventScroll:!0})}catch{this._triggerEl?.focus()}}_syncControlState(){const e=this._triggerEl,t=this._controlEl,i=this._valueEl,s=this._panelEl;if(!e||!t||!i||!s)return;const o=this.getAttribute("label")||"",l=this.getAttribute("description")||"",r=this.getAttribute("error")||"",u=this.getAttribute("aria-label")||o||"Select",n=h(this.getAttribute("loading")),a=h(this.getAttribute("required"))||this.hasAttribute("required"),c=this.getAttribute("tabindex"),m=this.hasAttribute("validation")&&this.getAttribute("validation")==="error"||this.hasAttribute("invalid")||this.getAttribute("data-invalid")==="true",b=O(this.getAttribute("radius")),d=this.root.querySelector(".label"),x=this.root.querySelector(".label-text"),g=this.root.querySelector(".description"),f=this.root.querySelector(".description-text"),y=this.root.querySelector(".error"),w=this.root.querySelector(".error-text"),A=this.root.querySelector(".meta"),E=this.root.querySelector(".required"),k=!!o||this._hasSlotContent("label"),S=!!l||this._hasSlotContent("description"),P=!!r||this._hasSlotContent("error"),M=this._hasSlotContent("leading"),R=this._hasSlotContent("trailing"),q=!!(this.getAttribute("placeholder")||"").trim()&&this.value==="";x&&(x.textContent=o),f&&(f.textContent=l),w&&(w.textContent=r),d&&(d.hidden=!k),g&&(g.hidden=!S),y&&(y.hidden=!P),A&&(A.hidden=!k&&!S),E&&(E.hidden=!a),i.textContent=this._currentDisplayText(),t.setAttribute("data-open",this._open?"true":"false"),t.setAttribute("data-placeholder-shown",q?"true":"false"),t.setAttribute("data-has-leading",String(M)),t.setAttribute("data-has-trailing",String(R)),e.disabled=this.disabled,e.setAttribute("aria-label",u),e.setAttribute("aria-expanded",this._open?"true":"false"),e.setAttribute("aria-busy",n?"true":"false"),e.setAttribute("aria-required",a?"true":"false"),m?e.setAttribute("aria-invalid","true"):e.removeAttribute("aria-invalid"),c!=null&&!this.disabled?e.setAttribute("tabindex",c):this.disabled?e.setAttribute("tabindex","-1"):e.setAttribute("tabindex","0"),s.setAttribute("data-placement",this._placement),I.setPanelOpen(s,this._open,String(this._placement).split("-")[0]),this._open?e.setAttribute("aria-controls",`${this._uid}-listbox`):e.removeAttribute("aria-controls"),b&&!["none","full","large"].includes(this.getAttribute("radius")||"")?this.style.setProperty("--ui-select-radius",b):this.style.removeProperty("--ui-select-radius"),this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.setAttribute("aria-busy",n?"true":"false"),this.toggleAttribute("open",this._open),this._open&&this._schedulePanelPlacement()}render(){const e=this.getAttribute("label")||"",t=this.getAttribute("description")||"",i=this.getAttribute("error")||"",s=h(this.getAttribute("required"))||this.hasAttribute("required"),o=this.getAttribute("aria-label")||e||"Select",l=!!e||this._hasSlotContent("label"),r=!!t||this._hasSlotContent("description"),u=!!i||this._hasSlotContent("error"),n=this._hasSlotContent("leading"),a=this._hasSlotContent("trailing"),c=`${this._uid}-label`,m=`${this._uid}-description`,b=`${this._uid}-error`,d=`${this._uid}-trigger`,x=`${this._uid}-listbox`,g=L.externalDescriptionMarkup(this,this._uid),f=[r?m:"",u?b:"",g.id].filter(Boolean).join(" ");this.setContent(`
-      <style>${D}</style>
+`;function h(b){if(b==null)return!1;const e=String(b).toLowerCase();return e!=="false"&&e!=="0"}function _(b){return String(b).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function U(b){if(!b)return null;const e=String(b).trim();return e?e==="none"?"4px":e==="full"?"999px":e==="large"?"16px":/^-?\\d+(\\.\\d+)?$/.test(e)?`${e}px`:e:null}const R=new Set(["value","disabled","loading","required","placeholder","name","tabindex","headless","size","variant","tone","density","radius","shape","elevation","option-border","show-check","check-placement","label","description","error","aria-label","validation","invalid","data-invalid","data-valid","close-on-scroll"]),k=class k extends O.ElementBase{constructor(){super(),this._formControl=new M.FormControl(this,{getValue:()=>this.value,getValidity:()=>({valueMissing:M.isRequired(this)&&!this.value,message:"Please select an item in the list.",anchor:this._triggerEl}),defaultAttribute:"value",onFormDisabled:()=>{this._syncControlState(),this.disabled&&this._open&&this._closeMenu({restoreFocus:!1})}}),this._controlEl=null,this._triggerEl=null,this._valueEl=null,this._panelEl=null,this._menuEl=null,this._observer=null,this._formUnregister=null,this._optionsSyncRaf=0,this._panelPlacementRaf=0,this._renderedExternalHtml="",this._uid=Math.random().toString(36).slice(2,8),this._options=[],this._menuItems=[],this._optionsFingerprint="",this._menuRenderFingerprint="",this._open=!1,this._activeIndex=-1,this._placement="bottom",this._onRootClick=this._onRootClick.bind(this),this._onRootKeyDown=this._onRootKeyDown.bind(this),this._onRootPointerDown=this._onRootPointerDown.bind(this),this._onRootPointerMove=this._onRootPointerMove.bind(this),this._onSlotChange=this._onSlotChange.bind(this),this._onDocumentPointerDown=this._onDocumentPointerDown.bind(this),this._onWindowResize=this._onWindowResize.bind(this),this._onWindowScroll=this._onWindowScroll.bind(this)}static get observedAttributes(){return["aria-description","aria-describedby","value","disabled","loading","required","placeholder","name","tabindex","headless","size","variant","tone","density","radius","shape","elevation","option-border","show-check","check-placement","label","description","error","aria-label","validation","invalid","data-invalid","data-valid","close-on-scroll"]}formResetCallback(){this._formControl.formResetCallback()}formDisabledCallback(e){this._formControl.formDisabledCallback(e)}get form(){return this._formControl.form}connectedCallback(){super.connectedCallback(),this._formControl.connect(),this.root.addEventListener("click",this._onRootClick),this.root.addEventListener("keydown",this._onRootKeyDown),this.root.addEventListener("pointerdown",this._onRootPointerDown),this.root.addEventListener("pointermove",this._onRootPointerMove,{passive:!0}),this.root.addEventListener("slotchange",this._onSlotChange),this._observer=new MutationObserver(e=>{e.some(i=>{if(!(i.target instanceof HTMLElement)||i.target===this)return i.type==="childList";const s=i.target.tagName.toLowerCase();return s==="option"||s==="optgroup"})&&this._scheduleOptionsSync()}),this._observer.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["value","selected","disabled","label","slot"]}),this._attachFormRegistration()}disconnectedCallback(){this._formControl.disconnect(),this.root.removeEventListener("click",this._onRootClick),this.root.removeEventListener("keydown",this._onRootKeyDown),this.root.removeEventListener("pointerdown",this._onRootPointerDown),this.root.removeEventListener("pointermove",this._onRootPointerMove),this.root.removeEventListener("slotchange",this._onSlotChange),this._teardownOpenListeners(),this._observer&&(this._observer.disconnect(),this._observer=null),this._cancelOptionsSync(),this._cancelPanelPlacement(),this._formUnregister&&(this._formUnregister(),this._formUnregister=null),super.disconnectedCallback()}shouldRenderOnAttributeChange(e){return!R.has(e)}attributeChangedCallback(e,t,i){if(t!==i){if(e==="name"&&this._attachFormRegistration(),this._triggerEl&&R.has(e)){(e==="value"||e==="placeholder"||e==="required")&&(this._syncOptionsData(),this._open&&this._renderMenu()),(e==="show-check"||e==="check-placement")&&this._open&&this._renderMenu(),this._syncControlState(),this.disabled&&this._open&&this._closeMenu({restoreFocus:!1});return}super.attributeChangedCallback(e,t,i)}}get value(){return this.getAttribute("value")||""}set value(e){const t=String(e||"");t!==this.value&&this.setAttribute("value",t)}get disabled(){return h(this.getAttribute("disabled"))||h(this.getAttribute("loading"))||!!this._formControl?.disabledByForm}set disabled(e){e?this.setAttribute("disabled",""):this.removeAttribute("disabled")}get closeOnScroll(){return h(this.getAttribute("close-on-scroll"))||!this.hasAttribute("close-on-scroll")}set closeOnScroll(e){this.setAttribute("close-on-scroll",e?"true":"false")}get showCheck(){return h(this.getAttribute("show-check"))}set showCheck(e){e?this.setAttribute("show-check","true"):this.removeAttribute("show-check")}focus(e){if(this._triggerEl){this._triggerEl.focus(e);return}super.focus(e)}blur(){if(this._triggerEl){this._triggerEl.blur();return}super.blur()}_onSlotChange(){this.requestRender()}_onRootPointerDown(e){const t=e.target;t&&t.closest(".menu-item")&&e.preventDefault()}_onRootPointerMove(e){if(!this._open)return;const i=e.target?.closest(".menu-item[data-index]");if(!i)return;const s=Number(i.dataset.index||"-1"),o=this._options[s];!o||o.disabled||s===this._activeIndex||this._setActiveIndex(s)}_onRootClick(e){const t=e.target;if(!t)return;if(t.closest(".trigger")){if(this.disabled)return;this._open?this._closeMenu({restoreFocus:!1}):this._openMenu();return}const i=t.closest(".menu-item[data-index]");if(!i)return;const s=Number(i.dataset.index||"-1"),o=this._options[s];!o||o.disabled||(this._applyValueFromUser(o.value),this._closeMenu())}_onRootKeyDown(e){const t=e.target;if(!(!t||t!==this._triggerEl&&!t.closest(".menu"))&&!this.disabled)switch(e.key){case"ArrowDown":e.preventDefault(),this._open?this._moveActive(1):this._openMenu();break;case"ArrowUp":e.preventDefault(),this._open?this._moveActive(-1):this._openMenu();break;case"Home":if(!this._open)return;e.preventDefault(),this._setActiveIndex(this._firstEnabledIndex());break;case"End":if(!this._open)return;e.preventDefault(),this._setActiveIndex(this._lastEnabledIndex());break;case"Enter":case" ":{if(e.preventDefault(),!this._open){this._openMenu();return}this._selectActiveOption();break}case"Escape":if(!this._open)return;e.preventDefault(),this._closeMenu();break;case"Tab":this._open&&this._closeMenu({restoreFocus:!1});break}}_onDocumentPointerDown(e){if(!this._open)return;const t=typeof e.composedPath=="function"?e.composedPath():[];t.includes(this)||t.includes(this.root)||this._closeMenu({restoreFocus:!1})}_isInternalEvent(e){const t=e.target,i=typeof e.composedPath=="function"?e.composedPath():[];return i.includes(this)||i.includes(this.root)||t instanceof Node&&(t===this||this.root.contains(t)||this._controlEl?.contains(t)||this._panelEl?.contains(t)||this._menuEl?.contains(t))?!0:!!(this._controlEl&&i.includes(this._controlEl)||this._triggerEl&&i.includes(this._triggerEl)||this._panelEl&&i.includes(this._panelEl)||this._menuEl&&i.includes(this._menuEl))}_onWindowResize(){this._open&&this._schedulePanelPlacement()}_onWindowScroll(e){if(this._open&&!this._isInternalEvent(e)){if(this.closeOnScroll){this._closeMenu({restoreFocus:!1});return}this._schedulePanelPlacement()}}_attachOpenListeners(){document.addEventListener("pointerdown",this._onDocumentPointerDown,!0),window.addEventListener("resize",this._onWindowResize,{passive:!0}),window.addEventListener("scroll",this._onWindowScroll,{passive:!0,capture:!0})}_teardownOpenListeners(){document.removeEventListener("pointerdown",this._onDocumentPointerDown,!0),window.removeEventListener("resize",this._onWindowResize),window.removeEventListener("scroll",this._onWindowScroll,!0)}_scheduleOptionsSync(){this._optionsSyncRaf||(this._optionsSyncRaf=requestAnimationFrame(()=>{this._optionsSyncRaf=0,this._syncOptionsData()&&this._open?this._renderMenu():this._syncControlState()}))}_cancelOptionsSync(){this._optionsSyncRaf&&(cancelAnimationFrame(this._optionsSyncRaf),this._optionsSyncRaf=0)}_schedulePanelPlacement(){this._panelPlacementRaf||(this._panelPlacementRaf=requestAnimationFrame(()=>{this._panelPlacementRaf=0,this._syncPanelPlacement()}))}_cancelPanelPlacement(){this._panelPlacementRaf&&(cancelAnimationFrame(this._panelPlacementRaf),this._panelPlacementRaf=0)}_emitValue(e,t){this.dispatchEvent(new CustomEvent(e,{detail:{value:t},bubbles:!0,composed:!0}))}_applyValueFromUser(e){(this.getAttribute("value")||"")!==e&&(this.setAttribute("value",e),this._emitValue("input",e),this._emitValue("change",e))}_attachFormRegistration(){this._formUnregister&&(this._formUnregister(),this._formUnregister=null);const e=this.getAttribute("name");if(!e)return;const t=this.getRootNode(),s=(t instanceof ShadowRoot?t.host:null)?.closest?.("ui-form")||this.closest("ui-form");!s||typeof s.registerField!="function"||(this._formUnregister=s.registerField(e,{name:e,getValue:()=>this.value,setValue:o=>{this.value=o},validate:async()=>{if(!(h(this.getAttribute("required"))||this.hasAttribute("required")))return{valid:!0};const u=this.value.trim().length>0;return{valid:u,message:u?void 0:"This field is required."}},setError:o=>{o?(this.setAttribute("validation","error"),this.setAttribute("error",o)):(this.getAttribute("validation")==="error"&&this.removeAttribute("validation"),this.removeAttribute("error"))}}))}_hasSlotContent(e){return!!this.querySelector(`[slot="${e}"]`)}_setValueAttr(e){const t=String(e??"");this.getAttribute("value")!==t&&this.setAttribute("value",t)}_buildOptionsFromChildren(){const e=[];Array.from(this.children).forEach(r=>{const l=r.tagName.toLowerCase();(l==="option"||l==="optgroup")&&!r.hasAttribute("slot")&&T.hideCloneSource(r)});const t=(r,l)=>{const n=(r.label||r.textContent||r.value||"").trim(),a=String(r.value??"");e.push({value:a,label:n||a,disabled:!!r.disabled,group:l})};Array.from(this.children).filter(r=>r instanceof HTMLElement?!r.hasAttribute("slot"):!1).forEach(r=>{const l=r.tagName.toLowerCase();if(l==="option"){t(r,"");return}if(l==="optgroup"){const n=r,a=(n.label||"").trim();Array.from(n.children).forEach(c=>{c instanceof HTMLOptionElement&&e.push({value:String(c.value??""),label:(c.label||c.textContent||c.value||"").trim()||String(c.value??""),disabled:!!c.disabled||!!n.disabled,group:a})})}});const s=(this.getAttribute("placeholder")||"").trim(),o=h(this.getAttribute("required"))||this.hasAttribute("required"),u=e.some(r=>r.value==="");return s&&!o&&!u&&e.unshift({value:"",label:s,disabled:!1,group:""}),e}_computeOptionsFingerprint(e){return e.map(t=>`${t.value}
${t.label}
${t.disabled?"1":"0"}
${t.group}`).join("")}_firstEnabledIndex(){return E.findFirstEnabledIndex(this._options,e=>e.disabled)}_lastEnabledIndex(){return E.findLastEnabledIndex(this._options,e=>e.disabled)}_selectedIndex(){return E.findIndexByValue(this._options,this.value,e=>e.value)}_checkPlacement(){return this.getAttribute("check-placement")==="start"?"start":"end"}_syncOptionsData(){const e=this._buildOptionsFromChildren(),t=this._computeOptionsFingerprint(e),i=t!==this._optionsFingerprint;this._options=e,this._optionsFingerprint=t;const s=this.getAttribute("value")||"",o=this.hasAttribute("value"),u=this._options.some(a=>a.value===s),r=h(this.getAttribute("required"))||this.hasAttribute("required"),l=this._options.find(a=>!a.disabled)?.value||"",n=!r&&this._options.some(a=>a.value==="")?"":l;return o?u||this._setValueAttr(n):this._setValueAttr(n),i}_currentDisplayText(){const e=this.value,t=(this.getAttribute("placeholder")||"").trim();return e===""&&t?t:this._options.find(s=>s.value===e)?.label||e}_setActiveIndex(e){if(!this._menuEl||e===this._activeIndex)return;this._activeIndex=e;const t=e>=0&&this._menuItems[e]||null;this._menuEl.setActiveItem(t,{focus:!1,owner:this._triggerEl,scroll:!0})}_moveActive(e){if(!this._menuEl||!this._options.length)return;const t=this._activeIndex>=0?this._menuItems[this._activeIndex]:null,i=this._menuEl.move(e,{current:t,focus:!1,owner:this._triggerEl,scroll:!0});if(!i)return;const s=Number(i.dataset.index||"-1");s>=0&&(this._activeIndex=s)}_selectActiveOption(){if(this._activeIndex<0)return;const e=this._options[this._activeIndex];!e||e.disabled||(this._applyValueFromUser(e.value),this._closeMenu())}_renderMenu(){const e=this._menuEl;if(!e)return;const t=`${this._optionsFingerprint}
${this.showCheck?"1":"0"}
${this._checkPlacement()}`;if(this._menuItems.length>0&&t===this._menuRenderFingerprint&&this._menuItems.length===this._options.length){this._syncMenuSelectionState(),this._schedulePanelPlacement();return}if(e.replaceChildren(),this._menuItems=[],!this._options.length){const r=document.createElement("p");r.className="menu-empty",r.textContent="No options available",e.appendChild(r),this._menuRenderFingerprint=t,e.refresh();return}let s="__none__";this._options.forEach((r,l)=>{if(r.group&&r.group!==s){const d=document.createElement("div");d.className="menu-group",d.setAttribute("role","presentation"),d.textContent=r.group,e.appendChild(d),s=r.group}r.group||(s="__none__");const n=document.createElement("button");n.type="button",n.className="menu-item",n.id=`${this._uid}-opt-${l}`,n.setAttribute("role","option"),n.setAttribute("data-index",String(l)),n.setAttribute("data-value",r.value),n.setAttribute("aria-selected",r.value===this.value?"true":"false"),n.setAttribute("aria-disabled",r.disabled?"true":"false"),n.tabIndex=-1,r.disabled&&(n.disabled=!0);const a=document.createElement("span");a.className="menu-item-label",a.textContent=r.label;const c=document.createElement("span");c.className="menu-item-check",c.setAttribute("aria-hidden","true");const m=this.showCheck,p=this._checkPlacement();c.hidden=!m,n.setAttribute("data-check-placement",p),m&&p==="start"?n.append(c,a):n.append(a,c),e.appendChild(n),this._menuItems.push(n)});const o=this._menuItems[0]||null,u=this._menuItems[this._menuItems.length-1]||null;o&&o.setAttribute("data-edge-start","true"),u&&u.setAttribute("data-edge-end","true"),e.refresh(),this._menuRenderFingerprint=t,this._syncMenuSelectionState(),this._schedulePanelPlacement()}_syncMenuSelectionState(){if(!this._menuEl)return;const e=this._selectedIndex();this._menuItems.forEach(i=>{const s=Number(i.dataset.index||"-1");i.setAttribute("aria-selected",s===e?"true":"false")}),this._activeIndex=N.resolveListboxActiveIndex(this._options,{selectedIndex:e,getDisabled:i=>i.disabled});const t=this._activeIndex>=0&&this._menuItems[this._activeIndex]||null;this._menuEl.setActiveItem(t,{focus:!1,owner:this._triggerEl,scroll:!0})}_syncPanelPlacement(){const e=this._panelEl,t=this._controlEl,i=this._menuEl;if(!e||!t||!i||!this._open)return;const s=t.getBoundingClientRect(),o=window.innerHeight||document.documentElement.clientHeight||0,u=Math.max(0,o-s.bottom-12),r=Math.max(0,s.top-12),l=Math.min(Math.max(i.scrollHeight,i.offsetHeight)+4,320),n=u<l&&r>u;this._placement=n?"top":"bottom",e.setAttribute("data-placement",this._placement),e.style.setProperty("--ui-select-available-height",`${Math.floor(n?r:u)}px`)}_openMenu(){this._open||this.disabled||(this._cancelPanelPlacement(),this._syncOptionsData(),this._open=!0,this._syncControlState(),this._renderMenu(),this._attachOpenListeners())}_closeMenu(e={}){if(this._open&&(this._open=!1,this._activeIndex=-1,this._cancelPanelPlacement(),this._teardownOpenListeners(),this._syncControlState(),e.restoreFocus!==!1))try{this._triggerEl?.focus({preventScroll:!0})}catch{this._triggerEl?.focus()}}_syncControlState(){const e=this._triggerEl,t=this._controlEl,i=this._valueEl,s=this._panelEl;if(!e||!t||!i||!s)return;const o=this.getAttribute("label")||"",u=this.getAttribute("description")||"",r=this.getAttribute("error")||"",l=this.getAttribute("aria-label")||o||"Select",n=h(this.getAttribute("loading")),a=h(this.getAttribute("required"))||this.hasAttribute("required"),c=this.getAttribute("tabindex"),m=this.hasAttribute("validation")&&this.getAttribute("validation")==="error"||this.hasAttribute("invalid")||this.getAttribute("data-invalid")==="true",p=U(this.getAttribute("radius")),d=this.root.querySelector(".label"),f=this.root.querySelector(".label-text"),x=this.root.querySelector(".description"),g=this.root.querySelector(".description-text"),v=this.root.querySelector(".error"),S=this.root.querySelector(".error-text"),C=this.root.querySelector(".meta"),I=this.root.querySelector(".required"),w=!!o||this._hasSlotContent("label"),A=!!u||this._hasSlotContent("description"),z=!!r||this._hasSlotContent("error"),$=this._hasSlotContent("leading"),F=this._hasSlotContent("trailing"),L=!!(this.getAttribute("placeholder")||"").trim()&&this.value==="";f&&(f.textContent=o),g&&(g.textContent=u),S&&(S.textContent=r),d&&(d.hidden=!w),x&&(x.hidden=!A),v&&(v.hidden=!z),C&&(C.hidden=!w&&!A),I&&(I.hidden=!a),i.textContent=this._currentDisplayText(),t.setAttribute("data-open",this._open?"true":"false"),t.setAttribute("data-placeholder-shown",L?"true":"false"),t.setAttribute("data-has-leading",String($)),t.setAttribute("data-has-trailing",String(F)),e.disabled=this.disabled,e.setAttribute("aria-label",l),w?e.setAttribute("aria-labelledby",`${this._uid}-label`):e.removeAttribute("aria-labelledby");const D=this._renderedExternalHtml?`${this._uid}-external-description`:"",P=[A?`${this._uid}-description`:"",z?`${this._uid}-error`:"",D].filter(Boolean).join(" ");P?e.setAttribute("aria-describedby",P):e.removeAttribute("aria-describedby"),e.setAttribute("aria-expanded",this._open?"true":"false"),e.setAttribute("aria-busy",n?"true":"false"),e.setAttribute("aria-required",a?"true":"false"),m?e.setAttribute("aria-invalid","true"):e.removeAttribute("aria-invalid"),c!=null&&!this.disabled?e.setAttribute("tabindex",c):this.disabled?e.setAttribute("tabindex","-1"):e.setAttribute("tabindex","0"),s.setAttribute("data-placement",this._placement),q.setPanelOpen(s,this._open,String(this._placement).split("-")[0]),this._open?e.setAttribute("aria-controls",`${this._uid}-listbox`):e.removeAttribute("aria-controls"),p&&!["none","full","large"].includes(this.getAttribute("radius")||"")?this.style.setProperty("--ui-select-radius",p):this.style.removeProperty("--ui-select-radius"),this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.setAttribute("aria-busy",n?"true":"false"),this.toggleAttribute("open",this._open),this._open&&this._schedulePanelPlacement()}render(){const e=B.externalDescriptionMarkup(this,this._uid);if(this._triggerEl&&this._triggerEl.getRootNode()===this.root&&e.html===this._renderedExternalHtml){this._syncOptionsData(),this._renderMenu(),!this._open&&this._panelEl&&(this._panelEl.hidden=!0),this._syncControlState();return}const t=this.getAttribute("label")||"",i=this.getAttribute("description")||"",s=this.getAttribute("error")||"",o=h(this.getAttribute("required"))||this.hasAttribute("required"),u=this.getAttribute("aria-label")||t||"Select",r=!!t||this._hasSlotContent("label"),l=!!i||this._hasSlotContent("description"),n=!!s||this._hasSlotContent("error"),a=this._hasSlotContent("leading"),c=this._hasSlotContent("trailing"),m=`${this._uid}-label`,p=`${this._uid}-description`,d=`${this._uid}-error`,f=`${this._uid}-trigger`,x=`${this._uid}-listbox`,g=e,v=[l?p:"",n?d:"",g.id].filter(Boolean).join(" ");this._renderedExternalHtml=g.html,this.setContent(`
+      <style>${H}</style>
       <slot class="content-slot"></slot>
       <div class="root" part="root">
-        <div class="meta" part="meta" ${l||r?"":"hidden"}>
-          <label class="label" part="label" id="${c}" for="${d}" ${l?"":"hidden"}>
-            <slot name="label"><span class="label-text">${v(e)}</span></slot>
-            <span class="required" aria-hidden="true" ${s?"":"hidden"}>*</span>
+        <div class="meta" part="meta" ${r||l?"":"hidden"}>
+          <label class="label" part="label" id="${m}" for="${f}" ${r?"":"hidden"}>
+            <slot name="label"><span class="label-text">${_(t)}</span></slot>
+            <span class="required" aria-hidden="true" ${o?"":"hidden"}>*</span>
           </label>
-          <p class="description" part="description" id="${m}" ${r?"":"hidden"}>
-            <slot name="description"><span class="description-text">${v(t)}</span></slot>
+          <p class="description" part="description" id="${p}" ${l?"":"hidden"}>
+            <slot name="description"><span class="description-text">${_(i)}</span></slot>
           </p>
         </div>
         <div class="field-shell" part="field-shell">
-          <div class="control" part="control" data-has-leading="${n}" data-has-trailing="${a}" data-open="false">
-            <span class="leading" part="leading" ${n?"":"hidden"}>
+          <div class="control" part="control" data-has-leading="${a}" data-has-trailing="${c}" data-open="false">
+            <span class="leading" part="leading" ${a?"":"hidden"}>
               <slot name="leading"></slot>
             </span>
             <button
-              id="${d}"
+              id="${f}"
               type="button"
               class="trigger native"
               part="trigger"
               role="combobox"
               aria-haspopup="listbox"
               aria-expanded="false"
-              aria-label="${v(o)}"
-              ${l?`aria-labelledby="${c}"`:""}
-              ${f?`aria-describedby="${v(f)}"`:""}
+              aria-label="${_(u)}"
+              ${r?`aria-labelledby="${m}"`:""}
+              ${v?`aria-describedby="${_(v)}"`:""}
             >
               <span class="value" part="value"></span>
             </button>
-            <span class="trailing" part="trailing" ${a?"":"hidden"}>
+            <span class="trailing" part="trailing" ${c?"":"hidden"}>
               <slot name="trailing"></slot>
             </span>
             <span class="indicator" part="indicator" aria-hidden="true"></span>
@@ -758,9 +758,9 @@
             ></ui-listbox>
           </div>
         </div>
-        <p class="error" part="error" id="${b}" ${u?"":"hidden"}>
-          <slot name="error"><span class="error-text">${v(i)}</span></slot>
+        <p class="error" part="error" id="${d}" ${n?"":"hidden"}>
+          <slot name="error"><span class="error-text">${_(s)}</span></slot>
         </p>
         ${g.html}
       </div>
-    `),this._controlEl=this.root.querySelector(".control"),this._triggerEl=this.root.querySelector(".trigger"),this._valueEl=this.root.querySelector(".value"),this._panelEl=this.root.querySelector(".panel"),this._menuEl=this.root.querySelector(".menu"),this._menuItems=[],this._menuRenderFingerprint="",this._syncOptionsData(),this._renderMenu(),!this._open&&this._panelEl&&(this._panelEl.hidden=!0),this._syncControlState()}}typeof customElements<"u"&&!customElements.get("ui-select")&&customElements.define("ui-select",z);exports.UISelect=z;
+    `),this._controlEl=this.root.querySelector(".control"),this._triggerEl=this.root.querySelector(".trigger"),this._valueEl=this.root.querySelector(".value"),this._panelEl=this.root.querySelector(".panel"),this._menuEl=this.root.querySelector(".menu"),this._menuItems=[],this._menuRenderFingerprint="",this._syncOptionsData(),this._renderMenu(),!this._open&&this._panelEl&&(this._panelEl.hidden=!0),this._syncControlState()}};k.formAssociated=!0;let y=k;typeof customElements<"u"&&!customElements.get("ui-select")&&customElements.define("ui-select",y);exports.UISelect=y;