npm - @tempots/beatui - Versions diffs - 0.0.6 → 0.1.1 - Mend

@tempots/beatui 0.0.6 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (72) hide show

package/dist/index.umd.js CHANGED Viewed

@@ -1,5 +1,100 @@
-(function(c,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("@tempots/dom"),require("@tempots/ui")):typeof define=="function"&&define.amd?define(["exports","@tempots/dom","@tempots/ui"],e):(c=typeof globalThis<"u"?globalThis:c||self,e(c.BeatUIFramework={},c.TempoDom,c.TempoUI))})(this,function(c,e,m){"use strict";var ll=Object.defineProperty;var At=c=>{throw TypeError(c)};var rl=(c,e,m)=>e in c?ll(c,e,{enumerable:!0,configurable:!0,writable:!0,value:m}):c[e]=m;var y=(c,e,m)=>rl(c,typeof e!="symbol"?e+"":e,m),al=(c,e,m)=>e.has(c)||At("Cannot "+m);var d=(c,e,m)=>(al(c,e,"read from private field"),m?m.call(c):e.get(c)),M=(c,e,m)=>e.has(c)?At("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(c):e.set(c,m);var W,A,H,x,P;class Oe{button({variant:r,size:t,color:l,roundedness:a}){const s=["bc-button",`bu-text-${t}`,`bc-control--padding-${t}`,`bc-control--rounded-${a}`];switch(r){case"filled":s.push(`bu-bg--${l}`),s.push(`hover:bu-bg--${l}`);break;case"light":s.push(`bu-bg--light-${l}`),s.push(`hover:bu-bg--light-${l}`);break;case"outline":s.push(`bu-border--${l}`),s.push(`hover:bu-bg--light-${l}`);break;case"default":s.push("bu-bg--light-neutral"),s.push(`bu-text--${l}`),s.push("hover:bu-bg--light-base");break;case"text":s.push("bu-bg--inherit"),s.push(`bu-text--${l}`),s.push("hover:bu-underline");break}return s.join(" ")}overlay({effect:r,mode:t}){return`bc-overlay bc-overlay--effect-${r} bc-overlay--mode-${t}`}icon({size:r,color:t}){const l=["bc-icon",`bc-icon--${r}`];return t&&l.push(`bu-fg--${t}`),l.join(" ")}panel({side:r,color:t,shadow:l}){return`bc-panel ${(Array.isArray(r)?r:[r]).map(s=>`bc-panel--side-${s}`).join(" ")} bu-bg--lighter-${t} bc-panel--shadow-${l}`}label(r){return`bc-label bc-label--${r.type}`}inputContainer({disabled:r,hasError:t}){const l=["bc-input-container"];return r?l.push("bc-input-container--disabled"):l.push("bc-input-container--default"),t&&l.push("bc-input-container--error"),l.join(" ")}controlInputWrapper(r){return["bc-control-input-wrapper"].join(" ")}controlInputWrapperLabelText({hasError:r,disabled:t}){const l=["bc-control-input-wrapper__label-text"];return r?l.push("bc-control-input-wrapper__label-text--error"):t?l.push("bc-control-input-wrapper__label-text--disabled"):l.push("bc-control-input-wrapper__label-text--default"),l.join(" ")}tag({disabled:r,color:t="base"}){const l=["bc-tag"];return r?l.push("bc-tag--disabled"):l.push(`bc-tag--${t}`),l.join(" ")}checkboxInput(r){return"bc-checkbox-input"}editableText(r){return"bc-editable-text"}numberInput(r){return"bc-number-input"}card({variant:r="default",size:t="md",roundedness:l="lg"}){const a=["bc-card"];return r!=="default"&&a.push(`bc-card--${r}`),t!=="md"&&a.push(`bc-card--padding-${t}`),l!=="lg"&&a.push(`bc-card--rounded-${l}`),a.join(" ")}center({gap:r="lg"}){const t=["bc-center"];return r!=="lg"&&t.push(`bc-center--gap-${r}`),t.join(" ")}sink({variant:r="default",size:t="md",roundedness:l="lg"}){const a=["bc-sink"];return r!=="default"&&a.push(`bc-sink--${r}`),t!=="md"&&a.push(`bc-sink--padding-${t}`),l!=="lg"&&a.push(`bc-sink--rounded-${l}`),a.join(" ")}segmentedControl({size:r="sm"}){return["bc-segmented-control",`bu-text-${r}`,`bc-control--padding-${r}`].join(" ")}toggle({disabled:r=!1,size:t="md"}){const l=["bc-toggle",`bu-text-${t}`,`bc-toggle--${t}`];return r&&l.push("bc-toggle--disabled"),l.join(" ")}}const v={mark:e.makeProviderMark("Theme"),create:n=>{const r=new Oe,t=m.useAppearence(),l=e.localStorageProp({key:"beatui-appearance-preference",defaultValue:"system"}),a=()=>{t.dispose(),l.dispose()},s=e.computedOf(t,l)((i,h)=>h==="system"?i:h);return{value:{theme:r,appearance:s,appearancePreference:l,setAppearancePreference:i=>{l.set(i)}},dispose:a}}},Ft=()=>e.Use(v,({appearance:n})=>e.attr.class(n.map(r=>`b-${r}`)));function te({type:n="button",disabled:r,variant:t="filled",size:l="md",color:a="base",roundedness:s="sm",onClick:o=()=>{}},...i){return e.Use(v,h=>e.html.button(e.attr.type(n),e.attr.disabled(r),e.attr.class(e.computedOf(h,t??"primary",l??"md",a,s)(({theme:u},p,g,b,k)=>u.button({variant:p,size:g,color:b,roundedness:k}))),e.on.click(o),...i))}const xt="bui-icons";function Wt(){return new Promise((n,r)=>{const t=indexedDB.open(xt,1);t.onupgradeneeded=function(l){const a=l.target.result;a.objectStoreNames.contains("icons")||a.createObjectStore("icons")},t.onsuccess=function(){n(t.result)},t.onerror=function(){r(t.error)}})}const _e=Wt();function jt(n,r){return new Promise(async(t,l)=>{const s=(await _e).transaction("icons","readwrite");s.objectStore("icons").put(r,n),s.oncomplete=t,s.onerror=l})}function Dt(n){return new Promise(async(r,t)=>{const o=(await _e).transaction("icons","readonly").objectStore("icons").get(n);o.onsuccess=function(){r(o.result)},o.onerror=t})}async function Ht(n){const r=`https://api.iconify.design/${n}.svg`;return fetch(r).then(t=>{if(t.status===200)return t.text();throw new Error(`Failed to load icon: ${n}`)})}async function Pt(n){const r=n.replace(":","/"),t=await Dt(r);if(t)return t;const l=await Ht(r);return await jt(r,l),l}function D({icon:n,size:r="md",color:t,title:l},...a){return e.Use(v,({theme:s})=>e.html.span(e.attr.class(e.computedOf(s,r,t)((o,i,h)=>o.icon({size:i,color:h}))),e.aria.label(l),m.WhenInViewport({once:!0},()=>m.Resource({request:n,load:({request:o})=>Pt(o),mapError:String})({success:o=>e.html.span(e.style.width("100%"),e.style.height("100%"),e.attr.innerHTML(o)),loading:()=>e.html.span(e.attr.class("animate-spin"),"↻"),failure:o=>e.html.span(e.attr.title(o),e.attr.class("text-red-500"),"🚫")})),...a))}const Be=({disabled:n,value:r,color:t="base",onClose:l})=>{const a=e.Value.map(n??!1,o=>o),s=e.Value.map(t??"base",o=>o);return e.Use(v,o=>e.html.span(e.attr.class(e.computedOf(o,a,s)(({theme:i},h,u)=>i.tag({disabled:h,color:u}))),e.html.span(e.attr.class("bc-tag__text"),r),l!=null?e.html.button(e.attr.disabled(n),e.attr.class("bc-tag__close"),e.html.span("×"),e.on.click(()=>l==null?void 0:l(e.Value.get(r)))):e.Empty))},Mt=(...n)=>e.Use(v,({theme:r})=>e.html.span(e.attr.class(r.label({type:"emphasis"})),...n)),ne=(...n)=>e.Use(v,({theme:r})=>e.html.span(e.attr.class(r.label({type:"default"})),...n)),Ie=(...n)=>e.Use(v,({theme:r})=>e.html.span(e.attr.class(r.label({type:"muted"})),...n)),Lt=(...n)=>e.Use(v,({theme:r})=>e.html.span(e.attr.class(r.label({type:"error"})),...n)),Ne=e.html.span(e.attr.class("bc-control-input-wrapper__required")," *"),E=({required:n,label:r,context:t,description:l,content:a,controller:s})=>e.Use(v,o=>e.html.div(e.attr.class(e.computedOf(o,s.hasError,s.disabled)(({theme:i},h,u)=>i.controlInputWrapper({hasError:h,disabled:u}))),r!=null||t!=null?e.html.div(e.attr.class("bc-control-input-wrapper__header"),e.html.label(e.attr.class("bc-control-input-wrapper__label"),e.attr.for(s.name),e.html.span(e.attr.class(e.computedOf(o,s.hasError,s.disabled)(({theme:i},h,u)=>i.controlInputWrapperLabelText({hasError:h,disabled:u}))),r),r!=null&&n?Ne:e.Empty),t!=null?ne(t):e.Empty):e.Empty,e.html.div(e.attr.class("bc-control-input-wrapper__content"),a),l!=null?e.html.div(e.attr.class("bc-control-input-wrapper__description"),l):e.Empty,e.Ensure(s.error,i=>e.html.div(e.attr.class("bc-control-input-wrapper__error"),i)))),$=({child:n,disabled:r,input:t,before:l,after:a,hasError:s,focusableSelector:o="input, select, textarea",growInput:i=!0})=>{const h=e.Value.map(r??!1,u=>u);return e.Use(v,u=>e.html.div(n,e.WithElement(p=>{const g=()=>{const b=p.querySelector(o);b==null||b.focus()};return p.addEventListener("click",g),e.OnDispose(()=>p.removeEventListener("click",g))}),e.attr.class(e.computedOf(u,h,s??!1)(({theme:p},g,b)=>p.inputContainer({disabled:g,hasError:b}))),l!=null?e.html.span(e.attr.class("bc-input-container__before"),l):null,e.html.div(e.attr.class("bc-input-container__input"),e.attr.class(e.Value.map(i,p=>p?"bc-input-container__input--grow":"")),t),a!=null?e.html.span(e.attr.class("bc-input-container__after"),a):null))},T=({autocomplete:n,autofocus:r,class:t,disabled:l,name:a,placeholder:s,id:o})=>e.Fragment(e.attr.autocomplete(n),e.attr.autofocus(r),e.attr.class(t),e.attr.disabled(l),e.attr.name(a??o),e.attr.placeholder(s),e.attr.id(o)),V=n=>({id:n.name,disabled:n.disabled,value:n.value,hasError:n.hasError}),G=(n,r)=>({...V(n),value:n.value.map(r)}),le=n=>{const{value:r,onBlur:t,onChange:l}=n;return $({...n,input:e.input.date(T(n),e.attr.valueAsDate(r),e.attr.class("bc-input"),t!=null?e.on.blur(e.emitValue(t)):e.Empty,l!=null?e.on.change(e.emitValueAsDate(l)):e.Empty)})},Ae=n=>{const{value:r,onBlur:t,onChange:l,onInput:a}=n;return $({...n,input:e.input.text(T(n),e.attr.value(r),e.attr.class("bc-input"),t!=null?e.on.blur(e.emitValue(t)):e.Empty,l!=null?e.on.change(e.emitValue(l)):e.Empty,a!=null?e.on.input(e.emitValue(a)):e.Empty)})},C=(n,r)=>()=>{r==null||r()},O=(n,r)=>t=>{n.change(t),r==null||r(t)},Q=(n,r,t)=>l=>{const a=r(l);n.change(a),t==null||t(a)},Rt=(n,r,t)=>l=>{r(l)?(n.change(null),t==null||t(null)):(n.change(l),t==null||t(l))},Ut=n=>{const{onBlur:r,onChange:t,...l}=n;return E({...l,content:Ae({...l,...V(l.controller),onChange:O(l.controller,t),onBlur:C(l.controller,r)})})},qt=n=>{const{onBlur:r,onChange:t,...l}=n;return E({...l,content:le({...l,...V(l.controller),onChange:O(l.controller,t),onBlur:C(l.controller,r)})})},zt=n=>{const r=n.getFullYear(),t=(n.getMonth()+1).toString().padStart(2,"0"),l=n.getDate().toString().padStart(2,"0"),a=n.getHours().toString().padStart(2,"0"),s=n.getMinutes().toString().padStart(2,"0");return`${r}-${t}-${l}T${a}:${s}`},Fe=n=>{const{value:r,onBlur:t,onChange:l}=n;return $({...n,input:e.input["datetime-local"](T(n),e.attr.value(e.Value.map(r,zt)),e.attr.class("bc-input"),t!=null?e.on.blur(e.emitValue(t)):e.Empty,l!=null?e.on.change(e.emitValue(a=>l(new Date(a)))):e.Empty)})},Gt=n=>{const{onBlur:r,onChange:t,...l}=n;return E({...l,content:Fe({...l,...V(l.controller),onChange:O(l.controller,t),onBlur:C(l.controller,r)})})},xe=n=>{const r={name:"email",autocomplete:"email",placeholder:"you@company.com",...n},{value:t,onBlur:l,onChange:a,onInput:s}=r;return $({...n,input:e.input.email(T(r),e.attr.value(t),e.attr.class("bc-input"),l!=null?e.on.blur(e.emitValue(l)):e.Empty,a!=null?e.on.change(e.emitValue(a)):e.Empty,s!=null?e.on.input(e.emitValue(s)):e.Empty)})},Qt=n=>{const{onChange:r,onBlur:t,...l}=n;return E({label:"Email",...l,content:xe({...l,...V(l.controller),onChange:O(l.controller,r),onBlur:C(l.controller,t)})})},Xt={filling:{type:"filling"},submitting:{type:"submitting"},error:n=>({type:"error",error:n}),success:{type:"success"}},re="$$tts-exp-",We=(n,r)=>e.WithElement(t=>{const l=`${re}${n}`;return e.OnDispose(e.Value.on(r,a=>Reflect.set(t,l,a)))}),Yt=(n,r)=>{const t=`${re}${n}`;return l=>{r(Reflect.get(l.target,t))}},je=(n,r)=>{const t=`${re}${n}`;return l=>{const a=l.target,s=a.selectedIndex,o=a.options[s];r(Reflect.get(o,t))}},X={value:(n,r,t)=>({type:"value",value:n,label:r,disabled:t}),group:(n,r,t)=>({type:"group",group:n,options:r,disabled:t}),break:{type:"break"},getOptionValues:n=>n.flatMap(r=>r.type==="group"?X.getOptionValues(r.options):r.type==="break"?[]:[r.value]),contains:(n,r,t=(l,a)=>l===a)=>X.getOptionValues(n).some(l=>t(l,r))},De=(n,r,t)=>e.Ensure(n,l=>e.OneOfType(l,{value:a=>{const s=e.computedOf(a,t)((o,i)=>r(o.value,i));return e.html.option(e.OnDispose(s.dispose),e.attr.selected(s),We("value",a.$.value),a.$.label)},group:a=>e.html.optgroup(e.attr.label(a.$.group),e.ForEach(a.$.options,s=>De(s,r,t))),break:()=>e.html.hr()})),ae=n=>{const{value:r,onBlur:t,onChange:l,options:a,unselectedLabel:s="Select one ...",equality:o=(h,u)=>h===u}=n;let i;return $({...n,child:e.on.click(()=>{i==null||i.focus(),typeof(i==null?void 0:i.showPicker)=="function"&&i.showPicker()}),input:e.html.select(e.WithElement(h=>{i=h;const u=new MutationObserver(p=>{const{removedNodes:g}=p[0];g.length>0&&(i.selectedIndex=0)});return u.observe(h,{childList:!0}),e.OnDispose(()=>u.disconnect())}),T(n),e.attr.class("focus:outline-none bg-transparent"),e.attr.class("w-full"),e.html.option(e.attr.hidden("hidden"),s),e.ForEach(a,h=>De(h,o,r)),t!=null?e.on.blur(t):e.Empty,l!=null?e.on.change(je("value",h=>l(h))):e.Empty)})},He=n=>m.Resource({request:n.request,load:n.load,mapError:String})({success:r=>{const t=r.map(l=>l.map(a=>typeof a=="object"&&"id"in a&&"label"in a?X.value(a.id,a.label):a));return ae({...n,options:t,unselectedLabel:n.unselectedLabel,equality:n.equality})},loading:()=>e.html.span(e.attr.class("animate-spin"),e.aria.label("Loading..."),"↻")}),Jt=n=>{const{onBlur:r,onChange:t,...l}=n;return E({...l,content:He({...n,...V(l.controller),onChange:O(l.controller,t),onBlur:C(l.controller,r)})})},Kt=n=>{const{onBlur:r,onChange:t,...l}=n;return E({...l,content:ae({...l,...V(l.controller),onChange:O(l.controller,t),onBlur:C(l.controller,r)})})},ce=n=>{const{value:r,onBlur:t,onChange:l}=n;return $({...n,input:e.input.date(T(n),e.attr.valueAsDate(r),e.attr.class("bc-input"),t!=null?e.on.blur(e.emitValue(t)):e.Empty,l!=null?e.on.change(e.emitValueAsNullableDate(l)):e.Empty)})},Zt=n=>{const{onBlur:r,onChange:t,...l}=n;return E({...l,content:ce({...l,...V(l.controller),onChange:O(l.controller,t),onBlur:C(l.controller,r)})})},en=n=>{const r=n.getFullYear(),t=n.getMonth()+1,l=n.getDate(),a=n.getHours(),s=n.getMinutes(),o=n.getSeconds();return`${r}-${t.toString().padStart(2,"0")}-${l.toString().padStart(2,"0")}T${a.toString().padStart(2,"0")}:${s.toString().padStart(2,"0")}:${o.toString().padStart(2,"0")}`},se=n=>{const{value:r,onBlur:t,onChange:l}=n,a=e.Value.map(r,s=>s!=null?en(s):null);return $({...n,input:e.input["datetime-local"](T(n),e.attr.value(e.Value.map(a,s=>s??null)),e.attr.class("bc-input"),t!=null?e.on.blur(e.emitValue(t)):e.Empty,l!=null?e.on.change(e.emitValueAsNullableDateTime(l)):e.Empty)})},tn=n=>{const{onBlur:r,onChange:t,...l}=n;return E({...l,content:se({...l,...V(l.controller),onChange:O(l.controller,t),onBlur:C(l.controller,r)})})},nn=n=>{const{onBlur:r,onChange:t,...l}=n;return E({...l,content:ce({...l,...G(l.controller,a=>a!=null&&a!==""?new Date(a):null),onChange:Q(l.controller,a=>a!=null?a.toISOString().split("T")[0]:null,t),onBlur:C(l.controller,r)})})},ln=n=>new Date(n),rn=n=>n.toISOString(),an=n=>{const{onBlur:r,onChange:t,...l}=n;return E({...l,content:se({...l,...G(l.controller,a=>a!=null&&a!==""?ln(a):null),onChange:Q(l.controller,a=>a!=null?rn(a):null,t),onBlur:C(l.controller,r)})})},L=n=>typeof n=="string"&&n.trim()===""?null:n,oe=n=>n??"",Pe=n=>{const{value:r,onBlur:t,onChange:l,onInput:a,...s}=n;return $({...s,input:e.input.text(T(s),e.attr.value(e.Value.map(r,oe)),e.attr.class("bc-input"),t!=null?e.on.blur(t):e.Empty,l!=null?e.on.change(e.emitValue(o=>l(L(o)))):e.Empty,a!=null?e.on.input(e.emitValue(o=>a(L(o)))):e.Empty)})},Me=n=>{const{value:r,onBlur:t,onChange:l,onInput:a,rows:s}=n;return $({...n,input:e.html.textarea(T(n),e.attr.rows(s??10),e.attr.value(e.Value.map(r,oe)),e.attr.class("bc-input"),t!=null?e.on.blur(t):e.Empty,l!=null?e.on.change(e.emitValue(o=>l(L(o)))):e.Empty,a!=null?e.on.input(e.emitValue(o=>a(L(o)))):e.Empty)})},cn=n=>{const{onBlur:r,onChange:t,rows:l,...a}=n;return E({...a,content:Me({...a,...V(a.controller),rows:l,onChange:O(a.controller,t),onBlur:C(a.controller,r)})})},sn=n=>{const{onBlur:r,onChange:t,...l}=n;return E({...l,content:Pe({...l,...V(l.controller),onChange:O(l.controller,t),onBlur:C(l.controller,r)})})},Le=n=>{const{value:r,step:t,min:l,max:a,onBlur:s,onChange:o,onInput:i,disabled:h}=n;return e.Use(v,u=>$({...n,input:e.input.number(T(n),e.attr.valueAsNumber(r),e.attr.step(t),e.attr.min(l),e.attr.max(a),e.attr.class("bc-input"),e.attr.class(e.computedOf(u,h??!1)(({theme:p},g)=>p.numberInput({disabled:g}))),s!=null?e.on.blur(e.emitValue(s)):e.Empty,o!=null?e.on.change(e.emitValueAsNumber(o)):e.Empty,i!=null?e.on.input(e.emitValueAsNumber(i)):e.Empty)}))},on=n=>{const{onBlur:r,onChange:t,...l}=n;return E({...l,content:Le({...l,...V(l.controller),onChange:O(l.controller,t),onBlur:C(l.controller,r)})})},Re=n=>{const{value:r,onBlur:t,onChange:l,onInput:a,before:s,after:o,hasError:i,disabled:h,autocomplete:u,placeholder:p,...g}=n,b={name:"password",...g},k=e.prop(!0),w=e.computedOf(k,u)((F,j)=>F?j??"current-password":"off"),I=e.computedOf(k,p)((F,j)=>F?"•••••••••••••••":j??"secret password");return $({before:s,disabled:h,hasError:i,input:e.html.input(T({...b,autocomplete:w,placeholder:I}),e.When(k,()=>e.Fragment(e.attr.type("password")),()=>e.Fragment(e.attr.type("text"))),e.attr.class("bc-input"),e.attr.value(r),t!=null?e.on.blur(e.emitValue(t)):e.Empty,l!=null?e.on.change(e.emitValue(l)):e.Empty,a!=null?e.on.input(e.emitValue(a)):e.Empty),after:o??e.html.button(e.attr.class("bc-input-container__password-toggle"),e.aria.label("Toggle password visibility"),e.on.click(()=>k.update(F=>!F)),e.When(k,()=>D({icon:"line-md--eye"}),()=>D({icon:"line-md--eye-off"})))})},un=n=>{const{onBlur:r,onChange:t,...l}=n;return E({label:"Password",...l,content:Re({...l,...V(l.controller),onChange:O(l.controller,t),onBlur:C(l.controller,r)})})};function hn(n,r){return n.length===r.length&&n.every((t,l)=>t===r[l])}function pn({segments:n,activeSegment:r=null,onSegmentChange:t,size:l="md"}){const a=e.Value.toSignal(r??null).deriveProp(),s=e.prop(n.map(()=>0),hn);return e.Use(v,o=>e.html.div(e.attr.class(e.computedOf(o,l)(({theme:i},h)=>i.segmentedControl({size:h}))),e.html.div(e.attr.class("bc-segmented-control__container"),e.html.div(e.attr.class("bc-segmented-control__indicator"),e.style.display(a.map(i=>i==null?"none":"block")),e.style.width(e.computed(()=>`${s.value[a.value??0]}px`,[a,s])),e.style.left(e.computed(()=>`${s.value.slice(0,a.value??0).reduce((h,u)=>h+u,0)}px`,[a,s]))),n.map(({label:i,onSelect:h},u)=>e.html.button(e.on.click(p=>{p.preventDefault(),a.set(u),t==null||t(u),h==null||h()}),e.attr.class("bc-segmented-control__segment"),e.attr.class(a.map(p=>p==null||p===u?"bc-segmented-control__segment--active":"bc-segmented-control__segment--inactive")),m.ElementRect(p=>(p.on(({width:g})=>{s.update(b=>{const k=[...b];return k[u]=g,k})}),i)))))))}const gn=n=>{const{onBlur:r,onChange:t,...l}=n;return E({...l,content:le({...l,...G(l.controller,a=>new Date(a)),onChange:Q(l.controller,a=>a.toISOString(),t),onBlur:C(l.controller,r)})})},Ue=n=>{const{value:r,onChange:t,onBlur:l}=n,a=e.prop(""),s=i=>{t==null||t(e.Value.get(r).filter(h=>h!==i))},o=()=>{const i=a.value.trim(),h=e.Value.get(r);i===""||h.includes(i)||(a.set(""),t==null||t([...h,i]))};return $({...n,input:e.Fragment(e.attr.class("bc-input-container__tags"),e.ForEach(r,i=>Be({value:i,onClose:()=>s(i.value)})),e.input.text(T(n),e.attr.value(a),e.attr.class("bc-input bc-input-container__tags-input"),e.on.input(e.emitValue(a.set)),t!=null?e.on.change(o):e.Empty,l!=null?e.on.blur(l):e.Empty))})},bn=n=>{const{onBlur:r,onChange:t,...l}=n;return E({...l,content:Ue({...l,...V(l.controller),onChange:O(l.controller,t),onBlur:C(l.controller,r)})})},qe=n=>{const{value:r,onBlur:t,onChange:l,onInput:a,rows:s}=n;return $({...n,input:e.html.textarea(T(n),e.attr.rows(s??10),e.attr.value(r),e.attr.class("bc-input"),t!=null?e.on.blur(e.emitValue(t)):e.Empty,l!=null?e.on.change(e.emitValue(l)):e.Empty,a!=null?e.on.input(e.emitValue(a)):e.Empty)})},fn=n=>{const{onBlur:r,onChange:t,rows:l,...a}=n;return E({...a,content:qe({...a,...V(a.controller),rows:l,value:a.controller.value,onChange:O(a.controller,t),onBlur:C(a.controller,r)})})};function ue(n){return function(t){var a;if(t.type==="Valid")return t;const l=(a=t.dependencies)==null?void 0:a[n];return l!=null?{type:"Invalid",...l}:{type:"Valid"}}}function kn(n){return n.split(".").map(t=>{const l=t.match(/^\[(\d+)\]$/);return l?Number(l[1]):t})}function ze(n){return typeof n=="number"?`[${n}]`:`.${n}`}function Ge(n){if(n.length===0)return"";const[r,...t]=n;return[typeof r=="number"?`[${r}]`:r,...t.map(ze)].join("")}class R{constructor(r,t,l,a,s){y(this,"path");y(this,"change");y(this,"value");y(this,"status");y(this,"error");y(this,"hasError");y(this,"dependencyErrors");M(this,W,{disabled:e.prop(!1)});y(this,"parent");y(this,"disabled");y(this,"disable",()=>{d(this,W).disabled.set(!0)});y(this,"enable",()=>{d(this,W).disabled.set(!1)});this.path=r,this.change=t,this.value=l,this.status=a,this.error=a.map(o=>o.type==="Invalid"?o.error:void 0),this.hasError=a.map(o=>o.type==="Invalid"),this.dependencyErrors=a.map(o=>o.type==="Invalid"?o.dependencies:void 0),this.parent=s,this.disabled=e.computedOf(d(this,W).disabled,s.disabled)((o,i)=>o||i)}get name(){return Ge(this.path)}dispose(){d(this,W).disabled.dispose()}}W=new WeakMap;const $e=class $e extends R{constructor(t,l,a,s,o){super(t,l,a.map(i=>i??[]),s,o);M(this,A,new Array);M(this,H,(t,l)=>{if(d(this,A)[t])return d(this,A)[t];const a=async o=>{const i=this.value.value.slice();i[t]=o,this.change(i)},s=l([...this.path,t],a,this.value.map(o=>o[t]),this.status.map(ue(t)),{disabled:this.disabled});return d(this,A)[t]=s,s});y(this,"length",this.value.map(t=>t.length));y(this,"item",t=>d(this,H).call(this,t,(l,a,s,o,i)=>new R(l,a,s,o,i)));y(this,"list",t=>d(this,H).call(this,t,(l,a,s,o,i)=>new $e(l,a,s,o,i)));y(this,"group",t=>d(this,H).call(this,t,(l,a,s,o,i)=>new U(l,a,s,o,i)));y(this,"push",(...t)=>{this.change([...this.value.value,...t])});y(this,"pop",()=>{this.splice(this.value.value.length-1,1)});y(this,"shift",()=>{this.splice(0,1)});y(this,"unshift",(...t)=>{this.change([...t,...this.value.value])});y(this,"removeAt",t=>{this.splice(t,1)});y(this,"splice",(t,l)=>{const a=d(this,A).splice(t,l);for(const o of a)o.dispose();const s=this.value.value.slice();s.splice(t,l),this.change(s)})}dispose(){super.dispose();for(const t of d(this,A))t.dispose();d(this,A).length=0}};A=new WeakMap,H=new WeakMap;let Y=$e;const Te=class Te extends R{constructor(t,l,a,s,o){super(t,l,a.map(i=>i??{}),s,o);M(this,x,new Map);M(this,P,(t,l)=>{if(d(this,x).has(t))return d(this,x).get(t);const a=async o=>{this.change({...this.value.value,[t]:o})},s=l([...this.path,t],a,this.value.map(o=>o[t]),this.status.map(ue(t)),{disabled:this.disabled});return d(this,x).set(t,s),s});y(this,"field",t=>d(this,P).call(this,t,(l,a,s,o,i)=>new R(l,a,s,o,i)));y(this,"list",t=>d(this,P).call(this,t,(l,a,s,o,i)=>new Y(l,a,s,o,i)));y(this,"group",t=>d(this,P).call(this,t,(l,a,s,o,i)=>new Te(l,a,s,o,i)))}dispose(){super.dispose();for(const t of d(this,x).values())t.dispose();d(this,x).clear()}};x=new WeakMap,P=new WeakMap;let U=Te;class Qe extends U{dispose(){super.dispose(),this.parent.disabled.dispose(),this.value.dispose(),this.status.dispose()}}const yn=n=>{const{value:r,onBlur:t,onChange:l,placeholder:a,disabled:s}=n;return e.Use(v,o=>$({growInput:!1,...n,input:e.html.span(e.attr.class(e.computedOf(o,s??!1)(({theme:i},h)=>i.checkboxInput({disabled:h}))),e.input.checkbox(T(n),e.attr.checked(r),e.attr.class("bc-checkbox-input__checkbox"),t!=null?e.on.blur(e.emitValue(t)):e.Empty,l!=null?e.on.change(e.emitChecked(l)):e.Empty),a!=null?e.html.span(e.attr.class("bc-checkbox-input__label"),Ie(a)):e.Empty)}))},mn=({startEditing:n,value:r,onChange:t,placeholder:l})=>{const a=e.Value.deriveProp(n??!1),s=e.prop(!1);return e.Use(v,o=>e.html.div(e.attr.class(e.computedOf(o,a)(({theme:i},h)=>i.editableText({isEditing:h}))),e.When(a,()=>e.html.input(e.attr.placeholder(l),e.attr.value(r),e.attr.class("bc-editable-text__input"),m.AutoSelect(),e.on.keydown(i=>{i.key==="Enter"?a.set(!1):i.key==="Escape"&&(s.set(!0),a.set(!1))}),e.on.blur(e.emitValue(i=>{if(a.set(!1),s.value){s.set(!1);return}t(i)}))),()=>e.html.span(e.on.click(()=>a.set(!0)),e.attr.class("bc-editable-text__display"),e.When(e.Value.map(r,i=>i!=null&&i.trim()!==""),()=>e.html.span(e.attr.class("bc-editable-text__text"),r),()=>e.html.span(e.attr.class("bc-editable-text__placeholder"),l)),e.html.button(e.attr.class("bc-editable-text__edit-button"),e.aria.label("Edit"),e.on.click(()=>a.set(!0)),D({icon:"line-md/pencil"}))))))},dn=({value:n,onChange:r,offLabel:t,onLabel:l,label:a,disabled:s=!1,size:o="md"})=>e.Use(v,i=>e.html.div(e.attr.class(e.computedOf(i,s??!1,o)(({theme:h},u,p)=>h.toggle({disabled:u,size:p}))),e.attr.role("switch"),e.aria.checked(n),e.on.click(()=>{e.Value.get(s)||r(!e.Value.get(n))}),a!=null?ne(e.attr.class(`bu-text-${o}`),a):null,e.html.div(e.attr.class("bc-toggle__track"),e.attr.class(e.Value.map(n,h=>h?"bc-toggle__track--on":"bc-toggle__track--off")),t!=null?e.html.div(e.aria.hidden(!0),e.attr.class("bc-toggle__track-label bc-toggle__track-label--off"),e.attr.class(e.Value.map(n,h=>h?"bc-toggle__track-label--hidden":"bc-toggle__track-label--visible")),t):null,l!=null?e.html.div(e.attr.class("bc-toggle__track-label bc-toggle__track-label--on"),e.attr.class(e.Value.map(n,h=>h?"bc-toggle__track-label--visible":"bc-toggle__track-label--hidden")),l):null,m.ElementRect(h=>e.html.div(e.attr.class("bc-toggle__thumb"),e.attr.class(e.Value.map(n,u=>u?"bc-toggle__thumb--on":"bc-toggle__thumb--off")),e.style.transform(e.computedOf(n,h,o)((u,{width:p},g)=>{const b=(()=>{switch(g){case"xs":return 5;case"sm":return 5.5;case"md":return 6;case"lg":return 7;case"xl":return 8}})();return u?`translateX(calc(${p}px - (var(--spacing-base) * ${b})))`:"translateX(0)"})))))));function Xe(n){function r(t){return typeof t=="number"?t:t.toString()}return n.map(t=>typeof t=="object"&&t.key!=null?r(t.key):r(t))}function Ye(n){const r=n.filter(a=>a.path==null||a.path.length===0).map(a=>a.message),t=n.filter(a=>a.path!=null&&a.path.length>0).reduce((a,s)=>{const o=Xe(s.path),i=o.pop();let h=a;for(const u of o)h.dependencies==null&&(h.dependencies={}),h.dependencies[u]==null&&(h.dependencies[u]={}),h=h.dependencies[u];return h.dependencies==null&&(h.dependencies={}),h.dependencies[i]={error:s.message},a},{}),l=r.join(`
-`);return{...t,error:l!=""?l:void 0}}function ie(n){return e.Fragment(e.attr.disabled(n.disabled),e.attr.name(n.name))}function vn(n,{triggerOn:r="change"}={}){return e.Fragment(ie(n),e.attr.value(n.value),(r==="input"?e.on.input:e.on.change)(e.emitValue(n.change)))}function En(n,{triggerOn:r="change"}={}){return e.Fragment(ie(n),e.attr.valueAsNumber(n.value),(r==="input"?e.on.input:e.on.change)(e.emitValueAsNumber(n.change)))}function Cn({defaultValue:n={},schema:r}){const t=e.prop(n),l=e.prop({type:"Valid"}),a=e.prop(!1),s=async i=>{t.set(i);const h=await r["~standard"].validate(i);h.issues!=null?l.set({type:"Invalid",...Ye(h.issues)}):l.set({type:"Valid"})};return new Qe([],s,t,l,{disabled:a})}const Sn=["!=","<=",">=","<",">","="];function wn(n){for(const r of Sn)if(typeof n=="string"&&n.startsWith(r))return[r,n.slice(r.length)];return["=",n]}function Je(n,r,t){const[l,a]=wn(r),s=n.findIndex(h=>h[1]===a);if(s===-1)throw new Error(`Breakpoint ${String(a)} not found`);const o=n[s][0],i=s<n.length-1?n[s+1][0]:1/0;switch(l){case"=":return t>=o&&t<i;case"!=":return!(t>=o&&t<i);case"<=":return t<=o;case">=":return t>=o;case"<":return t<o;case">":return t>o;default:return!1}}function Vn(n,r){const t=n.findIndex(l=>l[0]>r)-1;return t>=0?n[t][1]:(n.length>0&&r>=n[0][0],n[0][1])}function he(n,{breakpoints:r,mode:t="viewport"}){const a=[...Object.entries(r).map(([o,i])=>[i,o])].sort((o,i)=>o[0]-i[0]),s=o=>{const i=o.map(({width:u})=>{const p=a.findIndex(g=>g[0]>u)-1;return p>=0?{width:u,breakpoint:a[p][1]}:a.length>0&&u>=a[0][0]?{width:u,breakpoint:a[0][1]}:{width:u,breakpoint:a[0][1]}});return n({value:i,breakpoints:r,asList:a,is:(u,p)=>Je(a,u,p)})};return t==="element"?m.ElementRect(s):m.WindowSize(s)}let pe=NaN;function $n(n,r){return n?(isNaN(pe)&&(pe=parseFloat(getComputedStyle(document.documentElement).fontSize)),parseFloat(n)*pe):r}function S(n,r,t){return $n(n.getPropertyValue(r),t)}function Ke(n){return e.WithElement(r=>{const t=getComputedStyle(r),l={zero:0,xs:S(t,"--breakpoint-xs",640),sm:S(t,"--breakpoint-sm",768),md:S(t,"--breakpoint-md",1024),lg:S(t,"--breakpoint-lg",1280),xl:S(t,"--breakpoint-xl",1536)};return he(n,{breakpoints:l})})}function Tn(n){return e.WithElement(r=>{const t=getComputedStyle(r),l={zero:0,"3xs":S(t,"--container-3xs",256),"2xs":S(t,"--container-2xs",288),xs:S(t,"--container-xs",320),sm:S(t,"--container-sm",384),md:S(t,"--container-md",448),lg:S(t,"--container-lg",512),xl:S(t,"--container-xl",640),"2xl":S(t,"--container-2xl",768),"3xl":S(t,"--container-3xl",1024),"4xl":S(t,"--container-4xl",1280),"5xl":S(t,"--container-5xl",1536),"6xl":S(t,"--container-6xl",2048)};return he(n,{breakpoints:l,mode:"element"})})}const _=n=>Object.entries(n),q=(n,r)=>{const t=setTimeout(n,r);return()=>clearTimeout(t)};function ge({initialStatus:n="closed",openedAfter:r,closedAfter:t}){const l=e.prop(n),a=()=>{l.set("start-opening")},s=()=>{l.set("closing")},o=()=>{l.value==="open"||l.value==="opening"?s():a()},i=b=>{b?a():s()},h=b=>l.on(k=>{k==="closed"&&b()});let u=()=>{};l.on(b=>{u(),b==="start-opening"&&(u=q(()=>l.set("opening"),0)),b==="opening"&&(u=r(()=>l.set("open"))),b==="closing"&&(u=t(()=>l.set("closed")))}),l.onDispose(()=>u());const p=l.map(b=>b!=="closed"),g=l.map(b=>b==="open"||b==="opening");return{status:l,open:a,close:s,toggle:o,setOpen:i,isOpen:p,displayOpen:g,dispose:()=>l.dispose(),onClosed:h}}function On({initialStatus:n="closed",duration:r,openDuration:t=r??500,closeDuration:l=r??500}={}){return ge({initialStatus:n,openedAfter:a=>q(a,t),closedAfter:a=>q(a,l)})}function Ze(n,r){function t(){if(n.getAnimations().length===0){r();return}n.addEventListener("transitionend",t,{once:!0})}const l=q(t,10);return()=>{l(),n.removeEventListener("transitionend",t)}}function J({initialStatus:n="closed",element:r}={}){let t=r;return{setElement:l=>{t=l},...ge({initialStatus:n,openedAfter:l=>t==null?(l(),()=>{}):Ze(t,l),closedAfter:l=>t==null?(l(),()=>{}):Ze(t,l)})}}const N={banner:{zero:32,xs:32,sm:32,md:32,lg:32,xl:32},header:{zero:60,xs:60,sm:60,md:60,lg:60,xl:60},mainHeader:{zero:48,xs:48,sm:48,md:48,lg:48,xl:48},mainFooter:{zero:48,xs:48,sm:48,md:48,lg:48,xl:48},footer:{zero:48,xs:48,sm:48,md:48,lg:48,xl:48},menu:{zero:300,xs:300,sm:300,md:300,lg:300,xl:300},aside:{zero:280,xs:280,sm:280,md:280,lg:280,xl:280}};function et(n,r){if(typeof n=="number")return{zero:n,xs:n,sm:n,md:n,lg:n,xl:n};const t={zero:n.zero??r.zero,xs:n.xs??r.xs,sm:n.sm??r.sm,md:n.md??r.md,lg:n.lg??r.lg,xl:n.xl??r.xl};return t.xs<t.zero&&(t.xs=t.zero),t.sm<t.xs&&(t.sm=t.xs),t.md<t.sm&&(t.md=t.sm),t.lg<t.md&&(t.lg=t.md),t.xl<t.lg&&(t.xl=t.lg),t}function be(n){n=n.filter(r=>r.some(t=>t!=null&&!t.startsWith("?")));for(let r=0;r<n[0].length;r++)n.every(t=>t[r]==null||t[r].startsWith("?"))&&(n=n.map(t=>t.filter((l,a)=>a!==r)),r--);return n=n.map(r=>r.map(t=>t!=null&&t.startsWith("?")?t.slice(1):t)),n}function _n({smallBreakpoint:n,mediumBreakpoint:r,vertical:t,horizontal:l,is:a}){function s(h){var k;let u=[[null],[null],[null],[null],[null],[null]];const p=[];p.push("1fr");const g=[];return l.banner&&(g.push(l.banner[h]+"px"),u[0][1]="banner"),(l.header||t.menu||t.aside)&&(g.push((((k=l.header)==null?void 0:k[h])??N.header[h])+"px"),u[1][1]="header"),l.mainHeader&&(g.push(l.mainHeader[h]+"px"),u[2][1]="mainHeader"),g.push("1fr"),u[3][1]="main",l.mainFooter&&(g.push(l.mainFooter[h]+"px"),u[4][1]="mainFooter"),l.footer&&(g.push(l.footer[h]+"px"),u[5][1]="footer"),u=be(u),{columns:p.join(" "),rows:g.join(" "),areas:u.map(w=>`"${w.join(" ")}"`).join(`
-`),displayMenu:!1,displayAside:!1,menuWidth:N.menu[h]+"px",asideWidth:N.aside[h]+"px"}}function o(h){var k;let u=[[null,null],[null,null],[null,null],[null,null],[null,null],[null,null]];const p=[];t.menu&&(p.push(t.menu[h]+"px"),u[2][0]="?menu",u[3][0]="menu",u[4][0]="?menu"),p.push("1fr");const g=[];return l.banner&&(g.push(l.banner[h]+"px"),u[0][0]="?banner",u[0][1]="banner"),(l.header||t.aside)&&(g.push((((k=l.header)==null?void 0:k[h])??N.header[h])+"px"),u[1][0]="?header",u[1][1]="header"),l.mainHeader&&(g.push(l.mainHeader[h]+"px"),u[2][1]="mainHeader"),g.push("1fr"),u[3][1]="main",l.mainFooter&&(g.push(l.mainFooter[h]+"px"),u[4][1]="mainFooter"),l.footer&&(g.push(l.footer[h]+"px"),u[5][0]="?footer",u[5][1]="footer"),u=be(u),{columns:p.join(" "),rows:g.join(" "),areas:u.map(w=>`"${w.join(" ")}"`).join(`
-`),displayMenu:!0,displayAside:!1,menuWidth:N.menu[h]+"px",asideWidth:N.aside[h]+"px"}}function i(h){let u=[[null,null,null],[null,null,null],[null,null,null],[null,null,null],[null,null,null],[null,null,null]];const p=[];t.menu&&(p.push(t.menu[h]+"px"),u[2][0]="?menu",u[3][0]="menu",u[4][0]="?menu"),p.push("1fr"),t.aside&&(p.push(t.aside[h]+"px"),u[2][2]="?aside",u[3][2]="aside",u[4][2]="?aside");const g=[];return l.banner&&(g.push(l.banner[h]+"px"),u[0][0]="?banner",u[0][1]="banner",u[0][2]="?banner"),l.header&&(g.push(l.header[h]+"px"),u[1][0]="?header",u[1][1]="header",u[1][2]="?header"),l.mainHeader&&(g.push(l.mainHeader[h]+"px"),u[2][1]="mainHeader"),g.push("1fr"),u[3][1]="main",l.mainFooter&&(g.push(l.mainFooter[h]+"px"),u[4][1]="mainFooter"),l.footer&&(g.push(l.footer[h]+"px"),u[5][0]="?footer",u[5][1]="footer",u[5][2]="?footer"),u=be(u),{columns:p.join(" "),rows:g.join(" "),areas:u.map(k=>`"${k.join(" ")}"`).join(`
-`),displayMenu:!0,displayAside:!0,menuWidth:N.menu[h]+"px",asideWidth:N.aside[h]+"px"}}return({width:h,breakpoint:u})=>a(`<=${n}`,h)?s(u):a(`<=${r}`,h)?o(u):i(u)}const Bn=["menu","aside"],In=["banner","header","mainHeader","mainFooter","footer"];function Nn(n,{displayMenu:r},t){return n?r?"block":t?"float":"none":"none"}function An(n,{displayAside:r},t){return n?r?"block":t?"float":"none":"none"}function Fn({smallBreakpoint:n="sm",mediumBreakpoint:r="md",...t}){return e.Use(v,({theme:l})=>{const a=Object.fromEntries(Bn.filter(o=>t[o]).map(o=>[o,et(t[o].width??{},N[o])])),s=Object.fromEntries(In.filter(o=>t[o]).map(o=>[o,et(t[o].height??{},N[o])]));return Ke(({value:o,is:i})=>{var Et,Ct,St,wt,Vt,$t,Tt,Ot,_t,Bt;const h=_n({smallBreakpoint:n,mediumBreakpoint:r,vertical:a,horizontal:s,is:i}),u=o.map(h),p=e.computedOf(s.header!=null,a.menu!=null,a.aside!=null)((f,B,ee)=>f||B||ee),g=e.computedOf(a.aside!=null,u)((f,{displayAside:B})=>f&&!B),b=e.computedOf(a.menu!=null,u)((f,{displayMenu:B})=>f&&!B),k=J(),w=J(),I=e.prop(0),F=e.computedOf(a.menu!=null,u,k.isOpen)(Nn),j=e.computedOf(a.aside!=null,u,w.isOpen)(An);return e.html.div(e.OnDispose(()=>{I.dispose(),k.dispose(),w.dispose()}),e.style.height("100%"),e.style.display("grid"),e.style.gridTemplateColumns(u.$.columns),e.style.gridTemplateRows(u.$.rows),e.style.gridTemplateAreas(u.$.areas),e.style.gridColumnGap("0"),e.style.gridRowGap("0"),t.banner?e.html.header(e.attr.class(l.panel({side:"none",color:t.banner.color??"white",shadow:t.banner.shadow??"none"})),e.style.height("100%"),e.style.gridArea("banner"),t.banner.content):null,e.html.header(e.attr.class(l.panel({side:"bottom",color:((Et=t.header)==null?void 0:Et.color)??"white",shadow:((Ct=t.header)==null?void 0:Ct.shadow)??"none"})),e.attr.class("bu-z-10"),e.style.display(p.map(f=>f?"block":"none")),e.style.gridArea("header"),m.ElementRect(f=>(f.$.bottom.feedProp(I),null)),e.html.div(e.style.display("flex"),e.style.height("100%"),e.html.div(e.style.display(b.map(f=>f?"flex":"none")),e.style.alignItems("center"),e.style.justifyContent("center"),e.style.height("100%"),e.style.width("60px"),te({onClick:()=>k.toggle(),variant:"light",color:"base"},e.aria.label("Open menu"),D({icon:k.isOpen.map(f=>f?"line-md/menu-to-close-alt-transition":"line-md/close-to-menu-alt-transition")}))),e.html.div(e.style.height("100%"),e.style.flexGrow("1"),(St=t.header)==null?void 0:St.content),e.html.div(e.style.alignItems("center"),e.style.justifyContent("center"),e.style.height("100%"),e.style.width("60px"),e.style.display(g.map(f=>f?"flex":"none")),te({onClick:()=>w.toggle(),roundedness:"full",variant:"light",color:"base"},e.aria.label("Open aside"),D({icon:"line-md/chevron-left"},e.attr.class("bu-transition-transform"),e.attr.class(w.isOpen.map(f=>f?"bu-rotate-180":""))))))),t.menu?e.html.nav(e.WithElement(f=>{k.setElement(f)}),e.attr.class(F.map(f=>{var B,ee,It,Nt;return f==="float"?l.panel({side:"right",color:((B=t.menu)==null?void 0:B.color)??"white",shadow:((ee=t.menu)==null?void 0:ee.shadow)??"md"}):l.panel({side:"right",color:((It=t.menu)==null?void 0:It.color)??"white",shadow:((Nt=t.menu)==null?void 0:Nt.shadow)??"none"})})),e.style.height("100%"),e.style.gridArea("menu"),e.style.display(F.map(f=>f==="none"?"none":"block")),e.style.position(F.map(f=>f==="float"?"fixed":"initial")),e.style.top(I.map(f=>`${f}px`)),e.style.transition("left 0.3s ease-in-out"),e.style.left(e.computedOf(k.displayOpen,u.$.menuWidth)((f,B)=>f?"0":`-${B}`)),e.style.width(u.$.menuWidth),e.style.bottom(I.map(f=>`${f}px`)),e.dataAttr.status(k.status.map(String)),(wt=t.menu)==null?void 0:wt.content):null,t.mainHeader?e.html.header(e.style.height("100%"),e.style.gridArea("mainHeader"),e.attr.class(l.panel({side:"none",color:((Vt=t.mainHeader)==null?void 0:Vt.color)??"white",shadow:(($t=t.mainHeader)==null?void 0:$t.shadow)??"none"})),t.mainHeader.content):null,e.html.main(e.style.height("100%"),e.style.overflow("hidden"),e.style.gridArea("main"),e.attr.class(l.panel({side:"none",color:((Tt=t.main)==null?void 0:Tt.color)??"white",shadow:((Ot=t.main)==null?void 0:Ot.shadow)??"none"})),t.main.content),t.mainFooter?e.html.footer(e.style.height("100%"),e.style.gridArea("mainFooter"),e.attr.class(l.panel({side:"none",color:((_t=t.mainFooter)==null?void 0:_t.color)??"white",shadow:((Bt=t.mainFooter)==null?void 0:Bt.shadow)??"none"})),t.mainFooter.content):null,t.aside?e.html.aside(e.WithElement(f=>{w.setElement(f)}),e.attr.class(j.map(f=>f==="float"?l.panel({side:"left",color:"white",shadow:"md"}):l.panel({side:"left",color:"white",shadow:"none"}))),e.style.height("100%"),e.style.gridArea("aside"),e.style.display(j.map(f=>f==="none"?"none":"block")),e.style.position(j.map(f=>f==="float"?"fixed":"initial")),e.style.top(I.map(f=>`${f}px`)),e.style.transition("right 0.3s ease-in-out"),e.style.right(e.computedOf(w.displayOpen,u.$.asideWidth)((f,B)=>f?"0":`-${B}`)),e.style.width(u.$.menuWidth),e.style.bottom(I.map(f=>`${f}px`)),t.aside.content):null,t.footer?e.html.footer(e.attr.class(l.panel({side:"top",color:"white",shadow:"none"})),e.style.height("100%"),e.style.gridArea("footer"),t.footer.content):null)})})}function xn({variant:n="default",size:r="md",roundedness:t="lg"}={},...l){return e.Use(v,a=>e.html.div(e.attr.class(e.computedOf(a,n,r,t)(({theme:s},o,i,h)=>s.card({variant:o,size:i,roundedness:h}))),...l))}function Wn(...n){return e.html.div(e.attr.class("bc-center-h"),e.html.div(e.attr.class("bc-center__content"),...n))}function jn({gap:n="lg"}={},...r){return e.Use(v,t=>e.html.div(e.attr.class(e.computedOf(t,n)(({theme:l},a)=>l.center({gap:a}))),...r))}function Dn(...n){return e.html.div(e.attr.class("bc-group"),...n)}function Hn({variant:n="default",size:r="md",roundedness:t="lg"}={},...l){return e.Use(v,a=>e.html.div(e.attr.class(e.computedOf(a,n,r,t)(({theme:s},o,i,h)=>s.sink({variant:o,size:i,roundedness:h}))),...l))}function Pn(...n){return e.html.div(e.attr.class("bc-stack"),...n)}function tt(n){return({effect:r,...t},l)=>{const a=[],s=()=>a.forEach(u=>u()),o=J();o.onClosed(s);const i=()=>{var p,g;const u=new Set;for(const b of n.element.querySelectorAll(":scope > :not([data-overlay])"))b.hasAttribute("inert")?u.add(b):b.setAttribute("inert","");if(a.push(()=>{for(const b of n.element.querySelectorAll(":scope > :not([data-overlay])"))u.has(b)||b.removeAttribute("inert");u.clear()}),(g=(p=document.activeElement)==null?void 0:p.blur)==null||g.call(p),t.mode==="capturing"){const b=w=>{var I;w.key==="Escape"&&((I=t.onEscape)==null||I.call(t),o.close())};document.addEventListener("keydown",b),a.push(()=>document.removeEventListener("keydown",b));const k=()=>{var w;(w=t.onClickOutside)==null||w.call(t),o.close()};n.element.addEventListener("mousedown",k),a.push(()=>n.element.removeEventListener("mousedown",k))}return e.html.div(e.WithElement(b=>o.setElement(b)),e.dataAttr.status(o.status.map(String)),e.dataAttr.overlay("true"),e.Use(v,({theme:b})=>e.attr.class(b.overlay({effect:r??"visible",mode:t.mode??"capturing"}))),l(o.close))},h=e.render(i(),n.element,{disposeWithParent:!0,clear:!1,providers:n.providers});return a.push(h),q(()=>o.open(),0),s}}function nt(n,r,t){return e.WithBrowserCtx(l=>{const a=n(l),s=tt(a);let o=()=>{};const i=h=>{o(),o=s(r,h)};return e.Fragment(e.OnDispose(o),t(i))})}function Mn(n,r){return nt(t=>t,n,r)}function Ln(n,r){return nt(t=>t.makePortal("body"),n,r)}const fe={red:{50:"oklch(0.971 0.013 17.38)",100:"oklch(0.936 0.032 17.717)",200:"oklch(0.885 0.062 18.334)",300:"oklch(0.808 0.114 19.571)",400:"oklch(0.704 0.191 22.216)",500:"oklch(0.637 0.237 25.331)",600:"oklch(0.577 0.245 27.325)",700:"oklch(0.505 0.213 27.518)",800:"oklch(0.444 0.177 26.899)",900:"oklch(0.396 0.141 25.723)",950:"oklch(0.258 0.092 26.042)"},orange:{50:"oklch(0.98 0.016 73.684)",100:"oklch(0.954 0.038 75.164)",200:"oklch(0.901 0.076 70.697)",300:"oklch(0.837 0.128 66.29)",400:"oklch(0.75 0.183 55.934)",500:"oklch(0.705 0.213 47.604)",600:"oklch(0.646 0.222 41.116)",700:"oklch(0.553 0.195 38.402)",800:"oklch(0.47 0.157 37.304)",900:"oklch(0.408 0.123 38.172)",950:"oklch(0.266 0.079 36.259)"},amber:{50:"oklch(0.987 0.022 95.277)",100:"oklch(0.962 0.059 95.617)",200:"oklch(0.924 0.12 95.746)",300:"oklch(0.879 0.169 91.605)",400:"oklch(0.828 0.189 84.429)",500:"oklch(0.769 0.188 70.08)",600:"oklch(0.666 0.179 58.318)",700:"oklch(0.555 0.163 48.998)",800:"oklch(0.473 0.137 46.201)",900:"oklch(0.414 0.112 45.904)",950:"oklch(0.279 0.077 45.635)"},yellow:{50:"oklch(0.987 0.026 102.212)",100:"oklch(0.973 0.071 103.193)",200:"oklch(0.945 0.129 101.54)",300:"oklch(0.905 0.182 98.111)",400:"oklch(0.852 0.199 91.936)",500:"oklch(0.795 0.184 86.047)",600:"oklch(0.681 0.162 75.834)",700:"oklch(0.554 0.135 66.442)",800:"oklch(0.476 0.114 61.907)",900:"oklch(0.421 0.095 57.708)",950:"oklch(0.286 0.066 53.813)"},lime:{50:"oklch(0.986 0.031 120.757)",100:"oklch(0.967 0.067 122.328)",200:"oklch(0.938 0.127 124.321)",300:"oklch(0.897 0.196 126.665)",400:"oklch(0.841 0.238 128.85)",500:"oklch(0.768 0.233 130.85)",600:"oklch(0.648 0.2 131.684)",700:"oklch(0.532 0.157 131.589)",800:"oklch(0.453 0.124 130.933)",900:"oklch(0.405 0.101 131.063)",950:"oklch(0.274 0.072 132.109)"},green:{50:"oklch(0.982 0.018 155.826)",100:"oklch(0.962 0.044 156.743)",200:"oklch(0.925 0.084 155.995)",300:"oklch(0.871 0.15 154.449)",400:"oklch(0.792 0.209 151.711)",500:"oklch(0.723 0.219 149.579)",600:"oklch(0.627 0.194 149.214)",700:"oklch(0.527 0.154 150.069)",800:"oklch(0.448 0.119 151.328)",900:"oklch(0.393 0.095 152.535)",950:"oklch(0.266 0.065 152.934)"},emerald:{50:"oklch(0.979 0.021 166.113)",100:"oklch(0.95 0.052 163.051)",200:"oklch(0.905 0.093 164.15)",300:"oklch(0.845 0.143 164.978)",400:"oklch(0.765 0.177 163.223)",500:"oklch(0.696 0.17 162.48)",600:"oklch(0.596 0.145 163.225)",700:"oklch(0.508 0.118 165.612)",800:"oklch(0.432 0.095 166.913)",900:"oklch(0.378 0.077 168.94)",950:"oklch(0.262 0.051 172.552)"},teal:{50:"oklch(0.984 0.014 180.72)",100:"oklch(0.953 0.051 180.801)",200:"oklch(0.91 0.096 180.426)",300:"oklch(0.855 0.138 181.071)",400:"oklch(0.777 0.152 181.912)",500:"oklch(0.704 0.14 182.503)",600:"oklch(0.6 0.118 184.704)",700:"oklch(0.511 0.096 186.391)",800:"oklch(0.437 0.078 188.216)",900:"oklch(0.386 0.063 188.416)",950:"oklch(0.277 0.046 192.524)"},cyan:{50:"oklch(0.984 0.019 200.873)",100:"oklch(0.956 0.045 203.388)",200:"oklch(0.917 0.08 205.041)",300:"oklch(0.865 0.127 207.078)",400:"oklch(0.789 0.154 211.53)",500:"oklch(0.715 0.143 215.221)",600:"oklch(0.609 0.126 221.723)",700:"oklch(0.52 0.105 223.128)",800:"oklch(0.45 0.085 224.283)",900:"oklch(0.398 0.07 227.392)",950:"oklch(0.302 0.056 229.695)"},sky:{50:"oklch(0.977 0.013 236.62)",100:"oklch(0.951 0.026 236.824)",200:"oklch(0.901 0.058 230.902)",300:"oklch(0.828 0.111 230.318)",400:"oklch(0.746 0.16 232.661)",500:"oklch(0.685 0.169 237.323)",600:"oklch(0.588 0.158 241.966)",700:"oklch(0.5 0.134 242.749)",800:"oklch(0.443 0.11 240.79)",900:"oklch(0.391 0.09 240.876)",950:"oklch(0.293 0.066 243.157)"},blue:{50:"oklch(0.97 0.014 254.604)",100:"oklch(0.932 0.032 255.585)",200:"oklch(0.882 0.059 254.128)",300:"oklch(0.809 0.105 251.813)",400:"oklch(0.707 0.165 254.624)",500:"oklch(0.623 0.214 259.815)",600:"oklch(0.546 0.245 262.881)",700:"oklch(0.488 0.243 264.376)",800:"oklch(0.424 0.199 265.638)",900:"oklch(0.379 0.146 265.522)",950:"oklch(0.282 0.091 267.935)"},indigo:{50:"oklch(0.962 0.018 272.314)",100:"oklch(0.93 0.034 272.788)",200:"oklch(0.87 0.065 274.039)",300:"oklch(0.785 0.115 274.713)",400:"oklch(0.673 0.182 276.935)",500:"oklch(0.585 0.233 277.117)",600:"oklch(0.511 0.262 276.966)",700:"oklch(0.457 0.24 277.023)",800:"oklch(0.398 0.195 277.366)",900:"oklch(0.359 0.144 278.697)",950:"oklch(0.257 0.09 281.288)"},violet:{50:"oklch(0.969 0.016 293.756)",100:"oklch(0.943 0.029 294.588)",200:"oklch(0.894 0.057 293.283)",300:"oklch(0.811 0.111 293.571)",400:"oklch(0.702 0.183 293.541)",500:"oklch(0.606 0.25 292.717)",600:"oklch(0.541 0.281 293.009)",700:"oklch(0.491 0.27 292.581)",800:"oklch(0.432 0.232 292.759)",900:"oklch(0.38 0.189 293.745)",950:"oklch(0.283 0.141 291.089)"},purple:{50:"oklch(0.977 0.014 308.299)",100:"oklch(0.946 0.033 307.174)",200:"oklch(0.902 0.063 306.703)",300:"oklch(0.827 0.119 306.383)",400:"oklch(0.714 0.203 305.504)",500:"oklch(0.627 0.265 303.9)",600:"oklch(0.558 0.288 302.321)",700:"oklch(0.496 0.265 301.924)",800:"oklch(0.438 0.218 303.724)",900:"oklch(0.381 0.176 304.987)",950:"oklch(0.291 0.149 302.717)"},fuchsia:{50:"oklch(0.977 0.017 320.058)",100:"oklch(0.952 0.037 318.852)",200:"oklch(0.903 0.076 319.62)",300:"oklch(0.833 0.145 321.434)",400:"oklch(0.74 0.238 322.16)",500:"oklch(0.667 0.295 322.15)",600:"oklch(0.591 0.293 322.896)",700:"oklch(0.518 0.253 323.949)",800:"oklch(0.452 0.211 324.591)",900:"oklch(0.401 0.17 325.612)",950:"oklch(0.293 0.136 325.661)"},pink:{50:"oklch(0.971 0.014 343.198)",100:"oklch(0.948 0.028 342.258)",200:"oklch(0.899 0.061 343.231)",300:"oklch(0.823 0.12 346.018)",400:"oklch(0.718 0.202 349.761)",500:"oklch(0.656 0.241 354.308)",600:"oklch(0.592 0.249 0.584)",700:"oklch(0.525 0.223 3.958)",800:"oklch(0.459 0.187 3.815)",900:"oklch(0.408 0.153 2.432)",950:"oklch(0.284 0.109 3.907)"},rose:{50:"oklch(0.969 0.015 12.422)",100:"oklch(0.941 0.03 12.58)",200:"oklch(0.892 0.058 10.001)",300:"oklch(0.81 0.117 11.638)",400:"oklch(0.712 0.194 13.428)",500:"oklch(0.645 0.246 16.439)",600:"oklch(0.586 0.253 17.585)",700:"oklch(0.514 0.222 16.935)",800:"oklch(0.455 0.188 13.697)",900:"oklch(0.41 0.159 10.272)",950:"oklch(0.271 0.105 12.094)"},slate:{50:"oklch(0.984 0.003 247.858)",100:"oklch(0.968 0.007 247.896)",200:"oklch(0.929 0.013 255.508)",300:"oklch(0.869 0.022 252.894)",400:"oklch(0.704 0.04 256.788)",500:"oklch(0.554 0.046 257.417)",600:"oklch(0.446 0.043 257.281)",700:"oklch(0.372 0.044 257.287)",800:"oklch(0.279 0.041 260.031)",900:"oklch(0.208 0.042 265.755)",950:"oklch(0.129 0.042 264.695)"},gray:{50:"oklch(0.985 0.002 247.839)",100:"oklch(0.967 0.003 264.542)",200:"oklch(0.928 0.006 264.531)",300:"oklch(0.872 0.01 258.338)",400:"oklch(0.707 0.022 261.325)",500:"oklch(0.551 0.027 264.364)",600:"oklch(0.446 0.03 256.802)",700:"oklch(0.373 0.034 259.733)",800:"oklch(0.278 0.033 256.848)",900:"oklch(0.21 0.034 264.665)",950:"oklch(0.13 0.028 261.692)"},zinc:{50:"oklch(0.985 0 0)",100:"oklch(0.967 0.001 286.375)",200:"oklch(0.92 0.004 286.32)",300:"oklch(0.871 0.006 286.286)",400:"oklch(0.705 0.015 286.067)",500:"oklch(0.552 0.016 285.938)",600:"oklch(0.442 0.017 285.786)",700:"oklch(0.37 0.013 285.805)",800:"oklch(0.274 0.006 286.033)",900:"oklch(0.21 0.006 285.885)",950:"oklch(0.141 0.005 285.823)"},neutral:{50:"oklch(0.985 0 0)",100:"oklch(0.97 0 0)",200:"oklch(0.922 0 0)",300:"oklch(0.87 0 0)",400:"oklch(0.708 0 0)",500:"oklch(0.556 0 0)",600:"oklch(0.439 0 0)",700:"oklch(0.371 0 0)",800:"oklch(0.269 0 0)",900:"oklch(0.205 0 0)",950:"oklch(0.145 0 0)"},stone:{50:"oklch(0.985 0.001 106.423)",100:"oklch(0.97 0.001 106.424)",200:"oklch(0.923 0.003 48.717)",300:"oklch(0.869 0.005 56.366)",400:"oklch(0.709 0.01 56.259)",500:"oklch(0.553 0.013 58.071)",600:"oklch(0.444 0.011 73.639)",700:"oklch(0.374 0.01 67.558)",800:"oklch(0.268 0.007 34.298)",900:"oklch(0.216 0.006 56.043)",950:"oklch(0.147 0.004 49.25)"}},ke={sm:"40rem",md:"48rem",lg:"64rem",xl:"80rem","2xl":"96rem"};function ye(n){return`--breakpoint-${n}`}function Rn(n){return`var(${ye(n)})`}function Un(n){return`@media (width >= ${ke[n]})`}function lt(){const n={};return _(ke).forEach(([r,t])=>{n[ye(r)]=t}),n}const rt=[50,100,200,300,400,500,600,700,800,900,950],K=["primary","secondary","base","success","warning","error","info"],qn=[...K,..._(fe).map(([n])=>n)],me={primary:"blue",secondary:"gray",base:"gray",success:"green",warning:"amber",error:"red",info:"blue"},at={light:{background:["base",50],surface:["base",100],subtle:["base",200],elevated:["base",300],raised:["base",400],overlay:["base",500]},dark:{background:["base",950],surface:["base",900],subtle:["base",800],elevated:["base",700],raised:["base",600],overlay:["base",500]}},ct={light:{normal:["base",900],muted:["base",600],inverted:["base",100]},dark:{normal:["base",100],muted:["base",400],inverted:["base",900]}},st={light:{border:["base",200],divider:["base",300],inverted:["base",100]},dark:{border:["base",700],divider:["base",600],inverted:["base",900]}};function zn(n){return K.includes(n)?me[n]:n}function Z(n,r){return`--color-${n}-${r}`}function z(n,r){return`var(${Z(n,r)})`}function ot(){const n={};return n["--color-white"]="white",n["--color-black"]="black",n["--color-inherit"]="inherit",_(fe).forEach(([r,t])=>{_(t).forEach(([l,a])=>{n[Z(r,l)]=a})}),K.forEach(r=>{const t=me[r];rt.forEach(l=>{n[Z(r,l)]=z(t,l)})}),_(at).forEach(([r,t])=>{_(t).forEach(([l,[a,s]])=>{n[`--bg-${l}-${r}`]=z(a,s)})}),_(ct).forEach(([r,t])=>{_(t).forEach(([l,[a,s]])=>{n[`--text-${l}-${r}`]=z(a,s)})}),_(st).forEach(([r,t])=>{_(t).forEach(([l,[a,s]])=>{n[`--border-${l}-${r}`]=z(a,s)})}),n}const de={none:"0",xs:"calc(var(--spacing-base) / 2)",sm:"var(--spacing-base)",md:"calc(var(--spacing-base) * 1.5)",lg:"calc(var(--spacing-base) * 2)",xl:"calc(var(--spacing-base) * 3)",full:"9999px"};function ve(n){return`--radius-${n}`}function Gn(n){return`var(${ve(n)})`}function Qn(n){return`@media (width >= ${de[n]})`}function ut(){const n={};return _(de).forEach(([r,t])=>{n[ve(r)]=t}),n}const it="0.25rem",ht={none:"0",px:"1px",base:it,xs:"calc(var(--spacing-base) / 2)",sm:"var(--spacing-base)",md:"calc(var(--spacing-base) * 1.5)",lg:"calc(var(--spacing-base) * 2)",xl:"calc(var(--spacing-base) * 3)","2xl":"calc(var(--spacing-base) * 4)","3xl":"calc(var(--spacing-base) * 6)",full:"9999px"};function Ee(n){return`--spacing-${n}`}function Xn(n){return`var(${Ee(n)})`}function pt(){const n={};return _(ht).forEach(([r,t])=>{n[Ee(r)]=t}),n}const gt={xs:["0.75rem",{lineHeight:"1rem"}],sm:["0.875rem",{lineHeight:"1.25rem"}],base:["1rem",{lineHeight:"1.5rem"}],lg:["1.125rem",{lineHeight:"1.75rem"}],xl:["1.25rem",{lineHeight:"1.75rem"}],"2xl":["1.5rem",{lineHeight:"2rem"}],"3xl":["1.875rem",{lineHeight:"2.25rem"}],"4xl":["2.25rem",{lineHeight:"2.5rem"}],"5xl":["3rem",{lineHeight:"1"}],"6xl":["3.75rem",{lineHeight:"1"}],"7xl":["4.5rem",{lineHeight:"1"}],"8xl":["6rem",{lineHeight:"1"}],"9xl":["8rem",{lineHeight:"1"}]},bt={thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},ft={none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2"},kt={tighter:"-0.05em",tight:"-0.025em",normal:"0em",wide:"0.025em",wider:"0.05em",widest:"0.1em"},yt={sans:["system-ui","-apple-system","BlinkMacSystemFont",'"Segoe UI"',"Roboto",'"Helvetica Neue"',"Arial",'"Noto Sans"',"sans-serif",'"Apple Color Emoji"','"Segoe UI Emoji"','"Segoe UI Symbol"','"Noto Color Emoji"'],serif:["ui-serif","Georgia","Cambria",'"Times New Roman"',"Times","serif"],mono:["ui-monospace","SFMono-Regular",'"SF Mono"',"Consolas",'"Liberation Mono"',"Menlo","monospace"]};function Ce(n){return`--font-size-${n}`}function Yn(n){return`var(${Ce(n)})`}function mt(n){return`--font-weight-${n}`}function dt(n){return`var(${dt()})`}function Se(n){return`--line-height-${n}`}function Jn(n){return`var(${Se(n)})`}function we(n){return`--letter-spacing-${n}`}function Kn(n){return`var(${we(n)})`}function Ve(n){return`--font-family-${n}`}function Zn(n){return`var(${Ve(n)})`}function vt(){const n={};return Object.entries(gt).forEach(([r,t])=>{const[l]=Array.isArray(t)?t:[t];n[Ce(r)]=l}),Object.entries(bt).forEach(([r,t])=>{n[mt(r)]=t}),Object.entries(ft).forEach(([r,t])=>{n[Se(r)]=t}),Object.entries(kt).forEach(([r,t])=>{n[we(r)]=t}),Object.entries(yt).forEach(([r,t])=>{n[Ve(r)]=t.join(", ")}),n}function el(){return{...ot(),...pt(),...vt(),...lt(),...ut()}}function tl(n,r){return r==null&&typeof window>"u"?"":getComputedStyle(r??document.documentElement).getPropertyValue(n).trim()}function nl(n,r=0,t=()=>!0){let l=null,a;const s=e.prop(n.value);return n.on(o=>{a=o,t(o)?l==null&&(l=setTimeout(()=>{l=null,s.set(a)},r)):s.set(o)}),n.onDispose(()=>{l!=null&&clearTimeout(l)}),s}Object.defineProperty(c,"Use",{enumerable:!0,get:()=>e.Use}),c.AppShell=Fn,c.BeatUITheme=Oe,c.Button=te,c.Card=xn,c.Center=jn,c.CenterH=Wn,c.CheckboxInput=yn,c.CommonInputAttributes=T,c.ControlInputWrapper=E,c.DateControl=qt,c.DateInput=le,c.DateTimeControl=Gt,c.DateTimeInput=Fe,c.EditableText=mn,c.EmailControl=Qt,c.EmailInput=xe,c.EmphasisLabel=Mt,c.ErrorLabel=Lt,c.Expando=We,c.FormController=Qe,c.FormStatus=Xt,c.Group=Dn,c.GroupController=U,c.Icon=D,c.InputContainer=$,c.Label=ne,c.LazyNativeSelect=He,c.LazyNativeSelectControl=Jt,c.ListController=Y,c.MutedLabel=Ie,c.NativeSelect=ae,c.NativeSelectControl=Kt,c.NullableDateControl=Zt,c.NullableDateInput=ce,c.NullableDateTimeControl=tn,c.NullableDateTimeInput=se,c.NullableStringDateControl=nn,c.NullableStringDateTimeControl=an,c.NullableTextArea=Me,c.NullableTextAreaControl=cn,c.NullableTextControl=sn,c.NullableTextInput=Pe,c.NumberControl=on,c.NumberInput=Le,c.OverlayBody=Ln,c.OverlayElement=Mn,c.PasswordControl=un,c.PasswordInput=Re,c.RequiredSymbol=Ne,c.SegmentedControl=pn,c.SelectOption=X,c.Sink=Hn,c.Stack=Pn,c.StringDateControl=gn,c.Tag=Be,c.TagsControl=bn,c.TagsInput=Ue,c.TextArea=qe,c.TextAreaControl=fn,c.TextControl=Ut,c.TextInput=Ae,c.Theme=v,c.ThemeAppeareance=Ft,c.Toggle=dn,c.ValueController=R,c.WithBreakpoint=he,c.WithTWBreakpoint=Ke,c.WithTWElementBreakpoint=Tn,c.baseSpacing=it,c.bgColors=at,c.borderColors=st,c.breakpoints=ke,c.colorShades=rt,c.colors=fe,c.compareBreakpoint=Je,c.connectCommonAttributes=ie,c.connectNumberInput=En,c.connectStringInput=vn,c.convertStandardSchemaIssues=Ye,c.convertStandardSchemaPathToPath=Xe,c.delaySignal=nl,c.emitExpando=Yt,c.emitOptionExpando=je,c.emptyToNull=L,c.findBreakpoint=Vn,c.fontFamily=yt,c.fontSize=gt,c.fontWeight=bt,c.generateAllTokenVariables=el,c.generateBreakpointVariables=lt,c.generateColorVariables=ot,c.generateRadiusVariables=ut,c.generateSpacingVariables=pt,c.generateTypographyVariables=vt,c.getBreakpointMediaQuery=Un,c.getBreakpointVar=Rn,c.getBreakpointVarName=ye,c.getColorVar=z,c.getColorVarName=Z,c.getFontFamilyVar=Zn,c.getFontFamilyVarName=Ve,c.getFontSizeVar=Yn,c.getFontSizeVarName=Ce,c.getFontWeightVar=dt,c.getFontWeightVarName=mt,c.getLetterSpacingVar=Kn,c.getLetterSpacingVarName=we,c.getLineHeightVar=Jn,c.getLineHeightVarName=Se,c.getRadiusMediaQuery=Qn,c.getRadiusVar=Gn,c.getRadiusVarName=ve,c.getSpacingVar=Xn,c.getSpacingVarName=Ee,c.getTokenValue=tl,c.inputOptionsFromController=V,c.inputOptionsFromMappedController=G,c.letterSpacing=kt,c.lineHeight=ft,c.makeMapValidationResult=ue,c.makeMappedOnChangeHandler=Q,c.makeNullableOnChangeHandler=Rt,c.makeOnBlurHandler=C,c.makeOnChangeHandler=O,c.makeOverlay=tt,c.normalizeColorName=zn,c.nullToEmpty=oe,c.parsePath=kn,c.pathToString=Ge,c.radius=de,c.semanticColorNames=K,c.semanticColors=me,c.spacing=ht,c.textColors=ct,c.themeColorNames=qn,c.useAnimatedElementToggle=J,c.useAnimatedToggle=ge,c.useForm=Cn,c.useTimedToggle=On,c.wrapSegment=ze,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});
+(function(s,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("@tempots/dom"),require("@tempots/ui")):typeof define=="function"&&define.amd?define(["exports","@tempots/dom","@tempots/ui"],e):(s=typeof globalThis<"u"?globalThis:s||self,e(s.BeatUIFramework={},s.TempoDom,s.TempoUI))})(this,function(s,e,w){"use strict";var Zl=Object.defineProperty;var Yt=s=>{throw TypeError(s)};var Xl=(s,e,w)=>e in s?Zl(s,e,{enumerable:!0,configurable:!0,writable:!0,value:w}):s[e]=w;var C=(s,e,w)=>Xl(s,typeof e!="symbol"?e+"":e,w),Ql=(s,e,w)=>e.has(s)||Yt("Cannot "+w);var _=(s,e,w)=>(Ql(s,e,"read from private field"),w?w.call(s):e.get(s)),le=(s,e,w)=>e.has(s)?Yt("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(s):e.set(s,w);var Y,ee,Z,z;function Kt(t,l,n,r,a){const c=["bc-button",`bu-text-${l}`,`bc-control--padding-${l}`,`bc-control--rounded-${r}`];switch(t){case"filled":c.push(`bu-bg--${n}`),a||c.push(`hover:bu-bg--${n}`);break;case"light":c.push(`bu-bg--light-${n}`),a||c.push(`hover:bu-bg--light-${n}`);break;case"outline":c.push(`bu-border--${n}`),a||c.push(`hover:bu-bg--light-${n}`);break;case"default":c.push("bu-bg--light-neutral"),c.push(`bu-text--${n}`),a||c.push("hover:bu-bg--light-base");break;case"text":c.push("bu-bg--inherit"),c.push(`bu-text--${n}`),a||c.push("hover:bu-underline");break}return c.join(" ")}function X({type:t="button",disabled:l,variant:n="filled",size:r="md",color:a="base",roundedness:c="sm",onClick:o=()=>{}},...h){return e.html.button(e.attr.type(t),e.attr.disabled(l),e.attr.class(e.computedOf(n,r,a,c,l)((i,u,p,g,f)=>Kt(i??"filled",u??"md",p??"base",g??"sm",f))),e.on.click(o),...h)}const Jt="bui-icons",re=new Map,be=(()=>{try{return typeof indexedDB<"u"&&indexedDB!==null}catch{return!1}})();function en(){return be?new Promise((t,l)=>{const n=indexedDB.open(Jt,1);n.onupgradeneeded=function(r){const a=r.target.result;a.objectStoreNames.contains("icons")||a.createObjectStore("icons")},n.onsuccess=function(){t(n.result)},n.onerror=function(){l(n.error)}}):Promise.reject(new Error("IndexedDB not available"))}const ae=be?en():null;function Ue(t,l){return new Promise(async(n,r)=>{try{if(ae){const c=(await ae).transaction("icons","readwrite");c.objectStore("icons").put(l,t),c.oncomplete=n,c.onerror=r}else re.set(t,l),n(void 0)}catch{re.set(t,l),n(void 0)}})}function Ge(t){return new Promise(async(l,n)=>{try{if(ae){const o=(await ae).transaction("icons","readonly").objectStore("icons").get(t);o.onsuccess=function(){l(o.result)},o.onerror=n}else l(re.get(t)||null)}catch{l(re.get(t)||null)}})}async function tn(t){const l=`https://api.iconify.design/${t}.svg`;return fetch(l).then(n=>{if(n.status===200)return n.text();throw new Error(`Failed to load icon: ${t}`)})}async function nn(t){const l=t.replace(":","/"),n=await Ge(l);if(n)return n;const r=await tn(l);return await Ue(l,r),r}function ln(t,l){const n=["bc-icon",`bc-icon--${t}`];return l&&n.push(`bu-fg--${l}`),n.join(" ")}function j({icon:t,size:l="md",color:n,title:r},...a){return e.html.span(e.attr.class(e.computedOf(l,n)((c,o)=>ln(c??"md",o))),e.aria.label(r),w.WhenInViewport({once:!0},()=>w.Resource({request:t,load:({request:c})=>nn(c),mapError:String})({success:c=>e.html.span(e.style.width("100%"),e.style.height("100%"),e.attr.innerHTML(c)),loading:()=>e.html.span(e.attr.class("animate-spin"),"↻"),failure:c=>e.html.span(e.attr.title(c),e.attr.class("text-red-500"),"🚫")})),...a)}const ce={red:{50:"oklch(0.971 0.013 17.38)",100:"oklch(0.936 0.032 17.717)",200:"oklch(0.885 0.062 18.334)",300:"oklch(0.808 0.114 19.571)",400:"oklch(0.704 0.191 22.216)",500:"oklch(0.637 0.237 25.331)",600:"oklch(0.577 0.245 27.325)",700:"oklch(0.505 0.213 27.518)",800:"oklch(0.444 0.177 26.899)",900:"oklch(0.396 0.141 25.723)",950:"oklch(0.258 0.092 26.042)"},orange:{50:"oklch(0.98 0.016 73.684)",100:"oklch(0.954 0.038 75.164)",200:"oklch(0.901 0.076 70.697)",300:"oklch(0.837 0.128 66.29)",400:"oklch(0.75 0.183 55.934)",500:"oklch(0.705 0.213 47.604)",600:"oklch(0.646 0.222 41.116)",700:"oklch(0.553 0.195 38.402)",800:"oklch(0.47 0.157 37.304)",900:"oklch(0.408 0.123 38.172)",950:"oklch(0.266 0.079 36.259)"},amber:{50:"oklch(0.987 0.022 95.277)",100:"oklch(0.962 0.059 95.617)",200:"oklch(0.924 0.12 95.746)",300:"oklch(0.879 0.169 91.605)",400:"oklch(0.828 0.189 84.429)",500:"oklch(0.769 0.188 70.08)",600:"oklch(0.666 0.179 58.318)",700:"oklch(0.555 0.163 48.998)",800:"oklch(0.473 0.137 46.201)",900:"oklch(0.414 0.112 45.904)",950:"oklch(0.279 0.077 45.635)"},yellow:{50:"oklch(0.987 0.026 102.212)",100:"oklch(0.973 0.071 103.193)",200:"oklch(0.945 0.129 101.54)",300:"oklch(0.905 0.182 98.111)",400:"oklch(0.852 0.199 91.936)",500:"oklch(0.795 0.184 86.047)",600:"oklch(0.681 0.162 75.834)",700:"oklch(0.554 0.135 66.442)",800:"oklch(0.476 0.114 61.907)",900:"oklch(0.421 0.095 57.708)",950:"oklch(0.286 0.066 53.813)"},lime:{50:"oklch(0.986 0.031 120.757)",100:"oklch(0.967 0.067 122.328)",200:"oklch(0.938 0.127 124.321)",300:"oklch(0.897 0.196 126.665)",400:"oklch(0.841 0.238 128.85)",500:"oklch(0.768 0.233 130.85)",600:"oklch(0.648 0.2 131.684)",700:"oklch(0.532 0.157 131.589)",800:"oklch(0.453 0.124 130.933)",900:"oklch(0.405 0.101 131.063)",950:"oklch(0.274 0.072 132.109)"},green:{50:"oklch(0.982 0.018 155.826)",100:"oklch(0.962 0.044 156.743)",200:"oklch(0.925 0.084 155.995)",300:"oklch(0.871 0.15 154.449)",400:"oklch(0.792 0.209 151.711)",500:"oklch(0.723 0.219 149.579)",600:"oklch(0.627 0.194 149.214)",700:"oklch(0.527 0.154 150.069)",800:"oklch(0.448 0.119 151.328)",900:"oklch(0.393 0.095 152.535)",950:"oklch(0.266 0.065 152.934)"},emerald:{50:"oklch(0.979 0.021 166.113)",100:"oklch(0.95 0.052 163.051)",200:"oklch(0.905 0.093 164.15)",300:"oklch(0.845 0.143 164.978)",400:"oklch(0.765 0.177 163.223)",500:"oklch(0.696 0.17 162.48)",600:"oklch(0.596 0.145 163.225)",700:"oklch(0.508 0.118 165.612)",800:"oklch(0.432 0.095 166.913)",900:"oklch(0.378 0.077 168.94)",950:"oklch(0.262 0.051 172.552)"},teal:{50:"oklch(0.984 0.014 180.72)",100:"oklch(0.953 0.051 180.801)",200:"oklch(0.91 0.096 180.426)",300:"oklch(0.855 0.138 181.071)",400:"oklch(0.777 0.152 181.912)",500:"oklch(0.704 0.14 182.503)",600:"oklch(0.6 0.118 184.704)",700:"oklch(0.511 0.096 186.391)",800:"oklch(0.437 0.078 188.216)",900:"oklch(0.386 0.063 188.416)",950:"oklch(0.277 0.046 192.524)"},cyan:{50:"oklch(0.984 0.019 200.873)",100:"oklch(0.956 0.045 203.388)",200:"oklch(0.917 0.08 205.041)",300:"oklch(0.865 0.127 207.078)",400:"oklch(0.789 0.154 211.53)",500:"oklch(0.715 0.143 215.221)",600:"oklch(0.609 0.126 221.723)",700:"oklch(0.52 0.105 223.128)",800:"oklch(0.45 0.085 224.283)",900:"oklch(0.398 0.07 227.392)",950:"oklch(0.302 0.056 229.695)"},sky:{50:"oklch(0.977 0.013 236.62)",100:"oklch(0.951 0.026 236.824)",200:"oklch(0.901 0.058 230.902)",300:"oklch(0.828 0.111 230.318)",400:"oklch(0.746 0.16 232.661)",500:"oklch(0.685 0.169 237.323)",600:"oklch(0.588 0.158 241.966)",700:"oklch(0.5 0.134 242.749)",800:"oklch(0.443 0.11 240.79)",900:"oklch(0.391 0.09 240.876)",950:"oklch(0.293 0.066 243.157)"},blue:{50:"oklch(0.97 0.014 254.604)",100:"oklch(0.932 0.032 255.585)",200:"oklch(0.882 0.059 254.128)",300:"oklch(0.809 0.105 251.813)",400:"oklch(0.707 0.165 254.624)",500:"oklch(0.623 0.214 259.815)",600:"oklch(0.546 0.245 262.881)",700:"oklch(0.488 0.243 264.376)",800:"oklch(0.424 0.199 265.638)",900:"oklch(0.379 0.146 265.522)",950:"oklch(0.282 0.091 267.935)"},indigo:{50:"oklch(0.962 0.018 272.314)",100:"oklch(0.93 0.034 272.788)",200:"oklch(0.87 0.065 274.039)",300:"oklch(0.785 0.115 274.713)",400:"oklch(0.673 0.182 276.935)",500:"oklch(0.585 0.233 277.117)",600:"oklch(0.511 0.262 276.966)",700:"oklch(0.457 0.24 277.023)",800:"oklch(0.398 0.195 277.366)",900:"oklch(0.359 0.144 278.697)",950:"oklch(0.257 0.09 281.288)"},violet:{50:"oklch(0.969 0.016 293.756)",100:"oklch(0.943 0.029 294.588)",200:"oklch(0.894 0.057 293.283)",300:"oklch(0.811 0.111 293.571)",400:"oklch(0.702 0.183 293.541)",500:"oklch(0.606 0.25 292.717)",600:"oklch(0.541 0.281 293.009)",700:"oklch(0.491 0.27 292.581)",800:"oklch(0.432 0.232 292.759)",900:"oklch(0.38 0.189 293.745)",950:"oklch(0.283 0.141 291.089)"},purple:{50:"oklch(0.977 0.014 308.299)",100:"oklch(0.946 0.033 307.174)",200:"oklch(0.902 0.063 306.703)",300:"oklch(0.827 0.119 306.383)",400:"oklch(0.714 0.203 305.504)",500:"oklch(0.627 0.265 303.9)",600:"oklch(0.558 0.288 302.321)",700:"oklch(0.496 0.265 301.924)",800:"oklch(0.438 0.218 303.724)",900:"oklch(0.381 0.176 304.987)",950:"oklch(0.291 0.149 302.717)"},fuchsia:{50:"oklch(0.977 0.017 320.058)",100:"oklch(0.952 0.037 318.852)",200:"oklch(0.903 0.076 319.62)",300:"oklch(0.833 0.145 321.434)",400:"oklch(0.74 0.238 322.16)",500:"oklch(0.667 0.295 322.15)",600:"oklch(0.591 0.293 322.896)",700:"oklch(0.518 0.253 323.949)",800:"oklch(0.452 0.211 324.591)",900:"oklch(0.401 0.17 325.612)",950:"oklch(0.293 0.136 325.661)"},pink:{50:"oklch(0.971 0.014 343.198)",100:"oklch(0.948 0.028 342.258)",200:"oklch(0.899 0.061 343.231)",300:"oklch(0.823 0.12 346.018)",400:"oklch(0.718 0.202 349.761)",500:"oklch(0.656 0.241 354.308)",600:"oklch(0.592 0.249 0.584)",700:"oklch(0.525 0.223 3.958)",800:"oklch(0.459 0.187 3.815)",900:"oklch(0.408 0.153 2.432)",950:"oklch(0.284 0.109 3.907)"},rose:{50:"oklch(0.969 0.015 12.422)",100:"oklch(0.941 0.03 12.58)",200:"oklch(0.892 0.058 10.001)",300:"oklch(0.81 0.117 11.638)",400:"oklch(0.712 0.194 13.428)",500:"oklch(0.645 0.246 16.439)",600:"oklch(0.586 0.253 17.585)",700:"oklch(0.514 0.222 16.935)",800:"oklch(0.455 0.188 13.697)",900:"oklch(0.41 0.159 10.272)",950:"oklch(0.271 0.105 12.094)"},slate:{50:"oklch(0.984 0.003 247.858)",100:"oklch(0.968 0.007 247.896)",200:"oklch(0.929 0.013 255.508)",300:"oklch(0.869 0.022 252.894)",400:"oklch(0.704 0.04 256.788)",500:"oklch(0.554 0.046 257.417)",600:"oklch(0.446 0.043 257.281)",700:"oklch(0.372 0.044 257.287)",800:"oklch(0.279 0.041 260.031)",900:"oklch(0.208 0.042 265.755)",950:"oklch(0.129 0.042 264.695)"},gray:{50:"oklch(0.985 0.002 247.839)",100:"oklch(0.967 0.003 264.542)",200:"oklch(0.928 0.006 264.531)",300:"oklch(0.872 0.01 258.338)",400:"oklch(0.707 0.022 261.325)",500:"oklch(0.551 0.027 264.364)",600:"oklch(0.446 0.03 256.802)",700:"oklch(0.373 0.034 259.733)",800:"oklch(0.278 0.033 256.848)",900:"oklch(0.21 0.034 264.665)",950:"oklch(0.13 0.028 261.692)"},zinc:{50:"oklch(0.985 0 0)",100:"oklch(0.967 0.001 286.375)",200:"oklch(0.92 0.004 286.32)",300:"oklch(0.871 0.006 286.286)",400:"oklch(0.705 0.015 286.067)",500:"oklch(0.552 0.016 285.938)",600:"oklch(0.442 0.017 285.786)",700:"oklch(0.37 0.013 285.805)",800:"oklch(0.274 0.006 286.033)",900:"oklch(0.21 0.006 285.885)",950:"oklch(0.141 0.005 285.823)"},neutral:{50:"oklch(0.985 0 0)",100:"oklch(0.97 0 0)",200:"oklch(0.922 0 0)",300:"oklch(0.87 0 0)",400:"oklch(0.708 0 0)",500:"oklch(0.556 0 0)",600:"oklch(0.439 0 0)",700:"oklch(0.371 0 0)",800:"oklch(0.269 0 0)",900:"oklch(0.205 0 0)",950:"oklch(0.145 0 0)"},stone:{50:"oklch(0.985 0.001 106.423)",100:"oklch(0.97 0.001 106.424)",200:"oklch(0.923 0.003 48.717)",300:"oklch(0.869 0.005 56.366)",400:"oklch(0.709 0.01 56.259)",500:"oklch(0.553 0.013 58.071)",600:"oklch(0.444 0.011 73.639)",700:"oklch(0.374 0.01 67.558)",800:"oklch(0.268 0.007 34.298)",900:"oklch(0.216 0.006 56.043)",950:"oklch(0.147 0.004 49.25)"}},x=t=>Object.entries(t),fe=(t,l)=>t===l||t!==t&&l!==l,Ze=(t,l)=>{const n=setTimeout(t,l);return()=>clearTimeout(n)},U=t=>{let l=null;const n=r=>{l=null,t(r)};return l==null&&(l=requestAnimationFrame(n)),()=>{l!=null&&(cancelAnimationFrame(l),l=null)}},ke={sm:"40rem",md:"48rem",lg:"64rem",xl:"80rem","2xl":"96rem"};function de(t){return`--breakpoint-${t}`}function rn(t){return`var(${de(t)})`}function an(t){return`@media (width >= ${ke[t]})`}function Xe(){const t={};return x(ke).forEach(([l,n])=>{t[de(l)]=n}),t}const Qe=[50,100,200,300,400,500,600,700,800,900,950],te=["primary","secondary","base","success","warning","error","info"],cn=[...te,...x(ce).map(([t])=>t)],ye={primary:"blue",secondary:"gray",base:"gray",success:"green",warning:"amber",error:"red",info:"blue"},Ye={light:{background:["base",50],surface:["base",100],subtle:["base",200],elevated:["base",300],raised:["base",400],overlay:["base",500]},dark:{background:["base",950],surface:["base",900],subtle:["base",800],elevated:["base",700],raised:["base",600],overlay:["base",500]}},Ke={light:{normal:["base",900],muted:["base",600],inverted:["base",100]},dark:{normal:["base",100],muted:["base",400],inverted:["base",900]}},Je={light:{border:["base",200],divider:["base",300],inverted:["base",100]},dark:{border:["base",700],divider:["base",600],inverted:["base",900]}},et={light:{focus:["info",700],hover:["base",100],active:["base",200]},dark:{focus:["info",300],hover:["base",800],active:["base",700]}};function sn(t){return te.includes(t)?ye[t]:t}function se(t,l){return`--color-${t}-${l}`}function J(t,l){return`var(${se(t,l)})`}const O={special:{inherit:{backgroundColor:"inherit",color:"inherit"},white:{backgroundColor:"var(--color-white)",color:"var(--color-base-900)"},black:{backgroundColor:"black",color:"var(--color-white)"},transparent:{backgroundColor:"transparent",color:"inherit"}},variants:{solid:{light:{bgShade:500,textColor:"var(--color-white)"},dark:{bgShade:600,textColor:"var(--color-black)"}},light:{light:{bgShade:200,textColor:"var(--text-normal-light)"},dark:{bgShade:800,textColor:"var(--text-normal-dark)"}},lighter:{light:{bgShade:100,textColor:"var(--text-normal-light)"},dark:{bgShade:900,textColor:"var(--text-normal-dark)"}}},overrides:{white:{light:{backgroundColor:"var(--color-white)",color:"var(--color-base-900)"},dark:{backgroundColor:"var(--color-black)",color:"var(--color-base-100)"}},black:{light:{backgroundColor:"black",color:"var(--color-white)"},dark:{backgroundColor:"black",color:"var(--color-white)"}},transparent:{light:{backgroundColor:"transparent",color:"inherit"},dark:{backgroundColor:"transparent",color:"inherit"}}}};function on(){let t=`/*
+ * Background Utilities - Auto-generated from design tokens
+ *
+ * This file is automatically generated from src/tokens/colors.ts
+ * Do not edit this file directly - modify the tokens instead.
+ *
+ * Generated variants:
+ * - .bu-bg--{color} (solid)
+ * - .bu-bg--light-{color} (light)
+ * - .bu-bg--lighter-{color} (lighter)
+ *
+ * Each variant includes dark mode overrides with .b-dark prefix.
+ */
+@layer components {
+`;x(O.special).forEach(([n,r])=>{t+=`  .bu-bg--${n} {
+`,t+=`    background-color: ${r.backgroundColor};
+`,t+=`    color: ${r.color};
+`,t+=`  }
+`});const l=[...te,...x(ce).map(([n])=>n)];return t+=`  /* solid */
+`,l.forEach(n=>{const r=O.variants.solid.light;t+=`  .bu-bg--${n} {
+`,t+=`    background-color: var(--color-${n}-${r.bgShade});
+`,t+=`    color: ${r.textColor};
+`,t+=`  }
+`}),t+=`
+`,l.forEach(n=>{const r=O.variants.solid.dark;t+=`  .b-dark .bu-bg--${n} {
+`,t+=`    background-color: var(--color-${n}-${r.bgShade});
+`,t+=`    color: ${r.textColor};
+`,t+=`  }
+`}),t+=`
+`,t+=`  /* light */
+`,x(O.special).forEach(([n,r])=>{t+=`  .bu-bg--light-${n} {
+`,t+=`    background-color: ${r.backgroundColor};
+`,t+=`    color: ${r.color};
+`,t+=`  }
+`}),l.forEach(n=>{const r=O.variants.light.light,a=O.overrides[n];a?(t+=`  .bu-bg--light-${n} {
+`,t+=`    background-color: ${a.light.backgroundColor};
+`,t+=`    color: ${a.light.color};
+`,t+=`  }
+`):(t+=`  .bu-bg--light-${n} {
+`,t+=`    background-color: var(--color-${n}-${r.bgShade});
+`,t+=`    color: ${r.textColor};
+`,t+=`  }
+`)}),t+=`
+`,t+=`  /* light dark */
+`,x(O.special).forEach(([n,r])=>{const a=O.overrides[n];a?(t+=`  .b-dark .bu-bg--light-${n} {
+`,t+=`    background-color: ${a.dark.backgroundColor};
+`,t+=`    color: ${a.dark.color};
+`,t+=`  }
+`):(t+=`  .b-dark .bu-bg--light-${n} {
+`,t+=`    background-color: ${r.backgroundColor};
+`,t+=`    color: ${r.color};
+`,t+=`  }
+`)}),l.forEach(n=>{const r=O.variants.light.dark,a=O.overrides[n];a?(t+=`  .b-dark .bu-bg--light-${n} {
+`,t+=`    background-color: ${a.dark.backgroundColor};
+`,t+=`    color: ${a.dark.color};
+`,t+=`  }
+`):(t+=`  .b-dark .bu-bg--light-${n} {
+`,t+=`    background-color: var(--color-${n}-${r.bgShade});
+`,t+=`    color: ${r.textColor};
+`,t+=`  }
+`)}),t+=`
+`,t+=`  /* lighter */
+`,x(O.special).forEach(([n,r])=>{t+=`  .bu-bg--lighter-${n} {
+`,t+=`    background-color: ${r.backgroundColor};
+`,t+=`    color: ${r.color};
+`,t+=`  }
+`}),l.forEach(n=>{const r=O.variants.lighter.light,a=O.overrides[n];a?(t+=`  .bu-bg--lighter-${n} {
+`,t+=`    background-color: ${a.light.backgroundColor};
+`,t+=`    color: ${a.light.color};
+`,t+=`  }
+`):(t+=`  .bu-bg--lighter-${n} {
+`,t+=`    background-color: var(--color-${n}-${r.bgShade});
+`,t+=`    color: ${r.textColor};
+`,t+=`  }
+`)}),t+=`
+`,t+=`  /* light dark */
+`,x(O.special).forEach(([n,r])=>{const a=O.overrides[n];a?(t+=`  .b-dark .bu-bg--lighter-${n} {
+`,t+=`    background-color: ${a.dark.backgroundColor};
+`,t+=`    color: ${a.dark.color};
+`,t+=`  }
+`):(t+=`  .b-dark .bu-bg--lighter-${n} {
+`,t+=`    background-color: ${r.backgroundColor};
+`,t+=`    color: ${r.color};
+`,t+=`  }
+`)}),l.forEach(n=>{const r=O.variants.lighter.dark,a=O.overrides[n];a?(t+=`  .b-dark .bu-bg--lighter-${n} {
+`,t+=`    background-color: ${a.dark.backgroundColor};
+`,t+=`    color: ${a.dark.color};
+`,t+=`  }
+`):(t+=`  .b-dark .bu-bg--lighter-${n} {
+`,t+=`    background-color: var(--color-${n}-${r.bgShade});
+`,t+=`    color: ${r.textColor};
+`,t+=`  }
+`)}),t+=`}
+`,t}function tt(){const t={};return t["--color-white"]="white",t["--color-black"]="black",t["--color-inherit"]="inherit",x(ce).forEach(([l,n])=>{x(n).forEach(([r,a])=>{t[se(l,r)]=a})}),te.forEach(l=>{const n=ye[l];Qe.forEach(r=>{t[se(l,r)]=J(n,r)})}),x(Ye).forEach(([l,n])=>{x(n).forEach(([r,[a,c]])=>{t[`--bg-${r}-${l}`]=J(a,c)})}),x(Ke).forEach(([l,n])=>{x(n).forEach(([r,[a,c]])=>{t[`--text-${r}-${l}`]=J(a,c)})}),x(Je).forEach(([l,n])=>{x(n).forEach(([r,[a,c]])=>{t[`--border-${r}-${l}`]=J(a,c)})}),x(et).forEach(([l,n])=>{x(n).forEach(([r,[a,c]])=>{t[`--interactive-${r}-${l}`]=J(a,c)})}),t}const me={none:"0",xs:"calc(var(--spacing-base) / 2)",sm:"var(--spacing-base)",md:"calc(var(--spacing-base) * 1.5)",lg:"calc(var(--spacing-base) * 2)",xl:"calc(var(--spacing-base) * 3)",full:"9999px"};function ve(t){return`--radius-${t}`}function un(t){return`var(${ve(t)})`}function hn(t){return`@media (width >= ${me[t]})`}function nt(){const t={};return x(me).forEach(([l,n])=>{t[ve(l)]=n}),t}const lt="0.25rem",rt={none:"0",px:"1px",base:lt,xs:"calc(var(--spacing-base) / 2)",sm:"var(--spacing-base)",md:"calc(var(--spacing-base) * 1.5)",lg:"calc(var(--spacing-base) * 2)",xl:"calc(var(--spacing-base) * 3)","2xl":"calc(var(--spacing-base) * 4)","3xl":"calc(var(--spacing-base) * 6)","4xl":"calc(var(--spacing-base) * 8)",full:"2000px"};function Ce(t){return`--spacing-${t}`}function pn(t){return`var(${Ce(t)})`}function at(){const t={};return x(rt).forEach(([l,n])=>{t[Ce(l)]=n}),t}const we={"3xs":["0.5rem",{lineHeight:"0.75rem"}],"2xs":["0.625rem",{lineHeight:"0.75rem"}],xs:["0.75rem",{lineHeight:"1rem"}],sm:["0.875rem",{lineHeight:"1.25rem"}],md:["1rem",{lineHeight:"1.5rem"}],lg:["1.125rem",{lineHeight:"1.75rem"}],xl:["1.25rem",{lineHeight:"1.75rem"}],"2xl":["1.5rem",{lineHeight:"2rem"}],"3xl":["1.875rem",{lineHeight:"2.25rem"}],"4xl":["2.25rem",{lineHeight:"2.5rem"}],"5xl":["3rem",{lineHeight:"1"}],"6xl":["3.75rem",{lineHeight:"1"}],"7xl":["4.5rem",{lineHeight:"1"}],"8xl":["6rem",{lineHeight:"1"}],"9xl":["8rem",{lineHeight:"1"}]};function ct(t,l){const n=Object.keys(we),r=n.indexOf(t);if(r===-1)throw new Error(`Invalid font size: ${t}`);const a=Math.min(Math.max(r+l,0),n.length-1);return n[a]}const st={thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},ot={none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2"},it={tighter:"-0.05em",tight:"-0.025em",normal:"0em",wide:"0.025em",wider:"0.05em",widest:"0.1em"},ut={sans:["system-ui","-apple-system","BlinkMacSystemFont",'"Segoe UI"',"Roboto",'"Helvetica Neue"',"Arial",'"Noto Sans"',"sans-serif",'"Apple Color Emoji"','"Segoe UI Emoji"','"Segoe UI Symbol"','"Noto Color Emoji"'],serif:["ui-serif","Georgia","Cambria",'"Times New Roman"',"Times","serif"],mono:["ui-monospace","SFMono-Regular",'"SF Mono"',"Consolas",'"Liberation Mono"',"Menlo","monospace"]};function xe(t){return`--font-size-${t}`}function gn(t){return`var(${xe(t)})`}function Se(t){return`--font-weight-${t}`}function bn(t){return`var(${Se(t)})`}function $e(t){return`--line-height-${t}`}function fn(t){return`var(${$e(t)})`}function Ee(t){return`--letter-spacing-${t}`}function kn(t){return`var(${Ee(t)})`}function Ve(t){return`--font-family-${t}`}function dn(t){return`var(${Ve(t)})`}function ht(){const t={};return Object.entries(we).forEach(([l,n])=>{const[r]=Array.isArray(n)?n:[n];t[xe(l)]=r}),Object.entries(st).forEach(([l,n])=>{t[Se(l)]=n}),Object.entries(ot).forEach(([l,n])=>{t[$e(l)]=n}),Object.entries(it).forEach(([l,n])=>{t[Ee(l)]=n}),Object.entries(ut).forEach(([l,n])=>{t[Ve(l)]=n.join(", ")}),t}const pt={base:0,raised:10,navigation:20,sidebar:20,overlay:50,modal:60,tooltip:70,popover:80,notification:90,maximum:100};function Te(t){return`--z-index-${t}`}function yn(t){return`var(${Te(t)})`}function gt(){const t={};return x(pt).forEach(([l,n])=>{t[Te(l)]=n.toString()}),t}const mn={none:"none","2xs":"0 1px rgb(0 0 0 / 0.05)",xs:"0 1px 2px 0 rgb(0 0 0 / 0.05)",sm:"0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",md:"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",lg:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",xl:"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)","2xl":"0 25px 50px -12px rgb(0 0 0 / 0.25)","top-2xs":"0 -1px rgb(0 0 0 / 0.05)","top-xs":"0 -1px 2px 0 rgb(0 0 0 / 0.05)","top-sm":"0 -1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)","top-md":"0 -4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)","top-lg":"0 -10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)","top-xl":"0 -20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)","top-2xl":"0 -25px 50px -12px rgb(0 0 0 / 0.25)"};function vn(t){return`--shadow-${t}`}function Cn(){const t={};return x(mn).forEach(([l,n])=>{t[vn(l)]=n}),t}const wn={none:"none","2xs":"0px 1px 0px rgb(0 0 0 / 0.15)",xs:"0px 1px 1px rgb(0 0 0 / 0.2)",sm:"0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075), 0px 2px 2px rgb(0 0 0 / 0.075)",md:"0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1), 0px 2px 4px rgb(0 0 0 / 0.1)",lg:"0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1), 0px 4px 8px rgb(0 0 0 / 0.1)"};function xn(t){return`--text-shadow-${t}`}function Sn(){const t={};return x(wn).forEach(([l,n])=>{t[xn(l)]=n}),t}function $n(){return{...tt(),...at(),...ht(),...Xe(),...nt(),...Cn(),...Sn(),...gt()}}function En(t,l){return l==null&&typeof window>"u"?"":getComputedStyle(l??document.documentElement).getPropertyValue(t).trim()}const Vn={xs:"1.5",sm:"2",md:"2.5",lg:"3",xl:"4"},Tn={xs:"0",sm:"0",md:"0",lg:"0.25",xl:"0.5"};function _n(t,l,n){const r=["bc-tag"];return t?r.push("bc-tag--disabled"):r.push(`bu-bg--${l}`),r.push(`bu-text-${ct(n,-1)} bu-px-${Vn[n]} bu-py-${Tn[n]}`),r.join(" ")}const bt=({disabled:t,value:l,color:n="base",onClose:r,size:a="md"})=>e.html.span(e.attr.class(e.computedOf(t??!1,n??"base",a??"md")((c,o,h)=>_n(c,o,h))),e.html.span(l),r!=null?e.html.button(e.attr.disabled(t),e.attr.class("bc-tag__close"),e.html.span("×"),e.on.click(()=>r==null?void 0:r(e.Value.get(l)))):e.Empty);function oe(t){return`bc-label bc-label--${t}`}const On=(...t)=>e.html.span(e.attr.class(oe("emphasis")),...t),_e=(...t)=>e.html.span(e.attr.class(oe("default")),...t),ft=(...t)=>e.html.span(e.attr.class(oe("muted")),...t),An=(...t)=>e.html.span(e.attr.class(oe("error")),...t),kt=e.html.span(e.attr.class("bc-control-input-wrapper__required")," *");function Bn(){return"bc-control-input-wrapper"}function In(t,l){const n=["bc-control-input-wrapper__label-text"];return t?n.push("bc-control-input-wrapper__label-text--error"):l?n.push("bc-control-input-wrapper__label-text--disabled"):n.push("bc-control-input-wrapper__label-text--default"),n.join(" ")}const A=({required:t,label:l,context:n,description:r,content:a,controller:c},...o)=>e.html.div(e.attr.class(Bn()),l!=null||n!=null?e.html.div(e.attr.class("bc-control-input-wrapper__header"),e.html.label(e.attr.class("bc-control-input-wrapper__label"),e.attr.for(c.name),e.html.span(e.attr.class(e.computedOf(c.hasError,c.disabled)((h,i)=>In(h??!1,i??!1))),l),l!=null&&t?kt:e.Empty),n!=null?_e(n):e.Empty):e.Empty,e.html.div(e.attr.class("bc-control-input-wrapper__content"),a),r!=null?e.html.div(e.attr.class("bc-control-input-wrapper__description"),r):e.Empty,e.Ensure(c.error,h=>e.html.div(e.attr.class("bc-control-input-wrapper__error"),h)),...o),N=({child:t,disabled:l,input:n,before:r,after:a,hasError:c,focusableSelector:o="input, select, textarea",growInput:h=!0})=>{const i=e.Value.map(l??!1,p=>p);function u(p,g){const f=["bc-input-container"];return p?f.push("bc-input-container--disabled"):f.push("bc-input-container--default"),g&&f.push("bc-input-container--error"),f.join(" ")}return e.html.div(t,e.WithElement(p=>{const g=()=>{const f=p.querySelector(o);f==null||f.focus()};return p.addEventListener("click",g),e.OnDispose(()=>p.removeEventListener("click",g))}),e.attr.class(e.computedOf(i,c??!1)((p,g)=>u(p??!1,g??!1))),r!=null?e.html.span(e.attr.class("bc-input-container__before"),r):null,e.html.div(e.attr.class("bc-input-container__input"),e.attr.class(e.Value.map(h,p=>p?"bc-input-container__input--grow":"")),n),a!=null?e.html.span(e.attr.class("bc-input-container__after"),a):null)},H=({autocomplete:t,autofocus:l,class:n,disabled:r,name:a,placeholder:c,id:o})=>e.Fragment(e.attr.autocomplete(t),e.attr.autofocus(l),e.attr.class(n),e.attr.disabled(r),e.attr.name(a??o),e.attr.placeholder(c),e.attr.id(o)),F=t=>({id:t.name,disabled:t.disabled,value:t.value,hasError:t.hasError}),ie=(t,l)=>({...F(t),value:t.value.map(l)}),Oe=t=>{const{value:l,onBlur:n,onChange:r}=t;return N({...t,input:e.input.date(H(t),e.attr.valueAsDate(l),e.attr.class("bc-input"),n!=null?e.on.blur(e.emitValue(n)):e.Empty,r!=null?e.on.change(e.emitValueAsDate(r)):e.Empty)})},dt=t=>{const{value:l,onBlur:n,onChange:r,onInput:a}=t;return N({...t,input:e.input.text(H(t),e.attr.value(l),e.attr.class("bc-input"),n!=null?e.on.blur(e.emitValue(n)):e.Empty,r!=null?e.on.change(e.emitValue(r)):e.Empty,a!=null?e.on.input(e.emitValue(a)):e.Empty)})},B=(t,l)=>()=>{l==null||l()},L=(t,l)=>n=>{t.change(n),l==null||l(n)},ue=(t,l,n)=>r=>{const a=l(r);t.change(a),n==null||n(a)},Dn=(t,l,n)=>r=>{l(r)?(t.change(null),n==null||n(null)):(t.change(r),n==null||n(r))},Fn=(t,...l)=>{const{onBlur:n,onChange:r,...a}=t;return A({...a,content:dt({...a,...F(a.controller),onChange:L(a.controller,r),onBlur:B(a.controller,n)})},...l)},Nn=(t,...l)=>{const{onBlur:n,onChange:r,...a}=t;return A({...a,content:Oe({...a,...F(a.controller),onChange:L(a.controller,r),onBlur:B(a.controller,n)})},...l)},Hn=t=>{const l=t.getFullYear(),n=(t.getMonth()+1).toString().padStart(2,"0"),r=t.getDate().toString().padStart(2,"0"),a=t.getHours().toString().padStart(2,"0"),c=t.getMinutes().toString().padStart(2,"0");return`${l}-${n}-${r}T${a}:${c}`},yt=t=>{const{value:l,onBlur:n,onChange:r}=t;return N({...t,input:e.input["datetime-local"](H(t),e.attr.value(e.Value.map(l,Hn)),e.attr.class("bc-input"),n!=null?e.on.blur(e.emitValue(n)):e.Empty,r!=null?e.on.change(e.emitValue(a=>r(new Date(a)))):e.Empty)})},Ln=(t,...l)=>{const{onBlur:n,onChange:r,...a}=t;return A({...a,content:yt({...a,...F(a.controller),onChange:L(a.controller,r),onBlur:B(a.controller,n)})},...l)},mt=t=>{const l={name:"email",autocomplete:"email",placeholder:"you@company.com",...t},{value:n,onBlur:r,onChange:a,onInput:c}=l;return N({...t,input:e.input.email(H(l),e.attr.value(n),e.attr.class("bc-input"),r!=null?e.on.blur(e.emitValue(r)):e.Empty,a!=null?e.on.change(e.emitValue(a)):e.Empty,c!=null?e.on.input(e.emitValue(c)):e.Empty)})},Wn=(t,...l)=>{const{onChange:n,onBlur:r,...a}=t;return A({label:"Email",...a,content:mt({...a,...F(a.controller),onChange:L(a.controller,n),onBlur:B(a.controller,r)})},...l)},jn={filling:{type:"filling"},submitting:{type:"submitting"},error:t=>({type:"error",error:t}),success:{type:"success"}},Ae="$$tts-exp-",vt=(t,l)=>e.WithElement(n=>{const r=`${Ae}${t}`;return e.OnDispose(e.Value.on(l,a=>Reflect.set(n,r,a)))}),Mn=(t,l)=>{const n=`${Ae}${t}`;return r=>{l(Reflect.get(r.target,n))}},Ct=(t,l)=>{const n=`${Ae}${t}`;return r=>{const a=r.target,c=a.selectedIndex,o=a.options[c];l(Reflect.get(o,n))}},he={value:(t,l,n)=>({type:"value",value:t,label:l,disabled:n}),group:(t,l,n)=>({type:"group",group:t,options:l,disabled:n}),break:{type:"break"},getOptionValues:t=>t.flatMap(l=>l.type==="group"?he.getOptionValues(l.options):l.type==="break"?[]:[l.value]),contains:(t,l,n=(r,a)=>r===a)=>he.getOptionValues(t).some(r=>n(r,l))},wt=(t,l,n)=>e.Ensure(t,r=>e.OneOfType(r,{value:a=>{const c=e.computedOf(a,n)((o,h)=>l(o.value,h));return e.html.option(e.OnDispose(c.dispose),e.attr.selected(c),vt("value",a.$.value),a.$.label)},group:a=>e.html.optgroup(e.attr.label(a.$.group),e.ForEach(a.$.options,c=>wt(c,l,n))),break:()=>e.html.hr()})),Be=t=>{const{value:l,onBlur:n,onChange:r,options:a,unselectedLabel:c="Select one ...",equality:o=(i,u)=>i===u}=t;let h;return N({...t,child:e.on.click(()=>{h==null||h.focus(),typeof(h==null?void 0:h.showPicker)=="function"&&h.showPicker()}),input:e.html.select(e.WithElement(i=>{h=i;const u=new MutationObserver(p=>{const{removedNodes:g}=p[0];g.length>0&&(h.selectedIndex=0)});return u.observe(i,{childList:!0}),e.OnDispose(()=>u.disconnect())}),H(t),e.attr.class("focus:outline-none bg-transparent"),e.attr.class("w-full"),e.html.option(e.attr.hidden("hidden"),c),e.ForEach(a,i=>wt(i,o,l)),n!=null?e.on.blur(n):e.Empty,r!=null?e.on.change(Ct("value",i=>r(i))):e.Empty)})},xt=t=>w.Resource({request:t.request,load:t.load,mapError:String})({success:l=>{const n=l.map(r=>r.map(a=>typeof a=="object"&&"id"in a&&"label"in a?he.value(a.id,a.label):a));return Be({...t,options:n,unselectedLabel:t.unselectedLabel,equality:t.equality})},loading:()=>e.html.span(e.attr.class("animate-spin"),e.aria.label("Loading..."),"↻")}),Pn=(t,...l)=>{const{onBlur:n,onChange:r,...a}=t;return A({...a,content:xt({...t,...F(a.controller),onChange:L(a.controller,r),onBlur:B(a.controller,n)})},...l)},Rn=(t,...l)=>{const{onBlur:n,onChange:r,...a}=t;return A({...a,content:Be({...a,...F(a.controller),onChange:L(a.controller,r),onBlur:B(a.controller,n)})},...l)},Ie=t=>{const{value:l,onBlur:n,onChange:r}=t;return N({...t,input:e.input.date(H(t),e.attr.valueAsDate(l),e.attr.class("bc-input"),n!=null?e.on.blur(e.emitValue(n)):e.Empty,r!=null?e.on.change(e.emitValueAsNullableDate(r)):e.Empty)})},qn=(t,...l)=>{const{onBlur:n,onChange:r,...a}=t;return A({...a,content:Ie({...a,...F(a.controller),onChange:L(a.controller,r),onBlur:B(a.controller,n)})},...l)},zn=t=>{const l=t.getFullYear(),n=t.getMonth()+1,r=t.getDate(),a=t.getHours(),c=t.getMinutes(),o=t.getSeconds();return`${l}-${n.toString().padStart(2,"0")}-${r.toString().padStart(2,"0")}T${a.toString().padStart(2,"0")}:${c.toString().padStart(2,"0")}:${o.toString().padStart(2,"0")}`},De=t=>{const{value:l,onBlur:n,onChange:r}=t,a=e.Value.map(l,c=>c!=null?zn(c):null);return N({...t,input:e.input["datetime-local"](H(t),e.attr.value(e.Value.map(a,c=>c??null)),e.attr.class("bc-input"),n!=null?e.on.blur(e.emitValue(n)):e.Empty,r!=null?e.on.change(e.emitValueAsNullableDateTime(r)):e.Empty)})},Un=(t,...l)=>{const{onBlur:n,onChange:r,...a}=t;return A({...a,content:De({...a,...F(a.controller),onChange:L(a.controller,r),onBlur:B(a.controller,n)})},...l)},Gn=(t,...l)=>{const{onBlur:n,onChange:r,...a}=t;return A({...a,content:Ie({...a,...ie(a.controller,c=>c!=null&&c!==""?new Date(c):null),onChange:ue(a.controller,c=>c!=null?c.toISOString().split("T")[0]:null,r),onBlur:B(a.controller,n)})},...l)},Zn=t=>new Date(t),Xn=t=>t.toISOString(),Qn=(t,...l)=>{const{onBlur:n,onChange:r,...a}=t;return A({...a,content:De({...a,...ie(a.controller,c=>c!=null&&c!==""?Zn(c):null),onChange:ue(a.controller,c=>c!=null?Xn(c):null,r),onBlur:B(a.controller,n)})},...l)},ne=t=>typeof t=="string"&&t.trim()===""?null:t,Fe=t=>t??"",St=t=>{const{value:l,onBlur:n,onChange:r,onInput:a,...c}=t;return N({...c,input:e.input.text(H(c),e.attr.value(e.Value.map(l,Fe)),e.attr.class("bc-input"),n!=null?e.on.blur(n):e.Empty,r!=null?e.on.change(e.emitValue(o=>r(ne(o)))):e.Empty,a!=null?e.on.input(e.emitValue(o=>a(ne(o)))):e.Empty)})},$t=t=>{const{value:l,onBlur:n,onChange:r,onInput:a,rows:c}=t;return N({...t,input:e.html.textarea(H(t),e.attr.rows(c??10),e.attr.value(e.Value.map(l,Fe)),e.attr.class("bc-input"),n!=null?e.on.blur(n):e.Empty,r!=null?e.on.change(e.emitValue(o=>r(ne(o)))):e.Empty,a!=null?e.on.input(e.emitValue(o=>a(ne(o)))):e.Empty)})},Yn=(t,...l)=>{const{onBlur:n,onChange:r,rows:a,...c}=t;return A({...c,content:$t({...c,...F(c.controller),rows:a,onChange:L(c.controller,r),onBlur:B(c.controller,n)})},...l)},Kn=(t,...l)=>{const{onBlur:n,onChange:r,...a}=t;return A({...a,content:St({...a,...F(a.controller),onChange:L(a.controller,r),onBlur:B(a.controller,n)})},...l)},Et=t=>{const{value:l,step:n,min:r,max:a,onBlur:c,onChange:o,onInput:h}=t;return N({...t,input:e.input.number(H(t),e.attr.valueAsNumber(l),e.attr.step(n),e.attr.min(r),e.attr.max(a),e.attr.class("bc-input bc-number-input"),c!=null?e.on.blur(e.emitValue(c)):e.Empty,o!=null?e.on.change(e.emitValueAsNumber(o)):e.Empty,h!=null?e.on.input(e.emitValueAsNumber(h)):e.Empty)})},Jn=(t,...l)=>{const{onBlur:n,onChange:r,...a}=t;return A({...a,content:Et({...a,...F(a.controller),onChange:L(a.controller,r),onBlur:B(a.controller,n)})},...l)},Vt=t=>{const{value:l,onBlur:n,onChange:r,onInput:a,before:c,after:o,hasError:h,disabled:i,autocomplete:u,placeholder:p,...g}=t,f={name:"password",...g},b=e.prop(!0),k=e.computedOf(b,u)((v,d)=>v?d??"current-password":"off"),m=e.computedOf(b,p)((v,d)=>v?"•••••••••••••••":d??"secret password");return N({before:c,disabled:i,hasError:h,input:e.html.input(H({...f,autocomplete:k,placeholder:m}),e.When(b,()=>e.Fragment(e.attr.type("password")),()=>e.Fragment(e.attr.type("text"))),e.attr.class("bc-input"),e.attr.value(l),n!=null?e.on.blur(e.emitValue(n)):e.Empty,r!=null?e.on.change(e.emitValue(r)):e.Empty,a!=null?e.on.input(e.emitValue(a)):e.Empty),after:o??e.html.button(e.attr.class("bc-input-container__password-toggle"),e.aria.label("Toggle password visibility"),e.on.click(()=>b.update(v=>!v)),e.When(b,()=>j({icon:"line-md--eye"}),()=>j({icon:"line-md--eye-off"})))})},el=(t,...l)=>{const{onBlur:n,onChange:r,...a}=t;return A({label:"Password",...a,content:Vt({...a,...F(a.controller),onChange:L(a.controller,r),onBlur:B(a.controller,n)})},...l)};function tl(t,l){return t.length===l.length&&t.every((n,r)=>n===l[r])}function Tt({options:t,value:l,onChange:n,size:r="md",disabled:a=!1},...c){const o=x(t).map(([p,g])=>({key:p,label:g})),h=Object.fromEntries(o.map((p,g)=>[p.key,g])),i=e.prop(o.map(()=>({left:0,width:0})),tl);function u(p,g){const f=["bc-segmented-control",`bu-text-${p}`,`bc-segmented-control--${p}`];return g&&f.push("bc-segmented-control--disabled"),f.join(" ")}return e.html.div(e.attr.class(e.computedOf(r,a)((p,g)=>u(p??"md",g??!1))),e.html.div(e.attr.class("bc-segmented-control__container"),e.html.div(e.attr.class("bc-segmented-control__indicator"),e.style.width(e.computedOf(l,i)((p,g)=>{const{width:f}=g[h[p]??0];return`${f}px`})),e.style.left(e.computedOf(l,i)((p,g)=>{const{left:f}=g[h[p]??0];return`${f}px`}))),o.map(({label:p,key:g},f)=>e.html.button(e.on.click(b=>{b.preventDefault(),e.Value.get(a)||n==null||n(g)}),e.attr.disabled(a),e.attr.class("bc-segmented-control__segment"),e.attr.class(e.Value.map(l,b=>b===g?"bc-segmented-control__segment--active":"bc-segmented-control__segment--inactive")),e.WithElement(b=>{const k=U(()=>{i.update(m=>{const v=[...m];return v[f]={width:b.offsetWidth,left:b.offsetLeft},v})});return e.OnDispose(k)}),p))),...c)}const nl=(t,...l)=>{const{onBlur:n,onChange:r,...a}=t;return A({...a,content:Oe({...a,...ie(a.controller,c=>new Date(c)),onChange:ue(a.controller,c=>c.toISOString(),r),onBlur:B(a.controller,n)})},...l)},_t=t=>{const{value:l,onChange:n,onBlur:r}=t,a=e.prop(""),c=h=>{n==null||n(e.Value.get(l).filter(i=>i!==h))},o=()=>{const h=a.value.trim(),i=e.Value.get(l);h===""||i.includes(h)||(a.set(""),n==null||n([...i,h]))};return N({...t,input:e.Fragment(e.attr.class("bc-input-container__tags"),e.ForEach(l,h=>bt({value:h,onClose:()=>c(h.value)})),e.input.text(H(t),e.attr.value(a),e.attr.class("bc-input bc-input-container__tags-input"),e.on.input(e.emitValue(a.set)),n!=null?e.on.change(o):e.Empty,r!=null?e.on.blur(r):e.Empty))})},ll=(t,...l)=>{const{onBlur:n,onChange:r,...a}=t;return A({...a,content:_t({...a,...F(a.controller),onChange:L(a.controller,r),onBlur:B(a.controller,n)})},...l)},Ot=t=>{const{value:l,onBlur:n,onChange:r,onInput:a,rows:c}=t;return N({...t,input:e.html.textarea(H(t),e.attr.rows(c??10),e.attr.value(l),e.attr.class("bc-input"),n!=null?e.on.blur(e.emitValue(n)):e.Empty,r!=null?e.on.change(e.emitValue(r)):e.Empty,a!=null?e.on.input(e.emitValue(a)):e.Empty)})},rl=(t,...l)=>{const{onBlur:n,onChange:r,rows:a,...c}=t;return A({...c,content:Ot({...c,...F(c.controller),rows:a,value:c.controller.value,onChange:L(c.controller,r),onBlur:B(c.controller,n)})},...l)};function al(t,l,n){return e.Ensure(t.value,()=>{const r=t.transform(a=>a,a=>a);return e.Fragment(e.OnDispose(()=>r.dispose()),l(r))},n)}function cl(t,l,n){const r=t.length.map(a=>a);return e.Fragment(e.OnDispose(()=>r.dispose()),e.Repeat(r,a=>{const c=t.item(a.index),o=[];return e.Fragment(e.OnDispose(()=>{c.dispose(),o.forEach(h=>h())}),l({list:t,item:c,position:a,remove:()=>t.removeAt(a.index),move:h=>{switch(h){case"up":if(a.index===0)return;t.move(a.index,a.index-1);break;case"down":if(a.index===t.length.value-1)return;t.move(a.index,a.index+1);break;case"first":t.move(a.index,0);break;case"last":t.move(a.index,t.length.value-1)}},canMove:h=>{const i=(()=>{switch(h){case"up":return e.signal(a.index>0);case"down":return t.length.map(u=>a.index<u-1)}})();return o.push(()=>i.dispose()),i},cannotMove:h=>{const i=(()=>{switch(h){case"up":return e.signal(a.index===0);case"down":return t.length.map(u=>a.index===u-1)}})();return o.push(()=>i.dispose()),i}}))},n))}function sl(t){return t.split(".").map(n=>{const r=n.match(/^\[(\d+)\]$/);return r?Number(r[1]):n})}function At(t){return typeof t=="number"?`[${t}]`:`.${t}`}function Bt(t){if(t.length===0)return"";const[l,...n]=t;return[typeof l=="number"?`[${l}]`:l,...n.map(At)].join("")}function pe(t){return function(n){var a;if(n.type==="Valid")return n;let r=n.dependencies;for(const c of t.slice(0))if(r=(a=r==null?void 0:r[c])==null?void 0:a.dependencies,r==null)return{type:"Valid"};return r!=null?{type:"Invalid",...r}:{type:"Valid"}}}const ze=class ze{constructor(l,n,r,a,c){C(this,"path");C(this,"change");C(this,"value");C(this,"status");C(this,"error");C(this,"hasError");C(this,"dependencyErrors");le(this,Y,{disabled:e.prop(!1)});C(this,"parent");C(this,"disabled");le(this,ee,[]);C(this,"onDispose",l=>{_(this,ee).push(l)});C(this,"dispose",()=>{for(const l of _(this,ee))try{l()}catch(n){console.error("Error in dispose callback:",n)}_(this,ee).length=0});C(this,"disable",()=>{_(this,Y).disabled.set(!0)});C(this,"enable",()=>{_(this,Y).disabled.set(!1)});C(this,"array",(l=fe)=>new Dt(this.path,this.change,this.value,this.status,this.parent,l));C(this,"object",(l=fe)=>new It(this.path,this.change,this.value,this.status,this.parent,l));C(this,"transform",(l,n,r=[],a=fe)=>new ze([...this.path,...r],c=>this.change(n(c)),this.value.map(l,a),this.status.map(pe(r)),this.parent));this.path=l,this.change=n,this.value=r,this.status=a,this.error=a.map(o=>o.type==="Invalid"?o.error:void 0),this.hasError=this.error.map(o=>o!=null),this.dependencyErrors=a.map(o=>o.type==="Invalid"?o.dependencies:void 0),this.parent=c,this.disabled=e.computedOf(_(this,Y).disabled,c.disabled)((o,h)=>o||h),this.onDispose(()=>{_(this,Y).disabled.dispose(),this.disabled.dispose(),this.error.dispose(),this.dependencyErrors.dispose()})}get name(){return Bt(this.path)}};Y=new WeakMap,ee=new WeakMap;let G=ze;class It extends G{constructor(n,r,a,c,o,h){super(n,r,a.map(i=>i??{},h),c,o);le(this,Z,new Map);C(this,"field",n=>{if(_(this,Z).has(n))return _(this,Z).get(n);const r=async c=>{this.change({...this.value.value,[n]:c})},a=new G([...this.path,n],r,this.value.map(c=>c[n]),this.status.map(pe([n])),{disabled:this.disabled});return _(this,Z).set(n,a),a});this.onDispose(()=>{for(const i of _(this,Z).values())i.dispose();_(this,Z).clear()})}}Z=new WeakMap;class Dt extends G{constructor(n,r,a,c,o,h){const i=a.map(p=>p??[],h);super(n,r,i,c,o);le(this,z,new Array);C(this,"length");C(this,"item",n=>{if(_(this,z)[n])return _(this,z)[n];const r=async c=>{const o=this.value.value.slice();o[n]=c,this.change(o)},a=new G([...this.path,n],r,this.value.map(c=>c[n]),this.status.map(pe([n])),{disabled:this.disabled});return _(this,z)[n]=a,a});C(this,"push",(...n)=>{this.change([...this.value.value,...n])});C(this,"pop",()=>{this.splice(this.value.value.length-1,1)});C(this,"shift",()=>{this.splice(0,1)});C(this,"unshift",(...n)=>{this.change([...n,...this.value.value])});C(this,"removeAt",n=>{this.splice(n,1)});C(this,"splice",(n,r)=>{const a=this.value.value.slice();a.splice(n,r),this.change(a)});C(this,"move",(n,r,a=1)=>{if(a<1||n===r)return;const c=this.value.value.slice(),o=c.splice(n,a);c.splice(r,0,...o),this.change(c)});const u=i.on(p=>{const g=_(this,z).length-p.length;g>0&&_(this,z).splice(p.length,g).forEach(f=>f.dispose())});this.length=i.map(p=>p.length),this.onDispose(()=>{for(const p of _(this,z))p.dispose();this.length.dispose(),_(this,z).length=0,u(),i.dispose()})}}z=new WeakMap;const Ne={mark:e.makeProviderMark("Theme"),create:t=>{const l=w.useAppearance(),n=e.localStorageProp({key:"beatui-appearance-preference",defaultValue:"system"}),r=()=>{l.dispose(),n.dispose()};return{value:{appearance:e.computedOf(l,n)((o,h)=>h==="system"?o:h),appearancePreference:n,setAppearancePreference:o=>{n.set(o)}},dispose:r}}},ol=()=>e.Use(Ne,({appearance:t})=>e.Portal("body",e.attr.class(t.map(l=>`b-${l}`))));function Ft({value:t,onChange:l}){return Tt({size:"sm",value:t,options:{system:e.html.span(e.attr.title("System"),j({icon:"line-md:laptop",color:"gray"})),light:e.html.span(e.attr.title("Light"),j({icon:"line-md:sunny-twotone-loop",color:"yellow"})),dark:e.html.span(e.attr.title("Dark"),j({icon:"line-md:sunny-outline-to-moon-alt-loop-transition",color:"blue"}))},onChange:l})}function il(){return e.Use(Ne,({appearancePreference:t,setAppearancePreference:l})=>Ft({value:t,onChange:l}))}const ul=t=>{const{value:l,onBlur:n,onChange:r,placeholder:a}=t;return N({growInput:!1,...t,input:e.html.span(e.attr.class("bc-checkbox-input"),e.input.checkbox(H(t),e.attr.checked(l),e.attr.class("bc-checkbox-input__checkbox"),n!=null?e.on.blur(e.emitValue(n)):e.Empty,r!=null?e.on.change(e.emitChecked(r)):e.Empty),a!=null?e.html.span(e.attr.class("bc-checkbox-input__label"),ft(a)):e.Empty)})},hl=({startEditing:t,value:l,onChange:n,placeholder:r})=>{const a=e.Value.deriveProp(t??!1),c=e.prop(!1);return e.html.div(e.attr.class("bc-editable-text"),e.When(a,()=>e.html.input(e.attr.placeholder(r),e.attr.value(l),e.attr.class("bc-editable-text__input"),w.AutoSelect(),e.on.keydown(o=>{o.key==="Enter"?a.set(!1):o.key==="Escape"&&(c.set(!0),a.set(!1))}),e.on.blur(e.emitValue(o=>{if(a.set(!1),c.value){c.set(!1);return}n(o)}))),()=>e.html.span(e.on.click(()=>a.set(!0)),e.attr.class("bc-editable-text__display"),e.When(e.Value.map(l,o=>o!=null&&o.trim()!==""),()=>e.html.span(e.attr.class("bc-editable-text__text"),l),()=>e.html.span(e.attr.class("bc-editable-text__placeholder"),r)),e.html.button(e.attr.class("bc-editable-text__edit-button"),e.aria.label("Edit"),e.on.click(()=>a.set(!0)),j({icon:"line-md/pencil"})))))},pl=({value:t,onChange:l,offLabel:n,onLabel:r,label:a,disabled:c=!1,size:o="md",id:h})=>{const i=h??`switch-${Math.random().toString(36).substring(2,11)}`,u=`${i}-label`;function p(b,k){const m=["bc-switch",`bu-text-${k}`,`bc-switch--${k}`];return b&&m.push("bc-switch--disabled"),m.join(" ")}const g=()=>{e.Value.get(c)||l(!e.Value.get(t))},f=b=>{e.Value.get(c)||(b.key===" "||b.key==="Enter")&&(b.preventDefault(),g())};return e.html.div(e.attr.class(e.computedOf(c??!1,o)((b,k)=>p(b??!1,k??"md"))),e.attr.id(i),e.attr.role("switch"),e.attr.tabindex(e.Value.map(c,b=>b?-1:0)),e.aria.checked(t),e.aria.disabled(c),e.aria.labelledby(a!=null?u:void 0),e.on.click(g),e.on.keydown(f),a!=null?_e(e.attr.id(u),e.attr.class(`bu-text-${o} bu-nowrap`),a):null,e.html.div(e.attr.class("bc-switch__track"),e.attr.class(e.Value.map(t,b=>b?"bc-switch__track--on":"bc-switch__track--off")),n!=null?e.html.div(e.aria.hidden(!0),e.attr.class("bc-switch__track-label bc-switch__track-label--off"),e.attr.class(e.Value.map(t,b=>b?"bc-switch__track-label--hidden":"bc-switch__track-label--visible")),n):null,r!=null?e.html.div(e.attr.class("bc-switch__track-label bc-switch__track-label--on"),e.attr.class(e.Value.map(t,b=>b?"bc-switch__track-label--visible":"bc-switch__track-label--hidden")),r):null,w.ElementRect(b=>e.html.div(e.attr.class("bc-switch__thumb"),e.attr.class(e.Value.map(t,k=>k?"bc-switch__thumb--on":"bc-switch__thumb--off")),e.style.transform(e.computedOf(t,b,o)((k,{width:m},v)=>{const d=(()=>{switch(v){case"xs":return 5;case"sm":return 5.5;case"md":return 6;case"lg":return 7;case"xl":return 8}})();return k?`translateX(calc(${m}px - (var(--spacing-base) * ${d})))`:"translateX(0)"}))))))};function Nt(t){function l(n){return typeof n=="number"?n:n.toString()}return t.map(n=>typeof n=="object"&&n.key!=null?l(n.key):l(n))}function Ht(t){const l=t.filter(a=>a.path==null||a.path.length===0).map(a=>a.message),n=t.filter(a=>a.path!=null&&a.path.length>0).reduce((a,c)=>{const o=Nt(c.path),h=o.pop();let i=a;for(const u of o)i.dependencies==null&&(i.dependencies={}),i.dependencies[u]==null&&(i.dependencies[u]={}),i=i.dependencies[u];return i.dependencies==null&&(i.dependencies={}),i.dependencies[h]={error:c.message},a},{}),r=l.join(`
+`);return{...n,error:r!=""?r:void 0}}function Lt({defaultValue:t,onChange:l,validate:n}){const r=e.prop(t),a=e.prop({type:"Valid"}),c=e.prop(!1),o=async i=>{if(r.set(i),l==null||l(i),n!=null){const u=await n(i);a.set(u)}},h=new G([],o,r,a,{disabled:c});return h.onDispose(()=>{c.dispose(),r.dispose(),a.dispose()}),h}function He(t){return e.Fragment(e.attr.disabled(t.disabled),e.attr.name(t.name))}function gl(t,{triggerOn:l="change"}={}){return e.Fragment(He(t),e.attr.value(t.value),(l==="input"?e.on.input:e.on.change)(e.emitValue(t.change)))}function bl(t,{triggerOn:l="change"}={}){return e.Fragment(He(t),e.attr.valueAsNumber(t.value),(l==="input"?e.on.input:e.on.change)(e.emitValueAsNumber(t.change)))}function Wt(t){return t.issues!=null?{type:"Invalid",...Ht(t.issues)}:{type:"Valid"}}function fl({defaultValue:t={},schema:l}){return Lt({defaultValue:t,validate:async n=>Wt(await l["~standard"].validate(n))}).object()}const kl=["!=","<=",">=","<",">","="];function dl(t){for(const l of kl)if(typeof t=="string"&&t.startsWith(l))return[l,t.slice(l.length)];return["=",t]}function jt(t,l,n){const[r,a]=dl(l),c=t.findIndex(i=>i[1]===a);if(c===-1)throw new Error(`Breakpoint ${String(a)} not found`);const o=t[c][0],h=c<t.length-1?t[c+1][0]:1/0;switch(r){case"=":return n>=o&&n<h;case"!=":return!(n>=o&&n<h);case"<=":return n<=o;case">=":return n>=o;case"<":return n<o;case">":return n>o;default:return!1}}function yl(t,l){const n=t.findIndex(r=>r[0]>l)-1;return n>=0?t[n][1]:(t.length>0&&l>=t[0][0],t[0][1])}function Le(t,{breakpoints:l,mode:n="viewport"}){const a=[...Object.entries(l).map(([o,h])=>[h,o])].sort((o,h)=>o[0]-h[0]),c=o=>{const h=o.map(({width:u})=>{const p=a.findIndex(g=>g[0]>u)-1;return p>=0?{width:u,breakpoint:a[p][1]}:a.length>0&&u>=a[0][0]?{width:u,breakpoint:a[0][1]}:{width:u,breakpoint:a[0][1]}});return t({value:h,breakpoints:l,asList:a,is:(u,p)=>jt(a,u,p)})};return n==="element"?w.ElementRect(c):w.WindowSize(c)}let We=NaN;function ml(t,l){return t?(isNaN(We)&&(We=parseFloat(getComputedStyle(document.documentElement).fontSize)),parseFloat(t)*We):l}function D(t,l,n){return ml(t.getPropertyValue(l),n)}function Mt(t){return e.WithElement(l=>{const n=getComputedStyle(l),r={zero:0,xs:D(n,"--breakpoint-xs",640),sm:D(n,"--breakpoint-sm",768),md:D(n,"--breakpoint-md",1024),lg:D(n,"--breakpoint-lg",1280),xl:D(n,"--breakpoint-xl",1536)};return Le(t,{breakpoints:r})})}function vl(t){return e.WithElement(l=>{const n=getComputedStyle(l),r={zero:0,"3xs":D(n,"--container-3xs",256),"2xs":D(n,"--container-2xs",288),xs:D(n,"--container-xs",320),sm:D(n,"--container-sm",384),md:D(n,"--container-md",448),lg:D(n,"--container-lg",512),xl:D(n,"--container-xl",640),"2xl":D(n,"--container-2xl",768),"3xl":D(n,"--container-3xl",1024),"4xl":D(n,"--container-4xl",1280),"5xl":D(n,"--container-5xl",1536),"6xl":D(n,"--container-6xl",2048)};return Le(t,{breakpoints:r,mode:"element"})})}function je({initialStatus:t="closed",openedAfter:l,closedAfter:n}){const r=e.prop(t),a=()=>{r.set("start-opening")},c=()=>{r.set("start-closing")},o=r.map(d=>d!=="closed"&&d!=="start-closing"&&d!=="closing"),h=d=>{d?a():c()},i=()=>{h(!o.value)},u=d=>r.on(V=>{V==="closed"&&d()});let p=()=>{};r.on(d=>{switch(p(),d){case"start-opening":p=U(()=>r.set("opening"));break;case"opening":p=l(()=>r.set("opened"));break;case"start-closing":p=U(()=>r.set("closing"));break;case"closing":p=n(()=>r.set("closed"));break}}),r.onDispose(()=>p());const g=r.map(d=>d==="closed"),f=r.map(d=>d==="start-opening"),b=r.map(d=>d==="opening"),k=r.map(d=>d==="opened"),m=r.map(d=>d==="closing"),v=r.map(d=>d==="start-closing");return{status:r,open:a,close:c,toggle:i,setOpen:h,display:o,isClosed:g,isStartOpening:f,isOpening:b,isOpened:k,isClosing:m,isStartClosing:v,dispose:()=>r.dispose(),onClosed:u}}function Cl({initialStatus:t="closed",duration:l,openDuration:n=l??500,closeDuration:r=l??500}={}){return je({initialStatus:t,openedAfter:a=>Ze(a,n),closedAfter:a=>Ze(a,r)})}function Pt(t,l){let n=!1,r=null;function a(){n||(n=!0,r&&(clearTimeout(r),r=null),l())}function c(u){u.target===t&&a()}function o(u){u.target===t&&a()}const i=U(()=>{var p,g;if(typeof window<"u"&&((g=(p=window.navigator)==null?void 0:p.userAgent)==null?void 0:g.includes("jsdom"))){r=setTimeout(a,16);return}t.getAnimations().length===0?(t.addEventListener("transitionend",c,{once:!0}),t.addEventListener("animationend",o,{once:!0}),r=setTimeout(a,550)):(t.addEventListener("transitionend",c,{once:!0}),t.addEventListener("animationend",o,{once:!0}))});return()=>{n=!0,i(),r&&(clearTimeout(r),r=null),t.removeEventListener("transitionend",c),t.removeEventListener("animationend",o)}}function Q({initialStatus:t="closed",element:l}={}){let n=l;return{setElement:r=>{n=r},...je({initialStatus:t,openedAfter:r=>n==null?(r(),()=>{}):Pt(n,r),closedAfter:r=>n==null?(r(),()=>{}):Pt(n,r)})}}function ge(t,l){return e.attr.class(e.computedOf(t,l)((n,r)=>`bu-toggle--animated bu-toggle--${n} bu-toggle--${r}`))}function R(t,l,n){return`bc-panel ${(Array.isArray(t)?t:[t]).map(a=>`bc-panel--side-${a}`).join(" ")} bu-bg--lighter-${l} bc-panel--shadow-${n}`}const q={banner:{zero:32,xs:32,sm:32,md:32,lg:32,xl:32},header:{zero:60,xs:60,sm:60,md:60,lg:60,xl:60},mainHeader:{zero:48,xs:48,sm:48,md:48,lg:48,xl:48},mainFooter:{zero:48,xs:48,sm:48,md:48,lg:48,xl:48},footer:{zero:48,xs:48,sm:48,md:48,lg:48,xl:48},menu:{zero:300,xs:300,sm:300,md:300,lg:300,xl:300},aside:{zero:280,xs:280,sm:280,md:280,lg:280,xl:280}};function Rt(t,l){if(typeof t=="number")return{zero:t,xs:t,sm:t,md:t,lg:t,xl:t};const n={zero:t.zero??l.zero,xs:t.xs??l.xs,sm:t.sm??l.sm,md:t.md??l.md,lg:t.lg??l.lg,xl:t.xl??l.xl};return n.xs<n.zero&&(n.xs=n.zero),n.sm<n.xs&&(n.sm=n.xs),n.md<n.sm&&(n.md=n.sm),n.lg<n.md&&(n.lg=n.md),n.xl<n.lg&&(n.xl=n.lg),n}function Me(t){t=t.filter(l=>l.some(n=>n!=null&&!n.startsWith("?")));for(let l=0;l<t[0].length;l++)t.every(n=>n[l]==null||n[l].startsWith("?"))&&(t=t.map(n=>n.filter((r,a)=>a!==l)),l--);return t=t.map(l=>l.map(n=>n!=null&&n.startsWith("?")?n.slice(1):n)),t}function wl({smallBreakpoint:t,mediumBreakpoint:l,vertical:n,horizontal:r,is:a}){function c(i){var b;let u=[[null],[null],[null],[null],[null],[null]];const p=[];p.push("1fr");const g=[];return r.banner&&(g.push(r.banner[i]+"px"),u[0][1]="banner"),(r.header||n.menu||n.aside)&&(g.push((((b=r.header)==null?void 0:b[i])??q.header[i])+"px"),u[1][1]="header"),r.mainHeader&&(g.push(r.mainHeader[i]+"px"),u[2][1]="mainHeader"),g.push("1fr"),u[3][1]="main",r.mainFooter&&(g.push(r.mainFooter[i]+"px"),u[4][1]="mainFooter"),r.footer&&(g.push(r.footer[i]+"px"),u[5][1]="footer"),u=Me(u),{columns:p.join(" "),rows:g.join(" "),areas:u.map(k=>`"${k.join(" ")}"`).join(`
+`),displayMenu:!1,displayAside:!1,menuWidth:q.menu[i]+"px",asideWidth:q.aside[i]+"px"}}function o(i){var b;let u=[[null,null],[null,null],[null,null],[null,null],[null,null],[null,null]];const p=[];n.menu&&(p.push(n.menu[i]+"px"),u[2][0]="?menu",u[3][0]="menu",u[4][0]="?menu"),p.push("1fr");const g=[];return r.banner&&(g.push(r.banner[i]+"px"),u[0][0]="?banner",u[0][1]="banner"),(r.header||n.aside)&&(g.push((((b=r.header)==null?void 0:b[i])??q.header[i])+"px"),u[1][0]="?header",u[1][1]="header"),r.mainHeader&&(g.push(r.mainHeader[i]+"px"),u[2][1]="mainHeader"),g.push("1fr"),u[3][1]="main",r.mainFooter&&(g.push(r.mainFooter[i]+"px"),u[4][1]="mainFooter"),r.footer&&(g.push(r.footer[i]+"px"),u[5][0]="?footer",u[5][1]="footer"),u=Me(u),{columns:p.join(" "),rows:g.join(" "),areas:u.map(k=>`"${k.join(" ")}"`).join(`
+`),displayMenu:!0,displayAside:!1,menuWidth:q.menu[i]+"px",asideWidth:q.aside[i]+"px"}}function h(i){let u=[[null,null,null],[null,null,null],[null,null,null],[null,null,null],[null,null,null],[null,null,null]];const p=[];n.menu&&(p.push(n.menu[i]+"px"),u[2][0]="?menu",u[3][0]="menu",u[4][0]="?menu"),p.push("1fr"),n.aside&&(p.push(n.aside[i]+"px"),u[2][2]="?aside",u[3][2]="aside",u[4][2]="?aside");const g=[];return r.banner&&(g.push(r.banner[i]+"px"),u[0][0]="?banner",u[0][1]="banner",u[0][2]="?banner"),r.header&&(g.push(r.header[i]+"px"),u[1][0]="?header",u[1][1]="header",u[1][2]="?header"),r.mainHeader&&(g.push(r.mainHeader[i]+"px"),u[2][1]="mainHeader"),g.push("1fr"),u[3][1]="main",r.mainFooter&&(g.push(r.mainFooter[i]+"px"),u[4][1]="mainFooter"),r.footer&&(g.push(r.footer[i]+"px"),u[5][0]="?footer",u[5][1]="footer",u[5][2]="?footer"),u=Me(u),{columns:p.join(" "),rows:g.join(" "),areas:u.map(b=>`"${b.join(" ")}"`).join(`
+`),displayMenu:!0,displayAside:!0,menuWidth:q.menu[i]+"px",asideWidth:q.aside[i]+"px"}}return({width:i,breakpoint:u})=>a(`<=${t}`,i)?c(u):a(`<=${l}`,i)?o(u):h(u)}const xl=["menu","aside"],Sl=["banner","header","mainHeader","mainFooter","footer"];function $l(t,{displayMenu:l},n){return t?l?"block":n?"float":"none":"none"}function El(t,{displayAside:l},n){return t?l?"block":n?"float":"none":"none"}function Vl({smallBreakpoint:t="sm",mediumBreakpoint:l="md",...n}){const r=Object.fromEntries(xl.filter(c=>n[c]).map(c=>[c,Rt(n[c].width??{},q[c])])),a=Object.fromEntries(Sl.filter(c=>n[c]).map(c=>[c,Rt(n[c].height??{},q[c])]));return Mt(({value:c,is:o})=>{var d,V,M,S,T,$,E,P,W,K;const h=wl({smallBreakpoint:t,mediumBreakpoint:l,vertical:r,horizontal:a,is:o}),i=c.map(h),u=a.header!=null||r.menu!=null||r.aside!=null,p=e.computedOf(r.aside!=null,i)((y,{displayAside:I})=>y&&!I),g=e.computedOf(r.menu!=null,i)((y,{displayMenu:I})=>y&&!I),f=Q(),b=Q(),k=e.prop(0),m=e.computedOf(r.menu!=null,i,f.display)($l),v=e.computedOf(r.aside!=null,i,b.display)(El);return e.html.div(e.OnDispose(()=>{k.dispose(),f.dispose(),b.dispose()}),e.style.height("100%"),e.style.display("grid"),e.style.gridTemplateColumns(i.$.columns),e.style.gridTemplateRows(i.$.rows),e.style.gridTemplateAreas(i.$.areas),e.style.gridColumnGap("0"),e.style.gridRowGap("0"),n.banner?e.html.header(e.attr.class(R("none",n.banner.color??"white",n.banner.shadow??"none")),e.style.height("100%"),e.style.gridArea("banner"),n.banner.content):null,e.html.header(e.attr.class(R("bottom",((d=n.header)==null?void 0:d.color)??"white",((V=n.header)==null?void 0:V.shadow)??"none")),e.attr.class("bu-z-20"),e.style.display(u?"block":"none"),e.style.gridArea("header"),w.ElementRect(y=>(y.$.bottom.feedProp(k),null)),e.html.div(e.style.display("flex"),e.style.height("100%"),e.html.div(e.style.display(g.map(y=>y?"flex":"none")),e.style.alignItems("center"),e.style.justifyContent("center"),e.style.height("100%"),e.style.width("60px"),X({onClick:()=>f.toggle(),variant:"light",color:"base"},e.aria.label("Open menu"),j({icon:f.display.map(y=>y?"line-md/menu-to-close-alt-transition":"line-md/close-to-menu-alt-transition")}))),e.html.div(e.style.height("100%"),e.style.flexGrow("1"),(M=n.header)==null?void 0:M.content),e.html.div(e.style.alignItems("center"),e.style.justifyContent("center"),e.style.height("100%"),e.style.width("60px"),e.style.display(p.map(y=>y?"flex":"none")),X({onClick:()=>b.toggle(),roundedness:"full",variant:"light",color:"base"},e.aria.label("Open aside"),j({icon:"line-md/chevron-left"},e.attr.class("bu-transition-transform"),e.attr.class(b.display.map(y=>y?"bu-rotate-180":""))))))),n.menu?e.html.nav(e.WithElement(y=>f.setElement(y)),e.attr.class("bu-z-10"),e.attr.class(m.map(y=>{var I,Zt,Xt,Qt;return y==="float"?R("right",((I=n.menu)==null?void 0:I.color)??"white",((Zt=n.menu)==null?void 0:Zt.shadow)??"md"):R("right",((Xt=n.menu)==null?void 0:Xt.color)??"white",((Qt=n.menu)==null?void 0:Qt.shadow)??"none")})),e.style.height("100%"),e.style.gridArea("menu"),e.style.display(e.computedOf(m,f.status)((y,I)=>y==="none"&&I==="closed"?"none":"block")),e.style.position(e.computedOf(m,f.status)((y,I)=>y==="float"||y==="none"&&I!=="closed"?"fixed":"initial")),e.style.top(k.map(y=>`${y}px`)),ge("slide-right",e.computedOf(m,f.status)((y,I)=>y==="block"?"opened":I)),e.style.width(i.$.menuWidth),e.style.bottom(k.map(y=>`${y}px`)),(S=n.menu)==null?void 0:S.content):null,n.mainHeader?e.html.header(e.style.height("100%"),e.style.gridArea("mainHeader"),e.attr.class(R("none",((T=n.mainHeader)==null?void 0:T.color)??"white",(($=n.mainHeader)==null?void 0:$.shadow)??"none")),n.mainHeader.content):null,e.html.main(e.style.height("100%"),e.style.overflow("hidden"),e.style.gridArea("main"),e.attr.class(R("none",((E=n.main)==null?void 0:E.color)??"white",((P=n.main)==null?void 0:P.shadow)??"none")),n.main.content),n.mainFooter?e.html.footer(e.style.height("100%"),e.style.gridArea("mainFooter"),e.attr.class(R("none",((W=n.mainFooter)==null?void 0:W.color)??"white",((K=n.mainFooter)==null?void 0:K.shadow)??"none")),n.mainFooter.content):null,n.aside?e.html.aside(e.WithElement(y=>{b.setElement(y)}),e.attr.class("bu-z-10"),e.attr.class(v.map(y=>y==="float"?R("left","white","md"):R("left","white","none"))),e.style.height("100%"),e.style.gridArea("aside"),e.style.display(e.computedOf(v,b.status)((y,I)=>y==="none"&&I==="closed"?"none":"block")),e.style.position(e.computedOf(v,b.status)((y,I)=>y==="float"||y==="none"&&I!=="closed"?"fixed":"initial")),e.style.top(k.map(y=>`${y}px`)),ge("slide-left",e.computedOf(v,b.status)((y,I)=>y==="block"?"opened":I)),e.style.width(i.$.asideWidth),e.style.bottom(k.map(y=>`${y}px`)),n.aside.content):null,n.footer?e.html.footer(e.attr.class(R("top","white","none")),e.style.height("100%"),e.style.gridArea("footer"),n.footer.content):null)})}function Tl(t,l,n){const r=["bc-card"];return t!=="default"&&r.push(`bc-card--${t}`),l!=="md"&&r.push(`bc-card--padding-${l}`),n!=="lg"&&r.push(`bc-card--rounded-${n}`),r.join(" ")}function _l({variant:t="default",size:l="md",roundedness:n="lg"}={},...r){return e.html.div(e.attr.class(e.computedOf(t,l,n)((a,c,o)=>Tl(a??"default",c??"md",o??"lg"))),...r)}function Ol(...t){return e.html.div(e.attr.class("bc-center-h"),e.html.div(e.attr.class("bc-center__content"),...t))}function Al(t){const l=["bc-center"];return t!=="lg"&&l.push(`bc-center--gap-${t}`),l.join(" ")}function Bl({gap:t="lg"}={},...l){return e.html.div(e.attr.class(e.computedOf(t)(n=>Al(n??"lg"))),...l)}function Il(t,l=0,n=()=>!0){let r=null,a;const c=e.prop(t.value);return t.on(o=>{a=o,n(o)?r==null&&(r=setTimeout(()=>{r=null,c.set(a)},l)):c.set(o)}),t.onDispose(()=>{r!=null&&clearTimeout(r)}),c}function qt({open:t},...l){return e.WithElement(n=>{const{status:r,setOpen:a,dispose:c}=Q({initialStatus:e.Value.get(t)?"opened":"closed",element:n});return e.Value.on(t,a),w.ElementRect(o=>{const h=e.prop(null);return e.computedOf(r,o.$.height)((u,p)=>u==="opened"&&p>0?p:null).on(u=>{u!=null&&h.set(u)}),r.on(u=>{if(n&&u==="start-opening"){const p=n.style.height,g=n.style.transition;n.style.transition="none",n.style.height="auto",n.offsetHeight;const f=n.scrollHeight;f>0&&h.set(f),n.style.height=p,n.style.transition=g,n.offsetHeight}}),e.Fragment(e.OnDispose(c),e.OnDispose(h.dispose),e.attr.style(h.map(u=>`--collapse-height: ${u!=null?`${u}px`:"auto"}`)),e.attr.class(r.map(u=>`bc-collapse bc-collapse--${u}`)),...l)})})}function Dl(...t){return e.html.div(e.attr.class("bc-group"),...t)}function Pe({header:t,footer:l,body:n,shadowOnScroll:r=!0}){const a=e.prop("none");function c(h){const i=h.scrollTop===0,u=h.scrollTop+h.clientHeight>=h.scrollHeight-1;i&&u?a.set("none"):i?a.set("bottom"):u?a.set("top"):a.set("both")}return e.html.div(e.attr.class("bc-scrollable-panel"),e.attr.class(e.computedOf(a,r)((h,i)=>{if(!i)return"";switch(h){case"both":return"bc-scrollable-panel--scrolled-up bc-scrollable-panel--scrolled-down";case"bottom":return"bc-scrollable-panel--scrolled-up";case"top":return"bc-scrollable-panel--scrolled-down";default:return""}})),t&&e.html.div(e.attr.class("bc-scrollable-panel__header"),t),e.html.div(e.attr.class("bc-scrollable-panel--header-shadow"),e.html.div()),e.html.div(e.attr.class("bc-scrollable-panel__body"),e.WithElement(h=>e.OnDispose(U(()=>c(h)))),e.on.scroll(h=>{const i=h.target;c(i)}),n),e.html.div(e.attr.class("bc-scrollable-panel--footer-shadow"),e.html.div()),l&&e.html.div(e.attr.class("bc-scrollable-panel__footer"),l))}function Fl(t,l,n){const r=["bc-sink"];return t!=="default"&&r.push(`bc-sink--${t}`),l!=="md"&&r.push(`bc-sink--padding-${l}`),n!=="lg"&&r.push(`bc-sink--rounded-${n}`),r.join(" ")}function Nl({variant:t="default",size:l="md",roundedness:n="lg"}={},...r){return e.html.div(e.attr.class(e.computedOf(t,l,n)((a,c,o)=>Fl(a??"default",c??"md",o??"lg"))),...r)}function Hl(...t){return e.html.div(e.attr.class("bc-stack"),...t)}function Ll(t){return t.startsWith("top")?"flyout-top":t.startsWith("bottom")?"flyout-bottom":t.startsWith("left")?"flyout-left":t.startsWith("right")?"flyout-right":"scale-fade"}function zt(t){const{content:l,placement:n="top",showDelay:r=250,hideDelay:a=500,mainAxisOffset:c=8,crossAxisOffset:o=0,showOn:h="hover-focus",closable:i=!0,arrow:u,role:p}=t;return w.PopOver((g,f)=>{const b=Q({initialStatus:"closed"});let k=null,m=null,v=null,d=!1;function V(){S!=null&&(clearTimeout(S),S=null),$!=null&&(clearTimeout($),$=null),v&&(v(),v=null),m&&(m(),m=null),k&&(document.removeEventListener("keydown",k),k=null),d=!1}function M(){e.Value.get(i)&&(k=W=>{W.key==="Escape"&&E()},document.addEventListener("keydown",k)),d=!0,g({placement:n??"top",mainAxisOffset:c,crossAxisOffset:o,arrow:u,content:e.WithElement(W=>(b.setElement(W),v=U(()=>{b.open(),v=null}),e.Fragment(e.OnDispose(()=>{V()}),e.attr.class("bc-flyout"),ge(e.Value.map(n,Ll),b.status),p?e.attr.role(p):null,l())))})}let S=null;function T(){if(S!=null&&(clearTimeout(S),S=null),$!=null&&(clearTimeout($),$=null),m&&(m(),m=null),b.isOpened.value||b.isOpening.value||b.isStartOpening.value)return;if(b.isClosing.value||b.isStartClosing.value){b.open();return}const W=e.Value.get(r);S=setTimeout(()=>{S=null,M()},W)}let $=null;function E(){if(S!=null&&(clearTimeout(S),S=null),$!=null&&(clearTimeout($),$=null),v&&(v(),v=null,d)){f(),V();return}const W=e.Value.get(a);$=setTimeout(()=>{$=null,m&&(m(),m=null),b.close(),m=b.onClosed(()=>{f(),V()})},W)}if(typeof h=="function")return h(T,E);const P=h;return e.Fragment(e.OnDispose(()=>{b.dispose()}),e.OneOfValue(P,{"hover-focus":()=>e.Fragment(e.on.mouseenter(()=>T()),e.on.mouseleave(()=>E()),e.on.focus(()=>T()),e.on.blur(()=>E())),hover:()=>e.Fragment(e.on.mouseenter(()=>T()),e.on.mouseleave(()=>E())),focus:()=>e.Fragment(e.on.focus(()=>T()),e.on.blur(()=>E())),click:()=>{function W(){document.removeEventListener("click",K)}function K(){W(),E()}return e.Fragment(e.OnDispose(W),e.on.click(()=>{T(),U(()=>{document.addEventListener("click",K,{once:!0})})}))},never:()=>null}))})}function Re({rail:t},...l){return e.html.div(e.attr.class(e.Value.map(t??!1,n=>n?"bc-sidebar-group--rail":"")),e.attr.class("bc-sidebar-group"),...l)}function Wl(t,...l){return w.Anchor({href:t.href,withViewTransition:!0},...l)}function jl(...t){return e.html.span(...t)}function Ml(t,...l){return e.html.button(e.on.click(t.onClick),...l)}function Ut(t){var n;const l=[e.attr.class("bc-sidebar-link")];return t.icon!=null&&l.push(e.html.span(e.attr.class("bc-sidebar-link--icon"),j({icon:t.icon}))),l.push(e.html.span(e.attr.class("bc-sidebar-link__content"),t.content)),t.right!=null&&l.push(e.html.span(e.attr.class("bc-sidebar-link__right"),t.right)),t.action!=null&&l.push(e.html.button(e.attr.class("bc-sidebar-link--action"),e.on.click((r,a)=>{var c,o;(o=(c=t.action)==null?void 0:c.onClick)==null||o.call(c,a)}),j({icon:(n=t.action)==null?void 0:n.icon}))),"onClick"in t?Ml(t,...l):e.Use(w.Location,r=>{const a=e.computedOf(r,t.href)(({pathname:c},o)=>c===o);return e.When(a,()=>jl(...l),()=>Wl(t,...l))})}function Pl({rail:t=!0,icon:l,header:n,startOpen:r=!0},...a){const c=e.Value.deriveProp(r);return Re({},e.attr.class("bc-sidebar-group-collapsible"),e.attr.class(c.map(o=>o?"bc-sidebar-group-collapsible--open":"bc-sidebar-group-collapsible--closed")),Ut({icon:l,onClick:()=>c.update(o=>!o),right:e.html.span(e.attr.class("bc-sidebar-group-collapsible-indicator"),j({icon:"lucide:chevron-down",color:"base"})),content:n}),Re({rail:t},qt({open:c},...a)))}function Rl(t,l){return t(()=>{})}function qe(t){return e.WithBrowserCtx(l=>{const n=[],r=()=>n.forEach(c=>c());return t(({effect:c="opaque",mode:o="capturing",onClickOutside:h,onEscape:i,content:u,container:p="body"})=>{p==="body"&&(l=l.makePortal("body"));const g=Q();g.onClosed(r);let f=()=>{},b=()=>{};const k=S=>{S.key==="Escape"&&(i==null||i(),g.close())},m=()=>{h==null||h(),g.close()},v=S=>{f(),b(),S==="capturing"?(document.addEventListener("keydown",k),f=()=>document.removeEventListener("keydown",k),l.element.addEventListener("mousedown",m),b=()=>l.element.removeEventListener("mousedown",m)):(f=()=>{},b=()=>{})},d=e.Value.on(o,v);n.push(d),n.push(()=>{f(),b()});const V=()=>{var T,$;const S=new Set;for(const E of l.element.querySelectorAll(":scope > :not([data-overlay])"))E.hasAttribute("inert")?S.add(E):E.setAttribute("inert","");return n.push(()=>{for(const E of l.element.querySelectorAll(":scope > :not([data-overlay])"))S.has(E)||E.removeAttribute("inert");S.clear()}),($=(T=document.activeElement)==null?void 0:T.blur)==null||$.call(T),e.html.div(e.WithElement(E=>g.setElement(E)),e.dataAttr.status(g.status.map(String)),e.dataAttr.overlay("true"),e.attr.class(e.computedOf(c??"opaque",o)((E,P)=>`bc-overlay bc-overlay--effect-${E} bc-overlay--mode-${P}`)),u)},M=e.render(V(),l.element,{disposeWithParent:!0,clear:!1,providers:l.providers});n.push(M),U(()=>g.open())},r)})}function Gt(t,l){const{size:n="md",dismissable:r=!0,showCloseButton:a=!0,onClose:c,overlayEffect:o="opaque",container:h="body",position:i="center"}=t;return qe((u,p)=>{let g=()=>{};return l(k=>{g=p;const m=e.prop("capturing");e.Value.on(r,V=>{m.set(V?"capturing":"non-capturing")});const v=e.computedOf(k.header!=null,a)((V,M)=>V||M),d=e.html.div(e.attr.class(e.computedOf(n,i)((V,M)=>`bc-modal bc-modal--size-${V} bc-modal--container-${h} bc-modal--position-${M}`)),e.on.mousedown(V=>V.stopPropagation()),e.html.div(e.attr.class("bc-modal__content"),e.When(v,()=>e.html.div(e.attr.class("bc-modal__header"),e.html.div(k.header),e.When(a,()=>X({variant:"text",size:"sm",onClick:()=>{g(),p()}},e.aria.label("Close modal"),j({icon:"line-md:close",size:"sm"}))))),e.html.div(e.attr.class("bc-modal__body"),k.body),k.footer&&e.html.div(e.attr.class("bc-modal__footer"),k.footer)));u({mode:m,effect:o??"opaque",container:h,content:d,onClickOutside:()=>{c==null||c(),p()},onEscape:()=>{c==null||c(),p()}})},()=>{g(),p()})})}function ql(t,l){const{confirmText:n="Confirm",cancelText:r="Cancel",onConfirm:a,onCancel:c,...o}=t;return Gt({showCloseButton:!1,...o},(h,i)=>{const u=()=>{a==null||a(),i()},p=()=>{c==null||c(),i()};return l(f=>{h({body:f,footer:e.Fragment(e.attr.class("bu-justify-end"),X({variant:"outline",onClick:p},r),X({color:"primary",variant:"filled",onClick:u},n))})},i)})}function zl(t){return qe((l,n)=>{let r=n;const a=()=>r();return t(h=>{const{size:i="md",side:u="right",dismissable:p=!0,showCloseButton:g=!0,onClose:f,overlayEffect:b="opaque",container:k="body",header:m,body:v,footer:d}=h;r=n;const V=e.prop("capturing");e.Value.on(p,T=>{V.set(T?"capturing":"non-capturing")});const M=e.computedOf(m!=null,g)((T,$)=>T||$),S=e.WithElement(T=>{const $=Q({initialStatus:"closed",element:T});return r=()=>{$.close(),$.onClosed(()=>{n()})},U(()=>$.open()),e.html.div(e.attr.class(e.computedOf(i,u,$.status)((P,W,K)=>`bc-drawer bc-drawer--size-${P} bc-drawer--container-${k} bc-drawer--side-${W} bc-drawer--status-${K}`)),e.on.mousedown(P=>P.stopPropagation()),e.MapSignal(M,P=>Pe(P?{header:e.html.div(e.attr.class("bc-drawer__header"),e.html.div(m),e.When(g,()=>X({variant:"text",size:"sm",onClick:a},e.aria.label("Close drawer"),j({icon:"line-md:close",size:"sm"})))),body:e.html.div(e.attr.class("bc-drawer__body"),v),footer:d&&e.html.div(e.attr.class("bc-drawer__footer"),d)}:{body:e.html.div(e.attr.class("bc-drawer__body"),v),footer:d&&e.html.div(e.attr.class("bc-drawer__footer"),d)})))});l({mode:V,effect:b??"opaque",container:k,content:S,onClickOutside:()=>{f==null||f(),a()},onEscape:()=>{f==null||f(),a()}})},()=>{a()})})}function Ul(t){const l={up:"M0 16 L8 10 L16 16 Z",down:"M0 0 L8 6 L16 0 Z",left:"M16 0 L10 8 L16 16 Z",right:"M0 0 L6 8 L0 16 Z"};return e.svg.svg(e.svgAttr.viewBox("0 0 16 16"),e.svg.path(e.svgAttr.d(t.map(n=>l[n]))))}function Gl(t){const{content:l,placement:n="top",showDelay:r=250,hideDelay:a=500,mainAxisOffset:c=8,crossAxisOffset:o=0,showOn:h="hover-focus"}=t;return zt({content:()=>e.Fragment(e.attr.class("bc-tooltip"),e.attr.role("tooltip"),l),placement:n,showDelay:r,hideDelay:a,mainAxisOffset:c,crossAxisOffset:o,showOn:h,closable:!0,arrow:i=>{const u=i.map(({placement:p})=>p.includes("top")?"down":p.includes("bottom")?"up":p.includes("left")?"right":p.includes("right")?"left":"up");return e.Fragment(e.attr.class("bc-tooltip__arrow"),e.attr.class(u.map(p=>`bc-tooltip__arrow-${p}`)),e.style.transform(i.map(({x:p,y:g})=>p==null&&g==null?"":p!=null?`translate(${p}px, 0)`:`translate(0, ${g}px)`)),Ul(u))}})}Object.defineProperty(s,"Use",{enumerable:!0,get:()=>e.Use}),s.AnimatedToggleClass=ge,s.AppShell=Vl,s.AppearanceSelector=Ft,s.ArrayController=Dt,s.Button=X,s.Card=_l,s.Center=Bl,s.CenterH=Ol,s.CheckboxInput=ul,s.Collapse=qt,s.CollapsibleSidebarGroup=Pl,s.CommonInputAttributes=H,s.ConfirmModal=ql,s.ControlInputWrapper=A,s.Controller=G,s.DateControl=Nn,s.DateInput=Oe,s.DateTimeControl=Ln,s.DateTimeInput=yt,s.Drawer=zl,s.EditableText=hl,s.EmailControl=Wn,s.EmailInput=mt,s.EmphasisLabel=On,s.EnsureControl=al,s.ErrorLabel=An,s.Expando=vt,s.Flyout=zt,s.FormStatus=jn,s.Group=Dl,s.Icon=j,s.InputContainer=N,s.Label=_e,s.LazyNativeSelect=xt,s.LazyNativeSelectControl=Pn,s.ListControl=cl,s.Menu=Rl,s.Modal=Gt,s.MutedLabel=ft,s.NativeSelect=Be,s.NativeSelectControl=Rn,s.NullableDateControl=qn,s.NullableDateInput=Ie,s.NullableDateTimeControl=Un,s.NullableDateTimeInput=De,s.NullableStringDateControl=Gn,s.NullableStringDateTimeControl=Qn,s.NullableTextArea=$t,s.NullableTextAreaControl=Yn,s.NullableTextControl=Kn,s.NullableTextInput=St,s.NumberControl=Jn,s.NumberInput=Et,s.ObjectController=It,s.Overlay=qe,s.PasswordControl=el,s.PasswordInput=Vt,s.RequiredSymbol=kt,s.ScrollablePanel=Pe,s.SegmentedControl=Tt,s.SelectOption=he,s.SidebarGroup=Re,s.SidebarLink=Ut,s.Sink=Nl,s.Stack=Hl,s.StandaloneAppearanceSelector=il,s.StringDateControl=nl,s.Switch=pl,s.Tag=bt,s.TagsControl=ll,s.TagsInput=_t,s.TextArea=Ot,s.TextAreaControl=rl,s.TextControl=Fn,s.TextInput=dt,s.Theme=Ne,s.ThemeAppearance=ol,s.Tooltip=Gl,s.WithBeatUIBreakpoint=Mt,s.WithBeatUIElementBreakpoint=vl,s.WithBreakpoint=Le,s.backgroundConfig=O,s.baseSpacing=lt,s.bgColors=Ye,s.borderColors=Je,s.breakpoints=ke,s.changeFontSize=ct,s.colorShades=Qe,s.colors=ce,s.compareBreakpoint=jt,s.connectCommonAttributes=He,s.connectNumberInput=bl,s.connectStringInput=gl,s.convertStandardSchemaIssues=Ht,s.convertStandardSchemaPathToPath=Nt,s.delaySignal=Il,s.emitExpando=Mn,s.emitOptionExpando=Ct,s.emptyToNull=ne,s.findBreakpoint=yl,s.fontFamily=ut,s.fontSize=we,s.fontWeight=st,s.generateAllTokenVariables=$n,s.generateBackgroundUtilities=on,s.generateBreakpointVariables=Xe,s.generateColorVariables=tt,s.generateRadiusVariables=nt,s.generateSpacingVariables=at,s.generateTypographyVariables=ht,s.generateZIndexVariables=gt,s.getBreakpointMediaQuery=an,s.getBreakpointVar=rn,s.getBreakpointVarName=de,s.getColorVar=J,s.getColorVarName=se,s.getFontFamilyVar=dn,s.getFontFamilyVarName=Ve,s.getFontSizeVar=gn,s.getFontSizeVarName=xe,s.getFontWeightVar=bn,s.getFontWeightVarName=Se,s.getIconLocally=Ge,s.getLetterSpacingVar=kn,s.getLetterSpacingVarName=Ee,s.getLineHeightVar=fn,s.getLineHeightVarName=$e,s.getRadiusMediaQuery=hn,s.getRadiusVar=un,s.getRadiusVarName=ve,s.getSpacingVar=pn,s.getSpacingVarName=Ce,s.getTokenValue=En,s.getZIndexVar=yn,s.getZIndexVarName=Te,s.inputOptionsFromController=F,s.inputOptionsFromMappedController=ie,s.interactiveColors=et,s.isIndexedDBAvailable=be,s.letterSpacing=it,s.lineHeight=ot,s.makeMapValidationResult=pe,s.makeMappedOnChangeHandler=ue,s.makeNullableOnChangeHandler=Dn,s.makeOnBlurHandler=B,s.makeOnChangeHandler=L,s.normalizeColorName=sn,s.nullToEmpty=Fe,s.parsePath=sl,s.pathToString=Bt,s.radius=me,s.semanticColorNames=te,s.semanticColors=ye,s.spacing=rt,s.standardSchemaResultToValidationResult=Wt,s.storeIconLocally=Ue,s.textColors=Ke,s.themeColorNames=cn,s.useAnimatedElementToggle=Q,s.useAnimatedToggle=je,s.useController=Lt,s.useForm=fl,s.useTimedToggle=Cl,s.wrapSegment=At,s.zIndex=pt,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});

package/dist/types/components/data/icon.d.ts CHANGED Viewed

@@ -1,9 +1,13 @@
 import { TNode, Value } from '@tempots/dom';
 import { IconSize } from '../theme';
+import { ThemeColorName } from '@/tokens';
+export declare const isIndexedDBAvailable: boolean;
+export declare function storeIconLocally(id: string, svgString: string): Promise<unknown>;
+export declare function getIconLocally(id: string): Promise<string | null>;
 export interface IconOptions {
     icon: Value<string>;
     size?: Value<IconSize>;
-    color?: Value<string>;
+    color?: Value<ThemeColorName>;
     title?: Value<string>;
 }
 export declare function Icon({ icon, size, color, title }: IconOptions, ...children: TNode[]): import("@tempots/dom").Renderable;

package/dist/types/components/data/tag.d.ts CHANGED Viewed

@@ -1,8 +1,10 @@
 import { Value } from '@tempots/dom';
-import { ThemeColorName } from '@/tokens';
-export declare const Tag: ({ disabled, value, color, onClose, }: {
+import { ThemeColorName } from '../../tokens';
+import { ControlSize } from '../theme';
+export declare const Tag: ({ disabled, value, color, onClose, size, }: {
     value: Value<string>;
     disabled?: Value<boolean>;
     color?: Value<ThemeColorName>;
     onClose?: (value: string) => void;
+    size?: Value<ControlSize>;
 }) => import("@tempots/dom").Renderable;

package/dist/types/components/form/control/control-input-wrapper.d.ts CHANGED Viewed

@@ -5,4 +5,4 @@ export declare const RequiredSymbol: import("@tempots/dom").Renderable;
 export type ControlInputWrapperOptions<S> = Merge<ControlWrapperOptions<S>, {
     content: TNode;
 }>;
-export declare const ControlInputWrapper: <S>({ required, label, context, description, content, controller, }: ControlInputWrapperOptions<S>) => import("@tempots/dom").Renderable;
+export declare const ControlInputWrapper: <S>({ required, label, context, description, content, controller, }: ControlInputWrapperOptions<S>, ...children: TNode[]) => import("@tempots/dom").Renderable;

package/dist/types/components/form/control/control-options.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 import { TNode, Value } from '@tempots/dom';
 import { Merge } from '@tempots/std';
-import { ValueController } from '../controller/value-controller';
+import { Controller } from '../controller/controller';
 export type ControlWrapperOptions<S> = {
-    controller: ValueController<S>;
+    controller: Controller<S>;
     required?: Value<boolean>;
     label?: TNode;
     context?: TNode;

package/dist/types/components/form/control/date-control.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
 import { ControlOptions } from './control-options';
-export declare const DateControl: (options: ControlOptions<Date>) => import("@tempots/dom").Renderable;
+import { TNode } from '@tempots/dom';
+export declare const DateControl: (options: ControlOptions<Date>, ...children: TNode[]) => import("@tempots/dom").Renderable;

package/dist/types/components/form/control/date-time-control.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
 import { ControlOptions } from './control-options';
-export declare const DateTimeControl: (options: ControlOptions<Date>) => import("@tempots/dom").Renderable;
+import { TNode } from '@tempots/dom';
+export declare const DateTimeControl: (options: ControlOptions<Date>, ...children: TNode[]) => import("@tempots/dom").Renderable;

package/dist/types/components/form/control/email-control.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
 import { ControlOptions } from './control-options';
-export declare const EmailControl: (options: ControlOptions<string>) => import("@tempots/dom").Renderable;
+import { TNode } from '@tempots/dom';
+export declare const EmailControl: (options: ControlOptions<string>, ...children: TNode[]) => import("@tempots/dom").Renderable;

package/dist/types/components/form/control/ensure-control.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { TNode } from '@tempots/dom';
+import { Controller } from '../controller/controller';
+export declare function EnsureControl<T>(controller: Controller<T | null | undefined> | Controller<T | null> | Controller<T | undefined>, then: (controller: Controller<NonNullable<T>>) => TNode, otherwise?: () => TNode): import("@tempots/dom").Renderable;

package/dist/types/components/form/control/lazy-native-select-control.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { ControlOptions } from './control-options';
 import { SelectOption } from '../input/native-select';
-import { Signal, Value } from '@tempots/dom';
+import { Signal, TNode, Value } from '@tempots/dom';
 export type LazyNativeSelectControlOptions<T, R> = ControlOptions<T> & {
     request: Signal<R>;
     load: (options: {
@@ -13,4 +13,4 @@ export type LazyNativeSelectControlOptions<T, R> = ControlOptions<T> & {
     unselectedLabel?: Value<string>;
     equality?: (a: T, b: T) => boolean;
 };
-export declare const LazyNativeSelectControl: <T, R>(options: LazyNativeSelectControlOptions<T, R>) => import("@tempots/dom").Renderable;
+export declare const LazyNativeSelectControl: <T, R>(options: LazyNativeSelectControlOptions<T, R>, ...children: TNode[]) => import("@tempots/dom").Renderable;

package/dist/types/components/form/control/list-control.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { ElementPosition, Signal, TNode } from '@tempots/dom';
+import { ArrayController, Controller } from '../controller/controller';
+export type ListControllerPayload<T> = {
+    list: ArrayController<T[]>;
+    item: Controller<T>;
+    position: ElementPosition;
+    remove: () => void;
+    move: (direction: MoveDirection) => void;
+    canMove: (direction: MovableDirection) => Signal<boolean>;
+    cannotMove: (direction: MovableDirection) => Signal<boolean>;
+};
+export type MoveDirection = 'up' | 'down' | 'first' | 'last';
+export type MovableDirection = 'up' | 'down';
+export declare function ListControl<T>(controller: ArrayController<T[]>, element: (payload: ListControllerPayload<T>) => TNode, separator?: (pos: ElementPosition) => TNode): import("@tempots/dom").Renderable<import("@tempots/dom").DOMContext>;

package/dist/types/components/form/control/native-select-control.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
 import { ControlOptions } from './control-options';
 import { SelectOption } from '../input/native-select';
-import { Value } from '@tempots/dom';
+import { TNode, Value } from '@tempots/dom';
 export type NativeSelectControlOptions<T> = ControlOptions<T> & {
     options: Value<SelectOption<T>[]>;
     unselectedLabel?: Value<string>;
     equality?: (a: T, b: T) => boolean;
 };
-export declare const NativeSelectControl: <T>(options: NativeSelectControlOptions<T>) => import("@tempots/dom").Renderable;
+export declare const NativeSelectControl: <T>(options: NativeSelectControlOptions<T>, ...children: TNode[]) => import("@tempots/dom").Renderable;

package/dist/types/components/form/control/nullable-date-control.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
 import { ControlOptions } from './control-options';
-export declare const NullableDateControl: (options: ControlOptions<Date | null>) => import("@tempots/dom").Renderable;
+import { TNode } from '@tempots/dom';
+export declare const NullableDateControl: (options: ControlOptions<Date | null>, ...children: TNode[]) => import("@tempots/dom").Renderable;

package/dist/types/components/form/control/nullable-date-time-control.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
 import { ControlOptions } from './control-options';
-export declare const NullableDateTimeControl: (options: ControlOptions<Date | null>) => import("@tempots/dom").Renderable;
+import { TNode } from '@tempots/dom';
+export declare const NullableDateTimeControl: (options: ControlOptions<Date | null>, ...children: TNode[]) => import("@tempots/dom").Renderable;

package/dist/types/components/form/control/nullable-string-date-control.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
 import { ControlOptions } from './control-options';
-export declare const NullableStringDateControl: (options: ControlOptions<string | null>) => import("@tempots/dom").Renderable;
+import { TNode } from '@tempots/dom';
+export declare const NullableStringDateControl: (options: ControlOptions<string | null>, ...children: TNode[]) => import("@tempots/dom").Renderable;

package/dist/types/components/form/control/nullable-string-date-time-control.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
 import { ControlOptions } from './control-options';
-export declare const NullableStringDateTimeControl: (options: ControlOptions<string | null>) => import("@tempots/dom").Renderable;
+import { TNode } from '@tempots/dom';
+export declare const NullableStringDateTimeControl: (options: ControlOptions<string | null>, ...children: TNode[]) => import("@tempots/dom").Renderable;