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