@tempots/beatui 0.4.1 → 0.6.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.
- package/dist/beatui.css +1 -1
- package/dist/index.es.js +1618 -1383
- package/dist/index.umd.js +52 -52
- package/dist/types/components/button/button.d.ts +1 -0
- package/dist/types/components/navigation/index.d.ts +1 -0
- package/dist/types/components/navigation/link/button-link.d.ts +19 -0
- package/dist/types/components/navigation/link/index.d.ts +3 -0
- package/dist/types/components/navigation/link/link.d.ts +15 -0
- package/dist/types/components/navigation/link/navigation-link.d.ts +23 -0
- package/package.json +1 -1
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,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=`/*
|
|
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,C){"use strict";var ua=Object.defineProperty;var sn=c=>{throw TypeError(c)};var ha=(c,e,C)=>e in c?ua(c,e,{enumerable:!0,configurable:!0,writable:!0,value:C}):c[e]=C;var x=(c,e,C)=>ha(c,typeof e!="symbol"?e+"":e,C),pa=(c,e,C)=>e.has(c)||sn("Cannot "+C);var O=(c,e,C)=>(pa(c,e,"read from private field"),C?C.call(c):e.get(c)),ie=(c,e,C)=>e.has(c)?sn("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(c):e.set(c,C);var J,ne,X,z;const cn="bui-icons",oe=new Map,me=(()=>{try{return typeof indexedDB<"u"&&indexedDB!==null}catch{return!1}})();function on(){return me?new Promise((t,r)=>{const n=indexedDB.open(cn,1);n.onupgradeneeded=function(a){const l=a.target.result;l.objectStoreNames.contains("icons")||l.createObjectStore("icons")},n.onsuccess=function(){t(n.result)},n.onerror=function(){r(n.error)}}):Promise.reject(new Error("IndexedDB not available"))}const ue=me?on():null;function et(t,r){return new Promise(async(n,a)=>{try{if(ue){const s=(await ue).transaction("icons","readwrite");s.objectStore("icons").put(r,t),s.oncomplete=n,s.onerror=a}else oe.set(t,r),n(void 0)}catch{oe.set(t,r),n(void 0)}})}function tt(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 un(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 hn(t){const r=t.replace(":","/"),n=await tt(r);if(n)return n;const a=await un(r);return await et(r,a),a}function pn(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:a,accessibility:l="auto"},...s){const i=e.computedOf(l,a)((h,o)=>h==="decorative"?!1:h==="informative"?!0:o!=null&&o!=="");return e.html.span(e.attr.class(e.computedOf(r,n)((h,o)=>pn(h??"md",o))),e.When(i,()=>e.Fragment(e.attr.role("img"),e.aria.label(a||"Icon")),()=>e.aria.hidden(!0)),C.WhenInViewport({once:!0},()=>C.Resource({request:t,load:({request:h})=>hn(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 he(t,r,n,a,l,s){const i=["bc-button",`bu-text-${r}`,`bc-control--padding-${r}`,`bc-control--rounded-${a}`];switch(s&&i.push("bc-button--loading"),t){case"filled":i.push(`bu-bg--${n}`),l||i.push(`hover:bu-bg--${n}`);break;case"light":i.push(`bu-bg--light-${n}`),l||i.push(`hover:bu-bg--light-${n}`);break;case"outline":i.push(`bu-border--${n}`),l||i.push(`hover:bu-bg--light-${n}`);break;case"default":i.push("bu-bg--light-neutral"),i.push(`bu-text--${n}`),l||i.push("hover:bu-bg--light-base");break;case"text":i.push("bu-bg--inherit"),i.push(`bu-text--${n}`),l||i.push("hover:bu-underline");break}return i.join(" ")}function Q({type:t="button",disabled:r,loading:n,variant:a="filled",size:l="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,b)=>p||b)),e.aria.busy(n??!1),e.When(n??!1,()=>e.aria.label("Loading, please wait")),e.attr.class(e.computedOf(a,l,s,i,r,n)((p,b,f,g,k,v)=>he(p??"filled",b??"md",f??"base",g??"sm",k,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:l??"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,()=>C.ElementRect(p=>e.OnDispose(p.on(b=>{e.Value.get(n??!1)||u.set(b)})))))}const pe={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),we=(t,r)=>t===r||t!==t&&r!==r,nt=(t,r)=>{const n=setTimeout(t,r);return()=>clearTimeout(n)},G=t=>{let r=null;const n=a=>{r=null,t(a)};return r==null&&(r=requestAnimationFrame(n)),()=>{r!=null&&(cancelAnimationFrame(r),r=null)}},Ce={sm:"40rem",md:"48rem",lg:"64rem",xl:"80rem","2xl":"96rem"};function Ee(t){return`--breakpoint-${t}`}function bn(t){return`var(${Ee(t)})`}function gn(t){return`@media (width >= ${Ce[t]})`}function rt(){const t={};return $(Ce).forEach(([r,n])=>{t[Ee(r)]=n}),t}const at=[50,100,200,300,400,500,600,700,800,900,950],ae=["primary","secondary","base","success","warning","error","info"],fn=[...ae,...$(pe).map(([t])=>t)],Se={primary:"blue",secondary:"gray",base:"gray",success:"green",warning:"amber",error:"red",info:"blue"},lt={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]}},st={light:{normal:["base",900],muted:["base",600],inverted:["base",100]},dark:{normal:["base",100],muted:["base",400],inverted:["base",900]}},ct={light:{border:["base",200],divider:["base",300],inverted:["base",100]},dark:{border:["base",700],divider:["base",600],inverted:["base",900]}},it={light:{focus:["info",700],hover:["base",100],active:["base",200]},dark:{focus:["info",300],hover:["base",800],active:["base",700]}};function dn(t){return ae.includes(t)?Se[t]:t}function be(t,r){return`--color-${t}-${r}`}function te(t,r){return`var(${be(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 kn(){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
|
-
`;$(I.special).forEach(([n,
|
|
17
|
-
`,t+=` background-color: ${
|
|
18
|
-
`,t+=` color: ${
|
|
16
|
+
`;$(I.special).forEach(([n,a])=>{t+=` .bu-bg--${n} {
|
|
17
|
+
`,t+=` background-color: ${a.backgroundColor};
|
|
18
|
+
`,t+=` color: ${a.color};
|
|
19
19
|
`,t+=` }
|
|
20
20
|
|
|
21
|
-
`});const r=[...
|
|
22
|
-
`,r.forEach(n=>{const
|
|
23
|
-
`,t+=` background-color: var(--color-${n}-${
|
|
24
|
-
`,t+=` color: ${
|
|
21
|
+
`});const r=[...ae,...$(pe).map(([n])=>n)];return t+=` /* solid */
|
|
22
|
+
`,r.forEach(n=>{const a=I.variants.solid.light;t+=` .bu-bg--${n} {
|
|
23
|
+
`,t+=` background-color: var(--color-${n}-${a.bgShade});
|
|
24
|
+
`,t+=` color: ${a.textColor};
|
|
25
25
|
`,t+=` }
|
|
26
26
|
`}),t+=`
|
|
27
|
-
`,r.forEach(n=>{const
|
|
28
|
-
`,t+=` background-color: var(--color-${n}-${
|
|
29
|
-
`,t+=` color: ${
|
|
27
|
+
`,r.forEach(n=>{const a=I.variants.solid.dark;t+=` .b-dark .bu-bg--${n} {
|
|
28
|
+
`,t+=` background-color: var(--color-${n}-${a.bgShade});
|
|
29
|
+
`,t+=` color: ${a.textColor};
|
|
30
30
|
`,t+=` }
|
|
31
31
|
`}),t+=`
|
|
32
32
|
`,t+=` /* light */
|
|
33
|
-
`,$(I.special).forEach(([n,
|
|
34
|
-
`,t+=` background-color: ${
|
|
35
|
-
`,t+=` color: ${
|
|
33
|
+
`,$(I.special).forEach(([n,a])=>{t+=` .bu-bg--light-${n} {
|
|
34
|
+
`,t+=` background-color: ${a.backgroundColor};
|
|
35
|
+
`,t+=` color: ${a.color};
|
|
36
36
|
`,t+=` }
|
|
37
|
-
`}),r.forEach(n=>{const
|
|
38
|
-
`,t+=` background-color: ${
|
|
39
|
-
`,t+=` color: ${
|
|
37
|
+
`}),r.forEach(n=>{const a=I.variants.light.light,l=I.overrides[n];l?(t+=` .bu-bg--light-${n} {
|
|
38
|
+
`,t+=` background-color: ${l.light.backgroundColor};
|
|
39
|
+
`,t+=` color: ${l.light.color};
|
|
40
40
|
`,t+=` }
|
|
41
41
|
`):(t+=` .bu-bg--light-${n} {
|
|
42
|
-
`,t+=` background-color: var(--color-${n}-${
|
|
43
|
-
`,t+=` color: ${
|
|
42
|
+
`,t+=` background-color: var(--color-${n}-${a.bgShade});
|
|
43
|
+
`,t+=` color: ${a.textColor};
|
|
44
44
|
`,t+=` }
|
|
45
45
|
`)}),t+=`
|
|
46
46
|
`,t+=` /* light dark */
|
|
47
|
-
`,$(I.special).forEach(([n,
|
|
48
|
-
`,t+=` background-color: ${
|
|
49
|
-
`,t+=` color: ${
|
|
47
|
+
`,$(I.special).forEach(([n,a])=>{const l=I.overrides[n];l?(t+=` .b-dark .bu-bg--light-${n} {
|
|
48
|
+
`,t+=` background-color: ${l.dark.backgroundColor};
|
|
49
|
+
`,t+=` color: ${l.dark.color};
|
|
50
50
|
`,t+=` }
|
|
51
51
|
`):(t+=` .b-dark .bu-bg--light-${n} {
|
|
52
|
-
`,t+=` background-color: ${
|
|
53
|
-
`,t+=` color: ${
|
|
52
|
+
`,t+=` background-color: ${a.backgroundColor};
|
|
53
|
+
`,t+=` color: ${a.color};
|
|
54
54
|
`,t+=` }
|
|
55
|
-
`)}),r.forEach(n=>{const
|
|
56
|
-
`,t+=` background-color: ${
|
|
57
|
-
`,t+=` color: ${
|
|
55
|
+
`)}),r.forEach(n=>{const a=I.variants.light.dark,l=I.overrides[n];l?(t+=` .b-dark .bu-bg--light-${n} {
|
|
56
|
+
`,t+=` background-color: ${l.dark.backgroundColor};
|
|
57
|
+
`,t+=` color: ${l.dark.color};
|
|
58
58
|
`,t+=` }
|
|
59
59
|
`):(t+=` .b-dark .bu-bg--light-${n} {
|
|
60
|
-
`,t+=` background-color: var(--color-${n}-${
|
|
61
|
-
`,t+=` color: ${
|
|
60
|
+
`,t+=` background-color: var(--color-${n}-${a.bgShade});
|
|
61
|
+
`,t+=` color: ${a.textColor};
|
|
62
62
|
`,t+=` }
|
|
63
63
|
`)}),t+=`
|
|
64
64
|
`,t+=` /* lighter */
|
|
65
|
-
`,$(I.special).forEach(([n,
|
|
66
|
-
`,t+=` background-color: ${
|
|
67
|
-
`,t+=` color: ${
|
|
65
|
+
`,$(I.special).forEach(([n,a])=>{t+=` .bu-bg--lighter-${n} {
|
|
66
|
+
`,t+=` background-color: ${a.backgroundColor};
|
|
67
|
+
`,t+=` color: ${a.color};
|
|
68
68
|
`,t+=` }
|
|
69
|
-
`}),r.forEach(n=>{const
|
|
70
|
-
`,t+=` background-color: ${
|
|
71
|
-
`,t+=` color: ${
|
|
69
|
+
`}),r.forEach(n=>{const a=I.variants.lighter.light,l=I.overrides[n];l?(t+=` .bu-bg--lighter-${n} {
|
|
70
|
+
`,t+=` background-color: ${l.light.backgroundColor};
|
|
71
|
+
`,t+=` color: ${l.light.color};
|
|
72
72
|
`,t+=` }
|
|
73
73
|
`):(t+=` .bu-bg--lighter-${n} {
|
|
74
|
-
`,t+=` background-color: var(--color-${n}-${
|
|
75
|
-
`,t+=` color: ${
|
|
74
|
+
`,t+=` background-color: var(--color-${n}-${a.bgShade});
|
|
75
|
+
`,t+=` color: ${a.textColor};
|
|
76
76
|
`,t+=` }
|
|
77
77
|
`)}),t+=`
|
|
78
78
|
`,t+=` /* light dark */
|
|
79
|
-
`,$(I.special).forEach(([n,
|
|
80
|
-
`,t+=` background-color: ${
|
|
81
|
-
`,t+=` color: ${
|
|
79
|
+
`,$(I.special).forEach(([n,a])=>{const l=I.overrides[n];l?(t+=` .b-dark .bu-bg--lighter-${n} {
|
|
80
|
+
`,t+=` background-color: ${l.dark.backgroundColor};
|
|
81
|
+
`,t+=` color: ${l.dark.color};
|
|
82
82
|
`,t+=` }
|
|
83
83
|
`):(t+=` .b-dark .bu-bg--lighter-${n} {
|
|
84
|
-
`,t+=` background-color: ${
|
|
85
|
-
`,t+=` color: ${
|
|
84
|
+
`,t+=` background-color: ${a.backgroundColor};
|
|
85
|
+
`,t+=` color: ${a.color};
|
|
86
86
|
`,t+=` }
|
|
87
|
-
`)}),r.forEach(n=>{const
|
|
88
|
-
`,t+=` background-color: ${
|
|
89
|
-
`,t+=` color: ${
|
|
87
|
+
`)}),r.forEach(n=>{const a=I.variants.lighter.dark,l=I.overrides[n];l?(t+=` .b-dark .bu-bg--lighter-${n} {
|
|
88
|
+
`,t+=` background-color: ${l.dark.backgroundColor};
|
|
89
|
+
`,t+=` color: ${l.dark.color};
|
|
90
90
|
`,t+=` }
|
|
91
91
|
`):(t+=` .b-dark .bu-bg--lighter-${n} {
|
|
92
|
-
`,t+=` background-color: var(--color-${n}-${
|
|
93
|
-
`,t+=` color: ${
|
|
92
|
+
`,t+=` background-color: var(--color-${n}-${a.bgShade});
|
|
93
|
+
`,t+=` color: ${a.textColor};
|
|
94
94
|
`,t+=` }
|
|
95
95
|
`)}),t+=`}
|
|
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:
|
|
98
|
-
`),displayMenu:!1,displayAside:!1,menuWidth:
|
|
99
|
-
`),displayMenu:!0,displayAside:!1,menuWidth:
|
|
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"})});
|
|
96
|
+
`,t}function ot(){const t={};return t["--color-white"]="white",t["--color-black"]="black",t["--color-inherit"]="inherit",$(pe).forEach(([r,n])=>{$(n).forEach(([a,l])=>{t[be(r,a)]=l})}),ae.forEach(r=>{const n=Se[r];at.forEach(a=>{t[be(r,a)]=te(n,a)})}),$(lt).forEach(([r,n])=>{$(n).forEach(([a,[l,s]])=>{t[`--bg-${a}-${r}`]=te(l,s)})}),$(st).forEach(([r,n])=>{$(n).forEach(([a,[l,s]])=>{t[`--text-${a}-${r}`]=te(l,s)})}),$(ct).forEach(([r,n])=>{$(n).forEach(([a,[l,s]])=>{t[`--border-${a}-${r}`]=te(l,s)})}),$(it).forEach(([r,n])=>{$(n).forEach(([a,[l,s]])=>{t[`--interactive-${a}-${r}`]=te(l,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 $e(t){return`--radius-${t}`}function yn(t){return`var(${$e(t)})`}function vn(t){return`@media (width >= ${xe[t]})`}function ut(){const t={};return $(xe).forEach(([r,n])=>{t[$e(r)]=n}),t}const ht="0.25rem",pt={none:"0",px:"1px",base:ht,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 Ve(t){return`--spacing-${t}`}function mn(t){return`var(${Ve(t)})`}function bt(){const t={};return $(pt).forEach(([r,n])=>{t[Ve(r)]=n}),t}const Ae={"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 gt(t,r){const n=Object.keys(Ae),a=n.indexOf(t);if(a===-1)throw new Error(`Invalid font size: ${t}`);const l=Math.min(Math.max(a+r,0),n.length-1);return n[l]}const ft={thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},dt={none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2"},kt={tighter:"-0.05em",tight:"-0.025em",normal:"0em",wide:"0.025em",wider:"0.05em",widest:"0.1em"},yt={sans:["system-ui","-apple-system","BlinkMacSystemFont",'"Segoe UI"',"Roboto",'"Helvetica Neue"',"Arial",'"Noto Sans"',"sans-serif",'"Apple Color Emoji"','"Segoe UI Emoji"','"Segoe UI Symbol"','"Noto Color Emoji"'],serif:["ui-serif","Georgia","Cambria",'"Times New Roman"',"Times","serif"],mono:["ui-monospace","SFMono-Regular",'"SF Mono"',"Consolas",'"Liberation Mono"',"Menlo","monospace"]};function Oe(t){return`--font-size-${t}`}function wn(t){return`var(${Oe(t)})`}function Te(t){return`--font-weight-${t}`}function Cn(t){return`var(${Te(t)})`}function _e(t){return`--line-height-${t}`}function En(t){return`var(${_e(t)})`}function Ie(t){return`--letter-spacing-${t}`}function Sn(t){return`var(${Ie(t)})`}function Be(t){return`--font-family-${t}`}function xn(t){return`var(${Be(t)})`}function vt(){const t={};return Object.entries(Ae).forEach(([r,n])=>{const[a]=Array.isArray(n)?n:[n];t[Oe(r)]=a}),Object.entries(ft).forEach(([r,n])=>{t[Te(r)]=n}),Object.entries(dt).forEach(([r,n])=>{t[_e(r)]=n}),Object.entries(kt).forEach(([r,n])=>{t[Ie(r)]=n}),Object.entries(yt).forEach(([r,n])=>{t[Be(r)]=n.join(", ")}),t}const mt={base:0,raised:10,navigation:20,sidebar:20,overlay:50,modal:60,tooltip:70,popover:80,notification:90,maximum:100};function De(t){return`--z-index-${t}`}function $n(t){return`var(${De(t)})`}function wt(){const t={};return $(mt).forEach(([r,n])=>{t[De(r)]=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 An(t){return`--shadow-${t}`}function On(){const t={};return $(Vn).forEach(([r,n])=>{t[An(r)]=n}),t}const Tn={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 _n(t){return`--text-shadow-${t}`}function In(){const t={};return $(Tn).forEach(([r,n])=>{t[_n(r)]=n}),t}function Bn(){return{...ot(),...bt(),...vt(),...rt(),...ut(),...On(),...In(),...wt()}}function Dn(t,r){return r==null&&typeof window>"u"?"":getComputedStyle(r??document.documentElement).getPropertyValue(t).trim()}const Fn={xs:"1.5",sm:"2",md:"2.5",lg:"3",xl:"4"},Ln={xs:"0",sm:"0",md:"0",lg:"0.25",xl:"0.5"};function Wn(t,r,n){const a=["bc-tag"];return t?a.push("bc-tag--disabled"):a.push(`bu-bg--${r}`),a.push(`bu-text-${gt(n,-1)} bu-px-${Fn[n]} bu-py-${Ln[n]}`),a.join(" ")}const Ct=({disabled:t,value:r,color:n="base",onClose:a,size:l="md"})=>e.html.span(e.attr.class(e.computedOf(t??!1,n??"base",l??"md")((s,i,h)=>Wn(s,i,h))),e.html.span(r),a!=null?e.html.button(e.attr.disabled(t),e.attr.class("bc-tag__close"),e.html.span("×"),e.on.click(()=>a==null?void 0:a(e.Value.get(r)))):e.Empty);function ge(t){return`bc-label bc-label--${t}`}const Nn=(...t)=>e.html.span(e.attr.class(ge("emphasis")),...t),Fe=(...t)=>e.html.span(e.attr.class(ge("default")),...t),Et=(...t)=>e.html.span(e.attr.class(ge("muted")),...t),jn=(...t)=>e.html.span(e.attr.class(ge("error")),...t),St=new Map;function Z(t){const r=St.get(t)??0;return St.set(t,r+1),`${t}-${r}`}const xt=e.html.span(e.attr.class("bc-input-wrapper__required")," *");function Hn(){return"bc-input-wrapper"}function Pn(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 $t=({required:t,label:r,context:n,description:a,content:l,error:s,labelFor:i,hasError:h,disabled:o},...u)=>{const p=h??e.Value.map(s??null,v=>v!=null),b=o??!1,f=Z("input-wrapper"),g=a?`${f}-description`:void 0,k=s?`${f}-error`:void 0;return e.html.div(e.attr.class(Hn()),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,b)((v,m)=>Pn(v??!1,m??!1))),r),r!=null&&t?xt:e.Empty),n!=null?Fe(n):e.Empty):e.Empty,e.html.div(e.attr.class("bc-input-wrapper__content"),[g,k].filter(Boolean).length>0?e.dataAttr.describedby([g,k].filter(Boolean).join(" ")):e.Empty,t?e.dataAttr.required("true"):e.Empty,e.When(p,()=>e.dataAttr.invalid("true")),l),a!=null?e.html.div(e.attr.class("bc-input-wrapper__description"),e.attr.id(g),a):e.Empty,s!=null?e.Ensure(s,v=>e.html.div(e.attr.class("bc-input-wrapper__error"),e.attr.id(k),e.aria.live("polite"),e.attr.role("alert"),v)):e.Empty,...u)};function Mn(){return"bc-control-input-wrapper"}const B=({required:t,label:r,context:n,description:a,content:l,controller:s},...i)=>e.html.div(e.attr.class(Mn()),$t({required:t,label:r,context:n,description:a,content:l,error:s.error.map(h=>h??null),labelFor:s.name,hasError:s.hasError,disabled:s.disabled},...i)),j=({child:t,disabled:r,input:n,before:a,after:l,hasError:s,focusableSelector:i="input, select, textarea",growInput:h=!0})=>{const o=e.Value.map(r??!1,p=>p);function u(p,b){const f=["bc-input-container"];return p?f.push("bc-input-container--disabled"):f.push("bc-input-container--default"),b&&f.push("bc-input-container--error"),f.join(" ")}return e.html.div(t,e.WithElement(p=>{const b=()=>{const f=p.querySelector(i);f==null||f.focus()};return p.addEventListener("click",b),e.OnDispose(()=>p.removeEventListener("click",b))}),e.attr.class(e.computedOf(o,s??!1)((p,b)=>u(p??!1,b??!1))),a!=null?e.html.span(e.attr.class("bc-input-container__before"),a):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),l!=null?e.html.span(e.attr.class("bc-input-container__after"),l):null)},H=({autocomplete:t,autofocus:r,class:n,disabled:a,name:l,placeholder:s,id:i})=>e.Fragment(e.attr.autocomplete(t),e.attr.autofocus(r),e.attr.class(n),e.attr.disabled(a),e.attr.name(l??i),e.attr.placeholder(s),e.attr.id(i)),W=t=>({id:t.name,disabled:t.disabled,value:t.value,hasError:t.hasError}),fe=(t,r)=>({...W(t),value:t.value.map(r)}),Le=t=>{const{value:r,onBlur:n,onChange:a}=t;return j({...t,input:e.input.date(H(t),e.attr.valueAsDate(r),e.attr.class("bc-input"),n!=null?e.on.blur(e.emitValue(n)):e.Empty,a!=null?e.on.change(e.emitValueAsDate(a)):e.Empty)})},Vt=t=>{const{value:r,onBlur:n,onChange:a,onInput:l}=t;return j({...t,input:e.input.text(H(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,a!=null?e.on.change(e.emitValue(a)):e.Empty,l!=null?e.on.input(e.emitValue(l)):e.Empty)})},D=(t,r)=>()=>{r==null||r()},P=(t,r)=>n=>{t.change(n),r==null||r(n)},de=(t,r,n)=>a=>{const l=r(a);t.change(l),n==null||n(l)},Rn=(t,r,n)=>a=>{r(a)?(t.change(null),n==null||n(null)):(t.change(a),n==null||n(a))},qn=(t,...r)=>{const{onBlur:n,onChange:a,...l}=t;return B({...l,content:Vt({...l,...W(l.controller),onChange:P(l.controller,a),onBlur:D(l.controller,n)})},...r)},Un=(t,...r)=>{const{onBlur:n,onChange:a,...l}=t;return B({...l,content:Le({...l,...W(l.controller),onChange:P(l.controller,a),onBlur:D(l.controller,n)})},...r)},zn=t=>{const r=t.getFullYear(),n=(t.getMonth()+1).toString().padStart(2,"0"),a=t.getDate().toString().padStart(2,"0"),l=t.getHours().toString().padStart(2,"0"),s=t.getMinutes().toString().padStart(2,"0");return`${r}-${n}-${a}T${l}:${s}`},At=t=>{const{value:r,onBlur:n,onChange:a}=t;return j({...t,input:e.input["datetime-local"](H(t),e.attr.value(e.Value.map(r,zn)),e.attr.class("bc-input"),n!=null?e.on.blur(e.emitValue(n)):e.Empty,a!=null?e.on.change(e.emitValue(l=>a(new Date(l)))):e.Empty)})},Gn=(t,...r)=>{const{onBlur:n,onChange:a,...l}=t;return B({...l,content:At({...l,...W(l.controller),onChange:P(l.controller,a),onBlur:D(l.controller,n)})},...r)},Ot=t=>{const r={name:"email",autocomplete:"email",placeholder:"you@gmail.com",...t},{value:n,onBlur:a,onChange:l,onInput:s}=r;return j({...t,input:e.input.email(H(r),e.attr.value(n),e.attr.class("bc-input"),a!=null?e.on.blur(e.emitValue(a)):e.Empty,l!=null?e.on.change(e.emitValue(l)):e.Empty,s!=null?e.on.input(e.emitValue(s)):e.Empty)})},Zn=(t,...r)=>{const{onChange:n,onBlur:a,...l}=t;return B({label:"Email",...l,content:Ot({...l,...W(l.controller),onChange:P(l.controller,n),onBlur:D(l.controller,a)})},...r)},Kn={filling:{type:"filling"},submitting:{type:"submitting"},error:t=>({type:"error",error:t}),success:{type:"success"}},We="$$tts-exp-",Tt=(t,r)=>e.WithElement(n=>{const a=`${We}${t}`;return e.OnDispose(e.Value.on(r,l=>Reflect.set(n,a,l)))}),Xn=(t,r)=>{const n=`${We}${t}`;return a=>{r(Reflect.get(a.target,n))}},_t=(t,r)=>{const n=`${We}${t}`;return a=>{const l=a.target,s=l.selectedIndex,i=l.options[s];r(Reflect.get(i,n))}},ke={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"?ke.getOptionValues(r.options):r.type==="break"?[]:[r.value]),contains:(t,r,n=(a,l)=>a===l)=>ke.getOptionValues(t).some(a=>n(a,r))},It=(t,r,n)=>e.Ensure(t,a=>e.OneOfType(a,{value:l=>{const s=e.computedOf(l,n)((i,h)=>r(i.value,h));return e.html.option(e.OnDispose(s.dispose),e.attr.selected(s),Tt("value",l.$.value),l.$.label)},group:l=>e.html.optgroup(e.attr.label(l.$.group),e.ForEach(l.$.options,s=>It(s,r,n))),break:()=>e.html.hr()})),Ne=t=>{const{value:r,onBlur:n,onChange:a,options:l,unselectedLabel:s="Select one ...",equality:i=(o,u)=>o===u}=t;let h;return j({...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:b}=p[0];b.length>0&&(h.selectedIndex=0)});return u.observe(o,{childList:!0}),e.OnDispose(()=>u.disconnect())}),H(t),e.attr.class("focus:outline-none bg-transparent"),e.attr.class("w-full"),e.html.option(e.attr.hidden("hidden"),s),e.ForEach(l,o=>It(o,i,r)),n!=null?e.on.blur(n):e.Empty,a!=null?e.on.change(_t("value",o=>a(o))):e.Empty)})},Bt=t=>C.Resource({request:t.request,load:t.load,mapError:String})({success:r=>{const n=r.map(a=>a.map(l=>typeof l=="object"&&"id"in l&&"label"in l?ke.value(l.id,l.label):l));return Ne({...t,options:n,unselectedLabel:t.unselectedLabel,equality:t.equality})},loading:()=>e.html.span(e.attr.class("animate-spin"),e.aria.label("Loading..."),"↻")}),Qn=(t,...r)=>{const{onBlur:n,onChange:a,...l}=t;return B({...l,content:Bt({...t,...W(l.controller),onChange:P(l.controller,a),onBlur:D(l.controller,n)})},...r)},Yn=(t,...r)=>{const{onBlur:n,onChange:a,...l}=t;return B({...l,content:Ne({...l,...W(l.controller),onChange:P(l.controller,a),onBlur:D(l.controller,n)})},...r)},je=t=>{const{value:r,onBlur:n,onChange:a}=t;return j({...t,input:e.input.date(H(t),e.attr.valueAsDate(r),e.attr.class("bc-input"),n!=null?e.on.blur(e.emitValue(n)):e.Empty,a!=null?e.on.change(e.emitValueAsNullableDate(a)):e.Empty)})},Jn=(t,...r)=>{const{onBlur:n,onChange:a,...l}=t;return B({...l,content:je({...l,...W(l.controller),onChange:P(l.controller,a),onBlur:D(l.controller,n)})},...r)},er=t=>{const r=t.getFullYear(),n=t.getMonth()+1,a=t.getDate(),l=t.getHours(),s=t.getMinutes(),i=t.getSeconds();return`${r}-${n.toString().padStart(2,"0")}-${a.toString().padStart(2,"0")}T${l.toString().padStart(2,"0")}:${s.toString().padStart(2,"0")}:${i.toString().padStart(2,"0")}`},He=t=>{const{value:r,onBlur:n,onChange:a}=t,l=e.Value.map(r,s=>s!=null?er(s):null);return j({...t,input:e.input["datetime-local"](H(t),e.attr.value(e.Value.map(l,s=>s??null)),e.attr.class("bc-input"),n!=null?e.on.blur(e.emitValue(n)):e.Empty,a!=null?e.on.change(e.emitValueAsNullableDateTime(a)):e.Empty)})},tr=(t,...r)=>{const{onBlur:n,onChange:a,...l}=t;return B({...l,content:He({...l,...W(l.controller),onChange:P(l.controller,a),onBlur:D(l.controller,n)})},...r)},nr=(t,...r)=>{const{onBlur:n,onChange:a,...l}=t;return B({...l,content:je({...l,...fe(l.controller,s=>s!=null&&s!==""?new Date(s):null),onChange:de(l.controller,s=>s!=null?s.toISOString().split("T")[0]:null,a),onBlur:D(l.controller,n)})},...r)},rr=t=>new Date(t),ar=t=>t.toISOString(),lr=(t,...r)=>{const{onBlur:n,onChange:a,...l}=t;return B({...l,content:He({...l,...fe(l.controller,s=>s!=null&&s!==""?rr(s):null),onChange:de(l.controller,s=>s!=null?ar(s):null,a),onBlur:D(l.controller,n)})},...r)},le=t=>typeof t=="string"&&t.trim()===""?null:t,Pe=t=>t??"",Dt=t=>{const{value:r,onBlur:n,onChange:a,onInput:l,...s}=t;return j({...s,input:e.input.text(H(s),e.attr.value(e.Value.map(r,Pe)),e.attr.class("bc-input"),n!=null?e.on.blur(n):e.Empty,a!=null?e.on.change(e.emitValue(i=>a(le(i)))):e.Empty,l!=null?e.on.input(e.emitValue(i=>l(le(i)))):e.Empty)})},Ft=t=>{const{value:r,onBlur:n,onChange:a,onInput:l,rows:s}=t;return j({...t,input:e.html.textarea(H(t),e.attr.rows(s??10),e.attr.value(e.Value.map(r,Pe)),e.attr.class("bc-input"),n!=null?e.on.blur(n):e.Empty,a!=null?e.on.change(e.emitValue(i=>a(le(i)))):e.Empty,l!=null?e.on.input(e.emitValue(i=>l(le(i)))):e.Empty)})},sr=(t,...r)=>{const{onBlur:n,onChange:a,rows:l,...s}=t;return B({...s,content:Ft({...s,...W(s.controller),rows:l,onChange:P(s.controller,a),onBlur:D(s.controller,n)})},...r)},cr=(t,...r)=>{const{onBlur:n,onChange:a,...l}=t;return B({...l,content:Dt({...l,...W(l.controller),onChange:P(l.controller,a),onBlur:D(l.controller,n)})},...r)},Lt=t=>{const{value:r,step:n,min:a,max:l,onBlur:s,onChange:i,onInput:h}=t;return j({...t,input:e.input.number(H(t),e.attr.valueAsNumber(r),e.attr.step(n),e.attr.min(a),e.attr.max(l),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)})},ir=(t,...r)=>{const{onBlur:n,onChange:a,...l}=t;return B({...l,content:Lt({...l,...W(l.controller),onChange:P(l.controller,a),onBlur:D(l.controller,n)})},...r)},Wt=t=>{const{value:r,onBlur:n,onChange:a,onInput:l,before:s,after:i,hasError:h,disabled:o,autocomplete:u,placeholder:p,...b}=t,f={name:"password",...b},g=e.prop(!0),k=e.computedOf(g,u)((m,d)=>m?d??"current-password":"off"),v=e.computedOf(g,p)((m,d)=>m?"•••••••••••••••":d??"secret password");return j({before:s,disabled:o,hasError:h,input:e.html.input(H({...f,autocomplete:k,placeholder:v}),e.When(g,()=>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,a!=null?e.on.change(e.emitValue(a)):e.Empty,l!=null?e.on.input(e.emitValue(l)):e.Empty),after:i??e.html.button(e.attr.class("bc-input-container__password-toggle"),e.aria.label("Toggle password visibility"),e.on.click(()=>g.update(m=>!m)),e.When(g,()=>N({icon:"line-md--eye"}),()=>N({icon:"line-md--eye-off"})))})},or=(t,...r)=>{const{onBlur:n,onChange:a,...l}=t;return B({label:"Password",...l,content:Wt({...l,...W(l.controller),onChange:P(l.controller,a),onBlur:D(l.controller,n)})},...r)};function ur(t,r){return t.length===r.length&&t.every((n,a)=>n===r[a])}function Nt({options:t,value:r,onChange:n,size:a="md",disabled:l=!1},...s){const i=$(t).map(([p,b])=>({key:p,label:b})),h=Object.fromEntries(i.map((p,b)=>[p.key,b])),o=e.prop(i.map(()=>({left:0,width:0})),ur);function u(p,b){const f=["bc-segmented-control",`bu-text-${p}`,`bc-segmented-control--${p}`];return b&&f.push("bc-segmented-control--disabled"),f.join(" ")}return e.html.div(e.attr.class(e.computedOf(a,l)((p,b)=>u(p??"md",b??!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,b)=>{const{width:f}=b[h[p]??0];return`${f}px`})),e.style.left(e.computedOf(r,o)((p,b)=>{const{left:f}=b[h[p]??0];return`${f}px`}))),i.map(({label:p,key:b},f)=>e.html.button(e.on.click(g=>{g.preventDefault(),e.Value.get(l)||n==null||n(b)}),e.attr.disabled(l),e.attr.class("bc-segmented-control__segment"),e.attr.class(e.Value.map(r,g=>g===b?"bc-segmented-control__segment--active":"bc-segmented-control__segment--inactive")),e.WithElement(g=>{const k=G(()=>{o.update(v=>{const m=[...v];return m[f]={width:g.offsetWidth,left:g.offsetLeft},m})});return e.OnDispose(k)}),p))),...s)}const hr=(t,...r)=>{const{onBlur:n,onChange:a,...l}=t;return B({...l,content:Le({...l,...fe(l.controller,s=>new Date(s)),onChange:de(l.controller,s=>s.toISOString(),a),onBlur:D(l.controller,n)})},...r)},jt=t=>{const{value:r,onChange:n,onBlur:a}=t,l=e.prop(""),s=h=>{n==null||n(e.Value.get(r).filter(o=>o!==h))},i=()=>{const h=l.value.trim(),o=e.Value.get(r);h===""||o.includes(h)||(l.set(""),n==null||n([...o,h]))};return j({...t,input:e.Fragment(e.attr.class("bc-input-container__tags"),e.ForEach(r,h=>Ct({value:h,onClose:()=>s(h.value)})),e.input.text(H(t),e.attr.value(l),e.attr.class("bc-input bc-input-container__tags-input"),e.on.input(e.emitValue(l.set)),n!=null?e.on.change(i):e.Empty,a!=null?e.on.blur(a):e.Empty))})},pr=(t,...r)=>{const{onBlur:n,onChange:a,...l}=t;return B({...l,content:jt({...l,...W(l.controller),onChange:P(l.controller,a),onBlur:D(l.controller,n)})},...r)},Ht=t=>{const{value:r,onBlur:n,onChange:a,onInput:l,rows:s}=t;return j({...t,input:e.html.textarea(H(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,a!=null?e.on.change(e.emitValue(a)):e.Empty,l!=null?e.on.input(e.emitValue(l)):e.Empty)})},br=(t,...r)=>{const{onBlur:n,onChange:a,rows:l,...s}=t;return B({...s,content:Ht({...s,...W(s.controller),rows:l,value:s.controller.value,onChange:P(s.controller,a),onBlur:D(s.controller,n)})},...r)};function gr(t,r,n){return e.Ensure(t.value,()=>{const a=t.transform(l=>l,l=>l);return e.Fragment(e.OnDispose(()=>a.dispose()),r(a))},n)}function fr(t,r,n){const a=t.length.map(l=>l);return e.Fragment(e.OnDispose(()=>a.dispose()),e.Repeat(a,l=>{const s=t.item(l.index),i=[];return e.Fragment(e.OnDispose(()=>{s.dispose(),i.forEach(h=>h())}),r({list:t,item:s,position:l,remove:()=>t.removeAt(l.index),move:h=>{switch(h){case"up":if(l.index===0)return;t.move(l.index,l.index-1);break;case"down":if(l.index===t.length.value-1)return;t.move(l.index,l.index+1);break;case"first":t.move(l.index,0);break;case"last":t.move(l.index,t.length.value-1)}},canMove:h=>{const o=(()=>{switch(h){case"up":return e.signal(l.index>0);case"down":return t.length.map(u=>l.index<u-1)}})();return i.push(()=>o.dispose()),o},cannotMove:h=>{const o=(()=>{switch(h){case"up":return e.signal(l.index===0);case"down":return t.length.map(u=>l.index===u-1)}})();return i.push(()=>o.dispose()),o}}))},n))}function dr(t){return t.split(".").map(n=>{const a=n.match(/^\[(\d+)\]$/);return a?Number(a[1]):n})}function Pt(t){return typeof t=="number"?`[${t}]`:`.${t}`}function Mt(t){if(t.length===0)return"";const[r,...n]=t;return[typeof r=="number"?`[${r}]`:r,...n.map(Pt)].join("")}function ye(t){return function(n){var l;if(n.type==="Valid")return n;let a=n.dependencies;for(const s of t.slice(0))if(a=(l=a==null?void 0:a[s])==null?void 0:l.dependencies,a==null)return{type:"Valid"};return a!=null?{type:"Invalid",...a}:{type:"Valid"}}}const Je=class Je{constructor(r,n,a,l,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=>{O(this,ne).push(r)});x(this,"dispose",()=>{for(const r of O(this,ne))try{r()}catch(n){console.error("Error in dispose callback:",n)}O(this,ne).length=0});x(this,"disable",()=>{O(this,J).disabled.set(!0)});x(this,"enable",()=>{O(this,J).disabled.set(!1)});x(this,"array",(r=we)=>new qt(this.path,this.change,this.value,this.status,this.parent,r));x(this,"object",(r=we)=>new Rt(this.path,this.change,this.value,this.status,this.parent,r));x(this,"transform",(r,n,a=[],l=we)=>new Je([...this.path,...a],s=>this.change(n(s)),this.value.map(r,l),this.status.map(ye(a)),this.parent));this.path=r,this.change=n,this.value=a,this.status=l,this.error=l.map(i=>i.type==="Invalid"?i.error:void 0),this.hasError=this.error.map(i=>i!=null),this.dependencyErrors=l.map(i=>i.type==="Invalid"?i.dependencies:void 0),this.parent=s,this.disabled=e.computedOf(O(this,J).disabled,s.disabled)((i,h)=>i||h),this.onDispose(()=>{O(this,J).disabled.dispose(),this.disabled.dispose(),this.error.dispose(),this.dependencyErrors.dispose()})}get name(){return Mt(this.path)}};J=new WeakMap,ne=new WeakMap;let K=Je;class Rt extends K{constructor(n,a,l,s,i,h){super(n,a,l.map(o=>o??{},h),s,i);ie(this,X,new Map);x(this,"field",n=>{if(O(this,X).has(n))return O(this,X).get(n);const a=async s=>{this.change({...this.value.value,[n]:s})},l=new K([...this.path,n],a,this.value.map(s=>s[n]),this.status.map(ye([n])),{disabled:this.disabled});return O(this,X).set(n,l),l});this.onDispose(()=>{for(const o of O(this,X).values())o.dispose();O(this,X).clear()})}}X=new WeakMap;class qt extends K{constructor(n,a,l,s,i,h){const o=l.map(p=>p??[],h);super(n,a,o,s,i);ie(this,z,new Array);x(this,"length");x(this,"item",n=>{if(O(this,z)[n])return O(this,z)[n];const a=async s=>{const i=this.value.value.slice();i[n]=s,this.change(i)},l=new K([...this.path,n],a,this.value.map(s=>s[n]),this.status.map(ye([n])),{disabled:this.disabled});return O(this,z)[n]=l,l});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,a)=>{const l=this.value.value.slice();l.splice(n,a),this.change(l)});x(this,"move",(n,a,l=1)=>{if(l<1||n===a)return;const s=this.value.value.slice(),i=s.splice(n,l);s.splice(a,0,...i),this.change(s)});const u=o.on(p=>{const b=O(this,z).length-p.length;b>0&&O(this,z).splice(p.length,b).forEach(f=>f.dispose())});this.length=o.map(p=>p.length),this.onDispose(()=>{for(const p of O(this,z))p.dispose();this.length.dispose(),O(this,z).length=0,u(),o.dispose()})}}z=new WeakMap;const Me={mark:e.makeProviderMark("Theme"),create:t=>{const r=C.useAppearance(),n=e.localStorageProp({key:"beatui-appearance-preference",defaultValue:"system"}),a=()=>{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:a}}},kr=()=>e.Use(Me,({appearance:t})=>e.Portal("body",e.attr.class(t.map(r=>`b-${r}`))));function Ut({value:t,onChange:r}){return Nt({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 yr(){return e.Use(Me,({appearancePreference:t,setAppearancePreference:r})=>Ut({value:t,onChange:r}))}const vr=t=>{const{value:r,onBlur:n,onChange:a,placeholder:l,id:s}=t,i=s??Z("checkbox"),h=`${i}-label`;return j({growInput:!1,...t,input:e.html.span(e.attr.class("bc-checkbox-input"),e.input.checkbox(H(t),e.attr.checked(r),e.attr.class("bc-checkbox-input__checkbox"),e.attr.id(i),l!=null?e.aria.labelledby(h):e.Empty,e.WithElement(o=>{const u=o.closest("[data-describedby]");if(u){const p=u.getAttribute("data-describedby"),b=u.getAttribute("data-required"),f=u.getAttribute("data-invalid");p&&o.setAttribute("aria-describedby",p),b==="true"&&o.setAttribute("aria-required","true"),f==="true"&&o.setAttribute("aria-invalid","true")}}),n!=null?e.on.blur(e.emitValue(n)):e.Empty,a!=null?e.on.change(e.emitChecked(a)):e.Empty),l!=null?e.html.label(e.attr.class("bc-checkbox-input__label"),e.attr.id(h),e.attr.for(i),Et(l)):e.Empty)})},mr=({startEditing:t,value:r,onChange:n,placeholder:a})=>{const l=e.Value.deriveProp(t??!1),s=e.prop(!1);return e.html.div(e.attr.class("bc-editable-text"),e.When(l,()=>e.html.input(e.attr.placeholder(a),e.attr.value(r),e.attr.class("bc-editable-text__input"),C.AutoSelect(),e.on.keydown(i=>{i.key==="Enter"?l.set(!1):i.key==="Escape"&&(s.set(!0),l.set(!1))}),e.on.blur(e.emitValue(i=>{if(l.set(!1),s.value){s.set(!1);return}n(i)}))),()=>e.html.span(e.on.click(()=>l.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"),a)),e.html.button(e.attr.class("bc-editable-text__edit-button"),e.aria.label("Edit"),e.on.click(()=>l.set(!0)),N({icon:"line-md/pencil"})))))},wr=({value:t,onChange:r,offLabel:n,onLabel:a,label:l,disabled:s=!1,size:i="md",id:h})=>{const o=h??Z("switch"),u=`${o}-label`;function p(g,k){const v=["bc-switch",`bu-text-${k}`,`bc-switch--${k}`];return g&&v.push("bc-switch--disabled"),v.join(" ")}const b=()=>{e.Value.get(s)||r(!e.Value.get(t))},f=g=>{e.Value.get(s)||(g.key===" "||g.key==="Enter")&&(g.preventDefault(),b())};return e.html.div(e.attr.class(e.computedOf(s??!1,i)((g,k)=>p(g??!1,k??"md"))),e.attr.id(o),e.attr.role("switch"),e.attr.tabindex(e.Value.map(s,g=>g?-1:0)),e.aria.checked(t),e.aria.disabled(s),e.aria.labelledby(l!=null?u:void 0),e.on.click(b),e.on.keydown(f),l!=null?Fe(e.attr.id(u),e.attr.class(`bu-text-${i} bu-nowrap`),l):null,e.html.div(e.attr.class("bc-switch__track"),e.attr.class(e.Value.map(t,g=>g?"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,g=>g?"bc-switch__track-label--hidden":"bc-switch__track-label--visible")),n):null,a!=null?e.html.div(e.attr.class("bc-switch__track-label bc-switch__track-label--on"),e.attr.class(e.Value.map(t,g=>g?"bc-switch__track-label--visible":"bc-switch__track-label--hidden")),a):null,C.ElementRect(g=>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,g,i)((k,{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 k?`translateX(calc(${v}px - (var(--spacing-base) * ${d})))`:"translateX(0)"}))))))};function zt(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 Gt(t){const r=t.filter(l=>l.path==null||l.path.length===0).map(l=>l.message),n=t.filter(l=>l.path!=null&&l.path.length>0).reduce((l,s)=>{const i=zt(s.path),h=i.pop();let o=l;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},l},{}),a=r.join(`
|
|
97
|
+
`);return{...n,error:a!=""?a:void 0}}function Zt({defaultValue:t,onChange:r,validate:n}){const a=e.prop(t),l=e.prop({type:"Valid"}),s=e.prop(!1),i=async o=>{if(a.set(o),r==null||r(o),n!=null){const u=await n(o);l.set(u)}},h=new K([],i,a,l,{disabled:s});return h.onDispose(()=>{s.dispose(),a.dispose(),l.dispose()}),h}function Re(t){return e.Fragment(e.attr.disabled(t.disabled),e.attr.name(t.name))}function Cr(t,{triggerOn:r="change"}={}){return e.Fragment(Re(t),e.attr.value(t.value),(r==="input"?e.on.input:e.on.change)(e.emitValue(t.change)))}function Er(t,{triggerOn:r="change"}={}){return e.Fragment(Re(t),e.attr.valueAsNumber(t.value),(r==="input"?e.on.input:e.on.change)(e.emitValueAsNumber(t.change)))}function Kt(t){return t.issues!=null?{type:"Invalid",...Gt(t.issues)}:{type:"Valid"}}function Sr({defaultValue:t={},schema:r}){return Zt({defaultValue:t,validate:async n=>Kt(await r["~standard"].validate(n))}).object()}const xr=["!=","<=",">=","<",">","="];function $r(t){for(const r of xr)if(typeof t=="string"&&t.startsWith(r))return[r,t.slice(r.length)];return["=",t]}function Xt(t,r,n){const[a,l]=$r(r),s=t.findIndex(o=>o[1]===l);if(s===-1)throw new Error(`Breakpoint ${String(l)} not found`);const i=t[s][0],h=s<t.length-1?t[s+1][0]:1/0;switch(a){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 Vr(t,r){const n=t.findIndex(a=>a[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 l=[...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=l.findIndex(b=>b[0]>u)-1;return p>=0?{width:u,breakpoint:l[p][1]}:l.length>0&&u>=l[0][0]?{width:u,breakpoint:l[0][1]}:{width:u,breakpoint:l[0][1]}});return t({value:h,breakpoints:r,asList:l,is:(u,p)=>Xt(l,u,p)})};return n==="element"?C.ElementRect(s):C.WindowSize(s)}let Ue=NaN;function Ar(t,r){return t?(isNaN(Ue)&&(Ue=parseFloat(getComputedStyle(document.documentElement).fontSize)),parseFloat(t)*Ue):r}function L(t,r,n){return Ar(t.getPropertyValue(r),n)}function Qt(t){return e.WithElement(r=>{const n=getComputedStyle(r),a={zero:0,xs:L(n,"--breakpoint-xs",640),sm:L(n,"--breakpoint-sm",768),md:L(n,"--breakpoint-md",1024),lg:L(n,"--breakpoint-lg",1280),xl:L(n,"--breakpoint-xl",1536)};return qe(t,{breakpoints:a})})}function Or(t){return e.WithElement(r=>{const n=getComputedStyle(r),a={zero:0,"3xs":L(n,"--container-3xs",256),"2xs":L(n,"--container-2xs",288),xs:L(n,"--container-xs",320),sm:L(n,"--container-sm",384),md:L(n,"--container-md",448),lg:L(n,"--container-lg",512),xl:L(n,"--container-xl",640),"2xl":L(n,"--container-2xl",768),"3xl":L(n,"--container-3xl",1024),"4xl":L(n,"--container-4xl",1280),"5xl":L(n,"--container-5xl",1536),"6xl":L(n,"--container-6xl",2048)};return qe(t,{breakpoints:a,mode:"element"})})}function ze({initialStatus:t="closed",openedAfter:r,closedAfter:n}){const a=e.prop(t),l=()=>{a.set("start-opening")},s=()=>{a.set("start-closing")},i=a.map(d=>d!=="closed"&&d!=="start-closing"&&d!=="closing"),h=d=>{d?l():s()},o=()=>{h(!i.value)},u=d=>a.on(V=>{V==="closed"&&d()});let p=()=>{};a.on(d=>{switch(p(),d){case"start-opening":p=G(()=>a.set("opening"));break;case"opening":p=r(()=>a.set("opened"));break;case"start-closing":p=G(()=>a.set("closing"));break;case"closing":p=n(()=>a.set("closed"));break}}),a.onDispose(()=>p());const b=a.map(d=>d==="closed"),f=a.map(d=>d==="start-opening"),g=a.map(d=>d==="opening"),k=a.map(d=>d==="opened"),v=a.map(d=>d==="closing"),m=a.map(d=>d==="start-closing");return{status:a,open:l,close:s,toggle:o,setOpen:h,display:i,isClosed:b,isStartOpening:f,isOpening:g,isOpened:k,isClosing:v,isStartClosing:m,dispose:()=>a.dispose(),onClosed:u}}function Tr({initialStatus:t="closed",duration:r,openDuration:n=r??500,closeDuration:a=r??500}={}){return ze({initialStatus:t,openedAfter:l=>nt(l,n),closedAfter:l=>nt(l,a)})}function Yt(t,r){let n=!1,a=null;function l(){n||(n=!0,a&&(clearTimeout(a),a=null),r())}function s(u){u.target===t&&l()}function i(u){u.target===t&&l()}const o=G(()=>{var p,b;if(typeof window<"u"&&((b=(p=window.navigator)==null?void 0:p.userAgent)==null?void 0:b.includes("jsdom"))){a=setTimeout(l,16);return}t.getAnimations().length===0?(t.addEventListener("transitionend",s,{once:!0}),t.addEventListener("animationend",i,{once:!0}),a=setTimeout(l,550)):(t.addEventListener("transitionend",s,{once:!0}),t.addEventListener("animationend",i,{once:!0}))});return()=>{n=!0,o(),a&&(clearTimeout(a),a=null),t.removeEventListener("transitionend",s),t.removeEventListener("animationend",i)}}function Y({initialStatus:t="closed",element:r}={}){let n=r;return{setElement:a=>{n=a},...ze({initialStatus:t,openedAfter:a=>n==null?(a(),()=>{}):Yt(n,a),closedAfter:a=>n==null?(a(),()=>{}):Yt(n,a)})}}function ve(t,r){return e.attr.class(e.computedOf(t,r)((n,a)=>`bu-toggle--animated bu-toggle--${n} bu-toggle--${a}`))}function q(t,r,n){return`bc-panel ${(Array.isArray(t)?t:[t]).map(l=>`bc-panel--side-${l}`).join(" ")} bu-bg--lighter-${r} bc-panel--shadow-${n}`}const U={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 Jt(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 Ge(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((a,l)=>l!==r)),r--);return t=t.map(r=>r.map(n=>n!=null&&n.startsWith("?")?n.slice(1):n)),t}function _r({smallBreakpoint:t,mediumBreakpoint:r,vertical:n,horizontal:a,is:l}){function s(o){var g;let u=[[null],[null],[null],[null],[null],[null]];const p=[];p.push("1fr");const b=[];return a.banner&&(b.push(a.banner[o]+"px"),u[0][1]="banner"),(a.header||n.menu||n.aside)&&(b.push((((g=a.header)==null?void 0:g[o])??U.header[o])+"px"),u[1][1]="header"),a.mainHeader&&(b.push(a.mainHeader[o]+"px"),u[2][1]="mainHeader"),b.push("1fr"),u[3][1]="main",a.mainFooter&&(b.push(a.mainFooter[o]+"px"),u[4][1]="mainFooter"),a.footer&&(b.push(a.footer[o]+"px"),u[5][1]="footer"),u=Ge(u),{columns:p.join(" "),rows:b.join(" "),areas:u.map(k=>`"${k.join(" ")}"`).join(`
|
|
98
|
+
`),displayMenu:!1,displayAside:!1,menuWidth:U.menu[o]+"px",asideWidth:U.aside[o]+"px"}}function i(o){var g;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 b=[];return a.banner&&(b.push(a.banner[o]+"px"),u[0][0]="?banner",u[0][1]="banner"),(a.header||n.aside)&&(b.push((((g=a.header)==null?void 0:g[o])??U.header[o])+"px"),u[1][0]="?header",u[1][1]="header"),a.mainHeader&&(b.push(a.mainHeader[o]+"px"),u[2][1]="mainHeader"),b.push("1fr"),u[3][1]="main",a.mainFooter&&(b.push(a.mainFooter[o]+"px"),u[4][1]="mainFooter"),a.footer&&(b.push(a.footer[o]+"px"),u[5][0]="?footer",u[5][1]="footer"),u=Ge(u),{columns:p.join(" "),rows:b.join(" "),areas:u.map(k=>`"${k.join(" ")}"`).join(`
|
|
99
|
+
`),displayMenu:!0,displayAside:!1,menuWidth:U.menu[o]+"px",asideWidth:U.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 b=[];return a.banner&&(b.push(a.banner[o]+"px"),u[0][0]="?banner",u[0][1]="banner",u[0][2]="?banner"),a.header&&(b.push(a.header[o]+"px"),u[1][0]="?header",u[1][1]="header",u[1][2]="?header"),a.mainHeader&&(b.push(a.mainHeader[o]+"px"),u[2][1]="mainHeader"),b.push("1fr"),u[3][1]="main",a.mainFooter&&(b.push(a.mainFooter[o]+"px"),u[4][1]="mainFooter"),a.footer&&(b.push(a.footer[o]+"px"),u[5][0]="?footer",u[5][1]="footer",u[5][2]="?footer"),u=Ge(u),{columns:p.join(" "),rows:b.join(" "),areas:u.map(g=>`"${g.join(" ")}"`).join(`
|
|
100
|
+
`),displayMenu:!0,displayAside:!0,menuWidth:U.menu[o]+"px",asideWidth:U.aside[o]+"px"}}return({width:o,breakpoint:u})=>l(`<=${t}`,o)?s(u):l(`<=${r}`,o)?i(u):h(u)}const Ir=["menu","aside"],Br=["banner","header","mainHeader","mainFooter","footer"];function Dr(t,{displayMenu:r},n){return t?r?"block":n?"float":"none":"none"}function Fr(t,{displayAside:r},n){return t?r?"block":n?"float":"none":"none"}function Lr({smallBreakpoint:t="sm",mediumBreakpoint:r="md",...n}){const a=Object.fromEntries(Ir.filter(s=>n[s]).map(s=>[s,Jt(n[s].width??{},U[s])])),l=Object.fromEntries(Br.filter(s=>n[s]).map(s=>[s,Jt(n[s].height??{},U[s])]));return Qt(({value:s,is:i})=>{var d,V,F,T,w,A,S,M,_,R;const h=_r({smallBreakpoint:t,mediumBreakpoint:r,vertical:a,horizontal:l,is:i}),o=s.map(h),u=l.header!=null||a.menu!=null||a.aside!=null,p=e.computedOf(a.aside!=null,o)((y,{displayAside:E})=>y&&!E),b=e.computedOf(a.menu!=null,o)((y,{displayMenu:E})=>y&&!E),f=Y(),g=Y(),k=e.prop(0),v=e.computedOf(a.menu!=null,o,f.display)(Dr),m=e.computedOf(a.aside!=null,o,g.display)(Fr);return e.html.div(e.OnDispose(()=>{k.dispose(),f.dispose(),g.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(q("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(q("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"),C.ElementRect(y=>(y.$.bottom.feedProp(k),null)),e.html.div(e.style.display("flex"),e.style.height("100%"),e.html.div(e.style.display(b.map(y=>y?"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(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"),(F=n.header)==null?void 0:F.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")),Q({onClick:()=>g.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(g.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.aria.label("Main navigation"),e.attr.role("navigation"),e.attr.class(v.map(y=>{var E,re,ee,ce;return y==="float"?q("right",((E=n.menu)==null?void 0:E.color)??"white",((re=n.menu)==null?void 0:re.shadow)??"md"):q("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)((y,E)=>y==="none"&&E==="closed"?"none":"block")),e.style.position(e.computedOf(v,f.status)((y,E)=>y==="float"||y==="none"&&E!=="closed"?"fixed":"initial")),e.style.top(k.map(y=>`${y}px`)),ve("slide-right",e.computedOf(v,f.status)((y,E)=>y==="block"?"opened":E)),e.style.width(o.$.menuWidth),e.style.bottom(k.map(y=>`${y}px`)),(T=n.menu)==null?void 0:T.content):null,n.mainHeader?e.html.header(e.style.height("100%"),e.style.gridArea("mainHeader"),e.attr.class(q("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(q("none",((S=n.main)==null?void 0:S.color)??"white",((M=n.main)==null?void 0:M.shadow)??"none")),n.main.content),n.mainFooter?e.html.footer(e.style.height("100%"),e.style.gridArea("mainFooter"),e.attr.class(q("none",((_=n.mainFooter)==null?void 0:_.color)??"white",((R=n.mainFooter)==null?void 0:R.shadow)??"none")),n.mainFooter.content):null,n.aside?e.html.aside(e.WithElement(y=>{g.setElement(y)}),e.attr.class("bu-z-10"),e.aria.label("Sidebar"),e.attr.role("complementary"),e.attr.class(m.map(y=>y==="float"?q("left","white","md"):q("left","white","none"))),e.style.height("100%"),e.style.gridArea("aside"),e.style.display(e.computedOf(m,g.status)((y,E)=>y==="none"&&E==="closed"?"none":"block")),e.style.position(e.computedOf(m,g.status)((y,E)=>y==="float"||y==="none"&&E!=="closed"?"fixed":"initial")),e.style.top(k.map(y=>`${y}px`)),ve("slide-left",e.computedOf(m,g.status)((y,E)=>y==="block"?"opened":E)),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(q("top","white","none")),e.style.height("100%"),e.style.gridArea("footer"),n.footer.content):null)})}function Wr(t,r,n){const a=["bc-card"];return t!=="default"&&a.push(`bc-card--${t}`),r!=="md"&&a.push(`bc-card--padding-${r}`),n!=="lg"&&a.push(`bc-card--rounded-${n}`),a.join(" ")}function Nr({variant:t="default",size:r="md",roundedness:n="lg"}={},...a){return e.html.div(e.attr.class(e.computedOf(t,r,n)((l,s,i)=>Wr(l??"default",s??"md",i??"lg"))),...a)}function jr(...t){return e.html.div(e.attr.class("bc-center-h"),e.html.div(e.attr.class("bc-center__content"),...t))}function Hr(t){const r=["bc-center"];return t!=="lg"&&r.push(`bc-center--gap-${t}`),r.join(" ")}function Pr({gap:t="lg"}={},...r){return e.html.div(e.attr.class(e.computedOf(t)(n=>Hr(n??"lg"))),...r)}function Mr(t,r=0,n=()=>!0){let a=null,l;const s=e.prop(t.value);return t.on(i=>{l=i,n(i)?a==null&&(a=setTimeout(()=>{a=null,s.set(l)},r)):s.set(i)}),t.onDispose(()=>{a!=null&&clearTimeout(a)}),s}const Rr=["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 qr(t){return Array.from(t.querySelectorAll(Rr)).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:a,initialFocus:l,returnFocus:s,clickOutsideDeactivates:i=!1,onClickOutside:h}=t;return e.WithElement(o=>{let u=r,p=null,b=[];typeof document<"u"&&(p=document.activeElement);const f=()=>{b=qr(o)},g=d=>{var V,F;if(u){if(n&&d.key==="Escape"){d.preventDefault(),a==null||a();return}if(d.key==="Tab"){if(f(),b.length===0){d.preventDefault();return}const T=b.indexOf(document.activeElement);d.shiftKey?T<=0&&(d.preventDefault(),(V=b[b.length-1])==null||V.focus()):T>=b.length-1&&(d.preventDefault(),(F=b[0])==null||F.focus())}}},k=d=>{if(!u||!i)return;const V=d.target;o.contains(V)||h==null||h()},v=()=>{if(!u)return;f();let d=null;typeof l=="function"?d=l():l?d=l:b.length>0&&(d=b[0]),d&&setTimeout(()=>{d==null||d.focus()},50),document.addEventListener("keydown",g,!0),i&&document.addEventListener("click",k,!0)},m=()=>{u=!1,document.removeEventListener("keydown",g,!0),document.removeEventListener("click",k,!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 Ur(t={}){return{activate:()=>se({...t,active:!0}),deactivate:()=>se({...t,active:!1})}}function en({open:t},...r){return e.WithElement(n=>{const{status:a,setOpen:l,dispose:s}=Y({initialStatus:e.Value.get(t)?"opened":"closed",element:n});return e.Value.on(t,l),C.ElementRect(i=>{const h=e.prop(null);return e.computedOf(a,i.$.height)((u,p)=>u==="opened"&&p>0?p:null).on(u=>{u!=null&&h.set(u)}),a.on(u=>{if(n&&u==="start-opening"){const p=n.style.height,b=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=b,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(a.map(u=>`bc-collapse bc-collapse--${u}`)),...r)})})}function zr(...t){return e.html.div(e.attr.class("bc-group"),...t)}function Ze({header:t,footer:r,body:n,shadowOnScroll:a=!0}){const l=e.prop("none");function s(h){const o=h.scrollTop===0,u=h.scrollTop+h.clientHeight>=h.scrollHeight-1;o&&u?l.set("none"):o?l.set("bottom"):u?l.set("top"):l.set("both")}return e.html.div(e.attr.class("bc-scrollable-panel"),e.attr.class(e.computedOf(l,a)((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 Gr(t,r,n){const a=["bc-sink"];return t!=="default"&&a.push(`bc-sink--${t}`),r!=="md"&&a.push(`bc-sink--padding-${r}`),n!=="lg"&&a.push(`bc-sink--rounded-${n}`),a.join(" ")}function Zr({variant:t="default",size:r="md",roundedness:n="lg"}={},...a){return e.html.div(e.attr.class(e.computedOf(t,r,n)((l,s,i)=>Gr(l??"default",s??"md",i??"lg"))),...a)}function Kr(...t){return e.html.div(e.attr.class("bc-stack"),...t)}function Xr(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 tn(t){const{content:r,placement:n="top",showDelay:a=250,hideDelay:l=500,mainAxisOffset:s=8,crossAxisOffset:i=0,showOn:h="hover-focus",closable:o=!0,arrow:u,role:p}=t;return C.PopOver((b,f)=>{const g=Y({initialStatus:"closed"}),k=Z("flyout");let v=null,m=null,d=null,V=!1;function F(){w!=null&&(clearTimeout(w),w=null),S!=null&&(clearTimeout(S),S=null),d&&(d(),d=null),m&&(m(),m=null),v&&(document.removeEventListener("keydown",v),v=null),V=!1}function T(){e.Value.get(o)&&(v=_=>{_.key==="Escape"&&M()},document.addEventListener("keydown",v)),V=!0,b({placement:n??"top",mainAxisOffset:s,crossAxisOffset:i,arrow:u,content:e.WithElement(_=>{g.setElement(_),d=G(()=>{g.open(),d=null});const R=y=>{if(e.Value.get(o)&&y.key==="Escape"){y.preventDefault(),y.stopPropagation(),M();const E=document.querySelector(`[aria-controls="${k}"]`);E&&E.setAttribute("aria-expanded","false")}};return document.addEventListener("keydown",R,!0),e.Fragment(e.OnDispose(()=>{F(),document.removeEventListener("keydown",R,!0)}),e.attr.class("bc-flyout"),e.attr.id(k),e.attr.tabindex(-1),ve(e.Value.map(n,Xr),g.status),p?e.attr.role(p):e.attr.role("dialog"),r())})})}let w=null;function A(){if(w!=null&&(clearTimeout(w),w=null),S!=null&&(clearTimeout(S),S=null),m&&(m(),m=null),g.isOpened.value||g.isOpening.value||g.isStartOpening.value)return;if(g.isClosing.value||g.isStartClosing.value){g.open();return}const _=e.Value.get(a);w=setTimeout(()=>{w=null,T()},_)}let S=null;function M(){if(w!=null&&(clearTimeout(w),w=null),S!=null&&(clearTimeout(S),S=null),d&&(d(),d=null,V)){f(),F();return}const _=e.Value.get(l);S=setTimeout(()=>{S=null,m&&(m(),m=null),g.close(),m=g.onClosed(()=>{f(),F()})},_)}return e.WithElement(_=>{const R=ee=>{_.setAttribute("aria-expanded",ee.toString()),_.setAttribute("aria-controls",k),_.hasAttribute("aria-haspopup")||_.setAttribute("aria-haspopup","dialog")};R(!1);const y=()=>{A(),R(!0)},E=()=>{M(),R(!1)};if(typeof h=="function")return h(y,E);const re=h;return e.Fragment(e.OnDispose(()=>{g.dispose()}),e.OneOfValue(re,{"hover-focus":()=>e.Fragment(e.on.mouseenter(()=>y()),e.on.mouseleave(()=>E()),e.on.focus(()=>y()),e.on.blur(()=>E())),hover:()=>e.Fragment(e.on.mouseenter(()=>y()),e.on.mouseleave(()=>E())),focus:()=>e.Fragment(e.on.focus(()=>y()),e.on.blur(()=>E())),click:()=>{function ee(){document.removeEventListener("click",ce)}function ce(){ee(),E()}return e.Fragment(e.OnDispose(ee),e.on.click(()=>{y(),G(()=>{document.addEventListener("click",ce,{once:!0})})}))},never:()=>null}))})})}function Ke(t,r,n){const a=["bc-link"];if(a.push(`bu-text--${r}`),n)a.push("bc-link--disabled");else switch(t){case"plain":a.push("bc-link--plain");break;case"hover":a.push("bc-link--hover");break;case"default":default:a.push("bc-link--default");break}return a.join(" ")}function nn({href:t,variant:r="default",color:n="primary",colorDisabled:a="base",disabled:l=!1,withViewTransition:s=!0,target:i,rel:h},...o){return e.When(l,()=>e.html.span(e.attr.class(e.computedOf(r,a,l)((u,p,b)=>Ke(u,p,b))),...o),()=>C.Anchor({href:t,withViewTransition:s},e.attr.class(e.computedOf(r,n,l)((u,p,b)=>Ke(u,p,b))),i?e.attr.target(i):null,h?e.attr.rel(h):null,...o))}function Xe(t,r,n){const a=Object.keys(t.search).length>0?"?"+new URLSearchParams(t.search).toString():"",l=t.hash||"";switch(n){case"exact":return t.pathname+a+l===r;case"prefix":return t.pathname.startsWith(r)||(t.pathname+a).startsWith(r);case"params":try{const s=new URL(r,window.location.origin),i=new URLSearchParams(s.search),h=new URLSearchParams(t.search);if(t.pathname!==s.pathname)return!1;const o=Array.from(i.entries()).sort(),u=Array.from(h.entries()).sort();return o.length!==u.length?!1:o.every(([p,b],f)=>{const[g,k]=u[f];return p===g&&b===k})}catch{return t.pathname===r}default:return!1}}function Qr({href:t,matchMode:r="exact",disableWhenActive:n=!0,...a},...l){return e.Use(C.Location,s=>{const i=e.computedOf(s,t,n)((h,o,u)=>u??!0?Xe(h,e.Value.get(o),r):!1);return nn({...a,href:t,disabled:i},...l)})}function Yr({href:t,withViewTransition:r=!0,target:n,rel:a,matchMode:l,disableWhenActive:s,variant:i="filled",size:h="md",color:o="base",roundedness:u="sm",disabled:p=!1},...b){return l!==void 0||s!==void 0?e.Use(C.Location,f=>{const g=e.computedOf(f,t,s)((v,m,d)=>{if(!(d??!0)||!l)return!1;const F=e.Value.get(m);return Xe(v,F,l)}),k=e.computedOf(p,g)((v,m)=>v||m);return rn({href:t,withViewTransition:r,target:n,rel:a,variant:i,size:h,color:o,roundedness:u,disabled:k},...b)}):rn({href:t,withViewTransition:r,target:n,rel:a,variant:i,size:h,color:o,roundedness:u,disabled:p},...b)}function rn({href:t,withViewTransition:r,target:n,rel:a,variant:l,size:s,color:i,roundedness:h,disabled:o},...u){return e.When(o??!1,()=>e.html.span(e.attr.class(e.computedOf(l,s,i,h,o)((p,b,f,g,k)=>he(p??"filled",b??"md",f??"base",g??"sm",k,!1))),...u),()=>C.Anchor({href:t,withViewTransition:r},e.attr.class(e.computedOf(l,s,i,h,o)((p,b,f,g,k)=>he(p??"filled",b??"md",f??"base",g??"sm",k,!1))),n?e.attr.target(n):null,a?e.attr.rel(a):null,...u))}function Qe({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 Jr(t,...r){return C.Anchor({href:t.href,withViewTransition:!0},...r)}function ea(...t){return e.html.span(...t)}function ta(t,...r){return e.html.button(e.on.click(t.onClick),e.WithElement(n=>{if(t.ariaExpanded!=null){const a=l=>{n.setAttribute("aria-expanded",String(l))};a(e.Value.get(t.ariaExpanded)),typeof t.ariaExpanded=="object"&&"on"in t.ariaExpanded&&t.ariaExpanded.on(a)}if(t.ariaControls!=null){const a=l=>{n.setAttribute("aria-controls",l)};a(e.Value.get(t.ariaControls)),typeof t.ariaControls=="object"&&"on"in t.ariaControls&&t.ariaControls.on(a)}if(t.ariaLabel!=null){const a=l=>{n.setAttribute("aria-label",l)};a(e.Value.get(t.ariaLabel)),typeof t.ariaLabel=="object"&&"on"in t.ariaLabel&&t.ariaLabel.on(a)}}),...r)}function an(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((a,l)=>{var s,i;(i=(s=t.action)==null?void 0:s.onClick)==null||i.call(s,l)}),N({icon:(n=t.action)==null?void 0:n.icon}))),"onClick"in t?ta(t,...r):e.Use(C.Location,a=>{const l=e.computedOf(a,t.href)(({pathname:s},i)=>s===i);return e.When(l,()=>ea(...r),()=>Jr(t,...r))})}function na({rail:t=!0,icon:r,header:n,startOpen:a=!0},...l){const s=e.Value.deriveProp(a),i=Z("sidebar-group"),h=`${i}-content`;return Qe({},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),an({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}),Qe({rail:t},e.attr.id(h),en({open:s},...l)))}function ra(t,r){return t(()=>{})}function Ye(t){return e.WithBrowserCtx(r=>{const n=[],a=()=>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 b=Y();b.onClosed(a);let f=()=>{},g=()=>{};const k=T=>{T.key==="Escape"&&(o==null||o(),b.close())},v=()=>{h==null||h(),b.close()},m=T=>{f(),g(),T==="capturing"?(document.addEventListener("keydown",k),f=()=>document.removeEventListener("keydown",k),r.element.addEventListener("mousedown",v),g=()=>r.element.removeEventListener("mousedown",v)):(f=()=>{},g=()=>{})},d=e.Value.on(i,m);n.push(d),n.push(()=>{f(),g()});const V=()=>{var w,A;const T=new Set;for(const S of r.element.querySelectorAll(":scope > :not([data-overlay])"))S.hasAttribute("inert")?T.add(S):S.setAttribute("inert","");return n.push(()=>{for(const S of r.element.querySelectorAll(":scope > :not([data-overlay])"))T.has(S)||S.removeAttribute("inert");T.clear()}),(A=(w=document.activeElement)==null?void 0:w.blur)==null||A.call(w),e.html.div(e.WithElement(S=>b.setElement(S)),e.dataAttr.status(b.status.map(String)),e.dataAttr.overlay("true"),e.attr.class(e.computedOf(s??"opaque",i)((S,M)=>`bc-overlay bc-overlay--effect-${S} bc-overlay--mode-${M}`)),u)},F=e.render(V(),r.element,{disposeWithParent:!0,clear:!1,providers:r.providers});n.push(F),G(()=>b.open())},a)})}function ln(t,r){const{size:n="md",dismissable:a=!0,showCloseButton:l=!0,onClose:s,overlayEffect:i="opaque",container:h="body",position:o="center"}=t;return Ye((u,p)=>{let b=()=>{};return r(k=>{b=p;const v=e.prop("capturing");e.Value.on(a,w=>{v.set(w?"capturing":"non-capturing")});const m=e.computedOf(k.header!=null,l)((w,A)=>w||A),d=Z("modal"),V=`${d}-header`,F=`${d}-body`,T=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),...k.header?[e.aria.labelledby(V)]:[],e.aria.describedby(F),e.attr.tabindex(-1),e.attr.id(d),e.dataAttr.focusTrap("true"),e.on.mousedown(w=>w.stopPropagation()),se({escapeDeactivates:e.Value.get(a),onEscape:()=>{e.Value.get(a)&&(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 S=w.querySelector('button, input, select, textarea, [tabindex]:not([tabindex="-1"])');return S||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(...k.header?[e.attr.id(V)]:[],k.header),e.When(l,()=>Q({variant:"text",size:"sm",onClick:()=>{b(),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(F),k.body),k.footer&&e.html.div(e.attr.class("bc-modal__footer"),k.footer)));u({mode:v,effect:i??"opaque",container:h,content:T,onClickOutside:()=>{s==null||s(),p()},onEscape:()=>{s==null||s(),p()}})},()=>{b(),p()})})}function aa(t,r){const{confirmText:n="Confirm",cancelText:a="Cancel",onConfirm:l,onCancel:s,...i}=t;return ln({showCloseButton:!1,...i},(h,o)=>{const u=()=>{l==null||l(),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},a),Q({color:"primary",variant:"filled",onClick:u},n))})},o)})}function la(t){return Ye((r,n)=>{let a=n;const l=()=>a();return t(h=>{const{size:o="md",side:u="right",dismissable:p=!0,showCloseButton:b=!0,onClose:f,overlayEffect:g="opaque",container:k="body",header:v,body:m,footer:d}=h;a=n;const V=e.prop("capturing");e.Value.on(p,w=>{V.set(w?"capturing":"non-capturing")});const F=e.computedOf(v!=null,b)((w,A)=>w||A),T=e.WithElement(w=>{const A=Y({initialStatus:"closed",element:w});a=()=>{A.close(),A.onClosed(()=>{n()})},G(()=>A.open());const M=Z("drawer"),_=v!=null?`${M}-header`:void 0,R=`${M}-body`;return e.html.div(e.attr.class(e.computedOf(o,u,A.status)((y,E,re)=>`bc-drawer bc-drawer--size-${y} bc-drawer--container-${k} bc-drawer--side-${E} bc-drawer--status-${re}`)),e.attr.role("dialog"),e.aria.modal(!0),..._?[e.aria.labelledby(_)]:[],e.aria.describedby(R),e.attr.tabindex(-1),e.attr.id(M),e.dataAttr.focusTrap("true"),se({active:!0,escapeDeactivates:e.Value.get(p),onEscape:e.Value.get(p)?l:void 0,initialFocus:()=>document.querySelector(`#${M} [aria-label="Close drawer"]`)||null}),e.on.mousedown(y=>y.stopPropagation()),e.MapSignal(F,y=>Ze(y?{header:e.html.div(e.attr.class("bc-drawer__header"),e.html.div(e.attr.id(_),v),e.When(b,()=>Q({variant:"text",size:"sm",onClick:l},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(R),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(R),m),footer:d&&e.html.div(e.attr.class("bc-drawer__footer"),d)})))});r({mode:V,effect:g??"opaque",container:k,content:T,onClickOutside:()=>{f==null||f(),l()},onEscape:()=>{f==null||f(),l()}})},()=>{l()})})}function sa(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 ca(t){const{content:r,placement:n="top",showDelay:a=250,hideDelay:l=500,mainAxisOffset:s=8,crossAxisOffset:i=0,showOn:h="hover-focus"}=t,o=Z("tooltip");return e.WithElement(u=>(u.setAttribute("aria-describedby",o),tn({content:()=>e.Fragment(e.attr.class("bc-tooltip"),e.attr.role("tooltip"),e.attr.id(o),r),placement:n,showDelay:a,hideDelay:l,mainAxisOffset:s,crossAxisOffset:i,showOn:h,closable:!0,role:"tooltip",arrow:p=>{const b=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(b.map(f=>`bc-tooltip__arrow-${f}`)),e.style.transform(p.map(({x:f,y:g})=>f==null&&g==null?"":f!=null?`translate(${f}px, 0)`:`translate(0, ${g}px)`)),sa(b))}})))}function ia({locale:t,defaultLocale:r="en-US",defaultMessages:n,localeLoader:a}){const l=e.prop({locale:r,messages:n}),s=t.on(o=>{o!==l.value.locale&&(l.set({locale:o,messages:l.value.messages}),a(o).then(u=>{o===l.value.locale&&l.set({locale:o,messages:u})}).catch(u=>{l.set({locale:r,messages:n}),console.error("Failed to load locale",u)}))}),i=l.$.messages,h=new Proxy({},{get:(o,u)=>{const p=i.at(u);return function(...b){return e.computedOf(p,...b)((f,...g)=>f(...g))}}});return{dispose:()=>{s(),l.dispose()},t:h}}const oa={mark:e.makeProviderMark("Locale"),create:t=>{const r=e.localStorageProp({defaultValue:navigator.language??"en-US",key:"beatui-locale"});return{value:{locale:r,setLocale:a=>r.set(a)},dispose:()=>{r.dispose()}}}};Object.defineProperty(c,"Use",{enumerable:!0,get:()=>e.Use}),c.AnimatedToggleClass=ve,c.AppShell=Lr,c.AppearanceSelector=Ut,c.ArrayController=qt,c.Button=Q,c.ButtonLink=Yr,c.Card=Nr,c.Center=Pr,c.CenterH=jr,c.CheckboxInput=vr,c.Collapse=en,c.CollapsibleSidebarGroup=na,c.CommonInputAttributes=H,c.ConfirmModal=aa,c.ControlInputWrapper=B,c.Controller=K,c.DateControl=Un,c.DateInput=Le,c.DateTimeControl=Gn,c.DateTimeInput=At,c.Drawer=la,c.EditableText=mr,c.EmailControl=Zn,c.EmailInput=Ot,c.EmphasisLabel=Nn,c.EnsureControl=gr,c.ErrorLabel=jn,c.Expando=Tt,c.Flyout=tn,c.FocusTrap=se,c.FormStatus=Kn,c.Group=zr,c.Icon=N,c.InputContainer=j,c.InputWrapper=$t,c.Label=Fe,c.LazyNativeSelect=Bt,c.LazyNativeSelectControl=Qn,c.Link=nn,c.ListControl=fr,c.Locale=oa,c.Menu=ra,c.Modal=ln,c.MutedLabel=Et,c.NativeSelect=Ne,c.NativeSelectControl=Yn,c.NavigationLink=Qr,c.NullableDateControl=Jn,c.NullableDateInput=je,c.NullableDateTimeControl=tr,c.NullableDateTimeInput=He,c.NullableStringDateControl=nr,c.NullableStringDateTimeControl=lr,c.NullableTextArea=Ft,c.NullableTextAreaControl=sr,c.NullableTextControl=cr,c.NullableTextInput=Dt,c.NumberControl=ir,c.NumberInput=Lt,c.ObjectController=Rt,c.Overlay=Ye,c.PasswordControl=or,c.PasswordInput=Wt,c.RequiredSymbol=xt,c.ScrollablePanel=Ze,c.SegmentedControl=Nt,c.SelectOption=ke,c.SidebarGroup=Qe,c.SidebarLink=an,c.Sink=Zr,c.Stack=Kr,c.StandaloneAppearanceSelector=yr,c.StringDateControl=hr,c.Switch=wr,c.Tag=Ct,c.TagsControl=pr,c.TagsInput=jt,c.TextArea=Ht,c.TextAreaControl=br,c.TextControl=qn,c.TextInput=Vt,c.Theme=Me,c.ThemeAppearance=kr,c.Tooltip=ca,c.WithBeatUIBreakpoint=Qt,c.WithBeatUIElementBreakpoint=Or,c.WithBreakpoint=qe,c.backgroundConfig=I,c.baseSpacing=ht,c.bgColors=lt,c.borderColors=ct,c.breakpoints=Ce,c.changeFontSize=gt,c.colorShades=at,c.colors=pe,c.compareBreakpoint=Xt,c.connectCommonAttributes=Re,c.connectNumberInput=Er,c.connectStringInput=Cr,c.convertStandardSchemaIssues=Gt,c.convertStandardSchemaPathToPath=zt,c.delaySignal=Mr,c.emitExpando=Xn,c.emitOptionExpando=_t,c.emptyToNull=le,c.findBreakpoint=Vr,c.fontFamily=yt,c.fontSize=Ae,c.fontWeight=ft,c.generateAllTokenVariables=Bn,c.generateBackgroundUtilities=kn,c.generateBreakpointVariables=rt,c.generateButtonClasses=he,c.generateColorVariables=ot,c.generateLinkClasses=Ke,c.generateRadiusVariables=ut,c.generateSpacingVariables=bt,c.generateTypographyVariables=vt,c.generateZIndexVariables=wt,c.getBreakpointMediaQuery=gn,c.getBreakpointVar=bn,c.getBreakpointVarName=Ee,c.getColorVar=te,c.getColorVarName=be,c.getFontFamilyVar=xn,c.getFontFamilyVarName=Be,c.getFontSizeVar=wn,c.getFontSizeVarName=Oe,c.getFontWeightVar=Cn,c.getFontWeightVarName=Te,c.getIconLocally=tt,c.getLetterSpacingVar=Sn,c.getLetterSpacingVarName=Ie,c.getLineHeightVar=En,c.getLineHeightVarName=_e,c.getRadiusMediaQuery=vn,c.getRadiusVar=yn,c.getRadiusVarName=$e,c.getSpacingVar=mn,c.getSpacingVarName=Ve,c.getTokenValue=Dn,c.getZIndexVar=$n,c.getZIndexVarName=De,c.inputOptionsFromController=W,c.inputOptionsFromMappedController=fe,c.interactiveColors=it,c.isIndexedDBAvailable=me,c.isUrlMatch=Xe,c.letterSpacing=kt,c.lineHeight=dt,c.makeMapValidationResult=ye,c.makeMappedOnChangeHandler=de,c.makeMessages=ia,c.makeNullableOnChangeHandler=Rn,c.makeOnBlurHandler=D,c.makeOnChangeHandler=P,c.normalizeColorName=dn,c.nullToEmpty=Pe,c.parsePath=dr,c.pathToString=Mt,c.radius=xe,c.semanticColorNames=ae,c.semanticColors=Se,c.sessionId=Z,c.spacing=pt,c.standardSchemaResultToValidationResult=Kt,c.storeIconLocally=et,c.textColors=st,c.themeColorNames=fn,c.useAnimatedElementToggle=Y,c.useAnimatedToggle=ze,c.useController=Zt,c.useFocusTrap=Ur,c.useForm=Sr,c.useTimedToggle=Tr,c.wrapSegment=Pt,c.zIndex=mt,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});
|
|
@@ -12,4 +12,5 @@ export interface ButtonOptions {
|
|
|
12
12
|
roundedness?: Value<RadiusName>;
|
|
13
13
|
onClick?: () => void;
|
|
14
14
|
}
|
|
15
|
+
export declare function generateButtonClasses(variant: ButtonVariant, size: ControlSize, color: string, roundedness: RadiusName, disabled?: boolean, loading?: boolean): string;
|
|
15
16
|
export declare function Button({ type, disabled, loading, variant, size, color, roundedness, onClick, }: ButtonOptions, ...children: TNode[]): import("@tempots/dom").Renderable;
|