@tempots/beatui 0.2.0 → 0.3.0

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