@beeq/core 1.8.0-beta.3 → 1.8.0-beta.5

package/dist/beeq/p-3fd0d92d.js

@@ -2,5 +2,1232 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-class t{#t;#e=new Set;constructor(t){this.#t=t}get current(){return this.#t}set current(t){this.#t!=t&&(this.#t=t,this.#e.forEach((e=>e(t))))}on(t){return this.#e.add(t),()=>this.#e.delete(t)}}const e=e=>new t(e),n=Symbol.for("atomico.hooks");globalThis[n]=globalThis[n]||{};let o=globalThis[n];const s=Symbol.for("Atomico.suspense"),r=Symbol.for("Atomico.effect"),i=Symbol.for("Atomico.layoutEffect"),c=Symbol.for("Atomico.insertionEffect"),a=(t,e,n)=>{const{i:s,hooks:r}=o.c,i=r[s]=r[s]||{};return i.value=t(i.value),i.effect=e,i.tag=n,o.c.i++,r[s].value},l=t=>a(((n=e(t))=>n)),u=()=>a(((t=e(o.c.host))=>t)),d=()=>o.c.update,h=(t,e,n=0)=>{let a={},l=!1;const u=()=>l,d=(t,e)=>{for(const n in a){const o=a[n];o.effect&&o.tag===t&&(o.value=o.effect(o.value,e))}};return{load:r=>{o.c={host:e,hooks:a,update:t,i:0,id:n};let i;try{l=!1,i=r()}catch(t){if(t!==s)throw t;l=!0}finally{o.c=null}return i},cleanEffects:t=>(d(c,t),()=>(d(i,t),()=>{d(r,t)})),isSuspense:u}},f=Symbol.for;function p(t,e){const n=t.length;if(n!==e.length)return!1;for(let o=0;o<n;o++){let n=t[o],s=e[o];if(n!==s)return!1}return!0}const m=t=>typeof t=="function",y=t=>typeof t=="object",{isArray:b}=Array,g=(t,e)=>(e?t instanceof HTMLStyleElement:!0)&&"hydrate"in(t?.dataset||{});function v(t,e){let n;const o=t=>{let{length:s}=t;for(let r=0;r<s;r++){const s=t[r];if(s&&Array.isArray(s))o(s);else{const t=typeof s;if(s==null||t==="function"||t==="boolean")continue;t==="string"||t==="number"?(n==null&&(n=""),n+=s):(n!=null&&(e(n),n=null),e(s))}}};o(t),n!=null&&e(n)}const w=(t,e,n)=>(t.addEventListener(e,n),()=>t.removeEventListener(e,n));class k{constructor(t,e,n){this.message=e,this.target=t,this.value=n}}class x extends k{}class D extends k{}const S="Custom",$=null,E={true:1,"":1,1:1};function N(t,e,n,o,s){const{type:r,reflect:i,event:c,value:a,attr:l=A(e)}=n?.name!=S&&y(n)&&n!=$?n:{type:n},u=r?.name===S&&r.map,d=a!=null?r==Function||!m(a)?()=>a:a:null;Object.defineProperty(t,e,{configurable:!0,set(t){const n=this[e];d&&r!=Boolean&&t==null&&(t=d());const{error:o,value:s}=(u?j:P)(r,t);if(o&&s!=null)throw new x(this,`The value defined for prop '${e}' must be of type '${r.name}'`,s);n!=s&&(this._props[e]=s??void 0,this.update(),c&&T(this,c),this.updated.then((()=>{i&&(this._ignoreAttr=l,O(this,r,l,this[e]),this._ignoreAttr=null)})))},get(){return this._props[e]}}),d&&(s[e]=d()),o[l]={prop:e,type:r}}const T=(t,{type:e,base:n=CustomEvent,...o})=>t.dispatchEvent(new n(e,o)),A=t=>t.replace(/([A-Z])/g,"-$1").toLowerCase(),O=(t,e,n,o)=>o==null||e==Boolean&&!o?t.removeAttribute(n):t.setAttribute(n,e?.name===S&&e?.serialize?e?.serialize(o):y(o)?JSON.stringify(o):e==Boolean?"":o),C=(t,e)=>t==Boolean?!!E[e]:t==Number?Number(e):t==String?e:t==Array||t==Object?JSON.parse(e):t.name==S?e:new t(e),j=({map:t},e)=>{try{return{value:t(e),error:!1}}catch{return{value:e,error:!0}}},P=(t,e)=>t==null||e==null?{value:e,error:!1}:t!=String&&e===""?{value:void 0,error:!1}:t==Object||t==Array||t==Symbol?{value:e,error:{}.toString.call(e)!==`[object ${t.name}]`}:e instanceof t?{value:e,error:t==Number&&Number.isNaN(e.valueOf())}:t==String||t==Number||t==Boolean?{value:e,error:t==Number?typeof e!="number"?!0:Number.isNaN(e):t==String?typeof e!="string":typeof e!="boolean"}:{value:e,error:!0};let z=0;const B=t=>{const e=(t?.dataset||{})?.hydrate||"";return e||"c"+z++},F=(t,e=HTMLElement)=>{const n={},o={},s="prototype"in e&&e.prototype instanceof Element,r=s?e:"base"in e?e.base:HTMLElement,{props:i,styles:c}=s?t:e;class a extends r{constructor(){super(),this._setup(),this._render=()=>t({...this._props});for(const t in o)this[t]=o[t]}static get styles(){return[super.styles,c]}async _setup(){if(this._props)return;this._props={};let t,e;this.mounted=new Promise((n=>this.mount=()=>{n(),t!=this.parentNode&&(e!=t?this.unmounted.then(this.update):this.update()),t=this.parentNode})),this.unmounted=new Promise((o=>this.unmount=()=>{o(),(t!=this.parentNode||!this.isConnected)&&(n.cleanEffects(!0)()(),e=this.parentNode,t=null)})),this.symbolId=this.symbolId||Symbol(),this.symbolIdParent=Symbol();const n=h((()=>this.update()),this,B(this));let o,s=!0;const r=g(this);this.update=()=>(o||(o=!0,this.updated=(this.updated||this.mounted).then((()=>{try{const t=n.load(this._render),e=n.cleanEffects();return t&&t.render(this,this.symbolId,r),o=!1,s&&!n.isSuspense()&&(s=!1,!r&&M(this)),e()}finally{o=!1}})).then((t=>{t&&t()}))),this.updated),this.update()}connectedCallback(){this.mount(),super.connectedCallback&&super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),this.unmount()}attributeChangedCallback(t,e,o){if(n[t]){if(t===this._ignoreAttr||e===o)return;const{prop:s,type:r}=n[t];try{this[s]=C(r,o)}catch{throw new D(this,`The value defined as attr '${t}' cannot be parsed by type '${r.name}'`,o)}}else super.attributeChangedCallback(t,e,o)}static get props(){return{...super.props,...i}}static get observedAttributes(){const t=super.observedAttributes||[];for(const t in i)N(this.prototype,t,i[t],n,o);return Object.keys(n).concat(t)}}return a};function M(t){const{styles:e}=t.constructor,{shadowRoot:n}=t;if(n&&e.length){const t=[];v(e,(e=>{e&&(e instanceof Element?n.appendChild(e.cloneNode(!0)):t.push(e))})),t.length&&(n.adoptedStyleSheets=t)}}const H=t=>(e,n)=>{a((([t,e]=[])=>((e||!e)&&(e&&p(e,n)?t=t||!0:(m(t)&&t(),t=null)),[t,n])),(([t,n],o)=>o?(m(t)&&t(),[]):[t||e(),n]),t)},L=H(r),U=H(c);class I extends Array{constructor(t,e){let n=!0;const o=t=>{try{e(t,this,n)}finally{n=!1}};super(void 0,o,e),o(t)}}const J=t=>{const e=d();return a(((n=new I(t,((t,n,o)=>{t=m(t)?t(n[0]):t,t!==n[0]&&(n[0]=t,o||e())})))=>n))},V=(t,e)=>{const[n]=a((([n,o,s=0]=[])=>((!o||o&&!p(o,e))&&(n=t()),[n,e,s])));return n},W=t=>{const{current:e}=u();if(!(t in e))throw new x(e,`For useProp("${t}"), the prop does not exist on the host.`,t);return a(((n=new I(e[t],((n,o)=>{n=m(n)?n(e[t]):n,e[t]=n})))=>(n[0]=e[t],n)))},q=(t,e={})=>{const n=u();return n[t]||(n[t]=(o=e.detail)=>T(n.current,{type:t,...e,detail:o})),n[t]},R=f("atomico/options");globalThis[R]=globalThis[R]||{sheet:!!document.adoptedStyleSheets};const Z=globalThis[R],_={checked:1,value:1,selected:1},Y={list:1,type:1,size:1,form:1,width:1,height:1,src:1,href:1,slot:1},G={shadowDom:1,staticNode:1,cloneNode:1,children:1,key:1},K={},Q=[];class X extends Text{}const tt=f("atomico/id"),et=f("atomico/type"),nt=f("atomico/ref"),ot=f("atomico/vnode"),st=()=>{};function rt(t,e,n){return ct(this,t,e,n)}const it=(t,e,...n)=>{const o=e||K;let{children:s}=o;if(s=s??(n.length?n:Q),t===st)return s;const r=t?t instanceof Node?1:t.prototype instanceof HTMLElement&&2:0;if(r===!1&&t instanceof Function)return t(s!=Q?{children:s,...o}:o);const i=Z.render||rt;return{[et]:ot,type:t,props:o,children:s,key:o.key,shadow:o.shadowDom,static:o.staticNode,raw:r,is:o.is,clone:o.cloneNode,render:i}};function ct(t,e,n=tt,o,s){let r;if(e&&e[n]&&e[n].vnode==t||t[et]!=ot)return e;(t||!e)&&(s=s||t.type=="svg",r=t.type!="host"&&(t.raw==1?(e&&t.clone?e[nt]:e)!=t.type:t.raw==2?!(e instanceof t.type):e?e[nt]||e.localName!=t.type:!e),r&&t.type!=null&&(t.raw==1&&t.clone?(o=!0,e=t.type.cloneNode(!0),e[nt]=t.type):e=t.raw==1?t.type:t.raw==2?new t.type:s?document.createElementNS("http://www.w3.org/2000/svg",t.type):document.createElement(t.type,t.is?{is:t.is}:void 0)));const i=e[n]?e[n]:K,{vnode:c=K,cycle:a=0}=i;let{fragment:l,handlers:u}=i;const{children:d=Q,props:h=K}=c;if(u=r?{}:u||{},t.static&&!r)return e;if(t.shadow&&!e.shadowRoot&&e.attachShadow({mode:"open",...t.shadow}),t.props!=h&&ut(e,h,t.props,u,s),t.children!==d){const r=t.shadow?e.shadowRoot:e;l=lt(t.children,l,r,n,!a&&o,s&&t.type=="foreignObject"?!1:s)}return e[n]={vnode:t,handlers:u,fragment:l,cycle:a+1},e}function at(t,e){const n=new X(""),o=new X("");let s;if(t[e?"prepend":"append"](n),e){let{lastElementChild:e}=t;for(;e;){const{previousElementSibling:t}=e;if(g(e,!0)&&!g(t,!0)){s=e;break}e=t}}return s?s.before(o):t.append(o),{markStart:n,markEnd:o}}function lt(t,e,n,o,s,r){t=t==null?null:b(t)?t:[t];const i=e||at(n,s),{markStart:c,markEnd:a,keyes:l}=i;let u;const d=l&&new Set;let h=c;if(t&&v(t,(t=>{if(typeof t=="object"&&!t[et])return;const e=t[et]&&t.key,i=l&&e!=null&&l.get(e);h!=a&&h===i?d.delete(h):h=h==a?a:h.nextSibling;const c=l?i:h;let f=c;if(t[et])f=ct(t,c,o,s,r);else{const e=t+"";!(f instanceof Text)||f instanceof X?f=new Text(e):f.data!=e&&(f.data=e)}f!=h&&(l&&d.delete(f),!c||l?(n.insertBefore(f,h),l&&h!=a&&d.add(h)):c==a?n.insertBefore(f,a):(n.replaceChild(f,c),h=f)),e!=null&&(u=u||new Map,u.set(e,f))})),h=h==a?a:h.nextSibling,e&&h!=a)for(;h!=a;){const t=h;h=h.nextSibling,t.remove()}return d&&d.forEach((t=>t.remove())),i.keyes=u,i}function ut(t,e,n,o,s){for(const r in e)!(r in n)&&dt(t,r,e[r],null,s,o);for(const r in n)dt(t,r,e[r],n[r],s,o)}function dt(t,e,n,o,s,r){if(e=e=="class"&&!s?"className":e,n=n??null,o=o??null,e in t&&_[e]&&(n=t[e]),!(o===n||G[e]||e[0]=="_"))if(e[0]=="o"&&e[1]=="n"&&(m(o)||m(n)))ht(t,e.slice(2),o,r);else if(e=="ref")o&&(m(o)?o(t):o.current=t);else if(e=="style"){const{style:e}=t;n=n||"",o=o||"";const s=y(n),r=y(o);if(s)for(const t in n)if(r)!(t in o)&&ft(e,t,null);else break;if(r)for(const t in o){const r=o[t];s&&n[t]===r||ft(e,t,r)}else e.cssText=o}else{const r=e[0]=="$"?e.slice(1):e;r===e&&(!s&&!Y[e]&&e in t||m(o)||m(n))?t[e]=o??"":o==null?t.removeAttribute(r):t.setAttribute(r,y(o)?JSON.stringify(o):o)}}function ht(t,e,n,o){if(o.handleEvent||(o.handleEvent=e=>o[e.type].call(t,e)),n){if(!o[e]){const s=n.capture||n.once||n.passive?Object.assign({},n):null;t.addEventListener(e,o,s)}o[e]=n}else o[e]&&(t.removeEventListener(e,o),delete o[e])}function ft(t,e,n){let o="setProperty";n==null&&(o="removeProperty",n=null),~e.indexOf("-")?t[o](e,n):t[e]=n}const pt={};function mt(t,...e){const n=(t.raw||t).reduce(((t,n,o)=>t+n+(e[o]||"")),"");return pt[n]=pt[n]||yt(n)}function yt(t){if(Z.sheet){const e=new CSSStyleSheet;return e.replaceSync(t),e}else{const e=document.createElement("style");return e.textContent=t,e}}const bt=it("host",{style:"display: contents"}),gt=f("atomico/context"),vt=(t,e)=>{const n=u();U((()=>w(n.current,"ConnectContext",(n=>{t===n.detail.id&&(n.stopPropagation(),n.detail.connect(e))}))),[t])},wt=t=>{const e=q("ConnectContext",{bubbles:!0,composed:!0}),n=()=>{let n;return e({id:t,connect(t){n=t}}),n},[o,s]=J(n);return L((()=>{o||(t[gt]||(t[gt]=customElements.whenDefined((new t).localName)),t[gt].then((()=>s(n))))}),[t]),o},kt=t=>{const e=wt(t),n=d();return L((()=>{if(e)return w(e,"UpdatedValue",n)}),[e]),(e||t).value},xt=t=>{const e=F((()=>(vt(e,u().current),bt)),{props:{value:{type:Object,event:{type:"UpdatedValue"},value:()=>t}}});return e.value=t,e},Dt=(t,e,n)=>(e==null?e={key:n}:e.key=n,it(t,e)),St=Dt,$t=mt`*,*:before,*:after{box-sizing:border-box}button{padding:0;touch-action:manipulation;cursor:pointer;user-select:none}`,Et=mt`.vh{position:absolute;transform:scale(0)}`;function Nt(){return Mt.from(new Date)}function Tt(t,e=0){const n=zt(t),o=n.getUTCDay(),s=(o<e?7:0)+o-e;return n.setUTCDate(n.getUTCDate()-s),Mt.from(n)}function At(t,e=0){return Tt(t,e).add({days:6})}function Ot(t){return Mt.from(new Date(Date.UTC(t.year,t.month,0)))}function Ct(t,e,n){return e&&Mt.compare(t,e)<0?e:n&&Mt.compare(t,n)>0?n:t}const jt={days:1};function Pt(t,e=0){let n=Tt(t.toPlainDate(),e);const o=At(Ot(t),e),s=[];for(;Mt.compare(n,o)<0;){const t=[];for(let e=0;e<7;e++)t.push(n),n=n.add(jt);s.push(t)}return s}function zt(t){return new Date(Date.UTC(t.year,t.month-1,t.day??1))}const Bt=/^(\d{4})-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[0-1])$/,Ft=(t,e)=>t.toString().padStart(e,"0");class Mt{constructor(t,e,n){this.year=t,this.month=e,this.day=n}add(t){const e=zt(this);if("days"in t)return e.setUTCDate(this.day+t.days),Mt.from(e);let{year:n,month:o}=this;"months"in t?(o=this.month+t.months,e.setUTCMonth(o-1)):(n=this.year+t.years,e.setUTCFullYear(n));const s=Mt.from(zt({year:n,month:o,day:1}));return Ct(Mt.from(e),s,Ot(s))}toString(){return`${Ft(this.year,4)}-${Ft(this.month,2)}-${Ft(this.day,2)}`}toPlainYearMonth(){return new Ht(this.year,this.month)}equals(t){return Mt.compare(this,t)===0}static compare(t,e){return t.year<e.year?-1:t.year>e.year?1:t.month<e.month?-1:t.month>e.month?1:t.day<e.day?-1:t.day>e.day?1:0}static from(t){if(typeof t=="string"){const e=t.match(Bt);if(!e)throw new TypeError(t);const[,n,o,s]=e;return new Mt(parseInt(n,10),parseInt(o,10),parseInt(s,10))}return new Mt(t.getUTCFullYear(),t.getUTCMonth()+1,t.getUTCDate())}}class Ht{constructor(t,e){this.year=t,this.month=e}add(t){const e=zt(this),n=(t.months??0)+(t.years??0)*12;return e.setUTCMonth(e.getUTCMonth()+n),new Ht(e.getUTCFullYear(),e.getUTCMonth()+1)}equals(t){return this.year===t.year&&this.month===t.month}toPlainDate(){return new Mt(this.year,this.month,1)}}function Lt(t,e){if(e)try{return t.from(e)}catch{}}function Ut(t){const[e,n]=W(t);return[V((()=>Lt(Mt,e)),[e]),t=>n(t?.toString())]}function It(t){const[e="",n]=W(t);return[V((()=>{const[t,n]=e.split("/"),o=Lt(Mt,t),s=Lt(Mt,n);return o&&s?[o,s]:[]}),[e]),t=>n(`${t[0]}/${t[1]}`)]}function Jt(t){const[e="",n]=W(t);return[V((()=>{const t=[];for(const n of e.trim().split(/\s+/)){const e=Lt(Mt,n);e&&t.push(e)}return t}),[e]),t=>n(t.join(" "))]}function Vt(t,e){return V((()=>new Intl.DateTimeFormat(e,{timeZone:"UTC",...t})),[e,t])}function Wt(t,e,n){const o=Vt(t,n);return V((()=>{const t=[],n=new Date;for(var s=0;s<7;s++){const s=(n.getUTCDay()-e+7)%7;t[s]=o.format(n),n.setUTCDate(n.getUTCDate()+1)}return t}),[e,o])}const qt=(t,e,n)=>Ct(t,e,n)===t,Rt=t=>t.target.matches(":dir(ltr)"),Zt={month:"long",day:"numeric"},_t={month:"long"},Yt={weekday:"narrow"},Gt={weekday:"long"},Kt={bubbles:!0};function Qt({props:t,context:e}){const{offset:n}=t,{firstDayOfWeek:o,isDateDisallowed:s,min:r,max:i,page:c,locale:a,focusedDate:l}=e,u=Nt(),d=Wt(Gt,o,a),h=Wt(Yt,o,a),f=Vt(Zt,a),p=Vt(_t,a),m=V((()=>c.start.add({months:n})),[c,n]),y=V((()=>Pt(m,o)),[m,o]),b=q("focusday",Kt),g=q("selectday",Kt),v=q("hoverday",Kt);function w(t){b(Ct(t,r,i))}function k(t){let e;switch(t.key){case"ArrowRight":e=l.add({days:Rt(t)?1:-1});break;case"ArrowLeft":e=l.add({days:Rt(t)?-1:1});break;case"ArrowDown":e=l.add({days:7});break;case"ArrowUp":e=l.add({days:-7});break;case"PageUp":e=l.add(t.shiftKey?{years:-1}:{months:-1});break;case"PageDown":e=l.add(t.shiftKey?{years:1}:{months:1});break;case"Home":e=Tt(l,o);break;case"End":e=At(l,o);break;default:return}w(e),t.preventDefault()}function x(t){const n=m.equals(t);if(!e.showOutsideDays&&!n)return;const o=t.equals(l),c=t.equals(u),a=zt(t),d=s?.(a),h=!qt(t,r,i);let p="",y;if(e.type==="range"){const[n,o]=e.value,s=n?.equals(t),r=o?.equals(t);y=n&&o&&qt(t,n,o),p=`${s?"range-start":""} ${r?"range-end":""} ${y&&!s&&!r?"range-inner":""}`}else e.type==="multi"?y=e.value.some((e=>e.equals(t))):y=e.value?.equals(t);return{part:`${`button day ${n?y?"selected":"":"outside"} ${d?"disallowed":""} ${c?"today":""}`} ${p}`,tabindex:n&&o?0:-1,disabled:h,"aria-disabled":d?"true":void 0,"aria-pressed":n&&y,"aria-current":c?"date":void 0,"aria-label":f.format(a),onkeydown:k,onclick(){d||g(t),w(t)},onmouseover(){!d&&!h&&v(t)}}}return{weeks:y,yearMonth:m,daysLong:d,daysShort:h,formatter:p,getDayProps:x}}const Xt=Nt(),te=xt({type:"date",firstDayOfWeek:1,isDateDisallowed:()=>!1,focusedDate:Xt,page:{start:Xt.toPlainYearMonth(),end:Xt.toPlainYearMonth()}});customElements.define("calendar-month-ctx",te);const ee=F((t=>{const e=kt(te),n=l(),o=Qt({props:t,context:e});function s(){n.current.querySelector("button[tabindex='0']")?.focus()}return St("host",{shadowDom:!0,focus:s,children:[Dt("div",{id:"h",part:"heading",children:o.formatter.format(zt(o.yearMonth))}),St("table",{ref:n,"aria-labelledby":"h",part:"table",children:[Dt("thead",{children:Dt("tr",{part:"tr head",children:o.daysLong.map(((t,e)=>St("th",{part:"th",scope:"col",children:[Dt("span",{class:"vh",children:t}),Dt("span",{"aria-hidden":"true",children:o.daysShort[e]})]})))})}),Dt("tbody",{children:o.weeks.map(((t,e)=>Dt("tr",{part:"tr week",children:t.map(((t,e)=>{const n=o.getDayProps(t);return Dt("td",{part:"td",children:n&&Dt("button",{...n,children:t.day})},e)}))},e)))})]})]})}),{props:{offset:{type:Number,value:0}},styles:[$t,Et,mt`:host{--color-accent: black;--color-text-on-accent: white;display:flex;flex-direction:column;gap:.25rem;text-align:center;inline-size:fit-content}table{border-collapse:collapse;font-size:.875rem}th{font-weight:700;block-size:2.25rem}td{padding-inline:0}button{color:inherit;font-size:inherit;background:transparent;border:0;font-variant-numeric:tabular-nums;block-size:2.25rem;inline-size:2.25rem}button:hover:where(:not(:disabled,[aria-disabled])){background:#0000000d}button:is([aria-pressed=true],:focus-visible){background:var(--color-accent);color:var(--color-text-on-accent)}button:focus-visible{outline:1px solid var(--color-text-on-accent);outline-offset:-2px}button:disabled,:host::part(outside),:host::part(disallowed){cursor:default;opacity:.5}`]});customElements.define("calendar-month",ee);function ne(t){return Dt("button",{part:`button ${t.name} ${t.onclick?"":"disabled"}`,onclick:t.onclick,"aria-disabled":t.onclick?null:"true",children:Dt("slot",{name:t.name,children:t.children})})}function oe(t){const e=zt(t.page.start),n=zt(t.page.end);return St("div",{role:"group","aria-labelledby":"h",part:"container",children:[Dt("div",{id:"h",class:"vh","aria-live":"polite","aria-atomic":"true",children:t.formatVerbose.formatRange(e,n)}),St("div",{part:"header",children:[Dt(ne,{name:"previous",onclick:t.previous,children:"Previous"}),Dt("slot",{part:"heading",name:"heading",children:Dt("div",{"aria-hidden":"true",children:t.format.formatRange(e,n)})}),Dt(ne,{name:"next",onclick:t.next,children:"Next"})]}),Dt(te,{value:t,onselectday:t.onSelect,onfocusday:t.onFocus,onhoverday:t.onHover,children:Dt("slot",{})})]})}const se={value:{type:String,value:""},min:{type:String,value:""},max:{type:String,value:""},isDateDisallowed:{type:Function,value:t=>!1},firstDayOfWeek:{type:Number,value:()=>1},showOutsideDays:{type:Boolean,value:!1},locale:{type:String,value:()=>{}},months:{type:Number,value:1},focusedDate:{type:String,value:()=>{}},pageBy:{type:String,value:()=>"months"}},re=[$t,Et,mt`:host{display:block;inline-size:fit-content}[role=group]{display:flex;flex-direction:column;gap:1em}:host::part(header){display:flex;align-items:center;justify-content:space-between}:host::part(heading){font-weight:700;font-size:1.25em}button{display:flex;align-items:center;justify-content:center}button[aria-disabled]{cursor:default;opacity:.5}`],ie={year:"numeric"},ce={year:"numeric",month:"long"};function ae(t,e){return(e.year-t.year)*12+e.month-t.month}const le=(t,e)=>(t=e===12?new Ht(t.year,1):t,{start:t,end:t.add({months:e-1})});function ue({pageBy:t,focusedDate:e,months:n,max:o,min:s,goto:r}){const i=t==="single"?1:n,[c,a]=J((()=>le(e.toPlainYearMonth(),n))),l=t=>a(le(c.start.add({months:t}),n)),u=t=>{const e=ae(c.start,t.toPlainYearMonth());return e>=0&&e<n};return L((()=>{if(u(e))return;const t=ae(e.toPlainYearMonth(),c.start);r(e.add({months:t}))}),[c.start]),L((()=>{if(u(e))return;const t=ae(c.start,e.toPlainYearMonth());l(t===-1?-i:t===n?i:Math.floor(t/n)*n)}),[e,i,n]),{page:c,previous:!s||!u(s)?()=>l(-i):void 0,next:!o||!u(o)?()=>l(i):void 0}}function de({months:t,pageBy:e,locale:n,focusedDate:o,setFocusedDate:s}){const[r]=Ut("min"),[i]=Ut("max"),c=q("focusday"),a=q("change"),l=V((()=>Ct(o??Nt(),r,i)),[o,r,i]);function d(t){s(t),c(zt(t))}const{next:h,previous:f,page:p}=ue({pageBy:e,focusedDate:l,months:t,min:r,max:i,goto:d}),m=u();function y(){m.current.querySelectorAll("calendar-month").forEach((t=>t.focus()))}return{format:Vt(ie,n),formatVerbose:Vt(ce,n),page:p,focusedDate:l,dispatch:a,onFocus(t){t.stopPropagation(),d(t.detail),setTimeout(y)},min:r,max:i,next:h,previous:f,focus:y}}const he=F((t=>{const[e,n]=Ut("value"),[o=e,s]=Ut("focusedDate"),r=de({...t,focusedDate:o,setFocusedDate:s});function i(t){n(t.detail),r.dispatch()}return Dt("host",{shadowDom:!0,focus:r.focus,children:Dt(oe,{...t,...r,type:"date",value:e,onSelect:i})})}),{props:se,styles:re});customElements.define("calendar-date",he);const fe=(t,e)=>Mt.compare(t,e)<0?[t,e]:[e,t],pe=F((t=>{const[e,n]=It("value"),[o=e[0],s]=Ut("focusedDate"),r=de({...t,focusedDate:o,setFocusedDate:s}),i=q("rangestart"),c=q("rangeend"),[a,l]=Ut("tentative"),[u,d]=J();L((()=>d(void 0)),[a]);function h(t){r.onFocus(t),f(t)}function f(t){t.stopPropagation(),a&&d(t.detail)}function p(t){const e=t.detail;t.stopPropagation(),a?(n(fe(a,e)),l(void 0),c(zt(e)),r.dispatch()):(l(e),i(zt(e)))}const m=a?fe(a,u??a):e;return Dt("host",{shadowDom:!0,focus:r.focus,children:Dt(oe,{...t,...r,type:"range",value:m,onFocus:h,onHover:f,onSelect:p})})}),{props:{...se,tentative:{type:String,value:""}},styles:re});customElements.define("calendar-range",pe);const me=F((t=>{const[e,n]=Jt("value"),[o=e[0],s]=Ut("focusedDate"),r=de({...t,focusedDate:o,setFocusedDate:s});function i(t){const o=[...e],s=e.findIndex((e=>e.equals(t.detail)));s<0?o.push(t.detail):o.splice(s,1),n(o),r.dispatch()}return Dt("host",{shadowDom:!0,focus:r.focus,children:Dt(oe,{...t,...r,type:"multi",value:e,onSelect:i})})}),{props:se,styles:re});customElements.define("calendar-multi",me);const ye=()=>{};const be=ye;export{be as g};
+class t {
+  /**
+   * @type {T}
+   */
+  #t;
+  #e= new Set;
+  /**
+   * @param {T} current
+   */
+  constructor(t) {
+    this.#t = t;
+  }
+  /**
+   * @return {T}
+   */  get current() {
+    return this.#t;
+  }
+  /**
+   * @param {T} value
+   */  set current(t) {
+    this.#t != t && (this.#t = t, this.#e.forEach((e => e(t)))
+    /**
+   * @type {import("hooks").Ref["on"]}
+   */);
+  }
+  on(t) {
+    return this.#e.add(t), () => this.#e.delete(t);
+  }
+}
+
+const Mt = e => new t(e), e = Symbol.for("atomico.hooks");
+
+globalThis[e] = globalThis[e] || {};
+
+let a = globalThis[e];
+
+const u = Symbol.for("Atomico.suspense"), d = Symbol.for("Atomico.effect"), h = Symbol.for("Atomico.layoutEffect"), b = Symbol.for("Atomico.insertionEffect"), O = (t, e, u) => {
+  const {i: d, hooks: h} = a.c, b = h[d] = h[d] || {};
+  return b.value = t(b.value), b.effect = e, b.tag = u, a.c.i++, h[d].value;
+}, se = t => O(((e = Mt(t)) => e)), _ = () => O(((t = Mt(a.c.host)) => t)), Rt = () => a.c.update, oe = (t, e, g = 0) => {
+  let k = {}, D = !1;
+  const o = () => D, c = (t, e) => {
+    for (const a in k) {
+      const u = k[a];
+      u.effect && u.tag === t && (u.value = u.effect(u.value, e));
+    }
+  };
+  return {
+    load: d => {
+      a.c = {
+        host: e,
+        hooks: k,
+        update: t,
+        i: 0,
+        id: g
+      };
+      let h;
+      try {
+        D = !1, h = d();
+      } catch (t) {
+        if (t !== u) throw t;
+        D = !0;
+      } finally {
+        a.c = null;
+      }
+      return h;
+    },
+    cleanEffects: t => (c(b, t), () => (c(h, t), () => {
+      c(d, t);
+    })),
+    isSuspense: o
+  };
+}, g = Symbol.for;
+
+function It(t, e) {
+  const a = t.length;
+  if (a !== e.length) return !1;
+  for (let u = 0; u < a; u++) {
+    let a = t[u], d = e[u];
+    if (a !== d) return !1;
+  }
+  return !0;
+}
+
+const w = t => typeof t == "function", R = t => typeof t == "object", {isArray: k} = Array, et = (t, e) => (e ? t instanceof HTMLStyleElement : !0) && "hydrate" in (t?.dataset || {});
+
+function Ut(t, e) {
+  let a;
+  const s = t => {
+    let {length: u} = t;
+    for (let d = 0; d < u; d++) {
+      const u = t[d];
+      if (u && Array.isArray(u)) s(u); else {
+        const t = typeof u;
+        if (u == null || t === "function" || t === "boolean") continue;
+        t === "string" || t === "number" ? (a == null && (a = ""), a += u) : (a != null && (e(a), 
+        a = null), e(u));
+      }
+    }
+  };
+  s(t), a != null && e(a);
+}
+
+const $t = (t, e, a) => (t.addEventListener(e, a), () => t.removeEventListener(e, a));
+
+class D {
+  /**
+   *
+   * @param {HTMLElement} target
+   * @param {string} message
+   * @param {string} value
+   */
+  constructor(t, e, a) {
+    this.message = e, this.target = t, this.value = a;
+  }
+}
+
+class $ extends D {}
+
+class N extends D {}
+
+const E = "Custom", A = null, B = {
+  true: 1,
+  "": 1,
+  1: 1
+};
+
+function le(t, e, a, u, d) {
+  const {type: h, reflect: b, event: g, value: k, attr: D = ue(e)} = a?.name != E && R(a) && a != A ? a : {
+    type: a
+  }, N = h?.name === E && h.map, B = k != null ? h == Function || !w(k) ? () => k : k : null;
+  Object.defineProperty(t, e, {
+    configurable: !0,
+    /**
+     * @this {import("dom").AtomicoThisInternal}
+     * @param {any} newValue
+     */
+    set(t) {
+      const a = this[e];
+      B && h != Boolean && t == null && (t = B());
+      const {error: u, value: d} = (N ? he : me)(h, t);
+      if (u && d != null) throw new $(this, `The value defined for prop '${e}' must be of type '${h.name}'`, d);
+      a != d && (this._props[e] = d ?? void 0, this.update(), g && jt(this, g), this.updated.then((() => {
+        b && (this._ignoreAttr = D, fe(this, h, D, this[e]), this._ignoreAttr = null);
+      })));
+    },
+    /**
+     * @this {import("dom").AtomicoThisInternal}
+     */
+    get() {
+      return this._props[e];
+    }
+  }), B && (d[e] = B()), u[D] = {
+    prop: e,
+    type: h
+  };
+}
+
+const jt = (t, {type: e, base: a = CustomEvent, ...u}) => t.dispatchEvent(new a(e, u)), ue = t => t.replace(/([A-Z])/g, "-$1").toLowerCase(), fe = (t, e, a, u) => u == null || e == Boolean && !u ? t.removeAttribute(a) : t.setAttribute(a, e?.name === E && e?.serialize ? e?.serialize(u) : R(u) ? JSON.stringify(u) : e == Boolean ? "" : u), de = (t, e) => t == Boolean ? !!B[e] : t == Number ? Number(e) : t == String ? e : t == Array || t == Object ? JSON.parse(e) : t.name == E ? e : 
+// TODO: If when defining reflect the prop can also be of type string?
+new t(e), he = ({map: t}, e) => {
+  try {
+    return {
+      value: t(e),
+      error: !1
+    };
+  } catch {
+    return {
+      value: e,
+      error: !0
+    };
+  }
+}, me = (t, e) => t == null || e == null ? {
+  value: e,
+  error: !1
+} : t != String && e === "" ? {
+  value: void 0,
+  error: !1
+} : t == Object || t == Array || t == Symbol ? {
+  value: e,
+  error: {}.toString.call(e) !== `[object ${t.name}]`
+} : e instanceof t ? {
+  value: e,
+  error: t == Number && Number.isNaN(e.valueOf())
+} : t == String || t == Number || t == Boolean ? {
+  value: e,
+  error: t == Number ? typeof e != "number" ? !0 : Number.isNaN(e) : t == String ? typeof e != "string" : typeof e != "boolean"
+} : {
+  value: e,
+  error: !0
+};
+
+let F = 0;
+
+const pe = t => {
+  const e = (t?.dataset || {})?.hydrate || "";
+  return e || "c" + F++;
+}, j = (t, e = HTMLElement) => {
+  const a = {}, u = {}, d = "prototype" in e && e.prototype instanceof Element, h = d ? e : "base" in e ? e.base : HTMLElement, {props: b, styles: g} = d ? t : e;
+  class k extends h {
+    constructor() {
+      super(), this._setup(), this._render = () => t({
+        ...this._props
+      });
+      for (const t in u) this[t] = u[t];
+    }
+    /**
+     * @returns {import("core").Sheets[]}
+     */    static get styles() {
+      return [ super.styles, g ];
+    }
+    async _setup() {
+      if (this._props) return;
+      this._props = {};
+      let t, e;
+      this.mounted = new Promise((a => this.mount = () => {
+        a(), t != this.parentNode && (e != t ? this.unmounted.then(this.update) : this.update()), 
+        t = this.parentNode;
+      })), this.unmounted = new Promise((u => this.unmount = () => {
+        u(), (t != this.parentNode || !this.isConnected) && (a.cleanEffects(!0)()(), e = this.parentNode, 
+        t = null);
+      })), this.symbolId = this.symbolId || Symbol(), this.symbolIdParent = Symbol();
+      const a = oe((() => this.update()), this, pe(this));
+      let u, d = !0;
+      const h = et(this);
+      this.update = () => (u || (u = !0, this.updated = (this.updated || this.mounted).then((() => {
+        try {
+          const t = a.load(this._render), e = a.cleanEffects();
+          return t && //@ts-ignore
+          t.render(this, this.symbolId, h), u = !1, d && !a.isSuspense() && (d = !1, !h && be(this)), 
+          e();
+        } finally {
+          u = !1;
+        }
+      })).then((
+      /**
+         * @param {import("internal/hooks.js").CleanUseEffects} [cleanUseEffect]
+         */
+      t => {
+        t && t();
+      }))), this.updated), this.update();
+    }
+    connectedCallback() {
+      this.mount(), super.connectedCallback && super.connectedCallback();
+    }
+    disconnectedCallback() {
+      super.disconnectedCallback && super.disconnectedCallback(), this.unmount()
+      /**
+     * @this {import("dom").AtomicoThisInternal}
+     * @param {string} attr
+     * @param {(string|null)} oldValue
+     * @param {(string|null)} value
+     */;
+    }
+    attributeChangedCallback(t, e, u) {
+      if (a[t]) {
+        if (t === this._ignoreAttr || e === u) return;
+        const {prop: d, type: h} = a[t];
+        try {
+          this[d] = de(h, u);
+        } catch {
+          throw new N(this, `The value defined as attr '${t}' cannot be parsed by type '${h.name}'`, u);
+        }
+      } else super.attributeChangedCallback(t, e, u);
+    }
+    static get props() {
+      return {
+        ...super.props,
+        ...b
+      };
+    }
+    static get observedAttributes() {
+      const t = super.observedAttributes || [];
+      for (const t in b) le(this.prototype, t, b[t], a, u);
+      return Object.keys(a).concat(t);
+    }
+  }
+  return k;
+};
+
+function be(t) {
+  const {styles: e} = t.constructor, {shadowRoot: a} = t;
+  if (a && e.length) {
+    const t = [];
+    Ut(e, (e => {
+      e && (e instanceof Element ? a.appendChild(e.cloneNode(!0)) : t.push(e));
+    })), t.length && (a.adoptedStyleSheets = t);
+  }
+}
+
+const Yt = t => (e, a) => {
+  O((
+  /**
+     * Clean the effect hook
+     * @type {import("internal/hooks.js").CollectorEffect}
+     */
+  ([t, e] = []) => ((e || !e) && (e && It(e, a) ? t = t || !0 : (w(t) && t(), t = null)), 
+  [ t, a ])
+  /**
+     * @returns {any}
+     */), (([t, a], u) => u ? (w(t) && t(), []) : [ t || e(), a ]), t);
+}, M = Yt(d), U = Yt(b);
+
+class I extends Array {
+  /**
+   *
+   * @param {any} initialState
+   * @param {(nextState: any, state:any[], mount: boolean )=>void} mapState
+   */
+  constructor(t, e) {
+    let a = !0;
+    const r = t => {
+      try {
+        e(t, this, a);
+      } finally {
+        a = !1;
+      }
+    };
+    super(void 0, r, e), r(t);
+  }
+}
+
+const rt = t => {
+  const e = Rt();
+  return O(((a = new I(t, ((t, a, u) => {
+    t = w(t) ? t(a[0]) : t, t !== a[0] && (a[0] = t, u || e());
+  }))) => a));
+}, T = (t, e) => {
+  const [a] = O((([a, u, d = 0] = []) => ((!u || u && !It(u, e)) && (a = t()), [ a, e, d ])));
+  return a;
+}, ct = t => {
+  const {current: e} = _();
+  if (!(t in e)) throw new $(e, `For useProp("${t}"), the prop does not exist on the host.`, t);
+  return O(((a = new I(e[t], ((a, u) => {
+    a = w(a) ? a(e[t]) : a, e[t] = a;
+  }))) => (a[0] = e[t], a)));
+}, C = (t, e = {}) => {
+  const a = _();
+  return a[t] || (a[t] = (u = e.detail) => jt(a.current, {
+    type: t,
+    ...e,
+    detail: u
+  })), a[t];
+}, Z = g("atomico/options");
+
+globalThis[Z] = globalThis[Z] || {
+  sheet: !!document.adoptedStyleSheets
+};
+
+const W = globalThis[Z], J = {
+  checked: 1,
+  value: 1,
+  selected: 1
+}, q = {
+  list: 1,
+  type: 1,
+  size: 1,
+  form: 1,
+  width: 1,
+  height: 1,
+  src: 1,
+  href: 1,
+  slot: 1
+}, G = {
+  shadowDom: 1,
+  staticNode: 1,
+  cloneNode: 1,
+  children: 1,
+  key: 1
+}, Q = {}, Y = [];
+
+class K extends Text {}
+
+const tt = g("atomico/id"), nt = g("atomico/type"), ot = g("atomico/ref"), st = g("atomico/vnode"), we = () => {};
+
+function Ce(t, e, a) {
+  return Ht(this, t, e, a);
+}
+
+const zt = (t, e, ...a) => {
+  const u = e || Q;
+  let {children: d} = u;
+  if (d = d ?? (a.length ? a : Y), t === we) return d;
+  const h = t ? t instanceof Node ? 1 : 
+  //@ts-ignore
+  t.prototype instanceof HTMLElement && 2 : 0;
+  if (h === !1 && t instanceof Function) return t(d != Y ? {
+    children: d,
+    ...u
+  } : u);
+  const b = W.render || Ce;
+  return {
+    [nt]: st,
+    type: t,
+    props: u,
+    children: d,
+    key: u.key,
+    // key for lists by keys
+    // define if the node declares its shadowDom
+    shadow: u.shadowDom,
+    // allows renderings to run only once
+    static: u.staticNode,
+    // defines whether the type is a childNode `1` or a constructor `2`
+    raw: h,
+    // defines whether to use the second parameter for document.createElement
+    is: u.is,
+    // clone the node if it comes from a reference
+    clone: u.cloneNode,
+    render: b
+  };
+};
+
+function Ht(t, e, a = tt, u, d) {
+  let h;
+  if (e && e[a] && e[a].vnode == t || t[nt] != st) return e;
+  (t || !e) && (d = d || t.type == "svg", h = t.type != "host" && (t.raw == 1 ? (e && t.clone ? e[ot] : e) != t.type : t.raw == 2 ? !(e instanceof t.type) : e ? e[ot] || e.localName != t.type : !e), 
+  h && t.type != null && (t.raw == 1 && t.clone ? (u = !0, e = t.type.cloneNode(!0), 
+  e[ot] = t.type) : e = t.raw == 1 ? t.type : t.raw == 2 ? new t.type : d ? document.createElementNS("http://www.w3.org/2000/svg", t.type) : document.createElement(t.type, t.is ? {
+    is: t.is
+  } : void 0)));
+  const b = e[a] ? e[a] : Q, {vnode: g = Q, cycle: k = 0} = b;
+  let {fragment: D, handlers: $} = b;
+  const {children: N = Y, props: E = Q} = g;
+  if ($ = h ? {} : $ || {}, t.static && !h) return e;
+  if (t.shadow && !e.shadowRoot && // @ts-ignore
+  e.attachShadow({
+    mode: "open",
+    ...t.shadow
+  }), t.props != E && Ne(e, E, t.props, $, d), t.children !== N) {
+    const h = t.shadow ? e.shadowRoot : e;
+    D = Pe(t.children, 
+    /**
+       * @todo for hydration use attribute and send childNodes
+       */
+    D, h, a, 
+    // add support to foreignObject, children will escape from svg
+    !k && u, d && t.type == "foreignObject" ? !1 : d);
+  }
+  return e[a] = {
+    vnode: t,
+    handlers: $,
+    fragment: D,
+    cycle: k + 1
+  }, e;
+}
+
+function Te(t, e) {
+  const a = new K(""), u = new K("");
+  let d;
+  if (t[e ? "prepend" : "append"](a), e) {
+    let {lastElementChild: e} = t;
+    for (;e; ) {
+      const {previousElementSibling: t} = e;
+      if (et(e, !0) && !et(t, !0)) {
+        d = e;
+        break;
+      }
+      e = t;
+    }
+  }
+  return d ? d.before(u) : t.append(u), {
+    markStart: a,
+    markEnd: u
+  };
+}
+
+function Pe(t, e, a, u, d, h) {
+  t = t == null ? null : k(t) ? t : [ t ];
+  const b = e || Te(a, d), {markStart: g, markEnd: D, keyes: $} = b;
+  let N;
+  const E = $ &&  new Set;
+  let A = g;
+  if (t && Ut(t, (t => {
+    if (typeof t == "object" && !t[nt]) return;
+    const e = t[nt] && t.key, b = $ && e != null && $.get(e);
+    A != D && A === b ? E.delete(A) : A = A == D ? D : A.nextSibling;
+    const g = $ ? b : A;
+    let k = g;
+    if (t[nt]) k = Ht(t, g, u, d, h); else {
+      const e = t + "";
+      !(k instanceof Text) || k instanceof K ? k = new Text(e) : k.data != e && (k.data = e);
+    }
+    k != A && ($ && E.delete(k), !g || $ ? (a.insertBefore(k, A), $ && A != D && E.add(A)) : g == D ? a.insertBefore(k, D) : (a.replaceChild(k, g), 
+    A = k)), e != null && (N = N ||  new Map, N.set(e, k));
+  })), A = A == D ? D : A.nextSibling, e && A != D) for (;A != D; ) {
+    const t = A;
+    A = A.nextSibling, t.remove();
+  }
+  return E && E.forEach((t => t.remove())), b.keyes = N, b;
+}
+
+function Ne(t, e, a, u, d) {
+  for (const h in e) !(h in a) && Dt(t, h, e[h], null, d, u);
+  for (const h in a) Dt(t, h, e[h], a[h], d, u);
+}
+
+function Dt(t, e, a, u, d, h) {
+  if (e = e == "class" && !d ? "className" : e, a = a ?? null, u = u ?? null, e in t && J[e] && (a = t[e]), 
+  !(u === a || G[e] || e[0] == "_")) if (e[0] == "o" && e[1] == "n" && (w(u) || w(a))) ke(t, e.slice(2), u, h); else if (e == "ref") u && (w(u) ? u(t) : u.current = t); else if (e == "style") {
+    const {style: e} = t;
+    a = a || "", u = u || "";
+    const d = R(a), h = R(u);
+    if (d) for (const t in a) if (h) !(t in u) && St(e, t, null); else break;
+    if (h) for (const t in u) {
+      const h = u[t];
+      d && a[t] === h || St(e, t, h);
+    } else e.cssText = u;
+  } else {
+    const h = e[0] == "$" ? e.slice(1) : e;
+    h === e && (!d && !q[e] && e in t || w(u) || w(a)) ? t[e] = u ?? "" : u == null ? t.removeAttribute(h) : t.setAttribute(h, R(u) ? JSON.stringify(u) : u);
+  }
+}
+
+function ke(t, e, a, u) {
+  if (u.handleEvent || (u.handleEvent = e => u[e.type].call(t, e)), a) {
+    if (!u[e]) {
+      const d = a.capture || a.once || a.passive ? Object.assign({}, a) : null;
+      t.addEventListener(e, u, d);
+    }
+    u[e] = a;
+  } else u[e] && (t.removeEventListener(e, u), delete u[e]);
+}
+
+function St(t, e, a) {
+  let u = "setProperty";
+  a == null && (u = "removeProperty", a = null), ~e.indexOf("-") ? t[u](e, a) : t[e] = a;
+}
+
+const lt = {};
+
+function z(t, ...e) {
+  const a = (t.raw || t).reduce(((t, a, u) => t + a + (e[u] || "")), "");
+  return lt[a] = lt[a] || Oe(a);
+}
+
+function Oe(t) {
+  if (W.sheet) {
+    const e = new CSSStyleSheet;
+    return e.replaceSync(t), e;
+  } else {
+    const e = document.createElement("style");
+    return e.textContent = t, e;
+  }
+}
+
+const dt = zt("host", {
+  style: "display: contents"
+}), ft = g("atomico/context"), Ae = (t, e) => {
+  const a = _();
+  U((() => $t(a.current, "ConnectContext", (
+  /**
+       * @param {CustomEvent<import("context").DetailConnectContext>} event
+       */
+  a => {
+    t === a.detail.id && (a.stopPropagation(), a.detail.connect(e));
+  }))), [ t ]);
+}, Fe = t => {
+  const e = C("ConnectContext", {
+    bubbles: !0,
+    composed: !0
+  }), n = () => {
+    let a;
+    return e({
+      id: t,
+      connect(t) {
+        a = t;
+      }
+    }), a;
+  }, [a, u] = rt(n);
+  return M((() => {
+    a || (t[ft] || (t[ft] = customElements.whenDefined((new t).localName)), t[ft].then((() => u(n))));
+  }), [ t ]), a;
+}, Re = t => {
+  const e = Fe(t), a = Rt();
+  return M((() => {
+    if (e) return $t(e, "UpdatedValue", a);
+  }), [ e ]), (e || t).value;
+}, Ie = t => {
+  const e = j((() => (Ae(e, _().current), dt)), {
+    props: {
+      value: {
+        type: Object,
+        event: {
+          type: "UpdatedValue"
+        },
+        value: () => t
+      }
+    }
+  });
+  return e.value = t, e;
+}, y = (t, e, a) => (e == null ? e = {
+  key: a
+} : e.key = a, zt(t, e)), pt = y, yt = z`*,*:before,*:after{box-sizing:border-box}button{padding:0;touch-action:manipulation;cursor:pointer;user-select:none}`, bt = z`.vh{position:absolute;transform:scale(0)}`;
+
+function it() {
+  return wt.from( new Date);
+}
+
+function at(t, e = 0) {
+  const a = S(t), u = a.getUTCDay(), d = (u < e ? 7 : 0) + u - e;
+  return a.setUTCDate(a.getUTCDate() - d), wt.from(a);
+}
+
+function Zt(t, e = 0) {
+  return at(t, e).add({
+    days: 6
+  });
+}
+
+function Wt(t) {
+  return wt.from(new Date(Date.UTC(t.year, t.month, 0)));
+}
+
+function H(t, e, a) {
+  return e && wt.compare(t, e) < 0 ? e : a && wt.compare(t, a) > 0 ? a : t;
+}
+
+const gt = {
+  days: 1
+};
+
+function $e(t, e = 0) {
+  let a = at(t.toPlainDate(), e);
+  const u = Zt(Wt(t), e), d = [];
+  for (;wt.compare(a, u) < 0; ) {
+    const t = [];
+    for (let e = 0; e < 7; e++) t.push(a), a = a.add(gt);
+    d.push(t);
+  }
+  return d;
+}
+
+function S(t) {
+  return new Date(Date.UTC(t.year, t.month - 1, t.day ?? 1));
+}
+
+const vt = /^(\d{4})-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[0-1])$/, X = (t, e) => t.toString().padStart(e, "0");
+
+class wt {
+  constructor(t, e, a) {
+    this.year = t, this.month = e, this.day = a;
+  }
+  // this is an incomplete implementation that only handles arithmetic on a single unit at a time.
+  // i didn't want to get into more complex arithmetic since it get tricky fast
+  // this is enough to serve my needs and will still be a drop-in replacement when actual Temporal API lands
+  add(t) {
+    const e = S(this);
+    if ("days" in t) return e.setUTCDate(this.day + t.days), wt.from(e);
+    let {year: a, month: u} = this;
+    "months" in t ? (u = this.month + t.months, e.setUTCMonth(u - 1)) : (a = this.year + t.years, 
+    e.setUTCFullYear(a));
+    const d = wt.from(S({
+      year: a,
+      month: u,
+      day: 1
+    }));
+    return H(wt.from(e), d, Wt(d));
+  }
+  toString() {
+    return `${X(this.year, 4)}-${X(this.month, 2)}-${X(this.day, 2)}`;
+  }
+  toPlainYearMonth() {
+    return new xt(this.year, this.month);
+  }
+  equals(t) {
+    return wt.compare(this, t) === 0;
+  }
+  static compare(t, e) {
+    return t.year < e.year ? -1 : t.year > e.year ? 1 : t.month < e.month ? -1 : t.month > e.month ? 1 : t.day < e.day ? -1 : t.day > e.day ? 1 : 0;
+  }
+  static from(t) {
+    if (typeof t == "string") {
+      const e = t.match(vt);
+      if (!e) throw new TypeError(t);
+      const [, a, u, d] = e;
+      return new wt(parseInt(a, 10), parseInt(u, 10), parseInt(d, 10));
+    }
+    return new wt(t.getUTCFullYear(), t.getUTCMonth() + 1, t.getUTCDate());
+  }
+}
+
+class xt {
+  constructor(t, e) {
+    this.year = t, this.month = e;
+  }
+  add(t) {
+    const e = S(this), a = (t.months ?? 0) + (t.years ?? 0) * 12;
+    return e.setUTCMonth(e.getUTCMonth() + a), new xt(e.getUTCFullYear(), e.getUTCMonth() + 1);
+  }
+  equals(t) {
+    return this.year === t.year && this.month === t.month;
+  }
+  toPlainDate() {
+    return new wt(this.year, this.month, 1);
+  }
+}
+
+function x(t, e) {
+  if (e) try {
+    return t.from(e);
+  } catch {}
+}
+
+function P(t) {
+  const [e, a] = ct(t);
+  return [ T((() => x(wt, e)), [ e ]), t => a(t?.toString()) ];
+}
+
+function _e(t) {
+  const [e = "", a] = ct(t);
+  return [ T((() => {
+    const [t, a] = e.split("/"), u = x(wt, t), d = x(wt, a);
+    return u && d ? [ u, d ] : [];
+  }), [ e ]), t => a(`${t[0]}/${t[1]}`) ];
+}
+
+function je(t) {
+  const [e = "", a] = ct(t);
+  return [ T((() => {
+    const t = [];
+    for (const a of e.trim().split(/\s+/)) {
+      const e = x(wt, a);
+      e && t.push(e);
+    }
+    return t;
+  }), [ e ]), t => a(t.join(" ")) ];
+}
+
+function L(t, e) {
+  return T((() => new Intl.DateTimeFormat(e, {
+    timeZone: "UTC",
+    ...t
+  })), [ e, t ]);
+}
+
+function Ct(t, e, a) {
+  const u = L(t, a);
+  return T((() => {
+    const t = [], a =  new Date;
+    for (var d = 0; d < 7; d++) {
+      const d = (a.getUTCDay() - e + 7) % 7;
+      t[d] = u.format(a), a.setUTCDate(a.getUTCDate() + 1);
+    }
+    return t;
+  }), [ e, u ]);
+}
+
+const Tt = (t, e, a) => H(t, e, a) === t, Pt = t => t.target.matches(":dir(ltr)"), Et = {
+  month: "long",
+  day: "numeric"
+}, At = {
+  month: "long"
+}, Lt = {
+  weekday: "narrow"
+}, Bt = {
+  weekday: "long"
+}, Ft = {
+  bubbles: !0
+};
+
+function ze({props: t, context: e}) {
+  const {offset: a} = t, {firstDayOfWeek: u, isDateDisallowed: d, min: h, max: b, page: g, locale: k, focusedDate: D} = e, $ = it(), N = Ct(Bt, u, k), E = Ct(Lt, u, k), A = L(Et, k), B = L(At, k), F = T((() => g.start.add({
+    months: a
+  })), [ g, a ]), M = T((() => $e(F, u)), [ F, u ]), U = C("focusday", Ft), I = C("selectday", Ft), Z = C("hoverday", Ft);
+  function mt(t) {
+    U(H(t, h, b));
+  }
+  function Gt(t) {
+    let e;
+    switch (t.key) {
+     case "ArrowRight":
+      e = D.add({
+        days: Pt(t) ? 1 : -1
+      });
+      break;
+
+     case "ArrowLeft":
+      e = D.add({
+        days: Pt(t) ? -1 : 1
+      });
+      break;
+
+     case "ArrowDown":
+      e = D.add({
+        days: 7
+      });
+      break;
+
+     case "ArrowUp":
+      e = D.add({
+        days: -7
+      });
+      break;
+
+     case "PageUp":
+      e = D.add(t.shiftKey ? {
+        years: -1
+      } : {
+        months: -1
+      });
+      break;
+
+     case "PageDown":
+      e = D.add(t.shiftKey ? {
+        years: 1
+      } : {
+        months: 1
+      });
+      break;
+
+     case "Home":
+      e = at(D, u);
+      break;
+
+     case "End":
+      e = Zt(D, u);
+      break;
+
+     default:
+      return;
+    }
+    mt(e), t.preventDefault();
+  }
+  function Qt(t) {
+    const a = F.equals(t);
+    if (!e.showOutsideDays && !a) return;
+    const u = t.equals(D), g = t.equals($), k = S(t), N = d?.(k), E = !Tt(t, h, b);
+    let B = "", M;
+    if (e.type === "range") {
+      const [a, u] = e.value, d = a?.equals(t), h = u?.equals(t);
+      M = a && u && Tt(t, a, u), B = `${d ? "range-start" : ""} ${h ? "range-end" : ""} ${M && !d && !h ? "range-inner" : ""}`;
+    } else e.type === "multi" ? M = e.value.some((e => e.equals(t))) : M = e.value?.equals(t);
+    return {
+      part: `${`button day ${// we don't want outside days to ever be shown as selected
+      a ? M ? "selected" : "" : "outside"} ${N ? "disallowed" : ""} ${g ? "today" : ""}`} ${B}`,
+      tabindex: a && u ? 0 : -1,
+      disabled: E,
+      "aria-disabled": N ? "true" : void 0,
+      "aria-pressed": a && M,
+      "aria-current": g ? "date" : void 0,
+      "aria-label": A.format(k),
+      onkeydown: Gt,
+      onclick() {
+        N || I(t), mt(t);
+      },
+      onmouseover() {
+        !N && !E && Z(t);
+      }
+    };
+  }
+  return {
+    weeks: M,
+    yearMonth: F,
+    daysLong: N,
+    daysShort: E,
+    formatter: B,
+    getDayProps: Qt
+  };
+}
+
+const Vt = it(), _t = Ie({
+  type: "date",
+  firstDayOfWeek: 1,
+  isDateDisallowed: () => !1,
+  focusedDate: Vt,
+  page: {
+    start: Vt.toPlainYearMonth(),
+    end: Vt.toPlainYearMonth()
+  }
+});
+
+customElements.define("calendar-month-ctx", _t);
+
+const Jt = j((t => {
+  const e = Re(_t), a = se(), u = ze({
+    props: t,
+    context: e
+  });
+  function r() {
+    a.current.querySelector("button[tabindex='0']")?.focus();
+  }
+  
+  return pt("host", {
+    shadowDom: !0,
+    focus: r,
+    children: [ 
+     y("div", {
+      id: "h",
+      part: "heading",
+      children: u.formatter.format(S(u.yearMonth))
+    }), 
+     pt("table", {
+      ref: a,
+      "aria-labelledby": "h",
+      part: "table",
+      children: [ 
+       y("thead", {
+        children:  y("tr", {
+          part: "tr head",
+          children: u.daysLong.map(((t, e) =>  pt("th", {
+            part: "th",
+            scope: "col",
+            children: [ 
+             y("span", {
+              class: "vh",
+              children: t
+            }), 
+             y("span", {
+              "aria-hidden": "true",
+              children: u.daysShort[e]
+            }) ]
+          })))
+        })
+      }), 
+       y("tbody", {
+        children: u.weeks.map(((t, e) =>  y("tr", {
+          part: "tr week",
+          children: t.map(((t, e) => {
+            const a = u.getDayProps(t);
+            
+            return y("td", {
+              part: "td",
+              children: a &&  y("button", {
+                ...a,
+                children: t.day
+              })
+            }, e);
+          }))
+        }, e)))
+      }) ]
+    }) ]
+  });
+}), {
+  props: {
+    offset: {
+      type: Number,
+      value: 0
+    }
+  },
+  styles: [ yt, bt, z`:host{--color-accent: black;--color-text-on-accent: white;display:flex;flex-direction:column;gap:.25rem;text-align:center;inline-size:fit-content}table{border-collapse:collapse;font-size:.875rem}th{font-weight:700;block-size:2.25rem}td{padding-inline:0}button{color:inherit;font-size:inherit;background:transparent;border:0;font-variant-numeric:tabular-nums;block-size:2.25rem;inline-size:2.25rem}button:hover:where(:not(:disabled,[aria-disabled])){background:#0000000d}button:is([aria-pressed=true],:focus-visible){background:var(--color-accent);color:var(--color-text-on-accent)}button:focus-visible{outline:1px solid var(--color-text-on-accent);outline-offset:-2px}button:disabled,:host::part(outside),:host::part(disallowed){cursor:default;opacity:.5}` ]
+});
+
+customElements.define("calendar-month", Jt);
+
+function Nt(t) {
+  
+  return y("button", {
+    part: `button ${t.name} ${t.onclick ? "" : "disabled"}`,
+    onclick: t.onclick,
+    "aria-disabled": t.onclick ? null : "true",
+    children:  y("slot", {
+      name: t.name,
+      children: t.children
+    })
+  });
+}
+
+function ut(t) {
+  const e = S(t.page.start), a = S(t.page.end);
+  
+  return pt("div", {
+    role: "group",
+    "aria-labelledby": "h",
+    part: "container",
+    children: [ 
+     y("div", {
+      id: "h",
+      class: "vh",
+      "aria-live": "polite",
+      "aria-atomic": "true",
+      children: t.formatVerbose.formatRange(e, a)
+    }), 
+     pt("div", {
+      part: "header",
+      children: [ 
+       y(Nt, {
+        name: "previous",
+        onclick: t.previous,
+        children: "Previous"
+      }), 
+       y("slot", {
+        part: "heading",
+        name: "heading",
+        children:  y("div", {
+          "aria-hidden": "true",
+          children: t.format.formatRange(e, a)
+        })
+      }), 
+       y(Nt, {
+        name: "next",
+        onclick: t.next,
+        children: "Next"
+      }) ]
+    }), 
+     y(_t, {
+      value: t,
+      onselectday: t.onSelect,
+      onfocusday: t.onFocus,
+      onhoverday: t.onHover,
+      children:  y("slot", {})
+    }) ]
+  });
+}
+
+const qt = {
+  value: {
+    type: String,
+    value: ""
+  },
+  min: {
+    type: String,
+    value: ""
+  },
+  max: {
+    type: String,
+    value: ""
+  },
+  isDateDisallowed: {
+    type: Function,
+    value: t => !1
+  },
+  firstDayOfWeek: {
+    type: Number,
+    value: () => 1
+  },
+  showOutsideDays: {
+    type: Boolean,
+    value: !1
+  },
+  locale: {
+    type: String,
+    value: () => {}
+  },
+  months: {
+    type: Number,
+    value: 1
+  },
+  focusedDate: {
+    type: String,
+    value: () => {}
+  },
+  pageBy: {
+    type: String,
+    value: () => "months"
+  }
+}, Kt = [ yt, bt, z`:host{display:block;inline-size:fit-content}[role=group]{display:flex;flex-direction:column;gap:1em}:host::part(header){display:flex;align-items:center;justify-content:space-between}:host::part(heading){font-weight:700;font-size:1.25em}button{display:flex;align-items:center;justify-content:center}button[aria-disabled]{cursor:default;opacity:.5}` ], Xt = {
+  year: "numeric"
+}, te = {
+  year: "numeric",
+  month: "long"
+};
+
+function V(t, e) {
+  return (e.year - t.year) * 12 + e.month - t.month;
+}
+
+const kt = (t, e) => (t = e === 12 ? new xt(t.year, 1) : t, {
+  start: t,
+  end: t.add({
+    months: e - 1
+  })
+});
+
+function Ze({pageBy: t, focusedDate: e, months: a, max: u, min: d, goto: h}) {
+  const b = t === "single" ? 1 : a, [g, k] = rt((() => kt(e.toPlainYearMonth(), a))), i = t => k(kt(g.start.add({
+    months: t
+  }), a)), f = t => {
+    const e = V(g.start, t.toPlainYearMonth());
+    return e >= 0 && e < a;
+  };
+  return M((() => {
+    if (f(e)) return;
+    const t = V(e.toPlainYearMonth(), g.start);
+    h(e.add({
+      months: t
+    }));
+  }), [ g.start ]), M((() => {
+    if (f(e)) return;
+    const t = V(g.start, e.toPlainYearMonth());
+    i(t === -1 ? -b : t === a ? b : Math.floor(t / a) * a);
+  }), [ e, b, a ]), {
+    page: g,
+    previous: !d || !f(d) ? () => i(-b) : void 0,
+    next: !u || !f(u) ? () => i(b) : void 0
+  };
+}
+
+function ht({months: t, pageBy: e, locale: a, focusedDate: u, setFocusedDate: d}) {
+  const [h] = P("min"), [b] = P("max"), g = C("focusday"), k = C("change"), D = T((() => H(u ?? it(), h, b)), [ u, h, b ]);
+  function f(t) {
+    d(t), g(S(t));
+  }
+  const {next: $, previous: N, page: E} = Ze({
+    pageBy: e,
+    focusedDate: D,
+    months: t,
+    min: h,
+    max: b,
+    goto: f
+  }), A = _();
+  function p() {
+    A.current.querySelectorAll("calendar-month").forEach((t => t.focus()));
+  }
+  return {
+    format: L(Xt, a),
+    formatVerbose: L(te, a),
+    page: E,
+    focusedDate: D,
+    dispatch: k,
+    onFocus(t) {
+      t.stopPropagation(), f(t.detail), setTimeout(p);
+    },
+    min: h,
+    max: b,
+    next: $,
+    previous: N,
+    focus: p
+  };
+}
+
+const ee = j((t => {
+  const [e, a] = P("value"), [u = e, d] = P("focusedDate"), h = ht({
+    ...t,
+    focusedDate: u,
+    setFocusedDate: d
+  });
+  function c(t) {
+    a(t.detail), h.dispatch();
+  }
+  
+  return y("host", {
+    shadowDom: !0,
+    focus: h.focus,
+    children:  y(ut, {
+      ...t,
+      ...h,
+      type: "date",
+      value: e,
+      onSelect: c
+    })
+  });
+}), {
+  props: qt,
+  styles: Kt
+});
+
+customElements.define("calendar-date", ee);
+
+const Ot = (t, e) => wt.compare(t, e) < 0 ? [ t, e ] : [ e, t ], ne = j((t => {
+  const [e, a] = _e("value"), [u = e[0], d] = P("focusedDate"), h = ht({
+    ...t,
+    focusedDate: u,
+    setFocusedDate: d
+  }), b = C("rangestart"), g = C("rangeend"), [k, D] = P("tentative"), [$, N] = rt();
+  M((() => N(void 0)), [ k ]);
+  function l(t) {
+    h.onFocus(t), m(t);
+  }
+  function m(t) {
+    t.stopPropagation(), k && N(t.detail);
+  }
+  function v(t) {
+    const e = t.detail;
+    t.stopPropagation(), k ? (a(Ot(k, e)), D(void 0), g(S(e)), h.dispatch()) : (D(e), 
+    b(S(e)));
+  }
+  const E = k ? Ot(k, $ ?? k) : e;
+  
+  return y("host", {
+    shadowDom: !0,
+    focus: h.focus,
+    children:  y(ut, {
+      ...t,
+      ...h,
+      type: "range",
+      value: E,
+      onFocus: l,
+      onHover: m,
+      onSelect: v
+    })
+  });
+}), {
+  props: {
+    ...qt,
+    tentative: {
+      type: String,
+      value: ""
+    }
+  },
+  styles: Kt
+});
+
+customElements.define("calendar-range", ne);
+
+const re = j((t => {
+  const [e, a] = je("value"), [u = e[0], d] = P("focusedDate"), h = ht({
+    ...t,
+    focusedDate: u,
+    setFocusedDate: d
+  });
+  function c(t) {
+    const u = [ ...e ], d = e.findIndex((e => e.equals(t.detail)));
+    d < 0 ? u.push(t.detail) : u.splice(d, 1), a(u), h.dispatch();
+  }
+  
+  return y("host", {
+    shadowDom: !0,
+    focus: h.focus,
+    children:  y(ut, {
+      ...t,
+      ...h,
+      type: "multi",
+      value: e,
+      onSelect: c
+    })
+  });
+}), {
+  props: qt,
+  styles: Kt
+});
+
+customElements.define("calendar-multi", re);
+
+const globalFn = () => {};
+
+const ie = globalFn;
+
+export { ie as g };
 //# sourceMappingURL=p-3fd0d92d.js.map