@tempots/beatui 0.0.4 → 0.0.5

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.
package/dist/index.es.js CHANGED
@@ -1326,7 +1326,7 @@ const il = (n) => {
1326
1326
  m.click(() => {
1327
1327
  S.get(o) || l(!S.get(n));
1328
1328
  }),
1329
- r != null ? Re(r) : null,
1329
+ r != null ? Re(c.class(`bu-text-${s}`), r) : null,
1330
1330
  h.div(
1331
1331
  c.class("bc-toggle__track"),
1332
1332
  c.class(
package/dist/index.umd.js CHANGED
@@ -1,5 +1,5 @@
1
- (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 x,A,H,W,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 Wt="bui-icons";function xt(){return new Promise((n,r)=>{const t=indexedDB.open(Wt,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=xt();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)})})},We=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:We({...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-",xe=(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),xe("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,x,{disabled:e.prop(!1)});y(this,"parent");y(this,"disabled");y(this,"disable",()=>{d(this,x).disabled.set(!0)});y(this,"enable",()=>{d(this,x).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,x).disabled,s.disabled)((o,i)=>o||i)}get name(){return Ge(this.path)}dispose(){d(this,x).disabled.dispose()}}x=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,W,new Map);M(this,P,(t,l)=>{if(d(this,W).has(t))return d(this,W).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,W).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,W).values())t.dispose();d(this,W).clear()}};W=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(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(`
1
+ (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(`
2
2
  `);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(`
3
3
  `),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(`
4
4
  `),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(`
5
- `),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 Wn({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 xn(...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=Wn,c.Center=jn,c.CenterH=xn,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=We,c.EmphasisLabel=Mt,c.ErrorLabel=Lt,c.Expando=xe,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"})});
5
+ `),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"})});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tempots/beatui",
3
- "version": "0.0.4",
3
+ "version": "0.0.5",
4
4
  "type": "module",
5
5
  "main": "dist/index.umd.js",
6
6
  "module": "dist/index.es.js",